From c4de1beabf6b736c3849c618c00d05c2e522fe7e Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Mon, 12 Aug 2024 13:46:56 +0200
Subject: [PATCH 01/25] feat: refs #6900 add InvoiceInSerial

---
 src/i18n/locale/en.yml                        |  1 +
 src/i18n/locale/es.yml                        |  1 +
 .../InvoiceIn/Serial/InvoiceInSerial.vue      | 63 +++++++++++++++++++
 .../Serial/InvoiceInSerialFilter.vue          | 49 +++++++++++++++
 src/router/modules/invoiceIn.js               | 12 +++-
 5 files changed, 125 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/InvoiceIn/Serial/InvoiceInSerial.vue
 create mode 100644 src/pages/InvoiceIn/Serial/InvoiceInSerialFilter.vue

diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index 12680d0cb..6065ddaff 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -251,6 +251,7 @@ globals:
         privileges: Privileges
         ldap: LDAP
         samba: Samba
+        serial: Serial
     created: Created
     worker: Worker
     now: Now
diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index 747a10d51..de3aa8fd1 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -253,6 +253,7 @@ globals:
         packages: Bultos
         ldap: LDAP
         samba: Samba
+        serial: Facturas por serie
     created: Fecha creación
     worker: Trabajador
     now: Ahora
