docs: readme screenshot

README.md

@@ -148,15 +148,15 @@ See [docs/en/configuration.md](docs/en/configuration.md) for all options.
 <table>
 <tr>
 <td align="center"><strong>Home</strong><br><a href="screenshots/1-home.png"><img src="screenshots/1-home.png" width="200"></a></td>
-<td align="center"><strong>Signing</strong><br><a href="screenshots/3-signing-request.png"><img src="screenshots/3-signing-request.png" width="200"></a></td>
-<td align="center"><strong>Confirmed</strong><br><a href="screenshots/4-signing-ok.png"><img src="screenshots/4-signing-ok.png" width="200"></a></td>
-<td align="center"><strong>Confirmations</strong><br><a href="screenshots/5-my-confirm-list.png"><img src="screenshots/5-my-confirm-list.png" width="200"></a></td>
+<td align="center"><strong>Document Upload</strong><br><a href="screenshots/2-new-doc-upload.png"><img src="screenshots/2-new-doc-upload.png" width="200"></a></td>
+<td align="center"><strong>Add Readers</strong><br><a href="screenshots/3-add-confirm-request.png"><img src="screenshots/3-add-confirm-request.png" width="200"></a></td>
+<td align="center"><strong>Integrated Reader</strong><br><a href="screenshots/4-internal-reader.png"><img src="screenshots/4-internal-reader.png" width="200"></a></td>
 </tr>
 <tr>
-<td align="center"><strong>Admin dashboard</strong><br><a href="screenshots/6-admin.png"><img src="screenshots/6-admin.png" width="200"></a></td>
-<td align="center"><strong>Admin document</strong><br><a href="screenshots/7-admin-doc.png"><img src="screenshots/7-admin-doc.png" width="200"></a></td>
-<td align="center"><strong>Outline</strong><br><a href="screenshots/8-outline.png"><img src="screenshots/8-outline.png" width="200"></a></td>
-<td align="center"></td>
+<td align="center"><strong>Reading Confirmed</strong><br><a href="screenshots/5-read-confirmed.png"><img src="screenshots/5-read-confirmed.png" width="200"></a></td>
+<td align="center"><strong>My Confirmations</strong><br><a href="screenshots/6-all-my-confirmations.png"><img src="screenshots/6-all-my-confirmations.png" width="200"></a></td>
+<td align="center"><strong>My Documents</strong><br><a href="screenshots/7-manage-my-docs.png"><img src="screenshots/7-manage-my-docs.png" width="200"></a></td>
+<td align="center"><strong>Admin Settings</strong><br><a href="screenshots/8-admin-settings.png"><img src="screenshots/8-admin-settings.png" width="200"></a></td>
 </tr>
 </table>
 

README_FR.md

@@ -143,20 +143,20 @@ Voir [docs/fr/configuration.md](docs/fr/configuration.md) pour toutes les option
 
 ---
 
-## 📸 Screenshots
+## 📸 Captures d'écran
 
 <table>
 <tr>
-<td align="center"><strong>Home</strong><br><a href="screenshots/1-home.png"><img src="screenshots/1-home.png" width="200"></a></td>
-<td align="center"><strong>Signing</strong><br><a href="screenshots/3-signing-request.png"><img src="screenshots/3-signing-request.png" width="200"></a></td>
-<td align="center"><strong>Confirmed</strong><br><a href="screenshots/4-signing-ok.png"><img src="screenshots/4-signing-ok.png" width="200"></a></td>
-<td align="center"><strong>Confirmations</strong><br><a href="screenshots/5-my-confirm-list.png"><img src="screenshots/5-my-confirm-list.png" width="200"></a></td>
+<td align="center"><strong>Accueil</strong><br><a href="screenshots/1-home.png"><img src="screenshots/1-home.png" width="200"></a></td>
+<td align="center"><strong>Upload document</strong><br><a href="screenshots/2-new-doc-upload.png"><img src="screenshots/2-new-doc-upload.png" width="200"></a></td>
+<td align="center"><strong>Ajouter lecteurs</strong><br><a href="screenshots/3-add-confirm-request.png"><img src="screenshots/3-add-confirm-request.png" width="200"></a></td>
+<td align="center"><strong>Lecteur intégré</strong><br><a href="screenshots/4-internal-reader.png"><img src="screenshots/4-internal-reader.png" width="200"></a></td>
 </tr>
 <tr>
