Import de masse des PNJ ancien système

templates/apps/cde-migration-app.html

@@ -13,7 +13,7 @@
   </div>
 
   {{! Preview table }}
-  {{#if hasPending}}
+  {{#if (and hasPending (ne importState "importing"))}}
   <div class="cde-migration-preview">
     <div class="cde-migration-preview-header">
       <span>{{ localize "CDE.MigrationPreviewTitle" }}</span>
@@ -34,9 +34,12 @@
       </thead>
       <tbody>
         {{#each pending}}
-        <tr>
+        <tr class="{{#if _duplicate}}cde-migration-row-duplicate{{/if}}">
           <td><img src="{{img}}" class="cde-migration-thumb" alt=""></td>
-          <td class="cde-migration-name">{{name}}</td>
+          <td class="cde-migration-name">
+            {{#if _duplicate}}<i class="fa-solid fa-triangle-exclamation cde-migration-duplicate-icon" title="{{ localize 'CDE.MigrationDuplicate' }}"></i>{{/if}}
+            {{name}}
+          </td>
           <td>
             <span class="cde-migration-type-badge cde-migration-type-{{type}}">
               {{#if (eq type "character")}}
@@ -55,6 +58,41 @@
   </div>
   {{/if}}
 
+  {{! Duplicate warning banner (confirmation step) }}
+  {{#if (eq importState "confirm")}}
+  <div class="cde-migration-confirm-bar">
+    <p class="cde-migration-confirm-msg">
+      <i class="fa-solid fa-triangle-exclamation"></i>
+      {{ localize "CDE.MigrationImportConfirm" count=count }}
+    </p>
+    {{#if hasDuplicates}}
+    <p class="cde-migration-confirm-duplicates">
+      <i class="fa-solid fa-triangle-exclamation"></i>
+      {{ localize "CDE.MigrationDuplicateCount" count=duplicateCount }}
+    </p>
+    {{/if}}
+    <div class="cde-migration-confirm-actions">
+      <button type="button" class="cde-migration-confirm-btn" data-action="confirmImport">
+        <i class="fa-solid fa-download"></i>
+        {{ localize "CDE.MigrationConfirmAction" }} ({{count}})
+      </button>
+      <button type="button" class="cde-migration-cancel-btn" data-action="cancelImport">
+        <i class="fa-solid fa-xmark"></i>
+        {{ localize "CDE.Cancel" }}
+      </button>
+    </div>
+  </div>
+  {{/if}}
+
+  {{! Progress (importing state) }}
+  {{#if (eq importState "importing")}}
+  <div class="cde-migration-progress">
+    <i class="fa-solid fa-spinner fa-spin"></i>
+    <span>{{ localize "CDE.MigrationImporting" }}</span>
+    <span class="cde-migration-progress-count">{{progress}}/{{total}}</span>
+  </div>
+  {{/if}}
+
   {{! Errors }}
   {{#if hasErrors}}
   <ul class="cde-migration-errors">
@@ -66,12 +104,12 @@
 
   {{! Action bar }}
   <div class="cde-migration-actions">
-    {{#if hasPending}}
+    {{#if (and hasPending (eq importState "idle"))}}
     <button type="button" class="cde-migration-import-btn" data-action="doImport">
       <i class="fa-solid fa-download"></i>
       {{ localize "CDE.MigrationImport" }} ({{count}})
     </button>
-    {{else}}
+    {{else if (and (not hasPending) (eq importState "idle"))}}
     <p class="cde-migration-hint">{{ localize "CDE.MigrationHint" }}</p>
     {{/if}}
   </div>