From 1d812aed00393d9a3e701389be09dc18e0074b0b Mon Sep 17 00:00:00 2001
From: Stefano Rosanelli <stefano.rosanelli@gmail.com>
Date: Tue, 1 Oct 2024 12:18:25 +0200
Subject: [PATCH] Update labels in `DocumentChunks` modal (#19)

* chore: document chunks model labels update

* chore: prettier
---
 components/Dialog/DocumentChunks.vue | 11 +++++++++--
 locales/en/messages.json             |  3 ++-
 locales/it/messages.json             |  3 ++-
 3 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/components/Dialog/DocumentChunks.vue b/components/Dialog/DocumentChunks.vue
index 7058865..f47b5ef 100644
--- a/components/Dialog/DocumentChunks.vue
+++ b/components/Dialog/DocumentChunks.vue
@@ -1,13 +1,13 @@
 <template>
   <div class="w-full">
     <div class="flex justify-between items-center pb-4 mb-4 rounded-t border-b sm:mb-5">
-      <h3 class="text-xl font-semibold text-gray-900">{{ $t('CHUNKS_FOUND', { chunks: documentChunks.length }) }}</h3>
+      <h3 class="text-xl font-semibold text-gray-900">{{ fileName }} {{ $t('CHUNKS_FOUND', { chunks: documentChunks.length }) }}</h3>
       <Icon class="text-2xl hover:cursor-pointer hover:bg-sky-100" name="ph:x-bold" @click="$closeModal()" />
     </div>
     <div class="mb-4 p-2 w-full whitespace-break-spaces overflow-y-auto max-h-[60vh]" v-if="!loadingChunks">
       <div v-if="documentChunks && documentChunks.length > 0" class="flex flex-col space-y-3">
         <div v-for="(doc, n) in documentChunks" :key="n" class="bg-sky-100 shadow-md p-3 rounded-lg">
-          <p class="text-lg font-bold">{{ $t('CHUNK') }} {{ n + 1 }}.</p>
+          <p class="text-lg font-bold">{{ $t('CHUNK') }} {{ n + 1 }}. - {{ $t('NUM_CHARS', { num: doc.document.length }) }}</p>
           <p class="pt-2 pb-2">{{ doc.document }}</p>
         </div>
       </div>
@@ -35,6 +35,7 @@ const { $closeModal } = useNuxtApp();
 const collectionUuid: string = statesStore.collection?.uuid || '';
 const documentChunks = ref<any>([]);
 const loadingChunks = ref(true);
+const fileName = ref('');
 
 onBeforeMount(async () => {
   try {
@@ -42,6 +43,12 @@ onBeforeMount(async () => {
     const data = await response.json();
     if (data) {
       documentChunks.value = data.sort((a: any, b: any) => a.cmetadata.part - b.cmetadata.part);
+      const type = data?.[0]?.cmetadata?.type || '';
+      if (type === 'files') {
+        fileName.value = data?.[0]?.cmetadata?.file || '';
+      } else if (type === 'links') {
+        fileName.value = data?.[0]?.cmetadata?.url || '';
+      }
     }
     setTimeout(() => (loadingChunks.value = false), 250);
   } catch (err) {
diff --git a/locales/en/messages.json b/locales/en/messages.json
index b5b6146..0cfb903 100644
--- a/locales/en/messages.json
+++ b/locales/en/messages.json
@@ -27,7 +27,7 @@
     "CHECK_YOUR_INBOX": "Check your inbox and follow the instructions to active the account",
     "CHECK_YOUR_INBOX_RESET": "Check your inbox and follow the instructions to reset your password",
     "CHOOSE_NEW_PASSWORD": "Choose a new Password",
-    "CHUNKS_FOUND": "Parts found for this document ({chunks} parts)",
+    "CHUNKS_FOUND": "({chunks} parts)",
     "CHUNK": "Part",
     "CLIC_TO_ADD_QUESTION": "Click here to add a new question",
     "CLIC_TO_ADD_LINK": "Click here to add a link to a webpage",
@@ -116,6 +116,7 @@
     "NO_RESULTS_WITH_FILTER": "There are no results available with this filter",
     "NOT_A_MEMBER": "Not a member?",
     "NOT_VALID_EMAIL": "The provided email address is not valid",
+    "NUM_CHARS": "{num} characters",
     "OVERVIEW": "Overview",
     "PASSWORD": "Password",
     "PASSWORD_ADVICE": "A strong password helps protect your account effectively.",
diff --git a/locales/it/messages.json b/locales/it/messages.json
index fcdb967..dc02324 100644
--- a/locales/it/messages.json
+++ b/locales/it/messages.json
@@ -27,7 +27,7 @@
     "CHECK_YOUR_INBOX": "Controlla la tua casella di posta e segui le istruzioni per completare la registrazione",
     "CHECK_YOUR_INBOX_RESET": "Controlla la tua casella di posta e segui le istruzioni per resettare la tua password",
     "CHOOSE_NEW_PASSWORD": "Scegli una nuova password",
-    "CHUNKS_FOUND": "Parti trovate per questo documento ({chunks} parti)",
+    "CHUNKS_FOUND": "({chunks} parti)",
     "CHUNK": "Parte",
     "CLIC_TO_ADD_QUESTION": "Clicca qui per aggiungere una nuova domanda",
     "CLIC_TO_ADD_LINK": "Clicca qui per aggiungere un link a una pagina web",
@@ -116,6 +116,7 @@
     "NO_RESULTS_WITH_FILTER": "Non ci sono risultati per questo filtro",
     "NOT_A_MEMBER": "Non sei ancora registrato?",
     "NOT_VALID_EMAIL": "L'indirizzo di e-mail inserito non è valido",
+    "NUM_CHARS": "{num} caratteri",
     "OVERVIEW": "Generale",
     "PASSWORD": "Password",
     "PASSWORD_ADVICE": "Una password sicura aiuta a proteggere il tuo account in modo efficace",