-<td align="center"><strong>Admin dashboard</strong><br><a href="screenshots/6-admin.png"><img src="screenshots/6-admin.png" width="200"></a></td>
-<td align="center"><strong>Admin document</strong><br><a href="screenshots/7-admin-doc.png"><img src="screenshots/7-admin-doc.png" width="200"></a></td>
-<td align="center"><strong>Outline</strong><br><a href="screenshots/8-outline.png"><img src="screenshots/8-outline.png" width="200"></a></td>
-<td align="center"></td>
+<td align="center"><strong>Lecture confirmée</strong><br><a href="screenshots/5-read-confirmed.png"><img src="screenshots/5-read-confirmed.png" width="200"></a></td>
+<td align="center"><strong>Mes confirmations</strong><br><a href="screenshots/6-all-my-confirmations.png"><img src="screenshots/6-all-my-confirmations.png" width="200"></a></td>
+<td align="center"><strong>Mes documents</strong><br><a href="screenshots/7-manage-my-docs.png"><img src="screenshots/7-manage-my-docs.png" width="200"></a></td>
+<td align="center"><strong>Admin paramètres</strong><br><a href="screenshots/8-admin-settings.png"><img src="screenshots/8-admin-settings.png" width="200"></a></td>
 </tr>
 </table>
 

webapp/src/locales/en.json

@@ -861,7 +861,7 @@
       "pending": "Pending",
       "completed": "Completed",
       "totalDocuments": "Total documents",
-      "pendingDocuments": "Pending signatures",
+      "pendingConfirmations": "Pending confirmations",
       "completedDocuments": "Completed"
     },
     "columns": {

webapp/src/locales/fr.json

@@ -858,7 +858,7 @@
       "pending": "En attente",
       "completed": "Complétés",
       "totalDocuments": "Documents totaux",
-      "pendingDocuments": "En attente de signatures",
+      "pendingConfirmations": "Confirmations en attente",
       "completedDocuments": "Complétés"
     },
     "columns": {

webapp/src/pages/MyDocumentsPage.vue

@@ -56,8 +56,13 @@ const totalPages = computed(() => Math.ceil(totalDocsCount.value / perPage.value
 
 // Stats
 const totalDocuments = computed(() => totalDocsCount.value)
-const pendingDocuments = computed(() =>
-  documents.value.filter(d => d.expectedSignerCount > 0 && d.signatureCount < d.expectedSignerCount).length
+const pendingConfirmations = computed(() =>
+  documents.value.reduce((sum, d) => {
+    if (d.expectedSignerCount > 0 && d.signatureCount < d.expectedSignerCount) {
+      return sum + (d.expectedSignerCount - d.signatureCount)
+    }
+    return sum
+  }, 0)
 )
 const completedDocuments = computed(() =>
   documents.value.filter(d => d.expectedSignerCount > 0 && d.signatureCount >= d.expectedSignerCount).length
@@ -281,7 +286,7 @@ onMounted(async () => {
           </div>
           <div class="flex flex-col items-center justify-center gap-1 px-3 py-3 rounded-xl bg-amber-50 dark:bg-amber-900/30 text-amber-600 dark:text-amber-400">
             <Clock :size="18" />
-            <span class="text-xl font-bold">{{ pendingDocuments }}</span>
+            <span class="text-xl font-bold">{{ pendingConfirmations }}</span>
             <span class="text-xs whitespace-nowrap">{{ t('myDocuments.stats.pending') }}</span>
           </div>
           <div class="flex flex-col items-center justify-center gap-1 px-3 py-3 rounded-xl bg-emerald-50 dark:bg-emerald-900/30 text-emerald-600 dark:text-emerald-400">
@@ -313,8 +318,8 @@ onMounted(async () => {
                 <Clock :size="24" class="text-amber-600 dark:text-amber-400" />
               </div>
               <div>
-                <p class="text-sm text-slate-500 dark:text-slate-400">{{ t('myDocuments.stats.pendingDocuments') }}</p>
-                <p class="text-2xl font-bold text-slate-900 dark:text-slate-100">{{ pendingDocuments }}</p>
+                <p class="text-sm text-slate-500 dark:text-slate-400">{{ t('myDocuments.stats.pendingConfirmations') }}</p>
+                <p class="text-2xl font-bold text-slate-900 dark:text-slate-100">{{ pendingConfirmations }}</p>
               </div>
             </div>
           </div>