diff --git a/src/pages/InvoiceIn/Serial/InvoiceInSerial.vue b/src/pages/InvoiceIn/Serial/InvoiceInSerial.vue
new file mode 100644
index 000000000..b6bcf7a9b
--- /dev/null
+++ b/src/pages/InvoiceIn/Serial/InvoiceInSerial.vue
@@ -0,0 +1,63 @@
+<script setup>
+import { ref, computed, onBeforeMount } from 'vue';
+import { useI18n } from 'vue-i18n';
+import axios from 'axios';
+import VnTable from 'src/components/VnTable/VnTable.vue';
+import RightMenu from 'src/components/common/RightMenu.vue';
+import InvoiceInSerialFilter from './InvoiceInSerialFilter.vue';
+import { useArrayData } from 'src/composables/useArrayData';
+
+const { t } = useI18n();
+
+const cols = computed(() => [
+    {
+        align: 'left',
+        name: 'serial',
+        label: t('Serial'),
+        columnFilter: false,
+    },
+    {
+        align: 'left',
+        name: 'pending',
+        label: t('Pending'),
+        columnFilter: false,
+    },
+    {
+        align: 'left',
+        name: 'total',
+        label: 'Total',
+        columnFilter: false,
+    },
+]);
+
+const arrayData = useArrayData('InvoiceInSerial');
+const table = ref();
+onBeforeMount(async () => {
+    const { data } = await axios.get('InvoiceInConfigs/findOne', {
+        params: { filter: { fields: ['daysAgo'] } },
+    });
+
+    arrayData.store.userParams.daysAgo = data.daysAgo;
+    await table.value.reload();
+});
+</script>
+<template>
+    <RightMenu>
+        <template #right-panel>
+            <InvoiceInSerialFilter data-key="InvoiceInSerial" />
+        </template>
+    </RightMenu>
+    <VnTable
+        ref="table"
+        data-key="InvoiceInSerial"
+        url="InvoiceIns/getSerial"
+        :columns="cols"
+        :right-search="false"
+        :disable-option="{ card: true }"
+    />
+</template>
+<i18n>
+es:
+    Serial: Serie
+    Pending: Pendiente
+</i18n>
diff --git a/src/pages/InvoiceIn/Serial/InvoiceInSerialFilter.vue b/src/pages/InvoiceIn/Serial/InvoiceInSerialFilter.vue
new file mode 100644
index 000000000..b1cfb4e03
--- /dev/null
+++ b/src/pages/InvoiceIn/Serial/InvoiceInSerialFilter.vue
@@ -0,0 +1,49 @@
+<script setup>
+import { useI18n } from 'vue-i18n';
+import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
+import VnInput from 'src/components/common/VnInput.vue';
+import VnInputNumber from 'src/components/common/VnInputNumber.vue';
+defineProps({ dataKey: { type: String, required: true } });
+
+const { t } = useI18n();
+</script>
+<template>
+    <VnFilterPanel :data-key="dataKey" :search-button="true">
+        <template #tags="{ tag, formatFn }">
+            <div class="q-gutter-x-xs">
+                <strong>{{ t(`params.${tag.label}`) }}: </strong>
+                <span>{{ formatFn(tag.value) }}</span>
+            </div>
+        </template>
+        <template #body="{ params }">
+            <QItem>
+                <QItemSection>
+                    <VnInputNumber
+                        v-model="params.daysAgo"
+                        :label="t('params.daysAgo')"
+                        outlined
+                        rounded
+                        dense
+                    />
+                </QItemSection>
+            </QItem>
+            <QItem>
+                <QItemSection>
+                    <VnInput
+                        v-model="params.serial"
+                        :label="t('params.serial')"
+                        outlined
+                        rounded
+                        dense
+                    />
+                </QItemSection>
+            </QItem>
+        </template>
+    </VnFilterPanel>
+</template>
+<i18n>
+es:
+    params:
+        daysAgo: 'Últimos días'
+        serial: 'serie'
+</i18n>
diff --git a/src/router/modules/invoiceIn.js b/src/router/modules/invoiceIn.js
index cd8f7de9c..906db8a58 100644
--- a/src/router/modules/invoiceIn.js
+++ b/src/router/modules/invoiceIn.js
@@ -11,7 +11,7 @@ export default {
     component: RouterView,
     redirect: { name: 'InvoiceInMain' },
     menus: {
-        main: ['InvoiceInList'],
+        main: ['InvoiceInList', 'InvoiceInSerial'],
         card: [
             'InvoiceInBasicData',
             'InvoiceInVat',
@@ -37,6 +37,16 @@ export default {
                     },
                     component: () => import('src/pages/InvoiceIn/InvoiceInList.vue'),
                 },
+                {
+                    path: 'serial',
+                    name: 'InvoiceInSerial',
+                    meta: {
+                        title: 'serial',
+                        icon: 'view_list',
+                    },
+                    component: () =>
+                        import('src/pages/InvoiceIn/Serial/InvoiceInSerial.vue'),
+                },
                 {
                     path: 'create',
                     name: 'InvoiceInCreare',

From de24a3efdb74d4b41da6701772ba97be39a9e9f2 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Mon, 12 Aug 2024 15:34:09 +0200
Subject: [PATCH 02/25] feat: refs #6900 add locale

---
 src/pages/InvoiceIn/Serial/InvoiceInSerialFilter.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/pages/InvoiceIn/Serial/InvoiceInSerialFilter.vue b/src/pages/InvoiceIn/Serial/InvoiceInSerialFilter.vue
index b1cfb4e03..4f8c9d70b 100644
--- a/src/pages/InvoiceIn/Serial/InvoiceInSerialFilter.vue
+++ b/src/pages/InvoiceIn/Serial/InvoiceInSerialFilter.vue
@@ -42,8 +42,12 @@ const { t } = useI18n();
     </VnFilterPanel>
 </template>
 <i18n>
+en:
+    params:
+        daysAgo: Last days
+        serial: serial
 es:
     params:
-        daysAgo: 'Últimos días'
-        serial: 'serie'
+        daysAgo: Últimos días
+        serial: serie
 </i18n>

From 6dd9029871f15622aa8a3e519080b85986fc70bc Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Wed, 14 Aug 2024 14:27:54 +0200
Subject: [PATCH 03/25] fix: refs #6900 improve logic

---
 .../InvoiceIn/Serial/InvoiceInSerial.vue      | 25 +++++++++++--------
 1 file changed, 15 insertions(+), 10 deletions(-)

diff --git a/src/pages/InvoiceIn/Serial/InvoiceInSerial.vue b/src/pages/InvoiceIn/Serial/InvoiceInSerial.vue
index b6bcf7a9b..f5354da18 100644
--- a/src/pages/InvoiceIn/Serial/InvoiceInSerial.vue
+++ b/src/pages/InvoiceIn/Serial/InvoiceInSerial.vue
@@ -1,11 +1,11 @@
 <script setup>
 import { ref, computed, onBeforeMount } from 'vue';
+import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 import axios from 'axios';
 import VnTable from 'src/components/VnTable/VnTable.vue';
 import RightMenu from 'src/components/common/RightMenu.vue';
 import InvoiceInSerialFilter from './InvoiceInSerialFilter.vue';
-import { useArrayData } from 'src/composables/useArrayData';
 
 const { t } = useI18n();
 
@@ -30,15 +30,18 @@ const cols = computed(() => [
     },
 ]);
 
-const arrayData = useArrayData('InvoiceInSerial');
-const table = ref();
-onBeforeMount(async () => {
-    const { data } = await axios.get('InvoiceInConfigs/findOne', {
-        params: { filter: { fields: ['daysAgo'] } },
-    });
+const daysAgo = ref(0);
 
-    arrayData.store.userParams.daysAgo = data.daysAgo;
-    await table.value.reload();
+onBeforeMount(async () => {
+    const tableParam = useRoute().query.table;
+
+    if (tableParam) daysAgo.value = JSON.parse(tableParam).daysAgo;
+    else
+        daysAgo.value = (
+            await axios.get('InvoiceInConfigs/findOne', {
+                params: { filter: { fields: ['daysAgo'] } },
+            })
+        ).data?.daysAgo;
 });
 </script>
 <template>
@@ -48,12 +51,14 @@ onBeforeMount(async () => {
         </template>
     </RightMenu>
     <VnTable
-        ref="table"
+        v-if="daysAgo"
         data-key="InvoiceInSerial"
         url="InvoiceIns/getSerial"
         :columns="cols"
         :right-search="false"
+        :user-params="{ daysAgo }"
         :disable-option="{ card: true }"
+        auto-load
     />
 </template>
 <i18n>

From 3bba5db1b518d6ee02f0a46cad654dd6f4c04b09 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Wed, 14 Aug 2024 14:52:47 +0200
Subject: [PATCH 04/25] fix: refs #6900 improve logic

---
 src/pages/InvoiceIn/Serial/InvoiceInSerial.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/InvoiceIn/Serial/InvoiceInSerial.vue b/src/pages/InvoiceIn/Serial/InvoiceInSerial.vue
index f5354da18..4eb9fa69d 100644
--- a/src/pages/InvoiceIn/Serial/InvoiceInSerial.vue
+++ b/src/pages/InvoiceIn/Serial/InvoiceInSerial.vue
@@ -30,7 +30,7 @@ const cols = computed(() => [
     },
 ]);
 
-const daysAgo = ref(0);
+const daysAgo = ref();
 
 onBeforeMount(async () => {
     const tableParam = useRoute().query.table;
@@ -51,7 +51,7 @@ onBeforeMount(async () => {
         </template>
     </RightMenu>
     <VnTable
-        v-if="daysAgo"
+        v-if="!isNaN(daysAgo)"
         data-key="InvoiceInSerial"
         url="InvoiceIns/getSerial"
         :columns="cols"

From ecfdf0b6b9b9cd52d9aac61321926050c6bf8fd3 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Wed, 14 Aug 2024 15:27:36 +0200
Subject: [PATCH 05/25] fix: refs #6900 improve loading

---
 src/components/ui/VnFilterPanel.vue | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/components/ui/VnFilterPanel.vue b/src/components/ui/VnFilterPanel.vue
index 4fd511631..ab4e2e0da 100644
--- a/src/components/ui/VnFilterPanel.vue
+++ b/src/components/ui/VnFilterPanel.vue
@@ -117,14 +117,17 @@ async function search(evt) {
     isLoading.value = true;
     const filter = { ...userParams.value, ...$props.modelValue };
     store.userParamsChanged = true;
-    const { params: newParams } = await arrayData.addFilter({
-        params: filter,
-    });
-    userParams.value = newParams;
+    try {
+        const { params: newParams } = await arrayData.addFilter({
+            params: filter,
+        });
+        userParams.value = newParams;
 
-    if (!$props.showAll && !Object.values(filter).length) store.data = [];
+        if (!$props.showAll && !Object.values(filter).length) store.data = [];
+    } finally {
+        isLoading.value = false;
+    }
 
-    isLoading.value = false;
     emit('search');
 }
 

From 83a8f7e1473bda689cbda9c01b65c0234dd3b55d Mon Sep 17 00:00:00 2001
From: alexm <alexm@verdnatura.es>
Date: Fri, 16 Aug 2024 09:20:53 +0200
Subject: [PATCH 06/25] fix(invoiceOutGlobal): formData is object

---
 src/pages/InvoiceOut/InvoiceOutGlobalForm.vue | 10 +---------
 1 file changed, 1 insertion(+), 9 deletions(-)

diff --git a/src/pages/InvoiceOut/InvoiceOutGlobalForm.vue b/src/pages/InvoiceOut/InvoiceOutGlobalForm.vue
index 23c63ee6a..be55c58fc 100644
--- a/src/pages/InvoiceOut/InvoiceOutGlobalForm.vue
+++ b/src/pages/InvoiceOut/InvoiceOutGlobalForm.vue
@@ -48,7 +48,7 @@ const getStatus = computed({
 
 onMounted(async () => {
     await invoiceOutGlobalStore.init();
-    formData.value = formInitialData.value.invoiceDate;
+    formData.value = { invoiceDate: formInitialData.value.invoiceDate };
 });
 </script>
 
@@ -88,9 +88,6 @@ onMounted(async () => {
                 :label="t('client')"
                 v-model="formData.clientId"
                 :options="clientsOptions"
-                option-value="id"
-                option-label="name"
-                hide-selected
                 dense
                 outlined
                 rounded
@@ -109,9 +106,7 @@ onMounted(async () => {
                 :label="t('company')"
                 v-model="formData.companyFk"
                 :options="companiesOptions"
-                option-value="id"
                 option-label="code"
-                hide-selected
                 dense
                 outlined
                 rounded
@@ -120,9 +115,6 @@ onMounted(async () => {
                 :label="t('printer')"
                 v-model="formData.printer"
                 :options="printersOptions"
-                option-value="id"
-                option-label="name"
-                hide-selected
                 dense
                 outlined
                 rounded

From b35bf85f4a241d5287ed90c5f07f4d83ea34ea76 Mon Sep 17 00:00:00 2001
From: alexm <alexm@verdnatura.es>
Date: Fri, 16 Aug 2024 10:50:45 +0200
Subject: [PATCH 07/25] fix(claim_summary): url links

---
 src/pages/Claim/Card/ClaimSummary.vue | 24 +++++++++++-------------
 1 file changed, 11 insertions(+), 13 deletions(-)

diff --git a/src/pages/Claim/Card/ClaimSummary.vue b/src/pages/Claim/Card/ClaimSummary.vue
index 4d817c3c2..9538e753f 100644
--- a/src/pages/Claim/Card/ClaimSummary.vue
+++ b/src/pages/Claim/Card/ClaimSummary.vue
@@ -36,8 +36,6 @@ const $props = defineProps({
 
 const entityId = computed(() => $props.id || route.params.id);
 const ClaimStates = ref([]);
-const claimUrl = ref();
-const salixUrl = ref();
 const claimDmsRef = ref();
 const claimDms = ref([]);
 const multimediaDialog = ref();
@@ -152,11 +150,6 @@ const developmentColumns = ref([
     },
 ]);
 
-onMounted(async () => {
-    salixUrl.value = await getUrl('');
-    claimUrl.value = salixUrl.value + `claim/${entityId.value}/`;
-});
-
 async function getClaimDms() {
     claimDmsFilter.value.where = { claimFk: entityId.value };
     await claimDmsRef.value.fetch();
@@ -177,10 +170,15 @@ function openDialog(dmsId) {
     multimediaSlide.value = dmsId;
     multimediaDialog.value = true;
 }
+
 async function changeState(value) {
     await axios.patch(`Claims/updateClaim/${entityId.value}`, { claimStateFk: value });
     router.go(route.fullPath);
 }
+
+function claimUrl(section) {
+    return '#/claim/' + entityId.value + '/' + section;
+}
 </script>
 
 <template>
@@ -234,7 +232,7 @@ async function changeState(value) {
         <template #body="{ entity: { claim, salesClaimed, developments } }">
             <QCard class="vn-one" v-if="$route.name != 'ClaimSummary'">
                 <VnTitle
-                    :url="`#/claim/${entityId}/basic-data`"
+                    :url="claimUrl('basic-data')"
                     :text="t('globals.pageTitles.basicData')"
                 />
                 <VnLv :label="t('claim.created')" :value="toDate(claim.created)" />
@@ -275,7 +273,7 @@ async function changeState(value) {
                 />
             </QCard>
             <QCard class="vn-two">
-                <VnTitle :url="`#/claim/${entityId}/notes`" :text="t('claim.notes')" />
+                <VnTitle :url="claimUrl('notes')" :text="t('claim.notes')" />
                 <ClaimNotes
                     :id="entityId"
                     :add-note="false"
@@ -284,7 +282,7 @@ async function changeState(value) {
                 />
             </QCard>
             <QCard class="vn-two" v-if="claimDms?.length">
-                <VnTitle :url="`#/claim/${entityId}/photos`" :text="t('claim.photos')" />
+                <VnTitle :url="claimUrl('photos')" :text="t('claim.photos')" />
                 <div class="container max-container-height" style="overflow: auto">
                     <div
                         class="multimedia-container"
@@ -326,7 +324,7 @@ async function changeState(value) {
                 </div>
             </QCard>
             <QCard class="vn-max" v-if="salesClaimed.length > 0">
-                <VnTitle :url="`#/claim/${entityId}/lines`" :text="t('claim.details')" />
+                <VnTitle :url="claimUrl('lines')" :text="t('claim.details')" />
                 <QTable
                     :columns="detailsColumns"
                     :rows="salesClaimed"
@@ -365,7 +363,7 @@ async function changeState(value) {
                 </QTable>
             </QCard>
             <QCard class="vn-max" v-if="developments.length > 0">
-                <VnTitle :url="claimUrl + 'development'" :text="t('claim.development')" />
+                <VnTitle :url="claimUrl('development')" :text="t('claim.development')" />
                 <QTable
                     :columns="developmentColumns"
                     :rows="developments"
@@ -390,7 +388,7 @@ async function changeState(value) {
                 </QTable>
             </QCard>
             <QCard class="vn-max">
-                <VnTitle :url="claimUrl + 'action'" :text="t('claim.actions')" />
+                <VnTitle :url="claimUrl('action')" :text="t('claim.actions')" />
                 <div id="slider-container" class="q-px-xl q-py-md">
                     <QSlider
                         v-model="claim.responsibility"

From 9086735aa1dc1588f4947524b6ba52fba00763e4 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Tue, 20 Aug 2024 08:22:20 +0200
Subject: [PATCH 08/25] test: fix routeList

---
 test/cypress/integration/route/routeList.spec.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/test/cypress/integration/route/routeList.spec.js b/test/cypress/integration/route/routeList.spec.js
index afc0fc395..c9d7147c2 100644
--- a/test/cypress/integration/route/routeList.spec.js
+++ b/test/cypress/integration/route/routeList.spec.js
@@ -10,12 +10,13 @@ describe('Route', () => {
 
     it('Route list create route', () => {
         cy.get('.q-page-sticky > div > .q-btn > .q-btn__content > .q-icon').click();
-        cy.get('input[name="description"]').eq(1).type('routeTestOne{enter}');
+        cy.get('input[name="description"]').type('routeTestOne{enter}');
         cy.get('.q-notification__message').should('have.text', 'Data created');
         cy.url().should('include', '/summary');
     });
 
     it('Route list search and edit', () => {
+        cy.get('#searchbar input').type('{enter}');
         cy.get('input[name="description"]').type('routeTestOne{enter}');
         cy.get('.q-table tr')
             .its('length')

From 6e814ed4a865e8709d7637e68b132aba6be812e6 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Tue, 20 Aug 2024 08:02:06 +0000
Subject: [PATCH 09/25] fix: remove full-height class

---
 src/pages/Worker/Card/WorkerTimeControl.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/Worker/Card/WorkerTimeControl.vue b/src/pages/Worker/Card/WorkerTimeControl.vue
index 87ff44e63..74346638c 100644
--- a/src/pages/Worker/Card/WorkerTimeControl.vue
+++ b/src/pages/Worker/Card/WorkerTimeControl.vue
@@ -549,7 +549,7 @@ onMounted(async () => {
                         :key="index"
                         style="padding: 20px 16px !important"
                     >
-                        <div class="full-height full-width column items-center">
+                        <div class="full-width column items-center">
                             <WorkerTimeHourChip
                                 v-for="(hour, ind) in day.dayData?.hours"
                                 :key="ind"

From 145c8b00d58a1019b3f694089621572b9c2b31c8 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Tue, 20 Aug 2024 09:32:01 +0000
Subject: [PATCH 10/25] fix: limit and order TicketTracking

---
 src/pages/Ticket/Card/TicketTracking.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/pages/Ticket/Card/TicketTracking.vue b/src/pages/Ticket/Card/TicketTracking.vue
index 2ddb278fa..53f59adf9 100644
--- a/src/pages/Ticket/Card/TicketTracking.vue
+++ b/src/pages/Ticket/Card/TicketTracking.vue
@@ -82,7 +82,9 @@ const openCreateModal = () => createTrackingDialogRef.value.show();
             data-key="TicketTracking"
             :filter="paginateFilter"
             url="TicketTrackings"
-            auto-load
+            auto-load            
+            order="created DESC"
+            :limit="0"
         >
             <template #body="{ rows }">
                 <QTable

From 472d477b158a90e3976b70c9d9aace7c1b430191 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Tue, 20 Aug 2024 09:32:50 +0000
Subject: [PATCH 11/25] fix: trim vnsearchbar input value

---
 src/components/ui/VnSearchbar.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ui/VnSearchbar.vue b/src/components/ui/VnSearchbar.vue
index 2053efd62..a34eba6af 100644
--- a/src/components/ui/VnSearchbar.vue
+++ b/src/components/ui/VnSearchbar.vue
@@ -123,7 +123,7 @@ async function search() {
         <QForm @submit="search" id="searchbarForm">
             <VnInput
                 id="searchbar"
-                v-model="searchText"
+                v-model.trim="searchText"
                 :placeholder="t(props.label)"
                 dense
                 standout

From 0277aa50ce38c21fda162688e79c69fc839d94e7 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Tue, 20 Aug 2024 16:55:39 +0200
Subject: [PATCH 12/25] fix: set right time

---
 src/components/common/VnInputTime.vue | 41 +++++++--------------------
 1 file changed, 11 insertions(+), 30 deletions(-)

diff --git a/src/components/common/VnInputTime.vue b/src/components/common/VnInputTime.vue
index 7ee93de19..12c0817e2 100644
--- a/src/components/common/VnInputTime.vue
+++ b/src/components/common/VnInputTime.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { watch, computed, ref, nextTick } from 'vue';
+import { computed, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { date } from 'quasar';
 
@@ -14,6 +14,7 @@ const props = defineProps({
         default: false,
     },
 });
+const initialDate = ref(model.value);
 const { t } = useI18n();
 const requiredFieldRule = (val) => !!val || t('globals.fieldRequired');
 
@@ -49,8 +50,9 @@ const formattedTime = computed({
                     time = time.substring(0, 2) + ':' + time.substring(3, 5);
             }
             if (!props.timeOnly) {
-                const [hh, mm] = time.split(':');
-                const date = new Date(model.value ? model.value : null);
+                let [hh, mm] = time.split(':');
+
+                const date = new Date(model.value ? model.value : initialDate.value);
                 date.setHours(hh, mm, 0);
                 time = date?.toISOString();
             }
@@ -62,33 +64,7 @@ const formattedTime = computed({
 function dateToTime(newDate) {
     return date.formatDate(new Date(newDate), dateFormat);
 }
-
-watch(
-    () => model.value,
-    (val) => (formattedTime.value = val),
-    { immediate: true }
-);
-
-watch(
-    () => formattedTime.value,
-    async (val) => {
-        let position = 3;
-        const input = inputRef.value?.getNativeElement();
-        if (!val || !input) return;
-
-        let [hh, mm] = val.split(':');
-        hh = parseInt(hh);
-        if (hh >= 10 || mm != '00') return;
-
-        await nextTick();
-        await nextTick();
-        if (!hh) position = 0;
-        input.setSelectionRange(position, position);
-    },
-    { immediate: true }
-);
 </script>
-
 <template>
     <div @mouseover="hover = true" @mouseleave="hover = false">
         <QInput
@@ -102,7 +78,7 @@ watch(
             style="min-width: 100px"
             :rules="$attrs.required ? [requiredFieldRule] : null"
             @click="isPopupOpen = false"
-            @focus="inputRef.getNativeElement().setSelectionRange(0, 0)"
+            type="time"
         >
             <template #append>
                 <QIcon
@@ -149,6 +125,11 @@ watch(
     border-style: solid;
 }
 </style>
+<style lang="scss" scoped>
+:deep(input[type='time']::-webkit-calendar-picker-indicator) {
+    display: none;
+}
+</style>
 <i18n>
     es:
         Open time: Abrir tiempo

From d89d324a7e58baf94ce7381c147d7a99512cf2b1 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Tue, 20 Aug 2024 16:59:16 +0200
Subject: [PATCH 13/25] chore: drop ref

---
 src/components/common/VnInputTime.vue | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/components/common/VnInputTime.vue b/src/components/common/VnInputTime.vue
index 12c0817e2..8167bac0b 100644
--- a/src/components/common/VnInputTime.vue
+++ b/src/components/common/VnInputTime.vue
@@ -21,7 +21,6 @@ const requiredFieldRule = (val) => !!val || t('globals.fieldRequired');
 const dateFormat = 'HH:mm';
 const isPopupOpen = ref();
 const hover = ref();
-const inputRef = ref();
 
 const styleAttrs = computed(() => {
     return props.isOutlined
@@ -68,7 +67,6 @@ function dateToTime(newDate) {
 <template>
     <div @mouseover="hover = true" @mouseleave="hover = false">
         <QInput
-            ref="inputRef"
             class="vn-input-time"
             mask="##:##"
             placeholder="--:--"

From 7f2407996fb7f986374d92e473ab6982b0c481ee Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Tue, 20 Aug 2024 17:02:38 +0200
Subject: [PATCH 14/25] chore: const var

---
 src/components/common/VnInputTime.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/common/VnInputTime.vue b/src/components/common/VnInputTime.vue
index 8167bac0b..0b4e72cb8 100644
--- a/src/components/common/VnInputTime.vue
+++ b/src/components/common/VnInputTime.vue
@@ -49,7 +49,7 @@ const formattedTime = computed({
                     time = time.substring(0, 2) + ':' + time.substring(3, 5);
             }
             if (!props.timeOnly) {
-                let [hh, mm] = time.split(':');
+                const [hh, mm] = time.split(':');
 
                 const date = new Date(model.value ? model.value : initialDate.value);
                 date.setHours(hh, mm, 0);

From bac0a3ba6ce2ecb80414fa99acabcd77d035b544 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Wed, 21 Aug 2024 11:29:12 +0000
Subject: [PATCH 15/25] fix: Show name in descriptor instead current value

---
 src/pages/Account/Card/AccountDescriptor.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/Account/Card/AccountDescriptor.vue b/src/pages/Account/Card/AccountDescriptor.vue
index bc0c8c713..4571ee8ab 100644
--- a/src/pages/Account/Card/AccountDescriptor.vue
+++ b/src/pages/Account/Card/AccountDescriptor.vue
@@ -72,7 +72,7 @@ const hasAccount = ref(false);
             </VnImg>
         </template>
         <template #body="{ entity }">
-            <VnLv :label="t('account.card.nickname')" :value="entity.nickname" />
+            <VnLv :label="t('account.card.nickname')" :value="entity.name" />
             <VnLv :label="t('account.card.role')" :value="entity.role.name" />
         </template>
         <template #actions="{ entity }">

From 292253fb4593b79574f5377648aaf1a369dce9c9 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Wed, 21 Aug 2024 11:29:35 +0000
Subject: [PATCH 16/25] fix: Show name in summary instead current value

---
 src/pages/Account/Card/AccountSummary.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/Account/Card/AccountSummary.vue b/src/pages/Account/Card/AccountSummary.vue
index 1901f9cde..5a21e18a5 100644
--- a/src/pages/Account/Card/AccountSummary.vue
+++ b/src/pages/Account/Card/AccountSummary.vue
@@ -48,7 +48,7 @@ const filter = {
                         <QIcon name="open_in_new" />
                     </router-link>
                 </QCardSection>
-                <VnLv :label="t('account.card.nickname')" :value="account.nickname" />
+                <VnLv :label="t('account.card.nickname')" :value="account.name" />
                 <VnLv :label="t('account.card.role')" :value="account.role.name" />
             </QCard>
         </template>

From 635ac2716d083bb6478a8d63f31fd1ad443420bb Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Wed, 21 Aug 2024 13:33:50 +0200
Subject: [PATCH 17/25] fix: refs #7323  generate code & minor changes

---
 src/pages/Worker/Card/WorkerSummary.vue | 33 +++++++++----------
 src/pages/Worker/WorkerCreate.vue       | 40 ++++++++++++++++-------
 src/pages/Worker/WorkerList.vue         | 42 +++++++++++++++++++++++--
 3 files changed, 81 insertions(+), 34 deletions(-)

diff --git a/src/pages/Worker/Card/WorkerSummary.vue b/src/pages/Worker/Card/WorkerSummary.vue
index 5c6261b94..33d949dbb 100644
--- a/src/pages/Worker/Card/WorkerSummary.vue
+++ b/src/pages/Worker/Card/WorkerSummary.vue
@@ -93,7 +93,6 @@ const filter = {
                         />
                     </template>
                 </VnLv>
-                <VnLv :label="t('worker.list.email')" :value="worker.user.email" copy />
                 <VnLv :label="t('worker.summary.boss')" link>
                     <template #value>
                         <VnUserLink
@@ -139,29 +138,25 @@ const filter = {
                 />
                 <VnLv :label="t('worker.summary.fi')" :value="worker.fi" />
                 <VnLv :label="t('worker.summary.birth')" :value="toDate(worker.birth)" />
-                <VnRow class="q-mt-sm" wrap>
-                    <VnLv
-                        :label="t('worker.summary.isFreelance')"
-                        :value="worker.isFreelance"
-                    />
-                    <VnLv
-                        :label="t('worker.summary.isSsDiscounted')"
-                        :value="worker.isSsDiscounted"
-                    />
-                    <VnLv
-                        :label="t('worker.summary.hasMachineryAuthorized')"
-                        :value="worker.hasMachineryAuthorized"
-                    />
-                    <VnLv
-                        :label="t('worker.summary.isDisable')"
-                        :value="worker.isDisable"
-                    />
-                </VnRow>
+                <VnLv
+                    :label="t('worker.summary.isFreelance')"
+                    :value="worker.isFreelance"
+                />
+                <VnLv
+                    :label="t('worker.summary.isSsDiscounted')"
+                    :value="worker.isSsDiscounted"
+                />
+                <VnLv
+                    :label="t('worker.summary.hasMachineryAuthorized')"
+                    :value="worker.hasMachineryAuthorized"
+                />
+                <VnLv :label="t('worker.summary.isDisable')" :value="worker.isDisable" />
             </QCard>
             <QCard class="vn-one">
                 <VnTitle :text="t('worker.summary.userData')" />
                 <VnLv :label="t('worker.summary.userId')" :value="worker.user.id" />
                 <VnLv :label="t('worker.card.name')" :value="worker.user.nickname" />
+                <VnLv :label="t('worker.list.email')" :value="worker.user.email" copy />
                 <VnLv :label="t('worker.summary.role')">
                     <template #value>
                         <span class="link">
diff --git a/src/pages/Worker/WorkerCreate.vue b/src/pages/Worker/WorkerCreate.vue
index a1ded2bfd..23f92bef1 100644
--- a/src/pages/Worker/WorkerCreate.vue
+++ b/src/pages/Worker/WorkerCreate.vue
@@ -2,7 +2,6 @@
 import { onBeforeMount, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import axios from 'axios';
-import { useUserConfig } from 'src/composables/useUserConfig';
 import VnRow from 'components/ui/VnRow.vue';
 import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
 import VnInputDate from 'components/common/VnInputDate.vue';
@@ -14,15 +13,26 @@ import FetchData from 'components/FetchData.vue';
 import FormModel from 'components/FormModel.vue';
 import CreateBankEntityForm from 'src/components/CreateBankEntityForm.vue';
 import VnRadio from 'src/components/common/VnRadio.vue';
+import { useState } from 'src/composables/useState';
 
 const { t } = useI18n();
+const user = useState().getUser();
 
 const companiesOptions = ref([]);
 const workersOptions = ref([]);
 const payMethodsOptions = ref([]);
 const bankEntitiesOptions = ref([]);
-const formData = ref({ isFreelance: false });
-const defaultPayMethod = ref(0);
+const formData = ref({ companyFk: user.value.companyFk, isFreelance: false });
+const defaultPayMethod = ref();
+
+onBeforeMount(async () => {
+    defaultPayMethod.value = (
+        await axios.get('WorkerConfigs/findOne', {
+            params: { field: ['payMethodFk'] },
+        })
+    ).data.payMethodFk;
+    formData.value.payMethodFk = defaultPayMethod.value;
+});
 
 function handleLocation(data, location) {
     const { town, code, provinceFk, countryFk } = location ?? {};
@@ -32,16 +42,20 @@ function handleLocation(data, location) {
     data.countryFk = countryFk;
 }
 
-onBeforeMount(async () => {
-    const userInfo = await useUserConfig().fetch();
-    formData.value.companyFk = userInfo.companyFk;
+function generateCodeUser(worker) {
+    if (!worker.firstName || !worker.lastNames) return;
 
-    const { data } = await axios.get('WorkerConfigs/findOne', {
-        params: { field: ['payMethodFk'] },
-    });
-    defaultPayMethod.value = data.payMethodFk;
-    formData.value.payMethodFk = defaultPayMethod.value;
-});
+    const totalName = worker.firstName.concat(' ' + worker.lastNames).toLowerCase();
+    const totalNameArray = totalName.split(' ');
+    let newCode = '';
+
+    for (let part of totalNameArray) newCode += part.charAt(0);
+
+    worker.code = newCode.toUpperCase().slice(0, 3);
+    worker.name = totalNameArray[0] + newCode.slice(1);
+
+    if (!worker.companyFk) worker.companyFk = user.companyFk;
+}
 </script>
 <template>
     <FetchData
@@ -93,11 +107,13 @@ onBeforeMount(async () => {
                         v-model="data.firstName"
                         :label="t('worker.create.name')"
                         :rules="validate('Worker.firstName')"
+                        @update:model-value="generateCodeUser(data)"
                     />
                     <VnInput
                         v-model="data.lastNames"
                         :label="t('worker.create.lastName')"
                         :rules="validate('Worker.lastNames')"
+                        @update:model-value="generateCodeUser(data)"
                     />
                     <VnInput
                         v-model="data.code"
diff --git a/src/pages/Worker/WorkerList.vue b/src/pages/Worker/WorkerList.vue
index 7b3237f70..a10bdd040 100644
--- a/src/pages/Worker/WorkerList.vue
+++ b/src/pages/Worker/WorkerList.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { computed, ref } from 'vue';
+import { onBeforeMount, computed, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useSummaryDialog } from 'src/composables/useSummaryDialog';
 import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
@@ -16,6 +16,8 @@ import CreateBankEntityForm from 'src/components/CreateBankEntityForm.vue';
 import FetchData from 'src/components/FetchData.vue';
 import RightMenu from 'src/components/common/RightMenu.vue';
 import WorkerFilter from './WorkerFilter.vue';
+import { useState } from 'src/composables/useState';
+import axios from 'axios';
 
 const { t } = useI18n();
 const tableRef = ref();
@@ -26,6 +28,8 @@ const payMethodsOptions = ref([]);
 const bankEntitiesOptions = ref([]);
 const postcodesOptions = ref([]);
 
+const user = useState().getUser();
+const defaultPayMethod = ref();
 const columns = computed(() => [
     {
         align: 'left',
@@ -82,6 +86,14 @@ const columns = computed(() => [
     },
 ]);
 
+onBeforeMount(async () => {
+    defaultPayMethod.value = (
+        await axios.get('WorkerConfigs/findOne', {
+            params: { field: ['payMethodFk'] },
+        })
+    ).data?.payMethodFk;
+});
+
 function handleLocation(data, location) {
     const { town, code, provinceFk, countryFk } = location ?? {};
     data.postcode = code;
@@ -98,6 +110,21 @@ function uppercaseStreetModel(data) {
         },
     };
 }
+
+function generateCodeUser(worker) {
+    if (!worker.firstName || !worker.lastNames) return;
+
+    const totalName = worker.firstName.concat(' ' + worker.lastNames).toLowerCase();
+    const totalNameArray = totalName.split(' ');
+    let newCode = '';
+
+    for (let part of totalNameArray) newCode += part.charAt(0);
+
+    worker.code = newCode.toUpperCase().slice(0, 3);
+    worker.name = totalNameArray[0] + newCode.slice(1);
+
+    if (!worker.companyFk) worker.companyFk = user.companyFk;
+}
 </script>
 <template>
     <VnSearchbar
@@ -131,6 +158,7 @@ function uppercaseStreetModel(data) {
         </template>
     </RightMenu>
     <VnTable
+        v-if="defaultPayMethod"
         ref="tableRef"
         data-key="Worker"
         url="Workers/filter"
@@ -139,6 +167,8 @@ function uppercaseStreetModel(data) {
             title: t('Create worker'),
             onDataSaved: ({ id }) => tableRef.redirect(id),
             formInitialData: {
+                payMethodFk: defaultPayMethod,
+                companyFk: user.companyFk,
                 isFreelance: false,
             },
         }"
@@ -149,7 +179,7 @@ function uppercaseStreetModel(data) {
         auto-load
     >
         <template #more-create-dialog="{ data }">
-            <div class="q-pa-lg full-width" style="max-width: 1200px">
+            <div class="q-pa-lg full-width">
                 <VnRadio
                     v-model="data.isFreelance"
                     :val="false"
@@ -163,10 +193,16 @@ function uppercaseStreetModel(data) {
                     @update:model-value="delete data.payMethodFk"
                 />
                 <VnRow>
-                    <VnInput v-model="data.firstName" :label="t('worker.create.name')" />
+                    <VnInput
+                        next
+                        v-model="data.firstName"
+                        :label="t('worker.create.name')"
+                        @update:model-value="generateCodeUser(data)"
+                    />
                     <VnInput
                         v-model="data.lastNames"
                         :label="t('worker.create.lastName')"
+                        @update:model-value="generateCodeUser(data)"
                     />
                     <VnInput v-model="data.code" :label="t('worker.create.code')" />
                 </VnRow>

From 517ec87e1619f035bb7394c264c7950b557ddbb7 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Wed, 21 Aug 2024 14:18:01 +0200
Subject: [PATCH 18/25] fix: refs #7323 use timeStamp

---
 src/pages/Worker/Card/WorkerTimeControl.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/pages/Worker/Card/WorkerTimeControl.vue b/src/pages/Worker/Card/WorkerTimeControl.vue
index 74346638c..83d41c2af 100644
--- a/src/pages/Worker/Card/WorkerTimeControl.vue
+++ b/src/pages/Worker/Card/WorkerTimeControl.vue
@@ -34,6 +34,10 @@ const weekdayStore = useWeekdayStore();
 const weekDays = ref([]);
 const { openConfirmationModal } = useVnConfirm();
 const { getWeekOfYear } = date;
+const defaultDate = computed(() => {
+    const timestamp = route.query.timestamp;
+    return timestamp ? new Date(timestamp * 1000) : Date.vnNew();
+});
 
 const workerTimeFormDialogRef = ref(null);
 const workerTimeReasonFormDialogRef = ref(null);
@@ -56,7 +60,7 @@ const workerTimeFormProps = reactive({
 // Array utilizado por QCalendar para seleccionar un rango de fechas
 const selectedCalendarDates = ref([]);
 // Date formateada para bindear al componente QDate
-const selectedDateFormatted = ref(toDateString(Date.vnNew()));
+const selectedDateFormatted = ref(toDateString(defaultDate.value));
 
 const arrayData = useArrayData('workerData');
 
@@ -423,7 +427,7 @@ onBeforeMount(() => {
 });
 
 onMounted(async () => {
-    await setDate(Date.vnNew());
+    await setDate(defaultDate.value);
     await getMailStates(selectedDate.value);
     stateStore.rightDrawer = true;
 });

From 9c99266da6b1087c3e6994a7873b8e1a60b7a961 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Wed, 21 Aug 2024 16:02:16 +0200
Subject: [PATCH 19/25] fix: refs #7323 replace day

---
 src/pages/Worker/Card/WorkerCalendarItem.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/Worker/Card/WorkerCalendarItem.vue b/src/pages/Worker/Card/WorkerCalendarItem.vue
index 91e118708..05a013d6b 100644
--- a/src/pages/Worker/Card/WorkerCalendarItem.vue
+++ b/src/pages/Worker/Card/WorkerCalendarItem.vue
@@ -152,7 +152,7 @@ const getEventAttrs = (timestamp) => {
 
     if (isFestive) {
         attrs.class = '--festive';
-        attrs.label = event.absenceId ?? timestamp.day;
+        attrs.label = timestamp.day;
     } else attrs.class = `--${type}`;
 
     return attrs;

From fd09a6bfbe482c0c3a6b6263de8c28b73d880275 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Wed, 21 Aug 2024 16:36:45 +0200
Subject: [PATCH 20/25] fix: refs #7323 test

---
 test/cypress/integration/worker/workerCreate.spec.js | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/test/cypress/integration/worker/workerCreate.spec.js b/test/cypress/integration/worker/workerCreate.spec.js
index c1832ad67..50afe1892 100644
--- a/test/cypress/integration/worker/workerCreate.spec.js
+++ b/test/cypress/integration/worker/workerCreate.spec.js
@@ -2,6 +2,9 @@ describe('WorkerCreate', () => {
     const externalRadio = '.q-radio:nth-child(2)';
     const notification = '.q-notification__message';
     const developerBossId = 120;
+    const payMethodCross =
+        '.grid-create .full-width > :nth-child(9) .q-select .q-field__append:not(.q-anchor--skip)';
+    const saveBtn = '.q-mt-lg > .q-btn--standard';
 
     const internal = {
         Fi: { val: '78457139E' },
@@ -36,7 +39,8 @@ describe('WorkerCreate', () => {
 
     it('should throw an error if a pay method has not been selected', () => {
         cy.fillInForm(internal);
-        cy.get('.q-mt-lg > .q-btn--standard').click();
+        cy.get(payMethodCross).click();
+        cy.get(saveBtn).click();
         cy.get(notification).should('contains.text', 'Payment method is required');
     });
 
@@ -45,14 +49,14 @@ describe('WorkerCreate', () => {
             ...internal,
             'Pay method': { val: 'PayMethod one', type: 'select' },
         });
-        cy.get('.q-mt-lg > .q-btn--standard').click();
+        cy.get(saveBtn).click();
         cy.get(notification).should('contains.text', 'Data created');
     });
 
     it('should create an external', () => {
         cy.get(externalRadio).click();
         cy.fillInForm(external);
-        cy.get('.q-mt-lg > .q-btn--standard').click();
+        cy.get(saveBtn).click();
         cy.get(notification).should('contains.text', 'Data created');
     });
 });

From 48277a5f20cac54f325564eb476bc05712b7f310 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Thu, 22 Aug 2024 12:14:16 +0200
Subject: [PATCH 21/25] fix: refs #7323 vertical align

---
 src/pages/Worker/Card/WorkerTimeControl.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/pages/Worker/Card/WorkerTimeControl.vue b/src/pages/Worker/Card/WorkerTimeControl.vue
index 83d41c2af..f560fcfed 100644
--- a/src/pages/Worker/Card/WorkerTimeControl.vue
+++ b/src/pages/Worker/Card/WorkerTimeControl.vue
@@ -551,7 +551,10 @@ onMounted(async () => {
                     <QTd
                         v-for="(day, index) in props.cols"
                         :key="index"
-                        style="padding: 20px 16px !important"
+                        :style="{
+                            padding: '20px 16px !important',
+                            'vertical-align': 'baseline',
+                        }"
                     >
                         <div class="full-width column items-center">
                             <WorkerTimeHourChip

From 6f9cd7fe15ab965a5d30c8ccff257e7b66486627 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Mon, 26 Aug 2024 12:47:05 +0200
Subject: [PATCH 22/25] fix: refs #7323 auto fill bic

---
 src/components/common/VnSelect.vue | 17 ++++++++++++++---
 src/pages/Worker/WorkerCreate.vue  | 23 ++++++++++++++++-------
 src/pages/Worker/WorkerList.vue    | 23 ++++++++++++++++-------
 3 files changed, 46 insertions(+), 17 deletions(-)

diff --git a/src/components/common/VnSelect.vue b/src/components/common/VnSelect.vue
index 63a3f088f..420e977b9 100644
--- a/src/components/common/VnSelect.vue
+++ b/src/components/common/VnSelect.vue
@@ -73,6 +73,10 @@ const $props = defineProps({
         type: Boolean,
         default: true,
     },
+    params: {
+        type: Object,
+        default: null,
+    },
 });
 
 const { t } = useI18n();
@@ -153,9 +157,15 @@ async function fetchFilter(val) {
             ? optionValue.value
             : optionFilter.value ?? optionLabel.value);
 
-    const defaultWhere = $props.useLike
-        ? { [key]: { like: `%${val}%` } }
-        : { [key]: val };
+    let defaultWhere = {};
+    if ($props.filterOptions.length) {
+        defaultWhere = $props.filterOptions.reduce((obj, prop) => {
+            if (!obj.or) obj.or = [];
+            obj.or.push({ [prop]: { like: `%${val}%` } });
+            return obj;
+        }, {});
+    } else
+        defaultWhere = $props.useLike ? { [key]: { like: `%${val}%` } } : { [key]: val };
     const where = { ...(val ? defaultWhere : {}), ...$props.where };
     const fetchOptions = { where, include, limit };
     if (fields) fetchOptions.fields = fields;
@@ -205,6 +215,7 @@ function nullishToTrue(value) {
         :limit="limit"
         :sort-by="sortBy"
         :fields="fields"
+        :params="params"
     />
     <QSelect
         v-model="value"
diff --git a/src/pages/Worker/WorkerCreate.vue b/src/pages/Worker/WorkerCreate.vue
index 23f92bef1..297aa4182 100644
--- a/src/pages/Worker/WorkerCreate.vue
+++ b/src/pages/Worker/WorkerCreate.vue
@@ -19,7 +19,6 @@ const { t } = useI18n();
 const user = useState().getUser();
 
 const companiesOptions = ref([]);
-const workersOptions = ref([]);
 const payMethodsOptions = ref([]);
 const bankEntitiesOptions = ref([]);
 const formData = ref({ companyFk: user.value.companyFk, isFreelance: false });
@@ -56,6 +55,18 @@ function generateCodeUser(worker) {
 
     if (!worker.companyFk) worker.companyFk = user.companyFk;
 }
+
+async function autofillBic(worker) {
+    if (!worker || !worker.iban) return;
+
+    let bankEntityId = parseInt(worker.iban.substr(4, 4));
+    let filter = { where: { id: bankEntityId } };
+
+    const { data } = await axios.get(`BankEntities`, { params: { filter } });
+    const hasData = data && data[0];
+    if (hasData) worker.bankEntityFk = data[0].id;
+    else if (!hasData) worker.bankEntityFk = undefined;
+}
 </script>
 <template>
     <FetchData
@@ -63,11 +74,6 @@ function generateCodeUser(worker) {
         @on-fetch="(data) => (companiesOptions = data)"
         auto-load
     />
-    <FetchData
-        url="Workers/search"
-        @on-fetch="(data) => (workersOptions = data)"
-        auto-load
-    />
     <FetchData
         url="Paymethods"
         @on-fetch="(data) => (payMethodsOptions = data)"
@@ -146,7 +152,7 @@ function generateCodeUser(worker) {
                     <VnSelect
                         :label="t('worker.create.boss')"
                         v-model="data.bossFk"
-                        :options="workersOptions"
+                        url="Workers/search"
                         option-value="id"
                         option-label="name"
                         hide-selected
@@ -220,6 +226,7 @@ function generateCodeUser(worker) {
                         :label="t('worker.create.iban')"
                         :rules="validate('Worker.iban')"
                         :disable="formData.isFreelance"
+                        @update:model-value="autofillBic(data)"
                     >
                         <template #append>
                             <QIcon name="info" class="cursor-info">
@@ -237,6 +244,8 @@ function generateCodeUser(worker) {
                         :roles-allowed-to-create="['salesAssistant', 'hr']"
                         :rules="validate('Worker.bankEntity')"
                         :disable="formData.isFreelance"
+                        @update:model-value="autofillBic(data)"
+                        :filter-options="['bic', 'name']"
                     >
                         <template #form>
                             <CreateBankEntityForm
diff --git a/src/pages/Worker/WorkerList.vue b/src/pages/Worker/WorkerList.vue
index a10bdd040..b06444775 100644
--- a/src/pages/Worker/WorkerList.vue
+++ b/src/pages/Worker/WorkerList.vue
@@ -23,7 +23,6 @@ const { t } = useI18n();
 const tableRef = ref();
 const { viewSummary } = useSummaryDialog();
 const companiesOptions = ref([]);
-const workersOptions = ref([]);
 const payMethodsOptions = ref([]);
 const bankEntitiesOptions = ref([]);
 const postcodesOptions = ref([]);
@@ -125,6 +124,18 @@ function generateCodeUser(worker) {
 
     if (!worker.companyFk) worker.companyFk = user.companyFk;
 }
+
+async function autofillBic(worker) {
+    if (!worker || !worker.iban) return;
+
+    let bankEntityId = parseInt(worker.iban.substr(4, 4));
+    let filter = { where: { id: bankEntityId } };
+
+    const { data } = await axios.get(`BankEntities`, { params: { filter } });
+    const hasData = data && data[0];
+    if (hasData) worker.bankEntityFk = data[0].id;
+    else if (!hasData) worker.bankEntityFk = undefined;
+}
 </script>
 <template>
     <VnSearchbar
@@ -137,11 +148,6 @@ function generateCodeUser(worker) {
         @on-fetch="(data) => (companiesOptions = data)"
         auto-load
     />
-    <FetchData
-        url="Workers/search"
-        @on-fetch="(data) => (workersOptions = data)"
-        auto-load
-    />
     <FetchData
         url="Paymethods"
         @on-fetch="(data) => (payMethodsOptions = data)"
@@ -225,7 +231,7 @@ function generateCodeUser(worker) {
                     <VnSelect
                         :label="t('worker.create.boss')"
                         v-model="data.bossFk"
-                        :options="workersOptions"
+                        url="Workers/search"
                         option-value="id"
                         option-label="name"
                         hide-selected
@@ -290,6 +296,7 @@ function generateCodeUser(worker) {
                         v-model="data.iban"
                         :label="t('worker.create.iban')"
                         :disable="data.isFreelance"
+                        @update:model-value="autofillBic(data)"
                     >
                         <template #append>
                             <QIcon name="info" class="cursor-info">
@@ -308,6 +315,8 @@ function generateCodeUser(worker) {
                         hide-selected
                         :roles-allowed-to-create="['salesAssistant', 'hr']"
                         :disable="data.isFreelance"
+                        @update:model-value="autofillBic(data)"
+                        :filter-options="['bic', 'name']"
                     >
                         <template #form>
                             <CreateBankEntityForm

From c47635fcf27d04f1e509d8180bd6b35b37a542ad Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Mon, 26 Aug 2024 13:42:08 +0200
Subject: [PATCH 23/25] chore: refs #7323 refactor autofillbic

---
 src/pages/Worker/WorkerList.vue | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/pages/Worker/WorkerList.vue b/src/pages/Worker/WorkerList.vue
index b06444775..0ea094e23 100644
--- a/src/pages/Worker/WorkerList.vue
+++ b/src/pages/Worker/WorkerList.vue
@@ -132,9 +132,7 @@ async function autofillBic(worker) {
     let filter = { where: { id: bankEntityId } };
 
     const { data } = await axios.get(`BankEntities`, { params: { filter } });
-    const hasData = data && data[0];
-    if (hasData) worker.bankEntityFk = data[0].id;
-    else if (!hasData) worker.bankEntityFk = undefined;
+    worker.bankEntityFk = data?.[0]?.id ?? undefined;
 }
 </script>
 <template>

From e1e768948e4d7c8e08159ef1a7e08d7a9892549a Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Mon, 26 Aug 2024 13:44:35 +0200
Subject: [PATCH 24/25] chore: refs #7323 improve vnselect

---
 src/components/common/VnSelect.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/common/VnSelect.vue b/src/components/common/VnSelect.vue
index 420e977b9..83d0ce845 100644
--- a/src/components/common/VnSelect.vue
+++ b/src/components/common/VnSelect.vue
@@ -161,7 +161,7 @@ async function fetchFilter(val) {
     if ($props.filterOptions.length) {
         defaultWhere = $props.filterOptions.reduce((obj, prop) => {
             if (!obj.or) obj.or = [];
-            obj.or.push({ [prop]: { like: `%${val}%` } });
+            obj.or.push({ [prop]: $props.useLike ? { like: `%${val}%` } : val });
             return obj;
         }, {});
     } else

From c418899fb35d5e751619d5d3d308ecabf32c8997 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Mon, 26 Aug 2024 13:54:48 +0200
Subject: [PATCH 25/25] chore: refs #7323 improve vnselect

---
 src/components/common/VnSelect.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/common/VnSelect.vue b/src/components/common/VnSelect.vue
index 83d0ce845..b6dc226cc 100644
--- a/src/components/common/VnSelect.vue
+++ b/src/components/common/VnSelect.vue
@@ -161,11 +161,10 @@ async function fetchFilter(val) {
     if ($props.filterOptions.length) {
         defaultWhere = $props.filterOptions.reduce((obj, prop) => {
             if (!obj.or) obj.or = [];
-            obj.or.push({ [prop]: $props.useLike ? { like: `%${val}%` } : val });
+            obj.or.push({ [prop]: getVal(val) });
             return obj;
         }, {});
-    } else
-        defaultWhere = $props.useLike ? { [key]: { like: `%${val}%` } } : { [key]: val };
+    } else defaultWhere = { [key]: getVal(val) };
     const where = { ...(val ? defaultWhere : {}), ...$props.where };
     const fetchOptions = { where, include, limit };
     if (fields) fetchOptions.fields = fields;
@@ -204,6 +203,8 @@ async function filterHandler(val, update) {
 function nullishToTrue(value) {
     return value ?? true;
 }
+
+const getVal = (val) => ($props.useLike ? { like: `%${val}%` } : val);
 </script>
 
 <template>