From dfdfb6ec93827dabd0e71997b7753f5fbc4f5061 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Thu, 18 Apr 2024 15:25:32 +0200
Subject: [PATCH] feat: refs #6480 locale

---
 src/components/common/VnCard.vue             | 34 +++++++++-----------
 src/pages/InvoiceIn/Card/InvoiceInCard.vue   |  5 ---
 src/pages/InvoiceIn/locale/es.yml            |  2 ++
 src/pages/InvoiceOut/Card/InvoiceOutCard.vue |  7 ++--
 src/pages/InvoiceOut/locale/es.yml           |  2 ++
 5 files changed, 22 insertions(+), 28 deletions(-)
 create mode 100644 src/pages/InvoiceIn/locale/es.yml
 create mode 100644 src/pages/InvoiceOut/locale/es.yml

diff --git a/src/components/common/VnCard.vue b/src/components/common/VnCard.vue
index ff3c8804e..6bfc7bc6c 100644
--- a/src/components/common/VnCard.vue
+++ b/src/components/common/VnCard.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { computed, onBeforeMount } from 'vue';
+import { onBeforeMount } from 'vue';
 import { useRoute, onBeforeRouteUpdate } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 import { useArrayData } from 'src/composables/useArrayData';
@@ -10,10 +10,9 @@ import VnSearchbar from 'components/ui/VnSearchbar.vue';
 import LeftMenu from 'components/LeftMenu.vue';
 
 const props = defineProps({
-    dataKey: { type: String, default: null },
-    baseUrl: { type: String, default: null },
-    model: { type: String, default: null },
-    filter: { type: Object, default: null },
+    dataKey: { type: String, required: true },
+    baseUrl: { type: String, required: true },
+    filter: { type: Object, default: undefined },
     descriptor: { type: Object, required: true },
     searchbarDataKey: { type: String, required: true },
     searchbarUrl: { type: String, required: true },
@@ -24,28 +23,27 @@ const props = defineProps({
 const { t } = useI18n();
 const stateStore = useStateStore();
 const route = useRoute();
-const url = computed(() => `${props.baseUrl}/${route.params.id}`);
-let arrayData;
 
-if (props.dataKey) {
-    arrayData = useArrayData(props.dataKey, { url, filter: props.filter });
+const arrayData = useArrayData(props.dataKey, {
+    url: `${props.baseUrl}/${route.params.id}`,
+    filter: props.filter,
+});
 
-    onBeforeMount(async () => await arrayData.fetch({ append: false }));
+onBeforeMount(async () => await arrayData.fetch({ append: false }));
 
-    onBeforeRouteUpdate(async (to, from) => {
-        if (!to.params.id !== from.params.id) {
-            arrayData.store.url = url;
-            await arrayData.fetch({ append: false });
-        }
-    });
-}
+onBeforeRouteUpdate(async (to, from) => {
+    if (to.params.id !== from.params.id) {
+        arrayData.store.url = `${props.baseUrl}/${route.params.id}`;
+        await arrayData.fetch({ append: false });
+    }
+});
 </script>
 <template>
     <Teleport to="#searchbar" v-if="stateStore.isHeaderMounted()">
         <VnSearchbar
             :data-key="props.searchbarDataKey"
             :url="props.searchbarUrl"
-            :label="t(`${props.model}.searchbar.${props.searchbarLabel}`)"
+            :label="t(props.searchbarLabel)"
             :info="t(props.searchbarInfo)"
         />
     </Teleport>
diff --git a/src/pages/InvoiceIn/Card/InvoiceInCard.vue b/src/pages/InvoiceIn/Card/InvoiceInCard.vue
index afaa7ca1b..ceec5042d 100644
--- a/src/pages/InvoiceIn/Card/InvoiceInCard.vue
+++ b/src/pages/InvoiceIn/Card/InvoiceInCard.vue
@@ -31,8 +31,3 @@ const filter = {
         searchbar-info="You can search by invoice reference"
     />
 </template>
-<i18n>
-    es:
-        Search invoice: Buscar factura recibida
-        You can search by invoice reference: Puedes buscar por referencia de la factura
-</i18n>
diff --git a/src/pages/InvoiceIn/locale/es.yml b/src/pages/InvoiceIn/locale/es.yml
new file mode 100644
index 000000000..d7e38d7fa
--- /dev/null
+++ b/src/pages/InvoiceIn/locale/es.yml
@@ -0,0 +1,2 @@
+Search invoice: Buscar factura recibida
+You can search by invoice reference: Puedes buscar por referencia de la factura
diff --git a/src/pages/InvoiceOut/Card/InvoiceOutCard.vue b/src/pages/InvoiceOut/Card/InvoiceOutCard.vue
index a1be6f022..218e01d83 100644
--- a/src/pages/InvoiceOut/Card/InvoiceOutCard.vue
+++ b/src/pages/InvoiceOut/Card/InvoiceOutCard.vue
@@ -4,6 +4,8 @@ import VnCard from 'components/common/VnCard.vue';
 </script>
 <template>
     <VnCard
+        data-key="InvoiceOut"
+        base-url="InvoiceOuts"
         :descriptor="InvoiceOutDescriptor"
         searchbar-data-key="InvoiceOutList"
         searchbar-url="InvoiceOuts/filter"
@@ -11,8 +13,3 @@ import VnCard from 'components/common/VnCard.vue';
         searchbar-info="You can search by invoice reference"
     />
 </template>
-<i18n>
-    es:
-        Search invoice: Buscar factura emitida
-        You can search by invoice reference: Puedes buscar por referencia de la factura
-</i18n>
diff --git a/src/pages/InvoiceOut/locale/es.yml b/src/pages/InvoiceOut/locale/es.yml
new file mode 100644
index 000000000..b936c7b7e
--- /dev/null
+++ b/src/pages/InvoiceOut/locale/es.yml
@@ -0,0 +1,2 @@
+Search invoice: Buscar factura emitida
+You can search by invoice reference: Puedes buscar por referencia de la factura