From f404243d63be8fdc5d34efa4c27f0ce827bf5fd2 Mon Sep 17 00:00:00 2001
From: pablone <pablone@verdnatura.es>
Date: Wed, 3 Apr 2024 08:38:26 +0200
Subject: [PATCH 001/305] feat(route): refs # agency add agencyList

---
 src/i18n/en/index.js                  |  1 +
 src/i18n/es/index.js                  |  1 +
 src/pages/Route/Agency/AgencyList.vue | 39 +++++++++++++++++++++++++++
 src/router/modules/route.js           | 11 +++++++-
 4 files changed, 51 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/Route/Agency/AgencyList.vue

diff --git a/src/i18n/en/index.js b/src/i18n/en/index.js
index 9e0ad7c9b..a91f9586b 100644
--- a/src/i18n/en/index.js
+++ b/src/i18n/en/index.js
@@ -937,6 +937,7 @@ export default {
         pageTitles: {
             routes: 'Routes',
             cmrsList: 'External CMRs list',
+            agencyList: 'Agency',
             RouteList: 'List',
             create: 'Create',
             basicData: 'Basic Data',
diff --git a/src/i18n/es/index.js b/src/i18n/es/index.js
index 6083dfad7..3b664a8e4 100644
--- a/src/i18n/es/index.js
+++ b/src/i18n/es/index.js
@@ -937,6 +937,7 @@ export default {
         pageTitles: {
             routes: 'Rutas',
             cmrsList: 'Listado de CMRs externos',
+            agency: 'Agency',
             RouteList: 'Listado',
             create: 'Crear',
             basicData: 'Datos básicos',
diff --git a/src/pages/Route/Agency/AgencyList.vue b/src/pages/Route/Agency/AgencyList.vue
new file mode 100644
index 000000000..ca5197986
--- /dev/null
+++ b/src/pages/Route/Agency/AgencyList.vue
@@ -0,0 +1,39 @@
+<script setup>
+import VnPaginate from 'src/components/ui/VnPaginate.vue';
+import CardList from 'src/components/ui/CardList.vue';
+import { useRouter } from 'vue-router';
+import { useI18n } from 'vue-i18n';
+import { useSummaryDialog } from 'src/composables/useSummaryDialog';
+
+const { t } = useI18n();
+const { viewSummary } = useSummaryDialog();
+const router = useRouter();
+function navigate(id) {
+    router.push({ path: `/agencies/${id}` });
+}
+</script>
+<template>
+    <QPage class="column items-center q-pa-md">
+        <div class="vn-card-list">
+            <VnPaginate
+                data-key="AgencyList"
+                url="agencies"
+                limit="20"
+                order-by="name"
+                auto-load
+            >
+                <template #body="{ rows }">
+                    <CardList
+                        :id="row.id"
+                        :key="row.id"
+                        :title="row.name"
+                        @click="navigate(row.id)"
+                        v-for="row of rows"
+                    >
+                    </CardList>
+                </template>
+            </VnPaginate>
+        </div>
+    </QPage>
+</template>
+<style lang="scss"></style>
diff --git a/src/router/modules/route.js b/src/router/modules/route.js
index 614345913..4031e74bf 100644
--- a/src/router/modules/route.js
+++ b/src/router/modules/route.js
@@ -10,7 +10,7 @@ export default {
     component: RouterView,
     redirect: { name: 'RouteMain' },
     menus: {
-        main: ['RouteList', 'CmrList'],
+        main: ['RouteList', 'CmrList', 'agencyList'],
         card: ['RouteBasicData'],
     },
     children: [
@@ -29,6 +29,15 @@ export default {
                     },
                     component: () => import('src/pages/Route/Cmr/CmrList.vue'),
                 },
+                {
+                    path: 'agency',
+                    name: 'agencyList',
+                    meta: {
+                        title: 'agencyList',
+                        icon: 'package',
+                    },
+                    component: () => import('src/pages/Route/Agency/AgencyList.vue'),
+                },
                 {
                     path: 'list',
                     name: 'RouteList',

From cd49ebe7a66790e039baaa4b9280d0aa3f9b6d3f Mon Sep 17 00:00:00 2001
From: jcasado <jcasado.verdnatura@gmail.com>
Date: Wed, 3 Apr 2024 12:54:14 +0200
Subject: [PATCH 002/305] refs #6697 fix claimQuantity

---
 src/pages/Claim/Card/ClaimLines.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/pages/Claim/Card/ClaimLines.vue b/src/pages/Claim/Card/ClaimLines.vue
index 70c257c69..4a1d9c9d0 100644
--- a/src/pages/Claim/Card/ClaimLines.vue
+++ b/src/pages/Claim/Card/ClaimLines.vue
@@ -20,7 +20,7 @@ const { t } = useI18n();
 const stateStore = useStateStore();
 const arrayData = useArrayData('ClaimLines');
 const store = arrayData.store;
-
+let claimedDefault = 0;
 const claimFilter = {
     fields: ['ticketFk'],
 };
@@ -79,6 +79,7 @@ const columns = computed(() => [
         label: t('Claimed'),
         field: (row) => row.quantity,
         sortable: true,
+        default: 0,
     },
     {
         name: 'description',

From fb6a2c809789eb74f23bdb2f62d0d90be6bc1753 Mon Sep 17 00:00:00 2001
From: pablone <pablone@verdnatura.es>
Date: Wed, 3 Apr 2024 14:59:51 +0200
Subject: [PATCH 003/305] feat: refs #4988 add agencyList and searchBar

---
 src/i18n/en/index.js                  |  1 +
 src/i18n/es/index.js                  |  3 +-
 src/pages/Agency/AgencyList.vue       | 92 +++++++++++++++++++++++++++
 src/pages/Agency/Card/AgencyCard.vue  | 39 ++++++++++++
 src/pages/Route/Agency/AgencyList.vue | 39 ------------
 src/router/modules/agency.js          | 54 ++++++++++++++++
 src/router/modules/route.js           | 26 +++++---
 7 files changed, 204 insertions(+), 50 deletions(-)
 create mode 100644 src/pages/Agency/AgencyList.vue
 create mode 100644 src/pages/Agency/Card/AgencyCard.vue
 delete mode 100644 src/pages/Route/Agency/AgencyList.vue
 create mode 100644 src/router/modules/agency.js

diff --git a/src/i18n/en/index.js b/src/i18n/en/index.js
index 054668042..9d0488cab 100644
--- a/src/i18n/en/index.js
+++ b/src/i18n/en/index.js
@@ -91,6 +91,7 @@ export default {
             basicData: 'Basic data',
             log: 'Logs',
             parkingList: 'Parkings list',
+            agencyList: 'Agencies list',
         },
     },
     errors: {
diff --git a/src/i18n/es/index.js b/src/i18n/es/index.js
index 099f97938..478c93467 100644
--- a/src/i18n/es/index.js
+++ b/src/i18n/es/index.js
@@ -91,6 +91,7 @@ export default {
             basicData: 'Datos básicos',
             log: 'Historial',
             parkingList: 'Listado de parkings',
+            agencyList: 'Listado de agencias',
         },
     },
     errors: {
@@ -992,7 +993,7 @@ export default {
             routes: 'Rutas',
             cmrsList: 'Listado de CMRs externos',
             agency: 'Agency',
-            RouteList: 'Listado',
+            RouteList: 'Listado de rutas',
             create: 'Crear',
             basicData: 'Datos básicos',
             summary: 'Resumen',
diff --git a/src/pages/Agency/AgencyList.vue b/src/pages/Agency/AgencyList.vue
new file mode 100644
index 000000000..2746f8529
--- /dev/null
+++ b/src/pages/Agency/AgencyList.vue
@@ -0,0 +1,92 @@
+<script setup>
+import VnPaginate from 'src/components/ui/VnPaginate.vue';
+import CardList from 'src/components/ui/CardList.vue';
+import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
+import { useStateStore } from 'stores/useStateStore';
+import { useRouter } from 'vue-router';
+import { useI18n } from 'vue-i18n';
+import { useSummaryDialog } from 'src/composables/useSummaryDialog';
+
+const { t } = useI18n();
+const { viewSummary } = useSummaryDialog();
+const router = useRouter();
+const stateStore = useStateStore();
+function navigate(id) {
+    router.push({ path: `/agency/${id}` });
+}
+function exprBuilder(param, value) {
+    switch (param) {
+        case 'search':
+            return { name: { like: `%${value}%` } };
+    }
+}
+</script>
+<template>
+    <template v-if="stateStore.isHeaderMounted()">
+        <Teleport to="#searchbar">
+            <VnSearchbar
+                :info="t('You can search by name')"
+                :label="t('Search agency')"
+                data-key="AgencyList"
+                url="Agencies"
+            />
+        </Teleport>
+    </template>
+    <QPage class="column items-center q-pa-md">
+        <div class="vn-card-list">
+            <VnPaginate
+                data-key="AgencyList"
+                url="Agencies"
+                order="name"
+                :expr-builder="exprBuilder"
+                auto-load
+            >
+                <template #body="{ rows }">
+                    <CardList
+                        :id="row.id"
+                        :key="row.id"
+                        :title="row.name"
+                        @click="navigate(row.id)"
+                        v-for="row of rows"
+                    >
+                        <template #list-items>
+                            <QCheckbox
+                                :label="t('isOwn')"
+                                v-model="row.isOwn"
+                                :disable="true"
+                            />
+                            <QCheckbox
+                                :label="t('isAnyVolumeAllowed')"
+                                v-model="row.isAnyVolumeAllowed"
+                                :disable="true"
+                            />
+                        </template>
+                        <template #actions>
+                            <QBtn
+                                :label="t('components.smartCard.openCard')"
+                                @click.stop="navigate(row.id)"
+                                outline
+                            />
+                            <QBtn
+                                :label="t('components.smartCard.openSummary')"
+                                @click.stop="viewSummary(row.id, CustomerSummary)"
+                                color="primary"
+                                style="margin-top: 15px"
+                            />
+                        </template>
+                    </CardList>
+                </template>
+            </VnPaginate>
+        </div>
+    </QPage>
+</template>
+<i18n>
+    es: 
+        isOwn: Tiene propietario
+        isAnyVolumeAllowed: Permite cualquier volumen
+        Search agency: Buscar agencia
+        You can search by name: Puedes buscar por nombre
+    en:
+        isOwn: Has owner
+        isAnyVolumeAllowed: Allows any volume
+</i18n>
diff --git a/src/pages/Agency/Card/AgencyCard.vue b/src/pages/Agency/Card/AgencyCard.vue
new file mode 100644
index 000000000..1c7e3cc10
--- /dev/null
+++ b/src/pages/Agency/Card/AgencyCard.vue
@@ -0,0 +1,39 @@
+<script setup>
+import { useI18n } from 'vue-i18n';
+import { useStateStore } from 'stores/useStateStore';
+import { useRoute } from 'vue-router';
+import CustomerDescriptor from './CustomerDescriptor.vue';
+import LeftMenu from 'components/LeftMenu.vue';
+import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
+import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
+import useCardSize from 'src/composables/useCardSize';
+
+const stateStore = useStateStore();
+const route = useRoute();
+const { t } = useI18n();
+</script>
+<template>
+    <Teleport to="#searchbar" v-if="stateStore.isHeaderMounted()">
+        <VnSearchbar
+            data-key="CustomerList"
+            url="Clients/filter"
+            :label="t('Search customer')"
+            :info="t('You can search by customer id or name')"
+        />
+    </Teleport>
+    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
+        <QScrollArea class="fit">
+            <CustomerDescriptor />
+            <QSeparator />
+            <LeftMenu source="card" />
+        </QScrollArea>
+    </QDrawer>
+    <QPageContainer>
+        <QPage>
+            <VnSubToolbar />
+            <div :class="useCardSize()">
+                <RouterView></RouterView>
+            </div>
+        </QPage>
+    </QPageContainer>
+</template>
diff --git a/src/pages/Route/Agency/AgencyList.vue b/src/pages/Route/Agency/AgencyList.vue
deleted file mode 100644
index ca5197986..000000000
--- a/src/pages/Route/Agency/AgencyList.vue
+++ /dev/null
@@ -1,39 +0,0 @@
-<script setup>
-import VnPaginate from 'src/components/ui/VnPaginate.vue';
-import CardList from 'src/components/ui/CardList.vue';
-import { useRouter } from 'vue-router';
-import { useI18n } from 'vue-i18n';
-import { useSummaryDialog } from 'src/composables/useSummaryDialog';
-
-const { t } = useI18n();
-const { viewSummary } = useSummaryDialog();
-const router = useRouter();
-function navigate(id) {
-    router.push({ path: `/agencies/${id}` });
-}
-</script>
-<template>
-    <QPage class="column items-center q-pa-md">
-        <div class="vn-card-list">
-            <VnPaginate
-                data-key="AgencyList"
-                url="agencies"
-                limit="20"
-                order-by="name"
-                auto-load
-            >
-                <template #body="{ rows }">
-                    <CardList
-                        :id="row.id"
-                        :key="row.id"
-                        :title="row.name"
-                        @click="navigate(row.id)"
-                        v-for="row of rows"
-                    >
-                    </CardList>
-                </template>
-            </VnPaginate>
-        </div>
-    </QPage>
-</template>
-<style lang="scss"></style>
diff --git a/src/router/modules/agency.js b/src/router/modules/agency.js
new file mode 100644
index 000000000..42b139b95
--- /dev/null
+++ b/src/router/modules/agency.js
@@ -0,0 +1,54 @@
+import { RouterView } from 'vue-router';
+
+export default {
+    path: '/agency',
+    name: 'Agency',
+    meta: {
+        title: 'agency',
+        icon: 'garage_home',
+        moduleName: 'Agency',
+    },
+    component: RouterView,
+    redirect: { name: 'AgencyCard' },
+    menus: {
+        main: [],
+        card: ['AgencyBasicData', 'AgencyLog'],
+    },
+    children: [
+        {
+            path: '/agency/:id',
+            name: 'AgencyCard',
+            component: () => import('src/pages/Agency/Card/AgencyCard.vue'),
+            redirect: { name: 'AgencySummary' },
+            children: [
+                {
+                    name: 'AgencySummary',
+                    path: 'summary',
+                    meta: {
+                        title: 'summary',
+                        icon: 'view_list',
+                    },
+                    component: () => import('src/pages/Agency/Card/AgencySummary.vue'),
+                },
+                {
+                    name: 'AgencyBasicData',
+                    path: 'basic-data',
+                    meta: {
+                        title: 'basicData',
+                        icon: 'vn:settings',
+                    },
+                    component: () => import('pages/Agency/Card/AgencyBasicData.vue'),
+                },
+                {
+                    name: 'AgencyLog',
+                    path: 'log',
+                    meta: {
+                        title: 'log',
+                        icon: 'history',
+                    },
+                    component: () => import('src/pages/Agency/Card/AgencyLog.vue'),
+                },
+            ],
+        },
+    ],
+};
diff --git a/src/router/modules/route.js b/src/router/modules/route.js
index 1e392fa0f..cfa8c9c35 100644
--- a/src/router/modules/route.js
+++ b/src/router/modules/route.js
@@ -11,7 +11,7 @@ export default {
     component: RouterView,
     redirect: { name: 'RouteMain' },
     menus: {
-        main: ['RouteList', 'RouteAutonomous', 'RouteRoadmap', 'CmrList', 'agencyList'],
+        main: ['RouteList', 'RouteAutonomous', 'RouteRoadmap', 'CmrList', 'AgencyList'],
         card: ['RouteBasicData', 'RouteTickets', 'RouteLog'],
     },
     children: [
@@ -21,15 +21,6 @@ export default {
             component: () => import('src/pages/Route/RouteMain.vue'),
             redirect: { name: 'RouteList' },
             children: [
-                {
-                    path: 'agency',
-                    name: 'agencyList',
-                    meta: {
-                        title: 'agencyList',
-                        icon: 'package',
-                    },
-                    component: () => import('src/pages/Route/Agency/AgencyList.vue'),
-                },
                 {
                     path: 'list',
                     name: 'RouteList',
@@ -83,6 +74,21 @@ export default {
                     },
                     component: () => import('src/pages/Route/Cmr/CmrList.vue'),
                 },
+                {
+                    path: '/agency',
+                    redirect: { name: 'agencyList' },
+                    children: [
+                        {
+                            path: 'list',
+                            name: 'AgencyList',
+                            meta: {
+                                title: 'agencyList',
+                                icon: 'view_list',
+                            },
+                            component: () => import('src/pages/Agency/AgencyList.vue'),
+                        },
+                    ],
+                },
             ],
         },
         {

From 4fa311120dc4d9e799deacc6a8a9b6a72a5d45a1 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Mon, 8 Apr 2024 10:11:50 +0200
Subject: [PATCH 004/305] feat: refs #6480 hide if no content

---
 src/components/CrudModel.vue       | 75 ++++++++++++++++--------------
 src/components/common/VnCard.vue   | 20 ++++++++
 src/components/ui/VnSubToolbar.vue |  5 +-
 3 files changed, 62 insertions(+), 38 deletions(-)
 create mode 100644 src/components/common/VnCard.vue

diff --git a/src/components/CrudModel.vue b/src/components/CrudModel.vue
index c8fa5809c..cb4011c4f 100644
--- a/src/components/CrudModel.vue
+++ b/src/components/CrudModel.vue
@@ -9,6 +9,7 @@ import VnPaginate from 'components/ui/VnPaginate.vue';
 import VnConfirm from 'components/ui/VnConfirm.vue';
 import SkeletonTable from 'components/ui/SkeletonTable.vue';
 import { tMobile } from 'src/composables/tMobile';
+import VnSubToolbar from './ui/VnSubToolbar.vue';
 
 const quasar = useQuasar();
 const stateStore = useStateStore();
@@ -258,6 +259,44 @@ watch(formUrl, async () => {
 });
 </script>
 <template>
+    <VnSubToolbar class="q-mb-md">
+        <template #st-actions>
+            <QBtnGroup push style="column-gap: 10px">
+                <slot name="moreBeforeActions" />
+                <QBtn
+                    :label="tMobile('globals.remove')"
+                    color="primary"
+                    icon="delete"
+                    flat
+                    @click="remove(selected)"
+                    :disable="!selected?.length"
+                    :title="t('globals.remove')"
+                    v-if="$props.defaultRemove"
+                />
+                <QBtn
+                    :label="tMobile('globals.reset')"
+                    color="primary"
+                    icon="restart_alt"
+                    flat
+                    @click="reset"
+                    :disable="!hasChanges"
+                    :title="t('globals.reset')"
+                    v-if="$props.defaultReset"
+                />
+                <QBtn
+                    :label="tMobile('globals.save')"
+                    ref="saveButtonRef"
+                    color="primary"
+                    icon="save"
+                    @click="onSubmit"
+                    :disable="!hasChanges"
+                    :title="t('globals.save')"
+                    v-if="$props.defaultSave"
+                />
+                <slot name="moreAfterActions" />
+            </QBtnGroup>
+        </template>
+    </VnSubToolbar>
     <VnPaginate
         :url="url"
         v-bind="$attrs"
@@ -275,42 +314,6 @@ watch(formUrl, async () => {
         </template>
     </VnPaginate>
     <SkeletonTable v-if="!formData" />
-    <Teleport to="#st-actions" v-if="stateStore?.isSubToolbarShown()">
-        <QBtnGroup push style="column-gap: 10px">
-            <slot name="moreBeforeActions" />
-            <QBtn
-                :label="tMobile('globals.remove')"
-                color="primary"
-                icon="delete"
-                flat
-                @click="remove(selected)"
-                :disable="!selected?.length"
-                :title="t('globals.remove')"
-                v-if="$props.defaultRemove"
-            />
-            <QBtn
-                :label="tMobile('globals.reset')"
-                color="primary"
-                icon="restart_alt"
-                flat
-                @click="reset"
-                :disable="!hasChanges"
-                :title="t('globals.reset')"
-                v-if="$props.defaultReset"
-            />
-            <QBtn
-                :label="tMobile('globals.save')"
-                ref="saveButtonRef"
-                color="primary"
-                icon="save"
-                @click="onSubmit"
-                :disable="!hasChanges"
-                :title="t('globals.save')"
-                v-if="$props.defaultSave"
-            />
-            <slot name="moreAfterActions" />
-        </QBtnGroup>
-    </Teleport>
     <QInnerLoading
         :showing="isLoading"
         :label="t && t('globals.pleaseWait')"
diff --git a/src/components/common/VnCard.vue b/src/components/common/VnCard.vue
new file mode 100644
index 000000000..7c57fa18a
--- /dev/null
+++ b/src/components/common/VnCard.vue
@@ -0,0 +1,20 @@
+<script setup>
+import useCardSize from 'src/composables/useCardSize';
+import VnSubToolbar from 'src/components/common/VnSubToolbar.vue';
+defineProps({
+    component: {
+        type: String,
+        required: true,
+    },
+});
+</script>
+<template>
+    <QPageContainer>
+        <QPage>
+            <VnSubToolbar />
+            <div :class="useCardSize()">
+                <RouterView :name="component"> </RouterView>
+            </div>
+        </QPage>
+    </QPageContainer>
+</template>
diff --git a/src/components/ui/VnSubToolbar.vue b/src/components/ui/VnSubToolbar.vue
index 22eebdf36..617c3a9d6 100644
--- a/src/components/ui/VnSubToolbar.vue
+++ b/src/components/ui/VnSubToolbar.vue
@@ -1,7 +1,7 @@
 <script setup>
 import { onMounted, onUnmounted } from 'vue';
 import { useStateStore } from 'stores/useStateStore';
-
+// Falta si los divs tienen contenido o remplazar los teleport y usar siempre slots
 const stateStore = useStateStore();
 
 onMounted(() => {
@@ -14,7 +14,7 @@ onUnmounted(() => {
 </script>
 
 <template>
-    <QToolbar class="bg-vn-section-color justify-end sticky">
+    <QToolbar class="justify-end sticky" v-if="$slots['st-data'] || $slots['st-actions']">
         <slot name="st-data">
             <div id="st-data"></div>
         </slot>
@@ -27,6 +27,7 @@ onUnmounted(() => {
 <style lang="scss">
 .q-toolbar {
     background: var(--vn-section-color);
+    border-radius: 2px;
 }
 </style>
 <style lang="scss" scoped>

From dfac40adb3d85877889afb5451ab2ff601d81f32 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Mon, 8 Apr 2024 10:27:37 +0200
Subject: [PATCH 005/305] feat: refs #6480 vnCard

---
 src/components/common/VnCard.vue           | 10 ++--------
 src/pages/InvoiceIn/Card/InvoiceInCard.vue | 15 +++------------
 2 files changed, 5 insertions(+), 20 deletions(-)

diff --git a/src/components/common/VnCard.vue b/src/components/common/VnCard.vue
index 7c57fa18a..e583bec20 100644
--- a/src/components/common/VnCard.vue
+++ b/src/components/common/VnCard.vue
@@ -1,19 +1,13 @@
 <script setup>
 import useCardSize from 'src/composables/useCardSize';
-import VnSubToolbar from 'src/components/common/VnSubToolbar.vue';
-defineProps({
-    component: {
-        type: String,
-        required: true,
-    },
-});
+import VnSubToolbar from '../ui/VnSubToolbar.vue';
 </script>
 <template>
     <QPageContainer>
         <QPage>
             <VnSubToolbar />
             <div :class="useCardSize()">
-                <RouterView :name="component"> </RouterView>
+                <RouterView />
             </div>
         </QPage>
     </QPageContainer>
diff --git a/src/pages/InvoiceIn/Card/InvoiceInCard.vue b/src/pages/InvoiceIn/Card/InvoiceInCard.vue
index 0de31c183..0f7815c0f 100644
--- a/src/pages/InvoiceIn/Card/InvoiceInCard.vue
+++ b/src/pages/InvoiceIn/Card/InvoiceInCard.vue
@@ -4,11 +4,10 @@ import { useStateStore } from 'stores/useStateStore';
 import InvoiceInDescriptor from './InvoiceInDescriptor.vue';
 import LeftMenu from 'components/LeftMenu.vue';
 import VnSearchbar from 'components/ui/VnSearchbar.vue';
-import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
 import { useArrayData } from 'src/composables/useArrayData';
 import { onMounted, watch } from 'vue';
 import { useRoute } from 'vue-router';
-import useCardSize from 'src/composables/useCardSize';
+import VnCard from 'components/common/VnCard.vue';
 
 const stateStore = useStateStore();
 const { t } = useI18n();
@@ -72,18 +71,10 @@ watch(
             <LeftMenu source="card" />
         </QScrollArea>
     </QDrawer>
-    <QPageContainer>
-        <QPage>
-            <VnSubToolbar />
-            <div :class="useCardSize()">
-                <RouterView></RouterView>
-            </div>
-        </QPage>
-    </QPageContainer>
+    <VnCard />
 </template>
-
 <i18n>
     es:
         Search invoice: Buscar factura recibida
         You can search by invoice reference: Puedes buscar por referencia de la factura
-    </i18n>
+</i18n>

From f60670cb87958d2c9012ad156a8ae40e45eb526a Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Mon, 8 Apr 2024 10:49:53 +0200
Subject: [PATCH 006/305] refs #7172 change vnselectfilter

---
 src/pages/Claim/Card/ClaimBasicData.vue | 36 ++++++++++++++++++-------
 1 file changed, 27 insertions(+), 9 deletions(-)

diff --git a/src/pages/Claim/Card/ClaimBasicData.vue b/src/pages/Claim/Card/ClaimBasicData.vue
index c7c5ab8a2..aad003031 100644
--- a/src/pages/Claim/Card/ClaimBasicData.vue
+++ b/src/pages/Claim/Card/ClaimBasicData.vue
@@ -2,7 +2,7 @@
 import { ref } from 'vue';
 import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
-
+import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
 import FetchData from 'components/FetchData.vue';
 import FormModel from 'components/FormModel.vue';
 import VnRow from 'components/ui/VnRow.vue';
@@ -40,11 +40,7 @@ const workers = ref([]);
 const workersCopy = ref([]);
 const claimStates = ref([]);
 const claimStatesCopy = ref([]);
-
-function setWorkers(data) {
-    workers.value = data;
-    workersCopy.value = data;
-}
+const workersOptions = ref([]);
 
 function setClaimStates(data) {
     claimStates.value = data;
@@ -89,8 +85,9 @@ const statesFilter = {
     <FetchData
         url="Workers/activeWithInheritedRole"
         :filter="{ where: { role: 'salesPerson' } }"
-        @on-fetch="setWorkers"
+        @on-fetch="(data) => (workersOptions = data)"
         auto-load
+        limit="30"
     />
     <FetchData url="ClaimStates" @on-fetch="setClaimStates" auto-load />
     <FormModel
@@ -118,7 +115,7 @@ const statesFilter = {
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <QSelect
+                    <!-- <QSelect
                         v-model="data.workerFk"
                         :options="workers"
                         option-value="id"
@@ -140,7 +137,28 @@ const statesFilter = {
                                 />
                             </QAvatar>
                         </template>
-                    </QSelect>
+                    </QSelect> -->
+                    <VnSelectFilter
+                        :label="t('claim.basicData.assignedTo')"
+                        v-model="data.workerFk"
+                        :options="workersOptions"
+                        option-value="id"
+                        option-label="name"
+                        emit-value
+                        auto-load
+                        @filter="(value, update) => filter(value, update, workerFilter)"
+                        :rules="validate('claim.claimStateFk')"
+                    >
+                        <template #before>
+                            <QAvatar color="orange">
+                                <QImg
+                                    v-if="data.workerFk"
+                                    :src="`/api/Images/user/160x160/${data.workerFk}/download?access_token=${token}`"
+                                    spinner-color="white"
+                                />
+                            </QAvatar>
+                        </template>
+                    </VnSelectFilter>
                 </div>
                 <div class="col">
                     <QSelect

From 904f647a5b6dd7f2a533b3c5eb41f2aa9d50fbff Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Wed, 10 Apr 2024 14:16:20 +0200
Subject: [PATCH 007/305] refs #7172 fix vnSelectFilter

---
 src/pages/Claim/Card/ClaimBasicData.vue | 47 +------------------------
 1 file changed, 1 insertion(+), 46 deletions(-)

diff --git a/src/pages/Claim/Card/ClaimBasicData.vue b/src/pages/Claim/Card/ClaimBasicData.vue
index aad003031..26175dab9 100644
--- a/src/pages/Claim/Card/ClaimBasicData.vue
+++ b/src/pages/Claim/Card/ClaimBasicData.vue
@@ -36,8 +36,6 @@ const claimFilter = {
     ],
 };
 
-const workers = ref([]);
-const workersCopy = ref([]);
 const claimStates = ref([]);
 const claimStatesCopy = ref([]);
 const workersOptions = ref([]);
@@ -47,25 +45,6 @@ function setClaimStates(data) {
     claimStatesCopy.value = data;
 }
 
-const workerFilter = {
-    options: workers,
-    filterFn: (options, value) => {
-        const search = value.toLowerCase();
-
-        if (value === '') return workersCopy.value;
-
-        return options.value.filter((row) => {
-            const id = row.id;
-            const name = row.name.toLowerCase();
-
-            const idMatches = id == search;
-            const nameMatches = name.indexOf(search) > -1;
-
-            return idMatches || nameMatches;
-        });
-    },
-};
-
 const statesFilter = {
     options: claimStates,
     filterFn: (options, value) => {
@@ -87,7 +66,6 @@ const statesFilter = {
         :filter="{ where: { role: 'salesPerson' } }"
         @on-fetch="(data) => (workersOptions = data)"
         auto-load
-        limit="30"
     />
     <FetchData url="ClaimStates" @on-fetch="setClaimStates" auto-load />
     <FormModel
@@ -115,29 +93,6 @@ const statesFilter = {
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <!-- <QSelect
-                        v-model="data.workerFk"
-                        :options="workers"
-                        option-value="id"
-                        option-label="name"
-                        emit-value
-                        :label="t('claim.basicData.assignedTo')"
-                        map-options
-                        use-input
-                        @filter="(value, update) => filter(value, update, workerFilter)"
-                        :rules="validate('claim.claimStateFk')"
-                        :input-debounce="0"
-                    >
-                        <template #before>
-                            <QAvatar color="orange">
-                                <QImg
-                                    v-if="data.workerFk"
-                                    :src="`/api/Images/user/160x160/${data.workerFk}/download?access_token=${token}`"
-                                    spinner-color="white"
-                                />
-                            </QAvatar>
-                        </template>
-                    </QSelect> -->
                     <VnSelectFilter
                         :label="t('claim.basicData.assignedTo')"
                         v-model="data.workerFk"
@@ -146,7 +101,7 @@ const statesFilter = {
                         option-label="name"
                         emit-value
                         auto-load
-                        @filter="(value, update) => filter(value, update, workerFilter)"
+                        :virtual-scroll-slice-size="workersOptions.length"
                         :rules="validate('claim.claimStateFk')"
                     >
                         <template #before>

From 5f502c2aad88b8e82e107295c857727d01c2bf94 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Wed, 10 Apr 2024 20:52:45 +0200
Subject: [PATCH 008/305] #6480: POC Claims

---
 src/components/common/VnCardContainer.vue | 14 +++++++++
 src/components/common/VnRightMenu.vue     | 26 ++++++++++++++++
 src/components/common/VnTeleport.vue      | 17 ++++++++++
 src/layouts/ViewLayout.vue                | 16 ++++++++++
 src/pages/Claim/Card/ClaimAction.vue      | 26 +++-------------
 src/pages/Claim/Card/ClaimCard.vue        | 12 ++-----
 src/pages/Claim/Card/ClaimLines.vue       | 38 +++++++++++------------
 src/pages/Claim/ClaimMain.vue             | 14 ++-------
 src/stores/useStateStore.js               |  1 +
 9 files changed, 101 insertions(+), 63 deletions(-)
 create mode 100644 src/components/common/VnCardContainer.vue
 create mode 100644 src/components/common/VnRightMenu.vue
 create mode 100644 src/components/common/VnTeleport.vue
 create mode 100644 src/layouts/ViewLayout.vue

diff --git a/src/components/common/VnCardContainer.vue b/src/components/common/VnCardContainer.vue
new file mode 100644
index 000000000..1fbc5595c
--- /dev/null
+++ b/src/components/common/VnCardContainer.vue
@@ -0,0 +1,14 @@
+<script setup>
+import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
+import useCardSize from 'src/composables/useCardSize';
+</script>
+<template>
+    <QPageContainer>
+        <QPage>
+            <VnSubToolbar />
+            <div :class="useCardSize()">
+                <RouterView></RouterView>
+            </div>
+        </QPage>
+    </QPageContainer>
+</template>
diff --git a/src/components/common/VnRightMenu.vue b/src/components/common/VnRightMenu.vue
new file mode 100644
index 000000000..f5065478f
--- /dev/null
+++ b/src/components/common/VnRightMenu.vue
@@ -0,0 +1,26 @@
+<script setup>
+import { useStateStore } from 'stores/useStateStore';
+import { useI18n } from 'vue-i18n';
+const { t } = useI18n();
+
+const stateStore = useStateStore();
+</script>
+<template>
+    <template v-if="stateStore.$state.isMounted">
+        <Teleport to="#actions-append">
+            <div class="row q-gutter-x-sm">
+                <QBtn
+                    flat
+                    @click="stateStore.toggleRightDrawer()"
+                    round
+                    dense
+                    icon="menu"
+                >
+                    <QTooltip bottom anchor="bottom right">
+                        {{ t('globals.collapseMenu') }}
+                    </QTooltip>
+                </QBtn>
+            </div>
+        </Teleport>
+    </template>
+</template>
diff --git a/src/components/common/VnTeleport.vue b/src/components/common/VnTeleport.vue
new file mode 100644
index 000000000..4f773e8bf
--- /dev/null
+++ b/src/components/common/VnTeleport.vue
@@ -0,0 +1,17 @@
+<script setup>
+import { useStateStore } from 'stores/useStateStore';
+defineProps({
+    to: {
+        type: String,
+        required: true,
+    },
+});
+const stateStore = useStateStore();
+</script>
+<template>
+    <template v-if="stateStore.$state.isMounted">
+        <Teleport :to="to">
+            <slot name="body"></slot>
+        </Teleport>
+    </template>
+</template>
diff --git a/src/layouts/ViewLayout.vue b/src/layouts/ViewLayout.vue
new file mode 100644
index 000000000..4812e7a83
--- /dev/null
+++ b/src/layouts/ViewLayout.vue
@@ -0,0 +1,16 @@
+<script setup>
+import { useStateStore } from 'stores/useStateStore';
+import LeftMenu from 'components/LeftMenu.vue';
+
+const stateStore = useStateStore();
+</script>
+<template>
+    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
+        <QScrollArea class="fit text-grey-8">
+            <LeftMenu />
+        </QScrollArea>
+    </QDrawer>
+    <QPageContainer>
+        <RouterView></RouterView>
+    </QPageContainer>
+</template>
diff --git a/src/pages/Claim/Card/ClaimAction.vue b/src/pages/Claim/Card/ClaimAction.vue
index fa16e6af4..56f746f97 100644
--- a/src/pages/Claim/Card/ClaimAction.vue
+++ b/src/pages/Claim/Card/ClaimAction.vue
@@ -2,7 +2,7 @@
 import { ref, computed, onMounted } from 'vue';
 import { useQuasar } from 'quasar';
 import { useI18n } from 'vue-i18n';
-import { useRoute, useRouter } from 'vue-router';
+import { useRoute } from 'vue-router';
 import axios from 'axios';
 import { useStateStore } from 'src/stores/useStateStore';
 import { toDate, toPercentage, toCurrency } from 'filters/index';
@@ -10,14 +10,12 @@ import { tMobile } from 'src/composables/tMobile';
 import CrudModel from 'src/components/CrudModel.vue';
 import FetchData from 'src/components/FetchData.vue';
 import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
-import VnConfirm from 'src/components/ui/VnConfirm.vue';
+import VnRightMenu from 'src/components/common/VnRightMenu.vue';
 import TicketDescriptorProxy from 'src/pages/Ticket/Card/TicketDescriptorProxy.vue';
 import { useArrayData } from 'composables/useArrayData';
-
 const { t } = useI18n();
 const quasar = useQuasar();
 const route = useRoute();
-const router = useRouter();
 const stateStore = computed(() => useStateStore());
 const claim = ref(null);
 const claimRef = ref();
@@ -193,23 +191,7 @@ async function importToNewRefundTicket() {
         auto-load
         @on-fetch="(data) => (destinationTypes = data)"
     />
-    <template v-if="stateStore.isHeaderMounted()">
-        <Teleport to="#actions-append">
-            <div class="row q-gutter-x-sm">
-                <QBtn
-                    flat
-                    @click="stateStore.toggleRightDrawer()"
-                    round
-                    dense
-                    icon="menu"
-                >
-                    <QTooltip bottom anchor="bottom right">
-                        {{ t('globals.collapseMenu') }}
-                    </QTooltip>
-                </QBtn>
-            </div>
-        </Teleport>
-    </template>
+    <VnRightMenu />
     <QDrawer
         v-model="stateStore.rightDrawer"
         side="right"
@@ -267,7 +249,7 @@ async function importToNewRefundTicket() {
             />
         </QCard>
     </QDrawer>
-    <Teleport to="#st-data" v-if="stateStore.isSubToolbarShown()"> </Teleport>
+    <!-- <Teleport to="#st-data" v-if="stateStore.isSubToolbarShown()"> </Teleport> -->
     <CrudModel
         v-if="claim"
         data-key="ClaimEnds"
diff --git a/src/pages/Claim/Card/ClaimCard.vue b/src/pages/Claim/Card/ClaimCard.vue
index 78eec9e8d..a007609ba 100644
--- a/src/pages/Claim/Card/ClaimCard.vue
+++ b/src/pages/Claim/Card/ClaimCard.vue
@@ -4,8 +4,7 @@ import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
 import { useStateStore } from 'stores/useStateStore';
 import { useI18n } from 'vue-i18n';
 import ClaimDescriptor from './ClaimDescriptor.vue';
-import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
-import useCardSize from 'src/composables/useCardSize';
+import VnCardContainer from 'src/components/common/VnCardContainer.vue';
 
 const stateStore = useStateStore();
 const { t } = useI18n();
@@ -26,14 +25,7 @@ const { t } = useI18n();
             <LeftMenu source="card" />
         </QScrollArea>
     </QDrawer>
-    <QPageContainer>
-        <QPage>
-            <VnSubToolbar />
-            <div :class="useCardSize()">
-                <RouterView></RouterView>
-            </div>
-        </QPage>
-    </QPageContainer>
+    <VnCardContainer />
 </template>
 
 <i18n>
diff --git a/src/pages/Claim/Card/ClaimLines.vue b/src/pages/Claim/Card/ClaimLines.vue
index 89703c64b..06918f6ca 100644
--- a/src/pages/Claim/Card/ClaimLines.vue
+++ b/src/pages/Claim/Card/ClaimLines.vue
@@ -4,12 +4,12 @@ import { ref, computed } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useQuasar } from 'quasar';
 import { useRoute } from 'vue-router';
-import { useStateStore } from 'stores/useStateStore';
 import { useArrayData } from 'composables/useArrayData';
 import { toDate, toCurrency, toPercentage } from 'filters/index';
 import CrudModel from 'components/CrudModel.vue';
 import FetchData from 'components/FetchData.vue';
 import VnDiscount from 'components/common/vnDiscount.vue';
+import VnTeleport from 'components/common/VnTeleport.vue';
 import ClaimLinesImport from './ClaimLinesImport.vue';
 import ItemDescriptorProxy from 'src/pages/Item/Card/ItemDescriptorProxy.vue';
 
@@ -17,7 +17,6 @@ const quasar = useQuasar();
 const route = useRoute();
 const { t } = useI18n();
 
-const stateStore = useStateStore();
 const arrayData = useArrayData('ClaimLines');
 const store = arrayData.store;
 
@@ -157,24 +156,25 @@ function showImportDialog() {
 }
 </script>
 <template>
-    <Teleport to="#st-data" v-if="stateStore.isSubToolbarShown()">
-        <div class="row q-gutter-md">
-            <div>
-                {{ t('Amount') }}
-                <QChip :dense="$q.screen.lt.sm" text-color="white">
-                    {{ toCurrency(amount) }}
-                </QChip>
+    <VnTeleport to="#st-data">
+        <template #body>
+            <div class="row q-gutter-md">
+                <div>
+                    {{ t('Amount') }}
+                    <QChip :dense="$q.screen.lt.sm" text-color="white">
+                        {{ toCurrency(amount) }}
+                    </QChip>
+                </div>
+                <QSeparator dark vertical />
+                <div>
+                    {{ t('Amount Claimed') }}
+                    <QChip color="positive" :dense="$q.screen.lt.sm">
+                        {{ toCurrency(amountClaimed) }}
+                    </QChip>
+                </div>
             </div>
-            <QSeparator dark vertical />
-            <div>
-                {{ t('Amount Claimed') }}
-                <QChip color="positive" :dense="$q.screen.lt.sm">
-                    {{ toCurrency(amountClaimed) }}
-                </QChip>
-            </div>
-        </div>
-    </Teleport>
-
+        </template>
+    </VnTeleport>
     <FetchData
         :url="`Claims/${route.params.id}`"
         :filter="claimFilter"
diff --git a/src/pages/Claim/ClaimMain.vue b/src/pages/Claim/ClaimMain.vue
index f0dc2e500..6a294fe88 100644
--- a/src/pages/Claim/ClaimMain.vue
+++ b/src/pages/Claim/ClaimMain.vue
@@ -1,17 +1,7 @@
 <script setup>
-import { useStateStore } from 'stores/useStateStore';
-import LeftMenu from 'components/LeftMenu.vue';
-
-const stateStore = useStateStore();
+import ViewLayout from 'src/layouts/ViewLayout.vue';
 </script>
 
 <template>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit text-grey-8">
-            <LeftMenu />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <RouterView></RouterView>
-    </QPageContainer>
+    <ViewLayout></ViewLayout>
 </template>
diff --git a/src/stores/useStateStore.js b/src/stores/useStateStore.js
index 328df9978..0367c125a 100644
--- a/src/stores/useStateStore.js
+++ b/src/stores/useStateStore.js
@@ -40,6 +40,7 @@ export const useStateStore = defineStore('stateStore', () => {
     }
 
     return {
+        isMounted,
         leftDrawer,
         rightDrawer,
         setMounted,

From 4a0ae8aa45ca5ab0f5ad448a7f9bae64bb166623 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Wed, 10 Apr 2024 17:18:57 -0300
Subject: [PATCH 009/305] Item summary

---
 src/i18n/en/index.js                        |  41 +++-
 src/i18n/es/index.js                        |  35 +++
 src/pages/Item/Card/ItemBarcode.vue         |   1 +
 src/pages/Item/Card/ItemBasicData.vue       |   1 +
 src/pages/Item/Card/ItemBotanical.vue       |   1 +
 src/pages/Item/Card/ItemDescriptor.vue      | 108 +--------
 src/pages/Item/Card/ItemDescriptorImage.vue | 159 ++++++++++++++
 src/pages/Item/Card/ItemSummary.vue         | 232 +++++++++++++++++++-
 src/pages/Item/Card/ItemTax.vue             |   1 +
 src/pages/Item/ItemList.vue                 |   2 +-
 src/router/modules/item.js                  |  64 +++++-
 11 files changed, 529 insertions(+), 116 deletions(-)
 create mode 100644 src/pages/Item/Card/ItemBarcode.vue
 create mode 100644 src/pages/Item/Card/ItemBasicData.vue
 create mode 100644 src/pages/Item/Card/ItemBotanical.vue
 create mode 100644 src/pages/Item/Card/ItemDescriptorImage.vue
 create mode 100644 src/pages/Item/Card/ItemTax.vue

diff --git a/src/i18n/en/index.js b/src/i18n/en/index.js
index cd61d46ff..c4affad71 100644
--- a/src/i18n/en/index.js
+++ b/src/i18n/en/index.js
@@ -1213,9 +1213,13 @@ export default {
         pageTitles: {
             items: 'Items',
             list: 'List',
-            diary: 'Diary',
-            tags: 'Tags',
-            create: 'Create',
+            diary: 'Histórico',
+            tags: 'Etiquetas',
+            create: 'Crear',
+            basicData: 'Datos básicos',
+            tax: 'IVA',
+            botanical: 'Botánico',
+            barcode: 'Código de barras',
         },
         descriptor: {
             item: 'Item',
@@ -1246,6 +1250,37 @@ export default {
             producer: 'Producer',
             landed: 'Landed',
         },
+        summary: {
+            basicData: 'Datos básicos',
+            otherData: 'Otros datos',
+            description: 'Descripción',
+            tax: 'IVA',
+            tags: 'Etiquetas',
+            botanical: 'Botánico',
+            barcode: 'Código de barras',
+            name: 'Nombre',
+            completeName: 'Nombre completo',
+            family: 'Familia',
+            size: 'Medida',
+            origin: 'Origen',
+            stems: 'Tallos',
+            multiplier: 'Multiplicador',
+            buyer: 'Comprador',
+            doPhoto: 'Hacer foto',
+            intrastatCode: 'Código intrastat',
+            intrastat: 'Intrastat',
+            ref: 'Referencia',
+            relevance: 'Relevancia',
+            weight: 'Peso (gramos)/tallo',
+            units: 'Unidades/caja',
+            expense: 'Gasto',
+            generic: 'Genérico',
+            recycledPlastic: 'Plástico reciclado',
+            nonRecycledPlastic: 'Plástico no reciclado',
+            minSalesQuantity: 'Cantidad mínima de venta',
+            genus: 'Genus',
+            specie: 'Specie',
+        },
     },
     components: {
         topbar: {},
diff --git a/src/i18n/es/index.js b/src/i18n/es/index.js
index 08fb809b2..01263f224 100644
--- a/src/i18n/es/index.js
+++ b/src/i18n/es/index.js
@@ -1215,6 +1215,10 @@ export default {
             diary: 'Histórico',
             tags: 'Etiquetas',
             create: 'Crear',
+            basicData: 'Datos básicos',
+            tax: 'IVA',
+            botanical: 'Botánico',
+            barcode: 'Código de barras',
         },
         descriptor: {
             item: 'Artículo',
@@ -1245,6 +1249,37 @@ export default {
             producer: 'Productor',
             landed: 'F. entrega',
         },
+        summary: {
+            basicData: 'Datos básicos',
+            otherData: 'Otros datos',
+            description: 'Descripción',
+            tax: 'IVA',
+            tags: 'Etiquetas',
+            botanical: 'Botánico',
+            barcode: 'Código de barras',
+            name: 'Nombre',
+            completeName: 'Nombre completo',
+            family: 'Familia',
+            size: 'Medida',
+            origin: 'Origen',
+            stems: 'Tallos',
+            multiplier: 'Multiplicador',
+            buyer: 'Comprador',
+            doPhoto: 'Hacer foto',
+            intrastatCode: 'Código intrastat',
+            intrastat: 'Intrastat',
+            ref: 'Referencia',
+            relevance: 'Relevancia',
+            weight: 'Peso (gramos)/tallo',
+            units: 'Unidades/caja',
+            expense: 'Gasto',
+            generic: 'Genérico',
+            recycledPlastic: 'Plástico reciclado',
+            nonRecycledPlastic: 'Plástico no reciclado',
+            minSalesQuantity: 'Cantidad mínima de venta',
+            genus: 'Genus',
+            specie: 'Specie',
+        },
     },
     components: {
         topbar: {},
diff --git a/src/pages/Item/Card/ItemBarcode.vue b/src/pages/Item/Card/ItemBarcode.vue
new file mode 100644
index 000000000..e4366a11b
--- /dev/null
+++ b/src/pages/Item/Card/ItemBarcode.vue
@@ -0,0 +1 @@
+<template>Item barcode</template>
diff --git a/src/pages/Item/Card/ItemBasicData.vue b/src/pages/Item/Card/ItemBasicData.vue
new file mode 100644
index 000000000..334cf049d
--- /dev/null
+++ b/src/pages/Item/Card/ItemBasicData.vue
@@ -0,0 +1 @@
+<template>Item basic data</template>
diff --git a/src/pages/Item/Card/ItemBotanical.vue b/src/pages/Item/Card/ItemBotanical.vue
new file mode 100644
index 000000000..a2a39d9df
--- /dev/null
+++ b/src/pages/Item/Card/ItemBotanical.vue
@@ -0,0 +1 @@
+<template>Item Botanical</template>
diff --git a/src/pages/Item/Card/ItemDescriptor.vue b/src/pages/Item/Card/ItemDescriptor.vue
index 981de0632..59ac9adf9 100644
--- a/src/pages/Item/Card/ItemDescriptor.vue
+++ b/src/pages/Item/Card/ItemDescriptor.vue
@@ -9,7 +9,7 @@ import VnLv from 'src/components/ui/VnLv.vue';
 import WorkerDescriptorProxy from 'src/pages/Worker/Card/WorkerDescriptorProxy.vue';
 import VnConfirm from 'components/ui/VnConfirm.vue';
 import RegularizeStockForm from 'components/RegularizeStockForm.vue';
-import EditPictureForm from 'components/EditPictureForm.vue';
+import ItemDescriptorImage from 'src/pages/Item/Card/ItemDescriptorImage.vue';
 
 import { useState } from 'src/composables/useState';
 import useCardDescription from 'src/composables/useCardDescription';
@@ -50,12 +50,10 @@ const entityId = computed(() => {
 });
 const image = ref(null);
 const regularizeStockFormDialog = ref(null);
-const editPhotoFormDialog = ref(null);
 const item = ref(null);
 const available = ref(null);
 const visible = ref(null);
 const _warehouseFk = ref(null);
-const warehouseText = ref(null);
 const salixUrl = ref();
 const warehouseFk = computed({
     get() {
@@ -63,14 +61,9 @@ const warehouseFk = computed({
     },
     set(val) {
         _warehouseFk.value = val;
-        if (val) {
-            updateStock();
-            getWarehouseName(val);
-        }
+        if (val) updateStock();
     },
 });
-const showWarehouseIconTooltip = ref(true);
-const showEditPhotoForm = ref(false);
 
 onMounted(async () => {
     await getItemAvatar();
@@ -90,26 +83,6 @@ const setData = (entity) => {
     data.value = useCardDescription(entity.name, entity.id);
 };
 
-const getWarehouseName = async (warehouseFk) => {
-    try {
-        showWarehouseIconTooltip.value = false;
-
-        const filter = {
-            where: { id: warehouseFk },
-        };
-
-        const { data } = await axios.get('Warehouses/findOne', { filter });
-
-        warehouseText.value = t('item.descriptor.warehouseText', {
-            warehouseName: data.name,
-        });
-
-        showWarehouseIconTooltip.value = true;
-    } catch (err) {
-        console.error('Error finding warehouse');
-    }
-};
-
 const updateStock = async () => {
     try {
         available.value = null;
@@ -135,10 +108,6 @@ const openRegularizeStockForm = () => {
     regularizeStockFormDialog.value.show();
 };
 
-const toggleEditPictureForm = () => {
-    showEditPhotoForm.value = !showEditPhotoForm.value;
-};
-
 const cloneItem = async () => {
     try {
         const { data } = await axios.post(`Items/${entityId.value}/clone`);
@@ -198,74 +167,11 @@ const openCloneDialog = async () => {
             </QItem>
         </template>
         <template #before>
-            <div class="relative-position">
-                <QImg :src="image" spinner-color="primary" class="photo">
-                    <template #error>
-                        <div
-                            class="absolute-full picture text-center q-pa-md flex flex-center"
-                        >
-                            <div>
-                                <div
-                                    class="text-grey-5"
-                                    style="opacity: 0.4; font-size: 5vh"
-                                >
-                                    <QIcon name="vn:item" />
-                                </div>
-                                <div class="text-grey-5" style="opacity: 0.4">
-                                    {{ t('item.descriptor.item') }}
-                                </div>
-                            </div>
-                        </div>
-                    </template>
-                </QImg>
-                <QBtn
-                    color="primary"
-                    size="lg"
-                    round
-                    class="edit-photo-btn"
-                    @click="toggleEditPictureForm()"
-                >
-                    <QIcon name="edit" size="sm" />
-                    <QDialog ref="editPhotoFormDialog" v-model="showEditPhotoForm">
-                        <EditPictureForm
-                            collection="catalog"
-                            :id="entityId"
-                            @close-form="toggleEditPictureForm()"
-                            @on-photo-uploaded="getItemAvatar()"
-                        />
-                    </QDialog>
-                </QBtn>
-            </div>
-
-            <div
-                class="row justify-between items-center full-width bg-primary"
-                style="height: 54px"
-            >
-                <div class="col column items-center">
-                    <span class="text-uppercase color-vn-white" style="font-size: 11px">
-                        {{ t('item.descriptor.visible') }}
-                    </span>
-                    <span class="text-weight-bold text-h5 color-vn-white">{{
-                        visible
-                    }}</span>
-                </div>
-                <div
-                    class="col column items-center separation-borders"
-                    style="font-size: 11px"
-                >
-                    <span class="text-uppercase color-vn-white">
-                        {{ t('item.descriptor.available') }}
-                    </span>
-                    <span class="text-weight-bold text-h5 color-vn-white">{{
-                        available
-                    }}</span>
-                </div>
-                <div class="col column items-center justify-center">
-                    <QIcon name="info" class="cursor-pointer color-vn-white" size="md">
-                        <QTooltip>{{ warehouseText }}</QTooltip>
-                    </QIcon>
-                </div>
-            </div>
+            <ItemDescriptorImage
+                :entity-id="entityId"
+                :visible="visible"
+                :available="available"
+            />
         </template>
         <template #body="{ entity }">
             <VnLv :label="t('item.descriptor.buyer')">
diff --git a/src/pages/Item/Card/ItemDescriptorImage.vue b/src/pages/Item/Card/ItemDescriptorImage.vue
new file mode 100644
index 000000000..827e9096a
--- /dev/null
+++ b/src/pages/Item/Card/ItemDescriptorImage.vue
@@ -0,0 +1,159 @@
+<script setup>
+import { ref, onMounted } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+import EditPictureForm from 'components/EditPictureForm.vue';
+
+import { useSession } from 'src/composables/useSession';
+import axios from 'axios';
+
+const $props = defineProps({
+    visible: {
+        type: Number,
+        default: null,
+    },
+    available: {
+        type: Number,
+        default: null,
+    },
+    entityId: {
+        type: String,
+        default: null,
+    },
+    showEditButton: {
+        type: Boolean,
+        default: true,
+    },
+});
+
+const { t } = useI18n();
+const { getTokenMultimedia } = useSession();
+
+const image = ref(null);
+const editPhotoFormDialog = ref(null);
+const showEditPhotoForm = ref(false);
+const warehouseName = ref(null);
+
+const getItemAvatar = async () => {
+    const token = getTokenMultimedia();
+    const timeStamp = `timestamp=${Date.now()}`;
+    image.value = `/api/Images/catalog/200x200/${$props.entityId}/download?access_token=${token}&${timeStamp}`;
+};
+
+const toggleEditPictureForm = () => {
+    showEditPhotoForm.value = !showEditPhotoForm.value;
+};
+
+const getItemConfigs = async () => {
+    const { data } = await axios.get('ItemConfigs/findOne');
+    if (!data) return;
+    await getWarehouseName(data.warehouseFk);
+    return data;
+};
+
+const getWarehouseName = async (warehouseFk) => {
+    const filter = {
+        where: { id: warehouseFk },
+    };
+
+    const { data } = await axios.get('Warehouses/findOne', { filter });
+    if (!data) return;
+    warehouseName.value = data.name;
+};
+
+onMounted(async () => {
+    getItemAvatar();
+    getItemConfigs();
+});
+</script>
+
+<template>
+    <div class="relative-position">
+        <QImg :src="image" spinner-color="primary" style="min-height: 256px">
+            <template #error>
+                <div class="absolute-full picture text-center q-pa-md flex flex-center">
+                    <div>
+                        <div class="text-grey-5" style="opacity: 0.4; font-size: 5vh">
+                            <QIcon name="vn:item" />
+                        </div>
+                        <div class="text-grey-5" style="opacity: 0.4">
+                            {{ t('item.descriptor.item') }}
+                        </div>
+                    </div>
+                </div>
+            </template>
+        </QImg>
+        <QBtn
+            v-if="showEditButton"
+            color="primary"
+            size="lg"
+            round
+            class="edit-photo-btn"
+            @click="toggleEditPictureForm()"
+        >
+            <QIcon name="edit" size="sm" />
+            <QDialog ref="editPhotoFormDialog" v-model="showEditPhotoForm">
+                <EditPictureForm
+                    collection="catalog"
+                    :id="entityId"
+                    @close-form="toggleEditPictureForm()"
+                    @on-photo-uploaded="getItemAvatar()"
+                />
+            </QDialog>
+        </QBtn>
+    </div>
+
+    <div
+        class="row justify-between items-center full-width bg-primary"
+        style="height: 54px"
+    >
+        <div class="col column items-center">
+            <span class="text-uppercase color-vn-white" style="font-size: 11px">
+                {{ t('item.descriptor.visible') }}
+            </span>
+            <span class="text-weight-bold text-h5 color-vn-white">{{ visible }}</span>
+        </div>
+        <div class="col column items-center separation-borders" style="font-size: 11px">
+            <span class="text-uppercase color-vn-white">
+                {{ t('item.descriptor.available') }}
+            </span>
+            <span class="text-weight-bold text-h5 color-vn-white">{{ available }}</span>
+        </div>
+        <div class="col column items-center justify-center">
+            <QIcon name="info" class="cursor-pointer color-vn-white" size="md">
+                <QTooltip>{{
+                    t('warehouseText', {
+                        warehouseName: warehouseName,
+                    })
+                }}</QTooltip>
+            </QIcon>
+        </div>
+    </div>
+</template>
+
+<i18n>
+es:
+    Regularize stock: Regularizar stock
+    Clone: Clonar
+    All it's properties will be copied: Todas sus propiedades serán copiadas
+    Do you want to clone this item?: ¿Desea clonar este artículo?
+    warehouseText: Calculated on the warehouse of { warehouseName }
+
+en:
+    warehouseText: Calculado sobre el almacén de { warehouseName }
+</i18n>
+
+<style lang="scss" scoped>
+.edit-photo-btn {
+    position: absolute;
+    right: 12px;
+    bottom: 12px;
+    z-index: 1;
+    cursor: pointer;
+}
+
+.separation-borders {
+    border-left: 1px solid $white;
+    border-right: 1px solid $white;
+}
+</style>
diff --git a/src/pages/Item/Card/ItemSummary.vue b/src/pages/Item/Card/ItemSummary.vue
index 567fbf32b..69c09bb05 100644
--- a/src/pages/Item/Card/ItemSummary.vue
+++ b/src/pages/Item/Card/ItemSummary.vue
@@ -1 +1,231 @@
-<template>Item summary</template>
+<script setup>
+import { computed } from 'vue';
+import { useRoute } from 'vue-router';
+import { useI18n } from 'vue-i18n';
+
+import CardSummary from 'components/ui/CardSummary.vue';
+import VnLv from 'src/components/ui/VnLv.vue';
+import ItemDescriptorImage from 'src/pages/Item/Card/ItemDescriptorImage.vue';
+import VnUserLink from 'src/components/ui/VnUserLink.vue';
+
+import { useRole } from 'src/composables/useRole';
+
+const $props = defineProps({
+    id: {
+        type: Number,
+        default: 0,
+    },
+});
+
+const route = useRoute();
+const { t } = useI18n();
+const roleState = useRole();
+
+const entityId = computed(() => $props.id || route.params.id);
+
+const isBuyer = computed(() => {
+    return roleState.hasAny(['buyer']);
+});
+
+const isReplenisher = computed(() => {
+    return roleState.hasAny(['replenisher']);
+});
+
+const isAdministrative = computed(() => {
+    return roleState.hasAny(['administrative']);
+});
+</script>
+
+<template>
+    <CardSummary
+        ref="summary"
+        :url="`Items/${entityId}/getSummary`"
+        :entity-id="entityId"
+        data-key="ItemSummary"
+    >
+        <template #header-left>
+            <router-link
+                v-if="route.name !== 'ItemSummary'"
+                :to="{ name: 'ItemSummary', params: { id: entityId } }"
+                class="header link"
+            >
+                <QIcon name="open_in_new" color="white" size="sm" />
+            </router-link>
+        </template>
+        <template #header="{ entity: { item } }">
+            {{ item.id }} - {{ item.name }}
+        </template>
+        <template #body="{ entity: { item, tags, visible, available } }">
+            <QCard class="vn-one photo">
+                <ItemDescriptorImage
+                    :entity-id="entityId"
+                    :visible="visible"
+                    :available="available"
+                    :show-edit-button="false"
+                />
+            </QCard>
+            <QCard class="vn-one">
+                <component
+                    :is="isBuyer ? 'router-link' : 'span'"
+                    :to="{ name: 'ItemBasicData', params: { id: entityId } }"
+                    class="header"
+                    :class="{ 'header-link': isBuyer }"
+                >
+                    {{ t('item.summary.basicData') }}
+                    <QIcon v-if="isBuyer" name="open_in_new" />
+                </component>
+                <VnLv :label="t('item.summary.name')" :value="item.name" />
+                <VnLv :label="t('item.summary.completeName')" :value="item.longName" />
+                <VnLv :label="t('item.summary.family')" :value="item.itemType.name" />
+                <VnLv :label="t('item.summary.size')" :value="item.size" />
+                <VnLv :label="t('item.summary.origin')" :value="item.origin.name" />
+                <VnLv :label="t('item.summary.stems')" :value="item.stems" />
+                <VnLv
+                    :label="t('item.summary.multiplier')"
+                    :value="item.stemMultiplier"
+                />
+
+                <VnLv :label="t('item.summary.buyer')">
+                    <template #value>
+                        <VnUserLink
+                            :name="item.itemType.worker.user.name"
+                            :worker-id="item.itemType.worker.id"
+                        />
+                    </template>
+                </VnLv>
+                <VnLv :info="t('Este artículo necesita una foto')">
+                    <template #value>
+                        <QCheckbox
+                            :label="t('item.summary.doPhoto')"
+                            v-model="item.isPhotoRequested"
+                            :disable="true"
+                        />
+                    </template>
+                </VnLv>
+            </QCard>
+            <QCard class="vn-one">
+                <component
+                    :is="isBuyer ? 'router-link' : 'span'"
+                    :to="{ name: 'ItemBasicData', params: { id: entityId } }"
+                    class="header"
+                    :class="{ 'header-link': isBuyer }"
+                >
+                    {{ t('item.summary.otherData') }}
+                    <QIcon v-if="isBuyer" name="open_in_new" />
+                </component>
+                <VnLv
+                    :label="t('item.summary.intrastatCode')"
+                    :value="item.intrastat.id"
+                />
+                <VnLv
+                    :label="t('item.summary.intrastat')"
+                    :value="item.intrastat.description"
+                />
+                <VnLv :label="t('item.summary.ref')" :value="item.comment" />
+                <VnLv :label="t('item.summary.relevance')" :value="item.relevancy" />
+                <VnLv :label="t('item.summary.weight')" :value="item.weightByPiece" />
+                <VnLv :label="t('item.summary.units')" :value="item.packingOut" />
+                <VnLv :label="t('item.summary.expense')" :value="item.expense.name" />
+                <VnLv :label="t('item.summary.generic')" :value="item.genericFk" />
+                <VnLv
+                    :label="t('item.summary.recycledPlastic')"
+                    :value="item.recycledPlastic"
+                />
+                <VnLv
+                    :label="t('item.summary.nonRecycledPlastic')"
+                    :value="item.nonRecycledPlastic"
+                />
+                <VnLv
+                    :label="t('item.summary.minSalesQuantity')"
+                    :value="item.minQuantity"
+                />
+            </QCard>
+            <QCard class="vn-one">
+                <component
+                    :is="isBuyer || isReplenisher ? 'router-link' : 'span'"
+                    :to="{ name: 'ItemTags', params: { id: entityId } }"
+                    class="header"
+                    :class="{ 'header-link': isBuyer || isReplenisher }"
+                >
+                    {{ t('item.summary.tags') }}
+                    <QIcon v-if="isBuyer || isReplenisher" name="open_in_new" />
+                </component>
+                <VnLv
+                    v-for="(tag, index) in tags"
+                    :key="index"
+                    :label="`${tag.priority} ${tag.tag.name}`"
+                    :value="tag.value"
+                />
+            </QCard>
+            <QCard class="vn-one" v-if="item.description">
+                <component
+                    :is="isBuyer ? 'router-link' : 'span'"
+                    :to="{ name: 'ItemBasicData', params: { id: entityId } }"
+                    class="header"
+                    :class="{ 'header-link': isBuyer }"
+                >
+                    {{ t('item.summary.description') }}
+                    <QIcon v-if="isBuyer" name="open_in_new" />
+                </component>
+                <p>
+                    {{ item.description }}
+                </p>
+            </QCard>
+            <QCard class="vn-one">
+                <component
+                    :is="isBuyer || isAdministrative ? 'router-link' : 'span'"
+                    :to="{ name: 'ItemTax', params: { id: entityId } }"
+                    class="header"
+                    :class="{ 'header-link': isBuyer || isAdministrative }"
+                >
+                    {{ t('item.summary.tax') }}
+                    <QIcon v-if="isBuyer || isAdministrative" name="open_in_new" />
+                </component>
+                <VnLv
+                    v-for="(tax, index) in item.taxes"
+                    :key="index"
+                    :label="tax.country.country"
+                    :value="tax.taxClass.description"
+                />
+            </QCard>
+            <QCard class="vn-one">
+                <component
+                    :is="isBuyer ? 'router-link' : 'span'"
+                    :to="{ name: 'ItemBotanical', params: { id: entityId } }"
+                    class="header"
+                    :class="{ 'header-link': isBuyer }"
+                >
+                    {{ t('item.summary.botanical') }}
+                    <QIcon v-if="isBuyer" name="open_in_new" />
+                </component>
+                <VnLv
+                    :label="t('item.summary.genus')"
+                    :value="item.botanical?.genus?.name"
+                />
+                <VnLv
+                    :label="t('item.summary.specie')"
+                    :value="item.botanical?.specie?.name"
+                />
+            </QCard>
+            <QCard class="vn-one">
+                <component
+                    :is="isBuyer || isReplenisher ? 'router-link' : 'span'"
+                    :to="{ name: 'ItemBarcode', params: { id: entityId } }"
+                    class="header"
+                    :class="{ 'header-link': isBuyer || isReplenisher }"
+                >
+                    {{ t('item.summary.barcode') }}
+                    <QIcon v-if="isBuyer || isReplenisher" name="open_in_new" />
+                </component>
+                <p v-for="(barcode, index) in item.itemBarcode" :key="index">
+                    {{ barcode.code }}
+                </p>
+            </QCard>
+        </template>
+    </CardSummary>
+</template>
+
+<i18n>
+en:
+    Este artículo necesita una foto: Este artículo necesita una foto
+</i18n>
diff --git a/src/pages/Item/Card/ItemTax.vue b/src/pages/Item/Card/ItemTax.vue
new file mode 100644
index 000000000..76663932c
--- /dev/null
+++ b/src/pages/Item/Card/ItemTax.vue
@@ -0,0 +1 @@
+<template>Item tax</template>
diff --git a/src/pages/Item/ItemList.vue b/src/pages/Item/ItemList.vue
index ec54d1c05..3e399e29f 100644
--- a/src/pages/Item/ItemList.vue
+++ b/src/pages/Item/ItemList.vue
@@ -436,7 +436,7 @@ onUnmounted(() => (stateStore.rightDrawer = false));
                 :all-columns="allColumnNames"
                 table-code="itemsIndex"
                 labels-traductions-path="item.list"
-                @on-config-saved="visibleColumns = ['picture', ...$event]"
+                @on-config-saved="visibleColumns = ['picture', ...$event, 'actions']"
             />
         </div>
         <QSpace />
diff --git a/src/router/modules/item.js b/src/router/modules/item.js
index d16022f79..ef0b58fa6 100644
--- a/src/router/modules/item.js
+++ b/src/router/modules/item.js
@@ -11,7 +11,14 @@ export default {
     redirect: { name: 'ItemMain' },
     menus: {
         main: ['ItemList'],
-        card: [],
+        card: [
+            'ItemBasicData',
+            'ItemDiary',
+            'ItemTags',
+            'ItemTax',
+            'ItemBotanical',
+            'ItemBarcode',
+        ],
     },
     children: [
         {
@@ -54,6 +61,52 @@ export default {
                     },
                     component: () => import('src/pages/Item/Card/ItemSummary.vue'),
                 },
+                {
+                    path: 'basic-data',
+                    name: 'ItemBasicData',
+                    meta: {
+                        title: 'basicData',
+                        icon: 'vn:settings',
+                    },
+                    component: () => import('src/pages/Item/Card/ItemBasicData.vue'),
+                },
+
+                {
+                    path: 'tags',
+                    name: 'ItemTags',
+                    meta: {
+                        title: 'tags',
+                        icon: 'vn:tags',
+                    },
+                    component: () => import('src/pages/Item/Card/ItemTags.vue'),
+                },
+                {
+                    path: 'tax',
+                    name: 'ItemTax',
+                    meta: {
+                        title: 'tax',
+                        icon: 'vn:tax',
+                    },
+                    component: () => import('src/pages/Item/Card/ItemTax.vue'),
+                },
+                {
+                    path: 'botanical',
+                    name: 'ItemBotanical',
+                    meta: {
+                        title: 'botanical',
+                        icon: 'vn:botanical',
+                    },
+                    component: () => import('src/pages/Item/Card/ItemBotanical.vue'),
+                },
+                {
+                    path: 'barcode',
+                    name: 'ItemBarcode',
+                    meta: {
+                        title: 'barcode',
+                        icon: 'vn:barcode',
+                    },
+                    component: () => import('src/pages/Item/Card/ItemBarcode.vue'),
+                },
                 {
                     path: 'diary',
                     name: 'ItemDiary',
@@ -63,15 +116,6 @@ export default {
                     },
                     component: () => import('src/pages/Item/Card/ItemDiary.vue'),
                 },
-                {
-                    path: 'tags',
-                    name: 'ItemTags',
-                    meta: {
-                        title: 'Tags',
-                        icon: 'vn:tags',
-                    },
-                    component: () => import('src/pages/Item/Card/ItemTags.vue'),
-                },
             ],
         },
     ],

From 96d3073f679ccc3127db522de305bf99db48ddb7 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Thu, 11 Apr 2024 09:01:44 +0200
Subject: [PATCH 010/305] Revert "Merge branch '6480-improveCard' of
 https://gitea.verdnatura.es/verdnatura/salix-front into 6480-improveCard"

This reverts commit 984539b70fecbdbb2cc1042c51c846c59d5ed65c, reversing
changes made to d7ab6e8a02e8e7e36b325bb93712bca29ddebd40.
---
 src/components/common/VnCardContainer.vue | 14 ---------
 src/components/common/VnRightMenu.vue     | 26 ----------------
 src/components/common/VnTeleport.vue      | 17 ----------
 src/layouts/ViewLayout.vue                | 16 ----------
 src/pages/Claim/Card/ClaimAction.vue      | 26 +++++++++++++---
 src/pages/Claim/Card/ClaimCard.vue        | 12 +++++--
 src/pages/Claim/Card/ClaimLines.vue       | 38 +++++++++++------------
 src/pages/Claim/ClaimMain.vue             | 14 +++++++--
 src/stores/useStateStore.js               |  1 -
 9 files changed, 63 insertions(+), 101 deletions(-)
 delete mode 100644 src/components/common/VnCardContainer.vue
 delete mode 100644 src/components/common/VnRightMenu.vue
 delete mode 100644 src/components/common/VnTeleport.vue
 delete mode 100644 src/layouts/ViewLayout.vue

diff --git a/src/components/common/VnCardContainer.vue b/src/components/common/VnCardContainer.vue
deleted file mode 100644
index 1fbc5595c..000000000
--- a/src/components/common/VnCardContainer.vue
+++ /dev/null
@@ -1,14 +0,0 @@
-<script setup>
-import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
-import useCardSize from 'src/composables/useCardSize';
-</script>
-<template>
-    <QPageContainer>
-        <QPage>
-            <VnSubToolbar />
-            <div :class="useCardSize()">
-                <RouterView></RouterView>
-            </div>
-        </QPage>
-    </QPageContainer>
-</template>
diff --git a/src/components/common/VnRightMenu.vue b/src/components/common/VnRightMenu.vue
deleted file mode 100644
index f5065478f..000000000
--- a/src/components/common/VnRightMenu.vue
+++ /dev/null
@@ -1,26 +0,0 @@
-<script setup>
-import { useStateStore } from 'stores/useStateStore';
-import { useI18n } from 'vue-i18n';
-const { t } = useI18n();
-
-const stateStore = useStateStore();
-</script>
-<template>
-    <template v-if="stateStore.$state.isMounted">
-        <Teleport to="#actions-append">
-            <div class="row q-gutter-x-sm">
-                <QBtn
-                    flat
-                    @click="stateStore.toggleRightDrawer()"
-                    round
-                    dense
-                    icon="menu"
-                >
-                    <QTooltip bottom anchor="bottom right">
-                        {{ t('globals.collapseMenu') }}
-                    </QTooltip>
-                </QBtn>
-            </div>
-        </Teleport>
-    </template>
-</template>
diff --git a/src/components/common/VnTeleport.vue b/src/components/common/VnTeleport.vue
deleted file mode 100644
index 4f773e8bf..000000000
--- a/src/components/common/VnTeleport.vue
+++ /dev/null
@@ -1,17 +0,0 @@
-<script setup>
-import { useStateStore } from 'stores/useStateStore';
-defineProps({
-    to: {
-        type: String,
-        required: true,
-    },
-});
-const stateStore = useStateStore();
-</script>
-<template>
-    <template v-if="stateStore.$state.isMounted">
-        <Teleport :to="to">
-            <slot name="body"></slot>
-        </Teleport>
-    </template>
-</template>
diff --git a/src/layouts/ViewLayout.vue b/src/layouts/ViewLayout.vue
deleted file mode 100644
index 4812e7a83..000000000
--- a/src/layouts/ViewLayout.vue
+++ /dev/null
@@ -1,16 +0,0 @@
-<script setup>
-import { useStateStore } from 'stores/useStateStore';
-import LeftMenu from 'components/LeftMenu.vue';
-
-const stateStore = useStateStore();
-</script>
-<template>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit text-grey-8">
-            <LeftMenu />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <RouterView></RouterView>
-    </QPageContainer>
-</template>
diff --git a/src/pages/Claim/Card/ClaimAction.vue b/src/pages/Claim/Card/ClaimAction.vue
index 56f746f97..fa16e6af4 100644
--- a/src/pages/Claim/Card/ClaimAction.vue
+++ b/src/pages/Claim/Card/ClaimAction.vue
@@ -2,7 +2,7 @@
 import { ref, computed, onMounted } from 'vue';
 import { useQuasar } from 'quasar';
 import { useI18n } from 'vue-i18n';
-import { useRoute } from 'vue-router';
+import { useRoute, useRouter } from 'vue-router';
 import axios from 'axios';
 import { useStateStore } from 'src/stores/useStateStore';
 import { toDate, toPercentage, toCurrency } from 'filters/index';
@@ -10,12 +10,14 @@ import { tMobile } from 'src/composables/tMobile';
 import CrudModel from 'src/components/CrudModel.vue';
 import FetchData from 'src/components/FetchData.vue';
 import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
-import VnRightMenu from 'src/components/common/VnRightMenu.vue';
+import VnConfirm from 'src/components/ui/VnConfirm.vue';
 import TicketDescriptorProxy from 'src/pages/Ticket/Card/TicketDescriptorProxy.vue';
 import { useArrayData } from 'composables/useArrayData';
+
 const { t } = useI18n();
 const quasar = useQuasar();
 const route = useRoute();
+const router = useRouter();
 const stateStore = computed(() => useStateStore());
 const claim = ref(null);
 const claimRef = ref();
@@ -191,7 +193,23 @@ async function importToNewRefundTicket() {
         auto-load
         @on-fetch="(data) => (destinationTypes = data)"
     />
-    <VnRightMenu />
+    <template v-if="stateStore.isHeaderMounted()">
+        <Teleport to="#actions-append">
+            <div class="row q-gutter-x-sm">
+                <QBtn
+                    flat
+                    @click="stateStore.toggleRightDrawer()"
+                    round
+                    dense
+                    icon="menu"
+                >
+                    <QTooltip bottom anchor="bottom right">
+                        {{ t('globals.collapseMenu') }}
+                    </QTooltip>
+                </QBtn>
+            </div>
+        </Teleport>
+    </template>
     <QDrawer
         v-model="stateStore.rightDrawer"
         side="right"
@@ -249,7 +267,7 @@ async function importToNewRefundTicket() {
             />
         </QCard>
     </QDrawer>
-    <!-- <Teleport to="#st-data" v-if="stateStore.isSubToolbarShown()"> </Teleport> -->
+    <Teleport to="#st-data" v-if="stateStore.isSubToolbarShown()"> </Teleport>
     <CrudModel
         v-if="claim"
         data-key="ClaimEnds"
diff --git a/src/pages/Claim/Card/ClaimCard.vue b/src/pages/Claim/Card/ClaimCard.vue
index a007609ba..78eec9e8d 100644
--- a/src/pages/Claim/Card/ClaimCard.vue
+++ b/src/pages/Claim/Card/ClaimCard.vue
@@ -4,7 +4,8 @@ import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
 import { useStateStore } from 'stores/useStateStore';
 import { useI18n } from 'vue-i18n';
 import ClaimDescriptor from './ClaimDescriptor.vue';
-import VnCardContainer from 'src/components/common/VnCardContainer.vue';
+import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
+import useCardSize from 'src/composables/useCardSize';
 
 const stateStore = useStateStore();
 const { t } = useI18n();
@@ -25,7 +26,14 @@ const { t } = useI18n();
             <LeftMenu source="card" />
         </QScrollArea>
     </QDrawer>
-    <VnCardContainer />
+    <QPageContainer>
+        <QPage>
+            <VnSubToolbar />
+            <div :class="useCardSize()">
+                <RouterView></RouterView>
+            </div>
+        </QPage>
+    </QPageContainer>
 </template>
 
 <i18n>
diff --git a/src/pages/Claim/Card/ClaimLines.vue b/src/pages/Claim/Card/ClaimLines.vue
index 06918f6ca..89703c64b 100644
--- a/src/pages/Claim/Card/ClaimLines.vue
+++ b/src/pages/Claim/Card/ClaimLines.vue
@@ -4,12 +4,12 @@ import { ref, computed } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useQuasar } from 'quasar';
 import { useRoute } from 'vue-router';
+import { useStateStore } from 'stores/useStateStore';
 import { useArrayData } from 'composables/useArrayData';
 import { toDate, toCurrency, toPercentage } from 'filters/index';
 import CrudModel from 'components/CrudModel.vue';
 import FetchData from 'components/FetchData.vue';
 import VnDiscount from 'components/common/vnDiscount.vue';
-import VnTeleport from 'components/common/VnTeleport.vue';
 import ClaimLinesImport from './ClaimLinesImport.vue';
 import ItemDescriptorProxy from 'src/pages/Item/Card/ItemDescriptorProxy.vue';
 
@@ -17,6 +17,7 @@ const quasar = useQuasar();
 const route = useRoute();
 const { t } = useI18n();
 
+const stateStore = useStateStore();
 const arrayData = useArrayData('ClaimLines');
 const store = arrayData.store;
 
@@ -156,25 +157,24 @@ function showImportDialog() {
 }
 </script>
 <template>
-    <VnTeleport to="#st-data">
-        <template #body>
-            <div class="row q-gutter-md">
-                <div>
-                    {{ t('Amount') }}
-                    <QChip :dense="$q.screen.lt.sm" text-color="white">
-                        {{ toCurrency(amount) }}
-                    </QChip>
-                </div>
-                <QSeparator dark vertical />
-                <div>
-                    {{ t('Amount Claimed') }}
-                    <QChip color="positive" :dense="$q.screen.lt.sm">
-                        {{ toCurrency(amountClaimed) }}
-                    </QChip>
-                </div>
+    <Teleport to="#st-data" v-if="stateStore.isSubToolbarShown()">
+        <div class="row q-gutter-md">
+            <div>
+                {{ t('Amount') }}
+                <QChip :dense="$q.screen.lt.sm" text-color="white">
+                    {{ toCurrency(amount) }}
+                </QChip>
             </div>
-        </template>
-    </VnTeleport>
+            <QSeparator dark vertical />
+            <div>
+                {{ t('Amount Claimed') }}
+                <QChip color="positive" :dense="$q.screen.lt.sm">
+                    {{ toCurrency(amountClaimed) }}
+                </QChip>
+            </div>
+        </div>
+    </Teleport>
+
     <FetchData
         :url="`Claims/${route.params.id}`"
         :filter="claimFilter"
diff --git a/src/pages/Claim/ClaimMain.vue b/src/pages/Claim/ClaimMain.vue
index 6a294fe88..f0dc2e500 100644
--- a/src/pages/Claim/ClaimMain.vue
+++ b/src/pages/Claim/ClaimMain.vue
@@ -1,7 +1,17 @@
 <script setup>
-import ViewLayout from 'src/layouts/ViewLayout.vue';
+import { useStateStore } from 'stores/useStateStore';
+import LeftMenu from 'components/LeftMenu.vue';
+
+const stateStore = useStateStore();
 </script>
 
 <template>
-    <ViewLayout></ViewLayout>
+    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
+        <QScrollArea class="fit text-grey-8">
+            <LeftMenu />
+        </QScrollArea>
+    </QDrawer>
+    <QPageContainer>
+        <RouterView></RouterView>
+    </QPageContainer>
 </template>
diff --git a/src/stores/useStateStore.js b/src/stores/useStateStore.js
index 0367c125a..328df9978 100644
--- a/src/stores/useStateStore.js
+++ b/src/stores/useStateStore.js
@@ -40,7 +40,6 @@ export const useStateStore = defineStore('stateStore', () => {
     }
 
     return {
-        isMounted,
         leftDrawer,
         rightDrawer,
         setMounted,

From edf75c8cdde2b61f18d70c5384ee204eedc9d5be Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Thu, 11 Apr 2024 09:22:15 +0200
Subject: [PATCH 011/305] feat: refs #6480 check if hasContent or slots

---
 src/components/CrudModel.vue            | 75 ++++++++++++------------
 src/components/common/VnCard.vue        |  2 +-
 src/components/ui/VnSubToolbar.vue      | 23 +++++++-
 src/pages/InvoiceIn/InvoiceInFilter.vue | 77 ++++++++++++-------------
 4 files changed, 93 insertions(+), 84 deletions(-)

diff --git a/src/components/CrudModel.vue b/src/components/CrudModel.vue
index cb4011c4f..c8fa5809c 100644
--- a/src/components/CrudModel.vue
+++ b/src/components/CrudModel.vue
@@ -9,7 +9,6 @@ import VnPaginate from 'components/ui/VnPaginate.vue';
 import VnConfirm from 'components/ui/VnConfirm.vue';
 import SkeletonTable from 'components/ui/SkeletonTable.vue';
 import { tMobile } from 'src/composables/tMobile';
-import VnSubToolbar from './ui/VnSubToolbar.vue';
 
 const quasar = useQuasar();
 const stateStore = useStateStore();
@@ -259,44 +258,6 @@ watch(formUrl, async () => {
 });
 </script>
 <template>
-    <VnSubToolbar class="q-mb-md">
-        <template #st-actions>
-            <QBtnGroup push style="column-gap: 10px">
-                <slot name="moreBeforeActions" />
-                <QBtn
-                    :label="tMobile('globals.remove')"
-                    color="primary"
-                    icon="delete"
-                    flat
-                    @click="remove(selected)"
-                    :disable="!selected?.length"
-                    :title="t('globals.remove')"
-                    v-if="$props.defaultRemove"
-                />
-                <QBtn
-                    :label="tMobile('globals.reset')"
-                    color="primary"
-                    icon="restart_alt"
-                    flat
-                    @click="reset"
-                    :disable="!hasChanges"
-                    :title="t('globals.reset')"
-                    v-if="$props.defaultReset"
-                />
-                <QBtn
-                    :label="tMobile('globals.save')"
-                    ref="saveButtonRef"
-                    color="primary"
-                    icon="save"
-                    @click="onSubmit"
-                    :disable="!hasChanges"
-                    :title="t('globals.save')"
-                    v-if="$props.defaultSave"
-                />
-                <slot name="moreAfterActions" />
-            </QBtnGroup>
-        </template>
-    </VnSubToolbar>
     <VnPaginate
         :url="url"
         v-bind="$attrs"
@@ -314,6 +275,42 @@ watch(formUrl, async () => {
         </template>
     </VnPaginate>
     <SkeletonTable v-if="!formData" />
+    <Teleport to="#st-actions" v-if="stateStore?.isSubToolbarShown()">
+        <QBtnGroup push style="column-gap: 10px">
+            <slot name="moreBeforeActions" />
+            <QBtn
+                :label="tMobile('globals.remove')"
+                color="primary"
+                icon="delete"
+                flat
+                @click="remove(selected)"
+                :disable="!selected?.length"
+                :title="t('globals.remove')"
+                v-if="$props.defaultRemove"
+            />
+            <QBtn
+                :label="tMobile('globals.reset')"
+                color="primary"
+                icon="restart_alt"
+                flat
+                @click="reset"
+                :disable="!hasChanges"
+                :title="t('globals.reset')"
+                v-if="$props.defaultReset"
+            />
+            <QBtn
+                :label="tMobile('globals.save')"
+                ref="saveButtonRef"
+                color="primary"
+                icon="save"
+                @click="onSubmit"
+                :disable="!hasChanges"
+                :title="t('globals.save')"
+                v-if="$props.defaultSave"
+            />
+            <slot name="moreAfterActions" />
+        </QBtnGroup>
+    </Teleport>
     <QInnerLoading
         :showing="isLoading"
         :label="t && t('globals.pleaseWait')"
diff --git a/src/components/common/VnCard.vue b/src/components/common/VnCard.vue
index e583bec20..05757322d 100644
--- a/src/components/common/VnCard.vue
+++ b/src/components/common/VnCard.vue
@@ -3,9 +3,9 @@ import useCardSize from 'src/composables/useCardSize';
 import VnSubToolbar from '../ui/VnSubToolbar.vue';
 </script>
 <template>
+    <VnSubToolbar />
     <QPageContainer>
         <QPage>
-            <VnSubToolbar />
             <div :class="useCardSize()">
                 <RouterView />
             </div>
diff --git a/src/components/ui/VnSubToolbar.vue b/src/components/ui/VnSubToolbar.vue
index 617c3a9d6..f980bbd65 100644
--- a/src/components/ui/VnSubToolbar.vue
+++ b/src/components/ui/VnSubToolbar.vue
@@ -1,11 +1,25 @@
 <script setup>
-import { onMounted, onUnmounted } from 'vue';
+import { onMounted, onUnmounted, ref } from 'vue';
 import { useStateStore } from 'stores/useStateStore';
-// Falta si los divs tienen contenido o remplazar los teleport y usar siempre slots
 const stateStore = useStateStore();
+const actions = ref(null);
+const data = ref(null);
+const opts = { subtree: true, childList: true, attributes: true };
+const hasContent = ref(false);
 
 onMounted(() => {
     stateStore.toggleSubToolbar();
+    actions.value = document.querySelector('#st-actions');
+    data.value = document.querySelector('#st-data');
+
+    // Check if there's content to display
+    const observer = new MutationObserver(
+        () =>
+            (hasContent.value =
+                actions.value.childNodes.length + data.value.childNodes.length)
+    );
+    observer.observe(actions.value, opts);
+    observer.observe(data.value, opts);
 });
 
 onUnmounted(() => {
@@ -14,7 +28,10 @@ onUnmounted(() => {
 </script>
 
 <template>
-    <QToolbar class="justify-end sticky" v-if="$slots['st-data'] || $slots['st-actions']">
+    <QToolbar
+        class="justify-end sticky"
+        v-show="hasContent || $slots['st-actions'] || $slots['st-data']"
+    >
         <slot name="st-data">
             <div id="st-data"></div>
         </slot>
diff --git a/src/pages/InvoiceIn/InvoiceInFilter.vue b/src/pages/InvoiceIn/InvoiceInFilter.vue
index 0e53fbed7..9b7c77f9d 100644
--- a/src/pages/InvoiceIn/InvoiceInFilter.vue
+++ b/src/pages/InvoiceIn/InvoiceInFilter.vue
@@ -7,7 +7,6 @@ import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
 import FetchData from 'components/FetchData.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import VnInputDate from 'components/common/VnInputDate.vue';
-import { useCapitalize } from 'src/composables/useCapitalize';
 import VnCurrency from 'src/components/common/VnCurrency.vue';
 
 const { t } = useI18n();
@@ -70,19 +69,15 @@ const suppliersRef = ref();
                 </QItemSection>
             </QItem>
             <QItem>
-                    <QItemSection>
-                        <VnInputDate
-                            :label="t('From')"
-                            v-model="params.from"
-                            is-outlined
-                        />
-                    </QItemSection>
-                </QItem>
-                <QItem>
-                    <QItemSection>
-                        <VnInputDate :label="t('To')" v-model="params.to" is-outlined />
-                    </QItemSection>
-                </QItem>
+                <QItemSection>
+                    <VnInputDate :label="t('From')" v-model="params.from" is-outlined />
+                </QItemSection>
+            </QItem>
+            <QItem>
+                <QItemSection>
+                    <VnInputDate :label="t('To')" v-model="params.to" is-outlined />
+                </QItemSection>
+            </QItem>
             <QItem>
                 <QItemSection>
                     <VnInput
@@ -114,33 +109,33 @@ const suppliersRef = ref();
             </QItem>
             <QExpansionItem :label="t('More options')" expand-separator>
                 <QItem>
-                <QItemSection>
-                    <VnInput
-                        :label="t('params.fi')"
-                        v-model="params.fi"
-                        is-outlined
-                        lazy-rules
-                    >
-                        <template #prepend>
-                            <QIcon name="badge" size="sm"></QIcon>
-                        </template>
-                    </VnInput>
-                </QItemSection>
-            </QItem>
-            <QItem>
-                <QItemSection>
-                    <VnInput
-                        :label="t('params.serialNumber')"
-                        v-model="params.serialNumber"
-                        is-outlined
-                        lazy-rules
-                    >
-                        <template #prepend>
-                            <QIcon name="badge" size="sm"></QIcon>
-                        </template>
-                    </VnInput>
-                </QItemSection>
-            </QItem>
+                    <QItemSection>
+                        <VnInput
+                            :label="t('params.fi')"
+                            v-model="params.fi"
+                            is-outlined
+                            lazy-rules
+                        >
+                            <template #prepend>
+                                <QIcon name="badge" size="sm"></QIcon>
+                            </template>
+                        </VnInput>
+                    </QItemSection>
+                </QItem>
+                <QItem>
+                    <QItemSection>
+                        <VnInput
+                            :label="t('params.serialNumber')"
+                            v-model="params.serialNumber"
+                            is-outlined
+                            lazy-rules
+                        >
+                            <template #prepend>
+                                <QIcon name="badge" size="sm"></QIcon>
+                            </template>
+                        </VnInput>
+                    </QItemSection>
+                </QItem>
                 <QItem>
                     <QItemSection>
                         <VnInput

From bfa9dc9634b49a3daeb189b2fc90c903da75dd71 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Thu, 11 Apr 2024 12:23:00 +0200
Subject: [PATCH 012/305] feat: refs #6480 include drawer

---
 src/components/common/VnCard.vue           | 17 ++++++++++++++++-
 src/components/ui/VnSubToolbar.vue         |  6 ++++--
 src/pages/InvoiceIn/Card/InvoiceInCard.vue | 12 ++----------
 3 files changed, 22 insertions(+), 13 deletions(-)

diff --git a/src/components/common/VnCard.vue b/src/components/common/VnCard.vue
index 05757322d..38daadede 100644
--- a/src/components/common/VnCard.vue
+++ b/src/components/common/VnCard.vue
@@ -1,11 +1,26 @@
 <script setup>
 import useCardSize from 'src/composables/useCardSize';
 import VnSubToolbar from '../ui/VnSubToolbar.vue';
+import LeftMenu from 'components/LeftMenu.vue';
+import { useStateStore } from 'stores/useStateStore';
+
+defineProps({
+    descriptor: { type: Object, required: true },
+});
+
+const stateStore = useStateStore();
 </script>
 <template>
-    <VnSubToolbar />
+    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
+        <QScrollArea class="fit">
+            <component :is="descriptor" />
+            <QSeparator />
+            <LeftMenu source="card" />
+        </QScrollArea>
+    </QDrawer>
     <QPageContainer>
         <QPage>
+            <VnSubToolbar />
             <div :class="useCardSize()">
                 <RouterView />
             </div>
diff --git a/src/components/ui/VnSubToolbar.vue b/src/components/ui/VnSubToolbar.vue
index f980bbd65..52fe8834a 100644
--- a/src/components/ui/VnSubToolbar.vue
+++ b/src/components/ui/VnSubToolbar.vue
@@ -12,14 +12,16 @@ onMounted(() => {
     actions.value = document.querySelector('#st-actions');
     data.value = document.querySelector('#st-data');
 
+    if (!actions.value && !data.value) return;
+
     // Check if there's content to display
     const observer = new MutationObserver(
         () =>
             (hasContent.value =
                 actions.value.childNodes.length + data.value.childNodes.length)
     );
-    observer.observe(actions.value, opts);
-    observer.observe(data.value, opts);
+    if (actions.value) observer.observe(actions.value, opts);
+    if (data.value) observer.observe(data.value, opts);
 });
 
 onUnmounted(() => {
diff --git a/src/pages/InvoiceIn/Card/InvoiceInCard.vue b/src/pages/InvoiceIn/Card/InvoiceInCard.vue
index 0f7815c0f..062e7a81a 100644
--- a/src/pages/InvoiceIn/Card/InvoiceInCard.vue
+++ b/src/pages/InvoiceIn/Card/InvoiceInCard.vue
@@ -2,7 +2,6 @@
 import { useI18n } from 'vue-i18n';
 import { useStateStore } from 'stores/useStateStore';
 import InvoiceInDescriptor from './InvoiceInDescriptor.vue';
-import LeftMenu from 'components/LeftMenu.vue';
 import VnSearchbar from 'components/ui/VnSearchbar.vue';
 import { useArrayData } from 'src/composables/useArrayData';
 import { onMounted, watch } from 'vue';
@@ -47,7 +46,7 @@ const arrayData = useArrayData('InvoiceIn', {
 onMounted(async () => await arrayData.fetch({ append: false }));
 watch(
     () => route.params.id,
-    async (newId, oldId) => {
+    async (newId) => {
         if (newId) {
             arrayData.store.url = `InvoiceIns/${newId}`;
             await arrayData.fetch({ append: false });
@@ -64,14 +63,7 @@ watch(
             :info="t('You can search by invoice reference')"
         />
     </Teleport>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit">
-            <InvoiceInDescriptor />
-            <QSeparator />
-            <LeftMenu source="card" />
-        </QScrollArea>
-    </QDrawer>
-    <VnCard />
+    <VnCard :descriptor="InvoiceInDescriptor" />
 </template>
 <i18n>
     es:

From 170747371ae3571a51f574d8454180f91cbb8bcf Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Thu, 11 Apr 2024 12:27:58 +0200
Subject: [PATCH 013/305] fix: refs #6480 css

---
 src/components/ui/VnSubToolbar.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/ui/VnSubToolbar.vue b/src/components/ui/VnSubToolbar.vue
index 52fe8834a..c0d129613 100644
--- a/src/components/ui/VnSubToolbar.vue
+++ b/src/components/ui/VnSubToolbar.vue
@@ -46,7 +46,6 @@ onUnmounted(() => {
 <style lang="scss">
 .q-toolbar {
     background: var(--vn-section-color);
-    border-radius: 2px;
 }
 </style>
 <style lang="scss" scoped>

From ad8007fe6b00c473b7f21fc4f18af3062397a19b Mon Sep 17 00:00:00 2001
From: jcasado <jcasado.verdnatura@gmail.com>
Date: Thu, 11 Apr 2024 13:42:37 +0200
Subject: [PATCH 014/305] refs #6641 add checkbox

---
 src/pages/Claim/ClaimFilter.vue | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/pages/Claim/ClaimFilter.vue b/src/pages/Claim/ClaimFilter.vue
index ee702ffdd..ef14811d1 100644
--- a/src/pages/Claim/ClaimFilter.vue
+++ b/src/pages/Claim/ClaimFilter.vue
@@ -149,6 +149,15 @@ const states = ref();
                     />
                 </QItemSection>
             </QItem>
+            <QItem>
+                <QItemSection>
+                    <QCheckbox
+                        v-model="params.myTeam"
+                        :label="t('myTeam')"
+                        toggle-indeterminate
+                    />
+                </QItemSection>
+            </QItem>
             <QSeparator />
             <QExpansionItem :label="t('More options')" expand-separator>
                 <!-- <QItem>
@@ -192,6 +201,7 @@ en:
         claimResponsibleFk: Responsible
         claimStateFk: State
         created: Created
+    myTeam: My team
 es:
     params:
         search: Contiene
@@ -211,4 +221,5 @@ es:
     Item: Artículo
     Created: Creada
     More options: Más opciones
+    myTeam: Mi equipo
 </i18n>

From 98f273cb938e32911370bf83f11c813409495a76 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Thu, 11 Apr 2024 18:04:11 -0300
Subject: [PATCH 015/305] WIP

---
 src/i18n/en/index.js           |  13 ++
 src/i18n/es/index.js           |  13 ++
 src/pages/Item/ItemRequest.vue | 244 +++++++++++++++++++++++++++++++++
 src/router/modules/item.js     |  11 +-
 4 files changed, 280 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/Item/ItemRequest.vue

diff --git a/src/i18n/en/index.js b/src/i18n/en/index.js
index c9e141574..4c7734029 100644
--- a/src/i18n/en/index.js
+++ b/src/i18n/en/index.js
@@ -1220,6 +1220,7 @@ export default {
             diary: 'Diary',
             tags: 'Tags',
             create: 'Create',
+            buyRequest: 'Buy requests',
         },
         descriptor: {
             item: 'Item',
@@ -1250,6 +1251,18 @@ export default {
             producer: 'Producer',
             landed: 'Landed',
         },
+        buyRequest: {
+            ticketId: 'Ticket ID',
+            shipped: 'Shipped',
+            requester: 'Requester',
+            requested: 'Requested',
+            price: 'Price',
+            attender: 'Atender',
+            item: 'Item',
+            achieved: 'Achieved',
+            concept: 'Concept',
+            state: 'State',
+        },
     },
     components: {
         topbar: {},
diff --git a/src/i18n/es/index.js b/src/i18n/es/index.js
index d10f4c023..c9a8f875e 100644
--- a/src/i18n/es/index.js
+++ b/src/i18n/es/index.js
@@ -1219,6 +1219,7 @@ export default {
             diary: 'Histórico',
             tags: 'Etiquetas',
             create: 'Crear',
+            buyRequest: 'Peticiones de compra',
         },
         descriptor: {
             item: 'Artículo',
@@ -1249,6 +1250,18 @@ export default {
             producer: 'Productor',
             landed: 'F. entrega',
         },
+        buyRequest: {
+            ticketId: 'ID Ticket',
+            shipped: 'F. envío',
+            requester: 'Solicitante',
+            requested: 'Solicitado',
+            price: 'Precio',
+            attender: 'Comprador',
+            item: 'Artículo',
+            achieved: 'Conseguido',
+            concept: 'Concepto',
+            state: 'Estado',
+        },
     },
     components: {
         topbar: {},
diff --git a/src/pages/Item/ItemRequest.vue b/src/pages/Item/ItemRequest.vue
new file mode 100644
index 000000000..79a93c7bf
--- /dev/null
+++ b/src/pages/Item/ItemRequest.vue
@@ -0,0 +1,244 @@
+<script setup>
+import { onMounted, ref, computed } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { useRouter } from 'vue-router';
+
+import FetchData from 'components/FetchData.vue';
+import TicketDescriptorProxy from 'src/pages/Ticket/Card/TicketDescriptorProxy.vue';
+import WorkerDescriptorProxy from 'src/pages/Worker/Card/WorkerDescriptorProxy.vue';
+import VnInput from 'src/components/common/VnInput.vue';
+
+import { toDateFormat } from 'src/filters/date';
+import { toCurrency } from 'filters/index';
+import useNotify from 'src/composables/useNotify.js';
+
+import axios from 'axios';
+
+const { t } = useI18n();
+const { notify } = useNotify();
+
+const itemRequestsOptions = ref([]);
+
+const columns = computed(() => [
+    {
+        label: t('item.buyRequest.ticketId'),
+        name: 'id',
+        field: 'id',
+        align: 'left',
+        sortable: true,
+    },
+    {
+        label: t('item.buyRequest.shipped'),
+        field: 'shipped',
+        name: 'shipped',
+        align: 'left',
+        sortable: true,
+    },
+    {
+        label: t('globals.description'),
+        field: 'description',
+        name: 'description',
+        align: 'left',
+        sortable: true,
+    },
+    {
+        label: t('item.buyRequest.requester'),
+        name: 'requester',
+        align: 'left',
+        sortable: true,
+    },
+    {
+        label: t('item.buyRequest.requested'),
+        field: 'quantity',
+        name: 'requested',
+        align: 'left',
+        sortable: true,
+    },
+    {
+        label: t('item.buyRequest.price'),
+        field: 'price',
+        name: 'price',
+        align: 'left',
+        sortable: true,
+        format: (val) => toCurrency(val),
+    },
+    {
+        label: t('item.buyRequest.attender'),
+        field: 'attender',
+        name: 'attender',
+        align: 'left',
+        sortable: true,
+    },
+    {
+        label: t('item.buyRequest.item'),
+        field: 'item',
+        name: 'item',
+        align: 'left',
+        sortable: true,
+    },
+    {
+        label: t('item.buyRequest.achieved'),
+        field: 'achieved',
+        name: 'achieved',
+        align: 'left',
+        sortable: true,
+    },
+    {
+        label: t('item.buyRequest.concept'),
+        field: 'concept',
+        name: 'concept',
+        align: 'left',
+        sortable: true,
+    },
+    {
+        label: t('item.buyRequest.state'),
+        field: 'state',
+        name: 'state',
+        align: 'left',
+        sortable: true,
+    },
+    {
+        label: '',
+        name: 'action',
+        align: 'left',
+        columnFilter: null,
+    },
+]);
+
+const getDateQBadgeColor = (date) => {
+    let today = Date.vnNew();
+    today.setHours(0, 0, 0, 0);
+    let timeTicket = new Date(date);
+    timeTicket.setHours(0, 0, 0, 0);
+
+    let comparation = today - timeTicket;
+
+    if (comparation == 0) return 'warning';
+    if (comparation < 0) return 'negative';
+};
+
+const changeQuantity = async (request) => {
+    console.log('change quantity request:: ', request);
+
+    try {
+        if (request.saleFk) {
+            const params = {
+                quantity: request.saleQuantity,
+            };
+
+            await axios.patch(`Sales/${request.saleFk}`, params);
+            notify(t('globals.dataSaved', 'positive'));
+            confirmRequest(request);
+        } else confirmRequest(request);
+    } catch (error) {
+        console.log('Error changing quantity:: ', error);
+    }
+};
+
+const confirmRequest = async (request) => {
+    console.log('confirm request:: ', request);
+    try {
+        if (request.itemFk && request.saleQuantity) {
+            const params = {
+                itemFk: request.itemFk,
+                quantity: request.saleQuantity,
+            };
+
+            const { data } = await axios.post(
+                `TicketRequests/${request.id}/confirm`,
+                params
+            );
+
+            request.itemDescription = data.concept;
+            request.isOk = true;
+            notify(t('globals.dataSaved', 'positive'));
+        }
+    } catch (error) {
+        console.log('Error confirming request:: ', error);
+    }
+};
+
+onMounted(async () => {});
+</script>
+
+<template>
+    <FetchData
+        url="TicketRequests/filter"
+        :filter="{ order: ['shippedDate ASC', 'isOk ASC'] }"
+        auto-load
+        @on-fetch="(data) => (itemRequestsOptions = data)"
+    />
+    <!-- TODO:: ADD SEARCHBAR -->
+    <QPage class="column items-center q-pa-md">
+        <QTable
+            :rows="itemRequestsOptions"
+            :columns="columns"
+            row-key="id"
+            :pagination="{ rowsPerPage: 0 }"
+            class="full-width q-mt-md"
+            :no-data-label="t('globals.noResults')"
+        >
+            <template #body-cell-id="{ row }">
+                <QTd>
+                    <QBtn flat color="primary"> {{ row.id }}</QBtn>
+                    <TicketDescriptorProxy :id="row.id" />
+                </QTd>
+            </template>
+
+            <template #body-cell-shipped="{ row }">
+                <QTd>
+                    <QBadge
+                        v-if="getDateQBadgeColor(row.shipped)"
+                        :color="getDateQBadgeColor(row.shipped)"
+                        text-color="black"
+                        class="q-ma-none"
+                        dense
+                        style="font-size: 14px"
+                    >
+                        {{ toDateFormat(row.shipped) }}
+                    </QBadge>
+                    <span v-else>{{ toDateFormat(row.shipped) }}</span>
+                </QTd>
+            </template>
+            <template #body-cell-requester="{ row }">
+                <QTd>
+                    <QBtn flat dense color="primary"> {{ row.requesterName }}</QBtn>
+                    <WorkerDescriptorProxy :id="row.requesterFk" />
+                </QTd>
+            </template>
+            <template #body-cell-attender="{ row }">
+                <QTd>
+                    <QBtn flat dense color="primary"> {{ row.attenderName }}</QBtn>
+                    <WorkerDescriptorProxy :id="row.attenderFk" />
+                </QTd>
+            </template>
+            <template #body-cell-item="{ row }">
+                <QTd>
+                    <VnInput
+                        class="dense"
+                        v-focus
+                        v-model.number="row.itemFk"
+                        type="number"
+                        :disable="row.isOk != null"
+                    />
+                </QTd>
+            </template>
+            <template #body-cell-achieved="{ row }">
+                <QTd>
+                    <VnInput
+                        class="dense"
+                        v-focus
+                        v-model.number="row.saleQuantity"
+                        @change="changeQuantity(row)"
+                        type="number"
+                        :disable="!row.itemFk || row.isOk != null"
+                    />
+                </QTd>
+            </template>
+        </QTable>
+    </QPage>
+</template>
+
+<i18n>
+
+</i18n>
diff --git a/src/router/modules/item.js b/src/router/modules/item.js
index d16022f79..daade4508 100644
--- a/src/router/modules/item.js
+++ b/src/router/modules/item.js
@@ -10,7 +10,7 @@ export default {
     component: RouterView,
     redirect: { name: 'ItemMain' },
     menus: {
-        main: ['ItemList'],
+        main: ['ItemList', 'ItemRequest'],
         card: [],
     },
     children: [
@@ -37,6 +37,15 @@ export default {
                     },
                     component: () => import('src/pages/Item/ItemCreate.vue'),
                 },
+                {
+                    path: 'request',
+                    name: 'ItemRequest',
+                    meta: {
+                        title: 'buyRequest',
+                        icon: 'vn:buyrequest',
+                    },
+                    component: () => import('src/pages/Item/ItemRequest.vue'),
+                },
             ],
         },
         {

From b5aae63e15ac0b59b4e333e86ac30095b2de227f Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Fri, 12 Apr 2024 08:47:25 +0200
Subject: [PATCH 016/305] refs #6976 supplier onUnmounted

---
 src/pages/Supplier/Card/SupplierConsumption.vue | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/pages/Supplier/Card/SupplierConsumption.vue b/src/pages/Supplier/Card/SupplierConsumption.vue
index 33d235a5f..18d163d52 100644
--- a/src/pages/Supplier/Card/SupplierConsumption.vue
+++ b/src/pages/Supplier/Card/SupplierConsumption.vue
@@ -15,8 +15,11 @@ import { usePrintService } from 'composables/usePrintService';
 import useNotify from 'src/composables/useNotify.js';
 import axios from 'axios';
 import { useStateStore } from 'stores/useStateStore';
+import { useState } from 'src/composables/useState';
 import { useArrayData } from 'composables/useArrayData';
+import { onUnmounted } from 'vue';
 
+const state = useState();
 const stateStore = useStateStore();
 const { t } = useI18n();
 const route = useRoute();
@@ -32,6 +35,7 @@ const arrayData = useArrayData('SupplierConsumption', {
 
 const store = arrayData.store;
 
+onUnmounted(() => state.unset('SupplierConsumption'));
 const dateRanges = computed(() => {
     const ranges = {
         from: null,
@@ -112,6 +116,8 @@ onMounted(async () => {
     stateStore.rightDrawer = true;
     await getSupplierConsumptionData();
 });
+
+console.log('dateRange From', dateRanges.value.from);
 </script>
 
 <template>

From f72ea07b09045b2bc551d0ed5468cd04210e7581 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Fri, 12 Apr 2024 08:07:33 -0300
Subject: [PATCH 017/305] WIP

---
 src/pages/Item/ItemRequest.vue         | 68 ++++++++++++++++++++++++--
 src/pages/Item/ItemRequestDenyForm.vue | 57 +++++++++++++++++++++
 2 files changed, 121 insertions(+), 4 deletions(-)
 create mode 100644 src/pages/Item/ItemRequestDenyForm.vue

diff --git a/src/pages/Item/ItemRequest.vue b/src/pages/Item/ItemRequest.vue
index 79a93c7bf..8778d8f6a 100644
--- a/src/pages/Item/ItemRequest.vue
+++ b/src/pages/Item/ItemRequest.vue
@@ -1,12 +1,13 @@
 <script setup>
 import { onMounted, ref, computed } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { useRouter } from 'vue-router';
 
 import FetchData from 'components/FetchData.vue';
 import TicketDescriptorProxy from 'src/pages/Ticket/Card/TicketDescriptorProxy.vue';
 import WorkerDescriptorProxy from 'src/pages/Worker/Card/WorkerDescriptorProxy.vue';
+import ItemDescriptorProxy from 'src/pages/Item/Card/ItemDescriptorProxy.vue';
 import VnInput from 'src/components/common/VnInput.vue';
+import ItemRequestDenyForm from './ItemRequestDenyForm.vue';
 
 import { toDateFormat } from 'src/filters/date';
 import { toCurrency } from 'filters/index';
@@ -17,6 +18,8 @@ import axios from 'axios';
 const { t } = useI18n();
 const { notify } = useNotify();
 
+const denyFormRef = ref(null);
+const denyRequestId = ref(null);
 const itemRequestsOptions = ref([]);
 
 const columns = computed(() => [
@@ -158,6 +161,21 @@ const confirmRequest = async (request) => {
     }
 };
 
+const getState = (isOk) => {
+    if (isOk === null) return 'Pending';
+    else if (isOk) return 'Accepted';
+    else return 'Denied';
+};
+
+const showDenyRequestForm = (requestId) => {
+    denyRequestId.value = requestId;
+    denyFormRef.value.show();
+};
+
+const onDenyAccept = (_, responseData) => {
+    console.log('response data:: ', responseData);
+};
+
 onMounted(async () => {});
 </script>
 
@@ -216,7 +234,6 @@ onMounted(async () => {});
                 <QTd>
                     <VnInput
                         class="dense"
-                        v-focus
                         v-model.number="row.itemFk"
                         type="number"
                         :disable="row.isOk != null"
@@ -227,7 +244,6 @@ onMounted(async () => {});
                 <QTd>
                     <VnInput
                         class="dense"
-                        v-focus
                         v-model.number="row.saleQuantity"
                         @change="changeQuantity(row)"
                         type="number"
@@ -235,10 +251,54 @@ onMounted(async () => {});
                     />
                 </QTd>
             </template>
+            <template #body-cell-concept="{ row }">
+                <QTd>
+                    <QBtn flat dense color="primary"> {{ row.itemDescription }}</QBtn>
+                    <ItemDescriptorProxy :id="row.itemFk" />
+                </QTd>
+            </template>
+            <template #body-cell-state="{ row }">
+                <QTd>
+                    <span>{{ getState(row.isOk) }}</span>
+                </QTd>
+            </template>
+            <template #body-cell-action="{ row }">
+                <QTd>
+                    <QIcon
+                        v-if="row.response?.length"
+                        name="insert_drive_file"
+                        color="primary"
+                        size="sm"
+                    >
+                        <QTooltip>
+                            {{ row.response }}
+                        </QTooltip>
+                    </QIcon>
+                    <QIcon
+                        v-if="row.isOk == null"
+                        name="thumb_down"
+                        color="primary"
+                        size="sm"
+                        class="cursor-pointer"
+                        @click="showDenyRequestForm(row.id)"
+                    >
+                        <QTooltip>
+                            {{ t('Discard') }}
+                        </QTooltip>
+                    </QIcon>
+                </QTd>
+            </template>
         </QTable>
+        <QDialog ref="denyFormRef" transition-show="scale" transition-hide="scale">
+            <ItemRequestDenyForm
+                :request-id="denyRequestId"
+                @on-data-saved="onDenyAccept"
+            />
+        </QDialog>
     </QPage>
 </template>
 
 <i18n>
-
+es:
+    Discard: Descartar
 </i18n>
diff --git a/src/pages/Item/ItemRequestDenyForm.vue b/src/pages/Item/ItemRequestDenyForm.vue
new file mode 100644
index 000000000..f26edb845
--- /dev/null
+++ b/src/pages/Item/ItemRequestDenyForm.vue
@@ -0,0 +1,57 @@
+<script setup>
+import { reactive, ref, onMounted, nextTick } from 'vue';
+import { useI18n } from 'vue-i18n';
+import VnInput from 'src/components/common/VnInput.vue';
+
+import VnRow from 'components/ui/VnRow.vue';
+import FormModelPopup from 'src/components/FormModelPopup.vue';
+
+defineProps({
+    requestId: {
+        type: Number,
+        default: null,
+    },
+});
+
+const emit = defineEmits(['onDataSaved']);
+const { t } = useI18n();
+const textAreaRef = ref(null);
+const bankEntityFormData = reactive({});
+
+const onDataSaved = (formData, requestResponse) => {
+    emit('onDataSaved', formData, requestResponse);
+};
+
+onMounted(async () => {
+    await nextTick();
+    textAreaRef.value.focus();
+});
+</script>
+
+<template>
+    <FormModelPopup
+        :url-create="`TicketRequests/${$props.requestId}/deny`"
+        :title="t('Specify the reasons to deny this request')"
+        :form-initial-data="bankEntityFormData"
+        @on-data-saved="onDataSaved"
+    >
+        <template #form-inputs="{ data }">
+            <VnRow class="row q-gutter-md q-mb-md">
+                <div class="col">
+                    <VnInput
+                        ref="textAreaRef"
+                        type="textarea"
+                        v-model="data.observation"
+                        fill-input
+                        autogrow
+                    />
+                </div>
+            </VnRow>
+        </template>
+    </FormModelPopup>
+</template>
+
+<i18n>
+es:
+    Specify the reasons to deny this request: Especifica las razones para descartar la petición
+</i18n>

From ee80b1d617e1835a1a04760f0fd4fa9435a81457 Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Fri, 12 Apr 2024 14:34:11 +0200
Subject: [PATCH 018/305] refs #6976 changes table

---
 .../Supplier/Card/SupplierConsumption.vue     | 24 +++++++++++--------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/src/pages/Supplier/Card/SupplierConsumption.vue b/src/pages/Supplier/Card/SupplierConsumption.vue
index 18d163d52..e7cbca8b1 100644
--- a/src/pages/Supplier/Card/SupplierConsumption.vue
+++ b/src/pages/Supplier/Card/SupplierConsumption.vue
@@ -162,16 +162,20 @@ console.log('dateRange From', dateRanges.value.from);
         >
             <template #body="{ row }">
                 <QTr>
-                    <QTd no-hover class="label">{{
-                        t('supplier.consumption.entry')
-                    }}</QTd>
-                    <QTd no-hover>{{ row.id }}</QTd>
-                    <QTd no-hover class="label">{{ t('supplier.consumption.date') }}</QTd>
-                    <QTd no-hover>{{ toDate(row.shipped) }}</QTd>
-                    <QTd no-hover class="label">{{
-                        t('supplier.consumption.reference')
-                    }}</QTd>
-                    <QTd no-hover>{{ row.invoiceNumber }}</QTd>
+                    <QTd no-hover>
+                        <span class="label">{{ t('supplier.consumption.entry') }}: </span>
+                        <span>{{ row.id }}</span>
+                    </QTd>
+                    <QTd no-hover>
+                        <span class="label">{{ t('supplier.consumption.date') }}: </span>
+                        <span>{{ toDate(row.shipped) }}</span></QTd
+                    >
+                    <QTd colspan="6" no-hover>
+                        <span class="label"
+                            >{{ t('supplier.consumption.reference') }}:
+                        </span>
+                        <span>{{ row.invoiceNumber }}</span>
+                    </QTd>
                 </QTr>
                 <QTr v-for="(buy, index) in row.buys" :key="index">
                     <QTd no-hover>

From 92429295cdffe0b6842f6a47edc4b1d96c52fb84 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Fri, 12 Apr 2024 10:44:25 -0300
Subject: [PATCH 019/305] more translations

---
 src/i18n/locale/en.yml | 30 ++++++++++++++++++++++++++++++
 src/i18n/locale/es.yml | 30 ++++++++++++++++++++++++++++++
 2 files changed, 60 insertions(+)

diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index 593f0084c..ed71a8413 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -1128,6 +1128,36 @@ item:
         stemMultiplier: Multiplier
         producer: Producer
         landed: Landed
+    summary:
+        basicData: 'Basic data'
+        otherData: 'Other data'
+        description: 'Description'
+        tax: 'Tax'
+        tags: 'Tags'
+        botanical: 'Botanical'
+        barcode: 'Barcode'
+        name: 'Nombre'
+        completeName: 'Nombre completo'
+        family: 'Familia'
+        size: 'Medida'
+        origin: 'Origen'
+        stems: 'Tallos'
+        multiplier: 'Multiplicador'
+        buyer: 'Comprador'
+        doPhoto: 'Do photo'
+        intrastatCode: 'Código intrastat'
+        intrastat: 'Intrastat'
+        ref: 'Referencia'
+        relevance: 'Relevancia'
+        weight: 'Peso (gramos)/tallo'
+        units: 'Unidades/caja'
+        expense: 'Gasto'
+        generic: 'Genérico'
+        recycledPlastic: 'Plástico reciclado'
+        nonRecycledPlastic: 'Plástico no reciclado'
+        minSalesQuantity: 'Cantidad mínima de venta'
+        genus: 'Genus'
+        specie: 'Specie'
 components:
     topbar: {}
     userPanel:
diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index 70d7a1113..16ede8bef 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -1125,6 +1125,36 @@ item:
         stemMultiplier: Multiplicador
         producer: Productor
         landed: F. entrega
+    summary:
+        basicData: 'Datos básicos'
+        otherData: 'Otros datos'
+        description: 'Descripción'
+        tax: 'IVA'
+        tags: 'Etiquetas'
+        botanical: 'Botánico'
+        barcode: 'Código de barras'
+        name: 'Nombre'
+        completeName: 'Nombre completo'
+        family: 'Familia'
+        size: 'Medida'
+        origin: 'Origen'
+        stems: 'Tallos'
+        multiplier: 'Multiplicador'
+        buyer: 'Comprador'
+        doPhoto: 'Hacer foto'
+        intrastatCode: 'Código intrastat'
+        intrastat: 'Intrastat'
+        ref: 'Referencia'
+        relevance: 'Relevancia'
+        weight: 'Peso (gramos)/tallo'
+        units: 'Unidades/caja'
+        expense: 'Gasto'
+        generic: 'Genérico'
+        recycledPlastic: 'Plástico reciclado'
+        nonRecycledPlastic: 'Plástico no reciclado'
+        minSalesQuantity: 'Cantidad mínima de venta'
+        genus: 'Genus'
+        specie: 'Specie'
 components:
     topbar: {}
     userPanel:

From 5f46ad225e82b80a6cb3bb849f18f59dd8acdcad Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Fri, 12 Apr 2024 10:44:56 -0300
Subject: [PATCH 020/305] Fix genus and specie value

---
 src/pages/Item/Card/ItemSummary.vue | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/pages/Item/Card/ItemSummary.vue b/src/pages/Item/Card/ItemSummary.vue
index 69c09bb05..103b3af59 100644
--- a/src/pages/Item/Card/ItemSummary.vue
+++ b/src/pages/Item/Card/ItemSummary.vue
@@ -55,7 +55,7 @@ const isAdministrative = computed(() => {
         <template #header="{ entity: { item } }">
             {{ item.id }} - {{ item.name }}
         </template>
-        <template #body="{ entity: { item, tags, visible, available } }">
+        <template #body="{ entity: { item, tags, visible, available, botanical } }">
             <QCard class="vn-one photo">
                 <ItemDescriptorImage
                     :entity-id="entityId"
@@ -198,13 +198,10 @@ const isAdministrative = computed(() => {
                     {{ t('item.summary.botanical') }}
                     <QIcon v-if="isBuyer" name="open_in_new" />
                 </component>
-                <VnLv
-                    :label="t('item.summary.genus')"
-                    :value="item.botanical?.genus?.name"
-                />
+                <VnLv :label="t('item.summary.genus')" :value="botanical?.genus?.name" />
                 <VnLv
                     :label="t('item.summary.specie')"
-                    :value="item.botanical?.specie?.name"
+                    :value="botanical?.specie?.name"
                 />
             </QCard>
             <QCard class="vn-one">

From 2699040f0e6d9a4350f08f35361ac912bed17401 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Fri, 12 Apr 2024 16:50:41 -0300
Subject: [PATCH 021/305] Item request view

---
 src/composables/getDateQBadgeColor.js | 11 ++++++++
 src/pages/Item/ItemRequest.vue        | 36 +++++++++++----------------
 src/pages/Travel/TravelList.vue       | 13 +---------
 3 files changed, 26 insertions(+), 34 deletions(-)
 create mode 100644 src/composables/getDateQBadgeColor.js

diff --git a/src/composables/getDateQBadgeColor.js b/src/composables/getDateQBadgeColor.js
new file mode 100644
index 000000000..be9ef41b5
--- /dev/null
+++ b/src/composables/getDateQBadgeColor.js
@@ -0,0 +1,11 @@
+export function getDateQBadgeColor(date) {
+    let today = Date.vnNew();
+    today.setHours(0, 0, 0, 0);
+    let timeTicket = new Date(date);
+    timeTicket.setHours(0, 0, 0, 0);
+
+    let comparation = today - timeTicket;
+
+    if (comparation == 0) return 'warning';
+    if (comparation < 0) return 'negative';
+}
diff --git a/src/pages/Item/ItemRequest.vue b/src/pages/Item/ItemRequest.vue
index 8778d8f6a..dbf1a03c2 100644
--- a/src/pages/Item/ItemRequest.vue
+++ b/src/pages/Item/ItemRequest.vue
@@ -12,6 +12,7 @@ import ItemRequestDenyForm from './ItemRequestDenyForm.vue';
 import { toDateFormat } from 'src/filters/date';
 import { toCurrency } from 'filters/index';
 import useNotify from 'src/composables/useNotify.js';
+import { getDateQBadgeColor } from 'src/composables/getDateQBadgeColor.js';
 
 import axios from 'axios';
 
@@ -20,6 +21,7 @@ const { notify } = useNotify();
 
 const denyFormRef = ref(null);
 const denyRequestId = ref(null);
+const denyRequestIndex = ref(null);
 const itemRequestsOptions = ref([]);
 
 const columns = computed(() => [
@@ -108,21 +110,7 @@ const columns = computed(() => [
     },
 ]);
 
-const getDateQBadgeColor = (date) => {
-    let today = Date.vnNew();
-    today.setHours(0, 0, 0, 0);
-    let timeTicket = new Date(date);
-    timeTicket.setHours(0, 0, 0, 0);
-
-    let comparation = today - timeTicket;
-
-    if (comparation == 0) return 'warning';
-    if (comparation < 0) return 'negative';
-};
-
 const changeQuantity = async (request) => {
-    console.log('change quantity request:: ', request);
-
     try {
         if (request.saleFk) {
             const params = {
@@ -134,12 +122,11 @@ const changeQuantity = async (request) => {
             confirmRequest(request);
         } else confirmRequest(request);
     } catch (error) {
-        console.log('Error changing quantity:: ', error);
+        console.error('Error changing quantity:: ', error);
     }
 };
 
 const confirmRequest = async (request) => {
-    console.log('confirm request:: ', request);
     try {
         if (request.itemFk && request.saleQuantity) {
             const params = {
@@ -157,7 +144,7 @@ const confirmRequest = async (request) => {
             notify(t('globals.dataSaved', 'positive'));
         }
     } catch (error) {
-        console.log('Error confirming request:: ', error);
+        console.error('Error confirming request:: ', error);
     }
 };
 
@@ -167,13 +154,19 @@ const getState = (isOk) => {
     else return 'Denied';
 };
 
-const showDenyRequestForm = (requestId) => {
+const showDenyRequestForm = (requestId, rowIndex) => {
     denyRequestId.value = requestId;
+    denyRequestIndex.value = rowIndex;
     denyFormRef.value.show();
 };
 
 const onDenyAccept = (_, responseData) => {
-    console.log('response data:: ', responseData);
+    itemRequestsOptions.value[denyRequestIndex.value].isOk = responseData.isOk;
+    itemRequestsOptions.value[denyRequestIndex.value].attenderFk =
+        responseData.attenderFk;
+    itemRequestsOptions.value[denyRequestIndex.value].response = responseData.response;
+    denyRequestId.value = null;
+    denyRequestIndex.value = null;
 };
 
 onMounted(async () => {});
@@ -186,7 +179,6 @@ onMounted(async () => {});
         auto-load
         @on-fetch="(data) => (itemRequestsOptions = data)"
     />
-    <!-- TODO:: ADD SEARCHBAR -->
     <QPage class="column items-center q-pa-md">
         <QTable
             :rows="itemRequestsOptions"
@@ -262,7 +254,7 @@ onMounted(async () => {});
                     <span>{{ getState(row.isOk) }}</span>
                 </QTd>
             </template>
-            <template #body-cell-action="{ row }">
+            <template #body-cell-action="{ row, rowIndex }">
                 <QTd>
                     <QIcon
                         v-if="row.response?.length"
@@ -280,7 +272,7 @@ onMounted(async () => {});
                         color="primary"
                         size="sm"
                         class="cursor-pointer"
-                        @click="showDenyRequestForm(row.id)"
+                        @click="showDenyRequestForm(row.id, rowIndex)"
                     >
                         <QTooltip>
                             {{ t('Discard') }}
diff --git a/src/pages/Travel/TravelList.vue b/src/pages/Travel/TravelList.vue
index 9f624c224..d06d56f3a 100644
--- a/src/pages/Travel/TravelList.vue
+++ b/src/pages/Travel/TravelList.vue
@@ -13,6 +13,7 @@ import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
 import { useStateStore } from 'stores/useStateStore';
 import { toDate } from 'src/filters/index';
 import { useSummaryDialog } from 'src/composables/useSummaryDialog';
+import { getDateQBadgeColor } from 'src/composables/getDateQBadgeColor.js';
 
 const router = useRouter();
 const { t } = useI18n();
@@ -42,18 +43,6 @@ const getWarehouseName = (id) => {
     return warehouses.value.find((warehouse) => warehouse.id === id).name;
 };
 
-const getDateQBadgeColor = (date) => {
-    let today = Date.vnNew();
-    today.setHours(0, 0, 0, 0);
-
-    date = new Date(date);
-    date.setHours(0, 0, 0, 0);
-
-    const timeDifference = today - date;
-    if (timeDifference == 0) return 'warning';
-    if (timeDifference < 0) return 'success';
-};
-
 onMounted(async () => {
     stateStore.rightDrawer = true;
 });

From fcce2b5070ba8bdb0cd0b0d6f84bcd84c910cb8e Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Mon, 15 Apr 2024 08:46:26 -0300
Subject: [PATCH 022/305] Add filter

---
 src/pages/Item/ItemRequest.vue       | 285 +++++++++++++++----------
 src/pages/Item/ItemRequestFilter.vue | 307 +++++++++++++++++++++++++++
 2 files changed, 484 insertions(+), 108 deletions(-)
 create mode 100644 src/pages/Item/ItemRequestFilter.vue

diff --git a/src/pages/Item/ItemRequest.vue b/src/pages/Item/ItemRequest.vue
index dbf1a03c2..7f43732bd 100644
--- a/src/pages/Item/ItemRequest.vue
+++ b/src/pages/Item/ItemRequest.vue
@@ -1,24 +1,28 @@
 <script setup>
-import { onMounted, ref, computed } from 'vue';
+import { ref, computed, onMounted, onBeforeMount } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import FetchData from 'components/FetchData.vue';
 import TicketDescriptorProxy from 'src/pages/Ticket/Card/TicketDescriptorProxy.vue';
 import WorkerDescriptorProxy from 'src/pages/Worker/Card/WorkerDescriptorProxy.vue';
 import ItemDescriptorProxy from 'src/pages/Item/Card/ItemDescriptorProxy.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import ItemRequestDenyForm from './ItemRequestDenyForm.vue';
+import ItemRequestFilter from './ItemRequestFilter.vue';
+import VnPaginate from 'components/ui/VnPaginate.vue';
+import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
 
+import { useStateStore } from 'stores/useStateStore';
 import { toDateFormat } from 'src/filters/date';
 import { toCurrency } from 'filters/index';
 import useNotify from 'src/composables/useNotify.js';
 import { getDateQBadgeColor } from 'src/composables/getDateQBadgeColor.js';
-
 import axios from 'axios';
 
 const { t } = useI18n();
 const { notify } = useNotify();
+const stateStore = useStateStore();
 
+let filterParams = ref({});
 const denyFormRef = ref(null);
 const denyRequestId = ref(null);
 const denyRequestIndex = ref(null);
@@ -169,118 +173,182 @@ const onDenyAccept = (_, responseData) => {
     denyRequestIndex.value = null;
 };
 
-onMounted(async () => {});
+onMounted(async () => {
+    stateStore.rightDrawer = true;
+});
+
+onBeforeMount(() => {
+    const today = Date.vnNew();
+    today.setHours(0, 0, 0, 0);
+
+    const nextWeek = Date.vnNew();
+    nextWeek.setHours(23, 59, 59, 59);
+    nextWeek.setDate(nextWeek.getDate() + 7);
+
+    filterParams.value = {
+        from: today,
+        to: nextWeek,
+        state: 'pending',
+    };
+});
 </script>
 
 <template>
-    <FetchData
-        url="TicketRequests/filter"
-        :filter="{ order: ['shippedDate ASC', 'isOk ASC'] }"
-        auto-load
-        @on-fetch="(data) => (itemRequestsOptions = data)"
-    />
+    <template v-if="stateStore.isHeaderMounted()">
+        <Teleport to="#searchbar">
+            <VnSearchbar
+                data-key="ItemRequests"
+                url="TicketRequests/filter"
+                :label="t('globals.search')"
+                :info="t('You can search by Id or alias')"
+                :redirect="false"
+            />
+        </Teleport>
+    </template>
+    <template v-if="stateStore.isHeaderMounted()">
+        <Teleport to="#actions-append">
+            <div class="row q-gutter-x-sm">
+                <QBtn
+                    flat
+                    @click="stateStore.toggleRightDrawer()"
+                    round
+                    dense
+                    icon="menu"
+                >
+                    <QTooltip bottom anchor="bottom right">
+                        {{ t('globals.collapseMenu') }}
+                    </QTooltip>
+                </QBtn>
+            </div>
+        </Teleport>
+    </template>
+    <QDrawer v-model="stateStore.rightDrawer" side="right" :width="256" show-if-above>
+        <QScrollArea class="fit text-grey-8">
+            <ItemRequestFilter data-key="ItemRequests" />
+        </QScrollArea>
+    </QDrawer>
     <QPage class="column items-center q-pa-md">
-        <QTable
-            :rows="itemRequestsOptions"
-            :columns="columns"
-            row-key="id"
-            :pagination="{ rowsPerPage: 0 }"
-            class="full-width q-mt-md"
-            :no-data-label="t('globals.noResults')"
+        <VnPaginate
+            ref="paginateRef"
+            data-key="ItemRequests"
+            url="TicketRequests/filter"
+            :order="['shippedDate ASC', 'isOk ASC']"
+            :user-params="filterParams"
+            :limit="12"
+            :offset="50"
+            auto-load
         >
-            <template #body-cell-id="{ row }">
-                <QTd>
-                    <QBtn flat color="primary"> {{ row.id }}</QBtn>
-                    <TicketDescriptorProxy :id="row.id" />
-                </QTd>
-            </template>
+            <template #body="{ rows }">
+                <QTable
+                    :rows="rows"
+                    :columns="columns"
+                    row-key="id"
+                    :pagination="{ rowsPerPage: 0 }"
+                    class="full-width q-mt-md"
+                    :no-data-label="t('globals.noResults')"
+                >
+                    <template #body-cell-id="{ row }">
+                        <QTd>
+                            <QBtn flat color="primary"> {{ row.ticketFk }}</QBtn>
+                            <TicketDescriptorProxy :id="row.ticketFk" />
+                        </QTd>
+                    </template>
 
-            <template #body-cell-shipped="{ row }">
-                <QTd>
-                    <QBadge
-                        v-if="getDateQBadgeColor(row.shipped)"
-                        :color="getDateQBadgeColor(row.shipped)"
-                        text-color="black"
-                        class="q-ma-none"
-                        dense
-                        style="font-size: 14px"
-                    >
-                        {{ toDateFormat(row.shipped) }}
-                    </QBadge>
-                    <span v-else>{{ toDateFormat(row.shipped) }}</span>
-                </QTd>
+                    <template #body-cell-shipped="{ row }">
+                        <QTd>
+                            <QBadge
+                                v-if="getDateQBadgeColor(row.shipped)"
+                                :color="getDateQBadgeColor(row.shipped)"
+                                text-color="black"
+                                class="q-ma-none"
+                                dense
+                                style="font-size: 14px"
+                            >
+                                {{ toDateFormat(row.shipped) }}
+                            </QBadge>
+                            <span v-else>{{ toDateFormat(row.shipped) }}</span>
+                        </QTd>
+                    </template>
+                    <template #body-cell-requester="{ row }">
+                        <QTd>
+                            <QBtn flat dense color="primary">
+                                {{ row.requesterName }}</QBtn
+                            >
+                            <WorkerDescriptorProxy :id="row.requesterFk" />
+                        </QTd>
+                    </template>
+                    <template #body-cell-attender="{ row }">
+                        <QTd>
+                            <QBtn flat dense color="primary">
+                                {{ row.attenderName }}</QBtn
+                            >
+                            <WorkerDescriptorProxy :id="row.attenderFk" />
+                        </QTd>
+                    </template>
+                    <template #body-cell-item="{ row }">
+                        <QTd>
+                            <VnInput
+                                class="dense"
+                                v-model.number="row.itemFk"
+                                type="number"
+                                :disable="row.isOk != null"
+                            />
+                        </QTd>
+                    </template>
+                    <template #body-cell-achieved="{ row }">
+                        <QTd>
+                            <VnInput
+                                class="dense"
+                                v-model.number="row.saleQuantity"
+                                @change="changeQuantity(row)"
+                                type="number"
+                                :disable="!row.itemFk || row.isOk != null"
+                            />
+                        </QTd>
+                    </template>
+                    <template #body-cell-concept="{ row }">
+                        <QTd>
+                            <QBtn flat dense color="primary">
+                                {{ row.itemDescription }}</QBtn
+                            >
+                            <ItemDescriptorProxy :id="row.itemFk" />
+                        </QTd>
+                    </template>
+                    <template #body-cell-state="{ row }">
+                        <QTd>
+                            <span>{{ getState(row.isOk) }}</span>
+                        </QTd>
+                    </template>
+                    <template #body-cell-action="{ row, rowIndex }">
+                        <QTd>
+                            <QIcon
+                                v-if="row.response?.length"
+                                name="insert_drive_file"
+                                color="primary"
+                                size="sm"
+                            >
+                                <QTooltip>
+                                    {{ row.response }}
+                                </QTooltip>
+                            </QIcon>
+                            <QIcon
+                                v-if="row.isOk == null"
+                                name="thumb_down"
+                                color="primary"
+                                size="sm"
+                                class="cursor-pointer"
+                                @click="showDenyRequestForm(row.id, rowIndex)"
+                            >
+                                <QTooltip>
+                                    {{ t('Discard') }}
+                                </QTooltip>
+                            </QIcon>
+                        </QTd>
+                    </template>
+                </QTable>
             </template>
-            <template #body-cell-requester="{ row }">
-                <QTd>
-                    <QBtn flat dense color="primary"> {{ row.requesterName }}</QBtn>
-                    <WorkerDescriptorProxy :id="row.requesterFk" />
-                </QTd>
-            </template>
-            <template #body-cell-attender="{ row }">
-                <QTd>
-                    <QBtn flat dense color="primary"> {{ row.attenderName }}</QBtn>
-                    <WorkerDescriptorProxy :id="row.attenderFk" />
-                </QTd>
-            </template>
-            <template #body-cell-item="{ row }">
-                <QTd>
-                    <VnInput
-                        class="dense"
-                        v-model.number="row.itemFk"
-                        type="number"
-                        :disable="row.isOk != null"
-                    />
-                </QTd>
-            </template>
-            <template #body-cell-achieved="{ row }">
-                <QTd>
-                    <VnInput
-                        class="dense"
-                        v-model.number="row.saleQuantity"
-                        @change="changeQuantity(row)"
-                        type="number"
-                        :disable="!row.itemFk || row.isOk != null"
-                    />
-                </QTd>
-            </template>
-            <template #body-cell-concept="{ row }">
-                <QTd>
-                    <QBtn flat dense color="primary"> {{ row.itemDescription }}</QBtn>
-                    <ItemDescriptorProxy :id="row.itemFk" />
-                </QTd>
-            </template>
-            <template #body-cell-state="{ row }">
-                <QTd>
-                    <span>{{ getState(row.isOk) }}</span>
-                </QTd>
-            </template>
-            <template #body-cell-action="{ row, rowIndex }">
-                <QTd>
-                    <QIcon
-                        v-if="row.response?.length"
-                        name="insert_drive_file"
-                        color="primary"
-                        size="sm"
-                    >
-                        <QTooltip>
-                            {{ row.response }}
-                        </QTooltip>
-                    </QIcon>
-                    <QIcon
-                        v-if="row.isOk == null"
-                        name="thumb_down"
-                        color="primary"
-                        size="sm"
-                        class="cursor-pointer"
-                        @click="showDenyRequestForm(row.id, rowIndex)"
-                    >
-                        <QTooltip>
-                            {{ t('Discard') }}
-                        </QTooltip>
-                    </QIcon>
-                </QTd>
-            </template>
-        </QTable>
+        </VnPaginate>
+
         <QDialog ref="denyFormRef" transition-show="scale" transition-hide="scale">
             <ItemRequestDenyForm
                 :request-id="denyRequestId"
@@ -293,4 +361,5 @@ onMounted(async () => {});
 <i18n>
 es:
     Discard: Descartar
+    You can search by Id or alias: Buscar peticiones por identificador o alias
 </i18n>
diff --git a/src/pages/Item/ItemRequestFilter.vue b/src/pages/Item/ItemRequestFilter.vue
new file mode 100644
index 000000000..3c6a956df
--- /dev/null
+++ b/src/pages/Item/ItemRequestFilter.vue
@@ -0,0 +1,307 @@
+<script setup>
+import { ref } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
+import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnInput from 'src/components/common/VnInput.vue';
+import FetchData from 'components/FetchData.vue';
+import VnInputDate from 'src/components/common/VnInputDate.vue';
+
+const { t } = useI18n();
+const props = defineProps({
+    dataKey: {
+        type: String,
+        required: true,
+    },
+});
+
+const stateOptions = [
+    { code: 'pending', name: t('Pending') },
+    { code: 'accepted', name: t('Accepted') },
+    { code: 'denied', name: t('Denied') },
+];
+
+const itemTypesOptions = ref([]);
+const warehousesOptions = ref([]);
+const workersOptions = ref([]);
+
+const exprBuilder = (param, value) => {
+    switch (param) {
+        case 'ticketFk':
+        case 'quantity':
+        case 'price':
+        case 'isOk':
+            return { [`tr.${param}`]: value };
+        case 'attenderName':
+            return { [`ua.name`]: value };
+        case 'shipped':
+            return {
+                't.shipped': {
+                    between: dateRange(value),
+                },
+            };
+    }
+};
+
+const dateRange = (value) => {
+    const minHour = new Date(value);
+    minHour.setHours(0, 0, 0, 0);
+    const maxHour = new Date(value);
+    maxHour.setHours(23, 59, 59, 59);
+
+    return [minHour, maxHour];
+};
+
+const add = (paramsObj, key) => {
+    if (paramsObj[key] === undefined) {
+        paramsObj[key] = 1;
+    } else {
+        paramsObj[key]++;
+    }
+};
+
+const decrement = (paramsObj, key) => {
+    if (paramsObj[key] === 0) return;
+
+    paramsObj[key]--;
+};
+</script>
+
+<template>
+    <FetchData
+        url="TicketRequests/getItemTypeWorker"
+        :filter="{ fields: ['id', 'nickname'], order: 'nickname ASC' }"
+        @on-fetch="(data) => (itemTypesOptions = data)"
+        auto-load
+    />
+    <FetchData
+        url="warehouses"
+        :filter="{ order: 'name ASC' }"
+        @on-fetch="(data) => (warehousesOptions = data)"
+        auto-load
+    />
+    <FetchData
+        url="Workers/search"
+        :filter="{
+            fields: ['id', 'name'],
+            order: 'name ASC',
+        }"
+        :params="{
+            departmentCodes: ['VT'],
+        }"
+        @on-fetch="(data) => (workersOptions = data)"
+        auto-load
+    />
+    <VnFilterPanel
+        :data-key="props.dataKey"
+        :search-button="true"
+        :expr-builder="exprBuilder"
+    >
+        <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, searchFn }">
+            <QItem>
+                <QItemSection>
+                    <VnInput
+                        v-model="params.search"
+                        :label="t('params.search')"
+                        is-outlined
+                    />
+                </QItemSection>
+            </QItem>
+            <QItem>
+                <QItemSection>
+                    <VnInput
+                        v-model="params.ticketFk"
+                        :label="t('params.ticketFk')"
+                        is-outlined
+                    />
+                </QItemSection>
+            </QItem>
+            <QItem>
+                <QItemSection>
+                    <VnSelectFilter
+                        v-model="params.attenderFk"
+                        :label="t('params.attenderFk')"
+                        @update:model-value="searchFn()"
+                        :options="itemTypesOptions"
+                        option-value="id"
+                        option-label="nickname"
+                        hide-selected
+                        dense
+                        outlined
+                        rounded
+                    />
+                </QItemSection>
+            </QItem>
+            <QItem>
+                <QItemSection>
+                    <VnInput
+                        v-model="params.clientFk"
+                        :label="t('params.clientFk')"
+                        is-outlined
+                    />
+                </QItemSection>
+            </QItem>
+            <QItem>
+                <QItemSection>
+                    <VnSelectFilter
+                        :label="t('params.warehouseFk')"
+                        v-model="params.warehouseFk"
+                        @update:model-value="searchFn()"
+                        :options="warehousesOptions"
+                        option-value="id"
+                        option-label="name"
+                        hide-selected
+                        dense
+                        outlined
+                        rounded
+                    />
+                </QItemSection>
+            </QItem>
+            <QItem>
+                <QItemSection>
+                    <VnSelectFilter
+                        :label="t('params.requesterFk')"
+                        v-model="params.requesterFk"
+                        @update:model-value="searchFn()"
+                        :options="workersOptions"
+                        option-value="id"
+                        option-label="name"
+                        hide-selected
+                        dense
+                        outlined
+                        rounded
+                    >
+                        <template #option="scope">
+                            <QItem v-bind="scope.itemProps">
+                                <QItemSection>
+                                    <QItemLabel>{{ scope.opt?.name }}</QItemLabel>
+                                    <QItemLabel caption
+                                        >{{ scope.opt?.nickname }},
+                                        {{ scope.opt?.code }}</QItemLabel
+                                    >
+                                </QItemSection>
+                            </QItem>
+                        </template>
+                    </VnSelectFilter>
+                </QItemSection>
+            </QItem>
+
+            <QItem>
+                <QItemSection>
+                    <VnInputDate
+                        :label="t('params.from')"
+                        v-model="params.from"
+                        @update:model-value="searchFn()"
+                        is-outlined
+                    />
+                </QItemSection>
+            </QItem>
+            <QItem>
+                <QItemSection>
+                    <VnInputDate
+                        :label="t('params.to')"
+                        v-model="params.to"
+                        @update:model-value="searchFn()"
+                        is-outlined
+                    />
+                </QItemSection>
+            </QItem>
+            <QItem>
+                <QItemSection>
+                    <VnInput
+                        v-model="params.scopeDays"
+                        :label="t('params.scopeDays')"
+                        type="number"
+                        dense
+                        outlined
+                        rounded
+                        :min="0"
+                    >
+                        <template #append>
+                            <QBtn
+                                icon="add"
+                                flat
+                                dense
+                                size="12px"
+                                @click="add(params, 'scopeDays')"
+                            />
+                            <QBtn
+                                icon="remove"
+                                flat
+                                dense
+                                size="12px"
+                                @click="decrement(params, 'scopeDays')"
+                            />
+                        </template>
+                    </VnInput>
+                </QItemSection>
+            </QItem>
+            <!-- <vn-icon color-marginal
+                    icon="info"
+                    vn-tooltip="Cannot choose a range of dates and days onward at the same time">
+                </vn-icon> -->
+            <QItem>
+                <QItemSection>
+                    <QCheckbox
+                        :label="t('params.mine')"
+                        v-model="params.mine"
+                        toggle-indeterminate
+                    />
+                </QItemSection>
+            </QItem>
+            <QItem>
+                <QItemSection>
+                    <VnSelectFilter
+                        :label="t('params.state')"
+                        v-model="params.state"
+                        @update:model-value="searchFn()"
+                        :options="stateOptions"
+                        option-value="code"
+                        option-label="name"
+                        hide-selected
+                        dense
+                        outlined
+                        rounded
+                    />
+                </QItemSection>
+            </QItem>
+        </template>
+    </VnFilterPanel>
+</template>
+
+<i18n>
+en:
+    params:
+        search: General search
+        ticketFk: Ticket id
+        attenderFk: Atender
+        clientFk: Client id
+        warehouseFk: Warehouse
+        requesterFk: Salesperson
+        from: From
+        to: To
+        scopeDays: Days onward
+        mine: For me
+        state: State
+
+es:
+    params:
+        search: Búsqueda general
+        ticketFk: Id ticket
+        attenderFk: Comprador
+        clientFk: Id cliente
+        warehouseFk: Almacén
+        requesterFk: Comercial
+        from: Desde
+        to: Hasta
+        scopeDays: Días adelante
+        mine: Para mi
+        state: Estado
+</i18n>

From 00dfa171b02f014611c3bacc16149a966284277b Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Mon, 15 Apr 2024 15:37:41 -0300
Subject: [PATCH 023/305] WIP

---
 src/i18n/locale/en.yml            |    4 +
 src/i18n/locale/es.yml            | 2294 +++++++++++++++--------------
 src/pages/Item/ItemFixedPrice.vue |  492 +++++++
 src/router/modules/item.js        |   11 +-
 4 files changed, 1655 insertions(+), 1146 deletions(-)
 create mode 100644 src/pages/Item/ItemFixedPrice.vue

diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index ef9c2c4cd..051b9033a 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -1097,6 +1097,7 @@ item:
         diary: Diary
         tags: Tags
         create: Create
+        fixedPrice: Fixed prices
     descriptor:
         item: Item
         buyer: Buyer
@@ -1124,6 +1125,9 @@ item:
         stemMultiplier: Multiplier
         producer: Producer
         landed: Landed
+    fixedPrice:
+        itemId: Item ID
+        groupingPrice: Grouping price
 components:
     topbar: {}
     userPanel:
diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index d0de39ebc..dce4eea05 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -1,1149 +1,1153 @@
 globals:
-  lang:
-    es: Español
-    en: Inglés
-  language: Idioma
-  entity: Entidad
-  user: Usuario
-  details: Detalles
-  collapseMenu: Contraer menú lateral
-  backToDashboard: Volver al tablón
-  notifications: Notificaciones
-  userPanel: Panel de usuario
-  modules: Módulos
-  pinnedModules: Módulos fijados
-  darkMode: Modo oscuro
-  logOut: Cerrar sesión
-  date: Fecha
-  dataSaved: Datos guardados
-  dataDeleted: Datos eliminados
-  search: Buscar
-  changes: Cambios
-  dataCreated: Datos creados
-  add: Añadir
-  create: Crear
-  edit: Modificar
-  save: Guardar
-  remove: Eliminar
-  reset: Restaurar
-  close: Cerrar
-  cancel: Cancelar
-  confirm: Confirmar
-  assign: Asignar
-  back: Volver
-  yes: Si
-  no: No
-  noChanges: Sin cambios que guardar
-  changesToSave: Tienes cambios pendientes de guardar
-  confirmRemove: Vas a eliminar este registro. ¿Continuar?
-  rowAdded: Fila añadida
-  rowRemoved: Fila eliminada
-  pleaseWait: Por favor espera...
-  noPinnedModules: No has fijado ningún módulo
-  summary:
-    basicData: Datos básicos
-  today: Hoy
-  yesterday: Ayer
-  dateFormat: es-ES
-  noSelectedRows: No tienes ninguna línea seleccionada
-  microsip: Abrir en MicroSIP
-  downloadCSVSuccess: Descarga de CSV exitosa
-  reference: Referencia
-  agency: Agencia
-  wareHouseOut: Alm. salida
-  wareHouseIn: Alm. entrada
-  landed: F. entrega
-  shipped: F. envío
-  totalEntries: Ent. totales
-  amount: Importe
-  packages: Bultos
-  download: Descargar
-  selectRows: 'Seleccionar las { numberRows } filas(s)'
-  allRows: 'Todo { numberRows } filas(s)'
-  markAll: Marcar todo
-  requiredField: Campo obligatorio
-  class: clase
-  type: Tipo
-  reason: motivo
-  noResults: Sin resultados
-  system: Sistema
-  warehouse: Almacén
-  company: Empresa
-  fieldRequired: Campo requerido
-  allowedFilesText: 'Tipos de archivo permitidos: { allowedContentTypes }'
-  smsSent: SMS enviado
-  confirmDeletion: Confirmar eliminación
-  confirmDeletionMessage: ¿Seguro que quieres eliminar?
-  description: Descripción
-  id: Id
-  order: Orden
-  original: Original
-  file: Fichero
-  selectFile: Seleccione un fichero
-  copyClipboard: Copiar en portapapeles
-  salesPerson: Comercial
-  code: Código
-  pageTitles:
-    summary: Resumen
-    basicData: Datos básicos
-    log: Historial
-    parkingList: Listado de parkings
-  created: Fecha creación
-  worker: Trabajador
-errors:
-  statusUnauthorized: Acceso denegado
-  statusInternalServerError: Ha ocurrido un error interno del servidor
-  statusBadGateway: Parece ser que el servidor ha caído
-  statusGatewayTimeout: No se ha podido contactar con el servidor
-  userConfig: Error al obtener configuración de usuario
-  writeRequest: No se pudo completar la operación solicitada
-login:
-  title: Inicio de sesión
-  username: Nombre de usuario
-  password: Contraseña
-  submit: Iniciar sesión
-  keepLogin: Mantener sesión iniciada
-  loginSuccess: Inicio de sesión correcto
-  loginError: Nombre de usuario o contraseña incorrectos
-  fieldRequired: Este campo es obligatorio
-  twoFactorRequired: Verificación de doble factor requerida
-  pageTitles:
-    logIn: Inicio de sesión
-twoFactor:
-  code: Código
-  validate: Validar
-  insert: Introduce el código de verificación
-  explanation: Por favor introduce el código de verificación que te hemos enviado a tu email en los próximos 5 minutos
-  pageTitles:
-    twoFactor: Doble factor
-verifyEmail:
-  pageTitles:
-    verifyEmail: Verificación de correo
-dashboard:
-  pageTitles:
-    dashboard: Tablón
-customer:
-  pageTitles:
-    customers: Clientes
-    create: Crear
-    list: Listado
-    webPayments: Pagos Web
-    extendedList: Listado extendido
-    notifications: Notificaciones
-    defaulter: Morosos
-    createCustomer: Crear cliente
-    summary: Resumen
-    basicData: Datos básicos
-    fiscalData: Datos fiscales
-    billingData: Forma de pago
-    consignees: Consignatarios
-    notes: Notas
-    credits: Créditos
-    greuges: Greuges
-    balance: Balance
-    recoveries: Recobros
-    webAccess: Acceso web
-    log: Historial
-    sms: Sms
-    creditManagement: Gestión de crédito
-    creditContracts: Contratos de crédito
-    creditOpinion: Opinión de crédito
-    others: Otros
-  list:
-    phone: Teléfono
-    email: Email
-    customerOrders: Mostrar órdenes del cliente
-    moreOptions: Más opciones
-  card:
-    customerId: ID cliente
-    salesPerson: Comercial
-    credit: Crédito
-    securedCredit: Crédito asegurado
-    payMethod: Método de pago
-    debt: Riesgo
-    isDisabled: El cliente está desactivado
-    isFrozen: El cliente está congelado
-    hasDebt: El cliente tiene riesgo
-    notChecked: El cliente no está comprobado
-    noWebAccess: El acceso web está desactivado
-    businessTypeFk: Tipo de negocio
-  summary:
-    basicData: Datos básicos
-    fiscalAddress: Dirección fiscal
-    fiscalData: Datos fiscales
-    billingData: Datos de facturación
-    consignee: Consignatario pred.
-    businessData: Datos comerciales
-    financialData: Datos financieros
-    customerId: ID cliente
-    name: Nombre
-    contact: Contacto
-    phone: Teléfono
-    mobile: Móvil
-    email: Email
-    salesPerson: Comercial
-    contactChannel: Canal de contacto
-    socialName: Razón social
-    fiscalId: NIF/CIF
-    postcode: Código postal
-    province: Provincia
-    country: País
-    street: Calle
-    isEqualizated: Recargo de equivalencia
-    isActive: Activo
-    invoiceByAddress: Facturar por consignatario
-    verifiedData: Datos verificados
-    hasToInvoice: Facturar
-    notifyByEmail: Notificar por email
-    vies: VIES
-    payMethod: Método de pago
-    bankAccount: Cuenta bancaria
-    dueDay: Día de pago
-    hasLcr: Recibido LCR
-    hasCoreVnl: Recibido core VNL
-    hasB2BVnl: Recibido B2B VNL
-    addressName: Nombre de la dirección
-    addressCity: Ciudad
-    addressStreet: Calle
-    username: Usuario
-    webAccess: Acceso web
-    totalGreuge: Greuge total
-    mana: Maná
-    priceIncreasingRate: Ratio de incremento de precio
-    averageInvoiced: Facturación media
-    claimRate: Ratio de reclamaciones
-    risk: Riesgo
-    riskInfo: Facturas menos recibos mas pedidos sin facturar
-    credit: Crédito
-    creditInfo: Riesgo máximo asumido por la empresa
-    securedCredit: Crédito asegurado
-    securedCreditInfo: Riesgo máximo asumido por Solunion
-    balance: Balance
-    balanceInfo: Facturas menos recibos
-    balanceDue: Saldo vencido
-    balanceDueInfo: Facturas fuera de plazo menos recibos
-    recoverySince: Recobro desde
-    businessType: Tipo de negocio
-    city: Población
-    rating: Clasificación
-    recommendCredit: Crédito recomendado
-  basicData:
-    socialName: Nombre fiscal
-    businessType: Tipo de negocio
-    contact: Contacto
-    email: Email
-    phone: Teléfono
-    mobile: Móvil
-    salesPerson: Comercial
-    contactChannel: Canal de contacto
-  extendedList:
-    tableVisibleColumns:
-      id: Identificador
-      name: Nombre
-      fi: NIF / CIF
-      salesPersonFk: Comercial
-      credit: Crédito
-      creditInsurance: Crédito asegurado
-      phone: Teléfono
-      mobile: Móvil
-      street: Dirección fiscal
-      countryFk: País
-      provinceFk: Provincia
-      city: Población
-      postcode: Código postal
-      email: Email
-      created: Fecha creación
-      businessTypeFk: Tipo de negocio
-      payMethodFk: Forma de pago
-      sageTaxTypeFk: Tipo de impuesto Sage
-      sageTransactionTypeFk: Tipo tr. sage
-      isActive: Activo
-      isVies: Vies
-      isTaxDataChecked: Datos comprobados
-      isEqualizated: Recargo de equivalencias
-      isFreezed: Congelado
-      hasToInvoice: Factura
-      hasToInvoiceByAddress: Factura por consigna
-      isToBeMailed: Env. emails
-      hasLcr: Recibido LCR
-      hasCoreVnl: Recibido core VNL
-      hasSepaVnl: Recibido B2B VNL
-entry:
-  pageTitles:
-    entries: Entradas
-    list: Listado
-    summary: Resumen
-    basicData: Datos básicos
-    buys: Compras
-    notes: Notas
-    dms: Gestión documental
-    log: Historial
-    create: Crear
-    latestBuys: Últimas compras
-  list:
-    newEntry: Nueva entrada
-    landed: F. entrega
-    invoiceNumber: Núm. factura
-    supplier: Proveedor
-    booked: Asentado
-    confirmed: Confirmado
-    ordered: Pedida
-  summary:
-    commission: Comisión
-    currency: Moneda
-    company: Empresa
-    reference: Referencia
-    invoiceNumber: Núm. factura
-    ordered: Pedida
-    confirmed: Confirmada
-    booked: Contabilizada
-    raid: Redada
-    excludedFromAvailable: Inventario
-    travelReference: Referencia
-    travelAgency: Agencia
-    travelShipped: F. envio
-    travelWarehouseOut: Alm. salida
-    travelDelivered: Enviada
-    travelLanded: F. entrega
-    travelWarehouseIn: Alm. entrada
-    travelReceived: Recibida
-    buys: Compras
-    quantity: Cantidad
-    stickers: Etiquetas
-    package: Embalaje
-    weight: Peso
-    packing: Packing
-    grouping: Grouping
-    buyingValue: Coste
-    import: Importe
-    pvp: PVP
-    item: Artículo
-  basicData:
-    supplier: Proveedor
-    travel: Envío
-    reference: Referencia
-    invoiceNumber: Núm. factura
-    company: Empresa
-    currency: Moneda
-    observation: Observación
-    commission: Comisión
-    ordered: Pedida
-    confirmed: Confirmado
-    booked: Asentado
-    raid: Redada
-    excludedFromAvailable: Inventario
-    agency: Agencia
-    warehouseOut: Alm. salida
-    warehouseIn: Alm. entrada
-    shipped: F. envío
-    landed: F. entrega
-    id: ID
-  buys:
-    groupingPrice: Precio grouping
-    packingPrice: Precio packing
-    reference: Referencia
-    observations: Observaciónes
-    item: Artículo
-    size: Medida
-    packing: Packing
-    grouping: Grouping
-    buyingValue: Coste
-    packagingFk: Embalaje
-    file: Fichero
-    name: Nombre
-    producer: Productor
-    type: Tipo
-    color: Color
-    id: ID
-  notes:
-    observationType: Tipo de observación
-  descriptor:
-    agency: Agencia
-    landed: F. entrega
-    warehouseOut: Alm. salida
-  latestBuys:
-    picture: Foto
-    itemFk: ID Artículo
-    packing: Packing
-    grouping: Grouping
-    quantity: Cantidad
-    size: Medida
-    tags: Etiquetas
-    type: Tipo
-    intrastat: Intrastat
-    origin: Origen
-    weightByPiece: Peso (gramos)/tallo
-    isActive: Activo
-    family: Familia
-    entryFk: Entrada
-    buyingValue: Coste
-    freightValue: Porte
-    comissionValue: Comisión
-    packageValue: Embalaje
-    isIgnored: Ignorado
-    price2: Grouping
-    price3: Packing
-    minPrice: Min
-    ektFk: Ekt
-    weight: Peso
-    packagingFk: Embalaje
-    packingOut: Embalaje envíos
-    landing: Llegada
-ticket:
-  pageTitles:
-    tickets: Tickets
-    list: Listado
-    createTicket: Crear ticket
-    summary: Resumen
-    basicData: Datos básicos
-    boxing: Encajado
-    sms: Sms
-    notes: Notas
-  list:
-    nickname: Alias
-    state: Estado
-    shipped: Enviado
-    landed: Entregado
-    salesPerson: Comercial
-    total: Total
-  card:
-    ticketId: ID ticket
-    state: Estado
-    customerId: ID cliente
-    salesPerson: Comercial
-    agency: Agencia
-    shipped: Enviado
-    warehouse: Almacén
-    customerCard: Ficha del cliente
-    alias: Alias
-  boxing:
-    expedition: Expedición
-    item: Artículo
-    created: Creado
-    worker: Trabajador
-    selectTime: 'Seleccionar hora:'
-    selectVideo: 'Seleccionar vídeo:'
-    notFound: No hay vídeos disponibles
-  summary:
-    state: Estado
-    salesPerson: Comercial
-    agency: Agencia
-    zone: Zona
-    warehouse: Almacén
-    route: Ruta
-    invoice: Factura
-    shipped: Enviado
-    landed: Entregado
-    consigneePhone: Tel. consignatario
-    consigneeMobile: Móv. consignatario
-    clientPhone: Tel. cliente
-    clientMobile: Móv. cliente
-    consignee: Consignatario
-    subtotal: Subtotal
-    vat: IVA
-    total: Total
-    saleLines: Líneas del pedido
-    item: Artículo
-    visible: Visible
-    available: Disponible
-    quantity: Cantidad
-    price: Precio
-    discount: Descuento
-    packing: Encajado
-    hasComponentLack: Faltan componentes
-    itemShortage: No visible
-    claim: Reclamación
-    reserved: Reservado
-    created: Fecha creación
-    package: Embalaje
-    taxClass: Tipo IVA
-    services: Servicios
-    changeState: Cambiar estado
-    requester: Solicitante
-    atender: Comprador
-    request: Petición de compra
-    weight: Peso
-    goTo: Ir a
-    summaryAmount: Resumen
-claim:
-  pageTitles:
-    claims: Reclamaciones
-    list: Listado
-    createClaim: Crear reclamación
-    summary: Resumen
-    basicData: Datos básicos
-    lines: Líneas
-    development: Trazabilidad
-    photos: Fotos
-    log: Historial
-    notes: Notas
-    action: Acción
-  list:
-    customer: Cliente
-    assignedTo: Asignada a
-    created: Creada
-    state: Estado
-  rmaList:
-    code: Código
-    records: registros
-  card:
-    claimId: ID reclamación
-    assignedTo: Asignada a
-    created: Creada
-    state: Estado
-    ticketId: ID ticket
-    customerSummary: Resumen del cliente
-    claimedTicket: Ticket reclamado
-    saleTracking: Líneas preparadas
-    ticketTracking: Estados del ticket
-    commercial: Comercial
-    province: Provincia
-    zone: Zona
-    customerId: ID del cliente
-  summary:
-    customer: Cliente
-    assignedTo: Asignada a
-    attendedBy: Atendida por
-    created: Creada
-    state: Estado
+    lang:
+        es: Español
+        en: Inglés
+    language: Idioma
+    entity: Entidad
+    user: Usuario
     details: Detalles
-    item: Artículo
-    landed: Entregado
-    quantity: Cantidad
-    claimed: Reclamado
-    price: Precio
-    discount: Descuento
-    total: Total
-    actions: Acciones
-    responsibility: Responsabilidad
-    company: Empresa
-    person: Comercial/Cliente
-    notes: Observaciones
-    photos: Fotos
-    development: Trazabilidad
-    reason: Motivo
-    result: Consecuencias
-    responsible: Responsable
-    worker: Trabajador
-    redelivery: Devolución
-  basicData:
-    customer: Cliente
-    assignedTo: Asignada a
-    created: Creada
-    state: Estado
-    pickup: Recogida
-    null: No
-    agency: Agencia
-    delivery: Reparto
-  photo:
-    fileDescription: 'Reclamacion ID {claimId} del cliente {clientName} id {clientId}'
-    noData: No hay imágenes/videos haz click aquí o arrastra y suelta el archivo
-    dragDrop: Arrástralo y sueltalo aquí
-invoiceOut:
-  pageTitles:
-    invoiceOuts: Fact. emitidas
-    list: Listado
-    negativeBases: Bases Negativas
-    globalInvoicing: Facturación global
-    createInvoiceOut: Crear fact. emitida
-    summary: Resumen
-    basicData: Datos básicos
-  list:
-    ref: Referencia
-    issued: Fecha emisión
-    shortIssued: F. emisión
-    client: Cliente
-    created: Fecha creación
-    shortCreated: F. creación
-    company: Empresa
-    dued: Fecha vencimineto
-    shortDued: F. vencimiento
-    amount: Importe
-  card:
-    issued: Fecha emisión
-    client: Cliente
-    company: Empresa
-    customerCard: Ficha del cliente
-    ticketList: Listado de tickets
-  summary:
-    issued: Fecha
-    created: Fecha creación
-    dued: Vencimiento
-    booked: Contabilizada
-    company: Empresa
-    taxBreakdown: Desglose impositivo
-    type: Tipo
-    taxableBase: Base imp.
-    rate: Tarifa
-    fee: Cuota
-    tickets: Tickets
-    ticketId: Id ticket
-    nickname: Alias
-    shipped: F. envío
-    totalWithVat: Importe
-  globalInvoices:
-    errors:
-      chooseValidClient: Selecciona un cliente válido
-      chooseValidCompany: Selecciona una empresa válida
-      chooseValidPrinter: Selecciona una impresora válida
-      fillDates: La fecha de la factura y la fecha máxima deben estar completas
-      invoiceDateLessThanMaxDate: La fecha de la factura no puede ser menor que la fecha máxima
-      invoiceWithFutureDate: Existe una factura con una fecha futura
-      noTicketsToInvoice: No existen tickets para facturar
-      criticalInvoiceError: Error crítico en la facturación proceso detenido
-    table:
-      client: Cliente
-      addressId: Id dirección
-      streetAddress: Dirección fiscal
-    statusCard:
-      percentageText: '{getPercentage}% {getAddressNumber} de {getNAddresses}'
-      pdfsNumberText: '{nPdfs} de {totalPdfs} PDFs'
-  negativeBases:
-    from: Desde
-    to: Hasta
-    company: Empresa
-    country: País
-    clientId: Id cliente
-    client: Cliente
-    amount: Importe
-    base: Base
-    ticketId: Id ticket
-    active: Activo
-    hasToInvoice: Facturar
-    verifiedData: Datos comprobados
-    comercial: Comercial
-    errors:
-      downloadCsvFailed: Error al descargar CSV
-order:
-  pageTitles:
-    order: Cesta
-    orderList: Listado
-    create: Crear
-    summary: Resumen
-    basicData: Datos básicos
-    catalog: Catálogo
-    volume: Volumen
-    lines: Líneas
-  field:
-    salesPersonFk: Comercial
-    clientFk: Cliente
-    isConfirmed: Confirmada
-    created: Creado
-    landed: F. entrega
-    hour: Hora
-    agency: Agencia
-    total: Total
-  form:
-    clientFk: Cliente
-    addressFk: Dirección
-    landed: F. entrega
-    agencyModeFk: Agencia
-  list:
-    newOrder: Nuevo Pedido
-  summary:
-    basket: Cesta
-    nickname: Alias
-    company: Empresa
-    confirmed: Confirmada
-    notConfirmed: No confirmada
-    created: Creado
-    landed: F. entrega
-    phone: Teléfono
-    createdFrom: Creado desde
-    address: Dirección
-    notes: Notas
-    subtotal: Subtotal
-    total: Total
-    vat: IVA
-    state: Estado
-    alias: Alias
-    items: Items
-    orderTicketList: Tickets del pedido
-    details: Detalles
-    item: Item
-    quantity: Cantidad
-    price: Precio
-    amount: Monto
-shelving:
-  pageTitles:
-    shelving: Carros
-    shelvingList: Listado de carros
-    create: Crear
-    summary: Resumen
-    basicData: Datos básicos
-    log: Historial
-  list:
-    parking: Parking
-    priority: Prioridad
-    newShelving: Nuevo Carro
-  summary:
-    code: Código
-    parking: Parking
-    priority: Prioridad
-    worker: Trabajador
-    recyclable: Reciclable
-  basicData:
-    code: Código
-    parking: Parking
-    priority: Prioridad
-    recyclable: Reciclable
-parking:
-  pickingOrder: Orden de recogida
-  row: Fila
-  column: Columna
-  pageTitles:
-    parking: Parking
-  searchBar:
-    info: Puedes buscar por código de parking
-    label: Buscar parking...
-invoiceIn:
-  pageTitles:
-    invoiceIns: Fact. recibidas
-    list: Listado
-    createInvoiceIn: Crear fact. recibida
-    summary: Resumen
-    basicData: Datos básicos
-    vat: IVA
-    dueDay: Vencimiento
-    intrastat: Intrastat
-    corrective: Rectificativa
-    log: Historial
-  list:
-    ref: Referencia
-    supplier: Proveedor
-    supplierRef: Ref. proveedor
-    serialNumber: Num. serie
-    shortIssued: F. emisión
-    serial: Serie
-    file: Fichero
-    issued: Fecha emisión
-    isBooked: Conciliada
-    awb: AWB
-    amount: Importe
-  card:
-    issued: Fecha emisión
-    amount: Importe
-    client: Cliente
-    company: Empresa
-    customerCard: Ficha del cliente
-    ticketList: Listado de tickets
-    vat: Iva
-    dueDay: Fecha de vencimiento
-  summary:
-    supplier: Proveedor
-    supplierRef: Ref. proveedor
-    currency: Divisa
-    docNumber: Número documento
-    issued: Fecha de expedición
-    operated: Fecha operación
-    bookEntried: Fecha asiento
-    bookedDate: Fecha contable
-    sage: Retención sage
-    vat: Iva no deducible
-    company: Empresa
-    booked: Contabilizada
-    expense: Gasto
-    taxableBase: Base imp.
-    rate: Tasa
-    sageTransaction: Sage transación
-    dueDay: Fecha
-    bank: Caja
-    amount: Importe
-    foreignValue: Divisa
-    dueTotal: Vencimiento
-    code: Código
-    net: Neto
-    stems: Tallos
-    country: País
-department:
-  pageTitles:
-    basicData: Basic data
-    department: Departamentos
-    summary: Resumen
-  name: Nombre
-  code: Código
-  chat: Chat
-  bossDepartment: Jefe de departamento
-  email: Email
-  selfConsumptionCustomer: Cliente autoconsumo
-  telework: Teletrabaja
-  notifyOnErrors: Notificar errores
-  worksInProduction: Pertenece a producción
-  hasToRefill: Completar días sin registros físicos
-  hasToSendMail: Enviar fichadas por mail
-  departmentRemoved: Departamento eliminado
-worker:
-  pageTitles:
-    workers: Trabajadores
-    list: Listado
-    basicData: Datos básicos
-    summary: Resumen
+    collapseMenu: Contraer menú lateral
+    backToDashboard: Volver al tablón
     notifications: Notificaciones
-    workerCreate: Nuevo trabajador
-    department: Departamentos
-    pda: PDA
-    notes: Notas
-    dms: Mi documentación
-    pbx: Centralita
-    log: Historial
-  list:
-    name: Nombre
-    email: Email
-    phone: Teléfono
-    mobile: Móvil
-    active: Activo
-    department: Departamento
-    schedule: Horario
-    newWorker: Nuevo trabajador
-  card:
-    workerId: ID Trabajador
-    name: Nombre
-    email: Email
-    phone: Teléfono
-    mobile: Móvil
-    active: Activo
-    warehouse: Almacén
-    agency: Empresa
-    salesPerson: Comercial
-  summary:
-    basicData: Datos básicos
-    boss: Jefe
-    phoneExtension: Extensión de teléfono
-    entPhone: Teléfono de empresa
-    personalPhone: Teléfono personal
-    noBoss: Sin jefe
-    userData: Datos de usuario
-    userId: ID del usuario
-    role: Rol
-    sipExtension: Extensión
-    locker: Taquilla
-  notificationsManager:
-    activeNotifications: Notificaciones activas
-    availableNotifications: Notificaciones disponibles
-    subscribed: Se ha suscrito a la notificación
-    unsubscribed: Se ha dado de baja de la notificación
-  pda:
-    newPDA: Nueva PDA
-    currentPDA: PDA Actual
-    model: Modelo
-    serialNumber: Número de serie
-    removePDA: Desasignar PDA
-  create:
-    name: Nombre
-    lastName: Apellido
-    birth: Fecha de nacimiento
-    fi: DNI/NIF/NIE
-    code: Código de trabajador
-    phone: Teléfono
-    postcode: Código postal
-    province: Provincia
-    city: Población
-    street: Dirección
-    webUser: Usuario Web
-    personalEmail: Correo personal
-    company: Empresa
-    boss: Jefe
-    payMethods: Método de pago
-    iban: IBAN
-    bankEntity: Swift / BIC
-  imageNotFound: No se ha encontrado la imagen
-wagon:
-  pageTitles:
-    wagons: Vagones
-    wagonsList: Listado vagones
-    wagonCreate: Crear tipo
-    wagonEdit: Editar tipo
-    typesList: Listado tipos
-    typeCreate: Crear tipo
-    typeEdit: Editar tipo
-    wagonCounter: Contador de carros
-  type:
-    name: Nombre
-    submit: Guardar
-    reset: Deshacer cambios
-    trayColor: Color de la bandeja
-    removeItem: Tipo de vagón borrado correctamente
-  list:
-    plate: Matrícula
-    volume: Volumen
-    type: Tipo
-    remove: Borrar
-    removeItem: Vagón borrado correctamente
-  create:
-    plate: Matrícula
-    volume: Volumen
-    type: Tipo
-    label: Etiqueta
-  warnings:
-    noData: Sin datos disponibles
-    nameNotEmpty: El nombre no puede estar vacío
-    labelNotEmpty: La etiqueta no puede estar vacía
-    plateNotEmpty: La matrícula no puede estar vacía
-    volumeNotEmpty: El volumen no puede estar vacío
-    typeNotEmpty: El tipo no puede estar vacío
-    maxTrays: Has alcanzado el número máximo de bandejas
-    minHeightBetweenTrays: 'La distancia mínima entre bandejas es '
-    maxWagonHeight: 'La altura máxima del vagón es '
-    uncompleteTrays: Hay bandejas sin completar
-route/roadmap:
-  pageTitles:
-    roadmap: Troncales
-    summary: Resumen
-    basicData: Datos básicos
-    stops: Paradas
-roadmap:
-  pageTitles:
-    roadmap: Troncales
-    summary: Resumen
-    basicData: Datos básicos
-    stops: Paradas
-route:
-  pageTitles:
-    routes: Rutas
-    cmrsList: Listado de CMRs externos
-    RouteList: Listado
-    create: Crear
-    basicData: Datos básicos
-    summary: Resumen
-    RouteRoadmap: Troncales
-    RouteRoadmapCreate: Crear troncal
-    tickets: Tickets
-    log: Historial
-    autonomous: Autónomos
-  cmr:
-    list:
-      results: resultados
-      cmrFk: Id CMR
-      hasCmrDms: Adjuntado en gestdoc
-      'true': Sí
-      'false': 'No'
-      ticketFk: Id ticket
-      routeFk: Id ruta
-      country: País
-      clientFk: Id cliente
-      shipped: Fecha preparación
-      viewCmr: Ver CMR
-      downloadCmrs: Descargar CMRs
-supplier:
-  pageTitles:
-    suppliers: Proveedores
-    supplier: Proveedor
-    list: Listado
-    create: Crear
-    summary: Resumen
-    basicData: Datos básicos
-    fiscalData: Datos fiscales
-    billingData: Forma de pago
-    log: Historial
-    accounts: Cuentas
-    contacts: Contactos
-    addresses: Direcciones
-    consumption: Consumo
-    agencyTerm: Acuerdo agencia
-    dms: Gestión documental
-  list:
-    payMethod: Método de pago
-    payDeadline: Plazo de pago
-    payDay: Día de pago
-    account: Cuenta
-    newSupplier: Nuevo proveedor
-  summary:
-    responsible: Responsable
-    notes: Notas
-    verified: Verificado
-    isActive: Está activo
-    billingData: Forma de pago
-    payMethod: Método de pago
-    payDeadline: Plazo de pago
-    payDay: Día de pago
-    account: Cuenta
-    fiscalData: Datos fiscales
-    sageTaxType: Tipo de impuesto Sage
-    sageTransactionType: Tipo de transacción Sage
-    sageWithholding: Retención sage
-    supplierActivity: Actividad proveedor
-    healthRegister: Pasaporte sanitario
-    fiscalAddress: Dirección fiscal
-    socialName: Razón social
-    taxNumber: NIF/CIF
-    street: Dirección
-    city: Población
-    postCode: Código postal
-    province: Provincia
-    country: País
-  create:
-    supplierName: Nombre del proveedor
-  basicData:
-    alias: Alias
-    workerFk: Responsable
-    isSerious: Verificado
-    isActive: Activo
-    isPayMethodChecked: Método de pago validado
-    note: Notas
-  fiscalData:
-    name: Razón social *
-    nif: NIF/CIF *
-    account: Cuenta
-    sageTaxTypeFk: Tipo de impuesto sage
-    sageWithholdingFk: Retención sage
-    sageTransactionTypeFk: Tipo de transacción sage
-    supplierActivityFk: Actividad proveedor
-    healthRegister: Pasaporte sanitario
-    street: Calle
-    postcode: Código postal
-    city: Población *
-    provinceFk: Provincia
-    country: País
-    isTrucker: Transportista
-    isVies: Vies
-  billingData:
-    payMethodFk: Forma de pago
-    payDemFk: Plazo de pago
-    payDay: Día de pago
-  accounts:
-    iban: Iban
-    bankEntity: Entidad bancaria
-    beneficiary: Beneficiario
-  contacts:
-    name: Nombre
-    phone: Teléfono
-    mobile: Móvil
-    email: Email
-    observation: Notas
-  addresses:
-    street: Dirección
-    postcode: Código postal
-    phone: Teléfono
-    name: Nombre
-    city: Población
-    province: Provincia
-    mobile: Móvil
-  agencyTerms:
-    agencyFk: Agencia
-    minimumM3: M3 mínimos
-    packagePrice: Precio bulto
-    kmPrice: Precio Km
-    m3Price: Precio M3
-    routePrice: Precio ruta
-    minimumKm: Km mínimos
-    addRow: Añadir fila
-  consumption:
-    entry: Entrada
-    date: Fecha
-    reference: Referencia
-travel:
-  pageTitles:
-    travel: Envíos
-    list: Listado
-    create: Crear
-    summary: Resumen
-    extraCommunity: Extra comunitarios
-    travelCreate: Nuevo envío
-    basicData: Datos básicos
-    history: Historial
-    thermographs: Termógrafos
-  summary:
-    confirmed: Confirmado
-    entryId: Id entrada
-    freight: Porte
-    package: Embalaje
-    delivered: Enviada
-    received: Recibida
-    entries: Entradas
-    cloneShipping: Clonar envío
-    CloneTravelAndEntries: Clonar travel y sus entradas
-    deleteTravel: Eliminar envío
-    AddEntry: Añadir entrada
-    thermographs: Termógrafos
-    hb: HB
-  variables:
-    search: Id/Referencia
-    agencyModeFk: Agencia
-    warehouseInFk: Alm. entrada
-    warehouseOutFk: ' Alm. salida'
-    landedFrom: Llegada desde
-    landedTo: Llegada hasta
-    continent: Cont. Salida
-    totalEntries: Ent. totales
-  basicData:
-    reference: Referencia
-    agency: Agencia
-    shipped: F. Envío
-    landed: F. entrega
-    warehouseOut: Alm. salida
-    warehouseIn: Alm. entrada
-    delivered: Enviada
-    received: Recibida
-  thermographs:
-    code: Código
-    temperature: Temperatura
-    state: Estado
-    destination: Destino
-    created: Fecha creación
-    thermograph: Termógrafo
-    reference: Referencia
-    type: Tipo
-    company: Empresa
-    warehouse: Almacén
-    travelFileDescription: 'Id envío { travelId }'
-    file: Fichero
-item:
-  pageTitles:
-    items: Artículos
-    list: Listado
-    diary: Histórico
-    tags: Etiquetas
-    create: Crear
-  descriptor:
-    item: Artículo
-    buyer: Comprador
-    color: Color
-    category: Categoría
-    stems: Tallos
-    visible: Visible
-    available: Disponible
-    warehouseText: 'Calculado sobre el almacén de { warehouseName }'
-    itemDiary: Registro de compra-venta
-  list:
-    id: Identificador
-    grouping: Grouping
-    packing: Packing
-    description: Descripción
-    stems: Tallos
-    category: Reino
-    typeName: Tipo
-    intrastat: Intrastat
-    isActive: Activo
-    size: Medida
-    origin: Origen
-    weightByPiece: Peso (gramos)/tallo
-    userName: Comprador
-    stemMultiplier: Multiplicador
-    producer: Productor
-    landed: F. entrega
-components:
-  topbar: {}
-  userPanel:
-    copyToken: Token copiado al portapapeles
-    settings: Configuración
+    userPanel: Panel de usuario
+    modules: Módulos
+    pinnedModules: Módulos fijados
+    darkMode: Modo oscuro
     logOut: Cerrar sesión
-    localWarehouse: Almacén local
-    localBank: Banco local
-    localCompany: Empresa local
-    userWarehouse: Almacén del usuario
-    userCompany: Empresa del usuario
-  smartCard:
-    downloadFile: Descargar archivo
-    clone: Clonar
-    openCard: Ficha
-    openSummary: Detalles
-  cardDescriptor:
-    mainList: Listado principal
-    summary: Resumen
-    moreOptions: 'Más opciones'
-  leftMenu:
-    addToPinned: Añadir a fijados
-    removeFromPinned: Eliminar de fijados
-  VnLv:
-    copyText: '{copyValue} se ha copiado al portapepeles'
-  iban_tooltip: 'IBAN: ES21 1234 5678 90 0123456789'
+    date: Fecha
+    dataSaved: Datos guardados
+    dataDeleted: Datos eliminados
+    search: Buscar
+    changes: Cambios
+    dataCreated: Datos creados
+    add: Añadir
+    create: Crear
+    edit: Modificar
+    save: Guardar
+    remove: Eliminar
+    reset: Restaurar
+    close: Cerrar
+    cancel: Cancelar
+    confirm: Confirmar
+    assign: Asignar
+    back: Volver
+    yes: Si
+    no: No
+    noChanges: Sin cambios que guardar
+    changesToSave: Tienes cambios pendientes de guardar
+    confirmRemove: Vas a eliminar este registro. ¿Continuar?
+    rowAdded: Fila añadida
+    rowRemoved: Fila eliminada
+    pleaseWait: Por favor espera...
+    noPinnedModules: No has fijado ningún módulo
+    summary:
+        basicData: Datos básicos
+    today: Hoy
+    yesterday: Ayer
+    dateFormat: es-ES
+    noSelectedRows: No tienes ninguna línea seleccionada
+    microsip: Abrir en MicroSIP
+    downloadCSVSuccess: Descarga de CSV exitosa
+    reference: Referencia
+    agency: Agencia
+    wareHouseOut: Alm. salida
+    wareHouseIn: Alm. entrada
+    landed: F. entrega
+    shipped: F. envío
+    totalEntries: Ent. totales
+    amount: Importe
+    packages: Bultos
+    download: Descargar
+    selectRows: 'Seleccionar las { numberRows } filas(s)'
+    allRows: 'Todo { numberRows } filas(s)'
+    markAll: Marcar todo
+    requiredField: Campo obligatorio
+    class: clase
+    type: Tipo
+    reason: motivo
+    noResults: Sin resultados
+    system: Sistema
+    warehouse: Almacén
+    company: Empresa
+    fieldRequired: Campo requerido
+    allowedFilesText: 'Tipos de archivo permitidos: { allowedContentTypes }'
+    smsSent: SMS enviado
+    confirmDeletion: Confirmar eliminación
+    confirmDeletionMessage: ¿Seguro que quieres eliminar?
+    description: Descripción
+    id: Id
+    order: Orden
+    original: Original
+    file: Fichero
+    selectFile: Seleccione un fichero
+    copyClipboard: Copiar en portapapeles
+    salesPerson: Comercial
+    code: Código
+    pageTitles:
+        summary: Resumen
+        basicData: Datos básicos
+        log: Historial
+        parkingList: Listado de parkings
+    created: Fecha creación
+    worker: Trabajador
+errors:
+    statusUnauthorized: Acceso denegado
+    statusInternalServerError: Ha ocurrido un error interno del servidor
+    statusBadGateway: Parece ser que el servidor ha caído
+    statusGatewayTimeout: No se ha podido contactar con el servidor
+    userConfig: Error al obtener configuración de usuario
+    writeRequest: No se pudo completar la operación solicitada
+login:
+    title: Inicio de sesión
+    username: Nombre de usuario
+    password: Contraseña
+    submit: Iniciar sesión
+    keepLogin: Mantener sesión iniciada
+    loginSuccess: Inicio de sesión correcto
+    loginError: Nombre de usuario o contraseña incorrectos
+    fieldRequired: Este campo es obligatorio
+    twoFactorRequired: Verificación de doble factor requerida
+    pageTitles:
+        logIn: Inicio de sesión
+twoFactor:
+    code: Código
+    validate: Validar
+    insert: Introduce el código de verificación
+    explanation: Por favor introduce el código de verificación que te hemos enviado a tu email en los próximos 5 minutos
+    pageTitles:
+        twoFactor: Doble factor
+verifyEmail:
+    pageTitles:
+        verifyEmail: Verificación de correo
+dashboard:
+    pageTitles:
+        dashboard: Tablón
+customer:
+    pageTitles:
+        customers: Clientes
+        create: Crear
+        list: Listado
+        webPayments: Pagos Web
+        extendedList: Listado extendido
+        notifications: Notificaciones
+        defaulter: Morosos
+        createCustomer: Crear cliente
+        summary: Resumen
+        basicData: Datos básicos
+        fiscalData: Datos fiscales
+        billingData: Forma de pago
+        consignees: Consignatarios
+        notes: Notas
+        credits: Créditos
+        greuges: Greuges
+        balance: Balance
+        recoveries: Recobros
+        webAccess: Acceso web
+        log: Historial
+        sms: Sms
+        creditManagement: Gestión de crédito
+        creditContracts: Contratos de crédito
+        creditOpinion: Opinión de crédito
+        others: Otros
+    list:
+        phone: Teléfono
+        email: Email
+        customerOrders: Mostrar órdenes del cliente
+        moreOptions: Más opciones
+    card:
+        customerId: ID cliente
+        salesPerson: Comercial
+        credit: Crédito
+        securedCredit: Crédito asegurado
+        payMethod: Método de pago
+        debt: Riesgo
+        isDisabled: El cliente está desactivado
+        isFrozen: El cliente está congelado
+        hasDebt: El cliente tiene riesgo
+        notChecked: El cliente no está comprobado
+        noWebAccess: El acceso web está desactivado
+        businessTypeFk: Tipo de negocio
+    summary:
+        basicData: Datos básicos
+        fiscalAddress: Dirección fiscal
+        fiscalData: Datos fiscales
+        billingData: Datos de facturación
+        consignee: Consignatario pred.
+        businessData: Datos comerciales
+        financialData: Datos financieros
+        customerId: ID cliente
+        name: Nombre
+        contact: Contacto
+        phone: Teléfono
+        mobile: Móvil
+        email: Email
+        salesPerson: Comercial
+        contactChannel: Canal de contacto
+        socialName: Razón social
+        fiscalId: NIF/CIF
+        postcode: Código postal
+        province: Provincia
+        country: País
+        street: Calle
+        isEqualizated: Recargo de equivalencia
+        isActive: Activo
+        invoiceByAddress: Facturar por consignatario
+        verifiedData: Datos verificados
+        hasToInvoice: Facturar
+        notifyByEmail: Notificar por email
+        vies: VIES
+        payMethod: Método de pago
+        bankAccount: Cuenta bancaria
+        dueDay: Día de pago
+        hasLcr: Recibido LCR
+        hasCoreVnl: Recibido core VNL
+        hasB2BVnl: Recibido B2B VNL
+        addressName: Nombre de la dirección
+        addressCity: Ciudad
+        addressStreet: Calle
+        username: Usuario
+        webAccess: Acceso web
+        totalGreuge: Greuge total
+        mana: Maná
+        priceIncreasingRate: Ratio de incremento de precio
+        averageInvoiced: Facturación media
+        claimRate: Ratio de reclamaciones
+        risk: Riesgo
+        riskInfo: Facturas menos recibos mas pedidos sin facturar
+        credit: Crédito
+        creditInfo: Riesgo máximo asumido por la empresa
+        securedCredit: Crédito asegurado
+        securedCreditInfo: Riesgo máximo asumido por Solunion
+        balance: Balance
+        balanceInfo: Facturas menos recibos
+        balanceDue: Saldo vencido
+        balanceDueInfo: Facturas fuera de plazo menos recibos
+        recoverySince: Recobro desde
+        businessType: Tipo de negocio
+        city: Población
+        rating: Clasificación
+        recommendCredit: Crédito recomendado
+    basicData:
+        socialName: Nombre fiscal
+        businessType: Tipo de negocio
+        contact: Contacto
+        email: Email
+        phone: Teléfono
+        mobile: Móvil
+        salesPerson: Comercial
+        contactChannel: Canal de contacto
+    extendedList:
+        tableVisibleColumns:
+            id: Identificador
+            name: Nombre
+            fi: NIF / CIF
+            salesPersonFk: Comercial
+            credit: Crédito
+            creditInsurance: Crédito asegurado
+            phone: Teléfono
+            mobile: Móvil
+            street: Dirección fiscal
+            countryFk: País
+            provinceFk: Provincia
+            city: Población
+            postcode: Código postal
+            email: Email
+            created: Fecha creación
+            businessTypeFk: Tipo de negocio
+            payMethodFk: Forma de pago
+            sageTaxTypeFk: Tipo de impuesto Sage
+            sageTransactionTypeFk: Tipo tr. sage
+            isActive: Activo
+            isVies: Vies
+            isTaxDataChecked: Datos comprobados
+            isEqualizated: Recargo de equivalencias
+            isFreezed: Congelado
+            hasToInvoice: Factura
+            hasToInvoiceByAddress: Factura por consigna
+            isToBeMailed: Env. emails
+            hasLcr: Recibido LCR
+            hasCoreVnl: Recibido core VNL
+            hasSepaVnl: Recibido B2B VNL
+entry:
+    pageTitles:
+        entries: Entradas
+        list: Listado
+        summary: Resumen
+        basicData: Datos básicos
+        buys: Compras
+        notes: Notas
+        dms: Gestión documental
+        log: Historial
+        create: Crear
+        latestBuys: Últimas compras
+    list:
+        newEntry: Nueva entrada
+        landed: F. entrega
+        invoiceNumber: Núm. factura
+        supplier: Proveedor
+        booked: Asentado
+        confirmed: Confirmado
+        ordered: Pedida
+    summary:
+        commission: Comisión
+        currency: Moneda
+        company: Empresa
+        reference: Referencia
+        invoiceNumber: Núm. factura
+        ordered: Pedida
+        confirmed: Confirmada
+        booked: Contabilizada
+        raid: Redada
+        excludedFromAvailable: Inventario
+        travelReference: Referencia
+        travelAgency: Agencia
+        travelShipped: F. envio
+        travelWarehouseOut: Alm. salida
+        travelDelivered: Enviada
+        travelLanded: F. entrega
+        travelWarehouseIn: Alm. entrada
+        travelReceived: Recibida
+        buys: Compras
+        quantity: Cantidad
+        stickers: Etiquetas
+        package: Embalaje
+        weight: Peso
+        packing: Packing
+        grouping: Grouping
+        buyingValue: Coste
+        import: Importe
+        pvp: PVP
+        item: Artículo
+    basicData:
+        supplier: Proveedor
+        travel: Envío
+        reference: Referencia
+        invoiceNumber: Núm. factura
+        company: Empresa
+        currency: Moneda
+        observation: Observación
+        commission: Comisión
+        ordered: Pedida
+        confirmed: Confirmado
+        booked: Asentado
+        raid: Redada
+        excludedFromAvailable: Inventario
+        agency: Agencia
+        warehouseOut: Alm. salida
+        warehouseIn: Alm. entrada
+        shipped: F. envío
+        landed: F. entrega
+        id: ID
+    buys:
+        groupingPrice: Precio grouping
+        packingPrice: Precio packing
+        reference: Referencia
+        observations: Observaciónes
+        item: Artículo
+        size: Medida
+        packing: Packing
+        grouping: Grouping
+        buyingValue: Coste
+        packagingFk: Embalaje
+        file: Fichero
+        name: Nombre
+        producer: Productor
+        type: Tipo
+        color: Color
+        id: ID
+    notes:
+        observationType: Tipo de observación
+    descriptor:
+        agency: Agencia
+        landed: F. entrega
+        warehouseOut: Alm. salida
+    latestBuys:
+        picture: Foto
+        itemFk: ID Artículo
+        packing: Packing
+        grouping: Grouping
+        quantity: Cantidad
+        size: Medida
+        tags: Etiquetas
+        type: Tipo
+        intrastat: Intrastat
+        origin: Origen
+        weightByPiece: Peso (gramos)/tallo
+        isActive: Activo
+        family: Familia
+        entryFk: Entrada
+        buyingValue: Coste
+        freightValue: Porte
+        comissionValue: Comisión
+        packageValue: Embalaje
+        isIgnored: Ignorado
+        price2: Grouping
+        price3: Packing
+        minPrice: Min
+        ektFk: Ekt
+        weight: Peso
+        packagingFk: Embalaje
+        packingOut: Embalaje envíos
+        landing: Llegada
+ticket:
+    pageTitles:
+        tickets: Tickets
+        list: Listado
+        createTicket: Crear ticket
+        summary: Resumen
+        basicData: Datos básicos
+        boxing: Encajado
+        sms: Sms
+        notes: Notas
+    list:
+        nickname: Alias
+        state: Estado
+        shipped: Enviado
+        landed: Entregado
+        salesPerson: Comercial
+        total: Total
+    card:
+        ticketId: ID ticket
+        state: Estado
+        customerId: ID cliente
+        salesPerson: Comercial
+        agency: Agencia
+        shipped: Enviado
+        warehouse: Almacén
+        customerCard: Ficha del cliente
+        alias: Alias
+    boxing:
+        expedition: Expedición
+        item: Artículo
+        created: Creado
+        worker: Trabajador
+        selectTime: 'Seleccionar hora:'
+        selectVideo: 'Seleccionar vídeo:'
+        notFound: No hay vídeos disponibles
+    summary:
+        state: Estado
+        salesPerson: Comercial
+        agency: Agencia
+        zone: Zona
+        warehouse: Almacén
+        route: Ruta
+        invoice: Factura
+        shipped: Enviado
+        landed: Entregado
+        consigneePhone: Tel. consignatario
+        consigneeMobile: Móv. consignatario
+        clientPhone: Tel. cliente
+        clientMobile: Móv. cliente
+        consignee: Consignatario
+        subtotal: Subtotal
+        vat: IVA
+        total: Total
+        saleLines: Líneas del pedido
+        item: Artículo
+        visible: Visible
+        available: Disponible
+        quantity: Cantidad
+        price: Precio
+        discount: Descuento
+        packing: Encajado
+        hasComponentLack: Faltan componentes
+        itemShortage: No visible
+        claim: Reclamación
+        reserved: Reservado
+        created: Fecha creación
+        package: Embalaje
+        taxClass: Tipo IVA
+        services: Servicios
+        changeState: Cambiar estado
+        requester: Solicitante
+        atender: Comprador
+        request: Petición de compra
+        weight: Peso
+        goTo: Ir a
+        summaryAmount: Resumen
+claim:
+    pageTitles:
+        claims: Reclamaciones
+        list: Listado
+        createClaim: Crear reclamación
+        summary: Resumen
+        basicData: Datos básicos
+        lines: Líneas
+        development: Trazabilidad
+        photos: Fotos
+        log: Historial
+        notes: Notas
+        action: Acción
+    list:
+        customer: Cliente
+        assignedTo: Asignada a
+        created: Creada
+        state: Estado
+    rmaList:
+        code: Código
+        records: registros
+    card:
+        claimId: ID reclamación
+        assignedTo: Asignada a
+        created: Creada
+        state: Estado
+        ticketId: ID ticket
+        customerSummary: Resumen del cliente
+        claimedTicket: Ticket reclamado
+        saleTracking: Líneas preparadas
+        ticketTracking: Estados del ticket
+        commercial: Comercial
+        province: Provincia
+        zone: Zona
+        customerId: ID del cliente
+    summary:
+        customer: Cliente
+        assignedTo: Asignada a
+        attendedBy: Atendida por
+        created: Creada
+        state: Estado
+        details: Detalles
+        item: Artículo
+        landed: Entregado
+        quantity: Cantidad
+        claimed: Reclamado
+        price: Precio
+        discount: Descuento
+        total: Total
+        actions: Acciones
+        responsibility: Responsabilidad
+        company: Empresa
+        person: Comercial/Cliente
+        notes: Observaciones
+        photos: Fotos
+        development: Trazabilidad
+        reason: Motivo
+        result: Consecuencias
+        responsible: Responsable
+        worker: Trabajador
+        redelivery: Devolución
+    basicData:
+        customer: Cliente
+        assignedTo: Asignada a
+        created: Creada
+        state: Estado
+        pickup: Recogida
+        null: No
+        agency: Agencia
+        delivery: Reparto
+    photo:
+        fileDescription: 'Reclamacion ID {claimId} del cliente {clientName} id {clientId}'
+        noData: No hay imágenes/videos haz click aquí o arrastra y suelta el archivo
+        dragDrop: Arrástralo y sueltalo aquí
+invoiceOut:
+    pageTitles:
+        invoiceOuts: Fact. emitidas
+        list: Listado
+        negativeBases: Bases Negativas
+        globalInvoicing: Facturación global
+        createInvoiceOut: Crear fact. emitida
+        summary: Resumen
+        basicData: Datos básicos
+    list:
+        ref: Referencia
+        issued: Fecha emisión
+        shortIssued: F. emisión
+        client: Cliente
+        created: Fecha creación
+        shortCreated: F. creación
+        company: Empresa
+        dued: Fecha vencimineto
+        shortDued: F. vencimiento
+        amount: Importe
+    card:
+        issued: Fecha emisión
+        client: Cliente
+        company: Empresa
+        customerCard: Ficha del cliente
+        ticketList: Listado de tickets
+    summary:
+        issued: Fecha
+        created: Fecha creación
+        dued: Vencimiento
+        booked: Contabilizada
+        company: Empresa
+        taxBreakdown: Desglose impositivo
+        type: Tipo
+        taxableBase: Base imp.
+        rate: Tarifa
+        fee: Cuota
+        tickets: Tickets
+        ticketId: Id ticket
+        nickname: Alias
+        shipped: F. envío
+        totalWithVat: Importe
+    globalInvoices:
+        errors:
+            chooseValidClient: Selecciona un cliente válido
+            chooseValidCompany: Selecciona una empresa válida
+            chooseValidPrinter: Selecciona una impresora válida
+            fillDates: La fecha de la factura y la fecha máxima deben estar completas
+            invoiceDateLessThanMaxDate: La fecha de la factura no puede ser menor que la fecha máxima
+            invoiceWithFutureDate: Existe una factura con una fecha futura
+            noTicketsToInvoice: No existen tickets para facturar
+            criticalInvoiceError: Error crítico en la facturación proceso detenido
+        table:
+            client: Cliente
+            addressId: Id dirección
+            streetAddress: Dirección fiscal
+        statusCard:
+            percentageText: '{getPercentage}% {getAddressNumber} de {getNAddresses}'
+            pdfsNumberText: '{nPdfs} de {totalPdfs} PDFs'
+    negativeBases:
+        from: Desde
+        to: Hasta
+        company: Empresa
+        country: País
+        clientId: Id cliente
+        client: Cliente
+        amount: Importe
+        base: Base
+        ticketId: Id ticket
+        active: Activo
+        hasToInvoice: Facturar
+        verifiedData: Datos comprobados
+        comercial: Comercial
+        errors:
+            downloadCsvFailed: Error al descargar CSV
+order:
+    pageTitles:
+        order: Cesta
+        orderList: Listado
+        create: Crear
+        summary: Resumen
+        basicData: Datos básicos
+        catalog: Catálogo
+        volume: Volumen
+        lines: Líneas
+    field:
+        salesPersonFk: Comercial
+        clientFk: Cliente
+        isConfirmed: Confirmada
+        created: Creado
+        landed: F. entrega
+        hour: Hora
+        agency: Agencia
+        total: Total
+    form:
+        clientFk: Cliente
+        addressFk: Dirección
+        landed: F. entrega
+        agencyModeFk: Agencia
+    list:
+        newOrder: Nuevo Pedido
+    summary:
+        basket: Cesta
+        nickname: Alias
+        company: Empresa
+        confirmed: Confirmada
+        notConfirmed: No confirmada
+        created: Creado
+        landed: F. entrega
+        phone: Teléfono
+        createdFrom: Creado desde
+        address: Dirección
+        notes: Notas
+        subtotal: Subtotal
+        total: Total
+        vat: IVA
+        state: Estado
+        alias: Alias
+        items: Items
+        orderTicketList: Tickets del pedido
+        details: Detalles
+        item: Item
+        quantity: Cantidad
+        price: Precio
+        amount: Monto
+shelving:
+    pageTitles:
+        shelving: Carros
+        shelvingList: Listado de carros
+        create: Crear
+        summary: Resumen
+        basicData: Datos básicos
+        log: Historial
+    list:
+        parking: Parking
+        priority: Prioridad
+        newShelving: Nuevo Carro
+    summary:
+        code: Código
+        parking: Parking
+        priority: Prioridad
+        worker: Trabajador
+        recyclable: Reciclable
+    basicData:
+        code: Código
+        parking: Parking
+        priority: Prioridad
+        recyclable: Reciclable
+parking:
+    pickingOrder: Orden de recogida
+    row: Fila
+    column: Columna
+    pageTitles:
+        parking: Parking
+    searchBar:
+        info: Puedes buscar por código de parking
+        label: Buscar parking...
+invoiceIn:
+    pageTitles:
+        invoiceIns: Fact. recibidas
+        list: Listado
+        createInvoiceIn: Crear fact. recibida
+        summary: Resumen
+        basicData: Datos básicos
+        vat: IVA
+        dueDay: Vencimiento
+        intrastat: Intrastat
+        corrective: Rectificativa
+        log: Historial
+    list:
+        ref: Referencia
+        supplier: Proveedor
+        supplierRef: Ref. proveedor
+        serialNumber: Num. serie
+        shortIssued: F. emisión
+        serial: Serie
+        file: Fichero
+        issued: Fecha emisión
+        isBooked: Conciliada
+        awb: AWB
+        amount: Importe
+    card:
+        issued: Fecha emisión
+        amount: Importe
+        client: Cliente
+        company: Empresa
+        customerCard: Ficha del cliente
+        ticketList: Listado de tickets
+        vat: Iva
+        dueDay: Fecha de vencimiento
+    summary:
+        supplier: Proveedor
+        supplierRef: Ref. proveedor
+        currency: Divisa
+        docNumber: Número documento
+        issued: Fecha de expedición
+        operated: Fecha operación
+        bookEntried: Fecha asiento
+        bookedDate: Fecha contable
+        sage: Retención sage
+        vat: Iva no deducible
+        company: Empresa
+        booked: Contabilizada
+        expense: Gasto
+        taxableBase: Base imp.
+        rate: Tasa
+        sageTransaction: Sage transación
+        dueDay: Fecha
+        bank: Caja
+        amount: Importe
+        foreignValue: Divisa
+        dueTotal: Vencimiento
+        code: Código
+        net: Neto
+        stems: Tallos
+        country: País
+department:
+    pageTitles:
+        basicData: Basic data
+        department: Departamentos
+        summary: Resumen
+    name: Nombre
+    code: Código
+    chat: Chat
+    bossDepartment: Jefe de departamento
+    email: Email
+    selfConsumptionCustomer: Cliente autoconsumo
+    telework: Teletrabaja
+    notifyOnErrors: Notificar errores
+    worksInProduction: Pertenece a producción
+    hasToRefill: Completar días sin registros físicos
+    hasToSendMail: Enviar fichadas por mail
+    departmentRemoved: Departamento eliminado
+worker:
+    pageTitles:
+        workers: Trabajadores
+        list: Listado
+        basicData: Datos básicos
+        summary: Resumen
+        notifications: Notificaciones
+        workerCreate: Nuevo trabajador
+        department: Departamentos
+        pda: PDA
+        notes: Notas
+        dms: Mi documentación
+        pbx: Centralita
+        log: Historial
+    list:
+        name: Nombre
+        email: Email
+        phone: Teléfono
+        mobile: Móvil
+        active: Activo
+        department: Departamento
+        schedule: Horario
+        newWorker: Nuevo trabajador
+    card:
+        workerId: ID Trabajador
+        name: Nombre
+        email: Email
+        phone: Teléfono
+        mobile: Móvil
+        active: Activo
+        warehouse: Almacén
+        agency: Empresa
+        salesPerson: Comercial
+    summary:
+        basicData: Datos básicos
+        boss: Jefe
+        phoneExtension: Extensión de teléfono
+        entPhone: Teléfono de empresa
+        personalPhone: Teléfono personal
+        noBoss: Sin jefe
+        userData: Datos de usuario
+        userId: ID del usuario
+        role: Rol
+        sipExtension: Extensión
+        locker: Taquilla
+    notificationsManager:
+        activeNotifications: Notificaciones activas
+        availableNotifications: Notificaciones disponibles
+        subscribed: Se ha suscrito a la notificación
+        unsubscribed: Se ha dado de baja de la notificación
+    pda:
+        newPDA: Nueva PDA
+        currentPDA: PDA Actual
+        model: Modelo
+        serialNumber: Número de serie
+        removePDA: Desasignar PDA
+    create:
+        name: Nombre
+        lastName: Apellido
+        birth: Fecha de nacimiento
+        fi: DNI/NIF/NIE
+        code: Código de trabajador
+        phone: Teléfono
+        postcode: Código postal
+        province: Provincia
+        city: Población
+        street: Dirección
+        webUser: Usuario Web
+        personalEmail: Correo personal
+        company: Empresa
+        boss: Jefe
+        payMethods: Método de pago
+        iban: IBAN
+        bankEntity: Swift / BIC
+    imageNotFound: No se ha encontrado la imagen
+wagon:
+    pageTitles:
+        wagons: Vagones
+        wagonsList: Listado vagones
+        wagonCreate: Crear tipo
+        wagonEdit: Editar tipo
+        typesList: Listado tipos
+        typeCreate: Crear tipo
+        typeEdit: Editar tipo
+        wagonCounter: Contador de carros
+    type:
+        name: Nombre
+        submit: Guardar
+        reset: Deshacer cambios
+        trayColor: Color de la bandeja
+        removeItem: Tipo de vagón borrado correctamente
+    list:
+        plate: Matrícula
+        volume: Volumen
+        type: Tipo
+        remove: Borrar
+        removeItem: Vagón borrado correctamente
+    create:
+        plate: Matrícula
+        volume: Volumen
+        type: Tipo
+        label: Etiqueta
+    warnings:
+        noData: Sin datos disponibles
+        nameNotEmpty: El nombre no puede estar vacío
+        labelNotEmpty: La etiqueta no puede estar vacía
+        plateNotEmpty: La matrícula no puede estar vacía
+        volumeNotEmpty: El volumen no puede estar vacío
+        typeNotEmpty: El tipo no puede estar vacío
+        maxTrays: Has alcanzado el número máximo de bandejas
+        minHeightBetweenTrays: 'La distancia mínima entre bandejas es '
+        maxWagonHeight: 'La altura máxima del vagón es '
+        uncompleteTrays: Hay bandejas sin completar
+route/roadmap:
+    pageTitles:
+        roadmap: Troncales
+        summary: Resumen
+        basicData: Datos básicos
+        stops: Paradas
+roadmap:
+    pageTitles:
+        roadmap: Troncales
+        summary: Resumen
+        basicData: Datos básicos
+        stops: Paradas
+route:
+    pageTitles:
+        routes: Rutas
+        cmrsList: Listado de CMRs externos
+        RouteList: Listado
+        create: Crear
+        basicData: Datos básicos
+        summary: Resumen
+        RouteRoadmap: Troncales
+        RouteRoadmapCreate: Crear troncal
+        tickets: Tickets
+        log: Historial
+        autonomous: Autónomos
+    cmr:
+        list:
+            results: resultados
+            cmrFk: Id CMR
+            hasCmrDms: Adjuntado en gestdoc
+            'true': Sí
+            'false': 'No'
+            ticketFk: Id ticket
+            routeFk: Id ruta
+            country: País
+            clientFk: Id cliente
+            shipped: Fecha preparación
+            viewCmr: Ver CMR
+            downloadCmrs: Descargar CMRs
+supplier:
+    pageTitles:
+        suppliers: Proveedores
+        supplier: Proveedor
+        list: Listado
+        create: Crear
+        summary: Resumen
+        basicData: Datos básicos
+        fiscalData: Datos fiscales
+        billingData: Forma de pago
+        log: Historial
+        accounts: Cuentas
+        contacts: Contactos
+        addresses: Direcciones
+        consumption: Consumo
+        agencyTerm: Acuerdo agencia
+        dms: Gestión documental
+    list:
+        payMethod: Método de pago
+        payDeadline: Plazo de pago
+        payDay: Día de pago
+        account: Cuenta
+        newSupplier: Nuevo proveedor
+    summary:
+        responsible: Responsable
+        notes: Notas
+        verified: Verificado
+        isActive: Está activo
+        billingData: Forma de pago
+        payMethod: Método de pago
+        payDeadline: Plazo de pago
+        payDay: Día de pago
+        account: Cuenta
+        fiscalData: Datos fiscales
+        sageTaxType: Tipo de impuesto Sage
+        sageTransactionType: Tipo de transacción Sage
+        sageWithholding: Retención sage
+        supplierActivity: Actividad proveedor
+        healthRegister: Pasaporte sanitario
+        fiscalAddress: Dirección fiscal
+        socialName: Razón social
+        taxNumber: NIF/CIF
+        street: Dirección
+        city: Población
+        postCode: Código postal
+        province: Provincia
+        country: País
+    create:
+        supplierName: Nombre del proveedor
+    basicData:
+        alias: Alias
+        workerFk: Responsable
+        isSerious: Verificado
+        isActive: Activo
+        isPayMethodChecked: Método de pago validado
+        note: Notas
+    fiscalData:
+        name: Razón social *
+        nif: NIF/CIF *
+        account: Cuenta
+        sageTaxTypeFk: Tipo de impuesto sage
+        sageWithholdingFk: Retención sage
+        sageTransactionTypeFk: Tipo de transacción sage
+        supplierActivityFk: Actividad proveedor
+        healthRegister: Pasaporte sanitario
+        street: Calle
+        postcode: Código postal
+        city: Población *
+        provinceFk: Provincia
+        country: País
+        isTrucker: Transportista
+        isVies: Vies
+    billingData:
+        payMethodFk: Forma de pago
+        payDemFk: Plazo de pago
+        payDay: Día de pago
+    accounts:
+        iban: Iban
+        bankEntity: Entidad bancaria
+        beneficiary: Beneficiario
+    contacts:
+        name: Nombre
+        phone: Teléfono
+        mobile: Móvil
+        email: Email
+        observation: Notas
+    addresses:
+        street: Dirección
+        postcode: Código postal
+        phone: Teléfono
+        name: Nombre
+        city: Población
+        province: Provincia
+        mobile: Móvil
+    agencyTerms:
+        agencyFk: Agencia
+        minimumM3: M3 mínimos
+        packagePrice: Precio bulto
+        kmPrice: Precio Km
+        m3Price: Precio M3
+        routePrice: Precio ruta
+        minimumKm: Km mínimos
+        addRow: Añadir fila
+    consumption:
+        entry: Entrada
+        date: Fecha
+        reference: Referencia
+travel:
+    pageTitles:
+        travel: Envíos
+        list: Listado
+        create: Crear
+        summary: Resumen
+        extraCommunity: Extra comunitarios
+        travelCreate: Nuevo envío
+        basicData: Datos básicos
+        history: Historial
+        thermographs: Termógrafos
+    summary:
+        confirmed: Confirmado
+        entryId: Id entrada
+        freight: Porte
+        package: Embalaje
+        delivered: Enviada
+        received: Recibida
+        entries: Entradas
+        cloneShipping: Clonar envío
+        CloneTravelAndEntries: Clonar travel y sus entradas
+        deleteTravel: Eliminar envío
+        AddEntry: Añadir entrada
+        thermographs: Termógrafos
+        hb: HB
+    variables:
+        search: Id/Referencia
+        agencyModeFk: Agencia
+        warehouseInFk: Alm. entrada
+        warehouseOutFk: ' Alm. salida'
+        landedFrom: Llegada desde
+        landedTo: Llegada hasta
+        continent: Cont. Salida
+        totalEntries: Ent. totales
+    basicData:
+        reference: Referencia
+        agency: Agencia
+        shipped: F. Envío
+        landed: F. entrega
+        warehouseOut: Alm. salida
+        warehouseIn: Alm. entrada
+        delivered: Enviada
+        received: Recibida
+    thermographs:
+        code: Código
+        temperature: Temperatura
+        state: Estado
+        destination: Destino
+        created: Fecha creación
+        thermograph: Termógrafo
+        reference: Referencia
+        type: Tipo
+        company: Empresa
+        warehouse: Almacén
+        travelFileDescription: 'Id envío { travelId }'
+        file: Fichero
+item:
+    pageTitles:
+        items: Artículos
+        list: Listado
+        diary: Histórico
+        tags: Etiquetas
+        create: Crear
+        fixedPrice: Precios fijados
+    descriptor:
+        item: Artículo
+        buyer: Comprador
+        color: Color
+        category: Categoría
+        stems: Tallos
+        visible: Visible
+        available: Disponible
+        warehouseText: 'Calculado sobre el almacén de { warehouseName }'
+        itemDiary: Registro de compra-venta
+    list:
+        id: Identificador
+        grouping: Grouping
+        packing: Packing
+        description: Descripción
+        stems: Tallos
+        category: Reino
+        typeName: Tipo
+        intrastat: Intrastat
+        isActive: Activo
+        size: Medida
+        origin: Origen
+        weightByPiece: Peso (gramos)/tallo
+        userName: Comprador
+        stemMultiplier: Multiplicador
+        producer: Productor
+        landed: F. entrega
+    fixedPrice:
+        itemId: ID Artículo
+        groupingPrice: Precio grouping
+components:
+    topbar: {}
+    userPanel:
+        copyToken: Token copiado al portapapeles
+        settings: Configuración
+        logOut: Cerrar sesión
+        localWarehouse: Almacén local
+        localBank: Banco local
+        localCompany: Empresa local
+        userWarehouse: Almacén del usuario
+        userCompany: Empresa del usuario
+    smartCard:
+        downloadFile: Descargar archivo
+        clone: Clonar
+        openCard: Ficha
+        openSummary: Detalles
+    cardDescriptor:
+        mainList: Listado principal
+        summary: Resumen
+        moreOptions: 'Más opciones'
+    leftMenu:
+        addToPinned: Añadir a fijados
+        removeFromPinned: Eliminar de fijados
+    VnLv:
+        copyText: '{copyValue} se ha copiado al portapepeles'
+    iban_tooltip: 'IBAN: ES21 1234 5678 90 0123456789'
diff --git a/src/pages/Item/ItemFixedPrice.vue b/src/pages/Item/ItemFixedPrice.vue
new file mode 100644
index 000000000..fb5702387
--- /dev/null
+++ b/src/pages/Item/ItemFixedPrice.vue
@@ -0,0 +1,492 @@
+<script setup>
+import { onMounted, ref, computed, reactive, onUnmounted } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { useRouter } from 'vue-router';
+
+import FetchData from 'components/FetchData.vue';
+import FetchedTags from 'components/ui/FetchedTags.vue';
+import TableVisibleColumns from 'src/components/common/TableVisibleColumns.vue';
+import VnInput from 'src/components/common/VnInput.vue';
+import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import ItemDescriptorProxy from '../Item/Card/ItemDescriptorProxy.vue';
+import WorkerDescriptorProxy from 'src/pages/Worker/Card/WorkerDescriptorProxy.vue';
+
+import { useStateStore } from 'stores/useStateStore';
+import { toDateFormat } from 'src/filters/date.js';
+import { useSession } from 'composables/useSession';
+import { dashIfEmpty } from 'src/filters';
+import { useVnConfirm } from 'composables/useVnConfirm';
+import { useState } from 'src/composables/useState';
+import { toCurrency } from 'filters/index';
+import axios from 'axios';
+
+const router = useRouter();
+const { getTokenMultimedia } = useSession();
+const token = getTokenMultimedia();
+const stateStore = useStateStore();
+const { t } = useI18n();
+const { openConfirmationModal } = useVnConfirm();
+const state = useState();
+
+const paginateRef = ref(null);
+const user = state.getUser();
+const fixedPrices = ref([]);
+const warehousesOptions = ref([]);
+const itemsWithNameOptions = ref([]);
+
+const exprBuilder = (param, value) => {
+    switch (param) {
+        case 'category':
+            return { 'ic.name': value };
+        case 'buyerFk':
+            return { 'it.workerFk': value };
+        case 'grouping':
+            return { 'b.grouping': value };
+        case 'packing':
+            return { 'b.packing': value };
+        case 'origin':
+            return { 'ori.code': value };
+        case 'typeFk':
+            return { 'i.typeFk': value };
+        case 'intrastat':
+            return { 'intr.description': value };
+        case 'name':
+            return { 'i.name': { like: `%${value}%` } };
+        case 'producer':
+            return { 'pr.name': { like: `%${value}%` } };
+        case 'id':
+        case 'size':
+        case 'subname':
+        case 'isActive':
+        case 'weightByPiece':
+        case 'stemMultiplier':
+        case 'stems':
+            return { [`i.${param}`]: value };
+    }
+};
+
+const params = reactive({});
+
+const applyColumnFilter = async (col) => {
+    try {
+        const paramKey = col.columnFilter?.filterParamKey || col.field;
+        params[paramKey] = col.columnFilter.filterValue;
+        await paginateRef.value.addFilter(null, params);
+    } catch (err) {
+        console.error('Error applying column filter', err);
+    }
+};
+
+const getInputEvents = (col) => {
+    return col.columnFilter.type === 'select'
+        ? { 'update:modelValue': () => applyColumnFilter(col) }
+        : {
+              'keyup.enter': () => applyColumnFilter(col),
+          };
+};
+
+const upsertPrice = (price, resetMinPrice) => {
+    // if (resetMinPrice) delete price['minPrice'];
+    // const requiredFields = ['itemFk', 'started', 'ended', 'rate2', 'rate3'];
+    // for (const field of requiredFields) if (price[field] == undefined) return;
+    // const query = 'FixedPrices/upsertFixedPrice';
+    // this.$http.patch(query, price).then((res) => {
+    //     this.vnApp.showSuccess(this.$t('Data saved!'));
+    //     Object.assign(price, res.data);
+    // });
+};
+
+const columns = computed(() => [
+    {
+        label: t('item.fixedPrice.itemId'),
+        name: 'itemId',
+        // field: 'id',
+        align: 'left',
+        sortable: true,
+        // columnFilter: {
+        //     component: VnInput,
+        //     type: 'text',
+        //     filterValue: null,
+        //     event: getInputEvents,
+        //     attrs: {
+        //         dense: true,
+        //     },
+        // },
+    },
+    {
+        label: t('globals.description'),
+        field: 'name',
+        name: 'description',
+        align: 'left',
+        sortable: true,
+        // columnFilter: {
+        //     component: VnInput,
+        //     type: 'text',
+        //     filterValue: null,
+        //     event: getInputEvents,
+        //     attrs: {
+        //         dense: true,
+        //     },
+        // },
+    },
+    {
+        label: t('item.fixedPrice.groupingPrice'),
+        field: 'rate2',
+        name: 'groupingPrice',
+        align: 'left',
+        sortable: true,
+        // columnFilter: {
+        //     component: VnInput,
+        //     type: 'text',
+        //     filterValue: null,
+        //     event: getInputEvents,
+        //     attrs: {
+        //         dense: true,
+        //     },
+        // },
+        format: (val) => toCurrency(val),
+    },
+    {
+        label: t('item.list.packing'),
+        field: 'packing',
+        name: 'packing',
+        align: 'left',
+        sortable: true,
+        // columnFilter: {
+        //     component: VnInput,
+        //     type: 'text',
+        //     filterValue: null,
+        //     event: getInputEvents,
+        //     attrs: {
+        //         dense: true,
+        //     },
+        // },
+        format: (val) => dashIfEmpty(val),
+    },
+
+    {
+        label: t('item.list.stems'),
+        field: 'stems',
+        name: 'stems',
+        align: 'left',
+        sortable: true,
+        // columnFilter: {
+        //     component: VnInput,
+        //     type: 'text',
+        //     filterValue: null,
+        //     event: getInputEvents,
+        //     attrs: {
+        //         dense: true,
+        //     },
+        // },
+    },
+    {
+        label: t('item.list.size'),
+        field: 'size',
+        name: 'size',
+        align: 'left',
+        sortable: true,
+        // columnFilter: {
+        //     component: VnInput,
+        //     type: 'text',
+        //     filterValue: null,
+        //     event: getInputEvents,
+        //     attrs: {
+        //         dense: true,
+        //     },
+        // },
+    },
+    {
+        label: t('item.list.typeName'),
+        field: 'typeName',
+        name: 'typeName',
+        align: 'left',
+        sortable: true,
+        // columnFilter: {
+        //     component: VnSelectFilter,
+        //     filterParamKey: 'typeFk',
+        //     type: 'select',
+        //     filterValue: null,
+        //     event: getInputEvents,
+        //     attrs: {
+        //         options: itemTypesOptions.value,
+        //         'option-value': 'id',
+        //         'option-label': 'name',
+        //         dense: true,
+        //     },
+        // },
+    },
+
+    {
+        label: t('item.list.category'),
+        field: 'category',
+        name: 'category',
+        align: 'left',
+        sortable: true,
+        // columnFilter: {
+        //     component: VnSelectFilter,
+        //     type: 'select',
+        //     filterValue: null,
+        //     event: getInputEvents,
+        //     attrs: {
+        //         options: itemCategoriesOptions.value,
+        //         'option-value': 'name',
+        //         'option-label': 'name',
+        //         dense: true,
+        //     },
+        // },
+    },
+
+    {
+        label: t('item.list.intrastat'),
+        field: 'intrastat',
+        name: 'intrastat',
+        align: 'left',
+        sortable: true,
+        // columnFilter: {
+        //     component: VnSelectFilter,
+        //     type: 'select',
+        //     filterValue: null,
+        //     event: getInputEvents,
+        //     attrs: {
+        //         options: intrastatOptions.value,
+        //         'option-value': 'description',
+        //         'option-label': 'description',
+        //         dense: true,
+        //     },
+        // },
+    },
+    {
+        label: t('item.list.origin'),
+        field: 'origin',
+        name: 'origin',
+        align: 'left',
+        sortable: true,
+        // columnFilter: {
+        //     component: VnSelectFilter,
+        //     type: 'select',
+        //     filterValue: null,
+        //     event: getInputEvents,
+        //     attrs: {
+        //         options: originsOptions.value,
+        //         'option-value': 'code',
+        //         'option-label': 'code',
+        //         dense: true,
+        //     },
+        // },
+    },
+    {
+        label: t('item.list.userName'),
+        field: 'userName',
+        name: 'userName',
+        align: 'left',
+        sortable: true,
+        // columnFilter: {
+        //     component: VnSelectFilter,
+        //     filterParamKey: 'buyerFk',
+        //     type: 'select',
+        //     filterValue: null,
+        //     event: getInputEvents,
+        //     attrs: {
+        //         options: buyersOptions.value,
+        //         'option-value': 'id',
+        //         'option-label': 'nickname',
+        //         dense: true,
+        //     },
+        // },
+    },
+    {
+        label: t('item.list.weightByPiece'),
+        field: 'weightByPiece',
+        name: 'weightByPiece',
+        align: 'left',
+        sortable: true,
+        // columnFilter: {
+        //     component: VnInput,
+        //     type: 'text',
+        //     filterValue: null,
+        //     event: getInputEvents,
+        //     attrs: {
+        //         dense: true,
+        //     },
+        // },
+        format: (val) => dashIfEmpty(val),
+    },
+    {
+        label: t('item.list.stemMultiplier'),
+        field: 'stemMultiplier',
+        name: 'stemMultiplier',
+        align: 'left',
+        sortable: true,
+        // columnFilter: {
+        //     component: VnInput,
+        //     type: 'text',
+        //     filterValue: null,
+        //     event: getInputEvents,
+        //     attrs: {
+        //         dense: true,
+        //     },
+        // },
+        format: (val) => dashIfEmpty(val),
+    },
+    {
+        label: t('item.list.isActive'),
+        field: 'isActive',
+        name: 'isActive',
+        align: 'left',
+        sortable: true,
+        // columnFilter: null,
+    },
+    {
+        label: t('item.list.producer'),
+        field: 'producer',
+        name: 'producer',
+        align: 'left',
+        sortable: true,
+        // columnFilter: {
+        //     component: VnInput,
+        //     type: 'text',
+        //     filterValue: null,
+        //     event: getInputEvents,
+        //     attrs: {
+        //         dense: true,
+        //     },
+        // },
+        format: (val) => dashIfEmpty(val),
+    },
+    {
+        label: t('item.list.landed'),
+        field: 'landed',
+        name: 'landed',
+        align: 'left',
+        sortable: true,
+        format: (val) => dashIfEmpty(toDateFormat(val)),
+        // columnFilter: null,
+    },
+    {
+        label: '',
+        name: 'actions',
+        align: 'left',
+        // columnFilter: null,
+    },
+]);
+
+const redirectToItemCreate = () => {
+    router.push({ name: 'ItemCreate' });
+};
+
+const redirectToItemSummary = (id) => {
+    router.push({ name: 'ItemSummary', params: { id } });
+};
+
+const cloneItem = async (itemFk) => {
+    // try {
+    //     const { data } = await axios.post(`Items/${itemFk}/clone`);
+    //     if (!data) return;
+    //     router.push({ name: 'ItemTags', params: { id: data.id } });
+    // } catch (err) {
+    //     console.error('Error cloning item', err);
+    // }
+};
+
+onMounted(async () => {
+    stateStore.rightDrawer = true;
+});
+
+onUnmounted(() => (stateStore.rightDrawer = false));
+</script>
+
+<template>
+    <FetchData
+        url="FixedPrices/filter"
+        :filter="{ order: ['itemFk'] }"
+        :params="{ warehouseFk: user.warehouseFk }"
+        auto-load
+        @on-fetch="(data) => (fixedPrices = data)"
+    />
+    <FetchData
+        url="Warehouses"
+        :filter="{ order: ['name'] }"
+        auto-load
+        @on-fetch="(data) => (warehousesOptions = data)"
+    />
+    <FetchData
+        url="Items/withName"
+        :filter="{ fields: ['id', 'name'], order: 'id DESC' }"
+        auto-load
+        @on-fetch="(data) => (itemsWithNameOptions = data)"
+    />
+    <QPage class="column items-center q-pa-md">
+        <QTable
+            :rows="fixedPrices"
+            :columns="columns"
+            row-key="id"
+            :pagination="{ rowsPerPage: 0 }"
+            class="full-width q-mt-md"
+            :no-data-label="t('globals.noResults')"
+            @row-click="(_, row) => redirectToItemSummary(row.id)"
+        >
+            <!-- <template #top-row="{ cols }">
+                        <QTr>
+                            <QTd
+                                v-for="(col, index) in cols"
+                                :key="index"
+                                style="max-width: 100px"
+                            >
+                                <component
+                                    :is="col.columnFilter.component"
+                                    v-if="col.columnFilter"
+                                    v-model="col.columnFilter.filterValue"
+                                    v-bind="col.columnFilter.attrs"
+                                    v-on="col.columnFilter.event(col)"
+                                    dense
+                                />
+                            </QTd>
+                        </QTr>
+                    </template> -->
+
+            <template #body-cell-itemId="{ row }">
+                <QTd>
+                    <VnSelectFilter
+                        :options="itemsWithNameOptions"
+                        hide-selected
+                        option-label="id"
+                        option-value="id"
+                        v-model="row.itemFk"
+                        @update:model-value="upsertPrice(row, true)"
+                    >
+                        <template #option="scope">
+                            <QItem v-bind="scope.itemProps">
+                                <QItemSection>
+                                    <QItemLabel> #{{ scope.opt?.id }} </QItemLabel>
+                                    <QItemLabel caption>{{ scope.opt?.name }}</QItemLabel>
+                                </QItemSection>
+                            </QItem>
+                        </template>
+                    </VnSelectFilter>
+                </QTd>
+            </template>
+            <template #body-cell-description="{ row }">
+                <QTd class="col">
+                    <span>{{ row.name }} {{ row.subName }}</span>
+                    <fetched-tags :item="row" :max-length="6" />
+                </QTd>
+            </template>
+        </QTable>
+        <QPageSticky :offset="[20, 20]">
+            <QBtn @click="redirectToItemCreate()" color="primary" fab icon="add" />
+            <QTooltip class="text-no-wrap">
+                {{ t('New item') }}
+            </QTooltip>
+        </QPageSticky>
+    </QPage>
+</template>
+
+<i18n>
+es:
+    New item: Nuevo artículo
+    All it's properties will be copied: Todas sus propiedades serán copiadas
+    Do you want to clone this item?: ¿Desea clonar este artículo?
+    Clone: Clonar
+    Preview: Vista previa
+</i18n>
diff --git a/src/router/modules/item.js b/src/router/modules/item.js
index d16022f79..8853b444f 100644
--- a/src/router/modules/item.js
+++ b/src/router/modules/item.js
@@ -10,7 +10,7 @@ export default {
     component: RouterView,
     redirect: { name: 'ItemMain' },
     menus: {
-        main: ['ItemList'],
+        main: ['ItemList', 'ItemFixedPrice'],
         card: [],
     },
     children: [
@@ -29,6 +29,15 @@ export default {
                     },
                     component: () => import('src/pages/Item/ItemList.vue'),
                 },
+                {
+                    path: 'fixed-price',
+                    name: 'ItemFixedPrice',
+                    meta: {
+                        title: 'fixedPrice',
+                        icon: 'vn:fixedPrice',
+                    },
+                    component: () => import('src/pages/Item/ItemFixedPrice.vue'),
+                },
                 {
                     path: 'create',
                     name: 'ItemCreate',

From c65c09c39c990bd6b72be4cc59e65db1814c80fe Mon Sep 17 00:00:00 2001
From: pablone <pablone@verdnatura.es>
Date: Tue, 16 Apr 2024 07:45:33 +0200
Subject: [PATCH 024/305] feat(agency): refs #4988 add agency router and
 sections

---
 src/components/common/VnBreadcrumbs.vue    |  1 +
 src/i18n/en/index.js                       |  8 ++-
 src/pages/Agency/AgencyList.vue            |  9 ++--
 src/pages/Agency/Card/AgencyBasicData.vue  | 59 ++++++++++++++++++++++
 src/pages/Agency/Card/AgencyCard.vue       | 46 +++++++++++------
 src/pages/Agency/Card/AgencyDescriptor.vue | 39 ++++++++++++++
 src/pages/Agency/Card/AgencyLog.vue        |  6 +++
 src/pages/Agency/Card/AgencySummary.vue    | 44 ++++++++++++++++
 src/router/modules/index.js                |  2 +
 src/router/routes.js                       |  2 +
 10 files changed, 196 insertions(+), 20 deletions(-)
 create mode 100644 src/pages/Agency/Card/AgencyBasicData.vue
 create mode 100644 src/pages/Agency/Card/AgencyDescriptor.vue
 create mode 100644 src/pages/Agency/Card/AgencyLog.vue
 create mode 100644 src/pages/Agency/Card/AgencySummary.vue

diff --git a/src/components/common/VnBreadcrumbs.vue b/src/components/common/VnBreadcrumbs.vue
index 337507233..65f6946f4 100644
--- a/src/components/common/VnBreadcrumbs.vue
+++ b/src/components/common/VnBreadcrumbs.vue
@@ -30,6 +30,7 @@ watchEffect(() => {
 });
 
 function getBreadcrumb(param) {
+    console.log('param.meta.title: ', param.meta.title);
     const breadcrumb = {
         icon: param.meta.icon,
         path: param.path,
diff --git a/src/i18n/en/index.js b/src/i18n/en/index.js
index 0f90d5f44..d26ee26a3 100644
--- a/src/i18n/en/index.js
+++ b/src/i18n/en/index.js
@@ -1003,9 +1003,10 @@ export default {
     },
     route: {
         pageTitles: {
+            agency: 'Agency',
             routes: 'Routes',
             cmrsList: 'External CMRs list',
-            agencyList: 'Agency',
+            agencyList: 'Agency list',
             RouteList: 'List',
             create: 'Create',
             basicData: 'Basic Data',
@@ -1033,6 +1034,11 @@ export default {
             },
         },
     },
+    agency: {
+        pageTitles: {
+            agency: 'Agency',
+        },
+    },
     supplier: {
         pageTitles: {
             suppliers: 'Suppliers',
diff --git a/src/pages/Agency/AgencyList.vue b/src/pages/Agency/AgencyList.vue
index 2746f8529..6f8185864 100644
--- a/src/pages/Agency/AgencyList.vue
+++ b/src/pages/Agency/AgencyList.vue
@@ -15,10 +15,11 @@ function navigate(id) {
     router.push({ path: `/agency/${id}` });
 }
 function exprBuilder(param, value) {
-    switch (param) {
-        case 'search':
-            return { name: { like: `%${value}%` } };
-    }
+    if (param !== 'search') return;
+
+    if (!isNaN(value)) return { id: value };
+
+    return { name: { like: `%${value}%` } };
 }
 </script>
 <template>
diff --git a/src/pages/Agency/Card/AgencyBasicData.vue b/src/pages/Agency/Card/AgencyBasicData.vue
new file mode 100644
index 000000000..f54f7037d
--- /dev/null
+++ b/src/pages/Agency/Card/AgencyBasicData.vue
@@ -0,0 +1,59 @@
+<script setup>
+import { ref } from 'vue';
+import { useRoute } from 'vue-router';
+import { useI18n } from 'vue-i18n';
+import VnRow from 'components/ui/VnRow.vue';
+import FetchData from 'src/components/FetchData.vue';
+import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
+import VnInput from 'src/components/common/VnInput.vue';
+import FormModel from 'components/FormModel.vue';
+import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+
+const { t } = useI18n();
+const route = useRoute();
+const id = route.params?.id || null;
+const warehouses = ref([]);
+const sectorFilter = { fields: ['id', 'description'] };
+
+const filter = {
+    fields: ['sectorFk', 'code', 'pickingOrder', 'row', 'column'],
+    include: [{ relation: 'sector', scope: sectorFilter }],
+};
+</script>
+<template>
+    <FetchData
+        url="warehouses"
+        sort-by="name"
+        @on-fetch="(data) => (warehouses = data)"
+        auto-load
+    />
+    <VnSubToolbar />
+    <FormModel :url="`Agencies/${id}`" model="agency" auto-load>
+        <template #form="{ data }">
+            <VnRow>
+                <VnInput v-model="data.name" :label="t('globals.name')" />
+            </VnRow>
+            <VnRow>
+                <VnSelectFilter
+                    v-model="data.sectorFk"
+                    option-value="id"
+                    option-label="name"
+                    :label="t('parking.sector')"
+                    :options="warehouses"
+                    use-input
+                    input-debounce="0"
+                    :is-clearable="false"
+                />
+            </VnRow>
+            <VnRow>
+                <QCheckbox :label="t('isOwn')" v-model="data.isOwn" />
+            </VnRow>
+            <VnRow>
+                <QCheckbox
+                    :label="t('isAnyVolumeAllowed')"
+                    v-model="data.isAnyVolumeAllowed"
+                />
+            </VnRow>
+        </template>
+    </FormModel>
+</template>
diff --git a/src/pages/Agency/Card/AgencyCard.vue b/src/pages/Agency/Card/AgencyCard.vue
index 1c7e3cc10..628acf2f2 100644
--- a/src/pages/Agency/Card/AgencyCard.vue
+++ b/src/pages/Agency/Card/AgencyCard.vue
@@ -1,39 +1,55 @@
 <script setup>
+import { onMounted, watch } from 'vue';
+import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 import { useStateStore } from 'stores/useStateStore';
-import { useRoute } from 'vue-router';
-import CustomerDescriptor from './CustomerDescriptor.vue';
+import { useArrayData } from 'src/composables/useArrayData';
 import LeftMenu from 'components/LeftMenu.vue';
 import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
-import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
-import useCardSize from 'src/composables/useCardSize';
+import AgencyDescriptor from 'pages/Agency/Card/AgencyDescriptor.vue';
 
-const stateStore = useStateStore();
-const route = useRoute();
 const { t } = useI18n();
+const route = useRoute();
+const stateStore = useStateStore();
+
+const filter = {
+    fields: ['id', 'sectorFk', 'code', 'pickingOrder', 'row', 'column'],
+    include: [{ relation: 'sector', scope: { fields: ['id', 'description'] } }],
+};
+
+const arrayData = useArrayData('Agency', {
+    url: `Agencies/${route.params.id}`,
+});
+const { store } = arrayData;
+onMounted(async () => await arrayData.fetch({ append: false }));
+watch(
+    () => route.params.id,
+    async (newId) => {
+        if (newId) {
+            store.url = `Agencies/${newId}`;
+            await arrayData.fetch({ append: false });
+        }
+    }
+);
 </script>
 <template>
     <Teleport to="#searchbar" v-if="stateStore.isHeaderMounted()">
         <VnSearchbar
-            data-key="CustomerList"
-            url="Clients/filter"
-            :label="t('Search customer')"
-            :info="t('You can search by customer id or name')"
+            :info="t('Agency.searchBar.info')"
+            :label="t('Agency.searchBar.label')"
+            data-key="Agency"
         />
     </Teleport>
     <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
         <QScrollArea class="fit">
-            <CustomerDescriptor />
+            <AgencyDescriptor />
             <QSeparator />
             <LeftMenu source="card" />
         </QScrollArea>
     </QDrawer>
     <QPageContainer>
         <QPage>
-            <VnSubToolbar />
-            <div :class="useCardSize()">
-                <RouterView></RouterView>
-            </div>
+            <RouterView></RouterView>
         </QPage>
     </QPageContainer>
 </template>
diff --git a/src/pages/Agency/Card/AgencyDescriptor.vue b/src/pages/Agency/Card/AgencyDescriptor.vue
new file mode 100644
index 000000000..573205f8b
--- /dev/null
+++ b/src/pages/Agency/Card/AgencyDescriptor.vue
@@ -0,0 +1,39 @@
+<script setup>
+import { computed } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { useRoute } from 'vue-router';
+import { useArrayData } from 'src/composables/useArrayData';
+import CardDescriptor from 'components/ui/CardDescriptor.vue';
+import VnLv from 'components/ui/VnLv.vue';
+
+const props = defineProps({
+    id: {
+        type: Number,
+        required: false,
+        default: null,
+    },
+});
+
+const { t } = useI18n();
+const { params } = useRoute();
+const entityId = computed(() => props.id || params.id);
+const { store } = useArrayData('Parking');
+const card = computed(() => store.data);
+const filter = {
+    fields: ['id', 'sectorFk', 'code', 'pickingOrder', 'row', 'column'],
+    include: [{ relation: 'sector', scope: { fields: ['id', 'description'] } }],
+};
+</script>
+<template>
+    <CardDescriptor
+        module="Agency"
+        data-key="Agency"
+        :url="`Agencies/${entityId}`"
+        :title="card?.name"
+        :subtitle="card?.id"
+    >
+        <template #body="{ entity: agency }">
+            <VnLv :label="t('globals.name')" :value="agency.name" />
+        </template>
+    </CardDescriptor>
+</template>
diff --git a/src/pages/Agency/Card/AgencyLog.vue b/src/pages/Agency/Card/AgencyLog.vue
new file mode 100644
index 000000000..d4769a676
--- /dev/null
+++ b/src/pages/Agency/Card/AgencyLog.vue
@@ -0,0 +1,6 @@
+<script setup>
+import VnLog from 'src/components/common/VnLog.vue';
+</script>
+<template>
+    <VnLog model="Agency" url="/AgencyLogs" />
+</template>
diff --git a/src/pages/Agency/Card/AgencySummary.vue b/src/pages/Agency/Card/AgencySummary.vue
new file mode 100644
index 000000000..96652fe29
--- /dev/null
+++ b/src/pages/Agency/Card/AgencySummary.vue
@@ -0,0 +1,44 @@
+<script setup>
+import { computed } from 'vue';
+import { useRoute } from 'vue-router';
+import { useI18n } from 'vue-i18n';
+import CardSummary from 'components/ui/CardSummary.vue';
+import VnLv from 'components/ui/VnLv.vue';
+
+const $props = defineProps({
+    id: {
+        type: Number,
+        default: 0,
+    },
+});
+const { params } = useRoute();
+const { t } = useI18n();
+const entityId = computed(() => $props.id || params.id);
+
+const filter = {
+    fields: ['id', 'sectorFk', 'code', 'pickingOrder', 'row', 'column'],
+    include: [{ relation: 'sector', scope: { fields: ['id', 'description'] } }],
+};
+</script>
+
+<template>
+    <div class="q-pa-md">
+        <CardSummary :url="`Agencies/${entityId}`">
+            <template #header="{ entity: agency }">{{ agency.name }}</template>
+            <template #body="{ entity: agency }">
+                <QCard class="vn-one">
+                    <QCardSection class="q-pa-none">
+                        <a
+                            class="header header-link"
+                            :href="`#/agency/${entityId}/basic-data`"
+                        >
+                            {{ t('globals.pageTitles.basicData') }}
+                            <QIcon name="open_in_new" />
+                        </a>
+                    </QCardSection>
+                    <VnLv :label="t('globals.name')" :value="agency.name" />
+                </QCard>
+            </template>
+        </CardSummary>
+    </div>
+</template>
diff --git a/src/router/modules/index.js b/src/router/modules/index.js
index 302ba7fe0..6f4b0b35e 100644
--- a/src/router/modules/index.js
+++ b/src/router/modules/index.js
@@ -15,6 +15,7 @@ import Department from './department';
 import Entry from './entry';
 import roadmap from './roadmap';
 import Parking from './parking';
+import Agency from './agency';
 
 export default [
     Item,
@@ -34,4 +35,5 @@ export default [
     Entry,
     roadmap,
     Parking,
+    Agency,
 ];
diff --git a/src/router/routes.js b/src/router/routes.js
index 51e726a62..ca52441e7 100644
--- a/src/router/routes.js
+++ b/src/router/routes.js
@@ -15,6 +15,7 @@ import order from 'src/router/modules/order';
 import entry from 'src/router/modules/entry';
 import roadmap from 'src/router/modules/roadmap';
 import parking from 'src/router/modules/parking';
+import agency from 'src/router/modules/agency';
 
 const routes = [
     {
@@ -71,6 +72,7 @@ const routes = [
             roadmap,
             entry,
             parking,
+            agency,
             {
                 path: '/:catchAll(.*)*',
                 name: 'NotFound',

From 5664ec1313089d272600a98d2c84082314dcc210 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Tue, 16 Apr 2024 08:21:44 -0300
Subject: [PATCH 025/305] WIP

---
 src/i18n/locale/en.yml            |   5 +
 src/i18n/locale/es.yml            |   5 +
 src/pages/Item/ItemFixedPrice.vue | 325 +++++++++++++-----------------
 3 files changed, 153 insertions(+), 182 deletions(-)

diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index 051b9033a..58cc3e3c9 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -1128,6 +1128,11 @@ item:
     fixedPrice:
         itemId: Item ID
         groupingPrice: Grouping price
+        packingPrice: Packing price
+        minPrice: Min price
+        started: Started
+        ended: Ended
+        warehouse: Warehouse
 components:
     topbar: {}
     userPanel:
diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index dce4eea05..bd39e861b 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -1125,6 +1125,11 @@ item:
     fixedPrice:
         itemId: ID Artículo
         groupingPrice: Precio grouping
+        packingPrice: Precio packing
+        minPrice: Precio min
+        started: Inicio
+        ended: Fin
+        warehouse: Almacén
 components:
     topbar: {}
     userPanel:
diff --git a/src/pages/Item/ItemFixedPrice.vue b/src/pages/Item/ItemFixedPrice.vue
index fb5702387..aa7a080a0 100644
--- a/src/pages/Item/ItemFixedPrice.vue
+++ b/src/pages/Item/ItemFixedPrice.vue
@@ -5,11 +5,11 @@ import { useRouter } from 'vue-router';
 
 import FetchData from 'components/FetchData.vue';
 import FetchedTags from 'components/ui/FetchedTags.vue';
-import TableVisibleColumns from 'src/components/common/TableVisibleColumns.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
 import ItemDescriptorProxy from '../Item/Card/ItemDescriptorProxy.vue';
 import WorkerDescriptorProxy from 'src/pages/Worker/Card/WorkerDescriptorProxy.vue';
+import VnInputDate from 'src/components/common/VnInputDate.vue';
 
 import { useStateStore } from 'stores/useStateStore';
 import { toDateFormat } from 'src/filters/date.js';
@@ -18,6 +18,7 @@ import { dashIfEmpty } from 'src/filters';
 import { useVnConfirm } from 'composables/useVnConfirm';
 import { useState } from 'src/composables/useState';
 import { toCurrency } from 'filters/index';
+import useNotify from 'src/composables/useNotify.js';
 import axios from 'axios';
 
 const router = useRouter();
@@ -27,10 +28,12 @@ const stateStore = useStateStore();
 const { t } = useI18n();
 const { openConfirmationModal } = useVnConfirm();
 const state = useState();
+const { notify } = useNotify();
 
 const paginateRef = ref(null);
 const user = state.getUser();
 const fixedPrices = ref([]);
+const fixedPricesOriginalData = ref([]);
 const warehousesOptions = ref([]);
 const itemsWithNameOptions = ref([]);
 
@@ -77,37 +80,18 @@ const applyColumnFilter = async (col) => {
     }
 };
 
-const getInputEvents = (col) => {
-    return col.columnFilter.type === 'select'
-        ? { 'update:modelValue': () => applyColumnFilter(col) }
-        : {
-              'keyup.enter': () => applyColumnFilter(col),
-          };
-};
-
-const upsertPrice = (price, resetMinPrice) => {
-    // if (resetMinPrice) delete price['minPrice'];
-    // const requiredFields = ['itemFk', 'started', 'ended', 'rate2', 'rate3'];
-    // for (const field of requiredFields) if (price[field] == undefined) return;
-    // const query = 'FixedPrices/upsertFixedPrice';
-    // this.$http.patch(query, price).then((res) => {
-    //     this.vnApp.showSuccess(this.$t('Data saved!'));
-    //     Object.assign(price, res.data);
-    // });
-};
-
 const columns = computed(() => [
     {
         label: t('item.fixedPrice.itemId'),
         name: 'itemId',
-        // field: 'id',
+        field: 'itemFk',
         align: 'left',
         sortable: true,
         // columnFilter: {
         //     component: VnInput,
         //     type: 'text',
         //     filterValue: null,
-        //     event: getInputEvents,
+        //     event: getColumnInputEvents,
         //     attrs: {
         //         dense: true,
         //     },
@@ -123,7 +107,7 @@ const columns = computed(() => [
         //     component: VnInput,
         //     type: 'text',
         //     filterValue: null,
-        //     event: getInputEvents,
+        //     event: getColumnInputEvents,
         //     attrs: {
         //         dense: true,
         //     },
@@ -139,7 +123,7 @@ const columns = computed(() => [
         //     component: VnInput,
         //     type: 'text',
         //     filterValue: null,
-        //     event: getInputEvents,
+        //     event: getColumnInputEvents,
         //     attrs: {
         //         dense: true,
         //     },
@@ -147,16 +131,16 @@ const columns = computed(() => [
         format: (val) => toCurrency(val),
     },
     {
-        label: t('item.list.packing'),
-        field: 'packing',
-        name: 'packing',
+        label: t('item.fixedPrice.packingPrice'),
+        field: 'rate3',
+        name: 'packingPrice',
         align: 'left',
         sortable: true,
         // columnFilter: {
         //     component: VnInput,
         //     type: 'text',
         //     filterValue: null,
-        //     event: getInputEvents,
+        //     event: getColumnInputEvents,
         //     attrs: {
         //         dense: true,
         //     },
@@ -165,41 +149,41 @@ const columns = computed(() => [
     },
 
     {
-        label: t('item.list.stems'),
-        field: 'stems',
-        name: 'stems',
+        label: t('item.fixedPrice.minPrice'),
+        field: 'minPrice',
+        name: 'minPrice',
         align: 'left',
         sortable: true,
         // columnFilter: {
         //     component: VnInput,
         //     type: 'text',
         //     filterValue: null,
-        //     event: getInputEvents,
+        //     event: getColumnInputEvents,
         //     attrs: {
         //         dense: true,
         //     },
         // },
     },
     {
-        label: t('item.list.size'),
-        field: 'size',
-        name: 'size',
+        label: t('item.fixedPrice.started'),
+        field: 'started',
+        name: 'started',
         align: 'left',
         sortable: true,
         // columnFilter: {
         //     component: VnInput,
         //     type: 'text',
         //     filterValue: null,
-        //     event: getInputEvents,
+        //     event: getColumnInputEvents,
         //     attrs: {
         //         dense: true,
         //     },
         // },
     },
     {
-        label: t('item.list.typeName'),
-        field: 'typeName',
-        name: 'typeName',
+        label: t('item.fixedPrice.ended'),
+        field: 'ended',
+        name: 'ended',
         align: 'left',
         sortable: true,
         // columnFilter: {
@@ -207,7 +191,7 @@ const columns = computed(() => [
         //     filterParamKey: 'typeFk',
         //     type: 'select',
         //     filterValue: null,
-        //     event: getInputEvents,
+        //     event: getColumnInputEvents,
         //     attrs: {
         //         options: itemTypesOptions.value,
         //         'option-value': 'id',
@@ -218,16 +202,16 @@ const columns = computed(() => [
     },
 
     {
-        label: t('item.list.category'),
-        field: 'category',
-        name: 'category',
+        label: t('item.fixedPrice.warehouse'),
+        field: 'warehouse',
+        name: 'warehouse',
         align: 'left',
         sortable: true,
         // columnFilter: {
         //     component: VnSelectFilter,
         //     type: 'select',
         //     filterValue: null,
-        //     event: getInputEvents,
+        //     event: getColumnInputEvents,
         //     attrs: {
         //         options: itemCategoriesOptions.value,
         //         'option-value': 'name',
@@ -236,141 +220,14 @@ const columns = computed(() => [
         //     },
         // },
     },
-
-    {
-        label: t('item.list.intrastat'),
-        field: 'intrastat',
-        name: 'intrastat',
-        align: 'left',
-        sortable: true,
-        // columnFilter: {
-        //     component: VnSelectFilter,
-        //     type: 'select',
-        //     filterValue: null,
-        //     event: getInputEvents,
-        //     attrs: {
-        //         options: intrastatOptions.value,
-        //         'option-value': 'description',
-        //         'option-label': 'description',
-        //         dense: true,
-        //     },
-        // },
-    },
-    {
-        label: t('item.list.origin'),
-        field: 'origin',
-        name: 'origin',
-        align: 'left',
-        sortable: true,
-        // columnFilter: {
-        //     component: VnSelectFilter,
-        //     type: 'select',
-        //     filterValue: null,
-        //     event: getInputEvents,
-        //     attrs: {
-        //         options: originsOptions.value,
-        //         'option-value': 'code',
-        //         'option-label': 'code',
-        //         dense: true,
-        //     },
-        // },
-    },
-    {
-        label: t('item.list.userName'),
-        field: 'userName',
-        name: 'userName',
-        align: 'left',
-        sortable: true,
-        // columnFilter: {
-        //     component: VnSelectFilter,
-        //     filterParamKey: 'buyerFk',
-        //     type: 'select',
-        //     filterValue: null,
-        //     event: getInputEvents,
-        //     attrs: {
-        //         options: buyersOptions.value,
-        //         'option-value': 'id',
-        //         'option-label': 'nickname',
-        //         dense: true,
-        //     },
-        // },
-    },
-    {
-        label: t('item.list.weightByPiece'),
-        field: 'weightByPiece',
-        name: 'weightByPiece',
-        align: 'left',
-        sortable: true,
-        // columnFilter: {
-        //     component: VnInput,
-        //     type: 'text',
-        //     filterValue: null,
-        //     event: getInputEvents,
-        //     attrs: {
-        //         dense: true,
-        //     },
-        // },
-        format: (val) => dashIfEmpty(val),
-    },
-    {
-        label: t('item.list.stemMultiplier'),
-        field: 'stemMultiplier',
-        name: 'stemMultiplier',
-        align: 'left',
-        sortable: true,
-        // columnFilter: {
-        //     component: VnInput,
-        //     type: 'text',
-        //     filterValue: null,
-        //     event: getInputEvents,
-        //     attrs: {
-        //         dense: true,
-        //     },
-        // },
-        format: (val) => dashIfEmpty(val),
-    },
-    {
-        label: t('item.list.isActive'),
-        field: 'isActive',
-        name: 'isActive',
-        align: 'left',
-        sortable: true,
-        // columnFilter: null,
-    },
-    {
-        label: t('item.list.producer'),
-        field: 'producer',
-        name: 'producer',
-        align: 'left',
-        sortable: true,
-        // columnFilter: {
-        //     component: VnInput,
-        //     type: 'text',
-        //     filterValue: null,
-        //     event: getInputEvents,
-        //     attrs: {
-        //         dense: true,
-        //     },
-        // },
-        format: (val) => dashIfEmpty(val),
-    },
-    {
-        label: t('item.list.landed'),
-        field: 'landed',
-        name: 'landed',
-        align: 'left',
-        sortable: true,
-        format: (val) => dashIfEmpty(toDateFormat(val)),
-        // columnFilter: null,
-    },
-    {
-        label: '',
-        name: 'actions',
-        align: 'left',
-        // columnFilter: null,
-    },
 ]);
 
+const onFixedPricesFetched = (data) => {
+    fixedPrices.value = data;
+    // el objetivo de esto es guardar los valores iniciales de todas las rows para evitar guardar cambios si la data no cambió al disparar los eventos
+    fixedPricesOriginalData.value = JSON.parse(JSON.stringify(data));
+};
+
 const redirectToItemCreate = () => {
     router.push({ name: 'ItemCreate' });
 };
@@ -389,6 +246,43 @@ const cloneItem = async (itemFk) => {
     // }
 };
 
+const getRowUpdateInputEvents = (props, resetMinPrice, inputType = 'text') => {
+    return inputType === 'text'
+        ? {
+              'keyup.enter': () => upsertPrice(props, resetMinPrice),
+              blur: () => upsertPrice(props, resetMinPrice),
+          }
+        : { 'update:modelValue': () => upsertPrice(props, resetMinPrice) };
+};
+const getColumnInputEvents = (col) => {
+    return col.columnFilter.type === 'select'
+        ? { 'update:modelValue': () => applyColumnFilter(col) }
+        : {
+              'keyup.enter': () => applyColumnFilter(col),
+          };
+};
+
+const upsertPrice = async ({ row, col, rowIndex }, resetMinPrice) => {
+    console.log('row', row);
+    console.log('col', col);
+    console.log('rowIndex', rowIndex);
+    console.log('field', col.field);
+    console.log('originalData: ', fixedPricesOriginalData.value[rowIndex][col.field]);
+    console.log('actual value: ', row[col.field]);
+    if (fixedPricesOriginalData.value[rowIndex][col.field] == row[col.field]) return;
+
+    try {
+        if (resetMinPrice) row.hasMinPrice = 0;
+        const requiredFields = ['itemFk', 'started', 'ended', 'rate2', 'rate3'];
+        for (const field of requiredFields) if (!row[field]) return;
+        const { data } = await axios.patch('FixedPrices/upsertFixedPrice', row);
+        row = data;
+        fixedPricesOriginalData.value[rowIndex][col.field] = row[col.field];
+    } catch (err) {
+        console.error('Error upserting price', err);
+    }
+};
+
 onMounted(async () => {
     stateStore.rightDrawer = true;
 });
@@ -402,7 +296,7 @@ onUnmounted(() => (stateStore.rightDrawer = false));
         :filter="{ order: ['itemFk'] }"
         :params="{ warehouseFk: user.warehouseFk }"
         auto-load
-        @on-fetch="(data) => (fixedPrices = data)"
+        @on-fetch="(data) => onFixedPricesFetched(data)"
     />
     <FetchData
         url="Warehouses"
@@ -424,7 +318,6 @@ onUnmounted(() => (stateStore.rightDrawer = false));
             :pagination="{ rowsPerPage: 0 }"
             class="full-width q-mt-md"
             :no-data-label="t('globals.noResults')"
-            @row-click="(_, row) => redirectToItemSummary(row.id)"
         >
             <!-- <template #top-row="{ cols }">
                         <QTr>
@@ -445,15 +338,15 @@ onUnmounted(() => (stateStore.rightDrawer = false));
                         </QTr>
                     </template> -->
 
-            <template #body-cell-itemId="{ row }">
+            <template #body-cell-itemId="props">
                 <QTd>
                     <VnSelectFilter
                         :options="itemsWithNameOptions"
                         hide-selected
                         option-label="id"
                         option-value="id"
-                        v-model="row.itemFk"
-                        @update:model-value="upsertPrice(row, true)"
+                        v-model="props.row.itemFk"
+                        v-on="getRowUpdateInputEvents(props, true, 'select')"
                     >
                         <template #option="scope">
                             <QItem v-bind="scope.itemProps">
@@ -472,6 +365,74 @@ onUnmounted(() => (stateStore.rightDrawer = false));
                     <fetched-tags :item="row" :max-length="6" />
                 </QTd>
             </template>
+            <template #body-cell-groupingPrice="props">
+                <QTd class="col">
+                    <VnInput
+                        v-model.number="props.row.rate2"
+                        v-on="getRowUpdateInputEvents(props)"
+                    >
+                        <template #append>€</template>
+                    </VnInput>
+                </QTd>
+            </template>
+            <template #body-cell-packingPrice="props">
+                <QTd class="col">
+                    <VnInput
+                        v-model.number="props.row.rate3"
+                        v-on="getRowUpdateInputEvents(props)"
+                    >
+                        <template #append>€</template>
+                    </VnInput>
+                </QTd>
+            </template>
+            <template #body-cell-minPrice="props">
+                <QTd class="col">
+                    <div class="row">
+                        <QCheckbox
+                            class="col"
+                            v-model="props.row.hasMinPrice"
+                            :false-value="0"
+                            :true-value="1"
+                            v-on="getRowUpdateInputEvents(props)"
+                        />
+                        <VnInput
+                            class="col"
+                            :disable="!props.row.hasMinPrice"
+                            v-model.number="props.row.minPrice"
+                            v-on="getRowUpdateInputEvents(props)"
+                            type="number"
+                        />
+                    </div>
+                </QTd>
+            </template>
+            <template #body-cell-started="props">
+                <QTd class="col" style="min-width: 150px">
+                    <VnInputDate
+                        v-model="props.row.started"
+                        v-on="getRowUpdateInputEvents(props)"
+                    />
+                </QTd>
+            </template>
+            <template #body-cell-ended="props">
+                <QTd class="col" style="min-width: 150px">
+                    <VnInputDate
+                        v-model="props.row.ended"
+                        v-on="getRowUpdateInputEvents(props)"
+                    />
+                </QTd>
+            </template>
+            <template #body-cell-warehouse="props">
+                <QTd class="col">
+                    <VnSelectFilter
+                        :options="warehousesOptions"
+                        hide-selected
+                        option-label="name"
+                        option-value="id"
+                        v-model="props.row.warehouseFk"
+                        v-on="getRowUpdateInputEvents(props)"
+                    />
+                </QTd>
+            </template>
         </QTable>
         <QPageSticky :offset="[20, 20]">
             <QBtn @click="redirectToItemCreate()" color="primary" fab icon="add" />

From 8e6538b36987b39b5345df92c1894675fc9900e3 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Tue, 16 Apr 2024 11:47:15 -0300
Subject: [PATCH 026/305] Item request view

---
 src/pages/Item/ItemRequest.vue | 236 ++++++++++++++++-----------------
 1 file changed, 114 insertions(+), 122 deletions(-)

diff --git a/src/pages/Item/ItemRequest.vue b/src/pages/Item/ItemRequest.vue
index 7f43732bd..f2f5bc99c 100644
--- a/src/pages/Item/ItemRequest.vue
+++ b/src/pages/Item/ItemRequest.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, computed, onMounted, onBeforeMount } from 'vue';
+import { ref, computed, onMounted, onBeforeMount, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 import TicketDescriptorProxy from 'src/pages/Ticket/Card/TicketDescriptorProxy.vue';
@@ -8,10 +8,10 @@ import ItemDescriptorProxy from 'src/pages/Item/Card/ItemDescriptorProxy.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import ItemRequestDenyForm from './ItemRequestDenyForm.vue';
 import ItemRequestFilter from './ItemRequestFilter.vue';
-import VnPaginate from 'components/ui/VnPaginate.vue';
 import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
 
 import { useStateStore } from 'stores/useStateStore';
+import { useArrayData } from 'composables/useArrayData';
 import { toDateFormat } from 'src/filters/date';
 import { toCurrency } from 'filters/index';
 import useNotify from 'src/composables/useNotify.js';
@@ -27,6 +27,17 @@ const denyFormRef = ref(null);
 const denyRequestId = ref(null);
 const denyRequestIndex = ref(null);
 const itemRequestsOptions = ref([]);
+const arrayData = useArrayData('ItemRequests', {
+    url: 'TicketRequests/filter',
+    userParams: filterParams,
+    order: ['shippedDate ASC', 'isOk ASC'],
+});
+const store = arrayData.store;
+
+watch(
+    () => store.data,
+    (value) => (itemRequestsOptions.value = value)
+);
 
 const columns = computed(() => [
     {
@@ -122,7 +133,7 @@ const changeQuantity = async (request) => {
             };
 
             await axios.patch(`Sales/${request.saleFk}`, params);
-            notify(t('globals.dataSaved', 'positive'));
+            notify(t('globals.dataSaved'), 'positive');
             confirmRequest(request);
         } else confirmRequest(request);
     } catch (error) {
@@ -145,7 +156,7 @@ const confirmRequest = async (request) => {
 
             request.itemDescription = data.concept;
             request.isOk = true;
-            notify(t('globals.dataSaved', 'positive'));
+            notify(t('globals.dataSaved'), 'positive');
         }
     } catch (error) {
         console.error('Error confirming request:: ', error);
@@ -174,6 +185,7 @@ const onDenyAccept = (_, responseData) => {
 };
 
 onMounted(async () => {
+    await arrayData.fetch({ append: false });
     stateStore.rightDrawer = true;
 });
 
@@ -228,127 +240,107 @@ onBeforeMount(() => {
         </QScrollArea>
     </QDrawer>
     <QPage class="column items-center q-pa-md">
-        <VnPaginate
-            ref="paginateRef"
-            data-key="ItemRequests"
-            url="TicketRequests/filter"
-            :order="['shippedDate ASC', 'isOk ASC']"
-            :user-params="filterParams"
-            :limit="12"
-            :offset="50"
-            auto-load
+        <QTable
+            :rows="itemRequestsOptions"
+            :columns="columns"
+            row-key="id"
+            :pagination="{ rowsPerPage: 0 }"
+            class="full-width q-mt-md"
+            :no-data-label="t('globals.noResults')"
         >
-            <template #body="{ rows }">
-                <QTable
-                    :rows="rows"
-                    :columns="columns"
-                    row-key="id"
-                    :pagination="{ rowsPerPage: 0 }"
-                    class="full-width q-mt-md"
-                    :no-data-label="t('globals.noResults')"
-                >
-                    <template #body-cell-id="{ row }">
-                        <QTd>
-                            <QBtn flat color="primary"> {{ row.ticketFk }}</QBtn>
-                            <TicketDescriptorProxy :id="row.ticketFk" />
-                        </QTd>
-                    </template>
-
-                    <template #body-cell-shipped="{ row }">
-                        <QTd>
-                            <QBadge
-                                v-if="getDateQBadgeColor(row.shipped)"
-                                :color="getDateQBadgeColor(row.shipped)"
-                                text-color="black"
-                                class="q-ma-none"
-                                dense
-                                style="font-size: 14px"
-                            >
-                                {{ toDateFormat(row.shipped) }}
-                            </QBadge>
-                            <span v-else>{{ toDateFormat(row.shipped) }}</span>
-                        </QTd>
-                    </template>
-                    <template #body-cell-requester="{ row }">
-                        <QTd>
-                            <QBtn flat dense color="primary">
-                                {{ row.requesterName }}</QBtn
-                            >
-                            <WorkerDescriptorProxy :id="row.requesterFk" />
-                        </QTd>
-                    </template>
-                    <template #body-cell-attender="{ row }">
-                        <QTd>
-                            <QBtn flat dense color="primary">
-                                {{ row.attenderName }}</QBtn
-                            >
-                            <WorkerDescriptorProxy :id="row.attenderFk" />
-                        </QTd>
-                    </template>
-                    <template #body-cell-item="{ row }">
-                        <QTd>
-                            <VnInput
-                                class="dense"
-                                v-model.number="row.itemFk"
-                                type="number"
-                                :disable="row.isOk != null"
-                            />
-                        </QTd>
-                    </template>
-                    <template #body-cell-achieved="{ row }">
-                        <QTd>
-                            <VnInput
-                                class="dense"
-                                v-model.number="row.saleQuantity"
-                                @change="changeQuantity(row)"
-                                type="number"
-                                :disable="!row.itemFk || row.isOk != null"
-                            />
-                        </QTd>
-                    </template>
-                    <template #body-cell-concept="{ row }">
-                        <QTd>
-                            <QBtn flat dense color="primary">
-                                {{ row.itemDescription }}</QBtn
-                            >
-                            <ItemDescriptorProxy :id="row.itemFk" />
-                        </QTd>
-                    </template>
-                    <template #body-cell-state="{ row }">
-                        <QTd>
-                            <span>{{ getState(row.isOk) }}</span>
-                        </QTd>
-                    </template>
-                    <template #body-cell-action="{ row, rowIndex }">
-                        <QTd>
-                            <QIcon
-                                v-if="row.response?.length"
-                                name="insert_drive_file"
-                                color="primary"
-                                size="sm"
-                            >
-                                <QTooltip>
-                                    {{ row.response }}
-                                </QTooltip>
-                            </QIcon>
-                            <QIcon
-                                v-if="row.isOk == null"
-                                name="thumb_down"
-                                color="primary"
-                                size="sm"
-                                class="cursor-pointer"
-                                @click="showDenyRequestForm(row.id, rowIndex)"
-                            >
-                                <QTooltip>
-                                    {{ t('Discard') }}
-                                </QTooltip>
-                            </QIcon>
-                        </QTd>
-                    </template>
-                </QTable>
+            <template #body-cell-id="{ row }">
+                <QTd>
+                    <QBtn flat color="primary"> {{ row.ticketFk }}</QBtn>
+                    <TicketDescriptorProxy :id="row.ticketFk" />
+                </QTd>
             </template>
-        </VnPaginate>
 
+            <template #body-cell-shipped="{ row }">
+                <QTd>
+                    <QBadge
+                        v-if="getDateQBadgeColor(row.shipped)"
+                        :color="getDateQBadgeColor(row.shipped)"
+                        text-color="black"
+                        class="q-ma-none"
+                        dense
+                        style="font-size: 14px"
+                    >
+                        {{ toDateFormat(row.shipped) }}
+                    </QBadge>
+                    <span v-else>{{ toDateFormat(row.shipped) }}</span>
+                </QTd>
+            </template>
+            <template #body-cell-requester="{ row }">
+                <QTd>
+                    <QBtn flat dense color="primary"> {{ row.requesterName }}</QBtn>
+                    <WorkerDescriptorProxy :id="row.requesterFk" />
+                </QTd>
+            </template>
+            <template #body-cell-attender="{ row }">
+                <QTd>
+                    <QBtn flat dense color="primary"> {{ row.attenderName }}</QBtn>
+                    <WorkerDescriptorProxy :id="row.attenderFk" />
+                </QTd>
+            </template>
+            <template #body-cell-item="{ row }">
+                <QTd>
+                    <VnInput
+                        class="dense"
+                        v-model.number="row.itemFk"
+                        type="number"
+                        :disable="row.isOk != null"
+                    />
+                </QTd>
+            </template>
+            <template #body-cell-achieved="{ row }">
+                <QTd>
+                    <VnInput
+                        class="dense"
+                        v-model.number="row.saleQuantity"
+                        @change="changeQuantity(row)"
+                        type="number"
+                        :disable="!row.itemFk || row.isOk != null"
+                    />
+                </QTd>
+            </template>
+            <template #body-cell-concept="{ row }">
+                <QTd>
+                    <QBtn flat dense color="primary"> {{ row.itemDescription }}</QBtn>
+                    <ItemDescriptorProxy :id="row.itemFk" />
+                </QTd>
+            </template>
+            <template #body-cell-state="{ row }">
+                <QTd>
+                    <span>{{ getState(row.isOk) }}</span>
+                </QTd>
+            </template>
+            <template #body-cell-action="{ row, rowIndex }">
+                <QTd>
+                    <QIcon
+                        v-if="row.response?.length"
+                        name="insert_drive_file"
+                        color="primary"
+                        size="sm"
+                    >
+                        <QTooltip>
+                            {{ row.response }}
+                        </QTooltip>
+                    </QIcon>
+                    <QIcon
+                        v-if="row.isOk == null"
+                        name="thumb_down"
+                        color="primary"
+                        size="sm"
+                        class="cursor-pointer"
+                        @click="showDenyRequestForm(row.id, rowIndex)"
+                    >
+                        <QTooltip>
+                            {{ t('Discard') }}
+                        </QTooltip>
+                    </QIcon>
+                </QTd>
+            </template>
+        </QTable>
         <QDialog ref="denyFormRef" transition-show="scale" transition-hide="scale">
             <ItemRequestDenyForm
                 :request-id="denyRequestId"

From df2760ef602fceeafb3e414ad99db837038139ce Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Tue, 16 Apr 2024 11:49:59 -0300
Subject: [PATCH 027/305] Add dense attr to inputs

---
 src/pages/Item/ItemRequest.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/Item/ItemRequest.vue b/src/pages/Item/ItemRequest.vue
index f2f5bc99c..9391d86bd 100644
--- a/src/pages/Item/ItemRequest.vue
+++ b/src/pages/Item/ItemRequest.vue
@@ -285,21 +285,21 @@ onBeforeMount(() => {
             <template #body-cell-item="{ row }">
                 <QTd>
                     <VnInput
-                        class="dense"
                         v-model.number="row.itemFk"
                         type="number"
                         :disable="row.isOk != null"
+                        dense
                     />
                 </QTd>
             </template>
             <template #body-cell-achieved="{ row }">
                 <QTd>
                     <VnInput
-                        class="dense"
                         v-model.number="row.saleQuantity"
                         @change="changeQuantity(row)"
                         type="number"
                         :disable="!row.itemFk || row.isOk != null"
+                        dense
                     />
                 </QTd>
             </template>

From da06e7bc87623d2abd8ca24ac9f2d8953998e53c Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Wed, 17 Apr 2024 08:13:34 -0300
Subject: [PATCH 028/305] WIP

---
 src/css/app.scss                  |   7 +-
 src/i18n/locale/en.yml            |   1 +
 src/i18n/locale/es.yml            |   1 +
 src/pages/Item/ItemFixedPrice.vue | 224 ++++++++++++++++++------------
 4 files changed, 146 insertions(+), 87 deletions(-)

diff --git a/src/css/app.scss b/src/css/app.scss
index b36036df4..da42ab893 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -110,6 +110,11 @@ select:-webkit-autofill {
     font-variation-settings: 'FILL' 1;
 }
 
+.fill-icon-on-hover:hover {
+    font-variation-settings: 'FILL' 1;
+    cursor: pointer;
+}
+
 .vn-table-separation-row {
     height: 16px !important;
     background-color: var(--vn-section-color) !important;
@@ -159,4 +164,4 @@ input::-webkit-inner-spin-button {
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
-}
\ No newline at end of file
+}
diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index 58cc3e3c9..cb56c82bb 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -1129,6 +1129,7 @@ item:
         itemId: Item ID
         groupingPrice: Grouping price
         packingPrice: Packing price
+        hasMinPrice: Has min price
         minPrice: Min price
         started: Started
         ended: Ended
diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index bd39e861b..dc132a0af 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -1126,6 +1126,7 @@ item:
         itemId: ID Artículo
         groupingPrice: Precio grouping
         packingPrice: Precio packing
+        hasMinPrice: Tiene precio mínimo
         minPrice: Precio min
         started: Inicio
         ended: Fin
diff --git a/src/pages/Item/ItemFixedPrice.vue b/src/pages/Item/ItemFixedPrice.vue
index aa7a080a0..1f943d2ad 100644
--- a/src/pages/Item/ItemFixedPrice.vue
+++ b/src/pages/Item/ItemFixedPrice.vue
@@ -10,10 +10,9 @@ import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
 import ItemDescriptorProxy from '../Item/Card/ItemDescriptorProxy.vue';
 import WorkerDescriptorProxy from 'src/pages/Worker/Card/WorkerDescriptorProxy.vue';
 import VnInputDate from 'src/components/common/VnInputDate.vue';
+import EditTableCellValueForm from 'src/components/EditTableCellValueForm.vue';
 
 import { useStateStore } from 'stores/useStateStore';
-import { toDateFormat } from 'src/filters/date.js';
-import { useSession } from 'composables/useSession';
 import { dashIfEmpty } from 'src/filters';
 import { useVnConfirm } from 'composables/useVnConfirm';
 import { useState } from 'src/composables/useState';
@@ -22,63 +21,64 @@ import useNotify from 'src/composables/useNotify.js';
 import axios from 'axios';
 
 const router = useRouter();
-const { getTokenMultimedia } = useSession();
-const token = getTokenMultimedia();
 const stateStore = useStateStore();
 const { t } = useI18n();
 const { openConfirmationModal } = useVnConfirm();
 const state = useState();
 const { notify } = useNotify();
 
-const paginateRef = ref(null);
+const fixedPricesFetchRef = ref(null);
+// const paginateRef = ref(null);
+const editTableCellDialogRef = ref(null);
 const user = state.getUser();
 const fixedPrices = ref([]);
 const fixedPricesOriginalData = ref([]);
 const warehousesOptions = ref([]);
 const itemsWithNameOptions = ref([]);
+const rowsSelected = ref([]);
 
-const exprBuilder = (param, value) => {
-    switch (param) {
-        case 'category':
-            return { 'ic.name': value };
-        case 'buyerFk':
-            return { 'it.workerFk': value };
-        case 'grouping':
-            return { 'b.grouping': value };
-        case 'packing':
-            return { 'b.packing': value };
-        case 'origin':
-            return { 'ori.code': value };
-        case 'typeFk':
-            return { 'i.typeFk': value };
-        case 'intrastat':
-            return { 'intr.description': value };
-        case 'name':
-            return { 'i.name': { like: `%${value}%` } };
-        case 'producer':
-            return { 'pr.name': { like: `%${value}%` } };
-        case 'id':
-        case 'size':
-        case 'subname':
-        case 'isActive':
-        case 'weightByPiece':
-        case 'stemMultiplier':
-        case 'stems':
-            return { [`i.${param}`]: value };
-    }
-};
+// const exprBuilder = (param, value) => {
+//     switch (param) {
+//         case 'category':
+//             return { 'ic.name': value };
+//         case 'buyerFk':
+//             return { 'it.workerFk': value };
+//         case 'grouping':
+//             return { 'b.grouping': value };
+//         case 'packing':
+//             return { 'b.packing': value };
+//         case 'origin':
+//             return { 'ori.code': value };
+//         case 'typeFk':
+//             return { 'i.typeFk': value };
+//         case 'intrastat':
+//             return { 'intr.description': value };
+//         case 'name':
+//             return { 'i.name': { like: `%${value}%` } };
+//         case 'producer':
+//             return { 'pr.name': { like: `%${value}%` } };
+//         case 'id':
+//         case 'size':
+//         case 'subname':
+//         case 'isActive':
+//         case 'weightByPiece':
+//         case 'stemMultiplier':
+//         case 'stems':
+//             return { [`i.${param}`]: value };
+//     }
+// };
 
-const params = reactive({});
+// const params = reactive({});
 
-const applyColumnFilter = async (col) => {
-    try {
-        const paramKey = col.columnFilter?.filterParamKey || col.field;
-        params[paramKey] = col.columnFilter.filterValue;
-        await paginateRef.value.addFilter(null, params);
-    } catch (err) {
-        console.error('Error applying column filter', err);
-    }
-};
+// const applyColumnFilter = async (col) => {
+//     try {
+//         const paramKey = col.columnFilter?.filterParamKey || col.field;
+//         params[paramKey] = col.columnFilter.filterValue;
+//         await paginateRef.value.addFilter(null, params);
+//     } catch (err) {
+//         console.error('Error applying column filter', err);
+//     }
+// };
 
 const columns = computed(() => [
     {
@@ -222,30 +222,22 @@ const columns = computed(() => [
     },
 ]);
 
+const editTableFieldsOptions = [
+    { field: 'rate2', label: t('item.fixedPrice.groupingPrice') },
+    { field: 'rate3', label: t('item.fixedPrice.packingPrice') },
+    { field: 'hasMinPrice', label: t('item.fixedPrice.hasMinPrice') },
+    { field: 'minPrice', label: t('item.fixedPrice.minPrice') },
+    { field: 'started', label: t('item.fixedPrice.started') },
+    { field: 'ended', label: t('item.fixedPrice.ended') },
+    { field: 'warehouseFk', label: t('item.fixedPrice.warehouse') },
+];
+
 const onFixedPricesFetched = (data) => {
     fixedPrices.value = data;
     // el objetivo de esto es guardar los valores iniciales de todas las rows para evitar guardar cambios si la data no cambió al disparar los eventos
     fixedPricesOriginalData.value = JSON.parse(JSON.stringify(data));
 };
 
-const redirectToItemCreate = () => {
-    router.push({ name: 'ItemCreate' });
-};
-
-const redirectToItemSummary = (id) => {
-    router.push({ name: 'ItemSummary', params: { id } });
-};
-
-const cloneItem = async (itemFk) => {
-    // try {
-    //     const { data } = await axios.post(`Items/${itemFk}/clone`);
-    //     if (!data) return;
-    //     router.push({ name: 'ItemTags', params: { id: data.id } });
-    // } catch (err) {
-    //     console.error('Error cloning item', err);
-    // }
-};
-
 const getRowUpdateInputEvents = (props, resetMinPrice, inputType = 'text') => {
     return inputType === 'text'
         ? {
@@ -254,27 +246,27 @@ const getRowUpdateInputEvents = (props, resetMinPrice, inputType = 'text') => {
           }
         : { 'update:modelValue': () => upsertPrice(props, resetMinPrice) };
 };
-const getColumnInputEvents = (col) => {
-    return col.columnFilter.type === 'select'
-        ? { 'update:modelValue': () => applyColumnFilter(col) }
-        : {
-              'keyup.enter': () => applyColumnFilter(col),
-          };
-};
+
+// const getColumnInputEvents = (col) => {
+//     return col.columnFilter.type === 'select'
+//         ? { 'update:modelValue': () => applyColumnFilter(col) }
+//         : {
+//               'keyup.enter': () => applyColumnFilter(col),
+//           };
+// };
 
 const upsertPrice = async ({ row, col, rowIndex }, resetMinPrice) => {
-    console.log('row', row);
-    console.log('col', col);
-    console.log('rowIndex', rowIndex);
-    console.log('field', col.field);
-    console.log('originalData: ', fixedPricesOriginalData.value[rowIndex][col.field]);
-    console.log('actual value: ', row[col.field]);
-    if (fixedPricesOriginalData.value[rowIndex][col.field] == row[col.field]) return;
+    // Si la row no tiene id significa que fue agregada con addRow y no se ha guardado en la base de datos
+    const isNew = !row.id;
+    // Si isNew es falso no se checkea si el valor es igual a la original
+    if (!isNew)
+        if (fixedPricesOriginalData.value[rowIndex][col.field] == row[col.field]) return;
 
     try {
         if (resetMinPrice) row.hasMinPrice = 0;
         const requiredFields = ['itemFk', 'started', 'ended', 'rate2', 'rate3'];
         for (const field of requiredFields) if (!row[field]) return;
+
         const { data } = await axios.patch('FixedPrices/upsertFixedPrice', row);
         row = data;
         fixedPricesOriginalData.value[rowIndex][col.field] = row[col.field];
@@ -283,6 +275,43 @@ const upsertPrice = async ({ row, col, rowIndex }, resetMinPrice) => {
     }
 };
 
+const addRow = () => {
+    if (!fixedPrices.value || fixedPrices.value.length === 0) {
+        fixedPrices.value = [];
+
+        const today = Date.vnNew();
+
+        const millisecsInDay = 86400000;
+        const daysInWeek = 7;
+        const nextWeek = new Date(today.getTime() + daysInWeek * millisecsInDay);
+
+        fixedPricesOriginalData.value.push({
+            started: today,
+            ended: nextWeek,
+        });
+        fixedPrices.value.push({
+            started: today,
+            ended: nextWeek,
+        });
+        return;
+    }
+
+    const lastIndex = fixedPrices.value.length - 1;
+    const lastItemCopy = JSON.parse(JSON.stringify(fixedPrices.value[lastIndex]));
+    const { id, ...restOfData } = lastItemCopy;
+    fixedPricesOriginalData.value.push(restOfData);
+    fixedPrices.value.push(restOfData);
+};
+
+const openEditTableCellDialog = () => {
+    editTableCellDialogRef.value.show();
+};
+
+const onEditCellDataSaved = async () => {
+    rowsSelected.value = [];
+    await fixedPricesFetchRef.value.fetch();
+};
+
 onMounted(async () => {
     stateStore.rightDrawer = true;
 });
@@ -292,6 +321,7 @@ onUnmounted(() => (stateStore.rightDrawer = false));
 
 <template>
     <FetchData
+        ref="fixedPricesFetchRef"
         url="FixedPrices/filter"
         :filter="{ order: ['itemFk'] }"
         :params="{ warehouseFk: user.warehouseFk }"
@@ -315,6 +345,8 @@ onUnmounted(() => (stateStore.rightDrawer = false));
             :rows="fixedPrices"
             :columns="columns"
             row-key="id"
+            selection="multiple"
+            v-model:selected="rowsSelected"
             :pagination="{ rowsPerPage: 0 }"
             class="full-width q-mt-md"
             :no-data-label="t('globals.noResults')"
@@ -433,21 +465,41 @@ onUnmounted(() => (stateStore.rightDrawer = false));
                     />
                 </QTd>
             </template>
+            <template #bottom-row>
+                <QTd align="center">
+                    <QIcon
+                        @click.stop="addRow()"
+                        class="fill-icon-on-hover"
+                        color="primary"
+                        name="add_circle"
+                        size="sm"
+                    >
+                        <QTooltip>
+                            {{ t('Add fixed price') }}
+                        </QTooltip>
+                    </QIcon>
+                </QTd>
+            </template>
         </QTable>
-        <QPageSticky :offset="[20, 20]">
-            <QBtn @click="redirectToItemCreate()" color="primary" fab icon="add" />
-            <QTooltip class="text-no-wrap">
-                {{ t('New item') }}
+        <QPageSticky v-if="rowsSelected.length > 0" :offset="[20, 20]">
+            <QBtn @click="openEditTableCellDialog()" color="primary" fab icon="edit" />
+            <QTooltip>
+                {{ t('Edit fixed price(s)') }}
             </QTooltip>
         </QPageSticky>
+        <QDialog ref="editTableCellDialogRef">
+            <EditTableCellValueForm
+                edit-url="FixedPrices/editFixedPrice"
+                :rows="rowsSelected"
+                :fields-options="editTableFieldsOptions"
+                @on-data-saved="onEditCellDataSaved()"
+            />
+        </QDialog>
     </QPage>
 </template>
 
 <i18n>
 es:
-    New item: Nuevo artículo
-    All it's properties will be copied: Todas sus propiedades serán copiadas
-    Do you want to clone this item?: ¿Desea clonar este artículo?
-    Clone: Clonar
-    Preview: Vista previa
+    Add fixed price: Añadir precio fijado
+    Edit fixed price(s): Editar precio(s) fijado(s)
 </i18n>

From 6839b5aac2e1916cbc8488185930146f85a702f7 Mon Sep 17 00:00:00 2001
From: Jon <jon@verdnatura.es>
Date: Wed, 17 Apr 2024 13:26:08 +0200
Subject: [PATCH 029/305] refactor: refs #6767 deleted <div class="col">

---
 src/components/CreateBankEntityForm.vue       |  52 +-
 src/components/CreateDepartmentChild.vue      |   4 +-
 src/components/CreateManualInvoiceForm.vue    | 106 ++--
 src/components/CreateNewCityForm.vue          |  32 +-
 src/components/CreateNewPostcodeForm.vue      | 103 ++--
 src/components/CreateNewProvinceForm.vue      |  32 +-
 src/components/CreateThermographForm.vue      |  77 ++-
 src/components/EditPictureForm.vue            |  96 ++--
 src/components/EditTableCellValueForm.vue     |  22 +-
 src/components/FilterItemForm.vue             |  74 ++-
 src/components/FilterTravelForm.vue           |  74 ++-
 src/components/RegularizeStockForm.vue        |  28 +-
 src/components/TransferInvoiceForm.vue        | 124 +++--
 src/components/ui/SkeletonForm.vue            |  24 +-
 src/components/ui/SkeletonSummary.vue         |  70 ++-
 src/components/ui/SkeletonTable.vue           |  53 +-
 src/pages/Claim/Card/ClaimBasicData.vue       | 140 +++---
 src/pages/Customer/Card/CustomerBasicData.vue | 168 +++----
 .../Customer/Card/CustomerBillingData.vue     | 114 ++---
 .../Customer/Card/CustomerFiscalData.vue      | 153 +++---
 src/pages/Customer/Card/CustomerWebAccess.vue |  38 +-
 src/pages/Customer/CustomerCreate.vue         |  98 ++--
 .../CustomerDefaulterAddObservation.vue       |  12 +-
 .../components/CustomerConsigneeCreate.vue    |  99 ++--
 .../components/CustomerConsigneeEdit.vue      | 141 +++---
 .../components/CustomerCreditCreate.vue       |  12 +-
 .../components/CustomerGreugeCreate.vue       |  30 +-
 .../components/CustomerNewCustomsAgent.vue    |  24 +-
 .../components/CustomerNewPayment.vue         | 110 ++---
 .../components/CustomerNoteCreate.vue         |   4 +-
 .../components/CustomerRecoverieCreate.vue    |  16 +-
 .../Department/Card/DepartmentBasicData.vue   | 156 +++---
 src/pages/Entry/Card/EntryBasicData.vue       | 244 +++++-----
 src/pages/Entry/Card/EntryBuysImport.vue      |  60 ++-
 src/pages/Entry/EntryCreate.vue               | 130 +++--
 .../InvoiceIn/Card/InvoiceInBasicData.vue     | 451 +++++++++---------
 src/pages/Order/Card/OrderForm.vue            | 134 +++---
 src/pages/Route/Card/RouteForm.vue            | 154 +++---
 src/pages/Route/Roadmap/RoadmapBasicData.vue  | 130 +++--
 src/pages/Route/Roadmap/RoadmapCreate.vue     |  20 +-
 src/pages/Shelving/Card/ShelvingForm.vue      |  70 ++-
 src/pages/Supplier/Card/SupplierAccounts.vue  | 108 ++---
 .../Supplier/Card/SupplierAddressesCreate.vue |  61 +--
 .../Supplier/Card/SupplierAgencyTerm.vue      |  88 ++--
 .../Card/SupplierAgencyTermCreate.vue         |  92 ++--
 src/pages/Supplier/Card/SupplierBasicData.vue | 116 ++---
 .../Supplier/Card/SupplierBillingData.vue     |  52 +-
 src/pages/Supplier/Card/SupplierContacts.vue  |  58 +--
 .../Supplier/Card/SupplierFiscalData.vue      | 148 +++---
 src/pages/Supplier/SupplierCreate.vue         |  16 +-
 src/pages/Travel/Card/TravelBasicData.vue     | 110 ++---
 .../Travel/Card/TravelThermographsForm.vue    | 164 +++----
 src/pages/Travel/TravelCreate.vue             |  72 ++-
 src/pages/Wagon/WagonCreate.vue               | 118 +++--
 src/pages/Worker/Card/WorkerPBX.vue           |  12 +-
 src/pages/Worker/WorkerCreate.vue             | 185 +++----
 56 files changed, 2221 insertions(+), 2858 deletions(-)

diff --git a/src/components/CreateBankEntityForm.vue b/src/components/CreateBankEntityForm.vue
index 2d098beb0..429b5f334 100644
--- a/src/components/CreateBankEntityForm.vue
+++ b/src/components/CreateBankEntityForm.vue
@@ -58,37 +58,31 @@ onMounted(async () => {
     >
         <template #form-inputs="{ data, validate }">
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInput
-                        :label="t('name')"
-                        v-model="data.name"
-                        :required="true"
-                        :rules="validate('bankEntity.name')"
-                    />
-                </div>
-                <div class="col">
-                    <VnInput
-                        ref="bicInputRef"
-                        :label="t('swift')"
-                        v-model="data.bic"
-                        :required="true"
-                        :rules="validate('bankEntity.bic')"
-                    />
-                </div>
+                <VnInput
+                    :label="t('name')"
+                    v-model="data.name"
+                    :required="true"
+                    :rules="validate('bankEntity.name')"
+                />
+                <VnInput
+                    ref="bicInputRef"
+                    :label="t('swift')"
+                    v-model="data.bic"
+                    :required="true"
+                    :rules="validate('bankEntity.bic')"
+                />
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('country')"
-                        v-model="data.countryFk"
-                        :options="countriesOptions"
-                        option-value="id"
-                        option-label="country"
-                        hide-selected
-                        :required="true"
-                        :rules="validate('bankEntity.countryFk')"
-                    />
-                </div>
+                <VnSelectFilter
+                    :label="t('country')"
+                    v-model="data.countryFk"
+                    :options="countriesOptions"
+                    option-value="id"
+                    option-label="country"
+                    hide-selected
+                    :required="true"
+                    :rules="validate('bankEntity.countryFk')"
+                />
                 <div v-if="showEntityField" class="col">
                     <VnInput
                         :label="t('id')"
diff --git a/src/components/CreateDepartmentChild.vue b/src/components/CreateDepartmentChild.vue
index 8f5b4b874..1f1b1335b 100644
--- a/src/components/CreateDepartmentChild.vue
+++ b/src/components/CreateDepartmentChild.vue
@@ -52,9 +52,7 @@ onMounted(() => {
             </span>
             <h1 class="title">{{ t('New department') }}</h1>
             <VnRow class="row q-gutter-md q-mb-md" style="min-width: 250px">
-                <div class="col">
-                    <VnInput :label="t('Name')" v-model="data.name" />
-                </div>
+                <VnInput :label="t('Name')" v-model="data.name" />
             </VnRow>
             <div class="q-mt-lg row justify-end">
                 <QBtn
diff --git a/src/components/CreateManualInvoiceForm.vue b/src/components/CreateManualInvoiceForm.vue
index f03afbf35..5383d0a7f 100644
--- a/src/components/CreateManualInvoiceForm.vue
+++ b/src/components/CreateManualInvoiceForm.vue
@@ -72,69 +72,59 @@ const onDataSaved = async (formData, requestResponse) => {
                 {{ t('Invoicing in progress...') }}
             </span>
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('Ticket')"
-                        :options="ticketsOptions"
-                        hide-selected
-                        option-label="id"
-                        option-value="id"
-                        v-model="data.ticketFk"
-                        @update:model-value="data.clientFk = null"
-                    >
-                        <template #option="scope">
-                            <QItem v-bind="scope.itemProps">
-                                <QItemSection>
-                                    <QItemLabel> #{{ scope.opt?.id }} </QItemLabel>
-                                    <QItemLabel caption>{{
-                                        scope.opt?.nickname
-                                    }}</QItemLabel>
-                                </QItemSection>
-                            </QItem>
-                        </template>
-                    </VnSelectFilter>
-                </div>
+                <VnSelectFilter
+                    :label="t('Ticket')"
+                    :options="ticketsOptions"
+                    hide-selected
+                    option-label="id"
+                    option-value="id"
+                    v-model="data.ticketFk"
+                    @update:model-value="data.clientFk = null"
+                >
+                    <template #option="scope">
+                        <QItem v-bind="scope.itemProps">
+                            <QItemSection>
+                                <QItemLabel> #{{ scope.opt?.id }} </QItemLabel>
+                                <QItemLabel caption>{{
+                                    scope.opt?.nickname
+                                }}</QItemLabel>
+                            </QItemSection>
+                        </QItem>
+                    </template>
+                </VnSelectFilter>
                 <span class="row items-center" style="max-width: max-content">{{
                     t('Or')
                 }}</span>
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('Client')"
-                        :options="clientsOptions"
-                        hide-selected
-                        option-label="name"
-                        option-value="id"
-                        v-model="data.clientFk"
-                        @update:model-value="data.ticketFk = null"
-                    />
-                </div>
-                <div class="col">
-                    <VnInputDate :label="t('Max date')" v-model="data.maxShipped" />
-                </div>
+                <VnSelectFilter
+                    :label="t('Client')"
+                    :options="clientsOptions"
+                    hide-selected
+                    option-label="name"
+                    option-value="id"
+                    v-model="data.clientFk"
+                    @update:model-value="data.ticketFk = null"
+                />
+                <VnInputDate :label="t('Max date')" v-model="data.maxShipped" />
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('Serial')"
-                        :options="invoiceOutSerialsOptions"
-                        hide-selected
-                        option-label="description"
-                        option-value="code"
-                        v-model="data.serial"
-                        :required="true"
-                    />
-                </div>
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('Area')"
-                        :options="taxAreasOptions"
-                        hide-selected
-                        option-label="code"
-                        option-value="code"
-                        v-model="data.taxArea"
-                        :required="true"
-                    />
-                </div>
+                <VnSelectFilter
+                    :label="t('Serial')"
+                    :options="invoiceOutSerialsOptions"
+                    hide-selected
+                    option-label="description"
+                    option-value="code"
+                    v-model="data.serial"
+                    :required="true"
+                />
+                <VnSelectFilter
+                    :label="t('Area')"
+                    :options="taxAreasOptions"
+                    hide-selected
+                    option-label="code"
+                    option-value="code"
+                    v-model="data.taxArea"
+                    :required="true"
+                />
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
                 <VnInput
diff --git a/src/components/CreateNewCityForm.vue b/src/components/CreateNewCityForm.vue
index 7326ea7a5..230155bbd 100644
--- a/src/components/CreateNewCityForm.vue
+++ b/src/components/CreateNewCityForm.vue
@@ -40,24 +40,20 @@ const onDataSaved = (dataSaved) => {
     >
         <template #form-inputs="{ data, validate }">
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInput
-                        :label="t('Name')"
-                        v-model="data.name"
-                        :rules="validate('city.name')"
-                    />
-                </div>
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('Province')"
-                        :options="provincesOptions"
-                        hide-selected
-                        option-label="name"
-                        option-value="id"
-                        v-model="data.provinceFk"
-                        :rules="validate('city.provinceFk')"
-                    />
-                </div>
+                <VnInput
+                    :label="t('Name')"
+                    v-model="data.name"
+                    :rules="validate('city.name')"
+                />
+                <VnSelectFilter
+                    :label="t('Province')"
+                    :options="provincesOptions"
+                    hide-selected
+                    option-label="name"
+                    option-value="id"
+                    v-model="data.provinceFk"
+                    :rules="validate('city.provinceFk')"
+                />
             </VnRow>
         </template>
     </FormModelPopup>
diff --git a/src/components/CreateNewPostcodeForm.vue b/src/components/CreateNewPostcodeForm.vue
index 02e84849c..165e86aa8 100644
--- a/src/components/CreateNewPostcodeForm.vue
+++ b/src/components/CreateNewPostcodeForm.vue
@@ -92,63 +92,56 @@ const onProvinceCreated = async ({ name }, formData) => {
     >
         <template #form-inputs="{ data, validate }">
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInput
-                        :label="t('Postcode')"
-                        v-model="data.code"
-                        :rules="validate('postcode.code')"
-                    />
-                </div>
-                <div class="col">
-                    <VnSelectDialog
-                        :label="t('City')"
-                        :options="townsLocationOptions"
-                        v-model="data.townFk"
-                        hide-selected
-                        option-label="name"
-                        option-value="id"
-                        :rules="validate('postcode.city')"
-                        :roles-allowed-to-create="['deliveryAssistant']"
-                    >
-                        <template #form>
-                            <CreateNewCityForm
-                                @on-data-saved="onCityCreated($event, data)"
-                            />
-                        </template>
-                    </VnSelectDialog>
-                </div>
+                <VnInput
+                    :label="t('Postcode')"
+                    v-model="data.code"
+                    :rules="validate('postcode.code')"
+                />
+                <VnSelectDialog
+                    :label="t('City')"
+                    :options="townsLocationOptions"
+                    v-model="data.townFk"
+                    hide-selected
+                    option-label="name"
+                    option-value="id"
+                    :rules="validate('postcode.city')"
+                    :roles-allowed-to-create="['deliveryAssistant']"
+                >
+                    <template #form>
+                        <CreateNewCityForm
+                            @on-data-saved="onCityCreated($event, data)"
+                        />
+                    </template>
+                </VnSelectDialog>
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-xl">
-                <div class="col">
-                    <VnSelectDialog
-                        :label="t('Province')"
-                        :options="provincesOptions"
-                        hide-selected
-                        option-label="name"
-                        option-value="id"
-                        v-model="data.provinceFk"
-                        :rules="validate('postcode.provinceFk')"
-                        :roles-allowed-to-create="['deliveryAssistant']"
-                    >
-                        <template #form>
-                            <CreateNewProvinceForm
-                                @on-data-saved="onProvinceCreated($event, data)"
-                            />
-                        </template>
-                    </VnSelectDialog>
-                </div>
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('Country')"
-                        :options="countriesOptions"
-                        hide-selected
-                        option-label="country"
-                        option-value="id"
-                        v-model="data.countryFk"
-                        :rules="validate('postcode.countryFk')"
-                    />
-                </div> </VnRow
-        ></template>
+                <VnSelectDialog
+                    :label="t('Province')"
+                    :options="provincesOptions"
+                    hide-selected
+                    option-label="name"
+                    option-value="id"
+                    v-model="data.provinceFk"
+                    :rules="validate('postcode.provinceFk')"
+                    :roles-allowed-to-create="['deliveryAssistant']"
+                >
+                    <template #form>
+                        <CreateNewProvinceForm
+                            @on-data-saved="onProvinceCreated($event, data)"
+                        />
+                    </template>
+                </VnSelectDialog>
+                <VnSelectFilter
+                    :label="t('Country')"
+                    :options="countriesOptions"
+                    hide-selected
+                    option-label="country"
+                    option-value="id"
+                    v-model="data.countryFk"
+                    :rules="validate('postcode.countryFk')"
+                />
+            </VnRow>
+        </template>
     </FormModelPopup>
 </template>
 
diff --git a/src/components/CreateNewProvinceForm.vue b/src/components/CreateNewProvinceForm.vue
index b972db2c9..2902d0bac 100644
--- a/src/components/CreateNewProvinceForm.vue
+++ b/src/components/CreateNewProvinceForm.vue
@@ -40,24 +40,20 @@ const onDataSaved = (dataSaved) => {
     >
         <template #form-inputs="{ data, validate }">
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInput
-                        :label="t('Name')"
-                        v-model="data.name"
-                        :rules="validate('province.name')"
-                    />
-                </div>
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('Autonomy')"
-                        :options="autonomiesOptions"
-                        hide-selected
-                        option-label="name"
-                        option-value="id"
-                        v-model="data.autonomyFk"
-                        :rules="validate('province.autonomyFk')"
-                    />
-                </div>
+                <VnInput
+                    :label="t('Name')"
+                    v-model="data.name"
+                    :rules="validate('province.name')"
+                />
+                <VnSelectFilter
+                    :label="t('Autonomy')"
+                    :options="autonomiesOptions"
+                    hide-selected
+                    option-label="name"
+                    option-value="id"
+                    v-model="data.autonomyFk"
+                    :rules="validate('province.autonomyFk')"
+                />
             </VnRow>
         </template>
     </FormModelPopup>
diff --git a/src/components/CreateThermographForm.vue b/src/components/CreateThermographForm.vue
index d4511a0e7..1cb48d2fe 100644
--- a/src/components/CreateThermographForm.vue
+++ b/src/components/CreateThermographForm.vue
@@ -54,51 +54,42 @@ const onDataSaved = (dataSaved) => {
     >
         <template #form-inputs="{ data, validate }">
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInput
-                        :label="t('Identifier')"
-                        v-model="data.thermographId"
-                        :required="true"
-                        :rules="validate('thermograph.id')"
-                    />
-                </div>
-
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('Model')"
-                        :options="thermographsModels"
-                        hide-selected
-                        option-label="value"
-                        option-value="value"
-                        v-model="data.model"
-                        :required="true"
-                        :rules="validate('thermograph.model')"
-                    />
-                </div>
+                <VnInput
+                    :label="t('Identifier')"
+                    v-model="data.thermographId"
+                    :required="true"
+                    :rules="validate('thermograph.id')"
+                />
+                <VnSelectFilter
+                    :label="t('Model')"
+                    :options="thermographsModels"
+                    hide-selected
+                    option-label="value"
+                    option-value="value"
+                    v-model="data.model"
+                    :required="true"
+                    :rules="validate('thermograph.model')"
+                />
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-xl">
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('Warehouse')"
-                        :options="warehousesOptions"
-                        hide-selected
-                        option-label="name"
-                        option-value="id"
-                        v-model="data.warehouseId"
-                        :required="true"
-                    />
-                </div>
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('Temperature')"
-                        :options="temperaturesOptions"
-                        hide-selected
-                        option-label="name"
-                        option-value="code"
-                        v-model="data.temperatureFk"
-                        :required="true"
-                    />
-                </div>
+                <VnSelectFilter
+                    :label="t('Warehouse')"
+                    :options="warehousesOptions"
+                    hide-selected
+                    option-label="name"
+                    option-value="id"
+                    v-model="data.warehouseId"
+                    :required="true"
+                />
+                <VnSelectFilter
+                    :label="t('Temperature')"
+                    :options="temperaturesOptions"
+                    hide-selected
+                    option-label="name"
+                    option-value="code"
+                    v-model="data.temperatureFk"
+                    :required="true"
+                />
             </VnRow>
         </template>
     </FormModelPopup>
diff --git a/src/components/EditPictureForm.vue b/src/components/EditPictureForm.vue
index 3d7f3615b..ff8c2f289 100644
--- a/src/components/EditPictureForm.vue
+++ b/src/components/EditPictureForm.vue
@@ -246,61 +246,55 @@ const makeRequest = async () => {
 
                 <div class="column">
                     <VnRow class="row q-gutter-md q-mb-md">
-                        <div class="col">
-                            <QOptionGroup
-                                :options="uploadMethodsOptions"
-                                type="radio"
-                                v-model="uploadMethodSelected"
-                            />
-                        </div>
+                        <QOptionGroup
+                            :options="uploadMethodsOptions"
+                            type="radio"
+                            v-model="uploadMethodSelected"
+                        />
                     </VnRow>
                     <VnRow class="row q-gutter-md q-mb-md">
-                        <div class="col">
-                            <QFile
-                                v-if="uploadMethodSelected === 'computer'"
-                                ref="inputFileRef"
-                                :label="t('File')"
-                                :multiple="false"
-                                v-model="newPhoto.files"
-                                @update:model-value="updatePhotoPreview($event)"
-                                :accept="allowedContentTypes"
-                                class="required cursor-pointer"
-                            >
-                                <template #append>
-                                    <QIcon
-                                        name="vn:attach"
-                                        class="cursor-pointer q-mr-sm"
-                                        @click="openInputFile()"
-                                    >
-                                        <!-- <QTooltip>{{ t('globals.selectFile') }}</QTooltip> -->
-                                    </QIcon>
-                                    <QIcon name="info" class="cursor-pointer">
-                                        <QTooltip>{{
-                                            t('globals.allowedFilesText', {
-                                                allowedContentTypes: allowedContentTypes,
-                                            })
-                                        }}</QTooltip>
-                                    </QIcon>
-                                </template>
-                            </QFile>
-                            <VnInput
-                                v-if="uploadMethodSelected === 'URL'"
-                                v-model="newPhoto.url"
-                                @update:model-value="updatePhotoPreview($event)"
-                                placeholder="https://"
-                            />
-                        </div>
+                        <QFile
+                            v-if="uploadMethodSelected === 'computer'"
+                            ref="inputFileRef"
+                            :label="t('File')"
+                            :multiple="false"
+                            v-model="newPhoto.files"
+                            @update:model-value="updatePhotoPreview($event)"
+                            :accept="allowedContentTypes"
+                            class="required cursor-pointer"
+                        >
+                            <template #append>
+                                <QIcon
+                                    name="vn:attach"
+                                    class="cursor-pointer q-mr-sm"
+                                    @click="openInputFile()"
+                                >
+                                    <!-- <QTooltip>{{ t('globals.selectFile') }}</QTooltip> -->
+                                </QIcon>
+                                <QIcon name="info" class="cursor-pointer">
+                                    <QTooltip>{{
+                                        t('globals.allowedFilesText', {
+                                            allowedContentTypes: allowedContentTypes,
+                                        })
+                                    }}</QTooltip>
+                                </QIcon>
+                            </template>
+                        </QFile>
+                        <VnInput
+                            v-if="uploadMethodSelected === 'URL'"
+                            v-model="newPhoto.url"
+                            @update:model-value="updatePhotoPreview($event)"
+                            placeholder="https://"
+                        />
                     </VnRow>
                     <VnRow class="row q-gutter-md q-mb-md">
-                        <div class="col">
-                            <VnSelectFilter
-                                :label="t('Orientation')"
-                                :options="viewportTypes"
-                                hide-selected
-                                option-label="description"
-                                v-model="viewportSelection"
-                            />
-                        </div>
+                        <VnSelectFilter
+                            :label="t('Orientation')"
+                            :options="viewportTypes"
+                            hide-selected
+                            option-label="description"
+                            v-model="viewportSelection"
+                        />
                     </VnRow>
                     <div class="q-mt-lg row justify-end">
                         <QBtn
diff --git a/src/components/EditTableCellValueForm.vue b/src/components/EditTableCellValueForm.vue
index 9e48889a0..147ee1001 100644
--- a/src/components/EditTableCellValueForm.vue
+++ b/src/components/EditTableCellValueForm.vue
@@ -75,19 +75,15 @@ const closeForm = () => {
             <span class="countLines">{{ ` ${rows.length} ` }}</span>
             <span class="title">{{ t('buy(s)') }}</span>
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('Field to edit')"
-                        :options="fieldsOptions"
-                        hide-selected
-                        option-label="label"
-                        option-value="field"
-                        v-model="formData.field"
-                    />
-                </div>
-                <div class="col">
-                    <VnInput :label="t('Value')" v-model="formData.newValue" />
-                </div>
+                <VnSelectFilter
+                    :label="t('Field to edit')"
+                    :options="fieldsOptions"
+                    hide-selected
+                    option-label="label"
+                    option-value="field"
+                    v-model="formData.field"
+                />
+                <VnInput :label="t('Value')" v-model="formData.newValue" />
             </VnRow>
             <div class="q-mt-lg row justify-end">
                 <QBtn
diff --git a/src/components/FilterItemForm.vue b/src/components/FilterItemForm.vue
index cd4fff54c..cd4ef89e7 100644
--- a/src/components/FilterItemForm.vue
+++ b/src/components/FilterItemForm.vue
@@ -147,48 +147,38 @@ const selectItem = ({ id }) => {
             </span>
             <h1 class="title">{{ t('Filter item') }}</h1>
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInput
-                        :label="t('entry.buys.name')"
-                        v-model="itemFilterParams.name"
-                    />
-                </div>
-                <div class="col">
-                    <VnInput
-                        :label="t('entry.buys.size')"
-                        v-model="itemFilterParams.size"
-                    />
-                </div>
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('entry.buys.producer')"
-                        :options="producersOptions"
-                        hide-selected
-                        option-label="name"
-                        option-value="id"
-                        v-model="itemFilterParams.producerFk"
-                    />
-                </div>
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('entry.buys.type')"
-                        :options="ItemTypesOptions"
-                        hide-selected
-                        option-label="name"
-                        option-value="id"
-                        v-model="itemFilterParams.typeFk"
-                    />
-                </div>
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('entry.buys.color')"
-                        :options="InksOptions"
-                        hide-selected
-                        option-label="name"
-                        option-value="id"
-                        v-model="itemFilterParams.inkFk"
-                    />
-                </div>
+                <VnInput
+                    :label="t('entry.buys.name')"
+                    v-model="itemFilterParams.name"
+                />
+                <VnInput
+                    :label="t('entry.buys.size')"
+                    v-model="itemFilterParams.size"
+                />
+                <VnSelectFilter
+                    :label="t('entry.buys.producer')"
+                    :options="producersOptions"
+                    hide-selected
+                    option-label="name"
+                    option-value="id"
+                    v-model="itemFilterParams.producerFk"
+                />
+                <VnSelectFilter
+                    :label="t('entry.buys.type')"
+                    :options="ItemTypesOptions"
+                    hide-selected
+                    option-label="name"
+                    option-value="id"
+                    v-model="itemFilterParams.typeFk"
+                />
+                <VnSelectFilter
+                    :label="t('entry.buys.color')"
+                    :options="InksOptions"
+                    hide-selected
+                    option-label="name"
+                    option-value="id"
+                    v-model="itemFilterParams.inkFk"
+                />
             </VnRow>
             <div class="q-mt-lg row justify-end">
                 <QBtn
diff --git a/src/components/FilterTravelForm.vue b/src/components/FilterTravelForm.vue
index e6060f06e..8b9aa15df 100644
--- a/src/components/FilterTravelForm.vue
+++ b/src/components/FilterTravelForm.vue
@@ -145,48 +145,38 @@ const selectTravel = ({ id }) => {
             </span>
             <h1 class="title">{{ t('Filter travels') }}</h1>
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('entry.basicData.agency')"
-                        :options="agenciesOptions"
-                        hide-selected
-                        option-label="name"
-                        option-value="id"
-                        v-model="travelFilterParams.agencyModeFk"
-                    />
-                </div>
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('entry.basicData.warehouseOut')"
-                        :options="warehousesOptions"
-                        hide-selected
-                        option-label="name"
-                        option-value="id"
-                        v-model="travelFilterParams.warehouseOutFk"
-                    />
-                </div>
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('entry.basicData.warehouseIn')"
-                        :options="warehousesOptions"
-                        hide-selected
-                        option-label="name"
-                        option-value="id"
-                        v-model="travelFilterParams.warehouseInFk"
-                    />
-                </div>
-                <div class="col">
-                    <VnInputDate
-                        :label="t('entry.basicData.shipped')"
-                        v-model="travelFilterParams.shipped"
-                    />
-                </div>
-                <div class="col">
-                    <VnInputDate
-                        :label="t('entry.basicData.landed')"
-                        v-model="travelFilterParams.landed"
-                    />
-                </div>
+                <VnSelectFilter
+                    :label="t('entry.basicData.agency')"
+                    :options="agenciesOptions"
+                    hide-selected
+                    option-label="name"
+                    option-value="id"
+                    v-model="travelFilterParams.agencyModeFk"
+                />
+                <VnSelectFilter
+                    :label="t('entry.basicData.warehouseOut')"
+                    :options="warehousesOptions"
+                    hide-selected
+                    option-label="name"
+                    option-value="id"
+                    v-model="travelFilterParams.warehouseOutFk"
+                />
+                <VnSelectFilter
+                    :label="t('entry.basicData.warehouseIn')"
+                    :options="warehousesOptions"
+                    hide-selected
+                    option-label="name"
+                    option-value="id"
+                    v-model="travelFilterParams.warehouseInFk"
+                />
+                <VnInputDate
+                    :label="t('entry.basicData.shipped')"
+                    v-model="travelFilterParams.shipped"
+                />
+                <VnInputDate
+                    :label="t('entry.basicData.landed')"
+                    v-model="travelFilterParams.landed"
+                />
             </VnRow>
             <div class="q-mt-lg row justify-end">
                 <QBtn
diff --git a/src/components/RegularizeStockForm.vue b/src/components/RegularizeStockForm.vue
index 28236be17..e8af244d9 100644
--- a/src/components/RegularizeStockForm.vue
+++ b/src/components/RegularizeStockForm.vue
@@ -50,24 +50,20 @@ const onDataSaved = (data) => {
     >
         <template #form-inputs="{ data }">
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <QInput
-                        :label="t('Type the visible quantity')"
-                        v-model.number="data.quantity"
-                    />
-                </div>
+                <QInput
+                    :label="t('Type the visible quantity')"
+                    v-model.number="data.quantity"
+                />
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('Warehouse')"
-                        v-model="data.warehouseFk"
-                        :options="warehousesOptions"
-                        option-value="id"
-                        option-label="name"
-                        hide-selected
-                    />
-                </div>
+                <VnSelectFilter
+                    :label="t('Warehouse')"
+                    v-model="data.warehouseFk"
+                    :options="warehousesOptions"
+                    option-value="id"
+                    option-label="name"
+                    hide-selected
+                />
             </VnRow>
         </template>
     </FormModelPopup>
diff --git a/src/components/TransferInvoiceForm.vue b/src/components/TransferInvoiceForm.vue
index b7d8f3081..96626e826 100644
--- a/src/components/TransferInvoiceForm.vue
+++ b/src/components/TransferInvoiceForm.vue
@@ -83,74 +83,66 @@ const transferInvoice = async () => {
     >
         <template #form-inputs>
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('Client')"
-                        :options="clientsOptions"
-                        hide-selected
-                        option-label="name"
-                        option-value="id"
-                        v-model="transferInvoiceParams.newClientFk"
-                        :required="true"
-                    >
-                        <template #option="scope">
-                            <QItem v-bind="scope.itemProps">
-                                <QItemSection>
-                                    <QItemLabel>
-                                        #{{ scope.opt?.id }} -
-                                        {{ scope.opt?.name }}
-                                    </QItemLabel>
-                                </QItemSection>
-                            </QItem>
-                        </template>
-                    </VnSelectFilter>
-                </div>
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('Rectificative type')"
-                        :options="rectificativeTypeOptions"
-                        hide-selected
-                        option-label="description"
-                        option-value="id"
-                        v-model="transferInvoiceParams.cplusRectificationTypeFk"
-                        :required="true"
-                    />
-                </div>
+                <VnSelectFilter
+                    :label="t('Client')"
+                    :options="clientsOptions"
+                    hide-selected
+                    option-label="name"
+                    option-value="id"
+                    v-model="transferInvoiceParams.newClientFk"
+                    :required="true"
+                >
+                    <template #option="scope">
+                        <QItem v-bind="scope.itemProps">
+                            <QItemSection>
+                                <QItemLabel>
+                                    #{{ scope.opt?.id }} -
+                                    {{ scope.opt?.name }}
+                                </QItemLabel>
+                            </QItemSection>
+                        </QItem>
+                    </template>
+                </VnSelectFilter>
+                <VnSelectFilter
+                    :label="t('Rectificative type')"
+                    :options="rectificativeTypeOptions"
+                    hide-selected
+                    option-label="description"
+                    option-value="id"
+                    v-model="transferInvoiceParams.cplusRectificationTypeFk"
+                    :required="true"
+                />
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('Class')"
-                        :options="siiTypeInvoiceOutsOptions"
-                        hide-selected
-                        option-label="description"
-                        option-value="id"
-                        v-model="transferInvoiceParams.siiTypeInvoiceOutFk"
-                        :required="true"
-                    >
-                        <template #option="scope">
-                            <QItem v-bind="scope.itemProps">
-                                <QItemSection>
-                                    <QItemLabel>
-                                        {{ scope.opt?.code }} -
-                                        {{ scope.opt?.description }}
-                                    </QItemLabel>
-                                </QItemSection>
-                            </QItem>
-                        </template>
-                    </VnSelectFilter>
-                </div>
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('Type')"
-                        :options="invoiceCorrectionTypesOptions"
-                        hide-selected
-                        option-label="description"
-                        option-value="id"
-                        v-model="transferInvoiceParams.invoiceCorrectionTypeFk"
-                        :required="true"
-                    />
-                </div>
+                <VnSelectFilter
+                    :label="t('Class')"
+                    :options="siiTypeInvoiceOutsOptions"
+                    hide-selected
+                    option-label="description"
+                    option-value="id"
+                    v-model="transferInvoiceParams.siiTypeInvoiceOutFk"
+                    :required="true"
+                >
+                    <template #option="scope">
+                        <QItem v-bind="scope.itemProps">
+                            <QItemSection>
+                                <QItemLabel>
+                                    {{ scope.opt?.code }} -
+                                    {{ scope.opt?.description }}
+                                </QItemLabel>
+                            </QItemSection>
+                        </QItem>
+                    </template>
+                </VnSelectFilter>
+                <VnSelectFilter
+                    :label="t('Type')"
+                    :options="invoiceCorrectionTypesOptions"
+                    hide-selected
+                    option-label="description"
+                    option-value="id"
+                    v-model="transferInvoiceParams.invoiceCorrectionTypeFk"
+                    :required="true"
+                />
             </VnRow>
         </template>
     </FormPopup>
diff --git a/src/components/ui/SkeletonForm.vue b/src/components/ui/SkeletonForm.vue
index d27934adf..4ae4fb5bb 100644
--- a/src/components/ui/SkeletonForm.vue
+++ b/src/components/ui/SkeletonForm.vue
@@ -1,28 +1,16 @@
 <template>
     <div class="q-pa-md">
         <div class="row q-gutter-md q-mb-md">
-            <div class="col">
-                <QSkeleton type="QInput" square />
-            </div>
-            <div class="col">
-                <QSkeleton type="QInput" square />
-            </div>
+            <QSkeleton type="QInput" square />
+            <QSkeleton type="QInput" square />
         </div>
         <div class="row q-gutter-md q-mb-md">
-            <div class="col">
-                <QSkeleton type="QInput" square />
-            </div>
-            <div class="col">
-                <QSkeleton type="QInput" square />
-            </div>
+            <QSkeleton type="QInput" square />
+            <QSkeleton type="QInput" square />
         </div>
         <div class="row q-gutter-md q-mb-md">
-            <div class="col">
-                <QSkeleton type="QInput" square />
-            </div>
-            <div class="col">
-                <QSkeleton type="QInput" square />
-            </div>
+            <QSkeleton type="QInput" square />
+            <QSkeleton type="QInput" square />
         </div>
         <div class="row q-gutter-md">
             <QSkeleton type="QBtn" />
diff --git a/src/components/ui/SkeletonSummary.vue b/src/components/ui/SkeletonSummary.vue
index 087dc32f9..e8407ee7b 100644
--- a/src/components/ui/SkeletonSummary.vue
+++ b/src/components/ui/SkeletonSummary.vue
@@ -3,46 +3,36 @@
         <QSkeleton type="rect" square />
     </div>
     <div class="row q-pa-md q-col-gutter-md q-mb-md">
-        <div class="col">
-            <QSkeleton type="rect" class="q-mb-md" square />
-            <QSkeleton type="text" square />
-            <QSkeleton type="text" square />
-            <QSkeleton type="text" square />
-            <QSkeleton type="text" square />
-            <QSkeleton type="text" square />
-        </div>
-        <div class="col">
-            <QSkeleton type="rect" class="q-mb-md" square />
-            <QSkeleton type="text" square />
-            <QSkeleton type="text" square />
-            <QSkeleton type="text" square />
-            <QSkeleton type="text" square />
-            <QSkeleton type="text" square />
-        </div>
-        <div class="col">
-            <QSkeleton type="rect" class="q-mb-md" square />
-            <QSkeleton type="text" square />
-            <QSkeleton type="text" square />
-            <QSkeleton type="text" square />
-            <QSkeleton type="text" square />
-            <QSkeleton type="text" square />
-        </div>
-        <div class="col">
-            <QSkeleton type="rect" class="q-mb-md" square />
-            <QSkeleton type="text" square />
-            <QSkeleton type="text" square />
-            <QSkeleton type="text" square />
-            <QSkeleton type="text" square />
-            <QSkeleton type="text" square />
-        </div>
-        <div class="col">
-            <QSkeleton type="rect" class="q-mb-md" square />
-            <QSkeleton type="text" square />
-            <QSkeleton type="text" square />
-            <QSkeleton type="text" square />
-            <QSkeleton type="text" square />
-            <QSkeleton type="text" square />
-        </div>
+        <QSkeleton type="rect" class="q-mb-md" square />
+        <QSkeleton type="text" square />
+        <QSkeleton type="text" square />
+        <QSkeleton type="text" square />
+        <QSkeleton type="text" square />
+        <QSkeleton type="text" square />
+        <QSkeleton type="rect" class="q-mb-md" square />
+        <QSkeleton type="text" square />
+        <QSkeleton type="text" square />
+        <QSkeleton type="text" square />
+        <QSkeleton type="text" square />
+        <QSkeleton type="text" square />
+        <QSkeleton type="rect" class="q-mb-md" square />
+        <QSkeleton type="text" square />
+        <QSkeleton type="text" square />
+        <QSkeleton type="text" square />
+        <QSkeleton type="text" square />
+        <QSkeleton type="text" square />
+        <QSkeleton type="rect" class="q-mb-md" square />
+        <QSkeleton type="text" square />
+        <QSkeleton type="text" square />
+        <QSkeleton type="text" square />
+        <QSkeleton type="text" square />
+        <QSkeleton type="text" square />
+        <QSkeleton type="rect" class="q-mb-md" square />
+        <QSkeleton type="text" square />
+        <QSkeleton type="text" square />
+        <QSkeleton type="text" square />
+        <QSkeleton type="text" square />
+        <QSkeleton type="text" square />
     </div>
 </template>
 
diff --git a/src/components/ui/SkeletonTable.vue b/src/components/ui/SkeletonTable.vue
index d58253f90..e35e2c9b0 100644
--- a/src/components/ui/SkeletonTable.vue
+++ b/src/components/ui/SkeletonTable.vue
@@ -1,45 +1,20 @@
 <template>
     <div class="q-pa-md w">
         <div class="row q-gutter-md q-mb-md">
-            <div class="col-1">
-                <QSkeleton type="rect" square />
-            </div>
-            <div class="col">
-                <QSkeleton type="rect" square />
-            </div>
-            <div class="col">
-                <QSkeleton type="rect" square />
-            </div>
-            <div class="col">
-                <QSkeleton type="rect" square />
-            </div>
-            <div class="col">
-                <QSkeleton type="rect" square />
-            </div>
-            <div class="col">
-                <QSkeleton type="rect" square />
-            </div>
-        </div>
-
-        <div class="row q-gutter-md q-mb-md" v-for="n in 5" :key="n">
-            <div class="col-1">
-                <QSkeleton type="QInput" square />
-            </div>
-            <div class="col">
-                <QSkeleton type="QInput" square />
-            </div>
-            <div class="col">
-                <QSkeleton type="QInput" square />
-            </div>
-            <div class="col">
-                <QSkeleton type="QInput" square />
-            </div>
-            <div class="col">
-                <QSkeleton type="QInput" square />
-            </div>
-            <div class="col">
-                <QSkeleton type="QInput" square />
-            </div>
+            <QSkeleton type="rect" square />
+            <QSkeleton type="rect" square />
+            <QSkeleton type="rect" square />
+            <QSkeleton type="rect" square />
+            <QSkeleton type="rect" square />
+            <QSkeleton type="rect" square />
+       </div>
+       <div class="row q-gutter-md q-mb-md" v-for="n in 5" :key="n">
+            <QSkeleton type="QInput" square />
+            <QSkeleton type="QInput" square />
+            <QSkeleton type="QInput" square />
+            <QSkeleton type="QInput" square />
+            <QSkeleton type="QInput" square />
+            <QSkeleton type="QInput" square />
         </div>
     </div>
 </template>
diff --git a/src/pages/Claim/Card/ClaimBasicData.vue b/src/pages/Claim/Card/ClaimBasicData.vue
index 56717c628..b2e2625e3 100644
--- a/src/pages/Claim/Card/ClaimBasicData.vue
+++ b/src/pages/Claim/Card/ClaimBasicData.vue
@@ -117,86 +117,74 @@ const statesFilter = {
     >
         <template #form="{ data, validate, filter }">
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInput
-                        v-model="data.client.name"
-                        :label="t('claim.basicData.customer')"
-                        disable
-                    />
-                </div>
-                <div class="col">
-                    <VnInputDate
-                        v-model="data.created"
-                        :label="t('claim.basicData.created')"
-                    />
-                </div>
+                <VnInput
+                    v-model="data.client.name"
+                    :label="t('claim.basicData.customer')"
+                    disable
+                />
+                <VnInputDate
+                    v-model="data.created"
+                    :label="t('claim.basicData.created')"
+                />
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <QSelect
-                        v-model="data.workerFk"
-                        :options="workers"
-                        option-value="id"
-                        option-label="name"
-                        emit-value
-                        :label="t('claim.basicData.assignedTo')"
-                        map-options
-                        use-input
-                        @filter="(value, update) => filter(value, update, workerFilter)"
-                        :rules="validate('claim.claimStateFk')"
-                        :input-debounce="0"
-                    >
-                        <template #before>
-                            <QAvatar color="orange">
-                                <QImg
-                                    v-if="data.workerFk"
-                                    :src="`/api/Images/user/160x160/${data.workerFk}/download?access_token=${token}`"
-                                    spinner-color="white"
-                                />
-                            </QAvatar>
-                        </template>
-                    </QSelect>
-                </div>
-                <div class="col">
-                    <QSelect
-                        v-model="data.claimStateFk"
-                        :options="claimStates"
-                        option-value="id"
-                        option-label="description"
-                        emit-value
-                        :label="t('claim.basicData.state')"
-                        map-options
-                        use-input
-                        @filter="(value, update) => filter(value, update, statesFilter)"
-                        :rules="validate('claim.claimStateFk')"
-                        :input-debounce="0"
-                    >
-                    </QSelect>
-                </div>
+                <QSelect
+                    v-model="data.workerFk"
+                    :options="workers"
+                    option-value="id"
+                    option-label="name"
+                    emit-value
+                    :label="t('claim.basicData.assignedTo')"
+                    map-options
+                    use-input
+                    @filter="(value, update) => filter(value, update, workerFilter)"
+                    :rules="validate('claim.claimStateFk')"
+                    :input-debounce="0"
+                >
+                    <template #before>
+                        <QAvatar color="orange">
+                            <QImg
+                                v-if="data.workerFk"
+                                :src="`/api/Images/user/160x160/${data.workerFk}/download?access_token=${token}`"
+                                spinner-color="white"
+                            />
+                        </QAvatar>
+                    </template>
+                </QSelect>
+                <QSelect
+                    v-model="data.claimStateFk"
+                    :options="claimStates"
+                    option-value="id"
+                    option-label="description"
+                    emit-value
+                    :label="t('claim.basicData.state')"
+                    map-options
+                    use-input
+                    @filter="(value, update) => filter(value, update, statesFilter)"
+                    :rules="validate('claim.claimStateFk')"
+                    :input-debounce="0"
+                >
+                </QSelect>
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <QInput
-                        v-model.number="data.packages"
-                        :label="t('globals.packages')"
-                        :rules="validate('claim.packages')"
-                        type="number"
-                    />
-                </div>
-                <div class="col">
-                    <QSelect
-                        v-model="data.pickup"
-                        :options="optionsList"
-                        option-value="id"
-                        option-label="description"
-                        emit-value
-                        :label="t('claim.basicData.pickup')"
-                        map-options
-                        use-input
-                        :input-debounce="0"
-                    >
-                    </QSelect>
-                </div>
+                <QInput
+                    v-model.number="data.packages"
+                    :label="t('globals.packages')"
+                    :rules="validate('claim.packages')"
+                    type="number"
+                />
+                <QSelect
+                    v-model="data.pickup"
+                    :options="optionsList"
+                    option-value="id"
+                    option-label="description"
+                    emit-value
+                    :label="t('claim.basicData.pickup')"
+                    map-options
+                    use-input
+                    :input-debounce="0"
+                >
+                </QSelect>
             </VnRow>
         </template>
     </FormModel>
diff --git a/src/pages/Customer/Card/CustomerBasicData.vue b/src/pages/Customer/Card/CustomerBasicData.vue
index d23b08f17..3b36123ff 100644
--- a/src/pages/Customer/Card/CustomerBasicData.vue
+++ b/src/pages/Customer/Card/CustomerBasicData.vue
@@ -64,104 +64,88 @@ const filterOptions = {
     <FormModel :url="`Clients/${route.params.id}`" model="customer" auto-load>
         <template #form="{ data, validate, filter }">
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInput
-                        v-model="data.socialName"
-                        :label="t('customer.basicData.socialName')"
-                        :rules="validate('client.socialName')"
-                        autofocus
-                    />
-                </div>
-                <div class="col">
-                    <QSelect
-                        v-model="data.businessTypeFk"
-                        :options="businessTypes"
-                        option-value="code"
-                        option-label="description"
-                        emit-value
-                        :label="t('customer.basicData.businessType')"
-                        map-options
-                        :rules="validate('client.businessTypeFk')"
-                        :input-debounce="0"
-                    />
-                </div>
+                <VnInput
+                    v-model="data.socialName"
+                    :label="t('customer.basicData.socialName')"
+                    :rules="validate('client.socialName')"
+                    autofocus
+                />
+                <QSelect
+                    v-model="data.businessTypeFk"
+                    :options="businessTypes"
+                    option-value="code"
+                    option-label="description"
+                    emit-value
+                    :label="t('customer.basicData.businessType')"
+                    map-options
+                    :rules="validate('client.businessTypeFk')"
+                    :input-debounce="0"
+                />
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInput
-                        v-model="data.contact"
-                        :label="t('customer.basicData.contact')"
-                        :rules="validate('client.contact')"
-                        clearable
-                    />
-                </div>
-                <div class="col">
-                    <VnInput
-                        v-model="data.email"
-                        type="email"
-                        :label="t('customer.basicData.email')"
-                        :rules="validate('client.email')"
-                        clearable
-                    />
-                </div>
+                <VnInput
+                    v-model="data.contact"
+                    :label="t('customer.basicData.contact')"
+                    :rules="validate('client.contact')"
+                    clearable
+                />
+                <VnInput
+                    v-model="data.email"
+                    type="email"
+                    :label="t('customer.basicData.email')"
+                    :rules="validate('client.email')"
+                    clearable
+                />
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInput
-                        v-model="data.phone"
-                        :label="t('customer.basicData.phone')"
-                        :rules="validate('client.phone')"
-                        clearable
-                    />
-                </div>
-                <div class="col">
-                    <VnInput
-                        v-model="data.mobile"
-                        :label="t('customer.basicData.mobile')"
-                        :rules="validate('client.mobile')"
-                        clearable
-                    />
-                </div>
+                <VnInput
+                    v-model="data.phone"
+                    :label="t('customer.basicData.phone')"
+                    :rules="validate('client.phone')"
+                    clearable
+                />
+                <VnInput
+                    v-model="data.mobile"
+                    :label="t('customer.basicData.mobile')"
+                    :rules="validate('client.mobile')"
+                    clearable
+                />
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <QSelect
-                        v-model="data.salesPersonFk"
-                        :options="workers"
-                        option-value="id"
-                        option-label="name"
-                        emit-value
-                        :label="t('customer.basicData.salesPerson')"
-                        map-options
-                        use-input
-                        @filter="(value, update) => filter(value, update, filterOptions)"
-                        :rules="validate('client.salesPersonFk')"
-                        :input-debounce="0"
-                    >
-                        <template #prepend>
-                            <QAvatar color="orange">
-                                <QImg
-                                    v-if="data.salesPersonFk"
-                                    :src="`/api/Images/user/160x160/${data.salesPersonFk}/download?access_token=${token}`"
-                                    spinner-color="white"
-                                />
-                            </QAvatar>
-                        </template>
-                    </QSelect>
-                </div>
-                <div class="col">
-                    <QSelect
-                        v-model="data.contactChannelFk"
-                        :options="contactChannels"
-                        option-value="id"
-                        option-label="name"
-                        emit-value
-                        :label="t('customer.basicData.contactChannel')"
-                        map-options
-                        :rules="validate('client.contactChannelFk')"
-                        :input-debounce="0"
-                    />
-                </div>
+                <QSelect
+                    v-model="data.salesPersonFk"
+                    :options="workers"
+                    option-value="id"
+                    option-label="name"
+                    emit-value
+                    :label="t('customer.basicData.salesPerson')"
+                    map-options
+                    use-input
+                    @filter="(value, update) => filter(value, update, filterOptions)"
+                    :rules="validate('client.salesPersonFk')"
+                    :input-debounce="0"
+                >
+                    <template #prepend>
+                        <QAvatar color="orange">
+                            <QImg
+                                v-if="data.salesPersonFk"
+                                :src="`/api/Images/user/160x160/${data.salesPersonFk}/download?access_token=${token}`"
+                                spinner-color="white"
+                            />
+                        </QAvatar>
+                    </template>
+                </QSelect>
+                <QSelect
+                    v-model="data.contactChannelFk"
+                    :options="contactChannels"
+                    option-value="id"
+                    option-label="name"
+                    emit-value
+                    :label="t('customer.basicData.contactChannel')"
+                    map-options
+                    :rules="validate('client.contactChannelFk')"
+                    :input-debounce="0"
+                />
             </VnRow>
         </template>
     </FormModel>
diff --git a/src/pages/Customer/Card/CustomerBillingData.vue b/src/pages/Customer/Card/CustomerBillingData.vue
index fa926e2ad..77ec1ad0f 100644
--- a/src/pages/Customer/Card/CustomerBillingData.vue
+++ b/src/pages/Customer/Card/CustomerBillingData.vue
@@ -49,76 +49,62 @@ const getBankEntities = () => {
     >
         <template #form="{ data, validate }">
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('Billing data')"
-                        :options="payMethods"
-                        hide-selected
-                        option-label="name"
-                        option-value="id"
-                        v-model="data.payMethod"
-                    />
-                </div>
-                <div class="col">
-                    <VnInput
-                        :label="t('Due day')"
-                        :rules="validate('client.socialName')"
-                        v-model="data.dueDay"
-                    />
-                </div>
+                <VnSelectFilter
+                    :label="t('Billing data')"
+                    :options="payMethods"
+                    hide-selected
+                    option-label="name"
+                    option-value="id"
+                    v-model="data.payMethod"
+                />
+                <VnInput
+                    :label="t('Due day')"
+                    :rules="validate('client.socialName')"
+                    v-model="data.dueDay"
+                />
             </VnRow>
 
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInput :label="t('IBAN')" v-model="data.iban">
-                        <template #append>
-                            <QIcon name="info" class="cursor-info">
-                                <QTooltip>{{ t('components.iban_tooltip') }}</QTooltip>
-                            </QIcon>
-                        </template>
-                    </VnInput>
-                </div>
-                <div class="col">
-                    <VnSelectDialog
-                        :label="t('Swift / BIC')"
-                        :options="bankEntitiesOptions"
-                        :roles-allowed-to-create="['salesAssistant', 'hr']"
-                        :rules="validate('Worker.bankEntity')"
-                        hide-selected
-                        option-label="name"
-                        option-value="id"
-                        v-model="data.bankEntityFk"
-                    >
-                        <template #form>
-                            <CreateBankEntityForm @on-data-saved="getBankEntities()" />
-                        </template>
-                        <template #option="scope">
-                            <QItem v-bind="scope.itemProps">
-                                <QItemSection v-if="scope.opt">
-                                    <QItemLabel
-                                        >{{ scope.opt.bic }}
-                                        {{ scope.opt.name }}</QItemLabel
-                                    >
-                                </QItemSection>
-                            </QItem>
-                        </template>
-                    </VnSelectDialog>
-                </div>
+                <VnInput :label="t('IBAN')" v-model="data.iban">
+                    <template #append>
+                        <QIcon name="info" class="cursor-info">
+                            <QTooltip>{{ t('components.iban_tooltip') }}</QTooltip>
+                        </QIcon>
+                    </template>
+                </VnInput>
+                <VnSelectDialog
+                    :label="t('Swift / BIC')"
+                    :options="bankEntitiesOptions"
+                    :roles-allowed-to-create="['salesAssistant', 'hr']"
+                    :rules="validate('Worker.bankEntity')"
+                    hide-selected
+                    option-label="name"
+                    option-value="id"
+                    v-model="data.bankEntityFk"
+                >
+                    <template #form>
+                        <CreateBankEntityForm @on-data-saved="getBankEntities()" />
+                    </template>
+                    <template #option="scope">
+                        <QItem v-bind="scope.itemProps">
+                            <QItemSection v-if="scope.opt">
+                                <QItemLabel
+                                    >{{ scope.opt.bic }}
+                                    {{ scope.opt.name }}</QItemLabel
+                                >
+                            </QItemSection>
+                        </QItem>
+                    </template>
+                </VnSelectDialog>
             </VnRow>
 
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <QCheckbox :label="t('Received LCR')" v-model="data.hasLcr" />
-                </div>
-                <div class="col">
-                    <QCheckbox
-                        :label="t('VNL core received')"
-                        v-model="data.hasCoreVnl"
-                    />
-                </div>
-                <div class="col">
-                    <QCheckbox :label="t('VNL B2B received')" v-model="data.hasSepaVnl" />
-                </div>
+                <QCheckbox :label="t('Received LCR')" v-model="data.hasLcr" />
+                <QCheckbox
+                    :label="t('VNL core received')"
+                    v-model="data.hasCoreVnl"
+                />
+                <QCheckbox :label="t('VNL B2B received')" v-model="data.hasSepaVnl" />
             </VnRow>
         </template>
     </FormModel>
diff --git a/src/pages/Customer/Card/CustomerFiscalData.vue b/src/pages/Customer/Card/CustomerFiscalData.vue
index 76c84509e..83d695c84 100644
--- a/src/pages/Customer/Card/CustomerFiscalData.vue
+++ b/src/pages/Customer/Card/CustomerFiscalData.vue
@@ -41,122 +41,91 @@ function handleLocation(data, location) {
     >
         <template #form="{ data, validate }">
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInput
-                        :label="t('Social name')"
-                        :required="true"
-                        :rules="validate('client.socialName')"
-                        v-model="data.socialName"
-                    />
-                </div>
-                <div class="col">
-                    <VnInput :label="t('Tax number')" v-model="data.fi" />
-                </div>
+                <VnInput
+                    :label="t('Social name')"
+                    :required="true"
+                    :rules="validate('client.socialName')"
+                    v-model="data.socialName"
+                />
+                <VnInput :label="t('Tax number')" v-model="data.fi" />
             </VnRow>
 
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInput :label="t('Street')" v-model="data.street" />
-                </div>
+                <VnInput :label="t('Street')" v-model="data.street" />
             </VnRow>
 
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('Sage tax type')"
-                        :options="typesTaxes"
-                        hide-selected
-                        option-label="vat"
-                        option-value="id"
-                        v-model="data.sageTaxTypeFk"
-                    />
-                </div>
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('Sage transaction type')"
-                        :options="typesTransactions"
-                        hide-selected
-                        option-label="vat"
-                        option-value="id"
-                        v-model="data.sageTransactionTypeFk"
-                    />
-                </div>
+                <VnSelectFilter
+                    :label="t('Sage tax type')"
+                    :options="typesTaxes"
+                    hide-selected
+                    option-label="vat"
+                    option-value="id"
+                    v-model="data.sageTaxTypeFk"
+                />
+                <VnSelectFilter
+                    :label="t('Sage transaction type')"
+                    :options="typesTransactions"
+                    hide-selected
+                    option-label="vat"
+                    option-value="id"
+                    v-model="data.sageTransactionTypeFk"
+                />
             </VnRow>
 
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnLocation
-                        :rules="validate('Worker.postcode')"
-                        :roles-allowed-to-create="['deliveryAssistant']"
-                        :options="postcodesOptions"
-                        v-model="data.postcode"
-                        @update:model-value="(location) => handleLocation(data, location)"
-                    >
-                    </VnLocation>
-                </div>
+                <VnLocation
+                    :rules="validate('Worker.postcode')"
+                    :roles-allowed-to-create="['deliveryAssistant']"
+                    :options="postcodesOptions"
+                    v-model="data.postcode"
+                    @update:model-value="(location) => handleLocation(data, location)"
+                >
+                </VnLocation>
             </VnRow>
 
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <QCheckbox :label="t('Active')" v-model="data.isActive" />
-                </div>
-                <div class="col">
-                    <QCheckbox :label="t('Frozen')" v-model="data.isFreezed" />
-                </div>
+                <QCheckbox :label="t('Active')" v-model="data.isActive" />
+                <QCheckbox :label="t('Frozen')" v-model="data.isFreezed" />
+
             </VnRow>
 
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <QCheckbox :label="t('Has to invoice')" v-model="data.hasToInvoice" />
-                </div>
-                <div class="col">
-                    <QCheckbox :label="t('Vies')" v-model="data.isVies" />
-                </div>
+                <QCheckbox :label="t('Has to invoice')" v-model="data.hasToInvoice" />
+                <QCheckbox :label="t('Vies')" v-model="data.isVies" />
             </VnRow>
 
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <QCheckbox
-                        :label="t('Notify by email')"
-                        v-model="data.isToBeMailed"
-                    />
-                </div>
-                <div class="col">
-                    <QCheckbox
-                        :label="t('Invoice by address')"
-                        v-model="data.hasToInvoiceByAddress"
-                    />
-                </div>
+                <QCheckbox
+                    :label="t('Notify by email')"
+                    v-model="data.isToBeMailed"
+                />
+                <QCheckbox
+                    :label="t('Invoice by address')"
+                    v-model="data.hasToInvoiceByAddress"
+                 />
             </VnRow>
 
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <QCheckbox
-                        :label="t('Is equalizated')"
-                        v-model="data.isEqualizated"
-                    />
-                </div>
-                <div class="col">
-                    <QCheckbox
-                        :label="t('Verified data')"
-                        v-model="data.isTaxDataChecked"
-                    />
-                </div>
+                <QCheckbox
+                    :label="t('Is equalizated')"
+                    v-model="data.isEqualizated"
+                />
+                <QCheckbox
+                    :label="t('Verified data')"
+                    v-model="data.isTaxDataChecked"
+                />
             </VnRow>
 
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <QCheckbox
-                        :label="t('Incoterms authorization')"
-                        v-model="data.hasIncoterms"
-                    />
-                </div>
-                <div class="col">
-                    <QCheckbox
-                        :label="t('Electronic invoice')"
-                        v-model="data.hasElectronicInvoice"
-                    />
-                </div>
+                <QCheckbox
+                    :label="t('Incoterms authorization')"
+                    v-model="data.hasIncoterms"
+                />
+                <QCheckbox
+                    :label="t('Electronic invoice')"
+                    v-model="data.hasElectronicInvoice"
+                />
             </VnRow>
         </template>
     </FormModel>
diff --git a/src/pages/Customer/Card/CustomerWebAccess.vue b/src/pages/Customer/Card/CustomerWebAccess.vue
index d3be7bec8..501b0929b 100644
--- a/src/pages/Customer/Card/CustomerWebAccess.vue
+++ b/src/pages/Customer/Card/CustomerWebAccess.vue
@@ -29,31 +29,25 @@ const filter = { where: { id: `${route.params.id}` } };
                 }"
             >
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <div class="col">
-                        <QCheckbox
-                            :label="t('Enable web access')"
-                            v-model="item.active"
-                        />
-                    </div>
+                    <QCheckbox
+                        :label="t('Enable web access')"
+                        v-model="item.active"
+                    />
                 </VnRow>
 
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <div class="col">
-                        <VnInput :label="t('User')" v-model="item.name" />
-                    </div>
-                    <div class="col">
-                        <VnInput :label="t('Recovery email')" v-model="item.email">
-                            <template #append>
-                                <QIcon name="info" class="cursor-pointer">
-                                    <QTooltip>{{
-                                        t(
-                                            'This email is used for user to regain access their account'
-                                        )
-                                    }}</QTooltip>
-                                </QIcon>
-                            </template>
-                        </VnInput>
-                    </div>
+                    <VnInput :label="t('User')" v-model="item.name" />
+                    <VnInput :label="t('Recovery email')" v-model="item.email">
+                        <template #append>
+                            <QIcon name="info" class="cursor-pointer">
+                                <QTooltip>{{
+                                    t(
+                                        'This email is used for user to regain access their account'
+                                    )
+                                }}</QTooltip>
+                            </QIcon>
+                        </template>
+                    </VnInput>
                 </VnRow>
             </div>
         </template>
diff --git a/src/pages/Customer/CustomerCreate.vue b/src/pages/Customer/CustomerCreate.vue
index 5d36c6c37..c8bc4fd3e 100644
--- a/src/pages/Customer/CustomerCreate.vue
+++ b/src/pages/Customer/CustomerCreate.vue
@@ -61,75 +61,57 @@ function handleLocation(data, location) {
         >
             <template #form="{ data, validate }">
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <div class="col">
-                        <QInput :label="t('Comercial name')" v-model="data.name" />
-                    </div>
-                    <div class="col">
-                        <VnSelectFilter
-                            :label="t('Salesperson')"
-                            :options="workersOptions"
-                            hide-selected
-                            option-label="name"
-                            option-value="id"
-                            v-model="data.salesPersonFk"
-                        />
-                    </div>
+                    <QInput :label="t('Comercial name')" v-model="data.name" />
+                    <VnSelectFilter
+                        :label="t('Salesperson')"
+                        :options="workersOptions"
+                        hide-selected
+                        option-label="name"
+                        option-value="id"
+                        v-model="data.salesPersonFk"
+                    />
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <div class="col">
-                        <VnSelectFilter
-                            :label="t('Business type')"
-                            :options="businessTypesOptions"
-                            hide-selected
-                            option-label="description"
-                            option-value="code"
-                            v-model="data.businessTypeFk"
-                        />
-                    </div>
-                    <div class="col">
-                        <QInput v-model="data.fi" :label="t('Tax number')" />
-                    </div>
+                    <VnSelectFilter
+                        :label="t('Business type')"
+                        :options="businessTypesOptions"
+                        hide-selected
+                        option-label="description"
+                        option-value="code"
+                        v-model="data.businessTypeFk"
+                    />
+                    <QInput v-model="data.fi" :label="t('Tax number')" />
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <div class="col">
-                        <QInput
-                            :label="t('Business name')"
-                            :rules="validate('Client.socialName')"
-                            v-model="data.socialName"
-                        />
-                    </div>
+                    <QInput
+                        :label="t('Business name')"
+                        :rules="validate('Client.socialName')"
+                        v-model="data.socialName"
+                    />
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <div class="col">
-                        <QInput
-                            :label="t('Street')"
-                            :rules="validate('Client.street')"
-                            v-model="data.street"
-                        />
-                    </div>
+                    <QInput
+                        :label="t('Street')"
+                        :rules="validate('Client.street')"
+                        v-model="data.street"
+                    />
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <div class="col">
-                        <VnLocation
-                            :rules="validate('Worker.postcode')"
-                            :roles-allowed-to-create="['deliveryAssistant']"
-                            :options="postcodesOptions"
-                            v-model="data.location"
-                            @update:model-value="
-                                (location) => handleLocation(data, location)
-                            "
-                        >
-                        </VnLocation>
-                    </div>
+                    <VnLocation
+                        :rules="validate('Worker.postcode')"
+                        :roles-allowed-to-create="['deliveryAssistant']"
+                        :options="postcodesOptions"
+                        v-model="data.location"
+                        @update:model-value="
+                            (location) => handleLocation(data, location)
+                        "
+                    >
+                    </VnLocation>
                 </VnRow>
 
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <div class="col">
-                        <QInput v-model="data.userName" :label="t('Web user')" />
-                    </div>
-                    <div class="col">
-                        <QInput v-model="data.email" :label="t('Email')" />
-                    </div>
+                    <QInput v-model="data.userName" :label="t('Web user')" />
+                    <QInput v-model="data.email" :label="t('Email')" />
                 </VnRow>
                 <QCheckbox
                     :label="t('Is equalizated')"
diff --git a/src/pages/Customer/Defaulter/CustomerDefaulterAddObservation.vue b/src/pages/Customer/Defaulter/CustomerDefaulterAddObservation.vue
index b150f4d8b..0788dba12 100644
--- a/src/pages/Customer/Defaulter/CustomerDefaulterAddObservation.vue
+++ b/src/pages/Customer/Defaulter/CustomerDefaulterAddObservation.vue
@@ -64,13 +64,11 @@ const onSubmit = async () => {
                         }}
                     </div>
                     <VnRow class="row q-gutter-md q-mb-md">
-                        <div class="col">
-                            <QInput
-                                :label="t('Message')"
-                                type="textarea"
-                                v-model="newObservation"
-                            />
-                        </div>
+                        <QInput
+                            :label="t('Message')"
+                            type="textarea"
+                            v-model="newObservation"
+                        />
                     </VnRow>
                     <div class="q-mt-lg row justify-end">
                         <QBtn
diff --git a/src/pages/Customer/components/CustomerConsigneeCreate.vue b/src/pages/Customer/components/CustomerConsigneeCreate.vue
index e4302ed65..a35498ec6 100644
--- a/src/pages/Customer/components/CustomerConsigneeCreate.vue
+++ b/src/pages/Customer/components/CustomerConsigneeCreate.vue
@@ -75,79 +75,62 @@ function handleLocation(data, location) {
     >
         <template #form="{ data, validate }">
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <QCheckbox :label="t('Default')" v-model="data.isDefaultAddress" />
-                </div>
+                <QCheckbox :label="t('Default')" v-model="data.isDefaultAddress" />
             </VnRow>
 
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInput :label="t('Consignee')" v-model="data.nickname" />
-                </div>
-                <div class="col">
-                    <VnInput :label="t('Street address')" v-model="data.street" />
-                </div>
+                <VnInput :label="t('Consignee')" v-model="data.nickname" />
+                <VnInput :label="t('Street address')" v-model="data.street" />
             </VnRow>
 
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnLocation
-                        :rules="validate('Worker.postcode')"
-                        :roles-allowed-to-create="['deliveryAssistant']"
-                        :options="postcodesOptions"
-                        v-model="data.location"
-                        @update:model-value="(location) => handleLocation(data, location)"
-                    ></VnLocation>
-                </div>
+                <VnLocation
+                    :rules="validate('Worker.postcode')"
+                    :roles-allowed-to-create="['deliveryAssistant']"
+                    :options="postcodesOptions"
+                    v-model="data.location"
+                    @update:model-value="(location) => handleLocation(data, location)"
+                >
+                </VnLocation>
             </VnRow>
 
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('Agency')"
-                        :options="agencyModes"
-                        hide-selected
-                        option-label="name"
-                        option-value="id"
-                        v-model="data.agencyModeFk"
-                    />
-                </div>
+                <VnSelectFilter
+                    :label="t('Agency')"
+                    :options="agencyModes"
+                    hide-selected
+                    option-label="name"
+                    option-value="id"
+                    v-model="data.agencyModeFk"
+                />
             </VnRow>
 
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInput :label="t('Phone')" v-model="data.phone" />
-                </div>
-                <div class="col">
-                    <VnInput :label="t('Mobile')" v-model="data.mobile" />
-                </div>
+                <VnInput :label="t('Phone')" v-model="data.phone" />
+                <VnInput :label="t('Mobile')" v-model="data.mobile" />
             </VnRow>
 
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('Incoterms')"
-                        :options="incoterms"
-                        hide-selected
-                        option-label="name"
-                        option-value="code"
-                        v-model="data.incotermsFk"
-                    />
-                </div>
-                <div class="col">
-                    <VnSelectDialog
-                        :label="t('Customs agent')"
-                        :options="customsAgents"
-                        hide-selected
-                        option-label="fiscalName"
-                        option-value="id"
-                        v-model="data.customsAgentFk"
-                    >
-                        <template #form>
-                            <CustomerNewCustomsAgent @on-data-saved="refreshData()" />
-                        </template>
-                    </VnSelectDialog>
-                </div>
+                <VnSelectFilter
+                    :label="t('Incoterms')"
+                    :options="incoterms"
+                    hide-selected
+                    option-label="name"
+                    option-value="code"
+                    v-model="data.incotermsFk"
+                />
+                <VnSelectDialog
+                    :label="t('Customs agent')"
+                    :options="customsAgents"
+                    hide-selected
+                    option-label="fiscalName"
+                    option-value="id"
+                    v-model="data.customsAgentFk"
+                >
+                    <template #form>
+                        <CustomerNewCustomsAgent @on-data-saved="refreshData()" />
+                    </template>
+                </VnSelectDialog>
             </VnRow>
         </template>
     </FormModel>
diff --git a/src/pages/Customer/components/CustomerConsigneeEdit.vue b/src/pages/Customer/components/CustomerConsigneeEdit.vue
index afa6afa5d..803e721c0 100644
--- a/src/pages/Customer/components/CustomerConsigneeEdit.vue
+++ b/src/pages/Customer/components/CustomerConsigneeEdit.vue
@@ -117,91 +117,70 @@ function handleLocation(data, location) {
     >
         <template #form="{ data, validate }">
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <QCheckbox :label="t('Enabled')" v-model="data.isActive" />
-                </div>
-                <div class="col">
-                    <QCheckbox
-                        :label="t('Is equalizated')"
-                        v-model="data.isEqualizated"
-                    />
-                </div>
-                <div class="col">
-                    <QCheckbox
-                        :label="t('Is Loginflora allowed')"
-                        v-model="data.isLogifloraAllowed"
-                    />
-                </div>
+                <QCheckbox :label="t('Enabled')" v-model="data.isActive" />
+                <QCheckbox
+                    :label="t('Is equalizated')"
+                    v-model="data.isEqualizated"
+                />
+                <QCheckbox
+                    :label="t('Is Loginflora allowed')"
+                    v-model="data.isLogifloraAllowed"
+                />
             </VnRow>
 
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInput :label="t('Consignee')" v-model="data.nickname" />
-                </div>
-                <div class="col">
-                    <VnInput :label="t('Street address')" v-model="data.street" />
-                </div>
+                <VnInput :label="t('Consignee')" v-model="data.nickname" />
+                <VnInput :label="t('Street address')" v-model="data.street" />
             </VnRow>
 
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnLocation
-                        :rules="validate('Worker.postcode')"
-                        :roles-allowed-to-create="['deliveryAssistant']"
-                        :options="postcodesOptions"
-                        v-model="data.location"
-                        @update:model-value="(location) => handleLocation(data, location)"
-                    ></VnLocation>
-                </div>
+                <VnLocation
+                    :rules="validate('Worker.postcode')"
+                    :roles-allowed-to-create="['deliveryAssistant']"
+                    :options="postcodesOptions"
+                    v-model="data.location"
+                    @update:model-value="(location) => handleLocation(data, location)"
+                >
+                </VnLocation>
             </VnRow>
 
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('Agency')"
-                        :options="agencyModes"
-                        hide-selected
-                        option-label="name"
-                        option-value="id"
-                        v-model="data.agencyModeFk"
-                    />
-                </div>
+                <VnSelectFilter
+                    :label="t('Agency')"
+                    :options="agencyModes"
+                    hide-selected
+                    option-label="name"
+                    option-value="id"
+                    v-model="data.agencyModeFk"
+                />
             </VnRow>
 
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInput :label="t('Phone')" v-model="data.phone" />
-                </div>
-                <div class="col">
-                    <VnInput :label="t('Mobile')" v-model="data.mobile" />
-                </div>
+                <VnInput :label="t('Phone')" v-model="data.phone" />
+                <VnInput :label="t('Mobile')" v-model="data.mobile" />
             </VnRow>
 
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('Incoterms')"
-                        :options="incoterms"
-                        hide-selected
-                        option-label="name"
-                        option-value="code"
-                        v-model="data.incotermsFk"
-                    />
-                </div>
-                <div class="col">
-                    <VnSelectDialog
-                        :label="t('Customs agent')"
-                        :options="customsAgents"
-                        hide-selected
-                        option-label="fiscalName"
-                        option-value="id"
-                        v-model="data.customsAgentFk"
-                    >
-                        <template #form>
-                            <CustomsNewCustomsAgent />
-                        </template>
-                    </VnSelectDialog>
-                </div>
+                <VnSelectFilter
+                    :label="t('Incoterms')"
+                    :options="incoterms"
+                    hide-selected
+                    option-label="name"
+                    option-value="code"
+                    v-model="data.incotermsFk"
+                />
+                <VnSelectDialog
+                    :label="t('Customs agent')"
+                    :options="customsAgents"
+                    hide-selected
+                    option-label="fiscalName"
+                    option-value="id"
+                    v-model="data.customsAgentFk"
+                >
+                    <template #form>
+                        <CustomsNewCustomsAgent />
+                    </template>
+                </VnSelectDialog>
             </VnRow>
 
             <h4 class="q-mb-xs">{{ t('Notes') }}</h4>
@@ -210,19 +189,15 @@ function handleLocation(data, location) {
                 class="row q-gutter-md q-mb-md"
                 v-for="(note, index) in notes"
             >
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('Observation type')"
-                        :options="observationTypes"
-                        hide-selected
-                        option-label="description"
-                        option-value="id"
-                        v-model="note.observationTypeFk"
-                    />
-                </div>
-                <div class="col">
-                    <VnInput :label="t('Description')" v-model="note.description" />
-                </div>
+                <VnSelectFilter
+                    :label="t('Observation type')"
+                    :options="observationTypes"
+                    hide-selected
+                    option-label="description"
+                    option-value="id"
+                    v-model="note.observationTypeFk"
+                />
+                <VnInput :label="t('Description')" v-model="note.description" />
                 <div class="flex items-center">
                     <QIcon
                         @click.stop="deleteNote(index)"
diff --git a/src/pages/Customer/components/CustomerCreditCreate.vue b/src/pages/Customer/components/CustomerCreditCreate.vue
index 053f0d18a..4b7d8b067 100644
--- a/src/pages/Customer/components/CustomerCreditCreate.vue
+++ b/src/pages/Customer/components/CustomerCreditCreate.vue
@@ -33,13 +33,11 @@ const toCustomerCredits = () => {
     >
         <template #form="{ data }">
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <QInput
-                        :label="t('Credit')"
-                        type="number"
-                        v-model.number="data.credit"
-                    />
-                </div>
+                <QInput
+                    :label="t('Credit')"
+                    type="number"
+                    v-model.number="data.credit"
+                />
             </VnRow>
         </template>
     </FormModel>
diff --git a/src/pages/Customer/components/CustomerGreugeCreate.vue b/src/pages/Customer/components/CustomerGreugeCreate.vue
index 1ff467d97..0fe011eff 100644
--- a/src/pages/Customer/components/CustomerGreugeCreate.vue
+++ b/src/pages/Customer/components/CustomerGreugeCreate.vue
@@ -49,28 +49,20 @@ const toCustomerGreuges = () => {
     >
         <template #form="{ data }">
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInput :label="t('Amount')" type="number" v-model="data.amount" />
-                </div>
-                <div class="col">
-                    <VnInputDate :label="t('Date')" v-model="data.shipped" />
-                </div>
+                <VnInput :label="t('Amount')" type="number" v-model="data.amount" />
+                <VnInputDate :label="t('Date')" v-model="data.shipped" />
             </VnRow>
 
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInput :label="t('Comment')" v-model="data.description" />
-                </div>
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('Type')"
-                        :options="greugeTypes"
-                        hide-selected
-                        option-label="name"
-                        option-value="id"
-                        v-model="data.greugeTypeFk"
-                    />
-                </div>
+                <VnInput :label="t('Comment')" v-model="data.description" />
+                <VnSelectFilter
+                    :label="t('Type')"
+                    :options="greugeTypes"
+                    hide-selected
+                    option-label="name"
+                    option-value="id"
+                    v-model="data.greugeTypeFk"
+                />
             </VnRow>
         </template>
     </FormModel>
diff --git a/src/pages/Customer/components/CustomerNewCustomsAgent.vue b/src/pages/Customer/components/CustomerNewCustomsAgent.vue
index b8b83e763..64dcb2e04 100644
--- a/src/pages/Customer/components/CustomerNewCustomsAgent.vue
+++ b/src/pages/Customer/components/CustomerNewCustomsAgent.vue
@@ -32,24 +32,16 @@ const onDataSaved = (dataSaved) => {
     >
         <template #form-inputs="{ data }">
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInput :label="t('NIF')" :required="true" v-model="data.nif" />
-                </div>
-                <div class="col">
-                    <VnInput
-                        :label="t('Fiscal name')"
-                        :required="true"
-                        v-model="data.fiscalName"
-                    />
-                </div>
+                <VnInput :label="t('NIF')" :required="true" v-model="data.nif" />
+                <VnInput
+                    :label="t('Fiscal name')"
+                    :required="true"
+                    v-model="data.fiscalName"
+                />
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInput :label="t('Street')" v-model="data.street" />
-                </div>
-                <div class="col">
-                    <VnInput :label="t('Phone')" v-model="data.phone" />
-                </div>
+                <VnInput :label="t('Street')" v-model="data.street" />
+                <VnInput :label="t('Phone')" v-model="data.phone" />
             </VnRow>
         </template>
     </FormModelPopup>
diff --git a/src/pages/Customer/components/CustomerNewPayment.vue b/src/pages/Customer/components/CustomerNewPayment.vue
index a141618d0..4df39e5ca 100644
--- a/src/pages/Customer/components/CustomerNewPayment.vue
+++ b/src/pages/Customer/components/CustomerNewPayment.vue
@@ -138,14 +138,11 @@ const onDataSaved = async () => {
                 </h5>
 
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <div class="col">
                         <VnInputDate
                             :label="t('Date')"
                             :required="true"
                             v-model="data.payed"
                         />
-                    </div>
-                    <div class="col">
                         <VnSelectFilter
                             :label="t('Company')"
                             :options="companyOptions"
@@ -155,41 +152,36 @@ const onDataSaved = async () => {
                             option-value="id"
                             v-model="data.companyFk"
                         />
-                    </div>
                 </VnRow>
 
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <div class="col">
-                        <VnSelectFilter
-                            :label="t('Bank')"
-                            :options="bankOptions"
-                            :required="true"
-                            @update:model-value="setPaymentType($event)"
-                            hide-selected
-                            option-label="bank"
-                            option-value="id"
-                            v-model="data.bankFk"
-                        >
-                            <template #option="scope">
-                                <QItem v-bind="scope.itemProps">
-                                    <QItemSection>
-                                        <QItemLabel>
-                                            {{ scope.opt.id }}:&ensp;{{ scope.opt.bank }}
-                                        </QItemLabel>
-                                    </QItemSection>
-                                </QItem>
-                            </template>
-                        </VnSelectFilter>
-                    </div>
-                    <div class="col">
-                        <VnInput
-                            :label="t('Amount')"
-                            :required="true"
-                            @update:model-value="calculateFromAmount($event)"
-                            type="number"
-                            v-model.number="data.amountPaid"
-                        />
-                    </div>
+                    <VnSelectFilter
+                        :label="t('Bank')"
+                        :options="bankOptions"
+                        :required="true"
+                        @update:model-value="setPaymentType($event)"
+                        hide-selected
+                        option-label="bank"
+                        option-value="id"
+                        v-model="data.bankFk"
+                    >
+                        <template #option="scope">
+                            <QItem v-bind="scope.itemProps">
+                                <QItemSection>
+                                    <QItemLabel>
+                                        {{ scope.opt.id }}:&ensp;{{ scope.opt.bank }}
+                                    </QItemLabel>
+                                </QItemSection>
+                            </QItem>
+                        </template>
+                    </VnSelectFilter>
+                    <VnInput
+                        :label="t('Amount')"
+                        :required="true"
+                        @update:model-value="calculateFromAmount($event)"
+                        type="number"
+                        v-model.number="data.amountPaid"
+                    />
                 </VnRow>
 
                 <div class="text-h6" v-if="data.bankFk === 3 || data.bankFk === 3117">
@@ -203,44 +195,34 @@ const onDataSaved = async () => {
                             v-model="data.compensationAccount"
                         />
                     </div>
-                    <div class="col">
-                        <VnInput
-                            :label="t('Reference')"
-                            :required="true"
-                            v-model="data.description"
-                        />
-                    </div>
+                    <VnInput
+                        :label="t('Reference')"
+                        :required="true"
+                        v-model="data.description"
+                    />
                 </VnRow>
 
                 <div class="q-mt-lg" v-if="data.bankFk === 2">
                     <div class="text-h6">{{ t('Cash') }}</div>
 
                     <VnRow class="row q-gutter-md q-mb-md">
-                        <div class="col">
-                            <VnInput
-                                :label="t('Delivered amount')"
-                                @update:model-value="calculateFromDeliveredAmount($event)"
-                                type="number"
-                                v-model="deliveredAmount"
-                            />
-                        </div>
-                        <div class="col">
-                            <VnInput
-                                :label="t('Amount to return')"
-                                disable
-                                type="number"
-                                v-model="amountToReturn"
-                            />
-                        </div>
+                        <VnInput
+                            :label="t('Delivered amount')"
+                            @update:model-value="calculateFromDeliveredAmount($event)"
+                            type="number"
+                            v-model="deliveredAmount"
+                        />
+                        <VnInput
+                            :label="t('Amount to return')"
+                            disable
+                            type="number"
+                            v-model="amountToReturn"
+                        />
                     </VnRow>
 
                     <VnRow class="row q-gutter-md q-mb-md">
-                        <div class="col">
-                            <QCheckbox v-model="viewRecipt" />
-                        </div>
-                        <div class="col">
-                            <QCheckbox v-model="sendEmail" />
-                        </div>
+                        <QCheckbox v-model="viewRecipt" />
+                        <QCheckbox v-model="sendEmail" />
                     </VnRow>
                 </div>
 
diff --git a/src/pages/Customer/components/CustomerNoteCreate.vue b/src/pages/Customer/components/CustomerNoteCreate.vue
index 640f6f3a0..c95ab2d20 100644
--- a/src/pages/Customer/components/CustomerNoteCreate.vue
+++ b/src/pages/Customer/components/CustomerNoteCreate.vue
@@ -37,9 +37,7 @@ const toCustomerNotes = () => {
     >
         <template #form="{ data }">
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <QInput :label="t('Note')" type="textarea" v-model="data.text" />
-                </div>
+                <QInput :label="t('Note')" type="textarea" v-model="data.text" />
             </VnRow>
         </template>
     </FormModel>
diff --git a/src/pages/Customer/components/CustomerRecoverieCreate.vue b/src/pages/Customer/components/CustomerRecoverieCreate.vue
index ed7304be0..0b7409358 100644
--- a/src/pages/Customer/components/CustomerRecoverieCreate.vue
+++ b/src/pages/Customer/components/CustomerRecoverieCreate.vue
@@ -43,21 +43,13 @@ const toCustomerRecoveries = () => {
     >
         <template #form="{ data }">
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInputDate :label="t('Since')" v-model="data.started" />
-                </div>
-                <div class="col">
-                    <VnInputDate :label="t('To')" v-model="data.finished" />
-                </div>
+                <VnInputDate :label="t('Since')" v-model="data.started" />
+                <VnInputDate :label="t('To')" v-model="data.finished" />
             </VnRow>
 
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInput :label="t('Amount')" type="number" v-model="data.amount" />
-                </div>
-                <div class="col">
-                    <VnInput :label="t('Period')" type="number" v-model="data.period" />
-                </div>
+                <VnInput :label="t('Amount')" type="number" v-model="data.amount" />
+                <VnInput :label="t('Period')" type="number" v-model="data.period" />
             </VnRow>
         </template>
     </FormModel>
diff --git a/src/pages/Department/Card/DepartmentBasicData.vue b/src/pages/Department/Card/DepartmentBasicData.vue
index 3b30a97e6..7c4d39c84 100644
--- a/src/pages/Department/Card/DepartmentBasicData.vue
+++ b/src/pages/Department/Card/DepartmentBasicData.vue
@@ -30,105 +30,83 @@ const clientsOptions = ref([]);
     >
         <template #form="{ data, validate }">
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInput
-                        :label="t('department.name')"
-                        v-model="data.name"
-                        :rules="validate('department.name')"
-                        clearable
-                        autofocus
-                    />
-                </div>
-                <div class="col">
-                    <VnInput
-                        v-model="data.code"
-                        :label="t('department.code')"
-                        :rules="validate('department.code')"
-                        clearable
-                    />
-                </div>
+                <VnInput
+                    :label="t('department.name')"
+                    v-model="data.name"
+                    :rules="validate('department.name')"
+                    clearable
+                    autofocus
+                />
+                <VnInput
+                    v-model="data.code"
+                    :label="t('department.code')"
+                    :rules="validate('department.code')"
+                    clearable
+                />
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInput
-                        :label="t('department.chat')"
-                        v-model="data.chatName"
-                        :rules="validate('department.chat')"
-                        clearable
-                    />
-                </div>
-                <div class="col">
-                    <VnInput
-                        v-model="data.notificationEmail"
-                        :label="t('department.email')"
-                        :rules="validate('department.email')"
-                        clearable
-                    />
-                </div>
+                <VnInput
+                    :label="t('department.chat')"
+                    v-model="data.chatName"
+                    :rules="validate('department.chat')"
+                    clearable
+                />
+                <VnInput
+                    v-model="data.notificationEmail"
+                    :label="t('department.email')"
+                    :rules="validate('department.email')"
+                    clearable
+                />
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('department.bossDepartment')"
-                        v-model="data.workerFk"
-                        :options="workersOptions"
-                        option-value="id"
-                        option-label="name"
-                        hide-selected
-                        map-options
-                        :rules="validate('department.workerFk')"
-                    />
-                </div>
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('department.selfConsumptionCustomer')"
-                        v-model="data.clientFk"
-                        :options="clientsOptions"
-                        option-value="id"
-                        option-label="name"
-                        hide-selected
-                        map-options
-                        :rules="validate('department.clientFk')"
-                    />
-                </div>
+                <VnSelectFilter
+                    :label="t('department.bossDepartment')"
+                    v-model="data.workerFk"
+                    :options="workersOptions"
+                    option-value="id"
+                    option-label="name"
+                    hide-selected
+                    map-options
+                    :rules="validate('department.workerFk')"
+                />
+                <VnSelectFilter
+                    :label="t('department.selfConsumptionCustomer')"
+                    v-model="data.clientFk"
+                    :options="clientsOptions"
+                    option-value="id"
+                    option-label="name"
+                    hide-selected
+                    map-options
+                    :rules="validate('department.clientFk')"
+                />
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <QCheckbox
-                        :label="t('department.telework')"
-                        v-model="data.isTeleworking"
-                    />
-                </div>
-                <div class="col">
-                    <QCheckbox
-                        :label="t('department.notifyOnErrors')"
-                        v-model="data.hasToMistake"
-                        :false-value="0"
-                        :true-value="1"
-                    />
-                </div>
+                <QCheckbox
+                    :label="t('department.telework')"
+                    v-model="data.isTeleworking"
+                />
+                <QCheckbox
+                    :label="t('department.notifyOnErrors')"
+                    v-model="data.hasToMistake"
+                    :false-value="0"
+                    :true-value="1"
+                />
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <QCheckbox
-                        :label="t('department.worksInProduction')"
-                        v-model="data.isProduction"
-                    />
-                </div>
-                <div class="col">
-                    <QCheckbox
-                        :label="t('department.hasToRefill')"
-                        v-model="data.hasToRefill"
-                    />
-                </div>
+                <QCheckbox
+                    :label="t('department.worksInProduction')"
+                    v-model="data.isProduction"
+                />
+                <QCheckbox
+                    :label="t('department.hasToRefill')"
+                    v-model="data.hasToRefill"
+                />
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <QCheckbox
-                        :label="t('department.hasToSendMail')"
-                        v-model="data.hasToSendMail"
-                    />
-                </div>
+                <QCheckbox
+                    :label="t('department.hasToSendMail')"
+                    v-model="data.hasToSendMail"
+                />
             </VnRow>
         </template>
     </FormModel>
diff --git a/src/pages/Entry/Card/EntryBasicData.vue b/src/pages/Entry/Card/EntryBasicData.vue
index 4a8cf154a..c8832fd4c 100644
--- a/src/pages/Entry/Card/EntryBasicData.vue
+++ b/src/pages/Entry/Card/EntryBasicData.vue
@@ -65,151 +65,125 @@ const onFilterTravelSelected = (formData, id) => {
     >
         <template #form="{ data }">
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('entry.basicData.supplier')"
-                        v-model="data.supplierFk"
-                        :options="suppliersOptions"
-                        option-value="id"
-                        option-label="nickname"
-                        hide-selected
-                        :required="true"
-                        map-options
-                    >
-                        <template #option="scope">
-                            <QItem v-bind="scope.itemProps">
-                                <QItemSection>
-                                    <QItemLabel>{{ scope.opt?.name }}</QItemLabel>
-                                    <QItemLabel caption>
-                                        {{ scope.opt?.nickname }}, {{ scope.opt?.id }}
-                                    </QItemLabel>
-                                </QItemSection>
-                            </QItem>
-                        </template>
-                    </VnSelectFilter>
-                </div>
-                <div class="col">
-                    <VnSelectDialog
-                        :label="t('entry.basicData.travel')"
-                        v-model="data.travelFk"
-                        :options="travelsOptions"
-                        option-value="id"
-                        option-label="warehouseInName"
-                        map-options
-                        hide-selected
-                        :required="true"
-                        action-icon="filter_alt"
-                    >
-                        <template #form>
-                            <FilterTravelForm
-                                @travel-selected="onFilterTravelSelected(data, $event)"
-                            />
-                        </template>
-                        <template #option="scope">
-                            <QItem v-bind="scope.itemProps">
-                                <QItemSection>
-                                    <QItemLabel
-                                        >{{ scope.opt?.agencyModeName }} -
-                                        {{ scope.opt?.warehouseInName }} ({{
-                                            toDate(scope.opt?.shipped)
-                                        }}) &#x2192; {{ scope.opt?.warehouseOutName }} ({{
-                                            toDate(scope.opt?.landed)
-                                        }})</QItemLabel
-                                    >
-                                </QItemSection>
-                            </QItem>
-                        </template>
-                    </VnSelectDialog>
-                </div>
+                <VnSelectFilter
+                    :label="t('entry.basicData.supplier')"
+                    v-model="data.supplierFk"
+                    :options="suppliersOptions"
+                    option-value="id"
+                    option-label="nickname"
+                    hide-selected
+                    :required="true"
+                    map-options
+                >
+                    <template #option="scope">
+                        <QItem v-bind="scope.itemProps">
+                            <QItemSection>
+                                <QItemLabel>{{ scope.opt?.name }}</QItemLabel>
+                                <QItemLabel caption>
+                                    {{ scope.opt?.nickname }}, {{ scope.opt?.id }}
+                                </QItemLabel>
+                            </QItemSection>
+                        </QItem>
+                    </template>
+                </VnSelectFilter>
+                <VnSelectDialog
+                    :label="t('entry.basicData.travel')"
+                    v-model="data.travelFk"
+                    :options="travelsOptions"
+                    option-value="id"
+                    option-label="warehouseInName"
+                    map-options
+                    hide-selected
+                    :required="true"
+                    action-icon="filter_alt"
+                >
+                    <template #form>
+                        <FilterTravelForm
+                            @travel-selected="onFilterTravelSelected(data, $event)"
+                        />
+                    </template>
+                    <template #option="scope">
+                        <QItem v-bind="scope.itemProps">
+                            <QItemSection>
+                                <QItemLabel
+                                    >{{ scope.opt?.agencyModeName }} -
+                                    {{ scope.opt?.warehouseInName }} ({{
+                                        toDate(scope.opt?.shipped)
+                                    }}) &#x2192; {{ scope.opt?.warehouseOutName }} ({{
+                                        toDate(scope.opt?.landed)
+                                    }})</QItemLabel
+                                >
+                            </QItemSection>
+                        </QItem>
+                    </template>
+                </VnSelectDialog>
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInput
-                        v-model="data.reference"
-                        :label="t('entry.basicData.reference')"
-                    />
-                </div>
+                <VnInput
+                    v-model="data.reference"
+                    :label="t('entry.basicData.reference')"
+                />
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInput
-                        v-model="data.invoiceNumber"
-                        :label="t('entry.basicData.invoiceNumber')"
-                    />
-                </div>
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('entry.basicData.company')"
-                        v-model="data.companyFk"
-                        :options="companiesOptions"
-                        option-value="id"
-                        option-label="code"
-                        map-options
-                        hide-selected
-                        :required="true"
-                    />
-                </div>
+                <VnInput
+                    v-model="data.invoiceNumber"
+                    :label="t('entry.basicData.invoiceNumber')"
+                />
+                <VnSelectFilter
+                    :label="t('entry.basicData.company')"
+                    v-model="data.companyFk"
+                    :options="companiesOptions"
+                    option-value="id"
+                    option-label="code"
+                    map-options
+                    hide-selected
+                    :required="true"
+                />
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('entry.basicData.currency')"
-                        v-model="data.currencyFk"
-                        :options="currenciesOptions"
-                        option-value="id"
-                        option-label="code"
-                    />
-                </div>
-                <div class="col">
-                    <QInput
-                        :label="t('entry.basicData.commission')"
-                        v-model="data.commission"
-                        type="number"
-                        autofocus
-                        min="0"
-                    />
-                </div>
+                <VnSelectFilter
+                    :label="t('entry.basicData.currency')"
+                    v-model="data.currencyFk"
+                    :options="currenciesOptions"
+                    option-value="id"
+                    option-label="code"
+                />
+                <QInput
+                    :label="t('entry.basicData.commission')"
+                    v-model="data.commission"
+                    type="number"
+                    autofocus
+                    min="0"
+                />
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <QInput
-                        :label="t('entry.basicData.observation')"
-                        type="textarea"
-                        v-model="data.observation"
-                        :maxlength="45"
-                        counter
-                        fill-input
-                    />
-                </div>
+                <QInput
+                    :label="t('entry.basicData.observation')"
+                    type="textarea"
+                    v-model="data.observation"
+                    :maxlength="45"
+                    counter
+                    fill-input
+                />
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <QCheckbox
-                        v-model="data.isOrdered"
-                        :label="t('entry.basicData.ordered')"
-                    />
-                </div>
-                <div class="col">
-                    <QCheckbox
-                        v-model="data.isConfirmed"
-                        :label="t('entry.basicData.confirmed')"
-                    />
-                </div>
-                <div class="col">
-                    <QCheckbox
-                        v-model="data.isExcludedFromAvailable"
-                        :label="t('entry.basicData.excludedFromAvailable')"
-                    />
-                </div>
-                <div class="col">
-                    <QCheckbox v-model="data.isRaid" :label="t('entry.basicData.raid')" />
-                </div>
-                <div class="col">
-                    <QCheckbox
-                        v-model="data.isBooked"
-                        :label="t('entry.basicData.booked')"
-                    />
-                </div>
+                <QCheckbox
+                    v-model="data.isOrdered"
+                    :label="t('entry.basicData.ordered')"
+                />
+                <QCheckbox
+                    v-model="data.isConfirmed"
+                    :label="t('entry.basicData.confirmed')"
+                />
+                <QCheckbox
+                    v-model="data.isExcludedFromAvailable"
+                    :label="t('entry.basicData.excludedFromAvailable')"
+                />
+                <QCheckbox v-model="data.isRaid" :label="t('entry.basicData.raid')" />
+                <QCheckbox
+                    v-model="data.isBooked"
+                    :label="t('entry.basicData.booked')"
+                />
             </VnRow>
         </template>
     </FormModel>
diff --git a/src/pages/Entry/Card/EntryBuysImport.vue b/src/pages/Entry/Card/EntryBuysImport.vue
index bd09eabe8..03c1e1c9c 100644
--- a/src/pages/Entry/Card/EntryBuysImport.vue
+++ b/src/pages/Entry/Card/EntryBuysImport.vue
@@ -198,44 +198,38 @@ const redirectToBuysView = () => {
         </Teleport>
         <QCard class="q-pa-lg">
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <QFile
-                        ref="inputFileRef"
-                        :label="t('entry.buys.file')"
-                        v-model="importData.file"
-                        :multiple="false"
-                        accept=".json"
-                        @update:model-value="onFileChange($event)"
-                        class="required"
-                    >
-                        <template #append>
-                            <QIcon
-                                name="vn:attach"
-                                class="cursor-pointer"
-                                @click="inputFileRef.pickFiles()"
-                            >
-                                <QTooltip>{{ t('globals.selectFile') }}</QTooltip>
-                            </QIcon>
-                        </template>
-                    </QFile>
-                </div>
+                <QFile
+                    ref="inputFileRef"
+                    :label="t('entry.buys.file')"
+                    v-model="importData.file"
+                    :multiple="false"
+                    accept=".json"
+                    @update:model-value="onFileChange($event)"
+                    class="required"
+                >
+                    <template #append>
+                        <QIcon
+                            name="vn:attach"
+                            class="cursor-pointer"
+                            @click="inputFileRef.pickFiles()"
+                        >
+                            <QTooltip>{{ t('globals.selectFile') }}</QTooltip>
+                        </QIcon>
+                    </template>
+                </QFile>
             </VnRow>
             <div v-if="importData.file">
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <div class="col">
-                        <VnInput
-                            :label="t('entry.buys.reference')"
-                            v-model="importData.ref"
-                        />
-                    </div>
+                    <VnInput
+                        :label="t('entry.buys.reference')"
+                       v-model="importData.ref"
+                    />
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <div class="col">
-                        <VnInput
-                            :label="t('entry.buys.observations')"
-                            v-model="importData.observation"
-                        />
-                    </div>
+                    <VnInput
+                        :label="t('entry.buys.observations')"
+                        v-model="importData.observation"
+                    />
                 </VnRow>
                 <VnRow>
                     <QTable :columns="columns" :rows="importData.buys">
diff --git a/src/pages/Entry/EntryCreate.vue b/src/pages/Entry/EntryCreate.vue
index 8c434217a..f98b21edb 100644
--- a/src/pages/Entry/EntryCreate.vue
+++ b/src/pages/Entry/EntryCreate.vue
@@ -79,78 +79,72 @@ const redirectToEntryBasicData = (_, { id }) => {
         >
             <template #form="{ data, validate }">
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <div class="col">
-                        <VnSelectFilter
-                            :label="t('Supplier')"
-                            class="full-width"
-                            v-model="data.supplierFk"
-                            :options="suppliersOptions"
-                            option-value="id"
-                            option-label="nickname"
-                            hide-selected
-                            :required="true"
-                            :rules="validate('entry.supplierFk')"
-                        >
-                            <template #option="scope">
-                                <QItem v-bind="scope.itemProps">
-                                    <QItemSection>
-                                        <QItemLabel>{{ scope.opt?.nickname }}</QItemLabel>
-                                        <QItemLabel caption>
-                                            #{{ scope.opt?.id }}
-                                        </QItemLabel>
-                                    </QItemSection>
-                                </QItem>
-                            </template>
-                        </VnSelectFilter>
-                    </div>
+                    <VnSelectFilter
+                        :label="t('Supplier')"
+                        class="full-width"
+                        v-model="data.supplierFk"
+                        :options="suppliersOptions"
+                        option-value="id"
+                        option-label="nickname"
+                        hide-selected
+                        :required="true"
+                        :rules="validate('entry.supplierFk')"
+                    >
+                        <template #option="scope">
+                            <QItem v-bind="scope.itemProps">
+                                <QItemSection>
+                                    <QItemLabel>{{ scope.opt?.nickname }}</QItemLabel>
+                                    <QItemLabel caption>
+                                        #{{ scope.opt?.id }}
+                                    </QItemLabel>
+                                </QItemSection>
+                            </QItem>
+                        </template>
+                    </VnSelectFilter>
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <div class="col">
-                        <VnSelectFilter
-                            :label="t('Travel')"
-                            class="full-width"
-                            v-model="data.travelFk"
-                            :options="travelsOptions"
-                            option-value="id"
-                            option-label="warehouseInName"
-                            map-options
-                            hide-selected
-                            :required="true"
-                            :rules="validate('entry.travelFk')"
-                        >
-                            <template #option="scope">
-                                <QItem v-bind="scope.itemProps">
-                                    <QItemSection>
-                                        <QItemLabel
-                                            >{{ scope.opt?.agencyModeName }} -
-                                            {{ scope.opt?.warehouseInName }} ({{
-                                                toDate(scope.opt?.shipped)
-                                            }}) &#x2192;
-                                            {{ scope.opt?.warehouseOutName }} ({{
-                                                toDate(scope.opt?.landed)
-                                            }})</QItemLabel
-                                        >
-                                    </QItemSection>
-                                </QItem>
-                            </template>
-                        </VnSelectFilter>
-                    </div>
+                    <VnSelectFilter
+                        :label="t('Travel')"
+                        class="full-width"
+                        v-model="data.travelFk"
+                        :options="travelsOptions"
+                        option-value="id"
+                        option-label="warehouseInName"
+                        map-options
+                        hide-selected
+                        :required="true"
+                        :rules="validate('entry.travelFk')"
+                    >
+                        <template #option="scope">
+                            <QItem v-bind="scope.itemProps">
+                                <QItemSection>
+                                    <QItemLabel
+                                        >{{ scope.opt?.agencyModeName }} -
+                                        {{ scope.opt?.warehouseInName }} ({{
+                                            toDate(scope.opt?.shipped)
+                                        }}) &#x2192;
+                                        {{ scope.opt?.warehouseOutName }} ({{
+                                            toDate(scope.opt?.landed)
+                                        }})</QItemLabel
+                                    >
+                                </QItemSection>
+                            </QItem>
+                        </template>
+                    </VnSelectFilter>
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <div class="col">
-                        <VnSelectFilter
-                            :label="t('Company')"
-                            class="full-width"
-                            v-model="data.companyFk"
-                            :options="companiesOptions"
-                            option-value="id"
-                            option-label="code"
-                            map-options
-                            hide-selected
-                            :required="true"
-                            :rules="validate('entry.companyFk')"
-                        />
-                    </div>
+                    <VnSelectFilter
+                        :label="t('Company')"
+                        class="full-width"
+                        v-model="data.companyFk"
+                        :options="companiesOptions"
+                        option-value="id"
+                        option-label="code"
+                        map-options
+                        hide-selected
+                        :required="true"
+                        :rules="validate('entry.companyFk')"
+                    />
                 </VnRow>
             </template>
         </FormModel>
diff --git a/src/pages/InvoiceIn/Card/InvoiceInBasicData.vue b/src/pages/InvoiceIn/Card/InvoiceInBasicData.vue
index f557c8ef4..f4fd59b4c 100644
--- a/src/pages/InvoiceIn/Card/InvoiceInBasicData.vue
+++ b/src/pages/InvoiceIn/Card/InvoiceInBasicData.vue
@@ -182,252 +182,229 @@ async function upsert() {
     >
         <template #form="{ data }">
             <div class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('supplierFk')"
-                        v-model="data.supplierFk"
-                        option-value="id"
-                        option-label="nickname"
-                        url="Suppliers"
-                        :fields="['id', 'nickname']"
-                        sort-by="nickname"
-                        :is-clearable="false"
-                    >
-                        <template #option="scope">
-                            <QItem v-bind="scope.itemProps">
-                                <QItemSection>
-                                    <QItemLabel>{{
-                                        `${scope.opt.id} - ${scope.opt.nickname}`
-                                    }}</QItemLabel>
-                                </QItemSection>
-                            </QItem>
-                        </template>
-                    </VnSelectFilter>
-                </div>
-                <div class="col">
-                    <QInput
-                        clearable
-                        clear-icon="close"
-                        :label="t('Supplier ref')"
-                        v-model="data.supplierRef"
-                    />
-                </div>
+                <VnSelectFilter
+                    :label="t('supplierFk')"
+                    v-model="data.supplierFk"
+                    option-value="id"
+                    option-label="nickname"
+                    url="Suppliers"
+                    :fields="['id', 'nickname']"
+                    sort-by="nickname"
+                    :is-clearable="false"
+                >
+                    <template #option="scope">
+                        <QItem v-bind="scope.itemProps">
+                            <QItemSection>
+                                <QItemLabel>{{
+                                    `${scope.opt.id} - ${scope.opt.nickname}`
+                                }}</QItemLabel>
+                            </QItemSection>
+                        </QItem>
+                    </template>
+                </VnSelectFilter>
+                <QInput
+                    clearable
+                    clear-icon="close"
+                    :label="t('Supplier ref')"
+                    v-model="data.supplierRef"
+                />
             </div>
             <div class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <QInput
-                        :label="t('Expedition date')"
-                        v-model="data.issued"
-                        :mask="dateMask"
-                    >
-                        <template #append>
-                            <QIcon
-                                name="event"
-                                class="cursor-pointer"
-                                :fill-mask="fillMask"
+                <QInput
+                    :label="t('Expedition date')"
+                    v-model="data.issued"
+                    :mask="dateMask"
+                >
+                    <template #append>
+                        <QIcon
+                            name="event"
+                            class="cursor-pointer"
+                            :fill-mask="fillMask"
+                        >
+                            <QPopupProxy
+                                cover
+                                transition-show="scale"
+                                transition-hide="scale"
                             >
-                                <QPopupProxy
-                                    cover
-                                    transition-show="scale"
-                                    transition-hide="scale"
-                                >
-                                    <QDate v-model="data.issued">
-                                        <div class="row items-center justify-end">
-                                            <QBtn
-                                                v-close-popup
-                                                label="Close"
-                                                color="primary"
-                                                flat
-                                            />
-                                        </div>
-                                    </QDate>
-                                </QPopupProxy>
-                            </QIcon>
-                        </template>
-                    </QInput>
-                </div>
-                <div class="col">
-                    <QInput
-                        :label="t('Operation date')"
-                        v-model="data.operated"
-                        :mask="dateMask"
-                        :fill-mask="fillMask"
-                        autofocus
-                    >
-                        <template #append>
-                            <QIcon name="event" class="cursor-pointer">
-                                <QPopupProxy
-                                    cover
-                                    transition-show="scale"
-                                    transition-hide="scale"
-                                >
-                                    <QDate v-model="data.operated" :mask="dateMask">
-                                        <div class="row items-center justify-end">
-                                            <QBtn
-                                                v-close-popup
-                                                label="Close"
-                                                color="primary"
-                                                flat
-                                            />
-                                        </div>
-                                    </QDate>
-                                </QPopupProxy>
-                            </QIcon>
-                        </template>
-                    </QInput>
-                </div>
-            </div>
-            <div class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <QInput
-                        :label="t('Undeductible VAT')"
-                        v-model="data.deductibleExpenseFk"
-                        clearable
-                        clear-icon="close"
-                    />
-                </div>
-                <div class="col">
-                    <QInput
-                        :label="t('Document')"
-                        v-model="data.dmsFk"
-                        clearable
-                        clear-icon="close"
-                        @update:model-value="checkFileExists(data.dmsFk)"
-                    >
-                        <template #prepend>
-                            <QBtn
-                                v-if="data.dmsFk"
-                                :class="{
-                                    'no-pointer-events': editDownloadDisabled,
-                                }"
-                                :disable="editDownloadDisabled"
-                                icon="cloud_download"
-                                :title="t('Download file')"
-                                padding="xs"
-                                round
-                                @click="downloadFile(data.dmsFk)"
-                            />
-                        </template>
-                        <template #append>
-                            <QBtn
-                                :class="{
-                                    'no-pointer-events': editDownloadDisabled,
-                                }"
-                                :disable="editDownloadDisabled"
-                                v-if="data.dmsFk"
-                                icon="edit"
-                                round
-                                padding="xs"
-                                @click="setEditDms(data.dmsFk)"
+                                <QDate v-model="data.issued">
+                                    <div class="row items-center justify-end">
+                                        <QBtn
+                                            v-close-popup
+                                            label="Close"
+                                            color="primary"
+                                            flat
+                                        />
+                                    </div>
+                                </QDate>
+                            </QPopupProxy>
+                        </QIcon>
+                    </template>
+                </QInput>
+                <QInput
+                    :label="t('Operation date')"
+                    v-model="data.operated"
+                    :mask="dateMask"
+                    :fill-mask="fillMask"
+                    autofocus
+                >
+                    <template #append>
+                        <QIcon name="event" class="cursor-pointer">
+                            <QPopupProxy
+                                cover
+                                transition-show="scale"
+                                transition-hide="scale"
                             >
-                                <QTooltip>{{ t('Edit document') }}</QTooltip>
-                            </QBtn>
-                            <QBtn
-                                v-else
-                                icon="add_circle"
-                                round
-                                padding="xs"
-                                @click="setCreateDms()"
+                                <QDate v-model="data.operated" :mask="dateMask">
+                                    <div class="row items-center justify-end">
+                                        <QBtn
+                                            v-close-popup
+                                            label="Close"
+                                            color="primary"
+                                            flat
+                                        />
+                                    </div>
+                                </QDate>
+                            </QPopupProxy>
+                        </QIcon>
+                    </template>
+                </QInput>
+            </div>
+            <div class="row q-gutter-md q-mb-md">
+                <QInput
+                    :label="t('Undeductible VAT')"
+                    v-model="data.deductibleExpenseFk"
+                    clearable
+                    clear-icon="close"
+                />
+                <QInput
+                    :label="t('Document')"
+                    v-model="data.dmsFk"
+                    clearable
+                    clear-icon="close"
+                    @update:model-value="checkFileExists(data.dmsFk)"
+                >
+                    <template #prepend>
+                        <QBtn
+                            v-if="data.dmsFk"
+                            :class="{
+                                'no-pointer-events': editDownloadDisabled,
+                            }"
+                            :disable="editDownloadDisabled"
+                            icon="cloud_download"
+                            :title="t('Download file')"
+                            padding="xs"
+                            round
+                            @click="downloadFile(data.dmsFk)"
+                        />
+                    </template>
+                    <template #append>
+                        <QBtn
+                            :class="{
+                                'no-pointer-events': editDownloadDisabled,
+                            }"
+                            :disable="editDownloadDisabled"
+                            v-if="data.dmsFk"
+                            icon="edit"
+                            round
+                            padding="xs"
+                            @click="setEditDms(data.dmsFk)"
+                        >
+                            <QTooltip>{{ t('Edit document') }}</QTooltip>
+                        </QBtn>
+                        <QBtn
+                            v-else
+                            icon="add_circle"
+                            round
+                            padding="xs"
+                            @click="setCreateDms()"
+                        >
+                            <QTooltip>{{ t('Create document') }}</QTooltip>
+                        </QBtn>
+                    </template>
+                </QInput>
+            </div>
+            <div class="row q-gutter-md q-mb-md">
+                <QInput
+                    :label="t('Entry date')"
+                    v-model="data.bookEntried"
+                    clearable
+                    clear-icon="close"
+                    :mask="dateMask"
+                    :fill-mask="fillMask"
+                >
+                    <template #append>
+                        <QIcon name="event" class="cursor-pointer">
+                            <QPopupProxy
+                                cover
+                                transition-show="scale"
+                                transition-hide="scale"
                             >
-                                <QTooltip>{{ t('Create document') }}</QTooltip>
-                            </QBtn>
-                        </template>
-                    </QInput>
-                </div>
+                                <QDate v-model="data.bookEntried" :mask="dateMask">
+                                    <div class="row items-center justify-end">
+                                        <QBtn
+                                            v-close-popup
+                                            label="Close"
+                                            color="primary"
+                                            flat
+                                        />
+                                    </div>
+                                </QDate>
+                            </QPopupProxy>
+                        </QIcon>
+                    </template>
+                </QInput>
+                <QInput
+                    :label="t('Accounted date')"
+                    v-model="data.booked"
+                    clearable
+                    clear-icon="close"
+                    :mask="dateMask"
+                    :fill-mask="fillMask"
+                >
+                    <template #append>
+                        <QIcon name="event" class="cursor-pointer">
+                            <QPopupProxy
+                                cover
+                                transition-show="scale"
+                                transition-hide="scale"
+                            >
+                                <QDate v-model="data.booked" :mask="maskDate">
+                                    <div class="row items-center justify-end">
+                                        <QBtn
+                                            v-close-popup
+                                            label="Close"
+                                            color="primary"
+                                            flat
+                                        />
+                                    </div>
+                                </QDate>
+                            </QPopupProxy>
+                        </QIcon>
+                    </template>
+                </QInput>
             </div>
             <div class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <QInput
-                        :label="t('Entry date')"
-                        v-model="data.bookEntried"
-                        clearable
-                        clear-icon="close"
-                        :mask="dateMask"
-                        :fill-mask="fillMask"
-                    >
-                        <template #append>
-                            <QIcon name="event" class="cursor-pointer">
-                                <QPopupProxy
-                                    cover
-                                    transition-show="scale"
-                                    transition-hide="scale"
-                                >
-                                    <QDate v-model="data.bookEntried" :mask="dateMask">
-                                        <div class="row items-center justify-end">
-                                            <QBtn
-                                                v-close-popup
-                                                label="Close"
-                                                color="primary"
-                                                flat
-                                            />
-                                        </div>
-                                    </QDate>
-                                </QPopupProxy>
-                            </QIcon>
-                        </template>
-                    </QInput>
-                </div>
-                <div class="col">
-                    <QInput
-                        :label="t('Accounted date')"
-                        v-model="data.booked"
-                        clearable
-                        clear-icon="close"
-                        :mask="dateMask"
-                        :fill-mask="fillMask"
-                    >
-                        <template #append>
-                            <QIcon name="event" class="cursor-pointer">
-                                <QPopupProxy
-                                    cover
-                                    transition-show="scale"
-                                    transition-hide="scale"
-                                >
-                                    <QDate v-model="data.booked" :mask="maskDate">
-                                        <div class="row items-center justify-end">
-                                            <QBtn
-                                                v-close-popup
-                                                label="Close"
-                                                color="primary"
-                                                flat
-                                            />
-                                        </div>
-                                    </QDate>
-                                </QPopupProxy>
-                            </QIcon>
-                        </template>
-                    </QInput>
-                </div>
+                <VnSelectFilter
+                    :label="t('Currency')"
+                    v-model="data.currencyFk"
+                    :options="currencies"
+                    option-value="id"
+                    option-label="code"
+                />
+                <VnSelectFilter
+                    v-if="companiesRef"
+                    :label="t('Company')"
+                    v-model="data.companyFk"
+                    :options="companies"
+                    option-value="id"
+                    option-label="code"
+                />
             </div>
             <div class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('Currency')"
-                        v-model="data.currencyFk"
-                        :options="currencies"
-                        option-value="id"
-                        option-label="code"
-                    />
-                </div>
-                <div class="col">
-                    <VnSelectFilter
-                        v-if="companiesRef"
-                        :label="t('Company')"
-                        v-model="data.companyFk"
-                        :options="companies"
-                        option-value="id"
-                        option-label="code"
-                    />
-                </div>
-            </div>
-            <div class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <QCheckbox
-                        :label="t('invoiceIn.summary.booked')"
-                        v-model="data.isBooked"
-                    />
-                </div>
-                <div class="col"></div>
+                <QCheckbox
+                    :label="t('invoiceIn.summary.booked')"
+                    v-model="data.isBooked"
+                />
             </div>
         </template>
     </FormModel>
diff --git a/src/pages/Order/Card/OrderForm.vue b/src/pages/Order/Card/OrderForm.vue
index 42aee7640..a61547d27 100644
--- a/src/pages/Order/Card/OrderForm.vue
+++ b/src/pages/Order/Card/OrderForm.vue
@@ -126,81 +126,73 @@ const orderFilter = {
         >
             <template #form="{ data }">
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <div class="col">
-                        <VnSelectFilter
-                            :label="t('order.form.clientFk')"
-                            v-model="data.clientFk"
-                            :options="clientList"
-                            option-value="id"
-                            option-label="name"
-                            hide-selected
-                            @update:model-value="
-                                (client) => fetchAddressList(client.defaultAddressFk)
-                            "
-                        >
-                            <template #option="scope">
-                                <QItem v-bind="scope.itemProps">
-                                    <QItemSection>
-                                        <QItemLabel>
-                                            {{ `${scope.opt.id}: ${scope.opt.name}` }}
-                                        </QItemLabel>
-                                    </QItemSection>
-                                </QItem>
-                            </template>
-                        </VnSelectFilter>
-                    </div>
-                    <div class="col">
-                        <VnSelectFilter
-                            :label="t('order.form.addressFk')"
-                            v-model="data.addressFk"
-                            :options="addressList"
-                            option-value="id"
-                            option-label="nickname"
-                            hide-selected
-                            :disable="!addressList?.length"
-                            @update:model-value="
-                                () => fetchAgencyList(data.landed, data.addressFk)
-                            "
-                        >
-                            <template #option="scope">
-                                <QItem v-bind="scope.itemProps">
-                                    <QItemSection>
-                                        <QItemLabel>
-                                            {{
-                                                `${scope.opt.nickname}: ${scope.opt.street},${scope.opt.city}`
-                                            }}
-                                        </QItemLabel>
-                                    </QItemSection>
-                                </QItem>
-                            </template>
-                        </VnSelectFilter>
-                    </div>
+                    <VnSelectFilter
+                        :label="t('order.form.clientFk')"
+                        v-model="data.clientFk"
+                        :options="clientList"
+                        option-value="id"
+                        option-label="name"
+                        hide-selected
+                        @update:model-value="
+                            (client) => fetchAddressList(client.defaultAddressFk)
+                        "
+                    >
+                        <template #option="scope">
+                            <QItem v-bind="scope.itemProps">
+                                <QItemSection>
+                                    <QItemLabel>
+                                        {{ `${scope.opt.id}: ${scope.opt.name}` }}
+                                    </QItemLabel>
+                                </QItemSection>
+                            </QItem>
+                        </template>
+                    </VnSelectFilter>
+                    <VnSelectFilter
+                        :label="t('order.form.addressFk')"
+                        v-model="data.addressFk"
+                        :options="addressList"
+                        option-value="id"
+                        option-label="nickname"
+                        hide-selected
+                        :disable="!addressList?.length"
+                        @update:model-value="
+                            () => fetchAgencyList(data.landed, data.addressFk)
+                        "
+                    >
+                        <template #option="scope">
+                            <QItem v-bind="scope.itemProps">
+                                <QItemSection>
+                                    <QItemLabel>
+                                        {{
+                                            `${scope.opt.nickname}: ${scope.opt.street},${scope.opt.city}`
+                                        }}
+                                    </QItemLabel>
+                                </QItemSection>
+                            </QItem>
+                        </template>
+                    </VnSelectFilter>
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <div class="col">
-                        <VnInputDate
-                            placeholder="dd-mm-aaa"
-                            :label="t('order.form.landed')"
-                            v-model="data.landed"
-                            @update:model-value="
-                                () => fetchAgencyList(data.landed, data.addressFk)
-                            "
-                        />
-                    </div>
+                    <VnInputDate
+                        placeholder="dd-mm-aaa"
+                        :label="t('order.form.landed')"
+                        v-model="data.landed"
+                        @update:model-value="
+                            () => fetchAgencyList(data.landed, data.addressFk)
+                        "
+                    />
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <div class="col">
-                        <VnSelectFilter
-                            :label="t('order.form.agencyModeFk')"
-                            v-model="data.agencyModeFk"
-                            :options="agencyList"
-                            option-value="agencyModeFk"
-                            option-label="agencyMode"
-                            hide-selected
-                            :disable="!agencyList?.length"
-                        >
-                        </VnSelectFilter>
-                    </div>
+                    <VnSelectFilter
+                        :label="t('order.form.agencyModeFk')"
+                        v-model="data.agencyModeFk"
+                        :options="agencyList"
+                        option-value="agencyModeFk"
+                        option-label="agencyMode"
+                        hide-selected
+                        :disable="!agencyList?.length"
+                    >
+                    </VnSelectFilter>
                 </VnRow>
             </template>
         </FormModel>
diff --git a/src/pages/Route/Card/RouteForm.vue b/src/pages/Route/Card/RouteForm.vue
index 60693cbf1..514d68867 100644
--- a/src/pages/Route/Card/RouteForm.vue
+++ b/src/pages/Route/Card/RouteForm.vue
@@ -122,90 +122,74 @@ const onSave = (data, response) => {
     >
         <template #form="{ data }">
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('Worker')"
-                        v-model="data.workerFk"
-                        :options="workerList"
-                        option-value="id"
-                        option-label="nickname"
-                        emit-value
-                        map-options
-                        use-input
-                        :input-debounce="0"
-                    >
-                        <template #option="{ itemProps, opt }">
-                            <QItem v-bind="itemProps">
-                                <QItemSection>
-                                    <QItemLabel>{{ opt.name }}</QItemLabel>
-                                    <QItemLabel caption>
-                                        {{ opt.nickname }}, {{ opt.code }}
-                                    </QItemLabel>
-                                </QItemSection>
-                            </QItem>
-                        </template>
-                    </VnSelectFilter>
-                </div>
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('Vehicle')"
-                        v-model="data.vehicleFk"
-                        :options="vehicleList"
-                        option-value="id"
-                        option-label="numberPlate"
-                        emit-value
-                        map-options
-                        use-input
-                        :input-debounce="0"
-                    />
-                </div>
+                <VnSelectFilter
+                    :label="t('Worker')"
+                    v-model="data.workerFk"
+                    :options="workerList"
+                    option-value="id"
+                    option-label="nickname"
+                    emit-value
+                    map-options
+                    use-input
+                    :input-debounce="0"
+                >
+                    <template #option="{ itemProps, opt }">
+                        <QItem v-bind="itemProps">
+                            <QItemSection>
+                                <QItemLabel>{{ opt.name }}</QItemLabel>
+                                <QItemLabel caption>
+                                    {{ opt.nickname }}, {{ opt.code }}
+                                </QItemLabel>
+                            </QItemSection>
+                        </QItem>
+                    </template>
+                </VnSelectFilter>
+                <VnSelectFilter
+                    :label="t('Vehicle')"
+                    v-model="data.vehicleFk"
+                    :options="vehicleList"
+                    option-value="id"
+                    option-label="numberPlate"
+                    emit-value
+                    map-options
+                    use-input
+                    :input-debounce="0"
+                />
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('Agency')"
-                        v-model="data.agencyModeFk"
-                        :options="agencyList"
-                        option-value="id"
-                        option-label="name"
-                        emit-value
-                        map-options
-                        use-input
-                        :input-debounce="0"
-                    />
-                </div>
-                <div class="col">
-                    <VnInputDate v-model="data.created" :label="t('Created')" />
-                </div>
+                <VnSelectFilter
+                    :label="t('Agency')"
+                    v-model="data.agencyModeFk"
+                    :options="agencyList"
+                    option-value="id"
+                    option-label="name"
+                    emit-value
+                    map-options
+                    use-input
+                    :input-debounce="0"
+                />
+                <VnInputDate v-model="data.created" :label="t('Created')" />
             </VnRow>
             <template v-if="!isNew">
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <div class="col">
-                        <VnInput
-                            v-model="data.kmStart"
-                            :label="t('Km Start')"
-                            clearable
-                        />
-                    </div>
-                    <div class="col">
-                        <VnInput v-model="data.kmEnd" :label="t('Km End')" clearable />
-                    </div>
+                    <VnInput
+                        v-model="data.kmStart"
+                        :label="t('Km Start')"
+                        clearable
+                    />
+                    <VnInput v-model="data.kmEnd" :label="t('Km End')" clearable />
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <div class="col">
-                        <VnInputTime
-                            v-model="data.started"
-                            :label="t('Hour started')"
-                            clearable
-                        />
-                    </div>
-                    <div class="col">
-                        <VnInputTime
-                            v-model="data.finished"
-                            :label="t('Hour finished')"
-                            clearable
-                        />
-                    </div>
+                    <VnInputTime
+                        v-model="data.started"
+                        :label="t('Hour started')"
+                        clearable
+                    />
+                    <VnInputTime
+                        v-model="data.finished"
+                        :label="t('Hour finished')"
+                        clearable
+                    />
                     <div class="col flex items-center">
                         <QCheckbox
                             size="sm"
@@ -216,15 +200,13 @@ const onSave = (data, response) => {
                 </VnRow>
             </template>
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInput
-                        v-model="data.description"
-                        :label="t('Description')"
-                        type="textarea"
-                        :rows="3"
-                        clearable
-                    />
-                </div>
+                <VnInput
+                    v-model="data.description"
+                    :label="t('Description')"
+                    type="textarea"
+                    :rows="3"
+                    clearable
+                />
             </VnRow>
         </template>
     </FormModel>
diff --git a/src/pages/Route/Roadmap/RoadmapBasicData.vue b/src/pages/Route/Roadmap/RoadmapBasicData.vue
index 8b10f5e57..364b201c1 100644
--- a/src/pages/Route/Roadmap/RoadmapBasicData.vue
+++ b/src/pages/Route/Roadmap/RoadmapBasicData.vue
@@ -41,89 +41,69 @@ const onSave = (data, response) => {
     >
         <template #form="{ data }">
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInput v-model="data.name" :label="t('Roadmap')" clearable />
-                </div>
-                <div class="col">
-                    <VnInputDate v-model="data.etd" :label="t('ETD date')" />
-                </div>
-                <div class="col">
-                    <VnInputTime v-model="data.etd" :label="t('ETD hour')" />
-                </div>
+                <VnInput v-model="data.name" :label="t('Roadmap')" clearable />
+                <VnInputDate v-model="data.etd" :label="t('ETD date')" />
+                <VnInputTime v-model="data.etd" :label="t('ETD hour')" />
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInput
-                        v-model="data.tractorPlate"
-                        :label="t('Tractor plate')"
-                        clearable
-                    />
-                </div>
-                <div class="col">
-                    <VnInput
-                        v-model="data.trailerPlate"
-                        :label="t('Trailer plate')"
-                        clearable
-                    />
-                </div>
+                <VnInput
+                    v-model="data.tractorPlate"
+                    :label="t('Tractor plate')"
+                    clearable
+                />
+                <VnInput
+                    v-model="data.trailerPlate"
+                    :label="t('Trailer plate')"
+                    clearable
+                />
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('Carrier')"
-                        v-model="data.supplierFk"
-                        :options="supplierList"
-                        option-value="id"
-                        option-label="nickname"
-                        emit-value
-                        map-options
-                        use-input
-                        :input-debounce="0"
-                    >
-                        <template #option="{ itemProps, opt }">
-                            <QItem v-bind="itemProps">
-                                <QItemSection>
-                                    <QItemLabel
-                                        >{{ opt.id }} - {{ opt.nickname }}
-                                    </QItemLabel>
-                                </QItemSection>
-                            </QItem>
-                        </template>
-                    </VnSelectFilter>
-                </div>
-                <div class="col">
-                    <VnInput
-                        v-model="data.price"
-                        :label="t('Price')"
-                        type="number"
-                        clearable
-                    />
-                </div>
+                <VnSelectFilter
+                    :label="t('Carrier')"
+                    v-model="data.supplierFk"
+                    :options="supplierList"
+                    option-value="id"
+                    option-label="nickname"
+                    emit-value
+                    map-options
+                    use-input
+                    :input-debounce="0"
+                >
+                    <template #option="{ itemProps, opt }">
+                        <QItem v-bind="itemProps">
+                            <QItemSection>
+                                <QItemLabel
+                                    >{{ opt.id }} - {{ opt.nickname }}
+                                </QItemLabel>
+                            </QItemSection>
+                        </QItem>
+                    </template>
+                </VnSelectFilter>
+                <VnInput
+                    v-model="data.price"
+                    :label="t('Price')"
+                    type="number"
+                    clearable
+                />
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInput
-                        v-model="data.driverName"
-                        :label="t('Driver name')"
-                        clearable
-                    />
-                </div>
-                <div class="col">
-                    <VnInput
-                        v-model="data.phone"
-                        :label="t('Phone')"
-                        clearable
-                    />
-                </div>
+                <VnInput
+                    v-model="data.driverName"
+                    :label="t('Driver name')"
+                    clearable
+                />
+                <VnInput
+                    v-model="data.phone"
+                    :label="t('Phone')"
+                    clearable
+                />
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInput
-                        v-model="data.observations"
-                        :label="t('Observations')"
-                        clearable
-                    />
-                </div>
+                <VnInput
+                    v-model="data.observations"
+                    :label="t('Observations')"
+                    clearable
+                />
             </VnRow>
         </template>
     </FormModel>
diff --git a/src/pages/Route/Roadmap/RoadmapCreate.vue b/src/pages/Route/Roadmap/RoadmapCreate.vue
index 214983dd3..f5cc9ee66 100644
--- a/src/pages/Route/Roadmap/RoadmapCreate.vue
+++ b/src/pages/Route/Roadmap/RoadmapCreate.vue
@@ -31,19 +31,13 @@ const onSave = (data, response) => {
     >
         <template #form="{ data }">
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInput
-                        v-model="data.name"
-                        :label="t('Roadmap')"
-                        clearable
-                    />
-                </div>
-                <div class="col">
-                    <VnInputDate v-model="data.etd" :label="t('ETD date')" />
-                </div>
-                <div class="col">
-                    <VnInputTime v-model="data.etd" :label="t('ETD hour')" />
-                </div>
+                <VnInput
+                    v-model="data.name"
+                    :label="t('Roadmap')"
+                    clearable
+                />
+                <VnInputDate v-model="data.etd" :label="t('ETD date')" />
+                <VnInputTime v-model="data.etd" :label="t('ETD hour')" />
             </VnRow>
         </template>
     </FormModel>
diff --git a/src/pages/Shelving/Card/ShelvingForm.vue b/src/pages/Shelving/Card/ShelvingForm.vue
index 238879bd4..d9b6ede0d 100644
--- a/src/pages/Shelving/Card/ShelvingForm.vue
+++ b/src/pages/Shelving/Card/ShelvingForm.vue
@@ -86,47 +86,39 @@ const onSave = (shelving, newShelving) => {
     >
         <template #form="{ data, validate, filter }">
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInput
-                        v-model="data.code"
-                        :label="t('shelving.basicData.code')"
-                        :rules="validate('Shelving.code')"
-                    />
-                </div>
-                <div class="col">
-                    <QSelect
-                        v-model="data.parkingFk"
-                        :options="parkingList"
-                        option-value="id"
-                        option-label="code"
-                        emit-value
-                        :label="t('shelving.basicData.parking')"
-                        map-options
-                        use-input
-                        @filter="
-                            (value, update) => filter(value, update, parkingSelectFilter)
-                        "
-                        :rules="validate('Shelving.parkingFk')"
-                        :input-debounce="0"
-                    />
-                </div>
+                <VnInput
+                    v-model="data.code"
+                    :label="t('shelving.basicData.code')"
+                    :rules="validate('Shelving.code')"
+                />
+                <QSelect
+                    v-model="data.parkingFk"
+                    :options="parkingList"
+                    option-value="id"
+                    option-label="code"
+                    emit-value
+                    :label="t('shelving.basicData.parking')"
+                    map-options
+                    use-input
+                    @filter="
+                        (value, update) => filter(value, update, parkingSelectFilter)
+                    "
+                    :rules="validate('Shelving.parkingFk')"
+                    :input-debounce="0"
+                />
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInput
-                        v-model="data.priority"
-                        type="number"
-                        :label="t('shelving.basicData.priority')"
-                        :rules="validate('Shelving.priority')"
-                    />
-                </div>
-                <div class="col">
-                    <QCheckbox
-                        v-model="data.isRecyclable"
-                        :label="t('shelving.basicData.recyclable')"
-                        :rules="validate('Shelving.isRecyclable')"
-                    />
-                </div>
+                <VnInput
+                    v-model="data.priority"
+                    type="number"
+                    :label="t('shelving.basicData.priority')"
+                    :rules="validate('Shelving.priority')"
+                />
+                <QCheckbox
+                    v-model="data.isRecyclable"
+                    :label="t('shelving.basicData.recyclable')"
+                    :rules="validate('Shelving.isRecyclable')"
+                />
             </VnRow>
         </template>
     </FormModel>
diff --git a/src/pages/Supplier/Card/SupplierAccounts.vue b/src/pages/Supplier/Card/SupplierAccounts.vue
index 41df6adb9..908ca8c53 100644
--- a/src/pages/Supplier/Card/SupplierAccounts.vue
+++ b/src/pages/Supplier/Card/SupplierAccounts.vue
@@ -102,63 +102,57 @@ onMounted(() => {
                     :key="index"
                     class="row q-gutter-md q-mb-md"
                 >
-                    <div class="col">
-                        <VnInput :label="t('supplier.accounts.iban')" v-model="row.iban">
-                            <template #append>
-                                <QIcon name="info" class="cursor-info">
-                                    <QTooltip>{{
-                                        t('components.iban_tooltip')
-                                    }}</QTooltip>
-                                </QIcon>
-                            </template>
-                        </VnInput>
-                    </div>
-                    <div class="col">
-                        <VnSelectDialog
-                            :label="t('worker.create.bankEntity')"
-                            v-model="row.bankEntityFk"
-                            :options="bankEntitiesOptions"
-                            option-label="bic"
-                            option-value="id"
-                            hide-selected
-                        >
-                            <template #form>
-                                <CreateBankEntityForm
-                                    @on-data-saved="
-                                        (_, requestResponse) =>
-                                            onBankEntityCreated(requestResponse, row)
-                                    "
-                                    :show-entity-field="false"
-                                />
-                            </template>
-                            <template #option="scope">
-                                <QItem v-bind="scope.itemProps">
-                                    <QItemSection v-if="scope.opt">
-                                        <QItemLabel
-                                            >{{ scope.opt.bic }}
-                                            {{ scope.opt.name }}</QItemLabel
-                                        >
-                                    </QItemSection>
-                                </QItem>
-                            </template>
-                        </VnSelectDialog>
-                    </div>
-                    <div class="col">
-                        <VnInput
-                            :label="t('supplier.accounts.beneficiary')"
-                            v-model="row.beneficiary"
-                        >
-                            <template #append>
-                                <QIcon name="info" class="cursor-pointer">
-                                    <QTooltip>{{
-                                        t(
-                                            'Name of the bank account holder if different from the provider'
-                                        )
-                                    }}</QTooltip>
-                                </QIcon>
-                            </template>
-                        </VnInput>
-                    </div>
+                    <VnInput :label="t('supplier.accounts.iban')" v-model="row.iban">
+                        <template #append>
+                            <QIcon name="info" class="cursor-info">
+                                <QTooltip>{{
+                                    t('components.iban_tooltip')
+                                }}</QTooltip>
+                            </QIcon>
+                        </template>
+                    </VnInput>
+                    <VnSelectDialog
+                        :label="t('worker.create.bankEntity')"
+                        v-model="row.bankEntityFk"
+                        :options="bankEntitiesOptions"
+                        option-label="bic"
+                        option-value="id"
+                        hide-selected
+                    >
+                        <template #form>
+                            <CreateBankEntityForm
+                                @on-data-saved="
+                                    (_, requestResponse) =>
+                                        onBankEntityCreated(requestResponse, row)
+                                "
+                                :show-entity-field="false"
+                            />
+                        </template>
+                        <template #option="scope">
+                            <QItem v-bind="scope.itemProps">
+                                <QItemSection v-if="scope.opt">
+                                    <QItemLabel
+                                        >{{ scope.opt.bic }}
+                                        {{ scope.opt.name }}</QItemLabel
+                                    >
+                                </QItemSection>
+                            </QItem>
+                        </template>
+                    </VnSelectDialog>
+                    <VnInput
+                        :label="t('supplier.accounts.beneficiary')"
+                        v-model="row.beneficiary"
+                    >
+                        <template #append>
+                            <QIcon name="info" class="cursor-pointer">
+                                <QTooltip>{{
+                                    t(
+                                        'Name of the bank account holder if different from the provider'
+                                    )
+                                }}</QTooltip>
+                            </QIcon>
+                        </template>
+                    </VnInput>
                     <div class="col-1 row justify-center items-center">
                         <QIcon
                             name="delete"
diff --git a/src/pages/Supplier/Card/SupplierAddressesCreate.vue b/src/pages/Supplier/Card/SupplierAddressesCreate.vue
index 69c180e0a..7508c14f2 100644
--- a/src/pages/Supplier/Card/SupplierAddressesCreate.vue
+++ b/src/pages/Supplier/Card/SupplierAddressesCreate.vue
@@ -79,45 +79,36 @@ function handleLocation(data, location) {
         >
             <template #form="{ data, validate }">
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <div class="col">
-                        <VnInput
-                            v-model="data.nickname"
-                            :label="t('supplier.addresses.name')"
-                        />
-                    </div>
-                    <div class="col">
-                        <VnInput
-                            v-model="data.street"
-                            :label="t('supplier.addresses.street')"
-                        />
-                    </div>
+                    <VnInput
+                        v-model="data.nickname"
+                        :label="t('supplier.addresses.name')"
+                    />
+                    <VnInput
+                        v-model="data.street"
+                        :label="t('supplier.addresses.street')"
+                    />
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <div class="col">
-                        <VnLocation
-                            :rules="validate('Worker.postcode')"
-                            :roles-allowed-to-create="['deliveryAssistant']"
-                            :options="postcodesOptions"
-                            v-model="data.location"
-                            @update:model-value="
-                                (location) => handleLocation(data, location)
-                            "
-                        ></VnLocation>
-                    </div>
+                    <VnLocation
+                        :rules="validate('Worker.postcode')"
+                        :roles-allowed-to-create="['deliveryAssistant']"
+                        :options="postcodesOptions"
+                        v-model="data.location"
+                        @update:model-value="
+                            (location) => handleLocation(data, location)
+                        "
+                    >
+                    </VnLocation>
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <div class="col">
-                        <VnInput
-                            v-model="data.phone"
-                            :label="t('supplier.addresses.phone')"
-                        />
-                    </div>
-                    <div class="col">
-                        <VnInput
-                            v-model="data.mobile"
-                            :label="t('supplier.addresses.mobile')"
-                        />
-                    </div>
+                    <VnInput
+                        v-model="data.phone"
+                        :label="t('supplier.addresses.phone')"
+                    />
+                    <VnInput
+                        v-model="data.mobile"
+                        :label="t('supplier.addresses.mobile')"
+                    />
                 </VnRow>
             </template>
         </FormModel>
diff --git a/src/pages/Supplier/Card/SupplierAgencyTerm.vue b/src/pages/Supplier/Card/SupplierAgencyTerm.vue
index 769ff4dad..1419b1928 100644
--- a/src/pages/Supplier/Card/SupplierAgencyTerm.vue
+++ b/src/pages/Supplier/Card/SupplierAgencyTerm.vue
@@ -57,57 +57,43 @@ onMounted(() => {
                     :key="index"
                     class="row q-gutter-md q-mb-md"
                 >
-                    <div class="col">
-                        <QField :label="t('supplier.agencyTerms.agencyFk')" stack-label>
-                            <template #control>
-                                <div tabindex="0">
-                                    {{ row.agency?.name }}
-                                </div>
-                            </template>
-                        </QField>
-                    </div>
-                    <div class="col">
-                        <QInput
-                            :label="t('supplier.agencyTerms.minimumM3')"
-                            v-model.number="row.minimumM3"
-                            type="number"
-                        />
-                    </div>
-                    <div class="col">
-                        <QInput
-                            :label="t('supplier.agencyTerms.packagePrice')"
-                            v-model.number="row.packagePrice"
-                            type="number"
-                        />
-                    </div>
-                    <div class="col">
-                        <QInput
-                            :label="t('supplier.agencyTerms.kmPrice')"
-                            v-model.number="row.kmPrice"
-                            type="number"
-                        />
-                    </div>
-                    <div class="col">
-                        <QInput
-                            :label="t('supplier.agencyTerms.m3Price')"
-                            v-model.number="row.m3Price"
-                            type="number"
-                        />
-                    </div>
-                    <div class="col">
-                        <QInput
-                            :label="t('supplier.agencyTerms.routePrice')"
-                            v-model.number="row.routePrice"
-                            type="number"
-                        />
-                    </div>
-                    <div class="col">
-                        <QInput
-                            :label="t('supplier.agencyTerms.minimumKm')"
-                            v-model.number="row.minimumKm"
-                            type="number"
-                        />
-                    </div>
+                    <QField :label="t('supplier.agencyTerms.agencyFk')" stack-label>
+                        <template #control>
+                            <div tabindex="0">
+                                {{ row.agency?.name }}
+                            </div>
+                        </template>
+                    </QField>
+                    <QInput
+                        :label="t('supplier.agencyTerms.minimumM3')"
+                        v-model.number="row.minimumM3"
+                        type="number"
+                    />
+                    <QInput
+                        :label="t('supplier.agencyTerms.packagePrice')"
+                        v-model.number="row.packagePrice"
+                        type="number"
+                    />
+                    <QInput
+                        :label="t('supplier.agencyTerms.kmPrice')"
+                        v-model.number="row.kmPrice"
+                        type="number"
+                    />
+                    <QInput
+                        :label="t('supplier.agencyTerms.m3Price')"
+                        v-model.number="row.m3Price"
+                        type="number"
+                    />
+                    <QInput
+                        :label="t('supplier.agencyTerms.routePrice')"
+                        v-model.number="row.routePrice"
+                        type="number"
+                    />
+                    <QInput
+                        :label="t('supplier.agencyTerms.minimumKm')"
+                        v-model.number="row.minimumKm"
+                        type="number"
+                    />
                     <div class="col-1 row justify-center items-center">
                         <QIcon
                             name="delete"
diff --git a/src/pages/Supplier/Card/SupplierAgencyTermCreate.vue b/src/pages/Supplier/Card/SupplierAgencyTermCreate.vue
index 17786c1ea..895cde5fe 100644
--- a/src/pages/Supplier/Card/SupplierAgencyTermCreate.vue
+++ b/src/pages/Supplier/Card/SupplierAgencyTermCreate.vue
@@ -46,63 +46,49 @@ const onDataSaved = () => {
         >
             <template #form="{ data }">
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <div class="col">
-                        <VnSelectFilter
-                            :label="t('supplier.agencyTerms.agencyFk')"
-                            v-model="data.agencyFk"
-                            :options="agenciesOptions"
-                            option-label="name"
-                            option-value="id"
-                            hide-selected
-                            rounded
-                        />
-                    </div>
-                    <div class="col">
-                        <QInput
-                            :label="t('supplier.agencyTerms.minimumM3')"
-                            v-model.number="data.minimumM3"
-                            type="number"
-                        />
-                    </div>
+                    <VnSelectFilter
+                        :label="t('supplier.agencyTerms.agencyFk')"
+                        v-model="data.agencyFk"
+                        :options="agenciesOptions"
+                        option-label="name"
+                        option-value="id"
+                        hide-selected
+                        rounded
+                    />
+                    <QInput
+                        :label="t('supplier.agencyTerms.minimumM3')"
+                        v-model.number="data.minimumM3"
+                        type="number"
+                    />
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <div class="col">
-                        <QInput
-                            :label="t('supplier.agencyTerms.packagePrice')"
-                            v-model.number="data.packagePrice"
-                            type="number"
-                        />
-                    </div>
-                    <div class="col">
-                        <QInput
-                            :label="t('supplier.agencyTerms.kmPrice')"
-                            v-model.number="data.kmPrice"
-                            type="number"
-                        />
-                    </div>
-                    <div class="col">
-                        <QInput
-                            :label="t('supplier.agencyTerms.m3Price')"
-                            v-model.number="data.m3Price"
-                            type="number"
-                        />
-                    </div>
+                    <QInput
+                        :label="t('supplier.agencyTerms.packagePrice')"
+                        v-model.number="data.packagePrice"
+                        type="number"
+                    />
+                    <QInput
+                        :label="t('supplier.agencyTerms.kmPrice')"
+                        v-model.number="data.kmPrice"
+                        type="number"
+                    />
+                    <QInput
+                        :label="t('supplier.agencyTerms.m3Price')"
+                        v-model.number="data.m3Price"
+                        type="number"
+                    />
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <div class="col">
-                        <QInput
-                            :label="t('supplier.agencyTerms.routePrice')"
-                            v-model.number="data.routePrice"
-                            type="number"
-                        />
-                    </div>
-                    <div class="col">
-                        <QInput
-                            :label="t('supplier.agencyTerms.minimumKm')"
-                            v-model.number="data.minimumKm"
-                            type="number"
-                        />
-                    </div>
+                    <QInput
+                        :label="t('supplier.agencyTerms.routePrice')"
+                        v-model.number="data.routePrice"
+                        type="number"
+                    />
+                    <QInput
+                        :label="t('supplier.agencyTerms.minimumKm')"
+                        v-model.number="data.minimumKm"
+                        type="number"
+                    />
                 </VnRow>
             </template>
         </FormModel>
diff --git a/src/pages/Supplier/Card/SupplierBasicData.vue b/src/pages/Supplier/Card/SupplierBasicData.vue
index 01741dd77..ac3a06cac 100644
--- a/src/pages/Supplier/Card/SupplierBasicData.vue
+++ b/src/pages/Supplier/Card/SupplierBasicData.vue
@@ -30,74 +30,62 @@ const workersOptions = ref([]);
     >
         <template #form="{ data, validate }">
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInput
-                        v-model="data.nickname"
-                        :label="t('supplier.basicData.alias')"
-                        :rules="validate('supplier.nickname')"
-                        clearable
-                    />
-                </div>
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('supplier.basicData.workerFk')"
-                        v-model="data.workerFk"
-                        :options="workersOptions"
-                        option-value="id"
-                        option-label="name"
-                        hide-selected
-                        map-options
-                        :rules="validate('supplier.workerFk')"
-                    >
-                        <template #append>
-                            <QIcon name="info" class="cursor-pointer">
-                                <QTooltip>{{
-                                    t('Responsible for approving invoices')
-                                }}</QTooltip>
-                            </QIcon>
-                        </template>
-                        <template #option="scope">
-                            <QItem v-bind="scope.itemProps">
-                                <QItemSection>
-                                    <QItemLabel>{{ scope.opt?.name }}</QItemLabel>
-                                    <QItemLabel caption>
-                                        {{ scope.opt?.nickname }}, {{ scope.opt?.id }}
-                                    </QItemLabel>
-                                </QItemSection>
-                            </QItem>
-                        </template>
-                    </VnSelectFilter>
-                </div>
+                <VnInput
+                    v-model="data.nickname"
+                    :label="t('supplier.basicData.alias')"
+                    :rules="validate('supplier.nickname')"
+                    clearable
+                />
+                <VnSelectFilter
+                    :label="t('supplier.basicData.workerFk')"
+                    v-model="data.workerFk"
+                    :options="workersOptions"
+                    option-value="id"
+                    option-label="name"
+                    hide-selected
+                    map-options
+                    :rules="validate('supplier.workerFk')"
+                >
+                    <template #append>
+                        <QIcon name="info" class="cursor-pointer">
+                            <QTooltip>{{
+                                t('Responsible for approving invoices')
+                            }}</QTooltip>
+                        </QIcon>
+                    </template>
+                    <template #option="scope">
+                        <QItem v-bind="scope.itemProps">
+                            <QItemSection>
+                                <QItemLabel>{{ scope.opt?.name }}</QItemLabel>
+                                <QItemLabel caption>
+                                    {{ scope.opt?.nickname }}, {{ scope.opt?.id }}
+                                </QItemLabel>
+                            </QItemSection>
+                        </QItem>
+                    </template>
+                </VnSelectFilter>
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <QCheckbox
-                        v-model="data.isSerious"
-                        :label="t('supplier.basicData.isSerious')"
-                    />
-                </div>
-                <div class="col">
-                    <QCheckbox
-                        v-model="data.isActive"
-                        :label="t('supplier.basicData.isActive')"
-                    />
-                </div>
-                <div class="col">
-                    <QCheckbox
-                        v-model="data.isPayMethodChecked"
-                        :label="t('supplier.basicData.isPayMethodChecked')"
-                    />
-                </div>
+                <QCheckbox
+                    v-model="data.isSerious"
+                    :label="t('supplier.basicData.isSerious')"
+                />
+                <QCheckbox
+                    v-model="data.isActive"
+                    :label="t('supplier.basicData.isActive')"
+                />
+                <QCheckbox
+                    v-model="data.isPayMethodChecked"
+                    :label="t('supplier.basicData.isPayMethodChecked')"
+                />
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <QInput
-                        :label="t('supplier.basicData.note')"
-                        type="textarea"
-                        v-model="data.note"
-                        fill-input
-                    />
-                </div>
+                <QInput
+                    :label="t('supplier.basicData.note')"
+                    type="textarea"
+                    v-model="data.note"
+                    fill-input
+                />
             </VnRow>
         </template>
     </FormModel>
diff --git a/src/pages/Supplier/Card/SupplierBillingData.vue b/src/pages/Supplier/Card/SupplierBillingData.vue
index 26b6e5461..8f1dac2d7 100644
--- a/src/pages/Supplier/Card/SupplierBillingData.vue
+++ b/src/pages/Supplier/Card/SupplierBillingData.vue
@@ -37,37 +37,31 @@ const formatPayDems = (data) => {
     >
         <template #form="{ data, validate }">
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('supplier.billingData.payMethodFk')"
-                        v-model="data.payMethodFk"
-                        :options="paymethodsOptions"
-                        option-value="id"
-                        option-label="name"
-                        hide-selected
-                        :rules="validate('supplier.payMethodFk')"
-                    />
-                </div>
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('supplier.billingData.payDemFk')"
-                        v-model="data.payDemFk"
-                        :options="payDemsOptions"
-                        option-value="id"
-                        option-label="payDem"
-                        hide-selected
-                        :rules="validate('supplier.payDemFk')"
-                    />
-                </div>
+                <VnSelectFilter
+                    :label="t('supplier.billingData.payMethodFk')"
+                    v-model="data.payMethodFk"
+                    :options="paymethodsOptions"
+                    option-value="id"
+                    option-label="name"
+                    hide-selected
+                    :rules="validate('supplier.payMethodFk')"
+                />
+                <VnSelectFilter
+                    :label="t('supplier.billingData.payDemFk')"
+                    v-model="data.payDemFk"
+                    :options="payDemsOptions"
+                    option-value="id"
+                    option-label="payDem"
+                    hide-selected
+                    :rules="validate('supplier.payDemFk')"
+                />
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <QInput
-                        :label="t('supplier.billingData.payDay')"
-                        type="number"
-                        v-model="data.payDay"
-                    />
-                </div>
+                <QInput
+                    :label="t('supplier.billingData.payDay')"
+                    type="number"
+                    v-model="data.payDay"
+                />
             </VnRow>
         </template>
     </FormModel>
diff --git a/src/pages/Supplier/Card/SupplierContacts.vue b/src/pages/Supplier/Card/SupplierContacts.vue
index a78c376a9..717488d18 100644
--- a/src/pages/Supplier/Card/SupplierContacts.vue
+++ b/src/pages/Supplier/Card/SupplierContacts.vue
@@ -45,42 +45,32 @@ onMounted(() => {
                     class="border q-pa-md q-mb-md"
                 >
                     <VnRow class="row q-gutter-md">
-                        <div class="col">
-                            <VnInput
-                                input-name-focusable
-                                :label="t('supplier.contacts.name')"
-                                v-model="row.name"
-                            />
-                        </div>
-                        <div class="col">
-                            <VnInput
-                                :label="t('supplier.contacts.phone')"
-                                v-model="row.phone"
-                            />
-                        </div>
-                        <div class="col">
-                            <VnInput
-                                :label="t('supplier.contacts.mobile')"
-                                v-model="row.mobile"
-                            />
-                        </div>
-                        <div class="col">
-                            <VnInput
-                                :label="t('supplier.contacts.email')"
-                                v-model="row.email"
-                            />
-                        </div>
+                        <VnInput
+                            input-name-focusable
+                            :label="t('supplier.contacts.name')"
+                            v-model="row.name"
+                        />
+                        <VnInput
+                            :label="t('supplier.contacts.phone')"
+                            v-model="row.phone"
+                        />
+                        <VnInput
+                            :label="t('supplier.contacts.mobile')"
+                            v-model="row.mobile"
+                        />
+                        <VnInput
+                            :label="t('supplier.contacts.email')"
+                            v-model="row.email"
+                        />
                     </VnRow>
                     <VnRow class="row q-gutter-md">
-                        <div class="col">
-                            <QInput
-                                :label="t('supplier.contacts.observation')"
-                                type="textarea"
-                                v-model="row.observation"
-                                fill-input
-                                autogrow
-                            />
-                        </div>
+                        <QInput
+                            :label="t('supplier.contacts.observation')"
+                            type="textarea"
+                            v-model="row.observation"
+                            fill-input
+                            autogrow
+                        />
                         <div class="col-1 row justify-center items-center">
                             <QIcon
                                 name="delete"
diff --git a/src/pages/Supplier/Card/SupplierFiscalData.vue b/src/pages/Supplier/Card/SupplierFiscalData.vue
index e633334c9..b39e42d1b 100644
--- a/src/pages/Supplier/Card/SupplierFiscalData.vue
+++ b/src/pages/Supplier/Card/SupplierFiscalData.vue
@@ -57,105 +57,85 @@ function handleLocation(data, location) {
     >
         <template #form="{ data, validate }">
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInput
-                        v-model="data.name"
-                        :label="t('supplier.fiscalData.name')"
-                        clearable
-                    />
-                </div>
-                <div class="col">
-                    <VnInput
-                        v-model="data.nif"
-                        :label="t('supplier.fiscalData.nif')"
-                        clearable
-                    />
-                </div>
+                <VnInput
+                    v-model="data.name"
+                    :label="t('supplier.fiscalData.name')"
+                    clearable
+                />
+                <VnInput
+                    v-model="data.nif"
+                    :label="t('supplier.fiscalData.nif')"
+                    clearable
+                />
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInput
-                        v-model="data.account"
-                        :label="t('supplier.fiscalData.account')"
-                        clearable
-                    />
-                </div>
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('supplier.fiscalData.sageTaxTypeFk')"
-                        v-model="data.sageTaxTypeFk"
-                        :options="sageTaxTypesOptions"
-                        option-value="id"
-                        option-label="vat"
-                        hide-selected
-                        map-options
-                    />
-                </div>
+                <VnInput
+                    v-model="data.account"
+                    :label="t('supplier.fiscalData.account')"
+                    clearable
+                />
+                <VnSelectFilter
+                    :label="t('supplier.fiscalData.sageTaxTypeFk')"
+                    v-model="data.sageTaxTypeFk"
+                    :options="sageTaxTypesOptions"
+                    option-value="id"
+                    option-label="vat"
+                    hide-selected
+                    map-options
+                />
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('supplier.fiscalData.sageWithholdingFk')"
-                        v-model="data.sageWithholdingFk"
-                        :options="sageWithholdingsOptions"
-                        option-value="id"
-                        option-label="withholding"
-                        hide-selected
-                        map-options
-                    />
-                </div>
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('supplier.fiscalData.sageTransactionTypeFk')"
-                        v-model="data.sageTransactionTypeFk"
-                        :options="sageTransactionTypesOptions"
-                        option-value="id"
-                        option-label="transaction"
-                        hide-selected
-                        map-options
-                    />
-                </div>
+                <VnSelectFilter
+                    :label="t('supplier.fiscalData.sageWithholdingFk')"
+                    v-model="data.sageWithholdingFk"
+                    :options="sageWithholdingsOptions"
+                    option-value="id"
+                    option-label="withholding"
+                    hide-selected
+                    map-options
+                />
+                <VnSelectFilter
+                    :label="t('supplier.fiscalData.sageTransactionTypeFk')"
+                    v-model="data.sageTransactionTypeFk"
+                    :options="sageTransactionTypesOptions"
+                    option-value="id"
+                    option-label="transaction"
+                    hide-selected
+                    map-options
+                />
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('supplier.fiscalData.supplierActivityFk')"
-                        v-model="data.supplierActivityFk"
-                        :options="supplierActivitiesOptions"
-                        option-value="code"
-                        option-label="name"
-                        hide-selected
-                        map-options
-                    />
-                </div>
-                <div class="col">
-                    <VnInput
-                        v-model="data.healthRegister"
-                        :label="t('supplier.fiscalData.healthRegister')"
-                        clearable
-                    />
-                </div>
+                <VnSelectFilter
+                    :label="t('supplier.fiscalData.supplierActivityFk')"
+                    v-model="data.supplierActivityFk"
+                    :options="supplierActivitiesOptions"
+                    option-value="code"
+                    option-label="name"
+                    hide-selected
+                    map-options
+                />
+                <VnInput
+                    v-model="data.healthRegister"
+                    :label="t('supplier.fiscalData.healthRegister')"
+                    clearable
+                />
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
                     <VnInput
                         v-model="data.street"
                         :label="t('supplier.fiscalData.street')"
                         clearable
                     />
-                </div>
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnLocation
-                        :rules="validate('Worker.postcode')"
-                        :roles-allowed-to-create="['deliveryAssistant']"
-                        :options="postcodesOptions"
-                        v-model="data.postCode"
-                        @update:model-value="(location) => handleLocation(data, location)"
-                    >
-                    </VnLocation>
-                </div>
+                <VnLocation
+                    :rules="validate('Worker.postcode')"
+                    :roles-allowed-to-create="['deliveryAssistant']"
+                    :options="postcodesOptions"
+                    v-model="data.postCode"
+                    @update:model-value="(location) => handleLocation(data, location)"
+                >
+                </VnLocation>
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col flex justify-around">
diff --git a/src/pages/Supplier/SupplierCreate.vue b/src/pages/Supplier/SupplierCreate.vue
index d80bd2df8..7d45bac97 100644
--- a/src/pages/Supplier/SupplierCreate.vue
+++ b/src/pages/Supplier/SupplierCreate.vue
@@ -45,15 +45,13 @@ const redirectToSupplierFiscalData = (_, responseData) => {
         >
             <template #form="{ data }">
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <div class="col">
-                        <VnInput
-                            v-model="data.name"
-                            :label="t('supplier.create.supplierName')"
-                            @keyup="
-                                newSupplierForm.name = newSupplierForm.name.toUpperCase()
-                            "
-                        />
-                    </div>
+                    <VnInput
+                        v-model="data.name"
+                        :label="t('supplier.create.supplierName')"
+                        @keyup="
+                            newSupplierForm.name = newSupplierForm.name.toUpperCase()
+                        "
+                    />
                 </VnRow>
             </template>
         </FormModel>
diff --git a/src/pages/Travel/Card/TravelBasicData.vue b/src/pages/Travel/Card/TravelBasicData.vue
index 2edaac853..fce8beac9 100644
--- a/src/pages/Travel/Card/TravelBasicData.vue
+++ b/src/pages/Travel/Card/TravelBasicData.vue
@@ -29,75 +29,59 @@ const agenciesOptions = ref([]);
     >
         <template #form="{ data }">
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInput
-                        v-model="data.ref"
-                        :label="t('travel.basicData.reference')"
-                    />
-                </div>
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('travel.basicData.agency')"
-                        v-model="data.agencyModeFk"
-                        :options="agenciesOptions"
-                        option-value="id"
-                        option-label="name"
-                        map-options
-                        hide-selected
-                    />
-                </div>
+                <VnInput
+                    v-model="data.ref"
+                    :label="t('travel.basicData.reference')"
+                />
+                <VnSelectFilter
+                    :label="t('travel.basicData.agency')"
+                    v-model="data.agencyModeFk"
+                    :options="agenciesOptions"
+                    option-value="id"
+                    option-label="name"
+                    map-options
+                    hide-selected
+                />
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInputDate
-                        v-model="data.shipped"
-                        :label="t('travel.basicData.shipped')"
-                    />
-                </div>
-                <div class="col">
-                    <VnInputDate
-                        v-model="data.landed"
-                        :label="t('travel.basicData.landed')"
-                    />
-                </div>
+                <VnInputDate
+                    v-model="data.shipped"
+                    :label="t('travel.basicData.shipped')"
+                />
+                <VnInputDate
+                    v-model="data.landed"
+                    :label="t('travel.basicData.landed')"
+                />
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('travel.basicData.warehouseOut')"
-                        v-model="data.warehouseOutFk"
-                        :options="agenciesOptions"
-                        option-value="id"
-                        option-label="name"
-                        map-options
-                        hide-selected
-                    />
-                </div>
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('travel.basicData.warehouseIn')"
-                        v-model="data.warehouseInFk"
-                        :options="agenciesOptions"
-                        option-value="id"
-                        option-label="name"
-                        map-options
-                        hide-selected
-                    />
-                </div>
+                <VnSelectFilter
+                    :label="t('travel.basicData.warehouseOut')"
+                    v-model="data.warehouseOutFk"
+                    :options="agenciesOptions"
+                    option-value="id"
+                    option-label="name"
+                    map-options
+                    hide-selected
+                />
+                <VnSelectFilter
+                    :label="t('travel.basicData.warehouseIn')"
+                    v-model="data.warehouseInFk"
+                    :options="agenciesOptions"
+                    option-value="id"
+                    option-label="name"
+                    map-options
+                    hide-selected
+                />
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <QCheckbox
-                        :label="t('travel.basicData.delivered')"
-                        v-model="data.isDelivered"
-                    />
-                </div>
-                <div class="col">
-                    <QCheckbox
-                        :label="t('travel.basicData.received')"
-                        v-model="data.isReceived"
-                    />
-                </div>
+                <QCheckbox
+                    :label="t('travel.basicData.delivered')"
+                    v-model="data.isDelivered"
+                />
+                <QCheckbox
+                    :label="t('travel.basicData.received')"
+                    v-model="data.isReceived"
+                />
             </VnRow>
         </template>
     </FormModel>
diff --git a/src/pages/Travel/Card/TravelThermographsForm.vue b/src/pages/Travel/Card/TravelThermographsForm.vue
index 4462846cb..33a13431e 100644
--- a/src/pages/Travel/Card/TravelThermographsForm.vue
+++ b/src/pages/Travel/Card/TravelThermographsForm.vue
@@ -236,104 +236,88 @@ const onThermographCreated = async (data) => {
             </Teleport>
             <QCard class="q-pa-lg">
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <div class="col">
-                        <VnSelectDialog
-                            :label="t('travel.thermographs.thermograph')"
-                            v-model="thermographForm.thermographId"
-                            :options="thermographsOptions"
-                            option-value="thermographFk"
-                            option-label="thermographFk"
-                            :disable="viewAction === 'edit'"
-                            :tooltip="t('New thermograph')"
-                        >
-                            <template #form>
-                                <CreateThermographForm
-                                    @on-data-saved="onThermographCreated($event, data)"
-                                />
-                            </template>
-                        </VnSelectDialog>
-                    </div>
-                    <div class="col">
-                        <VnInput
-                            v-model="thermographForm.state"
-                            :label="t('travel.thermographs.state')"
-                        />
-                    </div>
+                    <VnSelectDialog
+                        :label="t('travel.thermographs.thermograph')"
+                        v-model="thermographForm.thermographId"
+                        :options="thermographsOptions"
+                        option-value="thermographFk"
+                        option-label="thermographFk"
+                        :disable="viewAction === 'edit'"
+                        :tooltip="t('New thermograph')"
+                    >
+                        <template #form>
+                            <CreateThermographForm
+                                @on-data-saved="onThermographCreated($event, data)"
+                            />
+                        </template>
+                    </VnSelectDialog>
+                    <VnInput
+                        v-model="thermographForm.state"
+                        :label="t('travel.thermographs.state')"
+                    />
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <div class="col">
-                        <VnInput
-                            v-model="thermographForm.reference"
-                            :label="t('travel.thermographs.reference')"
-                        />
-                    </div>
-                    <div class="col">
-                        <VnSelectFilter
-                            :label="t('travel.thermographs.type')"
-                            v-model="thermographForm.dmsTypeId"
-                            :options="dmsTypesOptions"
-                            option-value="id"
-                            option-label="name"
-                        />
-                    </div>
+                    <VnInput
+                        v-model="thermographForm.reference"
+                        :label="t('travel.thermographs.reference')"
+                    />
+                    <VnSelectFilter
+                        :label="t('travel.thermographs.type')"
+                        v-model="thermographForm.dmsTypeId"
+                        :options="dmsTypesOptions"
+                        option-value="id"
+                        option-label="name"
+                    />
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <div class="col">
-                        <VnSelectFilter
-                            :label="t('travel.thermographs.company')"
-                            v-model="thermographForm.companyId"
-                            :options="companiesOptions"
-                            option-value="id"
-                            option-label="code"
-                        />
-                    </div>
-                    <div class="col">
-                        <VnSelectFilter
-                            :label="t('travel.thermographs.warehouse')"
-                            v-model="thermographForm.warehouseId"
-                            :options="warehousesOptions"
-                            option-value="id"
-                            option-label="name"
-                        />
-                    </div>
+                    <VnSelectFilter
+                        :label="t('travel.thermographs.company')"
+                        v-model="thermographForm.companyId"
+                        :options="companiesOptions"
+                        option-value="id"
+                        option-label="code"
+                    />
+                    <VnSelectFilter
+                        :label="t('travel.thermographs.warehouse')"
+                        v-model="thermographForm.warehouseId"
+                        :options="warehousesOptions"
+                        option-value="id"
+                        option-label="name"
+                    />
                 </VnRow>
                 <VnRow v-if="viewAction === 'edit'" class="row q-gutter-md q-mb-md">
-                    <div class="col">
-                        <QInput
-                            :label="t('globals.description')"
-                            type="textarea"
-                            v-model="thermographForm.description"
-                            fill-input
-                        />
-                    </div>
+                    <QInput
+                        :label="t('globals.description')"
+                        type="textarea"
+                        v-model="thermographForm.description"
+                        fill-input
+                    />
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <div class="col">
-                        <QFile
-                            ref="inputFileRef"
-                            :label="t('travel.thermographs.file')"
-                            multiple
-                            :accept="allowedContentTypes"
-                            v-model="thermographForm.files"
-                        >
-                            <template #append>
-                                <QIcon
-                                    name="vn:attach"
-                                    class="cursor-pointer q-mr-sm"
-                                    @click="inputFileRef.pickFiles()"
-                                >
-                                    <QTooltip>{{ t('Select files') }}</QTooltip>
-                                </QIcon>
-                                <QIcon name="info" class="cursor-pointer">
-                                    <QTooltip>{{
-                                        t('globals.allowedFilesText', {
-                                            allowedContentTypes: allowedContentTypes,
-                                        })
-                                    }}</QTooltip>
-                                </QIcon>
-                            </template>
-                        </QFile>
-                    </div>
+                    <QFile
+                        ref="inputFileRef"
+                        :label="t('travel.thermographs.file')"
+                        multiple
+                        :accept="allowedContentTypes"
+                        v-model="thermographForm.files"
+                    >
+                        <template #append>
+                            <QIcon
+                                name="vn:attach"
+                                class="cursor-pointer q-mr-sm"
+                                @click="inputFileRef.pickFiles()"
+                            >
+                                <QTooltip>{{ t('Select files') }}</QTooltip>
+                            </QIcon>
+                            <QIcon name="info" class="cursor-pointer">
+                                <QTooltip>{{
+                                    t('globals.allowedFilesText', {
+                                        allowedContentTypes: allowedContentTypes,
+                                    })
+                                }}</QTooltip>
+                            </QIcon>
+                        </template>
+                    </QFile>
                 </VnRow>
             </QCard>
         </QForm>
diff --git a/src/pages/Travel/TravelCreate.vue b/src/pages/Travel/TravelCreate.vue
index abee03562..82bf45250 100644
--- a/src/pages/Travel/TravelCreate.vue
+++ b/src/pages/Travel/TravelCreate.vue
@@ -68,52 +68,40 @@ const redirectToTravelBasicData = (_, { id }) => {
         >
             <template #form="{ data }">
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <div class="col">
-                        <VnInput v-model="data.ref" :label="t('globals.reference')" />
-                    </div>
-                    <div class="col">
-                        <VnSelectFilter
-                            :label="t('globals.agency')"
-                            v-model="data.agencyModeFk"
-                            :options="agenciesOptions"
-                            option-value="agencyFk"
-                            option-label="name"
-                            hide-selected
-                        />
-                    </div>
+                    <VnInput v-model="data.ref" :label="t('globals.reference')" />
+                    <VnSelectFilter
+                        :label="t('globals.agency')"
+                        v-model="data.agencyModeFk"
+                        :options="agenciesOptions"
+                        option-value="agencyFk"
+                        option-label="name"
+                        hide-selected
+                    />
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <div class="col">
-                        <VnInputDate
-                            v-model="data.shipped"
-                            :label="t('globals.shipped')"
-                        />
-                    </div>
-                    <div class="col">
-                        <VnInputDate :label="t('globals.landed')" v-model="data.landed" />
-                    </div>
+                    <VnInputDate
+                        v-model="data.shipped"
+                        :label="t('globals.shipped')"
+                    />
+                    <VnInputDate :label="t('globals.landed')" v-model="data.landed" />
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <div class="col">
-                        <VnSelectFilter
-                            :label="t('globals.wareHouseOut')"
-                            v-model="data.warehouseOutFk"
-                            :options="warehousesOptions"
-                            option-value="id"
-                            option-label="name"
-                            hide-selected
-                        />
-                    </div>
-                    <div class="col">
-                        <VnSelectFilter
-                            :label="t('globals.wareHouseIn')"
-                            v-model="data.warehouseInFk"
-                            :options="warehousesOptions"
-                            option-value="id"
-                            option-label="name"
-                            hide-selected
-                        />
-                    </div>
+                    <VnSelectFilter
+                        :label="t('globals.wareHouseOut')"
+                        v-model="data.warehouseOutFk"
+                        :options="warehousesOptions"
+                        option-value="id"
+                        option-label="name"
+                        hide-selected
+                    />
+                    <VnSelectFilter
+                        :label="t('globals.wareHouseIn')"
+                        v-model="data.warehouseInFk"
+                        :options="warehousesOptions"
+                        option-value="id"
+                        option-label="name"
+                        hide-selected
+                    />
                 </VnRow>
             </template>
         </FormModel>
diff --git a/src/pages/Wagon/WagonCreate.vue b/src/pages/Wagon/WagonCreate.vue
index cf6bc3ff2..411c36632 100644
--- a/src/pages/Wagon/WagonCreate.vue
+++ b/src/pages/Wagon/WagonCreate.vue
@@ -92,71 +92,63 @@ function filterType(val, update) {
         <QForm @submit="onSubmit()" @reset="onReset()" class="q-pa-sm">
             <QCard class="q-pa-md">
                 <div class="row q-col-gutter-md">
-                    <div class="col">
-                        <QInput
-                            filled
-                            v-model="wagon.label"
-                            :label="t('wagon.create.label')"
-                            type="number"
-                            min="0"
-                            :rules="[(val) => !!val || t('wagon.warnings.labelNotEmpty')]"
-                        />
-                    </div>
-                    <div class="col">
-                        <VnInput
-                            filled
-                            v-model="wagon.plate"
-                            :label="t('wagon.create.plate')"
-                            :rules="[(val) => !!val || t('wagon.warnings.plateNotEmpty')]"
-                        />
-                    </div>
+                    <QInput
+                        filled
+                        v-model="wagon.label"
+                        :label="t('wagon.create.label')"
+                        type="number"
+                        min="0"
+                        :rules="[(val) => !!val || t('wagon.warnings.labelNotEmpty')]"
+                    />
+                    <VnInput
+                        filled
+                        v-model="wagon.plate"
+                        :label="t('wagon.create.plate')"
+                        :rules="[(val) => !!val || t('wagon.warnings.plateNotEmpty')]"
+                    />
                 </div>
                 <div class="row q-col-gutter-md">
-                    <div class="col">
-                        <QInput
-                            filled
-                            v-model="wagon.volume"
-                            :label="t('wagon.create.volume')"
-                            type="number"
-                            min="0"
-                            :rules="[
-                                (val) => !!val || t('wagon.warnings.volumeNotEmpty'),
-                            ]"
-                        />
-                    </div>
-                    <div class="col">
-                        <QSelect
-                            filled
-                            v-model="wagon.typeFk"
-                            use-input
-                            fill-input
-                            hide-selected
-                            input-debounce="0"
-                            option-label="name"
-                            option-value="id"
-                            emit-value
-                            map-options
-                            :label="t('wagon.create.type')"
-                            :options="filteredWagonTypes"
-                            :rules="[(val) => !!val || t('wagon.warnings.typeNotEmpty')]"
-                            @filter="filterType"
-                        >
-                            <template v-if="wagon.typeFk" #append>
-                                <QIcon
-                                    name="cancel"
-                                    @click.stop.prevent="wagon.typeFk = null"
-                                    class="cursor-pointer"
-                                />
-                            </template>
-                            <template #no-option>
-                                <QItem>
-                                    <QItemSection class="text-grey">
-                                        {{ t('wagon.warnings.noData') }}
-                                    </QItemSection>
-                                </QItem>
-                            </template>
-                        </QSelect>
-                    </div>
+                    <QInput
+                        filled
+                        v-model="wagon.volume"
+                        :label="t('wagon.create.volume')"
+                        type="number"
+                        min="0"
+                        :rules="[
+                            (val) => !!val || t('wagon.warnings.volumeNotEmpty'),
+                        ]"
+                    />
+                    <QSelect
+                        filled
+                        v-model="wagon.typeFk"
+                        use-input
+                        fill-input
+                        hide-selected
+                        input-debounce="0"
+                        option-label="name"
+                        option-value="id"
+                        emit-value
+                        map-options
+                        :label="t('wagon.create.type')"
+                        :options="filteredWagonTypes"
+                        :rules="[(val) => !!val || t('wagon.warnings.typeNotEmpty')]"
+                        @filter="filterType"
+                    >
+                        <template v-if="wagon.typeFk" #append>
+                            <QIcon
+                                name="cancel"
+                                @click.stop.prevent="wagon.typeFk = null"
+                                class="cursor-pointer"
+                            />
+                        </template>
+                        <template #no-option>
+                            <QItem>
+                                <QItemSection class="text-grey">
+                                    {{ t('wagon.warnings.noData') }}
+                                </QItemSection>
+                            </QItem>
+                        </template>
+                    </QSelect>
                 </div>
             </QCard>
             <div class="q-mt-md">
diff --git a/src/pages/Worker/Card/WorkerPBX.vue b/src/pages/Worker/Card/WorkerPBX.vue
index 681194061..3bba5b33e 100644
--- a/src/pages/Worker/Card/WorkerPBX.vue
+++ b/src/pages/Worker/Card/WorkerPBX.vue
@@ -57,13 +57,11 @@ const updateModelValue = (data) => {
     >
         <template #form="{}">
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInput
-                        :label="t('worker.summary.sipExtension')"
-                        v-model="extension"
-                        @update:model-value="updateModelValue"
-                    />
-                </div>
+                <VnInput
+                    :label="t('worker.summary.sipExtension')"
+                    v-model="extension"
+                    @update:model-value="updateModelValue"
+                />
             </VnRow>
         </template>
     </FormModel>
diff --git a/src/pages/Worker/WorkerCreate.vue b/src/pages/Worker/WorkerCreate.vue
index eef29a8a4..1d988165a 100644
--- a/src/pages/Worker/WorkerCreate.vue
+++ b/src/pages/Worker/WorkerCreate.vue
@@ -108,92 +108,71 @@ onMounted(async () => {
         >
             <template #form="{ data, validate }">
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <div class="col">
-                        <VnInput
-                            v-model="data.firstName"
-                            :label="t('worker.create.name')"
-                            :rules="validate('Worker.firstName')"
-                        />
-                    </div>
-                    <div class="col">
-                        <VnInput
-                            v-model="data.lastNames"
-                            :label="t('worker.create.lastName')"
-                            :rules="validate('Worker.lastNames')"
-                        />
-                    </div>
-                    <div class="col">
-                        <VnInputDate
-                            v-model="data.birth"
-                            :label="t('worker.create.birth')"
-                            :rules="validate('Worker.birth')"
-                        />
-                    </div>
+                    <VnInput
+                        v-model="data.firstName"
+                        :label="t('worker.create.name')"
+                        :rules="validate('Worker.firstName')"
+                    />
+                    <VnInput
+                        v-model="data.lastNames"
+                        :label="t('worker.create.lastName')"
+                        :rules="validate('Worker.lastNames')"
+                    />
+                    <VnInputDate
+                        v-model="data.birth"
+                        :label="t('worker.create.birth')"
+                        :rules="validate('Worker.birth')"
+                    />
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <div class="col">
-                        <VnInput
-                            v-model="data.fi"
-                            :label="t('worker.create.fi')"
-                            :rules="validate('Worker.fi')"
-                        />
-                    </div>
-                    <div class="col">
-                        <VnInput
-                            v-model="data.code"
-                            :label="t('worker.create.code')"
-                            :rules="validate('Worker.code')"
-                        />
-                    </div>
-                    <div class="col">
-                        <VnInput
-                            v-model="data.phone"
-                            :label="t('worker.create.phone')"
-                            :rules="validate('Worker.phone')"
-                        />
-                    </div>
+                    <VnInput
+                        v-model="data.fi"
+                        :label="t('worker.create.fi')"
+                        :rules="validate('Worker.fi')"
+                    />
+                    <VnInput
+                        v-model="data.code"
+                        :label="t('worker.create.code')"
+                        :rules="validate('Worker.code')"
+                    />
+                    <VnInput
+                        v-model="data.phone"
+                        :label="t('worker.create.phone')"
+                        :rules="validate('Worker.phone')"
+                    />
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <div class="col">
-                        <VnLocation
-                            :rules="validate('Worker.postcode')"
-                            :roles-allowed-to-create="['deliveryAssistant']"
-                            :options="postcodesOptions"
-                            v-model="data.location"
-                            @update:model-value="
-                                (location) => handleLocation(data, location)
-                            "
-                        >
-                        </VnLocation>
-                    </div>
+                    <VnLocation
+                        :rules="validate('Worker.postcode')"
+                        :roles-allowed-to-create="['deliveryAssistant']"
+                        :options="postcodesOptions"
+                        v-model="data.location"
+                        @update:model-value="
+                            (location) => handleLocation(data, location)
+                        "
+                    >
+                    </VnLocation>
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <div class="col">
-                        <VnInput
-                            :label="t('worker.create.street')"
-                            v-model="data.street"
-                            :rules="validate('Worker.street')"
-                        />
-                    </div>
+                    <VnInput
+                        :label="t('worker.create.street')"
+                        v-model="data.street"
+                        :rules="validate('Worker.street')"
+                    />
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <div class="col">
-                        <VnInput
-                            v-model="data.name"
-                            :label="t('worker.create.webUser')"
-                            :rules="validate('Worker.name')"
-                        />
-                    </div>
-                    <div class="col">
-                        <VnInput
-                            v-model="data.email"
-                            :label="t('worker.create.personalEmail')"
-                            :rules="validate('Worker.email')"
-                        />
-                    </div>
+                    <VnInput
+                        v-model="data.name"
+                        :label="t('worker.create.webUser')"
+                        :rules="validate('Worker.name')"
+                    />
+                    <VnInput
+                        v-model="data.email"
+                        :label="t('worker.create.personalEmail')"
+                        :rules="validate('Worker.email')"
+                    />
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <div class="col">
                         <VnSelectFilter
                             :label="t('worker.create.company')"
                             v-model="data.companyFk"
@@ -203,8 +182,6 @@ onMounted(async () => {
                             hide-selected
                             :rules="validate('Worker.company')"
                         />
-                    </div>
-                    <div class="col">
                         <VnSelectFilter
                             :label="t('worker.create.boss')"
                             v-model="data.bossFk"
@@ -226,37 +203,31 @@ onMounted(async () => {
                                 </QItem>
                             </template>
                         </VnSelectFilter>
-                    </div>
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <div class="col">
-                        <VnSelectFilter
-                            :label="t('worker.create.payMethods')"
-                            v-model="data.payMethodFk"
-                            :options="payMethodsOptions"
-                            option-value="id"
-                            option-label="name"
-                            map-options
-                            hide-selected
-                            :rules="validate('Worker.payMethodFk')"
-                        />
-                    </div>
-
-                    <div class="col">
-                        <VnInput
-                            v-model="data.iban"
-                            :label="t('worker.create.iban')"
-                            :rules="validate('Worker.iban')"
-                        >
-                            <template #append>
-                                <QIcon name="info" class="cursor-info">
-                                    <QTooltip>{{
-                                        t('components.iban_tooltip')
-                                    }}</QTooltip>
-                                </QIcon>
-                            </template>
-                        </VnInput>
-                    </div>
+                    <VnSelectFilter
+                        :label="t('worker.create.payMethods')"
+                        v-model="data.payMethodFk"
+                        :options="payMethodsOptions"
+                        option-value="id"
+                        option-label="name"
+                        map-options
+                        hide-selected
+                        :rules="validate('Worker.payMethodFk')"
+                    />
+                    <VnInput
+                        v-model="data.iban"
+                        :label="t('worker.create.iban')"
+                        :rules="validate('Worker.iban')"
+                    >
+                        <template #append>
+                            <QIcon name="info" class="cursor-info">
+                                <QTooltip>{{
+                                    t('components.iban_tooltip')
+                                }}</QTooltip>
+                            </QIcon>
+                        </template>
+                    </VnInput>
                     <VnSelectDialog
                         :label="t('worker.create.bankEntity')"
                         v-model="data.bankEntityFk"

From 2903c6a2bf42489f307bc7373871a0c258bc7515 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Wed, 17 Apr 2024 14:55:17 -0300
Subject: [PATCH 030/305] table adjustments

---
 src/components/EditTableCellValueForm.vue |  49 ++++---
 src/pages/Item/ItemFixedPrice.vue         | 148 +++++++++++++++++++---
 2 files changed, 159 insertions(+), 38 deletions(-)

diff --git a/src/components/EditTableCellValueForm.vue b/src/components/EditTableCellValueForm.vue
index 9e48889a0..f79fda444 100644
--- a/src/components/EditTableCellValueForm.vue
+++ b/src/components/EditTableCellValueForm.vue
@@ -1,9 +1,12 @@
 <script setup>
-import { ref, reactive } from 'vue';
+import { ref, markRaw } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
 import VnInput from 'src/components/common/VnInput.vue';
+import VnInputDate from 'src/components/common/VnInputDate.vue';
+import VnRow from 'components/ui/VnRow.vue';
+import { QCheckbox } from 'quasar';
 
 import axios from 'axios';
 import useNotify from 'src/composables/useNotify.js';
@@ -28,11 +31,16 @@ const $props = defineProps({
 const { t } = useI18n();
 const { notify } = useNotify();
 
-const formData = reactive({
-    field: null,
-    newValue: null,
-});
+const inputs = {
+    input: markRaw(VnInput),
+    number: markRaw(VnInput),
+    date: markRaw(VnInputDate),
+    checkbox: markRaw(QCheckbox),
+    select: markRaw(VnSelectFilter),
+};
 
+const newValue = ref(null);
+const selectedField = ref(null);
 const closeButton = ref(null);
 const isLoading = ref(false);
 
@@ -47,8 +55,8 @@ const submitData = async () => {
         isLoading.value = true;
         const rowsToEdit = $props.rows.map((row) => ({ id: row.id, itemFk: row.itemFk }));
         const payload = {
-            field: formData.field,
-            newValue: formData.newValue,
+            field: selectedField.value.field,
+            newValue: newValue.value,
             lines: rowsToEdit,
         };
 
@@ -75,19 +83,20 @@ const closeForm = () => {
             <span class="countLines">{{ ` ${rows.length} ` }}</span>
             <span class="title">{{ t('buy(s)') }}</span>
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('Field to edit')"
-                        :options="fieldsOptions"
-                        hide-selected
-                        option-label="label"
-                        option-value="field"
-                        v-model="formData.field"
-                    />
-                </div>
-                <div class="col">
-                    <VnInput :label="t('Value')" v-model="formData.newValue" />
-                </div>
+                <VnSelectFilter
+                    :label="t('Field to edit')"
+                    :options="fieldsOptions"
+                    hide-selected
+                    option-label="label"
+                    v-model="selectedField"
+                />
+                <component
+                    :is="inputs[selectedField?.component || 'input']"
+                    v-bind="selectedField?.attrs || {}"
+                    v-model="newValue"
+                    :label="t('Value')"
+                    style="width: 200px"
+                />
             </VnRow>
             <div class="q-mt-lg row justify-end">
                 <QBtn
diff --git a/src/pages/Item/ItemFixedPrice.vue b/src/pages/Item/ItemFixedPrice.vue
index 1f943d2ad..01189db3d 100644
--- a/src/pages/Item/ItemFixedPrice.vue
+++ b/src/pages/Item/ItemFixedPrice.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { onMounted, ref, computed, reactive, onUnmounted } from 'vue';
+import { onMounted, ref, computed, onUnmounted } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 
@@ -220,16 +220,63 @@ const columns = computed(() => [
         //     },
         // },
     },
+    { name: 'deleteAction', align: 'center' },
 ]);
 
 const editTableFieldsOptions = [
-    { field: 'rate2', label: t('item.fixedPrice.groupingPrice') },
-    { field: 'rate3', label: t('item.fixedPrice.packingPrice') },
-    { field: 'hasMinPrice', label: t('item.fixedPrice.hasMinPrice') },
-    { field: 'minPrice', label: t('item.fixedPrice.minPrice') },
-    { field: 'started', label: t('item.fixedPrice.started') },
-    { field: 'ended', label: t('item.fixedPrice.ended') },
-    { field: 'warehouseFk', label: t('item.fixedPrice.warehouse') },
+    {
+        field: 'rate2',
+        label: t('item.fixedPrice.groupingPrice'),
+        component: 'input',
+        attrs: {
+            type: 'number',
+        },
+    },
+    {
+        field: 'rate3',
+        label: t('item.fixedPrice.packingPrice'),
+        component: 'input',
+        attrs: {
+            type: 'number',
+        },
+    },
+    {
+        field: 'minPrice',
+        label: t('item.fixedPrice.minPrice'),
+        component: 'input',
+        attrs: {
+            type: 'number',
+        },
+    },
+    {
+        field: 'hasMinPrice',
+        label: t('item.fixedPrice.hasMinPrice'),
+        component: 'checkbox',
+        attrs: {
+            'false-value': 0,
+            'true-value': 1,
+        },
+    },
+    {
+        field: 'started',
+        label: t('item.fixedPrice.started'),
+        component: 'date',
+    },
+    {
+        field: 'ended',
+        label: t('item.fixedPrice.ended'),
+        component: 'date',
+    },
+    {
+        field: 'warehouseFk',
+        label: t('item.fixedPrice.warehouse'),
+        component: 'select',
+        attrs: {
+            options: [],
+            'option-label': 'name',
+            'option-value': 'id',
+        },
+    },
 ];
 
 const onFixedPricesFetched = (data) => {
@@ -255,17 +302,25 @@ const getRowUpdateInputEvents = (props, resetMinPrice, inputType = 'text') => {
 //           };
 // };
 
-const upsertPrice = async ({ row, col, rowIndex }, resetMinPrice) => {
-    // Si la row no tiene id significa que fue agregada con addRow y no se ha guardado en la base de datos
+const validations = (row, rowIndex, col) => {
     const isNew = !row.id;
+    // Si la row no tiene id significa que fue agregada con addRow y no se ha guardado en la base de datos
     // Si isNew es falso no se checkea si el valor es igual a la original
     if (!isNew)
-        if (fixedPricesOriginalData.value[rowIndex][col.field] == row[col.field]) return;
+        if (fixedPricesOriginalData.value[rowIndex][col.field] == row[col.field])
+            return false;
+
+    const requiredFields = ['itemFk', 'started', 'ended', 'rate2', 'rate3'];
+    return requiredFields.every(
+        (field) => row[field] !== null && row[field] !== undefined
+    );
+};
+
+const upsertPrice = async ({ row, col, rowIndex }, resetMinPrice = false) => {
+    if (!validations(row, rowIndex, col)) return;
 
     try {
         if (resetMinPrice) row.hasMinPrice = 0;
-        const requiredFields = ['itemFk', 'started', 'ended', 'rate2', 'rate3'];
-        for (const field of requiredFields) if (!row[field]) return;
 
         const { data } = await axios.patch('FixedPrices/upsertFixedPrice', row);
         row = data;
@@ -296,8 +351,9 @@ const addRow = () => {
         return;
     }
 
-    const lastIndex = fixedPrices.value.length - 1;
-    const lastItemCopy = JSON.parse(JSON.stringify(fixedPrices.value[lastIndex]));
+    const lastItemCopy = JSON.parse(
+        JSON.stringify(fixedPrices.value[fixedPrices.value.length - 1])
+    );
     const { id, ...restOfData } = lastItemCopy;
     fixedPricesOriginalData.value.push(restOfData);
     fixedPrices.value.push(restOfData);
@@ -312,6 +368,37 @@ const onEditCellDataSaved = async () => {
     await fixedPricesFetchRef.value.fetch();
 };
 
+const onWarehousesFetched = (data) => {
+    warehousesOptions.value = data;
+    // Actualiza las 'options' del elemento con field 'warehouseFk' en 'editTableFieldsOptions'.
+    const warehouseField = editTableFieldsOptions.find(
+        (field) => field.field === 'warehouseFk'
+    );
+    warehouseField.attrs.options = data;
+};
+
+const removePrice = async (id, rowIndex) => {
+    try {
+        await axios.delete(`FixedPrices/${id}`);
+        fixedPrices.value.splice(rowIndex, 1);
+        fixedPricesOriginalData.value.splice(rowIndex, 1);
+        notify(t('globals.dataSaved'), 'positive');
+    } catch (err) {
+        console.error('Error removing price', err);
+    }
+};
+
+const updateMinPrice = async (value, props) => {
+    // El checkbox hasMinPrice se encuentra en la misma columna que el input hasMinPrice
+    // Por lo tanto le mandamos otro objeto con las mismas propiedades pero con el campo 'field' cambiado
+    props.row.hasMinPrice = value;
+    await upsertPrice({
+        row: props.row,
+        col: { field: 'hasMinPrice' },
+        rowIndex: props.rowIndex,
+    });
+};
+
 onMounted(async () => {
     stateStore.rightDrawer = true;
 });
@@ -332,7 +419,7 @@ onUnmounted(() => (stateStore.rightDrawer = false));
         url="Warehouses"
         :filter="{ order: ['name'] }"
         auto-load
-        @on-fetch="(data) => (warehousesOptions = data)"
+        @on-fetch="(data) => onWarehousesFetched(data)"
     />
     <FetchData
         url="Items/withName"
@@ -422,10 +509,11 @@ onUnmounted(() => (stateStore.rightDrawer = false));
                     <div class="row">
                         <QCheckbox
                             class="col"
-                            v-model="props.row.hasMinPrice"
+                            :model-value="props.row.hasMinPrice"
+                            @update:model-value="updateMinPrice($event, props)"
                             :false-value="0"
                             :true-value="1"
-                            v-on="getRowUpdateInputEvents(props)"
+                            :toggle-indeterminate="false"
                         />
                         <VnInput
                             class="col"
@@ -465,6 +553,27 @@ onUnmounted(() => (stateStore.rightDrawer = false));
                     />
                 </QTd>
             </template>
+            <template #body-cell-deleteAction="{ row, rowIndex }">
+                <QTd class="col">
+                    <QIcon
+                        name="delete"
+                        size="sm"
+                        class="cursor-pointer fill-icon-on-hover"
+                        color="primary"
+                        @click.stop="
+                            openConfirmationModal(
+                                t('This row will be removed'),
+                                t('Do you want to clone this item?'),
+                                () => removePrice(row.id, rowIndex)
+                            )
+                        "
+                    >
+                        <QTooltip class="text-no-wrap">
+                            {{ t('Delete') }}
+                        </QTooltip>
+                    </QIcon>
+                </QTd>
+            </template>
             <template #bottom-row>
                 <QTd align="center">
                     <QIcon
@@ -502,4 +611,7 @@ onUnmounted(() => (stateStore.rightDrawer = false));
 es:
     Add fixed price: Añadir precio fijado
     Edit fixed price(s): Editar precio(s) fijado(s)
+    This row will be removed: Esta linea se eliminará
+    Are you sure you want to continue?: ¿Seguro que quieres continuar?
+    Delete: Eliminar
 </i18n>

From 5addd0056d05b45f4cfc5939c52bec97b8906f58 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Wed, 17 Apr 2024 17:18:38 -0300
Subject: [PATCH 031/305] Add filter panel

---
 src/components/ItemsFilterPanel.vue     | 357 ++++++++++++++++++++++++
 src/i18n/locale/en.yml                  |  11 +
 src/i18n/locale/es.yml                  |  11 +
 src/pages/Item/ItemFixedPrice.vue       |  96 ++++---
 src/pages/Item/ItemFixedPriceFilter.vue | 108 +++++++
 5 files changed, 548 insertions(+), 35 deletions(-)
 create mode 100644 src/components/ItemsFilterPanel.vue
 create mode 100644 src/pages/Item/ItemFixedPriceFilter.vue

diff --git a/src/components/ItemsFilterPanel.vue b/src/components/ItemsFilterPanel.vue
new file mode 100644
index 000000000..c6df0c1e0
--- /dev/null
+++ b/src/components/ItemsFilterPanel.vue
@@ -0,0 +1,357 @@
+<script setup>
+import { computed, ref } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+import VnInput from 'components/common/VnInput.vue';
+import FetchData from 'components/FetchData.vue';
+import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
+import VnSelectFilter from 'components/common/VnSelectFilter.vue';
+import VnFilterPanelChip from 'components/ui/VnFilterPanelChip.vue';
+
+import axios from 'axios';
+
+const { t } = useI18n();
+const props = defineProps({
+    dataKey: {
+        type: String,
+        required: true,
+    },
+    customTags: {
+        type: Array,
+        default: () => [],
+    },
+});
+
+const itemCategories = ref([]);
+const selectedCategoryFk = ref(null);
+const selectedTypeFk = ref(null);
+const itemTypesOptions = ref([]);
+const suppliersOptions = ref([]);
+const tagOptions = ref([]);
+const tagValues = ref([]);
+
+const categoryList = computed(() => {
+    return (itemCategories.value || [])
+        .filter((category) => category.display)
+        .map((category) => ({
+            ...category,
+            icon: `vn:${(category.icon || '').split('-')[1]}`,
+        }));
+});
+
+const selectedCategory = computed(() =>
+    (itemCategories.value || []).find(
+        (category) => category?.id === selectedCategoryFk.value
+    )
+);
+
+const selectedType = computed(() => {
+    return (itemTypesOptions.value || []).find(
+        (type) => type?.id === selectedTypeFk.value
+    );
+});
+
+const selectCategory = async (params, categoryId, search) => {
+    if (params.categoryFk === categoryId) {
+        resetCategory(params);
+        search();
+        return;
+    }
+    selectedCategoryFk.value = categoryId;
+    params.categoryFk = categoryId;
+    await fetchItemTypes(categoryId);
+    search();
+};
+
+const resetCategory = (params) => {
+    selectedCategoryFk.value = null;
+    itemTypesOptions.value = null;
+    if (params) {
+        params.categoryFk = null;
+        params.typeFk = null;
+    }
+};
+
+const applyTags = (params, search) => {
+    params.tags = tagValues.value
+        .filter((tag) => tag.selectedTag && tag.value)
+        .map((tag) => ({
+            tagFk: tag.selectedTag.id,
+            tagName: tag.selectedTag.name,
+            value: tag.value,
+        }));
+    search();
+};
+
+const fetchItemTypes = async (id) => {
+    try {
+        const filter = {
+            fields: ['id', 'name', 'categoryFk'],
+            where: { categoryFk: id },
+            include: 'category',
+            order: 'name ASC',
+        };
+        const { data } = await axios.get('ItemTypes', {
+            params: { filter: JSON.stringify(filter) },
+        });
+        itemTypesOptions.value = data;
+    } catch (err) {
+        console.error('Error fetching item types', err);
+    }
+};
+
+const getCategoryClass = (category, params) => {
+    if (category.id === params?.categoryFk) {
+        return 'active';
+    }
+};
+
+const getSelectedTagValues = async (tag) => {
+    try {
+        tag.value = null;
+        const filter = {
+            fields: ['value'],
+            order: 'value ASC',
+            limit: 30,
+        };
+
+        const params = { filter: JSON.stringify(filter) };
+        const { data } = await axios.get(`Tags/${tag.selectedTag.id}/filterValue`, {
+            params,
+        });
+        tag.valueOptions = data;
+    } catch (err) {
+        console.error('Error getting selected tag values');
+    }
+};
+
+const removeTag = (index, params, search) => {
+    (tagValues.value || []).splice(index, 1);
+    applyTags(params, search);
+};
+</script>
+
+<template>
+    <FetchData
+        url="ItemCategories"
+        limit="30"
+        auto-load
+        @on-fetch="(data) => (itemCategories = data)"
+    />
+    <FetchData
+        url="Suppliers"
+        limit="30"
+        auto-load
+        :filter="{ fields: ['id', 'name', 'nickname'], order: 'name ASC', limit: 30 }"
+        @on-fetch="(data) => (suppliersOptions = data)"
+    />
+    <FetchData
+        url="Tags"
+        :filter="{ fields: ['id', 'name', 'isFree'] }"
+        auto-load
+        limit="30"
+        @on-fetch="(data) => (tagOptions = data)"
+    />
+    <VnFilterPanel
+        :data-key="props.dataKey"
+        :expr-builder="exprBuilder"
+        :custom-tags="customTags"
+        @init="onFilterInit"
+        @remove="clearFilter"
+    >
+        <template #tags="{ tag, formatFn }">
+            <strong v-if="tag.label === 'categoryFk'">
+                {{ t(selectedCategory?.name || '') }}
+            </strong>
+            <strong v-else-if="tag.label === 'typeFk'">
+                {{ t(selectedType?.name || '') }}
+            </strong>
+            <div v-else class="q-gutter-x-xs">
+                <strong>{{ t(`components.itemsFilterPanel.${tag.label}`) }}: </strong>
+                <span>{{ formatFn(tag.value) }}</span>
+            </div>
+        </template>
+        <template #customTags="{ tags, params }">
+            <template v-for="tag in tags" :key="tag.label">
+                <VnFilterPanelChip
+                    v-for="chip in tag.value"
+                    :key="chip"
+                    removable
+                    @remove="removeTagChip(chip, params, searchFn)"
+                >
+                    <div class="q-gutter-x-xs">
+                        <strong>{{ chip.tagName }}: </strong>
+                        <span>"{{ chip.value }}"</span>
+                    </div>
+                </VnFilterPanelChip>
+            </template>
+        </template>
+        <template #body="{ params, searchFn }">
+            <QItem class="category-filter q-mt-md">
+                <QBtn
+                    dense
+                    flat
+                    round
+                    v-for="category in categoryList"
+                    :key="category.name"
+                    :class="['category', getCategoryClass(category, params)]"
+                    :icon="category.icon"
+                    @click="selectCategory(params, category.id, searchFn)"
+                >
+                    <QTooltip>
+                        {{ t(category.name) }}
+                    </QTooltip>
+                </QBtn>
+            </QItem>
+            <QItem class="q-my-md">
+                <QItemSection>
+                    <VnSelectFilter
+                        :label="t('components.itemsFilterPanel.typeFk')"
+                        v-model="params.typeFk"
+                        :options="itemTypesOptions"
+                        option-value="id"
+                        option-label="name"
+                        dense
+                        outlined
+                        rounded
+                        use-input
+                        :disable="!selectedCategoryFk"
+                        @update:model-value="
+                            (value) => {
+                                selectedTypeFk = value;
+                                searchFn();
+                            }
+                        "
+                    >
+                        <template #option="{ itemProps, opt }">
+                            <QItem v-bind="itemProps">
+                                <QItemSection>
+                                    <QItemLabel>{{ opt.name }}</QItemLabel>
+                                    <QItemLabel caption>
+                                        {{ opt.categoryName }}
+                                    </QItemLabel>
+                                </QItemSection>
+                            </QItem>
+                        </template>
+                    </VnSelectFilter>
+                </QItemSection>
+            </QItem>
+            <QSeparator />
+            <slot name="body" :params="params" :search-fn="searchFn" />
+            <QItem
+                v-for="(value, index) in tagValues"
+                :key="value"
+                class="q-mt-md filter-value"
+            >
+                <QItemSection class="col">
+                    <VnSelectFilter
+                        :label="t('components.itemsFilterPanel.tag')"
+                        v-model="value.selectedTag"
+                        :options="tagOptions"
+                        option-label="name"
+                        dense
+                        outlined
+                        rounded
+                        :emit-value="false"
+                        use-input
+                        :is-clearable="false"
+                        @update:model-value="getSelectedTagValues(value)"
+                    />
+                </QItemSection>
+                <QItemSection class="col">
+                    <VnSelectFilter
+                        v-if="!value?.selectedTag?.isFree && value.valueOptions"
+                        :label="t('components.itemsFilterPanel.value')"
+                        v-model="value.value"
+                        :options="value.valueOptions || []"
+                        option-value="value"
+                        option-label="value"
+                        dense
+                        outlined
+                        rounded
+                        emit-value
+                        use-input
+                        :disable="!value"
+                        :is-clearable="false"
+                        @update:model-value="applyTags(params, searchFn)"
+                    />
+                    <VnInput
+                        v-else
+                        v-model="value.value"
+                        :label="t('components.itemsFilterPanel.value')"
+                        :disable="!value"
+                        is-outlined
+                        :is-clearable="false"
+                        @keyup.enter="applyTags(params, searchFn)"
+                    />
+                </QItemSection>
+                <QIcon
+                    name="delete"
+                    class="fill-icon-on-hover q-px-xs"
+                    color="primary"
+                    size="sm"
+                    @click="removeTag(index, params, searchFn)"
+                />
+            </QItem>
+            <QItem class="q-mt-lg">
+                <QIcon
+                    name="add_circle"
+                    class="fill-icon-on-hover q-px-xs"
+                    color="primary"
+                    size="sm"
+                    @click="tagValues.push({})"
+                />
+            </QItem>
+        </template>
+    </VnFilterPanel>
+</template>
+
+<style lang="scss" scoped>
+.category-filter {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    gap: 12px;
+
+    .category {
+        padding: 8px;
+        width: 60px;
+        height: 60px;
+        font-size: 1.4rem;
+        background-color: var(--vn-accent-color);
+
+        &.active {
+            background-color: $primary;
+        }
+    }
+}
+
+.filter-value {
+    display: flex;
+    align-items: center;
+}
+</style>
+
+<i18n>
+en:
+    params:
+        supplier: Supplier
+        from: From
+        to: To
+        active: Is active
+        visible: Is visible
+        floramondo: Is floramondo
+        salesPersonFk: Buyer
+        categoryFk: Category
+
+es:
+    params:
+        supplier: Proveedor
+        from: Desde
+        to: Hasta
+        active: Activo
+        visible: Visible
+        floramondo: Floramondo
+        salesPersonFk: Comprador
+        categoryFk: Categoría
+</i18n>
diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index cb56c82bb..837602b4b 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -1136,6 +1136,17 @@ item:
         warehouse: Warehouse
 components:
     topbar: {}
+    itemsFilterPanel:
+        typeFk: Type
+        tag: Tag
+        value: Value
+
+        buyerFk: Buyer
+        warehouseFk: Almacén
+        started: Desde
+        ended: Hasta
+        mine: Para mi
+        hasMinPrice: Precio mínimo
     userPanel:
         copyToken: Token copied to clipboard
         settings: Settings
diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index dc132a0af..85925b22f 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -1133,6 +1133,17 @@ item:
         warehouse: Almacén
 components:
     topbar: {}
+    itemsFilterPanel:
+        typeFk: Tipo
+        tag: Etiqueta
+        value: Valor
+
+        buyerFk: Comprador
+        warehouseFk: Warehouse
+        started: From
+        ended: To
+        mine: For me
+        hasMinPrice: Minimum price
     userPanel:
         copyToken: Token copiado al portapapeles
         settings: Configuración
diff --git a/src/pages/Item/ItemFixedPrice.vue b/src/pages/Item/ItemFixedPrice.vue
index 01189db3d..c9811fcd5 100644
--- a/src/pages/Item/ItemFixedPrice.vue
+++ b/src/pages/Item/ItemFixedPrice.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { onMounted, ref, computed, onUnmounted } from 'vue';
+import { onMounted, ref, computed, onUnmounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 
@@ -7,10 +7,9 @@ import FetchData from 'components/FetchData.vue';
 import FetchedTags from 'components/ui/FetchedTags.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
-import ItemDescriptorProxy from '../Item/Card/ItemDescriptorProxy.vue';
-import WorkerDescriptorProxy from 'src/pages/Worker/Card/WorkerDescriptorProxy.vue';
 import VnInputDate from 'src/components/common/VnInputDate.vue';
 import EditTableCellValueForm from 'src/components/EditTableCellValueForm.vue';
+import ItemFixedPriceFilter from './ItemFixedPriceFilter.vue';
 
 import { useStateStore } from 'stores/useStateStore';
 import { dashIfEmpty } from 'src/filters';
@@ -19,8 +18,8 @@ import { useState } from 'src/composables/useState';
 import { toCurrency } from 'filters/index';
 import useNotify from 'src/composables/useNotify.js';
 import axios from 'axios';
+import { useArrayData } from 'composables/useArrayData';
 
-const router = useRouter();
 const stateStore = useStateStore();
 const { t } = useI18n();
 const { openConfirmationModal } = useVnConfirm();
@@ -28,7 +27,6 @@ const state = useState();
 const { notify } = useNotify();
 
 const fixedPricesFetchRef = ref(null);
-// const paginateRef = ref(null);
 const editTableCellDialogRef = ref(null);
 const user = state.getUser();
 const fixedPrices = ref([]);
@@ -37,36 +35,36 @@ const warehousesOptions = ref([]);
 const itemsWithNameOptions = ref([]);
 const rowsSelected = ref([]);
 
-// const exprBuilder = (param, value) => {
-//     switch (param) {
-//         case 'category':
-//             return { 'ic.name': value };
-//         case 'buyerFk':
-//             return { 'it.workerFk': value };
-//         case 'grouping':
-//             return { 'b.grouping': value };
-//         case 'packing':
-//             return { 'b.packing': value };
-//         case 'origin':
-//             return { 'ori.code': value };
-//         case 'typeFk':
-//             return { 'i.typeFk': value };
-//         case 'intrastat':
-//             return { 'intr.description': value };
-//         case 'name':
-//             return { 'i.name': { like: `%${value}%` } };
-//         case 'producer':
-//             return { 'pr.name': { like: `%${value}%` } };
-//         case 'id':
-//         case 'size':
-//         case 'subname':
-//         case 'isActive':
-//         case 'weightByPiece':
-//         case 'stemMultiplier':
-//         case 'stems':
-//             return { [`i.${param}`]: value };
-//     }
-// };
+const exprBuilder = (param, value) => {
+    switch (param) {
+        case 'name':
+            return { 'i.name': { like: `%${value}%` } };
+        case 'itemFk':
+        case 'warehouseFk':
+        case 'rate2':
+        case 'rate3':
+            param = `fp.${param}`;
+            return { [param]: value };
+        case 'minPrice':
+            param = `i.${param}`;
+            return { [param]: value };
+    }
+};
+
+const filterParams = ref({});
+
+const arrayData = useArrayData('ItemFixedPrices', {
+    url: 'FixedPrices/filter',
+    userParams: filterParams,
+    order: ['itemFk'],
+    exprBuilder: exprBuilder,
+});
+const store = arrayData.store;
+
+watch(
+    () => store.data,
+    (value) => (fixedPrices.value = value)
+);
 
 // const params = reactive({});
 
@@ -401,6 +399,9 @@ const updateMinPrice = async (value, props) => {
 
 onMounted(async () => {
     stateStore.rightDrawer = true;
+    filterParams.value = { warehouseFk: user.value.warehouseFk };
+    const { data } = await arrayData.fetch({ append: false });
+    onFixedPricesFetched(data);
 });
 
 onUnmounted(() => (stateStore.rightDrawer = false));
@@ -427,6 +428,31 @@ onUnmounted(() => (stateStore.rightDrawer = false));
         auto-load
         @on-fetch="(data) => (itemsWithNameOptions = data)"
     />
+    <template v-if="stateStore.isHeaderMounted()">
+        <Teleport to="#actions-append">
+            <div class="row q-gutter-x-sm">
+                <QBtn
+                    flat
+                    @click="stateStore.toggleRightDrawer()"
+                    round
+                    dense
+                    icon="menu"
+                >
+                    <QTooltip bottom anchor="bottom right">
+                        {{ t('globals.collapseMenu') }}
+                    </QTooltip>
+                </QBtn>
+            </div>
+        </Teleport>
+    </template>
+    <QDrawer v-model="stateStore.rightDrawer" side="right" :width="256" show-if-above>
+        <QScrollArea class="fit text-grey-8">
+            <ItemFixedPriceFilter
+                data-key="ItemFixedPrices"
+                :warehouses-options="warehousesOptions"
+            />
+        </QScrollArea>
+    </QDrawer>
     <QPage class="column items-center q-pa-md">
         <QTable
             :rows="fixedPrices"
diff --git a/src/pages/Item/ItemFixedPriceFilter.vue b/src/pages/Item/ItemFixedPriceFilter.vue
new file mode 100644
index 000000000..cd86b5f71
--- /dev/null
+++ b/src/pages/Item/ItemFixedPriceFilter.vue
@@ -0,0 +1,108 @@
+<script setup>
+import { ref } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+import FetchData from 'components/FetchData.vue';
+import VnInputDate from 'src/components/common/VnInputDate.vue';
+import VnSelectFilter from 'components/common/VnSelectFilter.vue';
+import ItemsFilterPanel from 'src/components/ItemsFilterPanel.vue';
+
+const { t } = useI18n();
+
+defineProps({
+    dataKey: {
+        type: String,
+        required: true,
+    },
+    warehousesOptions: {
+        type: Array,
+        default: () => [],
+    },
+});
+
+const itemTypeWorkersOptions = ref([]);
+</script>
+
+<template>
+    <FetchData
+        url="TicketRequests/getItemTypeWorker"
+        limit="30"
+        auto-load
+        :filter="{ fields: ['id', 'nickname'], order: 'nickname ASC', limit: 30 }"
+        @on-fetch="(data) => (itemTypeWorkersOptions = data)"
+    />
+    <ItemsFilterPanel :data-key="dataKey" :custom-tags="['tags']">
+        <template #body="{ params, searchFn }">
+            <QItem class="q-my-md">
+                <QItemSection>
+                    <VnSelectFilter
+                        :label="t('components.itemsFilterPanel.buyerFk')"
+                        v-model="params.buyerFk"
+                        :options="itemTypeWorkersOptions"
+                        option-value="id"
+                        option-label="nickname"
+                        dense
+                        outlined
+                        rounded
+                        use-input
+                        @update:model-value="searchFn()"
+                    />
+                </QItemSection>
+            </QItem>
+            <QItem class="q-my-md">
+                <QItemSection>
+                    <VnSelectFilter
+                        :label="t('components.itemsFilterPanel.warehouseFk')"
+                        v-model="params.warehouseFk"
+                        :options="warehousesOptions"
+                        option-label="name"
+                        option-value="id"
+                        dense
+                        outlined
+                        rounded
+                        use-input
+                        @update:model-value="searchFn()"
+                    />
+                </QItemSection>
+            </QItem>
+            <QItem class="q-my-md">
+                <QItemSection>
+                    <VnInputDate
+                        :label="t('components.itemsFilterPanel.started')"
+                        v-model="params.started"
+                        is-outlined
+                        @update:model-value="searchFn()"
+                    />
+                </QItemSection>
+            </QItem>
+            <QItem class="q-my-md">
+                <QItemSection>
+                    <VnInputDate
+                        :label="t('components.itemsFilterPanel.ended')"
+                        v-model="params.ended"
+                        is-outlined
+                        @update:model-value="searchFn()"
+                    />
+                </QItemSection>
+            </QItem>
+            <QItem>
+                <QItemSection>
+                    <QCheckbox
+                        :label="t('components.itemsFilterPanel.mine')"
+                        v-model="params.mine"
+                        toggle-indeterminate
+                        @update:model-value="searchFn()"
+                    />
+                </QItemSection>
+                <QItemSection>
+                    <QCheckbox
+                        :label="t('components.itemsFilterPanel.hasMinPrice')"
+                        v-model="params.hasMinPrice"
+                        toggle-indeterminate
+                        @update:model-value="searchFn()"
+                    />
+                </QItemSection>
+            </QItem>
+        </template>
+    </ItemsFilterPanel>
+</template>

From ace55c554f5ba51bfc269df81985a4171315f0f7 Mon Sep 17 00:00:00 2001
From: Jon <jon@verdnatura.es>
Date: Thu, 18 Apr 2024 08:03:57 +0200
Subject: [PATCH 032/305] refactor: refs #6899 corrected Lilium styles and
 functionalities

---
 src/css/app.scss                              |  9 +++++++++
 .../InvoiceOut/Card/InvoiceOutSummary.vue     | 20 +++++++++++++++++--
 .../InvoiceOut/InvoiceOutNegativeBases.vue    |  5 ++++-
 3 files changed, 31 insertions(+), 3 deletions(-)

diff --git a/src/css/app.scss b/src/css/app.scss
index b36036df4..aaa071cde 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -127,6 +127,15 @@ select:-webkit-autofill {
     background-color: var(--vn-section-color);
 }
 
+.q-checkbox {
+    & .q-checkbox__label {
+        color: var(--vn-text-color);
+    }
+    & .q-checkbox__inner {
+        color: var(--vn-label-color);
+    }
+}
+
 .q-chip,
 .q-notification__message,
 .q-notification__icon {
diff --git a/src/pages/InvoiceOut/Card/InvoiceOutSummary.vue b/src/pages/InvoiceOut/Card/InvoiceOutSummary.vue
index a6a28bdde..688bbf2aa 100644
--- a/src/pages/InvoiceOut/Card/InvoiceOutSummary.vue
+++ b/src/pages/InvoiceOut/Card/InvoiceOutSummary.vue
@@ -138,7 +138,7 @@ const ticketsColumns = ref([
                 <VnTitle :text="t('invoiceOut.summary.taxBreakdown')" />
                 <QTable :columns="taxColumns" :rows="invoiceOut.taxesBreakdown" flat>
                     <template #header="props">
-                        <QTr :props="props">
+                        <QTr class="tr-header" :props="props">
                             <QTh v-for="col in props.cols" :key="col.name" :props="props">
                                 {{ t(col.label) }}
                             </QTh>
@@ -149,6 +149,13 @@ const ticketsColumns = ref([
             <QCard class="vn-three">
                 <VnTitle :text="t('invoiceOut.summary.tickets')" />
                 <QTable v-if="tickets" :columns="ticketsColumns" :rows="tickets" flat>
+                    <template #header="props">
+                        <QTr :props="props">
+                            <QTh class="tr-header" v-for="col in props.cols" :key="col.name" :props="props">
+                                {{ t(col.label) }}
+                            </QTh>
+                        </QTr>
+                    </template>
                     <template #body-cell-item="{ value }">
                         <QTd>
                             <QBtn flat color="primary">
@@ -159,7 +166,7 @@ const ticketsColumns = ref([
                     </template>
                     <template #body-cell-quantity="{ value, row }">
                         <QTd>
-                            <QBtn flat color="primary" dense>
+                            <QBtn class="no-uppercase" flat color="primary" dense>
                                 {{ value }}
                                 <CustomerDescriptorProxy :id="row.id" />
                             </QBtn>
@@ -170,3 +177,12 @@ const ticketsColumns = ref([
         </template>
     </CardSummary>
 </template>
+
+<style lang="scss" scoped>
+.tr-header{
+    color: #a8a8a8;
+}
+.no-uppercase{
+    text-transform: none;
+}
+</style>
\ No newline at end of file
diff --git a/src/pages/InvoiceOut/InvoiceOutNegativeBases.vue b/src/pages/InvoiceOut/InvoiceOutNegativeBases.vue
index fb434124c..e0b17a4b3 100644
--- a/src/pages/InvoiceOut/InvoiceOutNegativeBases.vue
+++ b/src/pages/InvoiceOut/InvoiceOutNegativeBases.vue
@@ -183,7 +183,7 @@ const downloadCSV = async () => {
             </template>
             <template #body-cell-comercial="{ row }">
                 <QTd>
-                    <QBtn flat dense color="blue">{{ row.comercialName }}</QBtn>
+                    <QBtn class="no-uppercase" flat dense color="blue">{{ row.comercialName }}</QBtn>
                     <WorkerDescriptorProxy :id="row.comercialId" />
                 </QTd>
             </template>
@@ -211,6 +211,9 @@ const downloadCSV = async () => {
     border-radius: 4px;
     padding: 6px;
 }
+.no-uppercase{
+    text-transform: none;
+}
 </style>
 
 <i18n>

From 90ed6ad09a20edf8016b29133b0b850a2f906b47 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Thu, 18 Apr 2024 10:49:17 +0200
Subject: [PATCH 033/305] fix: refs #6480 drop secondary acroos

---
 src/components/ui/VnSearchbar.vue | 7 -------
 1 file changed, 7 deletions(-)

diff --git a/src/components/ui/VnSearchbar.vue b/src/components/ui/VnSearchbar.vue
index ddf520d0f..fc8475ace 100644
--- a/src/components/ui/VnSearchbar.vue
+++ b/src/components/ui/VnSearchbar.vue
@@ -131,13 +131,6 @@ async function search() {
                 />
             </template>
             <template #append>
-                <QIcon
-                    v-if="searchText !== ''"
-                    name="close"
-                    @click="searchText = ''"
-                    class="cursor-pointer"
-                />
-
                 <QIcon
                     v-if="props.info && $q.screen.gt.xs"
                     name="info"

From 75975b631e6644ef3d6580024f451df6b973e13a Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Thu, 18 Apr 2024 11:32:03 +0200
Subject: [PATCH 034/305] feat: refs #6480 include SearchBar into VnCard

---
 src/components/common/VnCard.vue             | 14 ++++++-
 src/pages/InvoiceOut/Card/InvoiceOutCard.vue | 39 ++++----------------
 2 files changed, 21 insertions(+), 32 deletions(-)

diff --git a/src/components/common/VnCard.vue b/src/components/common/VnCard.vue
index 38daadede..a8c2d563f 100644
--- a/src/components/common/VnCard.vue
+++ b/src/components/common/VnCard.vue
@@ -1,16 +1,28 @@
 <script setup>
+import { useI18n } from 'vue-i18n';
+import { useStateStore } from 'stores/useStateStore';
 import useCardSize from 'src/composables/useCardSize';
 import VnSubToolbar from '../ui/VnSubToolbar.vue';
 import LeftMenu from 'components/LeftMenu.vue';
-import { useStateStore } from 'stores/useStateStore';
+import VnSearchbar from 'components/ui/VnSearchbar.vue';
 
 defineProps({
     descriptor: { type: Object, required: true },
+    searchbarProps: { type: Object, required: true },
 });
 
+const { t } = useI18n();
 const stateStore = useStateStore();
 </script>
 <template>
+    <Teleport to="#searchbar" v-if="stateStore.isHeaderMounted()">
+        <VnSearchbar
+            :data-key="searchbarProps.dataKey"
+            :url="searchbarProps.url"
+            :label="t(searchbarProps.label)"
+            :info="t(searchbarProps.info)"
+        />
+    </Teleport>
     <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
         <QScrollArea class="fit">
             <component :is="descriptor" />
diff --git a/src/pages/InvoiceOut/Card/InvoiceOutCard.vue b/src/pages/InvoiceOut/Card/InvoiceOutCard.vue
index 6844df2dd..9214b1b04 100644
--- a/src/pages/InvoiceOut/Card/InvoiceOutCard.vue
+++ b/src/pages/InvoiceOut/Card/InvoiceOutCard.vue
@@ -1,39 +1,16 @@
 <script setup>
-import { useI18n } from 'vue-i18n';
-import { useStateStore } from 'stores/useStateStore';
 import InvoiceOutDescriptor from './InvoiceOutDescriptor.vue';
-import LeftMenu from 'components/LeftMenu.vue';
-import VnSearchbar from 'components/ui/VnSearchbar.vue';
-import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
-import useCardSize from 'src/composables/useCardSize';
+import VnCard from 'components/common/VnCard.vue';
 
-const stateStore = useStateStore();
-const { t } = useI18n();
+const searchbar = {
+    dataKey: 'InvoiceOutList',
+    url: 'InvoiceOuts/filter',
+    label: 'Search invoice',
+    info: 'You can search by invoice reference',
+};
 </script>
 <template>
-    <Teleport to="#searchbar" v-if="stateStore.isHeaderMounted()">
-        <VnSearchbar
-            data-key="InvoiceOutList"
-            url="InvoiceOuts/filter"
-            :label="t('Search invoice')"
-            :info="t('You can search by invoice reference')"
-        />
-    </Teleport>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit">
-            <InvoiceOutDescriptor />
-            <QSeparator />
-            <LeftMenu source="card" />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <QPage>
-            <VnSubToolbar />
-            <div :class="useCardSize()">
-                <RouterView></RouterView>
-            </div>
-        </QPage>
-    </QPageContainer>
+    <VnCard :descriptor="InvoiceOutDescriptor" :searchbar-props="searchbar" />
 </template>
 
 <i18n>

From 3f8cafd2015dd4fa10ad709bf6019bbc98c917e9 Mon Sep 17 00:00:00 2001
From: Jon <jon@verdnatura.es>
Date: Thu, 18 Apr 2024 13:14:59 +0200
Subject: [PATCH 035/305] style: refs #6899 fixed style

---
 src/pages/InvoiceOut/Card/InvoiceOutSummary.vue | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/pages/InvoiceOut/Card/InvoiceOutSummary.vue b/src/pages/InvoiceOut/Card/InvoiceOutSummary.vue
index 688bbf2aa..2d6d17ae2 100644
--- a/src/pages/InvoiceOut/Card/InvoiceOutSummary.vue
+++ b/src/pages/InvoiceOut/Card/InvoiceOutSummary.vue
@@ -151,7 +151,12 @@ const ticketsColumns = ref([
                 <QTable v-if="tickets" :columns="ticketsColumns" :rows="tickets" flat>
                     <template #header="props">
                         <QTr :props="props">
-                            <QTh class="tr-header" v-for="col in props.cols" :key="col.name" :props="props">
+                            <QTh
+                                class="tr-header"
+                                v-for="col in props.cols"
+                                :key="col.name"
+                                :props="props"
+                            >
                                 {{ t(col.label) }}
                             </QTh>
                         </QTr>
@@ -179,10 +184,10 @@ const ticketsColumns = ref([
 </template>
 
 <style lang="scss" scoped>
-.tr-header{
-    color: #a8a8a8;
+.tr-header {
+    color: var(--vn-label-color);
 }
-.no-uppercase{
+.no-uppercase {
     text-transform: none;
 }
-</style>
\ No newline at end of file
+</style>

From 75dc81eba777b528e1ce320bcb4b95dddd66eb12 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Thu, 18 Apr 2024 08:16:37 -0300
Subject: [PATCH 036/305] add column filters

---
 src/pages/Item/ItemFixedPrice.vue | 228 +++++++++++++-----------------
 1 file changed, 99 insertions(+), 129 deletions(-)

diff --git a/src/pages/Item/ItemFixedPrice.vue b/src/pages/Item/ItemFixedPrice.vue
index c9811fcd5..5bccc55f0 100644
--- a/src/pages/Item/ItemFixedPrice.vue
+++ b/src/pages/Item/ItemFixedPrice.vue
@@ -1,7 +1,6 @@
 <script setup>
-import { onMounted, ref, computed, onUnmounted, watch } from 'vue';
+import { onMounted, ref, reactive, computed, onUnmounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { useRouter } from 'vue-router';
 
 import FetchData from 'components/FetchData.vue';
 import FetchedTags from 'components/ui/FetchedTags.vue';
@@ -51,11 +50,11 @@ const exprBuilder = (param, value) => {
     }
 };
 
-const filterParams = ref({});
+const params = reactive({});
 
 const arrayData = useArrayData('ItemFixedPrices', {
     url: 'FixedPrices/filter',
-    userParams: filterParams,
+    userParams: params,
     order: ['itemFk'],
     exprBuilder: exprBuilder,
 });
@@ -66,17 +65,23 @@ watch(
     (value) => (fixedPrices.value = value)
 );
 
-// const params = reactive({});
+const applyColumnFilter = async (col) => {
+    try {
+        const paramKey = col.columnFilter?.filterParamKey || col.field;
+        params[paramKey] = col.columnFilter.filterValue;
+        await arrayData.addFilter({ params });
+    } catch (err) {
+        console.error('Error applying column filter', err);
+    }
+};
 
-// const applyColumnFilter = async (col) => {
-//     try {
-//         const paramKey = col.columnFilter?.filterParamKey || col.field;
-//         params[paramKey] = col.columnFilter.filterValue;
-//         await paginateRef.value.addFilter(null, params);
-//     } catch (err) {
-//         console.error('Error applying column filter', err);
-//     }
-// };
+const getColumnInputEvents = (col) => {
+    return col.columnFilter.type === 'select'
+        ? { 'update:modelValue': () => applyColumnFilter(col) }
+        : {
+              'keyup.enter': () => applyColumnFilter(col),
+          };
+};
 
 const columns = computed(() => [
     {
@@ -85,15 +90,15 @@ const columns = computed(() => [
         field: 'itemFk',
         align: 'left',
         sortable: true,
-        // columnFilter: {
-        //     component: VnInput,
-        //     type: 'text',
-        //     filterValue: null,
-        //     event: getColumnInputEvents,
-        //     attrs: {
-        //         dense: true,
-        //     },
-        // },
+        columnFilter: {
+            component: VnInput,
+            type: 'text',
+            filterValue: null,
+            event: getColumnInputEvents,
+            attrs: {
+                dense: true,
+            },
+        },
     },
     {
         label: t('globals.description'),
@@ -101,15 +106,15 @@ const columns = computed(() => [
         name: 'description',
         align: 'left',
         sortable: true,
-        // columnFilter: {
-        //     component: VnInput,
-        //     type: 'text',
-        //     filterValue: null,
-        //     event: getColumnInputEvents,
-        //     attrs: {
-        //         dense: true,
-        //     },
-        // },
+        columnFilter: {
+            component: VnInput,
+            type: 'text',
+            filterValue: null,
+            event: getColumnInputEvents,
+            attrs: {
+                dense: true,
+            },
+        },
     },
     {
         label: t('item.fixedPrice.groupingPrice'),
@@ -117,15 +122,15 @@ const columns = computed(() => [
         name: 'groupingPrice',
         align: 'left',
         sortable: true,
-        // columnFilter: {
-        //     component: VnInput,
-        //     type: 'text',
-        //     filterValue: null,
-        //     event: getColumnInputEvents,
-        //     attrs: {
-        //         dense: true,
-        //     },
-        // },
+        columnFilter: {
+            component: VnInput,
+            type: 'text',
+            filterValue: null,
+            event: getColumnInputEvents,
+            attrs: {
+                dense: true,
+            },
+        },
         format: (val) => toCurrency(val),
     },
     {
@@ -134,15 +139,15 @@ const columns = computed(() => [
         name: 'packingPrice',
         align: 'left',
         sortable: true,
-        // columnFilter: {
-        //     component: VnInput,
-        //     type: 'text',
-        //     filterValue: null,
-        //     event: getColumnInputEvents,
-        //     attrs: {
-        //         dense: true,
-        //     },
-        // },
+        columnFilter: {
+            component: VnInput,
+            type: 'text',
+            filterValue: null,
+            event: getColumnInputEvents,
+            attrs: {
+                dense: true,
+            },
+        },
         format: (val) => dashIfEmpty(val),
     },
 
@@ -152,15 +157,15 @@ const columns = computed(() => [
         name: 'minPrice',
         align: 'left',
         sortable: true,
-        // columnFilter: {
-        //     component: VnInput,
-        //     type: 'text',
-        //     filterValue: null,
-        //     event: getColumnInputEvents,
-        //     attrs: {
-        //         dense: true,
-        //     },
-        // },
+        columnFilter: {
+            component: VnInput,
+            type: 'text',
+            filterValue: null,
+            event: getColumnInputEvents,
+            attrs: {
+                dense: true,
+            },
+        },
     },
     {
         label: t('item.fixedPrice.started'),
@@ -168,15 +173,7 @@ const columns = computed(() => [
         name: 'started',
         align: 'left',
         sortable: true,
-        // columnFilter: {
-        //     component: VnInput,
-        //     type: 'text',
-        //     filterValue: null,
-        //     event: getColumnInputEvents,
-        //     attrs: {
-        //         dense: true,
-        //     },
-        // },
+        columnFilter: null,
     },
     {
         label: t('item.fixedPrice.ended'),
@@ -184,39 +181,27 @@ const columns = computed(() => [
         name: 'ended',
         align: 'left',
         sortable: true,
-        // columnFilter: {
-        //     component: VnSelectFilter,
-        //     filterParamKey: 'typeFk',
-        //     type: 'select',
-        //     filterValue: null,
-        //     event: getColumnInputEvents,
-        //     attrs: {
-        //         options: itemTypesOptions.value,
-        //         'option-value': 'id',
-        //         'option-label': 'name',
-        //         dense: true,
-        //     },
-        // },
+        columnFilter: null,
     },
 
     {
         label: t('item.fixedPrice.warehouse'),
-        field: 'warehouse',
+        field: 'warehouseFk',
         name: 'warehouse',
         align: 'left',
         sortable: true,
-        // columnFilter: {
-        //     component: VnSelectFilter,
-        //     type: 'select',
-        //     filterValue: null,
-        //     event: getColumnInputEvents,
-        //     attrs: {
-        //         options: itemCategoriesOptions.value,
-        //         'option-value': 'name',
-        //         'option-label': 'name',
-        //         dense: true,
-        //     },
-        // },
+        columnFilter: {
+            component: VnSelectFilter,
+            type: 'select',
+            filterValue: null,
+            event: getColumnInputEvents,
+            attrs: {
+                options: warehousesOptions.value,
+                'option-value': 'id',
+                'option-label': 'name',
+                dense: true,
+            },
+        },
     },
     { name: 'deleteAction', align: 'center' },
 ]);
@@ -292,14 +277,6 @@ const getRowUpdateInputEvents = (props, resetMinPrice, inputType = 'text') => {
         : { 'update:modelValue': () => upsertPrice(props, resetMinPrice) };
 };
 
-// const getColumnInputEvents = (col) => {
-//     return col.columnFilter.type === 'select'
-//         ? { 'update:modelValue': () => applyColumnFilter(col) }
-//         : {
-//               'keyup.enter': () => applyColumnFilter(col),
-//           };
-// };
-
 const validations = (row, rowIndex, col) => {
     const isNew = !row.id;
     // Si la row no tiene id significa que fue agregada con addRow y no se ha guardado en la base de datos
@@ -399,7 +376,7 @@ const updateMinPrice = async (value, props) => {
 
 onMounted(async () => {
     stateStore.rightDrawer = true;
-    filterParams.value = { warehouseFk: user.value.warehouseFk };
+    params.warehouseFk = user.value.warehouseFk;
     const { data } = await arrayData.fetch({ append: false });
     onFixedPricesFetched(data);
 });
@@ -408,14 +385,6 @@ onUnmounted(() => (stateStore.rightDrawer = false));
 </script>
 
 <template>
-    <FetchData
-        ref="fixedPricesFetchRef"
-        url="FixedPrices/filter"
-        :filter="{ order: ['itemFk'] }"
-        :params="{ warehouseFk: user.warehouseFk }"
-        auto-load
-        @on-fetch="(data) => onFixedPricesFetched(data)"
-    />
     <FetchData
         url="Warehouses"
         :filter="{ order: ['name'] }"
@@ -464,24 +433,25 @@ onUnmounted(() => (stateStore.rightDrawer = false));
             class="full-width q-mt-md"
             :no-data-label="t('globals.noResults')"
         >
-            <!-- <template #top-row="{ cols }">
-                        <QTr>
-                            <QTd
-                                v-for="(col, index) in cols"
-                                :key="index"
-                                style="max-width: 100px"
-                            >
-                                <component
-                                    :is="col.columnFilter.component"
-                                    v-if="col.columnFilter"
-                                    v-model="col.columnFilter.filterValue"
-                                    v-bind="col.columnFilter.attrs"
-                                    v-on="col.columnFilter.event(col)"
-                                    dense
-                                />
-                            </QTd>
-                        </QTr>
-                    </template> -->
+            <template #top-row="{ cols }">
+                <QTr>
+                    <QTd />
+                    <QTd
+                        v-for="(col, index) in cols"
+                        :key="index"
+                        style="max-width: 100px"
+                    >
+                        <component
+                            :is="col.columnFilter.component"
+                            v-if="col.columnFilter"
+                            v-model="col.columnFilter.filterValue"
+                            v-bind="col.columnFilter.attrs"
+                            v-on="col.columnFilter.event(col)"
+                            dense
+                        />
+                    </QTd>
+                </QTr>
+            </template>
 
             <template #body-cell-itemId="props">
                 <QTd>

From f8da680e9881d2b35212ea955f439cf505bf1ff0 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Thu, 18 Apr 2024 13:33:21 +0200
Subject: [PATCH 037/305] feat: refs #6480 setArrayData

---
 src/components/common/VnCard.vue             | 40 +++++++++---
 src/pages/InvoiceIn/Card/InvoiceInCard.vue   | 64 +++++---------------
 src/pages/InvoiceOut/Card/InvoiceOutCard.vue | 18 +++---
 3 files changed, 56 insertions(+), 66 deletions(-)

diff --git a/src/components/common/VnCard.vue b/src/components/common/VnCard.vue
index a8c2d563f..ff3c8804e 100644
--- a/src/components/common/VnCard.vue
+++ b/src/components/common/VnCard.vue
@@ -1,26 +1,52 @@
 <script setup>
+import { computed, onBeforeMount } from 'vue';
+import { useRoute, onBeforeRouteUpdate } from 'vue-router';
 import { useI18n } from 'vue-i18n';
+import { useArrayData } from 'src/composables/useArrayData';
 import { useStateStore } from 'stores/useStateStore';
 import useCardSize from 'src/composables/useCardSize';
 import VnSubToolbar from '../ui/VnSubToolbar.vue';
-import LeftMenu from 'components/LeftMenu.vue';
 import VnSearchbar from 'components/ui/VnSearchbar.vue';
+import LeftMenu from 'components/LeftMenu.vue';
 
-defineProps({
+const props = defineProps({
+    dataKey: { type: String, default: null },
+    baseUrl: { type: String, default: null },
+    model: { type: String, default: null },
+    filter: { type: Object, default: null },
     descriptor: { type: Object, required: true },
-    searchbarProps: { type: Object, required: true },
+    searchbarDataKey: { type: String, required: true },
+    searchbarUrl: { type: String, required: true },
+    searchbarLabel: { type: String, required: true },
+    searchbarInfo: { type: String, required: true },
 });
 
 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 });
+
+    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 });
+        }
+    });
+}
 </script>
 <template>
     <Teleport to="#searchbar" v-if="stateStore.isHeaderMounted()">
         <VnSearchbar
-            :data-key="searchbarProps.dataKey"
-            :url="searchbarProps.url"
-            :label="t(searchbarProps.label)"
-            :info="t(searchbarProps.info)"
+            :data-key="props.searchbarDataKey"
+            :url="props.searchbarUrl"
+            :label="t(`${props.model}.searchbar.${props.searchbarLabel}`)"
+            :info="t(props.searchbarInfo)"
         />
     </Teleport>
     <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
diff --git a/src/pages/InvoiceIn/Card/InvoiceInCard.vue b/src/pages/InvoiceIn/Card/InvoiceInCard.vue
index 062e7a81a..afaa7ca1b 100644
--- a/src/pages/InvoiceIn/Card/InvoiceInCard.vue
+++ b/src/pages/InvoiceIn/Card/InvoiceInCard.vue
@@ -1,16 +1,6 @@
 <script setup>
-import { useI18n } from 'vue-i18n';
-import { useStateStore } from 'stores/useStateStore';
-import InvoiceInDescriptor from './InvoiceInDescriptor.vue';
-import VnSearchbar from 'components/ui/VnSearchbar.vue';
-import { useArrayData } from 'src/composables/useArrayData';
-import { onMounted, watch } from 'vue';
-import { useRoute } from 'vue-router';
 import VnCard from 'components/common/VnCard.vue';
-
-const stateStore = useStateStore();
-const { t } = useI18n();
-const route = useRoute();
+import InvoiceInDescriptor from './InvoiceInDescriptor.vue';
 
 const filter = {
     include: [
@@ -19,51 +9,27 @@ const filter = {
             scope: {
                 include: {
                     relation: 'contacts',
-                    scope: {
-                        where: {
-                            email: { neq: null },
-                        },
-                    },
+                    scope: { where: { email: { neq: null } } },
                 },
             },
         },
-        {
-            relation: 'invoiceInDueDay',
-        },
-        {
-            relation: 'company',
-        },
-        {
-            relation: 'currency',
-        },
+        { relation: 'invoiceInDueDay' },
+        { relation: 'company' },
+        { relation: 'currency' },
     ],
 };
-const arrayData = useArrayData('InvoiceIn', {
-    url: `InvoiceIns/${route.params.id}`,
-    filter,
-});
-
-onMounted(async () => await arrayData.fetch({ append: false }));
-watch(
-    () => route.params.id,
-    async (newId) => {
-        if (newId) {
-            arrayData.store.url = `InvoiceIns/${newId}`;
-            await arrayData.fetch({ append: false });
-        }
-    }
-);
 </script>
 <template>
-    <Teleport to="#searchbar" v-if="stateStore.isHeaderMounted()">
-        <VnSearchbar
-            data-key="InvoiceInList"
-            url="InvoiceIns/filter"
-            :label="t('Search invoice')"
-            :info="t('You can search by invoice reference')"
-        />
-    </Teleport>
-    <VnCard :descriptor="InvoiceInDescriptor" />
+    <VnCard
+        data-key="InvoiceIn"
+        base-url="InvoiceIns"
+        :filter="filter"
+        :descriptor="InvoiceInDescriptor"
+        searchbar-data-key="InvoiceInList"
+        searchbar-url="InvoiceIns/filter"
+        searchbar-label="Search invoice"
+        searchbar-info="You can search by invoice reference"
+    />
 </template>
 <i18n>
     es:
diff --git a/src/pages/InvoiceOut/Card/InvoiceOutCard.vue b/src/pages/InvoiceOut/Card/InvoiceOutCard.vue
index 9214b1b04..a1be6f022 100644
--- a/src/pages/InvoiceOut/Card/InvoiceOutCard.vue
+++ b/src/pages/InvoiceOut/Card/InvoiceOutCard.vue
@@ -1,20 +1,18 @@
 <script setup>
 import InvoiceOutDescriptor from './InvoiceOutDescriptor.vue';
 import VnCard from 'components/common/VnCard.vue';
-
-const searchbar = {
-    dataKey: 'InvoiceOutList',
-    url: 'InvoiceOuts/filter',
-    label: 'Search invoice',
-    info: 'You can search by invoice reference',
-};
 </script>
 <template>
-    <VnCard :descriptor="InvoiceOutDescriptor" :searchbar-props="searchbar" />
+    <VnCard
+        :descriptor="InvoiceOutDescriptor"
+        searchbar-data-key="InvoiceOutList"
+        searchbar-url="InvoiceOuts/filter"
+        searchbar-label="Search invoice"
+        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>
+</i18n>

From 5f01e5c70598337203be7e1be0a673c458d69956 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Thu, 18 Apr 2024 09:09:22 -0300
Subject: [PATCH 038/305] change es translations

---
 src/i18n/locale/es.yml     | 3 +--
 src/router/modules/item.js | 2 +-
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index 40e2f9a68..c15e6901a 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -393,7 +393,7 @@ ticket:
     pageTitles:
         tickets: Tickets
         list: Listado
-        ticketCreate: New ticket
+        ticketCreate: Nuevo ticket
         summary: Resumen
         basicData: Datos básicos
         boxing: Encajado
@@ -1094,7 +1094,6 @@ item:
         list: Listado
         diary: Histórico
         tags: Etiquetas
-        create: Crear
         buyRequest: Peticiones de compra
         itemCreate: Nuevo artículo
     descriptor:
diff --git a/src/router/modules/item.js b/src/router/modules/item.js
index daade4508..8e5e56580 100644
--- a/src/router/modules/item.js
+++ b/src/router/modules/item.js
@@ -33,7 +33,7 @@ export default {
                     path: 'create',
                     name: 'ItemCreate',
                     meta: {
-                        title: 'create',
+                        title: 'itemCreate',
                     },
                     component: () => import('src/pages/Item/ItemCreate.vue'),
                 },

From 7165e48bff1ab000b6de088ed18a42d57743fde8 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Thu, 18 Apr 2024 09:19:15 -0300
Subject: [PATCH 039/305] Add states translations

---
 src/pages/Item/ItemRequest.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/pages/Item/ItemRequest.vue b/src/pages/Item/ItemRequest.vue
index 9391d86bd..1db1f67fc 100644
--- a/src/pages/Item/ItemRequest.vue
+++ b/src/pages/Item/ItemRequest.vue
@@ -164,9 +164,9 @@ const confirmRequest = async (request) => {
 };
 
 const getState = (isOk) => {
-    if (isOk === null) return 'Pending';
-    else if (isOk) return 'Accepted';
-    else return 'Denied';
+    if (isOk === null) return t('Pending');
+    else if (isOk) return t('Accepted');
+    else return t('Denied');
 };
 
 const showDenyRequestForm = (requestId, rowIndex) => {
@@ -354,4 +354,7 @@ onBeforeMount(() => {
 es:
     Discard: Descartar
     You can search by Id or alias: Buscar peticiones por identificador o alias
+    Denied: Denegada
+    Accepted: Aceptada
+    Pending: Pendiente
 </i18n>

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 040/305] 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

From a3cc6ed95b1da98c014fbf23a73eaf0b67315b12 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Thu, 18 Apr 2024 10:32:32 -0300
Subject: [PATCH 041/305] Add filter dates tooltip

---
 src/pages/Item/ItemRequestFilter.vue | 114 ++++++++++++++-------------
 1 file changed, 59 insertions(+), 55 deletions(-)

diff --git a/src/pages/Item/ItemRequestFilter.vue b/src/pages/Item/ItemRequestFilter.vue
index 3c6a956df..0808385c6 100644
--- a/src/pages/Item/ItemRequestFilter.vue
+++ b/src/pages/Item/ItemRequestFilter.vue
@@ -192,61 +192,63 @@ const decrement = (paramsObj, key) => {
                     </VnSelectFilter>
                 </QItemSection>
             </QItem>
-
-            <QItem>
-                <QItemSection>
-                    <VnInputDate
-                        :label="t('params.from')"
-                        v-model="params.from"
-                        @update:model-value="searchFn()"
-                        is-outlined
-                    />
-                </QItemSection>
-            </QItem>
-            <QItem>
-                <QItemSection>
-                    <VnInputDate
-                        :label="t('params.to')"
-                        v-model="params.to"
-                        @update:model-value="searchFn()"
-                        is-outlined
-                    />
-                </QItemSection>
-            </QItem>
-            <QItem>
-                <QItemSection>
-                    <VnInput
-                        v-model="params.scopeDays"
-                        :label="t('params.scopeDays')"
-                        type="number"
-                        dense
-                        outlined
-                        rounded
-                        :min="0"
-                    >
-                        <template #append>
-                            <QBtn
-                                icon="add"
-                                flat
-                                dense
-                                size="12px"
-                                @click="add(params, 'scopeDays')"
-                            />
-                            <QBtn
-                                icon="remove"
-                                flat
-                                dense
-                                size="12px"
-                                @click="decrement(params, 'scopeDays')"
-                            />
-                        </template>
-                    </VnInput>
-                </QItemSection>
-            </QItem>
-            <!-- <vn-icon color-marginal
-                    icon="info"
-                    vn-tooltip="Cannot choose a range of dates and days onward at the same time">
-                </vn-icon> -->
+            <QCard bordered>
+                <QItem>
+                    <QItemSection>
+                        <VnInputDate
+                            :label="t('params.from')"
+                            v-model="params.from"
+                            @update:model-value="searchFn()"
+                            is-outlined
+                        />
+                    </QItemSection>
+                </QItem>
+                <QItem>
+                    <QItemSection>
+                        <VnInputDate
+                            :label="t('params.to')"
+                            v-model="params.to"
+                            @update:model-value="searchFn()"
+                            is-outlined
+                        />
+                    </QItemSection>
+                </QItem>
+                <QItem>
+                    <QItemSection>
+                        <VnInput
+                            v-model="params.scopeDays"
+                            :label="t('params.scopeDays')"
+                            type="number"
+                            dense
+                            outlined
+                            rounded
+                            :min="0"
+                        >
+                            <template #append>
+                                <QBtn
+                                    icon="add"
+                                    flat
+                                    dense
+                                    size="12px"
+                                    @click="add(params, 'scopeDays')"
+                                />
+                                <QBtn
+                                    icon="remove"
+                                    flat
+                                    dense
+                                    size="12px"
+                                    @click="decrement(params, 'scopeDays')"
+                                />
+                            </template>
+                        </VnInput>
+                    </QItemSection>
+                </QItem>
+                <QIcon name="info" style="position: absolute; top: 4px; right: 4px">
+                    <QTooltip max-width="300px">
+                        {{ t('dateFiltersTooltip') }}
+                    </QTooltip>
+                </QIcon>
+            </QCard>
             <QItem>
                 <QItemSection>
                     <QCheckbox
@@ -290,6 +292,7 @@ en:
         scopeDays: Days onward
         mine: For me
         state: State
+    dateFiltersTooltip: Cannot choose a range of dates and days onward at the same time
 
 es:
     params:
@@ -304,4 +307,5 @@ es:
         scopeDays: Días adelante
         mine: Para mi
         state: Estado
+    dateFiltersTooltip: No se puede seleccionar un rango de fechas y días en adelante a la vez
 </i18n>

From 6c4901076fa5188f026a953fba16564dfa26550c Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Thu, 18 Apr 2024 13:14:23 -0300
Subject: [PATCH 042/305] Apply ItemsFilterPanel to EntryLatestBuys

---
 src/components/ItemsFilterPanel.vue       |   6 +-
 src/composables/useArrayData.js           |   7 +-
 src/i18n/locale/en.yml                    |  10 +-
 src/i18n/locale/es.yml                    |  10 +-
 src/pages/Entry/EntryLatestBuys.vue       |   2 +-
 src/pages/Entry/EntryLatestBuysFilter.vue | 367 +---------------------
 src/pages/Item/ItemFixedPrice.vue         |   1 -
 7 files changed, 40 insertions(+), 363 deletions(-)

diff --git a/src/components/ItemsFilterPanel.vue b/src/components/ItemsFilterPanel.vue
index c6df0c1e0..f7f07a5b0 100644
--- a/src/components/ItemsFilterPanel.vue
+++ b/src/components/ItemsFilterPanel.vue
@@ -20,6 +20,10 @@ const props = defineProps({
         type: Array,
         default: () => [],
     },
+    exprBuilder: {
+        type: Function,
+        default: null,
+    },
 });
 
 const itemCategories = ref([]);
@@ -156,8 +160,6 @@ const removeTag = (index, params, search) => {
         :data-key="props.dataKey"
         :expr-builder="exprBuilder"
         :custom-tags="customTags"
-        @init="onFilterInit"
-        @remove="clearFilter"
     >
         <template #tags="{ tag, formatFn }">
             <strong v-if="tag.label === 'categoryFk'">
diff --git a/src/composables/useArrayData.js b/src/composables/useArrayData.js
index 093806567..6b4373183 100644
--- a/src/composables/useArrayData.js
+++ b/src/composables/useArrayData.js
@@ -156,9 +156,10 @@ export function useArrayData(key, userOptions) {
                 delete store.userParams[param];
                 delete params[param];
                 if (store.filter?.where) {
-                    delete store.filter.where[
-                        Object.keys(exprBuilder ? exprBuilder(param) : param)[0]
-                    ];
+                    const key = Object.keys(
+                        exprBuilder && exprBuilder(param) ? exprBuilder(param) : param
+                    );
+                    if (key[0]) delete store.filter.where[key[0]];
                     if (Object.keys(store.filter.where).length === 0) {
                         delete store.filter.where;
                     }
diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index 837602b4b..0a475000b 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -1140,13 +1140,21 @@ components:
         typeFk: Type
         tag: Tag
         value: Value
-
+        # ItemFixedPriceFilter
         buyerFk: Buyer
         warehouseFk: Almacén
         started: Desde
         ended: Hasta
         mine: Para mi
         hasMinPrice: Precio mínimo
+        # LatestBuysFilter
+        salesPersonFk: Buyer
+        supplierFk: Supplier
+        from: From
+        to: To
+        active: Is active
+        visible: Is visible
+        floramondo: Is floramondo
     userPanel:
         copyToken: Token copied to clipboard
         settings: Settings
diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index 85925b22f..a34700045 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -1137,13 +1137,21 @@ components:
         typeFk: Tipo
         tag: Etiqueta
         value: Valor
-
+        # ItemFixedPriceFilter
         buyerFk: Comprador
         warehouseFk: Warehouse
         started: From
         ended: To
         mine: For me
         hasMinPrice: Minimum price
+        # LatestBuysFilter
+        salesPersonFk: Comprador
+        supplierFk: Proveedor
+        from: Desde
+        to: Hasta
+        active: Activo
+        visible: Visible
+        floramondo: Floramondo
     userPanel:
         copyToken: Token copiado al portapapeles
         settings: Configuración
diff --git a/src/pages/Entry/EntryLatestBuys.vue b/src/pages/Entry/EntryLatestBuys.vue
index dbfb03f8f..78f578686 100644
--- a/src/pages/Entry/EntryLatestBuys.vue
+++ b/src/pages/Entry/EntryLatestBuys.vue
@@ -650,7 +650,7 @@ onUnmounted(() => (stateStore.rightDrawer = false));
     </QToolbar>
     <QDrawer v-model="stateStore.rightDrawer" side="right" :width="256" show-if-above>
         <QScrollArea class="fit text-grey-8">
-            <EntryLatestBuysFilter data-key="EntryLatestBuys" :tags="tags" />
+            <EntryLatestBuysFilter data-key="EntryLatestBuys" />
         </QScrollArea>
     </QDrawer>
     <QPage class="column items-center q-pa-md">
diff --git a/src/pages/Entry/EntryLatestBuysFilter.vue b/src/pages/Entry/EntryLatestBuysFilter.vue
index 5eaf001d8..9b2b5ae28 100644
--- a/src/pages/Entry/EntryLatestBuysFilter.vue
+++ b/src/pages/Entry/EntryLatestBuysFilter.vue
@@ -1,141 +1,26 @@
 <script setup>
-import { computed, ref } from 'vue';
+import { ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import VnInput from 'components/common/VnInput.vue';
 import FetchData from 'components/FetchData.vue';
 import VnInputDate from 'src/components/common/VnInputDate.vue';
-import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
 import VnSelectFilter from 'components/common/VnSelectFilter.vue';
-import VnFilterPanelChip from 'components/ui/VnFilterPanelChip.vue';
-
-import axios from 'axios';
+import ItemsFilterPanel from 'src/components/ItemsFilterPanel.vue';
 
 const { t } = useI18n();
-const props = defineProps({
+
+defineProps({
     dataKey: {
         type: String,
         required: true,
     },
 });
 
-const itemCategories = ref([]);
-const selectedCategoryFk = ref(null);
-const selectedTypeFk = ref(null);
-const itemTypesOptions = ref([]);
 const itemTypeWorkersOptions = ref([]);
 const suppliersOptions = ref([]);
-const tagOptions = ref([]);
-const tagValues = ref([]);
-
-const categoryList = computed(() => {
-    return (itemCategories.value || [])
-        .filter((category) => category.display)
-        .map((category) => ({
-            ...category,
-            icon: `vn:${(category.icon || '').split('-')[1]}`,
-        }));
-});
-
-const selectedCategory = computed(() =>
-    (itemCategories.value || []).find(
-        (category) => category?.id === selectedCategoryFk.value
-    )
-);
-
-const selectedType = computed(() => {
-    return (itemTypesOptions.value || []).find(
-        (type) => type?.id === selectedTypeFk.value
-    );
-});
-
-const selectCategory = async (params, categoryId, search) => {
-    if (params.categoryFk === categoryId) {
-        resetCategory(params);
-        search();
-        return;
-    }
-    selectedCategoryFk.value = categoryId;
-    params.categoryFk = categoryId;
-    await fetchItemTypes(categoryId);
-    search();
-};
-
-const resetCategory = (params) => {
-    selectedCategoryFk.value = null;
-    itemTypesOptions.value = null;
-    if (params) {
-        params.categoryFk = null;
-        params.typeFk = null;
-    }
-};
-
-const applyTags = (params, search) => {
-    params.tags = tagValues.value
-        .filter((tag) => tag.selectedTag && tag.value)
-        .map((tag) => ({
-            tagFk: tag.selectedTag.id,
-            tagName: tag.selectedTag.name,
-            value: tag.value,
-        }));
-    search();
-};
-
-const fetchItemTypes = async (id) => {
-    try {
-        const filter = {
-            fields: ['id', 'name', 'categoryFk'],
-            where: { categoryFk: id },
-            include: 'category',
-            order: 'name ASC',
-        };
-        const { data } = await axios.get('ItemTypes', {
-            params: { filter: JSON.stringify(filter) },
-        });
-        itemTypesOptions.value = data;
-    } catch (err) {
-        console.error('Error fetching item types', err);
-    }
-};
-
-const getCategoryClass = (category, params) => {
-    if (category.id === params?.categoryFk) {
-        return 'active';
-    }
-};
-
-const getSelectedTagValues = async (tag) => {
-    try {
-        tag.value = null;
-        const filter = {
-            fields: ['value'],
-            order: 'value ASC',
-            limit: 30,
-        };
-
-        const params = { filter: JSON.stringify(filter) };
-        const { data } = await axios.get(`Tags/${tag.selectedTag.id}/filterValue`, {
-            params,
-        });
-        tag.valueOptions = data;
-    } catch (err) {
-        console.error('Error getting selected tag values');
-    }
-};
-
-const removeTag = (index, params, search) => {
-    (tagValues.value || []).splice(index, 1);
-    applyTags(params, search);
-};
 </script>
 
 <template>
-    <FetchData
-        url="ItemCategories"
-        limit="30"
-        auto-load
-        @on-fetch="(data) => (itemCategories = data)"
-    />
     <FetchData
         url="TicketRequests/getItemTypeWorker"
         limit="30"
@@ -150,102 +35,12 @@ const removeTag = (index, params, search) => {
         :filter="{ fields: ['id', 'name', 'nickname'], order: 'name ASC', limit: 30 }"
         @on-fetch="(data) => (suppliersOptions = data)"
     />
-    <FetchData
-        url="Tags"
-        :filter="{ fields: ['id', 'name', 'isFree'] }"
-        auto-load
-        limit="30"
-        @on-fetch="(data) => (tagOptions = data)"
-    />
-    <VnFilterPanel
-        :data-key="props.dataKey"
-        :expr-builder="exprBuilder"
-        :custom-tags="['tags']"
-        @init="onFilterInit"
-        @remove="clearFilter"
-    >
-        <template #tags="{ tag, formatFn }">
-            <strong v-if="tag.label === 'categoryFk'">
-                {{ t(selectedCategory?.name || '') }}
-            </strong>
-            <strong v-else-if="tag.label === 'typeFk'">
-                {{ t(selectedType?.name || '') }}
-            </strong>
-            <div v-else class="q-gutter-x-xs">
-                <strong>{{ t(`params.${tag.label}`) }}: </strong>
-                <span>{{ formatFn(tag.value) }}</span>
-            </div>
-        </template>
-        <template #customTags="{ tags: customTags, params }">
-            <template v-for="tag in customTags" :key="tag.label">
-                <VnFilterPanelChip
-                    v-for="chip in tag.value"
-                    :key="chip"
-                    removable
-                    @remove="removeTagChip(chip, params, searchFn)"
-                >
-                    <div class="q-gutter-x-xs">
-                        <strong>{{ chip.tagName }}: </strong>
-                        <span>"{{ chip.value }}"</span>
-                    </div>
-                </VnFilterPanelChip>
-            </template>
-        </template>
+    <ItemsFilterPanel :data-key="dataKey" :custom-tags="['tags']">
         <template #body="{ params, searchFn }">
-            <QItem class="category-filter q-mt-md">
-                <QBtn
-                    dense
-                    flat
-                    round
-                    v-for="category in categoryList"
-                    :key="category.name"
-                    :class="['category', getCategoryClass(category, params)]"
-                    :icon="category.icon"
-                    @click="selectCategory(params, category.id, searchFn)"
-                >
-                    <QTooltip>
-                        {{ t(category.name) }}
-                    </QTooltip>
-                </QBtn>
-            </QItem>
             <QItem class="q-my-md">
                 <QItemSection>
                     <VnSelectFilter
-                        :label="t('params.typeFk')"
-                        v-model="params.typeFk"
-                        :options="itemTypesOptions"
-                        option-value="id"
-                        option-label="name"
-                        dense
-                        outlined
-                        rounded
-                        use-input
-                        :disable="!selectedCategoryFk"
-                        @update:model-value="
-                            (value) => {
-                                selectedTypeFk = value;
-                                searchFn();
-                            }
-                        "
-                    >
-                        <template #option="{ itemProps, opt }">
-                            <QItem v-bind="itemProps">
-                                <QItemSection>
-                                    <QItemLabel>{{ opt.name }}</QItemLabel>
-                                    <QItemLabel caption>
-                                        {{ opt.categoryName }}
-                                    </QItemLabel>
-                                </QItemSection>
-                            </QItem>
-                        </template>
-                    </VnSelectFilter>
-                </QItemSection>
-            </QItem>
-            <QSeparator />
-            <QItem class="q-my-md">
-                <QItemSection>
-                    <VnSelectFilter
-                        :label="t('params.salesPersonFk')"
+                        :label="t('components.itemsFilterPanel.salesPersonFk')"
                         v-model="params.salesPersonFk"
                         :options="itemTypeWorkersOptions"
                         option-value="id"
@@ -261,7 +56,7 @@ const removeTag = (index, params, search) => {
             <QItem class="q-my-md">
                 <QItemSection>
                     <VnSelectFilter
-                        :label="t('params.supplier')"
+                        :label="t('components.itemsFilterPanel.supplierFk')"
                         v-model="params.supplierFk"
                         :options="suppliersOptions"
                         option-value="id"
@@ -288,7 +83,7 @@ const removeTag = (index, params, search) => {
             <QItem class="q-my-md">
                 <QItemSection>
                     <VnInputDate
-                        :label="t('params.from')"
+                        :label="t('components.itemsFilterPanel.from')"
                         v-model="params.from"
                         is-outlined
                         @update:model-value="searchFn()"
@@ -298,7 +93,7 @@ const removeTag = (index, params, search) => {
             <QItem class="q-my-md">
                 <QItemSection>
                     <VnInputDate
-                        :label="t('params.to')"
+                        :label="t('components.itemsFilterPanel.to')"
                         v-model="params.to"
                         is-outlined
                         @update:model-value="searchFn()"
@@ -308,7 +103,7 @@ const removeTag = (index, params, search) => {
             <QItem>
                 <QItemSection>
                     <QCheckbox
-                        :label="t('params.active')"
+                        :label="t('components.itemsFilterPanel.active')"
                         v-model="params.active"
                         toggle-indeterminate
                         @update:model-value="searchFn()"
@@ -316,7 +111,7 @@ const removeTag = (index, params, search) => {
                 </QItemSection>
                 <QItemSection>
                     <QCheckbox
-                        :label="t('params.visible')"
+                        :label="t('components.itemsFilterPanel.visible')"
                         v-model="params.visible"
                         toggle-indeterminate
                         @update:model-value="searchFn()"
@@ -326,149 +121,13 @@ const removeTag = (index, params, search) => {
             <QItem>
                 <QItemSection>
                     <QCheckbox
-                        :label="t('params.floramondo')"
+                        :label="t('components.itemsFilterPanel.floramondo')"
                         v-model="params.floramondo"
                         toggle-indeterminate
                         @update:model-value="searchFn()"
                     />
                 </QItemSection>
             </QItem>
-
-            <QItem
-                v-for="(value, index) in tagValues"
-                :key="value"
-                class="q-mt-md filter-value"
-            >
-                <QItemSection class="col">
-                    <VnSelectFilter
-                        :label="t('params.tag')"
-                        v-model="value.selectedTag"
-                        :options="tagOptions"
-                        option-label="name"
-                        dense
-                        outlined
-                        rounded
-                        :emit-value="false"
-                        use-input
-                        :is-clearable="false"
-                        @update:model-value="getSelectedTagValues(value)"
-                    />
-                </QItemSection>
-                <QItemSection class="col">
-                    <VnSelectFilter
-                        v-if="!value?.selectedTag?.isFree && value.valueOptions"
-                        :label="t('params.value')"
-                        v-model="value.value"
-                        :options="value.valueOptions || []"
-                        option-value="value"
-                        option-label="value"
-                        dense
-                        outlined
-                        rounded
-                        emit-value
-                        use-input
-                        :disable="!value"
-                        :is-clearable="false"
-                        class="filter-input"
-                        @update:model-value="applyTags(params, searchFn)"
-                    />
-                    <VnInput
-                        v-else
-                        v-model="value.value"
-                        :label="t('params.value')"
-                        :disable="!value"
-                        is-outlined
-                        class="filter-input"
-                        :is-clearable="false"
-                        @keyup.enter="applyTags(params, searchFn)"
-                    />
-                </QItemSection>
-                <QIcon
-                    name="delete"
-                    class="filter-icon"
-                    @click="removeTag(index, params, searchFn)"
-                />
-            </QItem>
-            <QItem class="q-mt-lg">
-                <QIcon
-                    name="add_circle"
-                    class="filter-icon"
-                    @click="tagValues.push({})"
-                />
-            </QItem>
         </template>
-    </VnFilterPanel>
+    </ItemsFilterPanel>
 </template>
-
-<style lang="scss" scoped>
-.category-filter {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: center;
-    gap: 12px;
-
-    .category {
-        padding: 8px;
-        width: 60px;
-        height: 60px;
-        font-size: 1.4rem;
-        background-color: var(--vn-accent-color);
-
-        &.active {
-            background-color: $primary;
-        }
-    }
-}
-
-.filter-icon {
-    font-size: 24px;
-    color: $primary;
-    padding: 0 4px;
-    cursor: pointer;
-}
-
-.filter-input {
-    flex-shrink: 1;
-    min-width: 0;
-}
-
-.filter-value {
-    display: flex;
-    align-items: center;
-}
-</style>
-
-<i18n>
-en:
-    params:
-        supplier: Supplier
-        from: From
-        to: To
-        active: Is active
-        visible: Is visible
-        floramondo: Is floramondo
-        salesPersonFk: Buyer
-        categoryFk: Category
-        typeFk: Type
-        tag: Tag
-        value: Value
-es:
-    params:
-        supplier: Proveedor
-        from: Desde
-        to: Hasta
-        active: Activo
-        visible: Visible
-        floramondo: Floramondo
-        salesPersonFk: Comprador
-        categoryFk: Categoría
-        typeFk: Tipo
-        tag: Etiqueta
-        value: Valor
-    Plant: Planta
-    Flower: Flor
-    Handmade: Confección
-    Green: Verde
-    Accessories: Complemento
-    Fruit: Fruta
-</i18n>
diff --git a/src/pages/Item/ItemFixedPrice.vue b/src/pages/Item/ItemFixedPrice.vue
index 5bccc55f0..d0b942526 100644
--- a/src/pages/Item/ItemFixedPrice.vue
+++ b/src/pages/Item/ItemFixedPrice.vue
@@ -51,7 +51,6 @@ const exprBuilder = (param, value) => {
 };
 
 const params = reactive({});
-
 const arrayData = useArrayData('ItemFixedPrices', {
     url: 'FixedPrices/filter',
     userParams: params,

From 6021e1e4ce68aa7c13fc6a93b8ef4dfbf13f6c73 Mon Sep 17 00:00:00 2001
From: Jon <jon@verdnatura.es>
Date: Fri, 19 Apr 2024 07:37:33 +0200
Subject: [PATCH 043/305] refactor: refs #6899 changed comercial value in
 negativeBases table

---
 src/pages/InvoiceOut/InvoiceOutNegativeBases.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/pages/InvoiceOut/InvoiceOutNegativeBases.vue b/src/pages/InvoiceOut/InvoiceOutNegativeBases.vue
index e0b17a4b3..36180a2e7 100644
--- a/src/pages/InvoiceOut/InvoiceOutNegativeBases.vue
+++ b/src/pages/InvoiceOut/InvoiceOutNegativeBases.vue
@@ -183,7 +183,9 @@ const downloadCSV = async () => {
             </template>
             <template #body-cell-comercial="{ row }">
                 <QTd>
-                    <QBtn class="no-uppercase" flat dense color="blue">{{ row.comercialName }}</QBtn>
+                    <QBtn class="no-uppercase" flat dense color="blue">{{
+                        row.workerSocial
+                    }}</QBtn>
                     <WorkerDescriptorProxy :id="row.comercialId" />
                 </QTd>
             </template>
@@ -211,7 +213,7 @@ const downloadCSV = async () => {
     border-radius: 4px;
     padding: 6px;
 }
-.no-uppercase{
+.no-uppercase {
     text-transform: none;
 }
 </style>

From ff36f82333f214b68d50accc9f1bd8000d0fe638 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Fri, 19 Apr 2024 09:39:17 +0200
Subject: [PATCH 044/305] fix: refs #6480 disable popup on no observe changes

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

diff --git a/src/components/FormModel.vue b/src/components/FormModel.vue
index a7af0044b..2dc14160f 100644
--- a/src/components/FormModel.vue
+++ b/src/components/FormModel.vue
@@ -101,7 +101,7 @@ onMounted(async () => {
 });
 
 onBeforeRouteLeave((to, from, next) => {
-    if (hasChanges.value)
+    if (hasChanges.value && $props.observeFormChanges)
         quasar.dialog({
             component: VnConfirm,
             componentProps: {

From b352dcde216cf23cf2f0dd7dc581de4559deae88 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Fri, 19 Apr 2024 09:42:42 +0200
Subject: [PATCH 045/305] fix: refs #6480 summary data-key

---
 src/pages/Department/Card/DepartmentSummary.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/pages/Department/Card/DepartmentSummary.vue b/src/pages/Department/Card/DepartmentSummary.vue
index 1d42183c3..6377ac779 100644
--- a/src/pages/Department/Card/DepartmentSummary.vue
+++ b/src/pages/Department/Card/DepartmentSummary.vue
@@ -27,6 +27,7 @@ onMounted(async () => {
 
 <template>
     <CardSummary
+        data-key="DepartmentSummary"
         ref="summary"
         :url="`Departments/${entityId}`"
         class="full-width"

From de0468bb9953ade3927e3573e4fd8a3bb3323c20 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Fri, 19 Apr 2024 10:32:52 +0200
Subject: [PATCH 046/305] fix: refs #6480 summary reactivity

---
 src/pages/Parking/Card/ParkingSummary.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/Parking/Card/ParkingSummary.vue b/src/pages/Parking/Card/ParkingSummary.vue
index a30705068..9a79f428b 100644
--- a/src/pages/Parking/Card/ParkingSummary.vue
+++ b/src/pages/Parking/Card/ParkingSummary.vue
@@ -11,9 +11,9 @@ const $props = defineProps({
         default: 0,
     },
 });
-const { params } = useRoute();
+const router = useRoute();
 const { t } = useI18n();
-const entityId = computed(() => $props.id || params.id);
+const entityId = computed(() => $props.id || router.params.id);
 
 const filter = {
     fields: ['id', 'sectorFk', 'code', 'pickingOrder', 'row', 'column'],

From 2450d5bf7ad5dccb93180b38a45c2c4ea563bd03 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Fri, 19 Apr 2024 11:40:52 +0200
Subject: [PATCH 047/305] reafacto: refs #6480 slots

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

diff --git a/src/components/ui/CardDescriptor.vue b/src/components/ui/CardDescriptor.vue
index f30ea8937..10975c938 100644
--- a/src/components/ui/CardDescriptor.vue
+++ b/src/components/ui/CardDescriptor.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { onBeforeMount, useSlots, watch, computed, ref } from 'vue';
+import { onBeforeMount, watch, computed, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import SkeletonDescriptor from 'components/ui/SkeletonDescriptor.vue';
 import { useArrayData } from 'composables/useArrayData';
@@ -38,7 +38,6 @@ const $props = defineProps({
 });
 
 const state = useState();
-const slots = useSlots();
 const { t } = useI18n();
 const { viewSummary } = useSummaryDialog();
 const arrayData = useArrayData($props.dataKey || $props.module, {
@@ -47,7 +46,7 @@ const arrayData = useArrayData($props.dataKey || $props.module, {
     skip: 0,
 });
 const { store } = arrayData;
-const entity = computed(() =>Array.isArray( store.data) ? store.data[0] : store.data);
+const entity = computed(() => (Array.isArray(store.data) ? store.data[0] : store.data));
 const isLoading = ref(false);
 
 defineExpose({
@@ -117,7 +116,7 @@ const emit = defineEmits(['onFetch']);
                     icon="more_vert"
                     round
                     size="md"
-                    :class="{ invisible: !slots.menu }"
+                    :class="{ invisible: !$slots.menu }"
                 >
                     <QTooltip>
                         {{ t('components.cardDescriptor.moreOptions') }}

From 3fb155e6976b6d949ed38196fba49f0ad378ea7b Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Fri, 19 Apr 2024 11:57:04 +0200
Subject: [PATCH 048/305] fix: refs #6480 reactivity

---
 src/components/ui/CardDescriptor.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/ui/CardDescriptor.vue b/src/components/ui/CardDescriptor.vue
index 10975c938..8453c0d73 100644
--- a/src/components/ui/CardDescriptor.vue
+++ b/src/components/ui/CardDescriptor.vue
@@ -1,5 +1,6 @@
 <script setup>
 import { onBeforeMount, watch, computed, ref } from 'vue';
+import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 import SkeletonDescriptor from 'components/ui/SkeletonDescriptor.vue';
 import { useArrayData } from 'composables/useArrayData';
@@ -39,6 +40,7 @@ const $props = defineProps({
 
 const state = useState();
 const { t } = useI18n();
+const route = useRoute();
 const { viewSummary } = useSummaryDialog();
 const arrayData = useArrayData($props.dataKey || $props.module, {
     url: $props.url,
@@ -55,7 +57,7 @@ defineExpose({
 onBeforeMount(async () => {
     await getData();
     watch(
-        () => $props.url,
+        () => route.params.id,
         async () => await getData()
     );
 });

From fb26219354a5767fa11141c8fa5bda5fc42dded8 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 19 Apr 2024 12:09:04 +0200
Subject: [PATCH 049/305] refs #7190 feat: useTokenConfig

---
 src/composables/useState.js       | 12 ++++++++++++
 src/composables/useTokenConfig.js | 26 ++++++++++++++++++++++++++
 src/i18n/locale/en.yml            |  1 +
 src/i18n/locale/es.yml            |  1 +
 4 files changed, 40 insertions(+)
 create mode 100644 src/composables/useTokenConfig.js

diff --git a/src/composables/useState.js b/src/composables/useState.js
index e0b742a73..e671d41bd 100644
--- a/src/composables/useState.js
+++ b/src/composables/useState.js
@@ -13,6 +13,7 @@ const user = ref({
 });
 
 const roles = ref([]);
+const tokenConfig = ref({});
 const drawer = ref(true);
 const headerMounted = ref(false);
 
@@ -52,6 +53,15 @@ export function useState() {
     function setRoles(data) {
         roles.value = data;
     }
+    function getTokenConfig() {
+        return computed(() => {
+            return tokenConfig.value;
+        });
+    }
+
+    function setTokenConfig(data) {
+        tokenConfig.value = data;
+    }
 
     function set(name, data) {
         state.value[name] = ref(data);
@@ -70,6 +80,8 @@ export function useState() {
         setUser,
         getRoles,
         setRoles,
+        getTokenConfig,
+        setTokenConfig,
         set,
         get,
         unset,
diff --git a/src/composables/useTokenConfig.js b/src/composables/useTokenConfig.js
new file mode 100644
index 000000000..3119a6aa6
--- /dev/null
+++ b/src/composables/useTokenConfig.js
@@ -0,0 +1,26 @@
+import axios from 'axios';
+import { useState } from './useState';
+import useNotify from './useNotify';
+
+export function useTokenConfig() {
+    const state = useState();
+    const { notify } = useNotify();
+
+    async function fetch() {
+        try {
+            const tokenConfig = await axios.get('AccessTokenConfigs/findOne', {
+                filter: { fields: ['renewInterval', 'renewPeriod'] },
+            });
+            if (!tokenConfig) return;
+            state.setTokenConfig(tokenConfig);
+            return tokenConfig;
+        } catch (error) {
+            notify('errors.tokenConfig', 'negative');
+            console.error('Error fetching token config:', error);
+        }
+    }
+
+    return {
+        fetch,
+    };
+}
diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index db34b393c..bcdc6dca1 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -96,6 +96,7 @@ errors:
     statusBadGateway: It seems that the server has fall down
     statusGatewayTimeout: Could not contact the server
     userConfig: Error fetching user config
+    tokenConfig: Error fetching token config
     writeRequest: The requested operation could not be completed
 login:
     title: Login
diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index cb5876dd3..73eb70e60 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -96,6 +96,7 @@ errors:
     statusBadGateway: Parece ser que el servidor ha caído
     statusGatewayTimeout: No se ha podido contactar con el servidor
     userConfig: Error al obtener configuración de usuario
+    tokenConfig: Error al obtener configuración de token
     writeRequest: No se pudo completar la operación solicitada
 login:
     title: Inicio de sesión

From aecea5f273110c90d820c728d402b9b911f71836 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 19 Apr 2024 12:26:43 +0200
Subject: [PATCH 050/305] refs #7190 feat: renewToken

---
 src/composables/useSession.js     | 48 ++++++++++++++++++++++++++++++-
 src/composables/useTokenConfig.js |  3 ++
 2 files changed, 50 insertions(+), 1 deletion(-)

diff --git a/src/composables/useSession.js b/src/composables/useSession.js
index 8583e10d4..b4c5e4abb 100644
--- a/src/composables/useSession.js
+++ b/src/composables/useSession.js
@@ -3,11 +3,13 @@ import { useRole } from './useRole';
 import { useUserConfig } from './useUserConfig';
 import axios from 'axios';
 import useNotify from './useNotify';
+import { useTokenConfig } from './useTokenConfig';
 const TOKEN_MULTIMEDIA = 'tokenMultimedia';
 const TOKEN = 'token';
 
 export function useSession() {
     const { notify } = useNotify();
+    let isCheckingToken = false;
 
     function getToken() {
         const localToken = localStorage.getItem(TOKEN);
@@ -23,9 +25,12 @@ export function useSession() {
     }
 
     function setToken(data) {
-        const storage = data.keepLogin ? localStorage : sessionStorage;
+        let keepLogin = data.keepLogin ?? sessionStorage.getItem('keepLogin');
+        if (!keepLogin) keepLogin = false;
+        const storage = keepLogin ? localStorage : sessionStorage;
         storage.setItem(TOKEN, data.token);
         storage.setItem(TOKEN_MULTIMEDIA, data.tokenMultimedia);
+        sessionStorage.setItem('keepLogin', keepLogin);
     }
     async function destroyToken(url, storage, key) {
         if (storage.getItem(key)) {
@@ -59,6 +64,8 @@ export function useSession() {
             lang: '',
             darkMode: null,
         });
+
+        stopRenewer();
     }
 
     async function login(token, tokenMultimedia, keepLogin) {
@@ -66,6 +73,9 @@ export function useSession() {
 
         await useRole().fetch();
         await useUserConfig().fetch();
+        await useTokenConfig().fetch();
+
+        await checkValidity();
     }
 
     function isLoggedIn() {
@@ -75,6 +85,42 @@ export function useSession() {
         return !!(localToken || sessionToken);
     }
 
+    function stopRenewer() {
+        clearInterval(this.intervalId);
+    }
+
+    async function renewToken() {
+        const _token = getToken();
+        const token = await axios.post('VnUsers/renewToken', {
+            headers: { Authorization: _token },
+        });
+        const _tokenMultimedia = getTokenMultimedia();
+        const tokenMultimedia = await axios.post('VnUsers/renewToken', {
+            headers: { Authorization: _tokenMultimedia },
+        });
+        setToken({ token, tokenMultimedia });
+    }
+
+    async function checkValidity() {
+        const { getTokenConfig } = useState();
+
+        const tokenConfig = getTokenConfig();
+        const created = +localStorage.getItem('created');
+        const ttl = localStorage.getItem('ttl');
+
+        if (isCheckingToken || !created) return;
+        isCheckingToken = true;
+
+        const renewPeriodInSeconds = Math.min(ttl, tokenConfig.value.renewPeriod) * 1000;
+        const maxDate = created + renewPeriodInSeconds;
+        const now = new Date();
+
+        if (now.getTime() <= maxDate) return (isCheckingToken = false);
+
+        await renewToken();
+        isCheckingToken = false;
+    }
+
     return {
         getToken,
         getTokenMultimedia,
diff --git a/src/composables/useTokenConfig.js b/src/composables/useTokenConfig.js
index 3119a6aa6..afe7a5272 100644
--- a/src/composables/useTokenConfig.js
+++ b/src/composables/useTokenConfig.js
@@ -8,6 +8,9 @@ export function useTokenConfig() {
 
     async function fetch() {
         try {
+            let tokenConfigState = state.getTokenConfig();
+            if (tokenConfigState) return tokenConfigState;
+
             const tokenConfig = await axios.get('AccessTokenConfigs/findOne', {
                 filter: { fields: ['renewInterval', 'renewPeriod'] },
             });

From e38b53ca25fe51184f3d1a27ec4c3884d8e00026 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Fri, 19 Apr 2024 13:12:14 +0200
Subject: [PATCH 051/305] fix: refs #6480 reactive descriptor

---
 src/components/ui/CardDescriptor.vue       | 8 ++------
 src/pages/Worker/Card/WorkerDescriptor.vue | 4 +++-
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/components/ui/CardDescriptor.vue b/src/components/ui/CardDescriptor.vue
index 8453c0d73..d2ba21888 100644
--- a/src/components/ui/CardDescriptor.vue
+++ b/src/components/ui/CardDescriptor.vue
@@ -1,6 +1,5 @@
 <script setup>
 import { onBeforeMount, watch, computed, ref } from 'vue';
-import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 import SkeletonDescriptor from 'components/ui/SkeletonDescriptor.vue';
 import { useArrayData } from 'composables/useArrayData';
@@ -40,7 +39,6 @@ const $props = defineProps({
 
 const state = useState();
 const { t } = useI18n();
-const route = useRoute();
 const { viewSummary } = useSummaryDialog();
 const arrayData = useArrayData($props.dataKey || $props.module, {
     url: $props.url,
@@ -56,14 +54,12 @@ defineExpose({
 });
 onBeforeMount(async () => {
     await getData();
-    watch(
-        () => route.params.id,
-        async () => await getData()
-    );
+    watch($props, async () => await getData());
 });
 
 async function getData() {
     store.url = $props.url;
+    store.filter = $props.filter ?? {};
     isLoading.value = true;
     try {
         const { data } = await arrayData.fetch({ append: false, updateRouter: false });
diff --git a/src/pages/Worker/Card/WorkerDescriptor.vue b/src/pages/Worker/Card/WorkerDescriptor.vue
index bb4acec69..083e9d143 100644
--- a/src/pages/Worker/Card/WorkerDescriptor.vue
+++ b/src/pages/Worker/Card/WorkerDescriptor.vue
@@ -31,7 +31,9 @@ const entityId = computed(() => {
 });
 
 const worker = ref();
-const filter = { where: { id: route.params.id}};
+const filter = computed(() => {
+    return { where: { id: entityId.value } };
+});
 
 const sip = ref(null);
 

From b22d54f4902fe86aa4e25e67a5f07c0afd15e8cc Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Fri, 19 Apr 2024 08:23:23 -0300
Subject: [PATCH 052/305] WIP

---
 src/components/common/VnInputDate.vue |  2 +-
 src/pages/Item/ItemFixedPrice.vue     | 60 ++++++++++++++++++++-------
 2 files changed, 46 insertions(+), 16 deletions(-)

diff --git a/src/components/common/VnInputDate.vue b/src/components/common/VnInputDate.vue
index 66da9b7bf..268d843d7 100644
--- a/src/components/common/VnInputDate.vue
+++ b/src/components/common/VnInputDate.vue
@@ -1,7 +1,7 @@
 <script setup>
 import { computed, ref } from 'vue';
 import VnInput from 'components/common/VnInput.vue';
-import isValidDate from "filters/isValidDate";
+import isValidDate from 'filters/isValidDate';
 
 const props = defineProps({
     modelValue: {
diff --git a/src/pages/Item/ItemFixedPrice.vue b/src/pages/Item/ItemFixedPrice.vue
index d0b942526..402010f06 100644
--- a/src/pages/Item/ItemFixedPrice.vue
+++ b/src/pages/Item/ItemFixedPrice.vue
@@ -9,6 +9,8 @@ import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
 import VnInputDate from 'src/components/common/VnInputDate.vue';
 import EditTableCellValueForm from 'src/components/EditTableCellValueForm.vue';
 import ItemFixedPriceFilter from './ItemFixedPriceFilter.vue';
+// TODO: mostrar item descriptor en fetchedtags
+import ItemDescriptorProxy from './Card/ItemDescriptorProxy.vue';
 
 import { useStateStore } from 'stores/useStateStore';
 import { dashIfEmpty } from 'src/filters';
@@ -25,7 +27,7 @@ const { openConfirmationModal } = useVnConfirm();
 const state = useState();
 const { notify } = useNotify();
 
-const fixedPricesFetchRef = ref(null);
+// const fixedPricesFetchRef = ref(null);
 const editTableCellDialogRef = ref(null);
 const user = state.getUser();
 const fixedPrices = ref([]);
@@ -59,9 +61,19 @@ const arrayData = useArrayData('ItemFixedPrices', {
 });
 const store = arrayData.store;
 
+const fetchFixedPrices = async () => {
+    await arrayData.fetch({ append: false });
+};
+
+const onFixedPricesFetched = (data) => {
+    fixedPrices.value = data;
+    // el objetivo de guardar una copia de las rows es evitar guardar cambios si la data no cambió al disparar los eventos
+    fixedPricesOriginalData.value = JSON.parse(JSON.stringify(data));
+};
+
 watch(
     () => store.data,
-    (value) => (fixedPrices.value = value)
+    (data) => onFixedPricesFetched(data)
 );
 
 const applyColumnFilter = async (col) => {
@@ -261,12 +273,6 @@ const editTableFieldsOptions = [
     },
 ];
 
-const onFixedPricesFetched = (data) => {
-    fixedPrices.value = data;
-    // el objetivo de esto es guardar los valores iniciales de todas las rows para evitar guardar cambios si la data no cambió al disparar los eventos
-    fixedPricesOriginalData.value = JSON.parse(JSON.stringify(data));
-};
-
 const getRowUpdateInputEvents = (props, resetMinPrice, inputType = 'text') => {
     return inputType === 'text'
         ? {
@@ -309,7 +315,6 @@ const addRow = () => {
         fixedPrices.value = [];
 
         const today = Date.vnNew();
-
         const millisecsInDay = 86400000;
         const daysInWeek = 7;
         const nextWeek = new Date(today.getTime() + daysInWeek * millisecsInDay);
@@ -317,10 +322,12 @@ const addRow = () => {
         fixedPricesOriginalData.value.push({
             started: today,
             ended: nextWeek,
+            hasMinPrice: 0,
         });
         fixedPrices.value.push({
             started: today,
             ended: nextWeek,
+            hasMinPrice: 0,
         });
         return;
     }
@@ -339,7 +346,7 @@ const openEditTableCellDialog = () => {
 
 const onEditCellDataSaved = async () => {
     rowsSelected.value = [];
-    await fixedPricesFetchRef.value.fetch();
+    await fetchFixedPrices();
 };
 
 const onWarehousesFetched = (data) => {
@@ -373,11 +380,34 @@ const updateMinPrice = async (value, props) => {
     });
 };
 
+const isLower = (date) => {
+    // TODO: APLICAR ESTO A CHIPS A LAS FECHAS DE ENDED DATE
+    let today = Date.vnNew();
+    today.setHours(0, 0, 0, 0);
+
+    date = new Date(date);
+    date.setHours(0, 0, 0, 0);
+
+    const timeDifference = today - date;
+    if (timeDifference > 0) return 'warning';
+};
+
+const isBigger = (date) => {
+    // TODO: APLICAR ESTO A CHIPS A LAS FECHAS DE STARTED DATE
+    let today = Date.vnNew();
+    today.setHours(0, 0, 0, 0);
+
+    date = new Date(date);
+    date.setHours(0, 0, 0, 0);
+
+    const timeDifference = today - date;
+    if (timeDifference < 0) return 'warning';
+};
+
 onMounted(async () => {
     stateStore.rightDrawer = true;
     params.warehouseFk = user.value.warehouseFk;
-    const { data } = await arrayData.fetch({ append: false });
-    onFixedPricesFetched(data);
+    await fetchFixedPrices();
 });
 
 onUnmounted(() => (stateStore.rightDrawer = false));
@@ -524,7 +554,7 @@ onUnmounted(() => (stateStore.rightDrawer = false));
                 <QTd class="col" style="min-width: 150px">
                     <VnInputDate
                         v-model="props.row.started"
-                        v-on="getRowUpdateInputEvents(props)"
+                        v-on="getRowUpdateInputEvents(props, false, 'date')"
                     />
                 </QTd>
             </template>
@@ -532,7 +562,7 @@ onUnmounted(() => (stateStore.rightDrawer = false));
                 <QTd class="col" style="min-width: 150px">
                     <VnInputDate
                         v-model="props.row.ended"
-                        v-on="getRowUpdateInputEvents(props)"
+                        v-on="getRowUpdateInputEvents(props, false, 'date')"
                     />
                 </QTd>
             </template>
@@ -544,7 +574,7 @@ onUnmounted(() => (stateStore.rightDrawer = false));
                         option-label="name"
                         option-value="id"
                         v-model="props.row.warehouseFk"
-                        v-on="getRowUpdateInputEvents(props)"
+                        v-on="getRowUpdateInputEvents(props, false, 'select')"
                     />
                 </QTd>
             </template>

From c3db9e17a889e1a917727d270b001444d162aa12 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Fri, 19 Apr 2024 13:30:07 +0200
Subject: [PATCH 053/305] fix: refs #6480 reactive summary

---
 src/components/ui/CardSummary.vue       |  5 +++--
 src/pages/Worker/Card/WorkerSummary.vue | 17 ++++++++++++-----
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/src/components/ui/CardSummary.vue b/src/components/ui/CardSummary.vue
index a06837cf4..bac72334c 100644
--- a/src/components/ui/CardSummary.vue
+++ b/src/components/ui/CardSummary.vue
@@ -32,7 +32,7 @@ const arrayData = useArrayData(props.dataKey || route.meta.moduleName, {
     skip: 0,
 });
 const { store } = arrayData;
-const entity = computed(() => Array.isArray(store.data) ? store.data[0] : store.data);
+const entity = computed(() => (Array.isArray(store.data) ? store.data[0] : store.data));
 const isLoading = ref(false);
 
 defineExpose({
@@ -48,9 +48,10 @@ onBeforeMount(async () => {
 
 async function fetch() {
     store.url = props.url;
+    store.filter = props.filter ?? {};
     isLoading.value = true;
     const { data } = await arrayData.fetch({ append: false, updateRouter: false });
-    emit('onFetch', data);
+    emit('onFetch', Array.isArray(data) ? data[0] : data);
     isLoading.value = false;
 }
 </script>
diff --git a/src/pages/Worker/Card/WorkerSummary.vue b/src/pages/Worker/Card/WorkerSummary.vue
index 43c493565..3a79d12bb 100644
--- a/src/pages/Worker/Card/WorkerSummary.vue
+++ b/src/pages/Worker/Card/WorkerSummary.vue
@@ -10,7 +10,7 @@ import CardSummary from 'components/ui/CardSummary.vue';
 import VnUserLink from 'src/components/ui/VnUserLink.vue';
 import VnTitle from 'src/components/common/VnTitle.vue';
 
-const { params } = useRoute();
+const route = useRoute();
 const { t } = useI18n();
 
 const $props = defineProps({
@@ -20,18 +20,25 @@ const $props = defineProps({
     },
 });
 
-const entityId = computed(() => $props.id || params.id);
+const entityId = computed(() => $props.id || route.params.id);
 const workerUrl = ref();
 
 onMounted(async () => {
     workerUrl.value = (await getUrl('')) + `worker/${entityId.value}/`;
 });
 
-const filter = { where: { id: entityId.value } };
+const filter = computed(() => {
+    return { where: { id: entityId.value } };
+});
 </script>
 
 <template>
-    <CardSummary ref="summary" :url="`Workers/summary`" :filter="filter">
+    <CardSummary
+        data-key="workerData"
+        ref="summary"
+        :url="`Workers/summary`"
+        :filter="filter"
+    >
         <template #header="{ entity }">
             <div>{{ entity.id }} - {{ entity.firstName }} {{ entity.lastName }}</div>
         </template>
@@ -41,7 +48,7 @@ const filter = { where: { id: entityId.value } };
                     :url="workerUrl + `basic-data`"
                     :text="t('worker.summary.basicData')"
                 />
-                <VnLv :label="t('worker.card.name')" :value="worker.user.nickname" />
+                <VnLv :label="t('worker.card.name')" :value="worker.user?.nickname" />
                 <VnLv
                     :label="t('worker.list.department')"
                     :value="worker.department?.department?.name"

From da6e1211370dffc7910b8fd8b44a0ce18d03230f Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Fri, 19 Apr 2024 13:33:29 +0200
Subject: [PATCH 054/305] refactor: refs #6480 use VnCard

---
 src/components/common/VnCard.vue             | 15 ++--
 src/css/app.scss                             |  4 +
 src/pages/Claim/Card/ClaimCard.vue           | 51 +++----------
 src/pages/Claim/locale/es.yml                |  2 +
 src/pages/Customer/Card/CustomerCard.vue     | 50 +++----------
 src/pages/Customer/locale/es.yml             |  2 +
 src/pages/Department/Card/DepartmentCard.vue | 29 ++------
 src/pages/Entry/Card/EntryCard.vue           | 53 +++----------
 src/pages/Entry/locale/es.yml                |  2 +
 src/pages/Item/Card/ItemCard.vue             | 25 +------
 src/pages/Order/Card/OrderCard.vue           | 20 +----
 src/pages/Parking/Card/ParkingCard.vue       | 58 +++------------
 src/pages/Route/Card/RouteCard.vue           | 19 +----
 src/pages/Shelving/Card/ShelvingCard.vue     | 18 +----
 src/pages/Supplier/Card/SupplierCard.vue     | 77 +++----------------
 src/pages/Supplier/locale/es.yml             |  1 +
 src/pages/Ticket/Card/TicketCard.vue         | 78 +++-----------------
 src/pages/Ticket/locale/es.yml               |  2 +
 src/pages/Travel/Card/TravelCard.vue         | 52 +------------
 src/pages/Wagon/Card/WagonCard.vue           | 30 +-------
 src/pages/Worker/Card/WorkerCard.vue         | 49 +++---------
 src/pages/Worker/locale/es.yml               |  2 +
 22 files changed, 114 insertions(+), 525 deletions(-)
 create mode 100644 src/pages/Claim/locale/es.yml
 create mode 100644 src/pages/Supplier/locale/es.yml
 create mode 100644 src/pages/Ticket/locale/es.yml
 create mode 100644 src/pages/Worker/locale/es.yml

diff --git a/src/components/common/VnCard.vue b/src/components/common/VnCard.vue
index 6bfc7bc6c..a89350e49 100644
--- a/src/components/common/VnCard.vue
+++ b/src/components/common/VnCard.vue
@@ -14,10 +14,10 @@ const props = defineProps({
     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 },
-    searchbarLabel: { type: String, required: true },
-    searchbarInfo: { type: String, required: true },
+    searchbarDataKey: { type: String, default: undefined },
+    searchbarUrl: { type: String, default: undefined },
+    searchbarLabel: { type: String, default: '' },
+    searchbarInfo: { type: String, default: '' },
 });
 
 const { t } = useI18n();
@@ -39,7 +39,10 @@ onBeforeRouteUpdate(async (to, from) => {
 });
 </script>
 <template>
-    <Teleport to="#searchbar" v-if="stateStore.isHeaderMounted()">
+    <Teleport
+        to="#searchbar"
+        v-if="stateStore.isHeaderMounted() && props.searchbarDataKey"
+    >
         <VnSearchbar
             :data-key="props.searchbarDataKey"
             :url="props.searchbarUrl"
@@ -57,7 +60,7 @@ onBeforeRouteUpdate(async (to, from) => {
     <QPageContainer>
         <QPage>
             <VnSubToolbar />
-            <div :class="useCardSize()">
+            <div :class="[useCardSize(), $attrs.class]">
                 <RouterView />
             </div>
         </QPage>
diff --git a/src/css/app.scss b/src/css/app.scss
index c6848ff63..bd2b1b06d 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -172,3 +172,7 @@ input::-webkit-inner-spin-button {
     background-color: $primary !important;
     color: white !important;
 }
+
+.q-scrollarea__content {
+    max-width: 100%;
+}
diff --git a/src/pages/Claim/Card/ClaimCard.vue b/src/pages/Claim/Card/ClaimCard.vue
index 78eec9e8d..b2f9c4d2e 100644
--- a/src/pages/Claim/Card/ClaimCard.vue
+++ b/src/pages/Claim/Card/ClaimCard.vue
@@ -1,46 +1,15 @@
 <script setup>
-import LeftMenu from 'components/LeftMenu.vue';
-import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
-import { useStateStore } from 'stores/useStateStore';
-import { useI18n } from 'vue-i18n';
+import VnCard from 'components/common/VnCard.vue';
 import ClaimDescriptor from './ClaimDescriptor.vue';
-import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
-import useCardSize from 'src/composables/useCardSize';
-
-const stateStore = useStateStore();
-const { t } = useI18n();
 </script>
 <template>
-    <Teleport to="#searchbar" v-if="stateStore.isHeaderMounted()">
-        <VnSearchbar
-            data-key="ClaimList"
-            url="Claims/filter"
-            :label="t('Search claim')"
-            :info="t('You can search by claim id or customer name')"
-        />
-    </Teleport>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit">
-            <ClaimDescriptor />
-            <QSeparator />
-            <LeftMenu source="card" />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <QPage>
-            <VnSubToolbar />
-            <div :class="useCardSize()">
-                <RouterView></RouterView>
-            </div>
-        </QPage>
-    </QPageContainer>
+    <VnCard
+        data-key="Claim"
+        base-url="Claims"
+        :descriptor="ClaimDescriptor"
+        searchbar-data-key="ClaimList"
+        searchbar-url="Claims/filter"
+        searchbar-label="Search claim"
+        searchbar-info="You can search by claim id or customer name"
+    />
 </template>
-
-<i18n>
-es:
-    Search claim: Buscar reclamación
-    You can search by claim id or customer name: Puedes buscar por id de la reclamación o nombre del cliente
-    Details: Detalles
-    Notes: Notas
-    Action: Acción
-</i18n>
diff --git a/src/pages/Claim/locale/es.yml b/src/pages/Claim/locale/es.yml
new file mode 100644
index 000000000..710d3485d
--- /dev/null
+++ b/src/pages/Claim/locale/es.yml
@@ -0,0 +1,2 @@
+Search claim: Buscar reclamación
+You can search by claim id or customer name: Puedes buscar por id de la reclamación o nombre del cliente
diff --git a/src/pages/Customer/Card/CustomerCard.vue b/src/pages/Customer/Card/CustomerCard.vue
index 9da9eb21d..872bd7da7 100644
--- a/src/pages/Customer/Card/CustomerCard.vue
+++ b/src/pages/Customer/Card/CustomerCard.vue
@@ -1,45 +1,15 @@
 <script setup>
-import { useI18n } from 'vue-i18n';
-import { useStateStore } from 'stores/useStateStore';
-import { useRoute } from 'vue-router';
+import VnCard from 'components/common/VnCard.vue';
 import CustomerDescriptor from './CustomerDescriptor.vue';
-import LeftMenu from 'components/LeftMenu.vue';
-import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
-import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
-import useCardSize from 'src/composables/useCardSize';
-
-const stateStore = useStateStore();
-const route = useRoute();
-const { t } = useI18n();
 </script>
 <template>
-    <Teleport to="#searchbar" v-if="stateStore.isHeaderMounted()">
-        <VnSearchbar
-            data-key="CustomerList"
-            url="Clients/filter"
-            :label="t('Search customer')"
-            :info="t('You can search by customer id or name')"
-        />
-    </Teleport>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit">
-            <CustomerDescriptor />
-            <QSeparator />
-            <LeftMenu source="card" />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <QPage>
-            <VnSubToolbar />
-            <div :class="useCardSize()">
-                <RouterView></RouterView>
-            </div>
-        </QPage>
-    </QPageContainer>
+    <VnCard
+        data-key="Client"
+        base-url="Clients"
+        :descriptor="CustomerDescriptor"
+        searchbar-data-key="CustomerList"
+        searchbar-url="Clients/filter"
+        searchbar-label="Search customer"
+        searchbar-info="You can search by customer id or name"
+    />
 </template>
-
-<i18n>
-es:
-    Search customer: Buscar cliente
-    You can search by customer id or name: Puedes buscar por id o nombre del cliente
-</i18n>
diff --git a/src/pages/Customer/locale/es.yml b/src/pages/Customer/locale/es.yml
index 8fed37092..111696f21 100644
--- a/src/pages/Customer/locale/es.yml
+++ b/src/pages/Customer/locale/es.yml
@@ -1,3 +1,5 @@
+Search customer: Buscar cliente
+You can search by customer id or name: Puedes buscar por id o nombre del cliente
 customerFilter:
     filter:
         name: Nombre
diff --git a/src/pages/Department/Card/DepartmentCard.vue b/src/pages/Department/Card/DepartmentCard.vue
index da9accee1..21247ca5a 100644
--- a/src/pages/Department/Card/DepartmentCard.vue
+++ b/src/pages/Department/Card/DepartmentCard.vue
@@ -1,26 +1,13 @@
 <script setup>
-import { useStateStore } from 'stores/useStateStore';
+import VnCard from 'components/common/VnCard.vue';
 import DepartmentDescriptor from 'pages/Department/Card/DepartmentDescriptor.vue';
-import LeftMenu from 'components/LeftMenu.vue';
-import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
-
-const stateStore = useStateStore();
 </script>
 <template>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit">
-            <DepartmentDescriptor />
-            <QSeparator />
-            <LeftMenu source="card" />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <QPage>
-            <VnSubToolbar />
-
-            <div class="q-pa-md column items-center">
-                <RouterView></RouterView>
-            </div>
-        </QPage>
-    </QPageContainer>
+    <VnCard
+        class="q-pa-md column items-center"
+        v-bind="{ ...$attrs }"
+        data-key="Department"
+        base-url="Departments"
+        :descriptor="DepartmentDescriptor"
+    />
 </template>
diff --git a/src/pages/Entry/Card/EntryCard.vue b/src/pages/Entry/Card/EntryCard.vue
index 5a2bef186..3eb4bd776 100644
--- a/src/pages/Entry/Card/EntryCard.vue
+++ b/src/pages/Entry/Card/EntryCard.vue
@@ -1,48 +1,15 @@
 <script setup>
-import { useI18n } from 'vue-i18n';
-
-import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
-import LeftMenu from 'components/LeftMenu.vue';
-import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
+import VnCard from 'components/common/VnCard.vue';
 import EntryDescriptor from './EntryDescriptor.vue';
-
-import { useStateStore } from 'stores/useStateStore';
-import useCardSize from 'src/composables/useCardSize';
-
-const { t } = useI18n();
-const stateStore = useStateStore();
 </script>
 <template>
-    <template v-if="stateStore.isHeaderMounted()">
-        <Teleport to="#searchbar">
-            <VnSearchbar
-                data-key="EntryList"
-                url="Entries/filter"
-                :label="t('Search entries')"
-                :info="t('You can search by entry reference')"
-            />
-        </Teleport>
-    </template>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit">
-            <EntryDescriptor />
-            <QSeparator />
-            <LeftMenu source="card" />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <QPage>
-            <VnSubToolbar />
-
-            <div :class="useCardSize()">
-                <RouterView></RouterView>
-            </div>
-        </QPage>
-    </QPageContainer>
+    <VnCard
+        data-key="Entry"
+        base-url="Entries"
+        :descriptor="EntryDescriptor"
+        searchbar-data-key="EntryList"
+        searchbar-url="Entries/filter"
+        searchbar-label="Search entries"
+        searchbar-info="You can search by entry reference"
+    />
 </template>
-
-<i18n>
-es:
-    Search entries: Buscar entradas
-    You can search by entry reference: Puedes buscar por referencia de la entrada
-</i18n>
diff --git a/src/pages/Entry/locale/es.yml b/src/pages/Entry/locale/es.yml
index 192d03542..5d317a24a 100644
--- a/src/pages/Entry/locale/es.yml
+++ b/src/pages/Entry/locale/es.yml
@@ -1,3 +1,5 @@
+Search entries: Buscar entradas
+You can search by entry reference: Puedes buscar por referencia de la entrada
 entryList:
     list:
         inventoryEntry: Es inventario
diff --git a/src/pages/Item/Card/ItemCard.vue b/src/pages/Item/Card/ItemCard.vue
index 3b3750b2a..4eca6137c 100644
--- a/src/pages/Item/Card/ItemCard.vue
+++ b/src/pages/Item/Card/ItemCard.vue
@@ -1,28 +1,7 @@
 <script setup>
-import LeftMenu from 'components/LeftMenu.vue';
-import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
+import VnCard from 'components/common/VnCard.vue';
 import ItemDescriptor from './ItemDescriptor.vue';
-
-import { useStateStore } from 'stores/useStateStore';
-import useCardSize from 'src/composables/useCardSize';
-
-const stateStore = useStateStore();
 </script>
 <template>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit">
-            <ItemDescriptor />
-            <QSeparator />
-            <LeftMenu source="card" />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <QPage>
-            <VnSubToolbar />
-
-            <div :class="useCardSize()">
-                <RouterView></RouterView>
-            </div>
-        </QPage>
-    </QPageContainer>
+    <VnCard data-key="Item" base-url="Items" :descriptor="ItemDescriptor" />
 </template>
diff --git a/src/pages/Order/Card/OrderCard.vue b/src/pages/Order/Card/OrderCard.vue
index 7ac083c37..ef7b30d86 100644
--- a/src/pages/Order/Card/OrderCard.vue
+++ b/src/pages/Order/Card/OrderCard.vue
@@ -1,23 +1,7 @@
 <script setup>
-import LeftMenu from 'components/LeftMenu.vue';
-import { useStateStore } from 'stores/useStateStore';
+import VnCard from 'components/common/VnCard.vue';
 import OrderDescriptor from 'pages/Order/Card/OrderDescriptor.vue';
-import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
-
-const stateStore = useStateStore();
 </script>
 <template>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit">
-            <OrderDescriptor />
-            <QSeparator />
-            <LeftMenu source="card" />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <QPage>
-            <VnSubToolbar />
-            <RouterView></RouterView>
-        </QPage>
-    </QPageContainer>
+    <VnCard data-key="Order" base-url="Orders" :descriptor="OrderDescriptor" />
 </template>
diff --git a/src/pages/Parking/Card/ParkingCard.vue b/src/pages/Parking/Card/ParkingCard.vue
index 621680985..5a0b552d6 100644
--- a/src/pages/Parking/Card/ParkingCard.vue
+++ b/src/pages/Parking/Card/ParkingCard.vue
@@ -1,57 +1,21 @@
 <script setup>
-import { onMounted, watch } from 'vue';
-import { useRoute } from 'vue-router';
-import { useI18n } from 'vue-i18n';
-import { useStateStore } from 'stores/useStateStore';
-import { useArrayData } from 'src/composables/useArrayData';
-import LeftMenu from 'components/LeftMenu.vue';
-import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
+import VnCard from 'components/common/VnCard.vue';
 import ParkingDescriptor from 'pages/Parking/Card/ParkingDescriptor.vue';
 
-const { t } = useI18n();
-const route = useRoute();
-const stateStore = useStateStore();
-
 const filter = {
     fields: ['id', 'sectorFk', 'code', 'pickingOrder', 'row', 'column'],
     include: [{ relation: 'sector', scope: { fields: ['id', 'description'] } }],
 };
-
-const arrayData = useArrayData('Parking', {
-    url: `Parkings/${route.params.id}`,
-    filter,
-});
-const { store } = arrayData;
-onMounted(async () => await arrayData.fetch({ append: false }));
-watch(
-    () => route.params.id,
-    async (newId) => {
-        if (newId) {
-            store.url = `Parkings/${newId}`;
-            store.filter = filter;
-            await arrayData.fetch({ append: false });
-        }
-    }
-);
 </script>
 <template>
-    <Teleport to="#searchbar" v-if="stateStore.isHeaderMounted()">
-        <VnSearchbar
-            :info="t('parking.searchBar.info')"
-            :label="t('parking.searchBar.label')"
-            data-key="Parking"
-        />
-    </Teleport>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit">
-            <ParkingDescriptor />
-            <QSeparator />
-            <LeftMenu source="card" />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <QPage>
-            <RouterView></RouterView>
-        </QPage>
-    </QPageContainer>
+    <VnCard
+        data-key="Parking"
+        base-url="Parkings"
+        :filter="filter"
+        :descriptor="ParkingDescriptor"
+        searchbar-data-key="ParkingList"
+        searchbar-url="Parkings"
+        searchbar-label="parking.searchBar.label"
+        searchbar-info="parking.searchBar.info"
+    />
 </template>
diff --git a/src/pages/Route/Card/RouteCard.vue b/src/pages/Route/Card/RouteCard.vue
index 46b997b65..fd0a8a507 100644
--- a/src/pages/Route/Card/RouteCard.vue
+++ b/src/pages/Route/Card/RouteCard.vue
@@ -1,22 +1,7 @@
 <script setup>
-import { useStateStore } from 'stores/useStateStore';
-import LeftMenu from 'components/LeftMenu.vue';
+import VnCard from 'components/common/VnCard.vue';
 import RouteDescriptor from 'pages/Route/Card/RouteDescriptor.vue';
-// import ShelvingDescriptor from 'pages/Shelving/Card/ShelvingDescriptor.vue';
-
-const stateStore = useStateStore();
 </script>
 <template>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit">
-            <RouteDescriptor />
-            <QSeparator />
-            <LeftMenu source="card" />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <QPage>
-            <RouterView></RouterView>
-        </QPage>
-    </QPageContainer>
+    <VnCard data-key="Route" base-url="Routes" :descriptor="RouteDescriptor" />
 </template>
diff --git a/src/pages/Shelving/Card/ShelvingCard.vue b/src/pages/Shelving/Card/ShelvingCard.vue
index 221740486..f4a2fcf60 100644
--- a/src/pages/Shelving/Card/ShelvingCard.vue
+++ b/src/pages/Shelving/Card/ShelvingCard.vue
@@ -1,21 +1,7 @@
 <script setup>
-import { useStateStore } from 'stores/useStateStore';
-import LeftMenu from 'components/LeftMenu.vue';
+import VnCard from 'components/common/VnCard.vue';
 import ShelvingDescriptor from 'pages/Shelving/Card/ShelvingDescriptor.vue';
-
-const stateStore = useStateStore();
 </script>
 <template>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit">
-            <ShelvingDescriptor />
-            <QSeparator />
-            <LeftMenu source="card" />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <QPage>
-            <RouterView></RouterView>
-        </QPage>
-    </QPageContainer>
+    <VnCard data-key="Shelving" base-url="Shelvings" :descriptor="ShelvingDescriptor" />
 </template>
diff --git a/src/pages/Supplier/Card/SupplierCard.vue b/src/pages/Supplier/Card/SupplierCard.vue
index fdf1d785a..c8c503056 100644
--- a/src/pages/Supplier/Card/SupplierCard.vue
+++ b/src/pages/Supplier/Card/SupplierCard.vue
@@ -1,73 +1,14 @@
 <script setup>
-import { useI18n } from 'vue-i18n';
-import { useStateStore } from 'stores/useStateStore';
-import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
-import LeftMenu from 'components/LeftMenu.vue';
+import VnCard from 'components/common/VnCard.vue';
 import SupplierDescriptor from './SupplierDescriptor.vue';
-import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
-import useCardSize from 'src/composables/useCardSize';
-
-const stateStore = useStateStore();
-const { t } = useI18n();
 </script>
 <template>
-    <template v-if="stateStore.isHeaderMounted()">
-        <Teleport to="#searchbar">
-            <VnSearchbar
-                data-key="SuppliersList"
-                url="Suppliers/filter"
-                :limit="20"
-                :label="t('Search suppliers')"
-            />
-        </Teleport>
-    </template>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit">
-            <SupplierDescriptor />
-            <QSeparator />
-            <LeftMenu source="card" />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <QPage>
-            <VnSubToolbar />
-            <div :class="useCardSize()">
-                <RouterView></RouterView>
-            </div>
-        </QPage>
-    </QPageContainer>
+    <VnCard
+        data-key="Supplier"
+        base-url="Suppliers"
+        :descriptor="SupplierDescriptor"
+        searchbar-data-key="SupplierList"
+        searchbar-url="Suppliers/filter"
+        searchbar-label="Search suppliers"
+    />
 </template>
-
-<style lang="scss">
-.q-scrollarea__content {
-    max-width: 100%;
-}
-</style>
-
-<style lang="scss" scoped>
-.descriptor {
-    max-width: 256px;
-
-    h5 {
-        margin: 0 15px;
-    }
-
-    .header {
-        display: flex;
-        justify-content: space-between;
-    }
-
-    .q-card__actions {
-        justify-content: center;
-    }
-
-    #descriptor-skeleton .q-card__actions {
-        justify-content: space-between;
-    }
-}
-</style>
-
-<i18n>
-    es:
-        Search suppliers: Buscar proveedores
-</i18n>
diff --git a/src/pages/Supplier/locale/es.yml b/src/pages/Supplier/locale/es.yml
new file mode 100644
index 000000000..e7e484f6a
--- /dev/null
+++ b/src/pages/Supplier/locale/es.yml
@@ -0,0 +1 @@
+Search suppliers: Buscar proveedores
diff --git a/src/pages/Ticket/Card/TicketCard.vue b/src/pages/Ticket/Card/TicketCard.vue
index 0d5d3803e..471bfe490 100644
--- a/src/pages/Ticket/Card/TicketCard.vue
+++ b/src/pages/Ticket/Card/TicketCard.vue
@@ -1,73 +1,15 @@
 <script setup>
-import { useI18n } from 'vue-i18n';
-import { useStateStore } from 'stores/useStateStore';
+import VnCard from 'components/common/VnCard.vue';
 import TicketDescriptor from './TicketDescriptor.vue';
-import LeftMenu from 'components/LeftMenu.vue';
-import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
-import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
-import useCardSize from 'src/composables/useCardSize';
-
-const stateStore = useStateStore();
-const { t } = useI18n();
 </script>
 <template>
-    <Teleport to="#searchbar" v-if="stateStore.isHeaderMounted()">
-        <VnSearchbar
-            data-key="TicketList"
-            url="Tickets/filter"
-            :label="t('Search ticket')"
-            :info="t('You can search by ticket id or alias')"
-        />
-    </Teleport>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit">
-            <TicketDescriptor />
-            <QSeparator />
-            <LeftMenu source="card" />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <QPage>
-            <VnSubToolbar />
-
-            <div :class="useCardSize()">
-                <RouterView></RouterView>
-            </div>
-        </QPage>
-    </QPageContainer>
+    <VnCard
+        data-key="Ticket"
+        base-url="Tickets"
+        :descriptor="TicketDescriptor"
+        searchbar-data-key="TicketList"
+        searchbar-url="Tickets/filter"
+        searchbar-label="Search ticket"
+        searchbar-info="You can search by ticket id or alias"
+    />
 </template>
-
-<style lang="scss">
-.q-scrollarea__content {
-    max-width: 100%;
-}
-</style>
-
-<style lang="scss" scoped>
-.descriptor {
-    max-width: 256px;
-
-    h5 {
-        margin: 0 15px;
-    }
-
-    .header {
-        display: flex;
-        justify-content: space-between;
-    }
-
-    .q-card__actions {
-        justify-content: center;
-    }
-
-    #descriptor-skeleton .q-card__actions {
-        justify-content: space-between;
-    }
-}
-</style>
-
-<i18n>
-es:
-    Search ticket: Buscar ticket
-    You can search by ticket id or alias: Puedes buscar por id o alias del ticket
-</i18n>
diff --git a/src/pages/Ticket/locale/es.yml b/src/pages/Ticket/locale/es.yml
new file mode 100644
index 000000000..5348b29b9
--- /dev/null
+++ b/src/pages/Ticket/locale/es.yml
@@ -0,0 +1,2 @@
+Search ticket: Buscar ticket
+You can search by ticket id or alias: Puedes buscar por id o alias del ticket
diff --git a/src/pages/Travel/Card/TravelCard.vue b/src/pages/Travel/Card/TravelCard.vue
index e6c7b7e28..1d591f064 100644
--- a/src/pages/Travel/Card/TravelCard.vue
+++ b/src/pages/Travel/Card/TravelCard.vue
@@ -1,55 +1,7 @@
 <script setup>
-import { useStateStore } from 'stores/useStateStore';
+import VnCard from 'components/common/VnCard.vue';
 import TravelDescriptor from './TravelDescriptor.vue';
-import LeftMenu from 'components/LeftMenu.vue';
-import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
-import useCardSize from 'src/composables/useCardSize';
-
-const stateStore = useStateStore();
 </script>
 <template>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit">
-            <TravelDescriptor />
-            <QSeparator />
-            <LeftMenu source="card" />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <QPage>
-            <VnSubToolbar />
-            <div :class="useCardSize()">
-                <RouterView></RouterView>
-            </div>
-        </QPage>
-    </QPageContainer>
+    <VnCard data-key="Travel" base-url="Travels" :descriptor="TravelDescriptor" />
 </template>
-
-<style lang="scss">
-.q-scrollarea__content {
-    max-width: 100%;
-}
-</style>
-
-<style lang="scss" scoped>
-.descriptor {
-    max-width: 256px;
-
-    h5 {
-        margin: 0 15px;
-    }
-
-    .header {
-        display: flex;
-        justify-content: space-between;
-    }
-
-    .q-card__actions {
-        justify-content: center;
-    }
-
-    #descriptor-skeleton .q-card__actions {
-        justify-content: space-between;
-    }
-}
-</style>
diff --git a/src/pages/Wagon/Card/WagonCard.vue b/src/pages/Wagon/Card/WagonCard.vue
index 5ac18fb47..ed6c83778 100644
--- a/src/pages/Wagon/Card/WagonCard.vue
+++ b/src/pages/Wagon/Card/WagonCard.vue
@@ -1,32 +1,6 @@
 <script setup>
-import { useI18n } from 'vue-i18n';
-import { useStateStore } from 'stores/useStateStore';
-import { useRoute } from 'vue-router';
-import LeftMenu from 'components/LeftMenu.vue';
-import useCardSize from 'src/composables/useCardSize';
-
-const stateStore = useStateStore();
-const route = useRoute();
-const { t } = useI18n();
+import VnCard from 'components/common/VnCard.vue';
 </script>
 <template>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit">
-            <QSeparator />
-            <LeftMenu source="card" />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <QPage>
-            <div :class="useCardSize()">
-                <RouterView></RouterView>
-            </div>
-        </QPage>
-    </QPageContainer>
+    <VnCard data-key="Wagon" base-url="Wagons" />
 </template>
-
-<i18n>
-es:
-    Search customer: Buscar cliente
-    You can search by customer id or name: Puedes buscar por id o nombre del cliente
-</i18n>
diff --git a/src/pages/Worker/Card/WorkerCard.vue b/src/pages/Worker/Card/WorkerCard.vue
index 0d62dcfc1..d76ef6f59 100644
--- a/src/pages/Worker/Card/WorkerCard.vue
+++ b/src/pages/Worker/Card/WorkerCard.vue
@@ -1,44 +1,15 @@
 <script setup>
-import { useI18n } from 'vue-i18n';
-import { useStateStore } from 'stores/useStateStore';
+import VnCard from 'components/common/VnCard.vue';
 import WorkerDescriptor from './WorkerDescriptor.vue';
-import LeftMenu from 'components/LeftMenu.vue';
-import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
-import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
-import useCardSize from 'src/composables/useCardSize';
-
-const stateStore = useStateStore();
-const { t } = useI18n();
 </script>
 <template>
-    <Teleport to="#searchbar" v-if="stateStore.isHeaderMounted()">
-        <VnSearchbar
-            data-key="WorkerList"
-            url="Workers/filter"
-            :label="t('Search worker')"
-            :info="t('You can search by worker id or name')"
-        />
-    </Teleport>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit">
-            <WorkerDescriptor />
-            <QSeparator />
-            <LeftMenu source="card" />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <QPage>
-            <VnSubToolbar />
-
-            <div :class="useCardSize()">
-                <RouterView></RouterView>
-            </div>
-        </QPage>
-    </QPageContainer>
+    <VnCard
+        data-key="Worker"
+        base-url="Workers"
+        :descriptor="WorkerDescriptor"
+        searchbar-data-key="WorkerList"
+        searchbar-url="Workers/filter"
+        searchbar-label="Search worker"
+        searchbar-info="You can search by worker id or name"
+    />
 </template>
-
-<i18n>
-es:
-    Search worker: Buscar trabajador
-    You can search by worker id or name: Puedes buscar por id o nombre del trabajador
-</i18n>
diff --git a/src/pages/Worker/locale/es.yml b/src/pages/Worker/locale/es.yml
new file mode 100644
index 000000000..86dd9d0d9
--- /dev/null
+++ b/src/pages/Worker/locale/es.yml
@@ -0,0 +1,2 @@
+Search worker: Buscar trabajador
+You can search by worker id or name: Puedes buscar por id o nombre del trabajador

From 7a4f975cc9845a6f10c6e83b28cc0d86bbb025e7 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Fri, 19 Apr 2024 13:52:19 +0200
Subject: [PATCH 055/305] fix: refs #6480 fix warning

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

diff --git a/src/components/ui/CardSummary.vue b/src/components/ui/CardSummary.vue
index bac72334c..1a4514ef5 100644
--- a/src/components/ui/CardSummary.vue
+++ b/src/components/ui/CardSummary.vue
@@ -15,7 +15,7 @@ const props = defineProps({
         default: null,
     },
     entityId: {
-        type: Number,
+        type: [Number, String],
         default: null,
     },
     dataKey: {

From 3f5c711fa1de7a2099d576768632a4f0d4f68601 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Fri, 19 Apr 2024 12:26:49 -0300
Subject: [PATCH 056/305] Improvements

---
 src/components/ui/FetchedTags.vue |  2 +-
 src/pages/Item/ItemFixedPrice.vue | 23 ++++++++++++++++-------
 2 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/src/components/ui/FetchedTags.vue b/src/components/ui/FetchedTags.vue
index 12bce9d4b..d26c21a4c 100644
--- a/src/components/ui/FetchedTags.vue
+++ b/src/components/ui/FetchedTags.vue
@@ -18,7 +18,7 @@ defineProps({
                 :class="{ empty: !$props.item.value5 }"
                 :title="$props.item.tag5 + ': ' + $props.item.value5"
             >
-                {{ $props.item.value5 }}
+                {{ $props.item.value5 }}s
             </div>
             <div
                 class="inline-tag"
diff --git a/src/pages/Item/ItemFixedPrice.vue b/src/pages/Item/ItemFixedPrice.vue
index 402010f06..1af73b393 100644
--- a/src/pages/Item/ItemFixedPrice.vue
+++ b/src/pages/Item/ItemFixedPrice.vue
@@ -9,7 +9,6 @@ import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
 import VnInputDate from 'src/components/common/VnInputDate.vue';
 import EditTableCellValueForm from 'src/components/EditTableCellValueForm.vue';
 import ItemFixedPriceFilter from './ItemFixedPriceFilter.vue';
-// TODO: mostrar item descriptor en fetchedtags
 import ItemDescriptorProxy from './Card/ItemDescriptorProxy.vue';
 
 import { useStateStore } from 'stores/useStateStore';
@@ -27,7 +26,6 @@ const { openConfirmationModal } = useVnConfirm();
 const state = useState();
 const { notify } = useNotify();
 
-// const fixedPricesFetchRef = ref(null);
 const editTableCellDialogRef = ref(null);
 const user = state.getUser();
 const fixedPrices = ref([]);
@@ -306,7 +304,7 @@ const upsertPrice = async ({ row, col, rowIndex }, resetMinPrice = false) => {
         row = data;
         fixedPricesOriginalData.value[rowIndex][col.field] = row[col.field];
     } catch (err) {
-        console.error('Error upserting price', err);
+        console.error('Error editing price', err);
     }
 };
 
@@ -381,7 +379,6 @@ const updateMinPrice = async (value, props) => {
 };
 
 const isLower = (date) => {
-    // TODO: APLICAR ESTO A CHIPS A LAS FECHAS DE ENDED DATE
     let today = Date.vnNew();
     today.setHours(0, 0, 0, 0);
 
@@ -393,7 +390,6 @@ const isLower = (date) => {
 };
 
 const isBigger = (date) => {
-    // TODO: APLICAR ESTO A CHIPS A LAS FECHAS DE STARTED DATE
     let today = Date.vnNew();
     today.setHours(0, 0, 0, 0);
 
@@ -505,7 +501,10 @@ onUnmounted(() => (stateStore.rightDrawer = false));
             </template>
             <template #body-cell-description="{ row }">
                 <QTd class="col">
-                    <span>{{ row.name }} {{ row.subName }}</span>
+                    <span class="link">
+                        {{ row.name }}
+                    </span>
+                    <ItemDescriptorProxy :id="row.itemFk" />
                     <fetched-tags :item="row" :max-length="6" />
                 </QTd>
             </template>
@@ -551,10 +550,15 @@ onUnmounted(() => (stateStore.rightDrawer = false));
                 </QTd>
             </template>
             <template #body-cell-started="props">
-                <QTd class="col" style="min-width: 150px">
+                <QTd class="col" style="min-width: 160px">
                     <VnInputDate
                         v-model="props.row.started"
                         v-on="getRowUpdateInputEvents(props, false, 'date')"
+                        v-bind="
+                            isBigger(props.row.started)
+                                ? { 'bg-color': 'warning', 'is-outlined': true }
+                                : {}
+                        "
                     />
                 </QTd>
             </template>
@@ -563,6 +567,11 @@ onUnmounted(() => (stateStore.rightDrawer = false));
                     <VnInputDate
                         v-model="props.row.ended"
                         v-on="getRowUpdateInputEvents(props, false, 'date')"
+                        v-bind="
+                            isLower(props.row.ended)
+                                ? { 'bg-color': 'warning', 'is-outlined': true }
+                                : {}
+                        "
                     />
                 </QTd>
             </template>

From d5832eaf41ca1fc7471b51c966d2571a4fc867d2 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Fri, 19 Apr 2024 12:52:45 -0300
Subject: [PATCH 057/305] improvement

---
 src/components/common/VnInputDate.vue | 5 ++---
 src/components/ui/FetchedTags.vue     | 2 +-
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/components/common/VnInputDate.vue b/src/components/common/VnInputDate.vue
index dc4c5b7d2..2053eceb1 100644
--- a/src/components/common/VnInputDate.vue
+++ b/src/components/common/VnInputDate.vue
@@ -1,6 +1,5 @@
 <script setup>
 import { computed, ref } from 'vue';
-import VnInput from 'components/common/VnInput.vue';
 import isValidDate from 'filters/isValidDate';
 
 const props = defineProps({
@@ -80,7 +79,7 @@ const styleAttrs = computed(() => {
 
 <template>
     <div @mouseover="hover = true" @mouseleave="hover = false">
-        <VnInput
+        <QInput
             class="vn-input-date"
             readonly
             :model-value="displayDate(value)"
@@ -110,7 +109,7 @@ const styleAttrs = computed(() => {
                     </QPopupProxy>
                 </QIcon>
             </template>
-        </VnInput>
+        </QInput>
     </div>
 </template>
 
diff --git a/src/components/ui/FetchedTags.vue b/src/components/ui/FetchedTags.vue
index d26c21a4c..12bce9d4b 100644
--- a/src/components/ui/FetchedTags.vue
+++ b/src/components/ui/FetchedTags.vue
@@ -18,7 +18,7 @@ defineProps({
                 :class="{ empty: !$props.item.value5 }"
                 :title="$props.item.tag5 + ': ' + $props.item.value5"
             >
-                {{ $props.item.value5 }}s
+                {{ $props.item.value5 }}
             </div>
             <div
                 class="inline-tag"

From 2b24e18f755c135ae7f94e284fcf58d0cdba1b98 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 22 Apr 2024 07:37:35 +0200
Subject: [PATCH 058/305] FEAT: SETiNTERVAL WITH RENEWpERIOD

---
 src/composables/useSession.js     | 68 +++++++++++++++++++++++--------
 src/composables/useTokenConfig.js | 12 +++---
 src/pages/Login/LoginMain.vue     |  8 +++-
 src/router/index.js               |  2 +
 4 files changed, 64 insertions(+), 26 deletions(-)

diff --git a/src/composables/useSession.js b/src/composables/useSession.js
index b4c5e4abb..f308bf3e2 100644
--- a/src/composables/useSession.js
+++ b/src/composables/useSession.js
@@ -10,6 +10,7 @@ const TOKEN = 'token';
 export function useSession() {
     const { notify } = useNotify();
     let isCheckingToken = false;
+    let intervalId = null;
 
     function getToken() {
         const localToken = localStorage.getItem(TOKEN);
@@ -24,14 +25,25 @@ export function useSession() {
         return localTokenMultimedia || sessionTokenMultimedia || '';
     }
 
-    function setToken(data) {
-        let keepLogin = data.keepLogin ?? sessionStorage.getItem('keepLogin');
-        if (!keepLogin) keepLogin = false;
+    function setSession(data) {
+        let keepLogin = data.keepLogin;
         const storage = keepLogin ? localStorage : sessionStorage;
         storage.setItem(TOKEN, data.token);
         storage.setItem(TOKEN_MULTIMEDIA, data.tokenMultimedia);
+        storage.setItem('created', data.created);
+        storage.setItem('ttl', data.ttl);
         sessionStorage.setItem('keepLogin', keepLogin);
     }
+
+    function keepLogin() {
+        return sessionStorage.getItem('keepLogin');
+    }
+
+    function setToken({ token, tokenMultimedia }) {
+        const storage = keepLogin() ? localStorage : sessionStorage;
+        storage.setItem(TOKEN, token);
+        storage.setItem(TOKEN_MULTIMEDIA, tokenMultimedia);
+    }
     async function destroyToken(url, storage, key) {
         if (storage.getItem(key)) {
             try {
@@ -50,11 +62,15 @@ export function useSession() {
             tokenMultimedia: 'Accounts/logout',
             token: 'VnUsers/logout',
         };
+        const storage = keepLogin() ? localStorage : sessionStorage;
+
         for (const [key, url] of Object.entries(tokens)) {
-            await destroyToken(url, localStorage, key);
-            await destroyToken(url, sessionStorage, key);
+            await destroyToken(url, storage, key);
         }
 
+        localStorage.clear();
+        sessionStorage.clear();
+
         const { setUser } = useState();
 
         setUser({
@@ -68,25 +84,33 @@ export function useSession() {
         stopRenewer();
     }
 
-    async function login(token, tokenMultimedia, keepLogin) {
-        setToken({ token, tokenMultimedia, keepLogin });
+    async function login(data) {
+        setSession(data);
 
         await useRole().fetch();
         await useUserConfig().fetch();
         await useTokenConfig().fetch();
-
-        await checkValidity();
+        startInterval();
     }
 
     function isLoggedIn() {
         const localToken = localStorage.getItem(TOKEN);
         const sessionToken = sessionStorage.getItem(TOKEN);
-
+        startInterval();
         return !!(localToken || sessionToken);
     }
 
+    function startInterval() {
+        stopRenewer();
+        const renewPeriod = +sessionStorage.getItem('renewPeriod');
+        if (!renewPeriod) return;
+        intervalId = setInterval(() => checkValidity(), renewPeriod * 1000);
+        // JUST FOR TEST
+        // checkValidity();
+    }
+
     function stopRenewer() {
-        clearInterval(this.intervalId);
+        clearInterval(intervalId);
     }
 
     async function renewToken() {
@@ -98,24 +122,32 @@ export function useSession() {
         const tokenMultimedia = await axios.post('VnUsers/renewToken', {
             headers: { Authorization: _tokenMultimedia },
         });
-        setToken({ token, tokenMultimedia });
+        setToken({ token: token.data.id, tokenMultimedia: tokenMultimedia.data.id });
     }
 
     async function checkValidity() {
         const { getTokenConfig } = useState();
 
-        const tokenConfig = getTokenConfig();
-        const created = +localStorage.getItem('created');
-        const ttl = localStorage.getItem('ttl');
+        const tokenConfig = getTokenConfig() ?? sessionStorage.getItem('tokenConfig');
+        const storage = keepLogin() ? localStorage : sessionStorage;
+
+        const created = +storage.getItem('created');
+        const ttl = +storage.getItem('ttl');
 
         if (isCheckingToken || !created) return;
         isCheckingToken = true;
 
         const renewPeriodInSeconds = Math.min(ttl, tokenConfig.value.renewPeriod) * 1000;
-        const maxDate = created + renewPeriodInSeconds;
-        const now = new Date();
 
-        if (now.getTime() <= maxDate) return (isCheckingToken = false);
+        const maxDate = created + renewPeriodInSeconds;
+        const now = new Date().getTime();
+
+        //COMMENT THIS IF JUST FOR TEST
+        if (isNaN(renewPeriodInSeconds) || now <= maxDate) {
+            console.error('Token not renewed');
+            return (isCheckingToken = false);
+        }
+        console.error('Token renewed');
 
         await renewToken();
         isCheckingToken = false;
diff --git a/src/composables/useTokenConfig.js b/src/composables/useTokenConfig.js
index afe7a5272..600122199 100644
--- a/src/composables/useTokenConfig.js
+++ b/src/composables/useTokenConfig.js
@@ -8,15 +8,13 @@ export function useTokenConfig() {
 
     async function fetch() {
         try {
-            let tokenConfigState = state.getTokenConfig();
-            if (tokenConfigState) return tokenConfigState;
-
-            const tokenConfig = await axios.get('AccessTokenConfigs/findOne', {
+            const { data } = await axios.get('AccessTokenConfigs/findOne', {
                 filter: { fields: ['renewInterval', 'renewPeriod'] },
             });
-            if (!tokenConfig) return;
-            state.setTokenConfig(tokenConfig);
-            return tokenConfig;
+            if (!data) return;
+            state.setTokenConfig(data);
+            sessionStorage.setItem('renewPeriod', data.renewPeriod);
+            return data;
         } catch (error) {
             notify('errors.tokenConfig', 'negative');
             console.error('Error fetching token config:', error);
diff --git a/src/pages/Login/LoginMain.vue b/src/pages/Login/LoginMain.vue
index fcde51edf..5a3490f50 100644
--- a/src/pages/Login/LoginMain.vue
+++ b/src/pages/Login/LoginMain.vue
@@ -38,7 +38,13 @@ async function onSubmit() {
 
         if (!multimediaToken) return;
 
-        await session.login(data.token, multimediaToken.id, keepLogin.value);
+        const login = {
+            ...data,
+            created: Date.now(),
+            tokenMultimedia: multimediaToken.id,
+            keepLogin: keepLogin.value,
+        };
+        await session.login(login);
 
         quasar.notify({
             message: t('login.loginSuccess'),
diff --git a/src/router/index.js b/src/router/index.js
index 3e442f0e6..7a0aedcae 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -12,6 +12,7 @@ import { useSession } from 'src/composables/useSession';
 import { useRole } from 'src/composables/useRole';
 import { useUserConfig } from 'src/composables/useUserConfig';
 import { toLowerCamel } from 'src/filters';
+import { useTokenConfig } from 'src/composables/useTokenConfig';
 
 const state = useState();
 const session = useSession();
@@ -55,6 +56,7 @@ export default route(function (/* { store, ssrContext } */) {
             if (stateRoles.length === 0) {
                 await useRole().fetch();
                 await useUserConfig().fetch();
+                await useTokenConfig().fetch();
             }
             const matches = to.matched;
             const hasRequiredRoles = matches.every((route) => {

From ab61a68f28466bb1be2a91d908a2660fc9cc6ea4 Mon Sep 17 00:00:00 2001
From: Jon <jon@verdnatura.es>
Date: Mon, 22 Apr 2024 11:20:25 +0200
Subject: [PATCH 059/305] refactor: refs #6899 moved css to app.scss

---
 src/css/app.scss                                |  9 ++++++++-
 src/pages/InvoiceOut/Card/InvoiceOutSummary.vue | 11 +----------
 2 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/src/css/app.scss b/src/css/app.scss
index aaa071cde..f596a18dd 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -136,6 +136,13 @@ select:-webkit-autofill {
     }
 }
 
+.q-btn {
+    text-transform: none;
+}
+.tr-header {
+    color: var(--vn-label-color);
+}
+
 .q-chip,
 .q-notification__message,
 .q-notification__icon {
@@ -168,4 +175,4 @@ input::-webkit-inner-spin-button {
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
-}
\ No newline at end of file
+}
diff --git a/src/pages/InvoiceOut/Card/InvoiceOutSummary.vue b/src/pages/InvoiceOut/Card/InvoiceOutSummary.vue
index 2d6d17ae2..4c6e1dc56 100644
--- a/src/pages/InvoiceOut/Card/InvoiceOutSummary.vue
+++ b/src/pages/InvoiceOut/Card/InvoiceOutSummary.vue
@@ -171,7 +171,7 @@ const ticketsColumns = ref([
                     </template>
                     <template #body-cell-quantity="{ value, row }">
                         <QTd>
-                            <QBtn class="no-uppercase" flat color="primary" dense>
+                            <QBtn flat color="primary" dense>
                                 {{ value }}
                                 <CustomerDescriptorProxy :id="row.id" />
                             </QBtn>
@@ -182,12 +182,3 @@ const ticketsColumns = ref([
         </template>
     </CardSummary>
 </template>
-
-<style lang="scss" scoped>
-.tr-header {
-    color: var(--vn-label-color);
-}
-.no-uppercase {
-    text-transform: none;
-}
-</style>

From d2ec47fe1c87803770425ddb317abd83d21f7cdb Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Mon, 22 Apr 2024 11:25:32 +0200
Subject: [PATCH 060/305] refs #6976 total Stems

---
 .../Supplier/Card/SupplierConsumption.vue     | 20 +++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/pages/Supplier/Card/SupplierConsumption.vue b/src/pages/Supplier/Card/SupplierConsumption.vue
index e7cbca8b1..2b4dfe6b8 100644
--- a/src/pages/Supplier/Card/SupplierConsumption.vue
+++ b/src/pages/Supplier/Card/SupplierConsumption.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { useRoute } from 'vue-router';
-import { computed, onMounted } from 'vue';
+import { computed, onMounted, watch, onUnmounted } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useQuasar } from 'quasar';
 
@@ -17,7 +17,6 @@ import axios from 'axios';
 import { useStateStore } from 'stores/useStateStore';
 import { useState } from 'src/composables/useState';
 import { useArrayData } from 'composables/useArrayData';
-import { onUnmounted } from 'vue';
 
 const state = useState();
 const stateStore = useStateStore();
@@ -35,6 +34,9 @@ const arrayData = useArrayData('SupplierConsumption', {
 
 const store = arrayData.store;
 
+console.log('route del principio', route.query.from);
+watch(() => route.query);
+
 onUnmounted(() => state.unset('SupplierConsumption'));
 const dateRanges = computed(() => {
     const ranges = {
@@ -42,6 +44,7 @@ const dateRanges = computed(() => {
         to: null,
     };
 
+    console.log('route del if', route.query.from);
     if (route.query && route.query.params) {
         const params = JSON.parse(route.query.params);
         if (params.from && params.to) {
@@ -52,7 +55,7 @@ const dateRanges = computed(() => {
 
     return ranges;
 });
-
+console.log('dataRanges', dateRanges);
 const reportParams = computed(() => ({
     recipientId: Number(route.params.id),
     ...dateRanges.value,
@@ -112,12 +115,16 @@ const sendCampaignMetricsEmail = ({ address }) => {
 const calculateTotal = (buysArray = []) =>
     buysArray.reduce((accumulator, { total }) => accumulator + total, 0);
 
+const calculateTotalStems = (buysArray = []) =>
+    buysArray.reduce((accumulator, { quantity }) => accumulator + quantity, 0);
+
 onMounted(async () => {
     stateStore.rightDrawer = true;
     await getSupplierConsumptionData();
 });
 
 console.log('dateRange From', dateRanges.value.from);
+console.log('dateRange value', dateRanges.value);
 </script>
 
 <template>
@@ -192,10 +199,14 @@ console.log('dateRange From', dateRanges.value.from);
                     <QTd colspan="2" no-hover> {{ dashIfEmpty(buy.total) }}</QTd>
                 </QTr>
                 <QTr>
-                    <QTd colspan="6" no-hover>
+                    <QTd colspan="5" no-hover>
                         <span class="label">{{ t('Total entry') }}: </span>
                         <span>{{ calculateTotal(row.buys) }}</span>
                     </QTd>
+                    <QTd no-hover>
+                        <span class="label">{{ t('Total stems') }}: </span>
+                        <span>{{ calculateTotalStems(row.buys) }}</span>
+                    </QTd>
                 </QTr>
             </template>
         </QTable>
@@ -211,6 +222,7 @@ console.log('dateRange From', dateRanges.value.from);
 <i18n>
 es:
     Total entry: Total entrada
+    Total stems: Total tallos
     Open as PDF: Abrir como PDF
     Send to email: Enviar por email
     This supplier does not have a contact with an email address: Este proveedor no tiene un email de contacto

From 6b4cb4ed122cf086cff1f699b2d53a08efa5d80d Mon Sep 17 00:00:00 2001
From: pablone <pablone@verdnatura.es>
Date: Mon, 22 Apr 2024 12:19:22 +0200
Subject: [PATCH 061/305] feat: refs #4988 add agency section

---
 src/i18n/en/index.js                       |  14 ++-
 src/i18n/es/index.js                       |   9 ++
 src/pages/Agency/AgencyList.vue            |   8 --
 src/pages/Agency/Card/AgencyBasicData.vue  |  21 ++--
 src/pages/Agency/Card/AgencyCard.vue       |   5 -
 src/pages/Agency/Card/AgencyDescriptor.vue |   7 +-
 src/pages/Agency/Card/AgencyModes.vue      |  84 +++++++++++++++
 src/pages/Agency/Card/AgencySummary.vue    |  20 ++--
 src/pages/Agency/Card/AgencyWorkcenter.vue | 113 +++++++++++++++++++++
 src/router/modules/agency.js               |  36 ++++++-
 src/router/modules/route.js                |   2 +-
 11 files changed, 274 insertions(+), 45 deletions(-)
 create mode 100644 src/pages/Agency/Card/AgencyModes.vue
 create mode 100644 src/pages/Agency/Card/AgencyWorkcenter.vue

diff --git a/src/i18n/en/index.js b/src/i18n/en/index.js
index d26ee26a3..be8a13267 100644
--- a/src/i18n/en/index.js
+++ b/src/i18n/en/index.js
@@ -94,6 +94,7 @@ export default {
         },
         created: 'Created',
         worker: 'Worker',
+        name: 'Name',
     },
     errors: {
         statusUnauthorized: 'Access denied',
@@ -1034,11 +1035,6 @@ export default {
             },
         },
     },
-    agency: {
-        pageTitles: {
-            agency: 'Agency',
-        },
-    },
     supplier: {
         pageTitles: {
             suppliers: 'Suppliers',
@@ -1291,4 +1287,12 @@ export default {
         },
         iban_tooltip: 'IBAN: ES21 1234 5678 90 0123456789',
     },
+    agency: {
+        pageTitles: {
+            agency: 'Agency',
+            modes: 'Modes',
+        },
+        isOwn: 'Is own',
+        isAnyVolumeAllowed: 'Any volume allowed',
+    },
 };
diff --git a/src/i18n/es/index.js b/src/i18n/es/index.js
index 0d31c375f..88e000635 100644
--- a/src/i18n/es/index.js
+++ b/src/i18n/es/index.js
@@ -94,6 +94,7 @@ export default {
         },
         created: 'Fecha creación',
         worker: 'Trabajador',
+        name: 'Nombre',
     },
     errors: {
         statusUnauthorized: 'Acceso denegado',
@@ -1284,4 +1285,12 @@ export default {
         },
         iban_tooltip: 'IBAN: ES21 1234 5678 90 0123456789',
     },
+    agency: {
+        pageTitles: {
+            agency: 'Agencia',
+            modes: 'Modos',
+        },
+        isOwn: 'Propia',
+        isAnyVolumeAllowed: 'Volumen libre',
+    },
 };
diff --git a/src/pages/Agency/AgencyList.vue b/src/pages/Agency/AgencyList.vue
index 6f8185864..930cae563 100644
--- a/src/pages/Agency/AgencyList.vue
+++ b/src/pages/Agency/AgencyList.vue
@@ -5,10 +5,8 @@ import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
 import { useStateStore } from 'stores/useStateStore';
 import { useRouter } from 'vue-router';
 import { useI18n } from 'vue-i18n';
-import { useSummaryDialog } from 'src/composables/useSummaryDialog';
 
 const { t } = useI18n();
-const { viewSummary } = useSummaryDialog();
 const router = useRouter();
 const stateStore = useStateStore();
 function navigate(id) {
@@ -68,12 +66,6 @@ function exprBuilder(param, value) {
                                 @click.stop="navigate(row.id)"
                                 outline
                             />
-                            <QBtn
-                                :label="t('components.smartCard.openSummary')"
-                                @click.stop="viewSummary(row.id, CustomerSummary)"
-                                color="primary"
-                                style="margin-top: 15px"
-                            />
                         </template>
                     </CardList>
                 </template>
diff --git a/src/pages/Agency/Card/AgencyBasicData.vue b/src/pages/Agency/Card/AgencyBasicData.vue
index f54f7037d..00595ce1f 100644
--- a/src/pages/Agency/Card/AgencyBasicData.vue
+++ b/src/pages/Agency/Card/AgencyBasicData.vue
@@ -2,23 +2,18 @@
 import { ref } from 'vue';
 import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
-import VnRow from 'components/ui/VnRow.vue';
+
+import FormModel from 'components/FormModel.vue';
 import FetchData from 'src/components/FetchData.vue';
+import VnRow from 'components/ui/VnRow.vue';
 import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
 import VnInput from 'src/components/common/VnInput.vue';
-import FormModel from 'components/FormModel.vue';
 import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
 
 const { t } = useI18n();
 const route = useRoute();
-const id = route.params?.id || null;
+const routeId = route.params?.id || null;
 const warehouses = ref([]);
-const sectorFilter = { fields: ['id', 'description'] };
-
-const filter = {
-    fields: ['sectorFk', 'code', 'pickingOrder', 'row', 'column'],
-    include: [{ relation: 'sector', scope: sectorFilter }],
-};
 </script>
 <template>
     <FetchData
@@ -28,7 +23,7 @@ const filter = {
         auto-load
     />
     <VnSubToolbar />
-    <FormModel :url="`Agencies/${id}`" model="agency" auto-load>
+    <FormModel :url="`Agencies/${routeId}`" model="agency" auto-load>
         <template #form="{ data }">
             <VnRow>
                 <VnInput v-model="data.name" :label="t('globals.name')" />
@@ -38,7 +33,7 @@ const filter = {
                     v-model="data.sectorFk"
                     option-value="id"
                     option-label="name"
-                    :label="t('parking.sector')"
+                    :label="t('globals.warehouse')"
                     :options="warehouses"
                     use-input
                     input-debounce="0"
@@ -46,11 +41,11 @@ const filter = {
                 />
             </VnRow>
             <VnRow>
-                <QCheckbox :label="t('isOwn')" v-model="data.isOwn" />
+                <QCheckbox :label="t('agency.isOwn')" v-model="data.isOwn" />
             </VnRow>
             <VnRow>
                 <QCheckbox
-                    :label="t('isAnyVolumeAllowed')"
+                    :label="t('agency.isAnyVolumeAllowed')"
                     v-model="data.isAnyVolumeAllowed"
                 />
             </VnRow>
diff --git a/src/pages/Agency/Card/AgencyCard.vue b/src/pages/Agency/Card/AgencyCard.vue
index 628acf2f2..db2e6381c 100644
--- a/src/pages/Agency/Card/AgencyCard.vue
+++ b/src/pages/Agency/Card/AgencyCard.vue
@@ -12,11 +12,6 @@ const { t } = useI18n();
 const route = useRoute();
 const stateStore = useStateStore();
 
-const filter = {
-    fields: ['id', 'sectorFk', 'code', 'pickingOrder', 'row', 'column'],
-    include: [{ relation: 'sector', scope: { fields: ['id', 'description'] } }],
-};
-
 const arrayData = useArrayData('Agency', {
     url: `Agencies/${route.params.id}`,
 });
diff --git a/src/pages/Agency/Card/AgencyDescriptor.vue b/src/pages/Agency/Card/AgencyDescriptor.vue
index 573205f8b..311f5d3a5 100644
--- a/src/pages/Agency/Card/AgencyDescriptor.vue
+++ b/src/pages/Agency/Card/AgencyDescriptor.vue
@@ -19,10 +19,7 @@ const { params } = useRoute();
 const entityId = computed(() => props.id || params.id);
 const { store } = useArrayData('Parking');
 const card = computed(() => store.data);
-const filter = {
-    fields: ['id', 'sectorFk', 'code', 'pickingOrder', 'row', 'column'],
-    include: [{ relation: 'sector', scope: { fields: ['id', 'description'] } }],
-};
+console.log('card: ', card);
 </script>
 <template>
     <CardDescriptor
@@ -30,7 +27,7 @@ const filter = {
         data-key="Agency"
         :url="`Agencies/${entityId}`"
         :title="card?.name"
-        :subtitle="card?.id"
+        :subtitle="props.id"
     >
         <template #body="{ entity: agency }">
             <VnLv :label="t('globals.name')" :value="agency.name" />
diff --git a/src/pages/Agency/Card/AgencyModes.vue b/src/pages/Agency/Card/AgencyModes.vue
new file mode 100644
index 000000000..2c0c9d47b
--- /dev/null
+++ b/src/pages/Agency/Card/AgencyModes.vue
@@ -0,0 +1,84 @@
+<script setup>
+import { useRoute, useRouter } from 'vue-router';
+import { useI18n } from 'vue-i18n';
+
+import CardList from 'src/components/ui/CardList.vue';
+import VnPaginate from 'src/components/ui/VnPaginate.vue';
+import VnLv from 'src/components/ui/VnLv.vue';
+
+const { t } = useI18n();
+const router = useRouter();
+const route = useRoute();
+console.log('route: ', route.path);
+const routeId = route.params.id;
+const toAgencyModeCreate = (consigneeId) => {
+    router.push({
+        name: 'AgencyMode',
+        params: {
+            id: route.params.id,
+            consigneeId,
+        },
+    });
+};
+</script>
+<template>
+    <QPage class="column items-center q-pa-md">
+        <div class="vn-card-list">
+            <VnPaginate
+                data-key="AgencyModes"
+                :url="`AgencyModes`"
+                :filter="{ where: { agencyFk: routeId } }"
+                order="name"
+                auto-load
+            >
+                <template #body="{ rows }">
+                    <CardList
+                        :id="row.id"
+                        :key="row.id"
+                        :title="row.name"
+                        v-for="row of rows"
+                    >
+                        <template #list-items>
+                            <VnLv
+                                :label="t('globals.description')"
+                                :value="row?.description"
+                            />
+                            <VnLv
+                                :label="t('deliveryMethod')"
+                                :value="row?.deliveryMethodFk"
+                            />
+                            <VnLv label="m3" :value="row?.m3" />
+                            <VnLv :label="t('inflation')" :value="row?.inflation" />
+                            <VnLv :label="t('globals.code')" :value="row?.code" />
+                        </template>
+                        <template #actions>
+                            <QBtn
+                                :label="t('globals.edit')"
+                                @click.stop="toAgencyModeCreate(row.id)"
+                                color="primary"
+                                icon="edit"
+                            />
+                        </template>
+                    </CardList>
+                </template>
+            </VnPaginate>
+        </div>
+
+        <QPageSticky :offset="[18, 18]">
+            <QBtn @click.stop="toAgencyModeCreate()" color="primary" fab icon="add" />
+            <QTooltip>
+                {{ t('New mode') }}
+            </QTooltip>
+        </QPageSticky>
+    </QPage>
+</template>
+<i18n>
+    es: 
+        isOwn: Tiene propietario
+        isAnyVolumeAllowed: Permite cualquier volumen
+        Search agency: Buscar agencia
+        You can search by name: Puedes buscar por nombre
+    en:
+        isOwn: Has owner
+        isAnyVolumeAllowed: Allows any volume
+</i18n>
diff --git a/src/pages/Agency/Card/AgencySummary.vue b/src/pages/Agency/Card/AgencySummary.vue
index 96652fe29..4c9e7052f 100644
--- a/src/pages/Agency/Card/AgencySummary.vue
+++ b/src/pages/Agency/Card/AgencySummary.vue
@@ -2,8 +2,12 @@
 import { computed } from 'vue';
 import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
+
+import FetchData from 'src/components/FetchData.vue';
 import CardSummary from 'components/ui/CardSummary.vue';
 import VnLv from 'components/ui/VnLv.vue';
+import VnTitle from 'src/components/common/VnTitle.vue';
+import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
 
 const $props = defineProps({
     id: {
@@ -28,15 +32,17 @@ const filter = {
             <template #body="{ entity: agency }">
                 <QCard class="vn-one">
                     <QCardSection class="q-pa-none">
-                        <a
-                            class="header header-link"
-                            :href="`#/agency/${entityId}/basic-data`"
-                        >
-                            {{ t('globals.pageTitles.basicData') }}
-                            <QIcon name="open_in_new" />
-                        </a>
+                        <VnTitle
+                            :url="`#/agency/${entityId}/basic-data`"
+                            :text="t('globals.pageTitles.basicData')"
+                        />
                     </QCardSection>
                     <VnLv :label="t('globals.name')" :value="agency.name" />
+                    <QCheckbox :label="t('agency.isOwn')" v-model="agency.isOwn" />
+                    <QCheckbox
+                        :label="t('agency.isAnyVolumeAllowed')"
+                        v-model="agency.isAnyVolumeAllowed"
+                    />
                 </QCard>
             </template>
         </CardSummary>
diff --git a/src/pages/Agency/Card/AgencyWorkcenter.vue b/src/pages/Agency/Card/AgencyWorkcenter.vue
new file mode 100644
index 000000000..cacd4b8f2
--- /dev/null
+++ b/src/pages/Agency/Card/AgencyWorkcenter.vue
@@ -0,0 +1,113 @@
+<script setup>
+import { ref, computed } from 'vue';
+import { useRoute } from 'vue-router';
+import { useI18n } from 'vue-i18n';
+
+import FetchData from 'src/components/FetchData.vue';
+import FormModelPopup from 'src/components/FormModelPopup.vue';
+
+import VnPaginate from 'src/components/ui/VnPaginate.vue';
+import VnLv from 'src/components/ui/VnLv.vue';
+import VnRow from 'components/ui/VnRow.vue';
+
+import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+
+const { t } = useI18n();
+const route = useRoute();
+const paginate = ref();
+const dialog = ref();
+const routeId = computed(() => route.params.id);
+
+const initialData = computed(() => {
+    return {
+        agencyFk: routeId.value,
+        workCenterFk: null,
+    };
+});
+</script>
+<template>
+    <div class="centerCard">
+        <FetchData
+            url="workCenters"
+            sort-by="name"
+            @on-fetch="(data) => (warehouses = data)"
+            auto-load
+        />
+        <VnPaginate
+            ref="paginate"
+            data-key="AgencyWorkCenters"
+            url="AgencyWorkCenters"
+            :filter="{ where: { agencyFk: routeId } }"
+            order="id"
+            auto-load
+        >
+            <template #body="{ rows }">
+                <QCard
+                    flat
+                    bordered
+                    :key="row.id"
+                    v-for="row of rows"
+                    class="card q-pa-md q-mb-sm"
+                >
+                    <QItem>
+                        <QItemSection side-left>
+                            <VnLv :value="row?.workCenter?.name" icon="delete" />
+                        </QItemSection>
+                        <QItemSection side>
+                            <QBtn icon="delete" color="primary" round flat />
+                        </QItemSection>
+                    </QItem>
+                </QCard>
+            </template>
+        </VnPaginate>
+    </div>
+    <QPageSticky :offset="[18, 18]">
+        <QBtn @click.stop="dialog.show()" color="primary" fab icon="add">
+            <QDialog ref="dialog">
+                <FormModelPopup
+                    :title="t('Add work center')"
+                    url-create="AgencyWorkCenters"
+                    model="AgencyWorkCenter"
+                    :form-initial-data="initialData"
+                    @on-data-saved="paginate.fetch()"
+                >
+                    <template #form-inputs="{ data }">
+                        <VnRow class="row q-gutter-md q-mb-md">
+                            <VnSelectFilter
+                                v-model="data.workCenterFk"
+                                option-value="id"
+                                option-label="name"
+                                :label="t('workCenter')"
+                                :options="warehouses"
+                                use-input
+                                input-debounce="0"
+                                :is-clearable="false"
+                            />
+                        </VnRow>
+                    </template>
+                </FormModelPopup>
+            </QDialog>
+        </QBtn>
+        <QTooltip>
+            {{ t('globals.new') }}
+        </QTooltip>
+    </QPageSticky>
+</template>
+<style lang="scss" scoped>
+.centerCard {
+    padding: 5%;
+    width: 100%;
+    max-width: 50%;
+    margin: 0 auto;
+}
+</style>
+<i18n>
+    es: 
+        isOwn: Tiene propietario
+        isAnyVolumeAllowed: Permite cualquier volumen
+        Search agency: Buscar agencia
+        You can search by name: Puedes buscar por nombre
+    en:
+        isOwn: Has owner
+        isAnyVolumeAllowed: Allows any volume
+</i18n>
diff --git a/src/router/modules/agency.js b/src/router/modules/agency.js
index 42b139b95..6f281e21d 100644
--- a/src/router/modules/agency.js
+++ b/src/router/modules/agency.js
@@ -12,7 +12,7 @@ export default {
     redirect: { name: 'AgencyCard' },
     menus: {
         main: [],
-        card: ['AgencyBasicData', 'AgencyLog'],
+        card: ['AgencyBasicData', 'AgencyModes', 'AgencyWorkCenters', 'AgencyLog'],
     },
     children: [
         {
@@ -39,6 +39,40 @@ export default {
                     },
                     component: () => import('pages/Agency/Card/AgencyBasicData.vue'),
                 },
+                {
+                    path: 'workCenter',
+                    name: 'AgencyWorkCenterCard',
+                    redirect: { name: 'AgencyWorkCenters' },
+                    children: [
+                        {
+                            path: '',
+                            name: 'AgencyWorkCenters',
+                            meta: {
+                                icon: 'apartment',
+                                title: 'workCenters',
+                            },
+                            component: () =>
+                                import('src/pages/Agency/Card/AgencyWorkcenter.vue'),
+                        },
+                    ],
+                },
+                {
+                    path: 'modes',
+                    name: 'AgencyModesCard',
+                    redirect: { name: 'AgencyModes' },
+                    children: [
+                        {
+                            path: '',
+                            name: 'AgencyModes',
+                            meta: {
+                                icon: 'format_list_bulleted',
+                                title: 'modes',
+                            },
+                            component: () =>
+                                import('src/pages/Agency/Card/AgencyModes.vue'),
+                        },
+                    ],
+                },
                 {
                     name: 'AgencyLog',
                     path: 'log',
diff --git a/src/router/modules/route.js b/src/router/modules/route.js
index cfa8c9c35..e29e3a86b 100644
--- a/src/router/modules/route.js
+++ b/src/router/modules/route.js
@@ -76,7 +76,7 @@ export default {
                 },
                 {
                     path: '/agency',
-                    redirect: { name: 'agencyList' },
+                    redirect: { name: 'AgencyList' },
                     children: [
                         {
                             path: 'list',

From 78561c5f42e1660333c28a85618fbc199f2390b8 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Mon, 22 Apr 2024 08:34:38 -0300
Subject: [PATCH 062/305] Item types

---
 src/i18n/locale/en.yml                        |  19 ++++
 src/i18n/locale/es.yml                        |  24 +++++
 src/pages/Item/ItemTypeCreate.vue             |  91 ++++++++++++++++
 src/pages/Item/ItemTypeList.vue               |  86 +++++++++++++++
 src/pages/ItemType/Card/ItemTypeBasicData.vue |  79 ++++++++++++++
 src/pages/ItemType/Card/ItemTypeCard.vue      |  26 +++++
 .../ItemType/Card/ItemTypeDescriptor.vue      |  82 ++++++++++++++
 src/pages/ItemType/Card/ItemTypeSummary.vue   | 102 ++++++++++++++++++
 src/router/modules/index.js                   |   2 +
 src/router/modules/item.js                    |  21 +++-
 src/router/modules/itemType.js                |  45 ++++++++
 src/router/routes.js                          |   2 +
 12 files changed, 577 insertions(+), 2 deletions(-)
 create mode 100644 src/pages/Item/ItemTypeCreate.vue
 create mode 100644 src/pages/Item/ItemTypeList.vue
 create mode 100644 src/pages/ItemType/Card/ItemTypeBasicData.vue
 create mode 100644 src/pages/ItemType/Card/ItemTypeCard.vue
 create mode 100644 src/pages/ItemType/Card/ItemTypeDescriptor.vue
 create mode 100644 src/pages/ItemType/Card/ItemTypeSummary.vue
 create mode 100644 src/router/modules/itemType.js

diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index 3ac3d18a0..2962bbe44 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -1119,6 +1119,8 @@ item:
         tags: Tags
         wasteBreakdown: Waste breakdown
         itemCreate: New item
+        itemTypeCreate: New item type
+        family: Item Type
     descriptor:
         item: Item
         buyer: Buyer
@@ -1153,6 +1155,23 @@ item:
         type: Type
         intrastat: Intrastat
         origin: Origin
+itemType:
+    pageTitles:
+        itemType: Item type
+        basicData: Basic data
+        summary: Summary
+    shared:
+        code: Code
+        name: Name
+        worker: Worker
+        category: Category
+        temperature: Temperature
+    summary:
+        id: id
+        life: Life
+        promo: Promo
+        itemPackingType: Item packing type
+        isUnconventionalSize: Is unconventional size
 components:
     topbar: {}
     userPanel:
diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index 4ecbcdbc0..d52240bf4 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -1118,6 +1118,8 @@ item:
         tags: Etiquetas
         wasteBreakdown: Deglose de mermas
         itemCreate: Nuevo artículo
+        itemTypeCreate: Nueva familia
+        family: Familia
     descriptor:
         item: Artículo
         buyer: Comprador
@@ -1152,6 +1154,28 @@ item:
         type: Tipo
         intrastat: Intrastat
         origin: Origen
+itemType:
+    pageTitles:
+        itemType: Familia
+        basicData: Datos básicos
+        summary: Resumen
+    shared:
+        code: Código
+        name: Nombre
+        worker: Trabajador
+        category: Reino
+        temperature: Temperatura
+    summary:
+        id: id
+        code: Código
+        name: Nombre
+        worker: Trabajador
+        category: Reino
+        temperature: Temperatura
+        life: Vida
+        promo: Promoción
+        itemPackingType: Tipo de embalaje
+        isUnconventionalSize: Es de tamaño no convencional
 components:
     topbar: {}
     userPanel:
diff --git a/src/pages/Item/ItemTypeCreate.vue b/src/pages/Item/ItemTypeCreate.vue
new file mode 100644
index 000000000..3540fc5af
--- /dev/null
+++ b/src/pages/Item/ItemTypeCreate.vue
@@ -0,0 +1,91 @@
+<script setup>
+import { reactive, ref } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { useRouter } from 'vue-router';
+
+import FetchData from 'components/FetchData.vue';
+import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import FormModel from 'components/FormModel.vue';
+import VnRow from 'components/ui/VnRow.vue';
+import VnInput from 'src/components/common/VnInput.vue';
+import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
+
+const { t } = useI18n();
+const router = useRouter();
+
+const newItemTypeForm = reactive({});
+
+const workersOptions = ref([]);
+const categoriesOptions = ref([]);
+const temperaturesOptions = ref([]);
+
+const redirectToItemTypeBasicData = (_, { id }) => {
+    router.push({ name: 'ItemTypeBasicData', params: { id } });
+};
+</script>
+
+<template>
+    <FetchData
+        url="Workers"
+        @on-fetch="(data) => (workersOptions = data)"
+        :filter="{ order: 'firstName ASC', fields: ['id', 'firstName'] }"
+        auto-load
+    />
+    <FetchData
+        url="ItemCategories"
+        @on-fetch="(data) => (categoriesOptions = data)"
+        :filter="{ order: 'name ASC', fields: ['id', 'name'] }"
+        auto-load
+    />
+    <FetchData
+        url="Temperatures"
+        @on-fetch="(data) => (temperaturesOptions = data)"
+        :filter="{ order: 'name ASC', fields: ['code', 'name'] }"
+        auto-load
+    />
+    <QPage>
+        <VnSubToolbar />
+        <FormModel
+            url-create="ItemTypes"
+            model="itemTypeCreate"
+            :form-initial-data="newItemTypeForm"
+            observe-form-changes
+            @on-data-saved="redirectToItemTypeBasicData"
+        >
+            <template #form="{ data }">
+                <VnRow class="row q-gutter-md q-mb-md">
+                    <VnInput v-model="data.code" :label="t('itemType.shared.code')" />
+                    <VnInput v-model="data.name" :label="t('itemType.shared.name')" />
+                </VnRow>
+                <VnRow class="row q-gutter-md q-mb-md">
+                    <VnSelectFilter
+                        v-model="data.workerFk"
+                        :label="t('itemType.shared.worker')"
+                        :options="workersOptions"
+                        option-value="id"
+                        option-label="firstName"
+                        hide-selected
+                    />
+                    <VnSelectFilter
+                        v-model="data.categoryFk"
+                        :label="t('itemType.shared.category')"
+                        :options="categoriesOptions"
+                        option-value="id"
+                        option-label="name"
+                        hide-selected
+                    />
+                </VnRow>
+                <VnRow class="row q-gutter-md q-mb-md">
+                    <VnSelectFilter
+                        v-model="data.temperatureFk"
+                        :label="t('itemType.shared.temperature')"
+                        :options="temperaturesOptions"
+                        option-value="code"
+                        option-label="name"
+                        hide-selected
+                    />
+                </VnRow>
+            </template>
+        </FormModel>
+    </QPage>
+</template>
diff --git a/src/pages/Item/ItemTypeList.vue b/src/pages/Item/ItemTypeList.vue
new file mode 100644
index 000000000..b0b4de540
--- /dev/null
+++ b/src/pages/Item/ItemTypeList.vue
@@ -0,0 +1,86 @@
+<script setup>
+import { useI18n } from 'vue-i18n';
+import { useRouter } from 'vue-router';
+
+import VnPaginate from 'src/components/ui/VnPaginate.vue';
+import VnLv from 'src/components/ui/VnLv.vue';
+import CardList from 'src/components/ui/CardList.vue';
+import ItemTypeSummary from 'src/pages/ItemType/Card/ItemTypeSummary.vue';
+import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
+
+import { useStateStore } from 'stores/useStateStore';
+import { useSummaryDialog } from 'src/composables/useSummaryDialog';
+
+const stateStore = useStateStore();
+const router = useRouter();
+const { t } = useI18n();
+const { viewSummary } = useSummaryDialog();
+
+const redirectToItemTypeSummary = (id) => {
+    router.push({ name: 'ItemTypeSummary', params: { id } });
+};
+
+const redirectToCreateView = () => {
+    router.push({ name: 'ItemTypeCreate' });
+};
+</script>
+
+<template>
+    <template v-if="stateStore.isHeaderMounted()">
+        <Teleport to="#searchbar">
+            <VnSearchbar
+                data-key="ItemTypeList"
+                url="ItemTypes"
+                custom-route-redirect-name="ItemTypeSummary"
+                :label="t('Search item type')"
+                :info="t('Search itemType by id, name or code')"
+            />
+        </Teleport>
+    </template>
+    <QPage class="column items-center q-pa-md">
+        <div class="vn-card-list">
+            <VnPaginate
+                data-key="ItemTypeList"
+                url="ItemTypes"
+                :order="['name']"
+                auto-load
+            >
+                <template #body="{ rows }">
+                    <CardList
+                        v-for="row of rows"
+                        :key="row.id"
+                        :title="row.code"
+                        @click="redirectToItemTypeSummary(row.id)"
+                        :id="row.id"
+                    >
+                        <template #list-items>
+                            <VnLv :label="t('Name')" :value="row.name" />
+                        </template>
+                        <template #actions>
+                            <QBtn
+                                :label="t('components.smartCard.openSummary')"
+                                @click.stop="viewSummary(row.id, ItemTypeSummary)"
+                                color="primary"
+                                type="submit"
+                            />
+                        </template>
+                    </CardList>
+                </template>
+            </VnPaginate>
+        </div>
+    </QPage>
+    <QPageSticky :offset="[20, 20]">
+        <QBtn fab icon="add" color="primary" @click="redirectToCreateView()" />
+        <QTooltip>
+            {{ t('New item type') }}
+        </QTooltip>
+    </QPageSticky>
+</template>
+
+<i18n>
+es:
+    New item type: Nueva familia
+    Name: Nombre
+    Search item type: Buscar familia
+    Search itemType by id, name or code: Buscar familia por id, nombre o código
+</i18n>
diff --git a/src/pages/ItemType/Card/ItemTypeBasicData.vue b/src/pages/ItemType/Card/ItemTypeBasicData.vue
new file mode 100644
index 000000000..ff2719896
--- /dev/null
+++ b/src/pages/ItemType/Card/ItemTypeBasicData.vue
@@ -0,0 +1,79 @@
+<script setup>
+import { ref } from 'vue';
+import { useRoute } from 'vue-router';
+import { useI18n } from 'vue-i18n';
+
+import FetchData from 'components/FetchData.vue';
+import FormModel from 'components/FormModel.vue';
+import VnRow from 'components/ui/VnRow.vue';
+import VnInput from 'src/components/common/VnInput.vue';
+import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+
+const route = useRoute();
+const { t } = useI18n();
+
+const workersOptions = ref([]);
+const categoriesOptions = ref([]);
+const temperaturesOptions = ref([]);
+</script>
+<template>
+    <FetchData
+        url="Workers"
+        @on-fetch="(data) => (workersOptions = data)"
+        :filter="{ order: 'firstName ASC', fields: ['id', 'firstName'] }"
+        auto-load
+    />
+    <FetchData
+        url="ItemCategories"
+        @on-fetch="(data) => (categoriesOptions = data)"
+        :filter="{ order: 'name ASC', fields: ['id', 'name'] }"
+        auto-load
+    />
+    <FetchData
+        url="Temperatures"
+        @on-fetch="(data) => (temperaturesOptions = data)"
+        :filter="{ order: 'name ASC', fields: ['code', 'name'] }"
+        auto-load
+    />
+    <FormModel
+        :url="`ItemTypes/${route.params.id}`"
+        :url-update="`ItemTypes/${route.params.id}`"
+        model="itemTypeBasicData"
+        auto-load
+    >
+        <template #form="{ data }">
+            <VnRow class="row q-gutter-md q-mb-md">
+                <VnInput v-model="data.code" :label="t('itemType.shared.code')" />
+                <VnInput v-model="data.name" :label="t('itemType.shared.name')" />
+            </VnRow>
+            <VnRow class="row q-gutter-md q-mb-md">
+                <VnSelectFilter
+                    v-model="data.workerFk"
+                    :label="t('itemType.shared.worker')"
+                    :options="workersOptions"
+                    option-value="id"
+                    option-label="firstName"
+                    hide-selected
+                />
+                <VnSelectFilter
+                    v-model="data.categoryFk"
+                    :label="t('itemType.shared.category')"
+                    :options="categoriesOptions"
+                    option-value="id"
+                    option-label="name"
+                    hide-selected
+                />
+            </VnRow>
+            <VnRow class="row q-gutter-md q-mb-md">
+                <VnSelectFilter
+                    v-model="data.temperatureFk"
+                    :label="t('itemType.shared.temperature')"
+                    :options="temperaturesOptions"
+                    option-value="code"
+                    option-label="name"
+                    hide-selected
+                />
+            </VnRow>
+        </template>
+    </FormModel>
+</template>
diff --git a/src/pages/ItemType/Card/ItemTypeCard.vue b/src/pages/ItemType/Card/ItemTypeCard.vue
new file mode 100644
index 000000000..bff91de06
--- /dev/null
+++ b/src/pages/ItemType/Card/ItemTypeCard.vue
@@ -0,0 +1,26 @@
+<script setup>
+import ItemTypeDescriptor from 'src/pages/ItemType/Card/ItemTypeDescriptor.vue';
+import LeftMenu from 'components/LeftMenu.vue';
+import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
+
+import { useStateStore } from 'stores/useStateStore';
+
+const stateStore = useStateStore();
+</script>
+<template>
+    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
+        <QScrollArea class="fit">
+            <ItemTypeDescriptor />
+            <QSeparator />
+            <LeftMenu source="card" />
+        </QScrollArea>
+    </QDrawer>
+    <QPageContainer>
+        <QPage>
+            <VnSubToolbar />
+            <div class="q-pa-md column items-center">
+                <RouterView></RouterView>
+            </div>
+        </QPage>
+    </QPageContainer>
+</template>
diff --git a/src/pages/ItemType/Card/ItemTypeDescriptor.vue b/src/pages/ItemType/Card/ItemTypeDescriptor.vue
new file mode 100644
index 000000000..cb0cb333b
--- /dev/null
+++ b/src/pages/ItemType/Card/ItemTypeDescriptor.vue
@@ -0,0 +1,82 @@
+<script setup>
+import { ref, computed } from 'vue';
+import { useRoute } from 'vue-router';
+import { useI18n } from 'vue-i18n';
+
+import CardDescriptor from 'components/ui/CardDescriptor.vue';
+import VnLv from 'src/components/ui/VnLv.vue';
+
+import useCardDescription from 'src/composables/useCardDescription';
+
+const $props = defineProps({
+    id: {
+        type: Number,
+        required: false,
+        default: null,
+    },
+    summary: {
+        type: Object,
+        default: null,
+    },
+});
+
+const route = useRoute();
+const { t } = useI18n();
+
+const itemTypeFilter = {
+    include: [
+        { relation: 'worker' },
+        { relation: 'category' },
+        { relation: 'itemPackingType' },
+        { relation: 'temperature' },
+    ],
+};
+
+const entityId = computed(() => {
+    return $props.id || route.params.id;
+});
+
+const data = ref(useCardDescription());
+const setData = (entity) => (data.value = useCardDescription(entity.code, entity.id));
+</script>
+
+<template>
+    <CardDescriptor
+        module="ItemType"
+        :url="`ItemTypes/${entityId}`"
+        :filter="itemTypeFilter"
+        :title="data.title"
+        :subtitle="data.subtitle"
+        @on-fetch="setData"
+        data-key="entry"
+    >
+        <template #header-extra-action>
+            <QBtn
+                round
+                flat
+                size="sm"
+                icon="vn:item"
+                color="white"
+                :to="{ name: 'ItemTypeList' }"
+            >
+                <QTooltip>
+                    {{ t('Go to module index') }}
+                </QTooltip>
+            </QBtn>
+        </template>
+        <template #body="{ entity }">
+            <VnLv :label="t('itemType.shared.code')" :value="entity.code" />
+            <VnLv :label="t('itemType.shared.name')" :value="entity.name" />
+            <VnLv
+                :label="t('itemType.shared.worker')"
+                :value="entity.worker?.firstName"
+            />
+            <VnLv :label="t('itemType.shared.category')" :value="entity.category?.name" />
+        </template>
+    </CardDescriptor>
+</template>
+
+<i18n>
+es:
+    Go to module index: Ir al índice del módulo
+</i18n>
diff --git a/src/pages/ItemType/Card/ItemTypeSummary.vue b/src/pages/ItemType/Card/ItemTypeSummary.vue
new file mode 100644
index 000000000..b71b2acf5
--- /dev/null
+++ b/src/pages/ItemType/Card/ItemTypeSummary.vue
@@ -0,0 +1,102 @@
+<script setup>
+import { ref, computed, onUpdated } from 'vue';
+import { useRoute } from 'vue-router';
+import { useI18n } from 'vue-i18n';
+
+import CardSummary from 'components/ui/CardSummary.vue';
+import VnLv from 'src/components/ui/VnLv.vue';
+
+onUpdated(() => summaryRef.value.fetch());
+
+const route = useRoute();
+const { t } = useI18n();
+
+const $props = defineProps({
+    id: {
+        type: Number,
+        required: false,
+        default: null,
+    },
+});
+
+const itemTypeFilter = {
+    include: [
+        { relation: 'worker' },
+        { relation: 'category' },
+        { relation: 'itemPackingType' },
+        { relation: 'temperature' },
+    ],
+};
+
+const entityId = computed(() => $props.id || route.params.id);
+const summaryRef = ref();
+const itemType = ref();
+
+async function setItemTypeData(data) {
+    if (data) itemType.value = data;
+}
+</script>
+
+<template>
+    <CardSummary
+        ref="summaryRef"
+        :url="`ItemTypes/${entityId}`"
+        data-key="ItemTypeSummary"
+        :filter="itemTypeFilter"
+        @on-fetch="(data) => setItemTypeData(data)"
+        class="full-width"
+    >
+        <template #header-left>
+            <router-link
+                v-if="route.name !== 'ItemTypeSummary'"
+                :to="{ name: 'ItemTypeSummary', params: { id: entityId } }"
+                class="header link"
+            >
+                <QIcon name="open_in_new" color="white" size="sm" />
+            </router-link>
+        </template>
+        <template #header>
+            <span>
+                {{ itemType.id }} - {{ itemType.name }} -
+                {{ itemType.worker?.firstName }}
+                {{ itemType.worker?.lastName }}
+            </span>
+        </template>
+        <template #body>
+            <QCard class="vn-one">
+                <router-link
+                    :to="{ name: 'ItemTypeBasicData', params: { id: entityId } }"
+                    class="header header-link"
+                >
+                    {{ t('globals.summary.basicData') }}
+                    <QIcon name="open_in_new" />
+                </router-link>
+                <VnLv :label="t('itemType.summary.id')" :value="itemType.id" />
+                <VnLv :label="t('itemType.shared.code')" :value="itemType.code" />
+                <VnLv :label="t('itemType.shared.name')" :value="itemType.name" />
+                <VnLv
+                    :label="t('itemType.shared.worker')"
+                    :value="itemType.worker?.firstName"
+                />
+                <VnLv
+                    :label="t('itemType.shared.category')"
+                    :value="itemType.category?.name"
+                />
+                <VnLv
+                    :label="t('itemType.shared.temperature')"
+                    :value="itemType.temperature?.name"
+                />
+                <VnLv :label="t('itemType.summary.life')" :value="itemType.life" />
+                <VnLv :label="t('itemType.summary.promo')" :value="itemType.promo" />
+                <VnLv
+                    :label="t('itemType.summary.itemPackingType')"
+                    :value="itemType.itemPackingType?.description"
+                />
+                <VnLv
+                    :label="t('itemType.summary.isUnconventionalSize')"
+                    :value="itemType.isUnconventionalSize"
+                />
+            </QCard>
+        </template>
+    </CardSummary>
+</template>
diff --git a/src/router/modules/index.js b/src/router/modules/index.js
index 302ba7fe0..0b9d10d98 100644
--- a/src/router/modules/index.js
+++ b/src/router/modules/index.js
@@ -15,6 +15,7 @@ import Department from './department';
 import Entry from './entry';
 import roadmap from './roadmap';
 import Parking from './parking';
+import ItemType from './itemType';
 
 export default [
     Item,
@@ -34,4 +35,5 @@ export default [
     Entry,
     roadmap,
     Parking,
+    ItemType,
 ];
diff --git a/src/router/modules/item.js b/src/router/modules/item.js
index 41f3ec92a..17e9b7673 100644
--- a/src/router/modules/item.js
+++ b/src/router/modules/item.js
@@ -10,7 +10,7 @@ export default {
     component: RouterView,
     redirect: { name: 'ItemMain' },
     menus: {
-        main: ['ItemList', 'WasteBreakdown'],
+        main: ['ItemList', 'WasteBreakdown', 'ItemTypeList'],
         card: ['ItemBasicData'],
     },
     children: [
@@ -33,7 +33,7 @@ export default {
                     path: 'create',
                     name: 'ItemCreate',
                     meta: {
-                        title: 'create',
+                        title: 'itemCreate',
                     },
                     component: () => import('src/pages/Item/ItemCreate.vue'),
                 },
@@ -50,6 +50,23 @@ export default {
                             'https://grafana.verdnatura.es/d/TTNXQAxVk';
                     },
                 },
+                {
+                    path: 'item-type-list',
+                    name: 'ItemTypeList',
+                    meta: {
+                        title: 'family',
+                        icon: 'contact_support',
+                    },
+                    component: () => import('src/pages/Item/ItemTypeList.vue'),
+                },
+                {
+                    path: 'item-type-list/create',
+                    name: 'ItemTypeCreate',
+                    meta: {
+                        title: 'itemTypeCreate',
+                    },
+                    component: () => import('src/pages/Item/ItemTypeCreate.vue'),
+                },
             ],
         },
         {
diff --git a/src/router/modules/itemType.js b/src/router/modules/itemType.js
new file mode 100644
index 000000000..0d966c32c
--- /dev/null
+++ b/src/router/modules/itemType.js
@@ -0,0 +1,45 @@
+import { RouterView } from 'vue-router';
+
+export default {
+    path: '/item-type',
+    name: 'ItemType',
+    meta: {
+        title: 'itemType',
+        icon: 'contact_support',
+    },
+    component: RouterView,
+    redirect: { name: 'ItemTypeCard' },
+    menus: {
+        main: [],
+        card: ['ItemTypeBasicData'],
+    },
+    children: [
+        {
+            name: 'ItemTypeCard',
+            path: ':id',
+            component: () => import('src/pages/ItemType/Card/ItemTypeCard.vue'),
+            redirect: { name: 'ItemTypeSummary' },
+            children: [
+                {
+                    name: 'ItemTypeSummary',
+                    path: 'summary',
+                    meta: {
+                        title: 'summary',
+                    },
+                    component: () =>
+                        import('src/pages/ItemType/Card/ItemTypeSummary.vue'),
+                },
+                {
+                    name: 'ItemTypeBasicData',
+                    path: 'basic-data',
+                    meta: {
+                        title: 'basicData',
+                        icon: 'vn:settings',
+                    },
+                    component: () =>
+                        import('src/pages/ItemType/Card/ItemTypeBasicData.vue'),
+                },
+            ],
+        },
+    ],
+};
diff --git a/src/router/routes.js b/src/router/routes.js
index 51e726a62..198f1d8f2 100644
--- a/src/router/routes.js
+++ b/src/router/routes.js
@@ -10,6 +10,7 @@ import supplier from './modules/Supplier';
 import route from './modules/route';
 import travel from './modules/travel';
 import department from './modules/department';
+import ItemType from './modules/itemType';
 import shelving from 'src/router/modules/shelving';
 import order from 'src/router/modules/order';
 import entry from 'src/router/modules/entry';
@@ -71,6 +72,7 @@ const routes = [
             roadmap,
             entry,
             parking,
+            ItemType,
             {
                 path: '/:catchAll(.*)*',
                 name: 'NotFound',

From 1398a146ffd68a979d2f8a235ca51fbe364a5a04 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Mon, 22 Apr 2024 09:07:48 -0300
Subject: [PATCH 063/305] Change restOfData to restOfItem

---
 src/pages/Item/ItemFixedPrice.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/Item/ItemFixedPrice.vue b/src/pages/Item/ItemFixedPrice.vue
index 1af73b393..933f1b0dd 100644
--- a/src/pages/Item/ItemFixedPrice.vue
+++ b/src/pages/Item/ItemFixedPrice.vue
@@ -333,9 +333,9 @@ const addRow = () => {
     const lastItemCopy = JSON.parse(
         JSON.stringify(fixedPrices.value[fixedPrices.value.length - 1])
     );
-    const { id, ...restOfData } = lastItemCopy;
-    fixedPricesOriginalData.value.push(restOfData);
-    fixedPrices.value.push(restOfData);
+    const { id, ...restOfItem } = lastItemCopy;
+    fixedPricesOriginalData.value.push(restOfItem);
+    fixedPrices.value.push(restOfItem);
 };
 
 const openEditTableCellDialog = () => {

From 2105d7870b0f5bb0d9d30511bee9ad59dc6819bc Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Mon, 22 Apr 2024 09:38:16 -0300
Subject: [PATCH 064/305] Refactor isBigger and isLower

---
 src/filters/date.js               | 18 ++++++++++++++++++
 src/pages/Item/ItemFixedPrice.vue | 23 +----------------------
 2 files changed, 19 insertions(+), 22 deletions(-)

diff --git a/src/filters/date.js b/src/filters/date.js
index 2766d1381..2f1799b00 100644
--- a/src/filters/date.js
+++ b/src/filters/date.js
@@ -91,3 +91,21 @@ export function toDateTimeFormat(date, showSeconds = false) {
         second: showSeconds ? '2-digit' : undefined,
     });
 }
+
+export function getTimeDifferenceWithToday(date) {
+    let today = Date.vnNew();
+    today.setHours(0, 0, 0, 0);
+
+    date = new Date(date);
+    date.setHours(0, 0, 0, 0);
+
+    return today - date;
+}
+
+export function isLower(date) {
+    return getTimeDifferenceWithToday(date) > 0;
+}
+
+export function isBigger(date) {
+    return getTimeDifferenceWithToday(date) < 0;
+}
diff --git a/src/pages/Item/ItemFixedPrice.vue b/src/pages/Item/ItemFixedPrice.vue
index 933f1b0dd..d19119720 100644
--- a/src/pages/Item/ItemFixedPrice.vue
+++ b/src/pages/Item/ItemFixedPrice.vue
@@ -19,6 +19,7 @@ import { toCurrency } from 'filters/index';
 import useNotify from 'src/composables/useNotify.js';
 import axios from 'axios';
 import { useArrayData } from 'composables/useArrayData';
+import { isLower, isBigger } from 'src/filters/date.js';
 
 const stateStore = useStateStore();
 const { t } = useI18n();
@@ -378,28 +379,6 @@ const updateMinPrice = async (value, props) => {
     });
 };
 
-const isLower = (date) => {
-    let today = Date.vnNew();
-    today.setHours(0, 0, 0, 0);
-
-    date = new Date(date);
-    date.setHours(0, 0, 0, 0);
-
-    const timeDifference = today - date;
-    if (timeDifference > 0) return 'warning';
-};
-
-const isBigger = (date) => {
-    let today = Date.vnNew();
-    today.setHours(0, 0, 0, 0);
-
-    date = new Date(date);
-    date.setHours(0, 0, 0, 0);
-
-    const timeDifference = today - date;
-    if (timeDifference < 0) return 'warning';
-};
-
 onMounted(async () => {
     stateStore.rightDrawer = true;
     params.warehouseFk = user.value.warehouseFk;

From dce48b536d536ab01a401422662ce14533085f42 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Mon, 22 Apr 2024 09:42:28 -0300
Subject: [PATCH 065/305] Change in newPrice assign

---
 src/pages/Item/ItemFixedPrice.vue | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/pages/Item/ItemFixedPrice.vue b/src/pages/Item/ItemFixedPrice.vue
index d19119720..c93c326a6 100644
--- a/src/pages/Item/ItemFixedPrice.vue
+++ b/src/pages/Item/ItemFixedPrice.vue
@@ -318,16 +318,14 @@ const addRow = () => {
         const daysInWeek = 7;
         const nextWeek = new Date(today.getTime() + daysInWeek * millisecsInDay);
 
-        fixedPricesOriginalData.value.push({
+        const newPrice = {
             started: today,
             ended: nextWeek,
             hasMinPrice: 0,
-        });
-        fixedPrices.value.push({
-            started: today,
-            ended: nextWeek,
-            hasMinPrice: 0,
-        });
+        };
+
+        fixedPricesOriginalData.value.push({ ...newPrice });
+        fixedPrices.value.push({ ...newPrice });
         return;
     }
 

From e11625e05f70cffadedc7b02c96c974725225886 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Mon, 22 Apr 2024 11:30:16 -0300
Subject: [PATCH 066/305] set columns default attrs to avoid repeating code

---
 src/pages/Item/ItemFixedPrice.vue | 79 +++++++++++--------------------
 1 file changed, 28 insertions(+), 51 deletions(-)

diff --git a/src/pages/Item/ItemFixedPrice.vue b/src/pages/Item/ItemFixedPrice.vue
index c93c326a6..0dd7ca07d 100644
--- a/src/pages/Item/ItemFixedPrice.vue
+++ b/src/pages/Item/ItemFixedPrice.vue
@@ -93,53 +93,47 @@ const getColumnInputEvents = (col) => {
           };
 };
 
+const defaultColumnFilter = {
+    component: VnInput,
+    type: 'text',
+    filterValue: null,
+    event: getColumnInputEvents,
+    attrs: {
+        dense: true,
+    },
+};
+
+const defaultColumnAttrs = {
+    align: 'left',
+    sortable: true,
+};
+
 const columns = computed(() => [
     {
         label: t('item.fixedPrice.itemId'),
         name: 'itemId',
         field: 'itemFk',
-        align: 'left',
-        sortable: true,
+        ...defaultColumnAttrs,
         columnFilter: {
-            component: VnInput,
-            type: 'text',
-            filterValue: null,
-            event: getColumnInputEvents,
-            attrs: {
-                dense: true,
-            },
+            ...defaultColumnFilter,
         },
     },
     {
         label: t('globals.description'),
         field: 'name',
         name: 'description',
-        align: 'left',
-        sortable: true,
+        ...defaultColumnAttrs,
         columnFilter: {
-            component: VnInput,
-            type: 'text',
-            filterValue: null,
-            event: getColumnInputEvents,
-            attrs: {
-                dense: true,
-            },
+            ...defaultColumnFilter,
         },
     },
     {
         label: t('item.fixedPrice.groupingPrice'),
         field: 'rate2',
         name: 'groupingPrice',
-        align: 'left',
-        sortable: true,
+        ...defaultColumnAttrs,
         columnFilter: {
-            component: VnInput,
-            type: 'text',
-            filterValue: null,
-            event: getColumnInputEvents,
-            attrs: {
-                dense: true,
-            },
+            ...defaultColumnFilter,
         },
         format: (val) => toCurrency(val),
     },
@@ -147,16 +141,9 @@ const columns = computed(() => [
         label: t('item.fixedPrice.packingPrice'),
         field: 'rate3',
         name: 'packingPrice',
-        align: 'left',
-        sortable: true,
+        ...defaultColumnAttrs,
         columnFilter: {
-            component: VnInput,
-            type: 'text',
-            filterValue: null,
-            event: getColumnInputEvents,
-            attrs: {
-                dense: true,
-            },
+            ...defaultColumnFilter,
         },
         format: (val) => dashIfEmpty(val),
     },
@@ -165,32 +152,23 @@ const columns = computed(() => [
         label: t('item.fixedPrice.minPrice'),
         field: 'minPrice',
         name: 'minPrice',
-        align: 'left',
-        sortable: true,
+        ...defaultColumnAttrs,
         columnFilter: {
-            component: VnInput,
-            type: 'text',
-            filterValue: null,
-            event: getColumnInputEvents,
-            attrs: {
-                dense: true,
-            },
+            ...defaultColumnFilter,
         },
     },
     {
         label: t('item.fixedPrice.started'),
         field: 'started',
         name: 'started',
-        align: 'left',
-        sortable: true,
+        ...defaultColumnAttrs,
         columnFilter: null,
     },
     {
         label: t('item.fixedPrice.ended'),
         field: 'ended',
         name: 'ended',
-        align: 'left',
-        sortable: true,
+        ...defaultColumnAttrs,
         columnFilter: null,
     },
 
@@ -198,8 +176,7 @@ const columns = computed(() => [
         label: t('item.fixedPrice.warehouse'),
         field: 'warehouseFk',
         name: 'warehouse',
-        align: 'left',
-        sortable: true,
+        ...defaultColumnAttrs,
         columnFilter: {
             component: VnSelectFilter,
             type: 'select',

From 663c093a0032ffd43cee788ec0a63a086da5e8e3 Mon Sep 17 00:00:00 2001
From: pablone <pablone@verdnatura.es>
Date: Mon, 22 Apr 2024 18:17:01 +0200
Subject: [PATCH 067/305] feat: refs #4988 agency e2e

---
 src/i18n/locale/en.yml                        | 23 +++++++++----
 src/i18n/locale/es.yml                        | 13 ++++++++
 src/pages/Agency/Card/AgencyBasicData.vue     |  2 +-
 src/pages/Agency/Card/AgencyModes.vue         | 27 +--------------
 src/pages/Agency/Card/AgencyWorkcenter.vue    | 28 +++++++++++++++-
 test/cypress/integration/agency/spec.spec.js  | 25 ++++++++++++++
 .../pages/Agency/AgencyWorCenter.spec.js      | 33 +++++++++++++++++++
 test/vitest/setup-file.js                     |  1 -
 8 files changed, 116 insertions(+), 36 deletions(-)
 create mode 100644 test/cypress/integration/agency/spec.spec.js
 create mode 100644 test/vitest/__tests__/pages/Agency/AgencyWorCenter.spec.js
 delete mode 100644 test/vitest/setup-file.js

diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index 3ac3d18a0..d978fa089 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -89,9 +89,14 @@ globals:
         basicData: Basic data
         log: Logs
         parkingList: Parkings list
+        agencyList: Agencies list
+        agency: Agency
+        workCenters: Work centers
+        modes: Modes
     created: Created
     worker: Worker
     now: Now
+    name: Name
 errors:
     statusUnauthorized: Access denied
     statusInternalServerError: An internal server error has ocurred
@@ -1146,13 +1151,17 @@ item:
         stemMultiplier: Multiplier
         producer: Producer
         landed: Landed
-    create:
-        name: Name
-        tag: Tag
-        priority: Priority
-        type: Type
-        intrastat: Intrastat
-        origin: Origin
+agency:
+    isOwn: Own
+    isAnyVolumeAllowed: Any volume allowed
+    notification:
+        removeItem: Agency removed successfully
+        removeItemError: Error removing agency
+    pageTitles:
+        agency: Agency
+    searchBar:
+        info: You can search by agency code
+        label: Search agency...
 components:
     topbar: {}
     userPanel:
diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index 4ecbcdbc0..aa4d88f5d 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -89,9 +89,14 @@ globals:
         basicData: Datos básicos
         log: Historial
         parkingList: Listado de parkings
+        agencyList: Listado de agencias
+        agency: Agencia
+        workCenters: Centros de trabajo
+        modes: Modos
     created: Fecha creación
     worker: Trabajador
     now: Ahora
+    name: Nombre
 errors:
     statusUnauthorized: Acceso denegado
     statusInternalServerError: Ha ocurrido un error interno del servidor
@@ -1152,6 +1157,14 @@ item:
         type: Tipo
         intrastat: Intrastat
         origin: Origen
+agency:
+    isOwn: Propio
+    isAnyVolumeAllowed: Cualquier volumen
+    removeItem: Agencia eliminada correctamente
+    notification:
+        removeItemError: Error al eliminar la agencia
+    pageTitles:
+        agency: Agencia
 components:
     topbar: {}
     userPanel:
diff --git a/src/pages/Agency/Card/AgencyBasicData.vue b/src/pages/Agency/Card/AgencyBasicData.vue
index 00595ce1f..40510a205 100644
--- a/src/pages/Agency/Card/AgencyBasicData.vue
+++ b/src/pages/Agency/Card/AgencyBasicData.vue
@@ -30,7 +30,7 @@ const warehouses = ref([]);
             </VnRow>
             <VnRow>
                 <VnSelectFilter
-                    v-model="data.sectorFk"
+                    v-model="data.warehouseFk"
                     option-value="id"
                     option-label="name"
                     :label="t('globals.warehouse')"
diff --git a/src/pages/Agency/Card/AgencyModes.vue b/src/pages/Agency/Card/AgencyModes.vue
index 2c0c9d47b..4b145f227 100644
--- a/src/pages/Agency/Card/AgencyModes.vue
+++ b/src/pages/Agency/Card/AgencyModes.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { useRoute, useRouter } from 'vue-router';
+import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 
 import CardList from 'src/components/ui/CardList.vue';
@@ -7,19 +7,9 @@ import VnPaginate from 'src/components/ui/VnPaginate.vue';
 import VnLv from 'src/components/ui/VnLv.vue';
 
 const { t } = useI18n();
-const router = useRouter();
 const route = useRoute();
 console.log('route: ', route.path);
 const routeId = route.params.id;
-const toAgencyModeCreate = (consigneeId) => {
-    router.push({
-        name: 'AgencyMode',
-        params: {
-            id: route.params.id,
-            consigneeId,
-        },
-    });
-};
 </script>
 <template>
     <QPage class="column items-center q-pa-md">
@@ -51,25 +41,10 @@ const toAgencyModeCreate = (consigneeId) => {
                             <VnLv :label="t('inflation')" :value="row?.inflation" />
                             <VnLv :label="t('globals.code')" :value="row?.code" />
                         </template>
-                        <template #actions>
-                            <QBtn
-                                :label="t('globals.edit')"
-                                @click.stop="toAgencyModeCreate(row.id)"
-                                color="primary"
-                                icon="edit"
-                            />
-                        </template>
                     </CardList>
                 </template>
             </VnPaginate>
         </div>
-
-        <QPageSticky :offset="[18, 18]">
-            <QBtn @click.stop="toAgencyModeCreate()" color="primary" fab icon="add" />
-            <QTooltip>
-                {{ t('New mode') }}
-            </QTooltip>
-        </QPageSticky>
     </QPage>
 </template>
 <i18n>
diff --git a/src/pages/Agency/Card/AgencyWorkcenter.vue b/src/pages/Agency/Card/AgencyWorkcenter.vue
index cacd4b8f2..83231e6c2 100644
--- a/src/pages/Agency/Card/AgencyWorkcenter.vue
+++ b/src/pages/Agency/Card/AgencyWorkcenter.vue
@@ -1,4 +1,6 @@
 <script setup>
+import axios from 'axios';
+import { useQuasar } from 'quasar';
 import { ref, computed } from 'vue';
 import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
@@ -17,6 +19,7 @@ const route = useRoute();
 const paginate = ref();
 const dialog = ref();
 const routeId = computed(() => route.params.id);
+const quasar = useQuasar();
 
 const initialData = computed(() => {
     return {
@@ -24,6 +27,23 @@ const initialData = computed(() => {
         workCenterFk: null,
     };
 });
+
+async function deleteWorCenter(id) {
+    try {
+        await axios.delete(`AgencyWorkCenters/${id}`).then(async () => {
+            quasar.notify({
+                message: t('agency.notification.removeItem'),
+                type: 'positive',
+            });
+        });
+    } catch (error) {
+        quasar.notify({
+            message: t('agency.notification.removeItemError'),
+            type: 'error',
+        });
+    }
+    paginate.value.fetch();
+}
 </script>
 <template>
     <div class="centerCard">
@@ -54,7 +74,13 @@ const initialData = computed(() => {
                             <VnLv :value="row?.workCenter?.name" icon="delete" />
                         </QItemSection>
                         <QItemSection side>
-                            <QBtn icon="delete" color="primary" round flat />
+                            <QBtn
+                                @click.stop="deleteWorCenter(row.id)"
+                                icon="delete"
+                                color="primary"
+                                round
+                                flat
+                            />
                         </QItemSection>
                     </QItem>
                 </QCard>
diff --git a/test/cypress/integration/agency/spec.spec.js b/test/cypress/integration/agency/spec.spec.js
new file mode 100644
index 000000000..dd6b0da6f
--- /dev/null
+++ b/test/cypress/integration/agency/spec.spec.js
@@ -0,0 +1,25 @@
+describe('template spec', () => {
+    beforeEach(() => {
+        cy.viewport(1920, 1080);
+        cy.login('developer');
+        cy.visit(`/#/agency`);
+    });
+
+    it('passes', () => {
+        cy.visit(`/#/agency`);
+        /* ==== Generated with Cypress Studio ==== */
+        cy.get(':nth-child(1) > :nth-child(1) > .card-list-body > .list-items').click();
+        cy.get('[href="#/agency/1/workCenter"] > .q-item__section--main').click();
+        cy.get('.q-page-sticky > div > .q-btn > .q-btn__content > .q-icon').click();
+        cy.get('#f_fa5833a2-f919-4542-b663-e72b3ba4ffe5').click();
+        cy.get('#f_fa5833a2-f919-4542-b663-e72b3ba4ffe5_0').click();
+        cy.get('#formModel > .q-card').click();
+        cy.get('.q-btn--standard > .q-btn__content > .block').click();
+        cy.get('.q-page-sticky > div > .q-btn > .q-btn__content > .q-icon').click();
+        cy.get('#f_94743509-f7a7-4e5c-83f4-61ab52c7cd72').click();
+        cy.get('#f_94743509-f7a7-4e5c-83f4-61ab52c7cd72_1 > .q-item__section').click();
+        cy.get('.q-btn--standard > .q-btn__content > .block').click();
+        cy.get('.q-btn--flat > .q-btn__content > .block').;
+        /* ==== End Cypress Studio ==== */
+    });
+});
diff --git a/test/vitest/__tests__/pages/Agency/AgencyWorCenter.spec.js b/test/vitest/__tests__/pages/Agency/AgencyWorCenter.spec.js
new file mode 100644
index 000000000..965af14c4
--- /dev/null
+++ b/test/vitest/__tests__/pages/Agency/AgencyWorCenter.spec.js
@@ -0,0 +1,33 @@
+import { vi, describe, expect, it, beforeAll, afterEach } from 'vitest';
+import { createWrapper, axios } from 'app/test/vitest/helper';
+import AgencyWorkCenter from 'pages/Agency/Card/AgencyWorkcenter.vue';
+
+describe('AgencyWorkCenter', () => {
+    let vm;
+    beforeAll(() => {
+        vm = createWrapper(AgencyWorkCenter, {
+            global: {
+                claim: {
+                    id: 1,
+                },
+            },
+        }).vm;
+    });
+
+    afterEach(() => {
+        vi.clearAllMocks();
+    });
+
+    describe('remove()', () => {
+        it('should delete the AgencyMode', async () => {
+            vi.spyOn(axios, 'delete').mockResolvedValue({ data: true });
+            vi.spyOn(vm.quasar, 'notify');
+
+            await vm.deleteWorCenter(1);
+
+            expect(vm.quasar.notify).toHaveBeenCalledWith(
+                expect.objectContaining({ type: 'positive' })
+            );
+        });
+    });
+});
diff --git a/test/vitest/setup-file.js b/test/vitest/setup-file.js
deleted file mode 100644
index 499204981..000000000
--- a/test/vitest/setup-file.js
+++ /dev/null
@@ -1 +0,0 @@
-// This file will be run before each test file

From 6018d51642165a13e97ab9bb480d8686bcb62872 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Tue, 23 Apr 2024 07:56:07 +0200
Subject: [PATCH 068/305] perf: #7190 remove comments

---
 src/composables/useSession.js | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/src/composables/useSession.js b/src/composables/useSession.js
index f308bf3e2..bd3532816 100644
--- a/src/composables/useSession.js
+++ b/src/composables/useSession.js
@@ -90,6 +90,7 @@ export function useSession() {
         await useRole().fetch();
         await useUserConfig().fetch();
         await useTokenConfig().fetch();
+
         startInterval();
     }
 
@@ -105,8 +106,6 @@ export function useSession() {
         const renewPeriod = +sessionStorage.getItem('renewPeriod');
         if (!renewPeriod) return;
         intervalId = setInterval(() => checkValidity(), renewPeriod * 1000);
-        // JUST FOR TEST
-        // checkValidity();
     }
 
     function stopRenewer() {
@@ -144,10 +143,8 @@ export function useSession() {
 
         //COMMENT THIS IF JUST FOR TEST
         if (isNaN(renewPeriodInSeconds) || now <= maxDate) {
-            console.error('Token not renewed');
             return (isCheckingToken = false);
         }
-        console.error('Token renewed');
 
         await renewToken();
         isCheckingToken = false;

From 04fe9330d45e97a4ec470abaf088245657ee1840 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Tue, 23 Apr 2024 08:03:09 +0200
Subject: [PATCH 069/305] fix: #7190 tests

---
 .../__tests__/composables/useSession.spec.js       | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/test/vitest/__tests__/composables/useSession.spec.js b/test/vitest/__tests__/composables/useSession.spec.js
index f9f3dcb80..8feb5e571 100644
--- a/test/vitest/__tests__/composables/useSession.spec.js
+++ b/test/vitest/__tests__/composables/useSession.spec.js
@@ -96,7 +96,11 @@ describe('session', () => {
             const expectedTokenMultimedia = 'mySessionTokenMultimedia';
             const keepLogin = false;
 
-            await session.login(expectedToken,expectedTokenMultimedia, keepLogin);
+            await session.login({
+                token: expectedToken,
+                tokenMultimedia: expectedTokenMultimedia,
+                keepLogin,
+            });
 
             const roles = state.getRoles();
             const localToken = localStorage.getItem('token');
@@ -106,7 +110,7 @@ describe('session', () => {
             expect(localToken).toBeNull();
             expect(sessionToken).toEqual(expectedToken);
 
-           await session.destroy(); // this clears token and user for any other test
+            await session.destroy(); // this clears token and user for any other test
         });
 
         it('should fetch the user roles and then set token in the localStorage', async () => {
@@ -119,7 +123,11 @@ describe('session', () => {
             const expectedTokenMultimedia = 'myLocalTokenMultimedia';
             const keepLogin = true;
 
-            await session.login(expectedToken, expectedTokenMultimedia, keepLogin);
+            await session.login({
+                token: expectedToken,
+                tokenMultimedia: expectedTokenMultimedia,
+                keepLogin,
+            });
 
             const roles = state.getRoles();
             const localToken = localStorage.getItem('token');

From 5cce1df7081dbb8a6ce27df47ffa6fa9a0141d89 Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Tue, 23 Apr 2024 10:06:57 +0200
Subject: [PATCH 070/305] refs #6976 fix supplierConsumption

---
 .../Supplier/Card/SupplierConsumption.vue     | 64 +++++++++++++++----
 1 file changed, 50 insertions(+), 14 deletions(-)

diff --git a/src/pages/Supplier/Card/SupplierConsumption.vue b/src/pages/Supplier/Card/SupplierConsumption.vue
index 2b4dfe6b8..f9fa34c8e 100644
--- a/src/pages/Supplier/Card/SupplierConsumption.vue
+++ b/src/pages/Supplier/Card/SupplierConsumption.vue
@@ -1,9 +1,9 @@
 <script setup>
 import { useRoute } from 'vue-router';
-import { computed, onMounted, watch, onUnmounted } from 'vue';
+import { computed, onMounted, watch, onUnmounted, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useQuasar } from 'quasar';
-
+import VnLv from 'src/components/ui/VnLv.vue';
 import FetchedTags from 'components/ui/FetchedTags.vue';
 import SendEmailDialog from 'components/common/SendEmailDialog.vue';
 import SupplierConsumptionFilter from './SupplierConsumptionFilter.vue';
@@ -25,7 +25,7 @@ const route = useRoute();
 const { openReport, sendEmail } = usePrintService();
 const quasar = useQuasar();
 const { notify } = useNotify();
-
+const totalRows = ref({});
 const arrayData = useArrayData('SupplierConsumption', {
     url: 'Suppliers/consumption',
     order: ['itemTypeFk', 'itemName', 'itemSize'],
@@ -34,7 +34,6 @@ const arrayData = useArrayData('SupplierConsumption', {
 
 const store = arrayData.store;
 
-console.log('route del principio', route.query.from);
 watch(() => route.query);
 
 onUnmounted(() => state.unset('SupplierConsumption'));
@@ -44,7 +43,6 @@ const dateRanges = computed(() => {
         to: null,
     };
 
-    console.log('route del if', route.query.from);
     if (route.query && route.query.params) {
         const params = JSON.parse(route.query.params);
         if (params.from && params.to) {
@@ -65,7 +63,10 @@ async function getSupplierConsumptionData() {
     await arrayData.fetch({ append: false });
 }
 
-const rows = computed(() => store.data || []);
+const rows = computed(() => {
+    console.log(store.data);
+    return totalEntryPrice(store.data) || [];
+});
 
 const openReportPdf = () => {
     openReport(`Suppliers/${route.params.id}/campaign-metrics-pdf`, reportParams.value);
@@ -112,11 +113,28 @@ const sendCampaignMetricsEmail = ({ address }) => {
     });
 };
 
-const calculateTotal = (buysArray = []) =>
-    buysArray.reduce((accumulator, { total }) => accumulator + total, 0);
+const totalEntryPrice = (rows) => {
+    let totalPrice = 0;
+    let totalQuantity = 0;
+    if (!rows) return totalPrice;
+    for (const row of rows) {
+        let total = 0;
+        let quantity = 0;
+        for (const buy of row.buys) {
+            total = total + buy.total;
+            quantity = quantity + buy.quantity;
+        }
+        row.total = total;
+        row.quantity = quantity;
+        totalPrice = totalPrice + total;
+        totalQuantity = totalQuantity + quantity;
+    }
+    totalRows.value = { totalPrice, totalQuantity };
+    return rows;
+};
 
-const calculateTotalStems = (buysArray = []) =>
-    buysArray.reduce((accumulator, { quantity }) => accumulator + quantity, 0);
+totalEntryPrice(rows.value);
+console.log('row', rows.value);
 
 onMounted(async () => {
     stateStore.rightDrawer = true;
@@ -153,7 +171,23 @@ console.log('dateRange value', dateRanges.value);
             </QTooltip>
         </QBtn>
     </Teleport>
-
+    <Teleport to="#st-data" v-if="stateStore.isSubToolbarShown()">
+        <div class="row q-gutter-md">
+            <div>
+                {{ t('Total entries') }}:
+                <QChip :dense="$q.screen.lt.sm" text-color="white">
+                    {{ totalRows.totalPrice }} €
+                </QChip>
+            </div>
+            <QSeparator dark vertical />
+            <div>
+                {{ t('Total stems entries') }}:
+                <QChip :dense="$q.screen.lt.sm" text-color="white">
+                    {{ totalRows.totalQuantity }}
+                </QChip>
+            </div>
+        </div>
+    </Teleport>
     <QPage class="column items-center q-pa-md">
         <QDrawer v-model="stateStore.rightDrawer" side="right" :width="256" show-if-above>
             <QScrollArea class="fit text-grey-8">
@@ -186,7 +220,7 @@ console.log('dateRange value', dateRanges.value);
                 </QTr>
                 <QTr v-for="(buy, index) in row.buys" :key="index">
                     <QTd no-hover>
-                        <QBtn flat color="blue" dense>{{ buy.itemName }}</QBtn>
+                        <QBtn flat color="blue" dense no-caps>{{ buy.itemName }}</QBtn>
                         <ItemDescriptorProxy :id="buy.itemFk" />
                     </QTd>
 
@@ -201,11 +235,11 @@ console.log('dateRange value', dateRanges.value);
                 <QTr>
                     <QTd colspan="5" no-hover>
                         <span class="label">{{ t('Total entry') }}: </span>
-                        <span>{{ calculateTotal(row.buys) }}</span>
+                        <span>{{ row.total }} €</span>
                     </QTd>
                     <QTd no-hover>
                         <span class="label">{{ t('Total stems') }}: </span>
-                        <span>{{ calculateTotalStems(row.buys) }}</span>
+                        <span>{{ row.quantity }}</span>
                     </QTd>
                 </QTr>
             </template>
@@ -222,6 +256,8 @@ console.log('dateRange value', dateRanges.value);
 <i18n>
 es:
     Total entry: Total entrada
+    Total entries: Total de las entradas
+    Total stems entries: Total de tallos de las entradas
     Total stems: Total tallos
     Open as PDF: Abrir como PDF
     Send to email: Enviar por email

From f9a88ea8c20772cba884bc6c85a3a4c3a357545f Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Tue, 23 Apr 2024 12:00:29 +0200
Subject: [PATCH 071/305] fix: refs #6480 fix workerCard

---
 src/components/common/VnCard.vue            | 32 ++++++++++++++-------
 src/pages/Parking/Card/ParkingBasicData.vue |  2 --
 src/pages/Ticket/Card/TicketSummary.vue     |  4 +--
 src/pages/Worker/Card/WorkerCard.vue        |  5 +++-
 4 files changed, 27 insertions(+), 16 deletions(-)

diff --git a/src/components/common/VnCard.vue b/src/components/common/VnCard.vue
index a89350e49..c9f043702 100644
--- a/src/components/common/VnCard.vue
+++ b/src/components/common/VnCard.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { onBeforeMount } from 'vue';
+import { onBeforeMount, computed } from 'vue';
 import { useRoute, onBeforeRouteUpdate } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 import { useArrayData } from 'src/composables/useArrayData';
@@ -11,8 +11,9 @@ import LeftMenu from 'components/LeftMenu.vue';
 
 const props = defineProps({
     dataKey: { type: String, required: true },
-    baseUrl: { type: String, required: true },
-    filter: { type: Object, default: undefined },
+    baseUrl: { type: String, default: undefined },
+    customUrl: { type: String, default: undefined },
+    filter: { type: Object, default: () => {} },
     descriptor: { type: Object, required: true },
     searchbarDataKey: { type: String, default: undefined },
     searchbarUrl: { type: String, default: undefined },
@@ -23,20 +24,29 @@ const props = defineProps({
 const { t } = useI18n();
 const stateStore = useStateStore();
 const route = useRoute();
+const url = computed(() => {
+    if (props.baseUrl) return `${props.baseUrl}/${route.params.id}`;
+    return props.customUrl;
+});
 
 const arrayData = useArrayData(props.dataKey, {
-    url: `${props.baseUrl}/${route.params.id}`,
+    url: url.value,
     filter: props.filter,
 });
 
-onBeforeMount(async () => 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 });
-    }
+onBeforeMount(async () => {
+    await arrayData.fetch({ append: false });
+    arrayData.store.filter.where = { id: route.params.id };
 });
+
+if (props.baseUrl) {
+    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
diff --git a/src/pages/Parking/Card/ParkingBasicData.vue b/src/pages/Parking/Card/ParkingBasicData.vue
index 26a1ed8be..b03b7be7c 100644
--- a/src/pages/Parking/Card/ParkingBasicData.vue
+++ b/src/pages/Parking/Card/ParkingBasicData.vue
@@ -4,7 +4,6 @@ import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 import VnRow from 'components/ui/VnRow.vue';
 import FetchData from 'src/components/FetchData.vue';
-import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import FormModel from 'components/FormModel.vue';
 import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
@@ -28,7 +27,6 @@ const filter = {
         @on-fetch="(data) => (sectors = data)"
         auto-load
     />
-    <VnSubToolbar />
     <FormModel :url="`Parkings/${parkingId}`" model="parking" :filter="filter" auto-load>
         <template #form="{ data }">
             <VnRow>
diff --git a/src/pages/Ticket/Card/TicketSummary.vue b/src/pages/Ticket/Card/TicketSummary.vue
index d648433b0..364ae04a6 100644
--- a/src/pages/Ticket/Card/TicketSummary.vue
+++ b/src/pages/Ticket/Card/TicketSummary.vue
@@ -91,8 +91,8 @@ async function changeState(value) {
     >
         <template #header="{ entity }">
             <div>
-                Ticket #{{ entity.id }} - {{ entity.client.name }} ({{
-                    entity.client.id
+                Ticket #{{ entity.id }} - {{ entity.client?.name }} ({{
+                    entity.client?.id
                 }}) -
                 {{ entity.nickname }}
             </div>
diff --git a/src/pages/Worker/Card/WorkerCard.vue b/src/pages/Worker/Card/WorkerCard.vue
index d76ef6f59..e0047bf9e 100644
--- a/src/pages/Worker/Card/WorkerCard.vue
+++ b/src/pages/Worker/Card/WorkerCard.vue
@@ -1,12 +1,15 @@
 <script setup>
 import VnCard from 'components/common/VnCard.vue';
 import WorkerDescriptor from './WorkerDescriptor.vue';
+
+const filter = { where: {} };
 </script>
 <template>
     <VnCard
         data-key="Worker"
-        base-url="Workers"
+        custom-url="Workers/Summary"
         :descriptor="WorkerDescriptor"
+        :filter="filter"
         searchbar-data-key="WorkerList"
         searchbar-url="Workers/filter"
         searchbar-label="Search worker"

From f8c238f4439097f98a1deeede85cb3706e32cc54 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Tue, 23 Apr 2024 12:04:24 +0200
Subject: [PATCH 072/305] fix: refs #6480 fix workerCard

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

diff --git a/src/components/common/VnCard.vue b/src/components/common/VnCard.vue
index c9f043702..3a3361657 100644
--- a/src/components/common/VnCard.vue
+++ b/src/components/common/VnCard.vue
@@ -35,8 +35,8 @@ const arrayData = useArrayData(props.dataKey, {
 });
 
 onBeforeMount(async () => {
-    await arrayData.fetch({ append: false });
     arrayData.store.filter.where = { id: route.params.id };
+    await arrayData.fetch({ append: false });
 });
 
 if (props.baseUrl) {

From c8b08b9e2df8eca9780ec875cac063eb6380f7a4 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Tue, 23 Apr 2024 12:34:38 +0200
Subject: [PATCH 073/305] fix: refs #6480 fix workerCard

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

diff --git a/src/components/common/VnCard.vue b/src/components/common/VnCard.vue
index 3a3361657..6d0badffb 100644
--- a/src/components/common/VnCard.vue
+++ b/src/components/common/VnCard.vue
@@ -35,7 +35,7 @@ const arrayData = useArrayData(props.dataKey, {
 });
 
 onBeforeMount(async () => {
-    arrayData.store.filter.where = { id: route.params.id };
+    if (!props.baseUrl) arrayData.store.filter.where = { id: route.params.id };
     await arrayData.fetch({ append: false });
 });
 

From 7f07b9780c9e91457e5b7fd72d6233d1fda8c6c8 Mon Sep 17 00:00:00 2001
From: jcasado <jcasado.verdnatura@gmail.com>
Date: Tue, 23 Apr 2024 13:03:32 +0200
Subject: [PATCH 074/305] refs: #6764 rename VnSelectFilter

---
 src/components/CreateBankEntityForm.vue       |  4 +--
 src/components/CreateManualInvoiceForm.vue    | 12 ++++-----
 src/components/CreateNewCityForm.vue          |  4 +--
 src/components/CreateNewPostcodeForm.vue      |  4 +--
 src/components/CreateNewProvinceForm.vue      |  4 +--
 src/components/CreateThermographForm.vue      |  8 +++---
 src/components/EditPictureForm.vue            |  4 +--
 src/components/EditTableCellValueForm.vue     |  4 +--
 src/components/FilterItemForm.vue             |  8 +++---
 src/components/FilterTravelForm.vue           |  8 +++---
 src/components/RegularizeStockForm.vue        |  4 +--
 src/components/TransferInvoiceForm.vue        | 14 +++++-----
 src/components/common/VnDms.vue               |  8 +++---
 src/components/common/VnLog.vue               |  8 +++---
 .../{VnSelectFilter.vue => VnSelect.vue}      |  0
 src/components/common/VnSelectDialog.vue      |  6 ++---
 src/pages/Claim/Card/ClaimAction.vue          |  8 +++---
 src/pages/Claim/Card/ClaimDevelopment.vue     |  8 +++---
 src/pages/Claim/ClaimFilter.vue               | 10 +++----
 src/pages/Customer/Card/CustomerBalance.vue   |  4 +--
 .../Customer/Card/CustomerBillingData.vue     |  4 +--
 .../Customer/Card/CustomerFiscalData.vue      |  6 ++---
 src/pages/Customer/Card/CustomerLog.vue       |  6 ++---
 src/pages/Customer/CustomerCreate.vue         |  6 ++---
 src/pages/Customer/CustomerFilter.vue         |  8 +++---
 .../Defaulter/CustomerDefaulterFilter.vue     | 10 +++----
 .../CustomerExtendedListFilter.vue            | 18 ++++++-------
 .../CustomerNotificationsFilter.vue           |  6 ++---
 .../components/CustomerConsigneeCreate.vue    |  6 ++---
 .../components/CustomerConsigneeEdit.vue      |  8 +++---
 .../components/CustomerGreugeCreate.vue       |  4 +--
 .../components/CustomerNewPayment.vue         |  8 +++---
 .../Department/Card/DepartmentBasicData.vue   |  6 ++---
 src/pages/Entry/Card/EntryBasicData.vue       | 10 +++----
 src/pages/Entry/Card/EntryBuys.vue            |  4 +--
 src/pages/Entry/Card/EntryBuysImport.vue      |  4 +--
 src/pages/Entry/Card/EntryNotes.vue           |  4 +--
 src/pages/Entry/EntryCreate.vue               | 12 ++++-----
 src/pages/Entry/EntryFilter.vue               | 10 +++----
 src/pages/Entry/EntryLatestBuys.vue           | 12 ++++-----
 src/pages/Entry/EntryLatestBuysFilter.vue     | 16 ++++++------
 .../InvoiceIn/Card/InvoiceInBasicData.vue     | 22 ++++++++--------
 .../InvoiceIn/Card/InvoiceInCorrective.vue    |  8 +++---
 .../InvoiceIn/Card/InvoiceInDescriptor.vue    |  8 +++---
 src/pages/InvoiceIn/Card/InvoiceInDueDay.vue  | 10 +++----
 .../InvoiceIn/Card/InvoiceInIntrastat.vue     | 14 +++++-----
 src/pages/InvoiceIn/Card/InvoiceInVat.vue     | 26 +++++++++----------
 src/pages/InvoiceIn/InvoiceInFilter.vue       |  6 ++---
 src/pages/InvoiceOut/InvoiceOutGlobalForm.vue |  8 +++---
 src/pages/Order/Card/OrderCatalogFilter.vue   | 14 +++++-----
 src/pages/Order/Card/OrderFilter.vue          | 10 +++----
 src/pages/Order/Card/OrderForm.vue            | 14 +++++-----
 .../Route/Card/RouteAutonomousFilter.vue      | 20 +++++++++-----
 src/pages/Route/Card/RouteFilter.vue          | 12 ++++-----
 src/pages/Route/Card/RouteForm.vue            | 14 +++++-----
 .../Route/Roadmap/RoadmapAddStopForm.vue      |  4 +--
 src/pages/Route/Roadmap/RoadmapBasicData.vue  | 14 ++++------
 src/pages/Route/Roadmap/RoadmapFilter.vue     |  6 ++---
 src/pages/Route/RouteList.vue                 | 10 +++----
 .../Supplier/Card/SupplierAddressesCreate.vue |  2 +-
 .../Card/SupplierAgencyTermCreate.vue         |  4 +--
 src/pages/Supplier/Card/SupplierBasicData.vue |  6 ++---
 .../Supplier/Card/SupplierBillingData.vue     |  6 ++---
 .../Card/SupplierConsumptionFilter.vue        | 10 +++----
 .../Supplier/Card/SupplierFiscalData.vue      | 10 +++----
 src/pages/Supplier/SupplierListFilter.vue     |  6 ++---
 src/pages/Travel/Card/TravelBasicData.vue     |  8 +++---
 .../Travel/Card/TravelThermographsForm.vue    |  8 +++---
 src/pages/Travel/ExtraCommunityFilter.vue     | 12 ++++-----
 src/pages/Travel/TravelCreate.vue             |  8 +++---
 src/pages/Travel/TravelFilter.vue             | 10 +++----
 src/pages/Worker/Card/WorkerPda.vue           |  6 ++---
 src/pages/Worker/WorkerCreate.vue             | 10 +++----
 73 files changed, 314 insertions(+), 310 deletions(-)
 rename src/components/common/{VnSelectFilter.vue => VnSelect.vue} (100%)

diff --git a/src/components/CreateBankEntityForm.vue b/src/components/CreateBankEntityForm.vue
index 2d098beb0..4acc7b749 100644
--- a/src/components/CreateBankEntityForm.vue
+++ b/src/components/CreateBankEntityForm.vue
@@ -3,7 +3,7 @@ import { reactive, ref, onMounted, nextTick } from 'vue';
 import { useI18n } from 'vue-i18n';
 import VnInput from 'src/components/common/VnInput.vue';
 
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import FetchData from 'components/FetchData.vue';
 import VnRow from 'components/ui/VnRow.vue';
 import FormModelPopup from './FormModelPopup.vue';
@@ -78,7 +78,7 @@ onMounted(async () => {
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('country')"
                         v-model="data.countryFk"
                         :options="countriesOptions"
diff --git a/src/components/CreateManualInvoiceForm.vue b/src/components/CreateManualInvoiceForm.vue
index f03afbf35..8ac3552ad 100644
--- a/src/components/CreateManualInvoiceForm.vue
+++ b/src/components/CreateManualInvoiceForm.vue
@@ -5,7 +5,7 @@ import { useRouter } from 'vue-router';
 
 import FetchData from 'components/FetchData.vue';
 import VnRow from 'components/ui/VnRow.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import FormModelPopup from './FormModelPopup.vue';
 import VnInputDate from './common/VnInputDate.vue';
@@ -73,7 +73,7 @@ const onDataSaved = async (formData, requestResponse) => {
             </span>
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('Ticket')"
                         :options="ticketsOptions"
                         hide-selected
@@ -92,13 +92,13 @@ const onDataSaved = async (formData, requestResponse) => {
                                 </QItemSection>
                             </QItem>
                         </template>
-                    </VnSelectFilter>
+                    </VnSelect>
                 </div>
                 <span class="row items-center" style="max-width: max-content">{{
                     t('Or')
                 }}</span>
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('Client')"
                         :options="clientsOptions"
                         hide-selected
@@ -114,7 +114,7 @@ const onDataSaved = async (formData, requestResponse) => {
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('Serial')"
                         :options="invoiceOutSerialsOptions"
                         hide-selected
@@ -125,7 +125,7 @@ const onDataSaved = async (formData, requestResponse) => {
                     />
                 </div>
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('Area')"
                         :options="taxAreasOptions"
                         hide-selected
diff --git a/src/components/CreateNewCityForm.vue b/src/components/CreateNewCityForm.vue
index 7326ea7a5..a78312d08 100644
--- a/src/components/CreateNewCityForm.vue
+++ b/src/components/CreateNewCityForm.vue
@@ -4,7 +4,7 @@ import { useI18n } from 'vue-i18n';
 
 import FetchData from 'components/FetchData.vue';
 import VnRow from 'components/ui/VnRow.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import FormModelPopup from './FormModelPopup.vue';
 
@@ -48,7 +48,7 @@ const onDataSaved = (dataSaved) => {
                     />
                 </div>
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('Province')"
                         :options="provincesOptions"
                         hide-selected
diff --git a/src/components/CreateNewPostcodeForm.vue b/src/components/CreateNewPostcodeForm.vue
index 47836c05b..dfaf4c2a3 100644
--- a/src/components/CreateNewPostcodeForm.vue
+++ b/src/components/CreateNewPostcodeForm.vue
@@ -4,7 +4,7 @@ import { useI18n } from 'vue-i18n';
 
 import FetchData from 'components/FetchData.vue';
 import VnRow from 'components/ui/VnRow.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import CreateNewCityForm from './CreateNewCityForm.vue';
 import CreateNewProvinceForm from './CreateNewProvinceForm.vue';
@@ -123,7 +123,7 @@ const onProvinceCreated = async ({ name }, formData) => {
                     </VnSelectDialog>
                 </div>
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('Country')"
                         :options="countriesOptions"
                         hide-selected
diff --git a/src/components/CreateNewProvinceForm.vue b/src/components/CreateNewProvinceForm.vue
index b972db2c9..d38ff94df 100644
--- a/src/components/CreateNewProvinceForm.vue
+++ b/src/components/CreateNewProvinceForm.vue
@@ -4,7 +4,7 @@ import { useI18n } from 'vue-i18n';
 
 import FetchData from 'components/FetchData.vue';
 import VnRow from 'components/ui/VnRow.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import FormModelPopup from './FormModelPopup.vue';
 
@@ -48,7 +48,7 @@ const onDataSaved = (dataSaved) => {
                     />
                 </div>
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('Autonomy')"
                         :options="autonomiesOptions"
                         hide-selected
diff --git a/src/components/CreateThermographForm.vue b/src/components/CreateThermographForm.vue
index d4511a0e7..60c531529 100644
--- a/src/components/CreateThermographForm.vue
+++ b/src/components/CreateThermographForm.vue
@@ -4,7 +4,7 @@ import { useI18n } from 'vue-i18n';
 
 import FetchData from 'components/FetchData.vue';
 import VnRow from 'components/ui/VnRow.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import FormModelPopup from './FormModelPopup.vue';
 
@@ -64,7 +64,7 @@ const onDataSaved = (dataSaved) => {
                 </div>
 
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('Model')"
                         :options="thermographsModels"
                         hide-selected
@@ -78,7 +78,7 @@ const onDataSaved = (dataSaved) => {
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-xl">
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('Warehouse')"
                         :options="warehousesOptions"
                         hide-selected
@@ -89,7 +89,7 @@ const onDataSaved = (dataSaved) => {
                     />
                 </div>
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('Temperature')"
                         :options="temperaturesOptions"
                         hide-selected
diff --git a/src/components/EditPictureForm.vue b/src/components/EditPictureForm.vue
index 3d7f3615b..2adbf5f83 100644
--- a/src/components/EditPictureForm.vue
+++ b/src/components/EditPictureForm.vue
@@ -2,7 +2,7 @@
 import { reactive, computed, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import FetchData from 'components/FetchData.vue';
 import VnRow from 'components/ui/VnRow.vue';
 import VnInput from 'src/components/common/VnInput.vue';
@@ -293,7 +293,7 @@ const makeRequest = async () => {
                     </VnRow>
                     <VnRow class="row q-gutter-md q-mb-md">
                         <div class="col">
-                            <VnSelectFilter
+                            <VnSelect
                                 :label="t('Orientation')"
                                 :options="viewportTypes"
                                 hide-selected
diff --git a/src/components/EditTableCellValueForm.vue b/src/components/EditTableCellValueForm.vue
index 9e48889a0..e4732b45d 100644
--- a/src/components/EditTableCellValueForm.vue
+++ b/src/components/EditTableCellValueForm.vue
@@ -2,7 +2,7 @@
 import { ref, reactive } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 
 import axios from 'axios';
@@ -76,7 +76,7 @@ const closeForm = () => {
             <span class="title">{{ t('buy(s)') }}</span>
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('Field to edit')"
                         :options="fieldsOptions"
                         hide-selected
diff --git a/src/components/FilterItemForm.vue b/src/components/FilterItemForm.vue
index 4c329a8e8..1272a3370 100644
--- a/src/components/FilterItemForm.vue
+++ b/src/components/FilterItemForm.vue
@@ -6,7 +6,7 @@ import { useRoute } from 'vue-router';
 import VnRow from 'components/ui/VnRow.vue';
 import FetchData from 'components/FetchData.vue';
 import VnInput from 'src/components/common/VnInput.vue';
-import VnSelectFilter from 'components/common/VnSelectFilter.vue';
+import VnSelect from 'components/common/VnSelect.vue';
 import ItemDescriptorProxy from 'src/pages/Item/Card/ItemDescriptorProxy.vue';
 
 import axios from 'axios';
@@ -160,7 +160,7 @@ const selectItem = ({ id }) => {
                     />
                 </div>
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('entry.buys.producer')"
                         :options="producersOptions"
                         hide-selected
@@ -170,7 +170,7 @@ const selectItem = ({ id }) => {
                     />
                 </div>
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('entry.buys.type')"
                         :options="ItemTypesOptions"
                         hide-selected
@@ -180,7 +180,7 @@ const selectItem = ({ id }) => {
                     />
                 </div>
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('entry.buys.color')"
                         :options="InksOptions"
                         hide-selected
diff --git a/src/components/FilterTravelForm.vue b/src/components/FilterTravelForm.vue
index 499d5bc4e..2e86f0e21 100644
--- a/src/components/FilterTravelForm.vue
+++ b/src/components/FilterTravelForm.vue
@@ -5,7 +5,7 @@ import { useI18n } from 'vue-i18n';
 import VnRow from 'components/ui/VnRow.vue';
 import FetchData from 'components/FetchData.vue';
 import VnInputDate from 'src/components/common/VnInputDate.vue';
-import VnSelectFilter from 'components/common/VnSelectFilter.vue';
+import VnSelect from 'components/common/VnSelect.vue';
 import TravelDescriptorProxy from 'src/pages/Travel/Card/TravelDescriptorProxy.vue';
 
 import axios from 'axios';
@@ -146,7 +146,7 @@ const selectTravel = ({ id }) => {
             <h1 class="title">{{ t('Filter travels') }}</h1>
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('entry.basicData.agency')"
                         :options="agenciesOptions"
                         hide-selected
@@ -156,7 +156,7 @@ const selectTravel = ({ id }) => {
                     />
                 </div>
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('entry.basicData.warehouseOut')"
                         :options="warehousesOptions"
                         hide-selected
@@ -166,7 +166,7 @@ const selectTravel = ({ id }) => {
                     />
                 </div>
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('entry.basicData.warehouseIn')"
                         :options="warehousesOptions"
                         hide-selected
diff --git a/src/components/RegularizeStockForm.vue b/src/components/RegularizeStockForm.vue
index 28236be17..180ff2100 100644
--- a/src/components/RegularizeStockForm.vue
+++ b/src/components/RegularizeStockForm.vue
@@ -2,7 +2,7 @@
 import { reactive, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import FetchData from 'components/FetchData.vue';
 import VnRow from 'components/ui/VnRow.vue';
 import FormModelPopup from './FormModelPopup.vue';
@@ -59,7 +59,7 @@ const onDataSaved = (data) => {
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('Warehouse')"
                         v-model="data.warehouseFk"
                         :options="warehousesOptions"
diff --git a/src/components/TransferInvoiceForm.vue b/src/components/TransferInvoiceForm.vue
index b7d8f3081..de3196e2c 100644
--- a/src/components/TransferInvoiceForm.vue
+++ b/src/components/TransferInvoiceForm.vue
@@ -5,7 +5,7 @@ import { useRouter } from 'vue-router';
 
 import VnRow from 'components/ui/VnRow.vue';
 import FetchData from 'components/FetchData.vue';
-import VnSelectFilter from 'components/common/VnSelectFilter.vue';
+import VnSelect from 'components/common/VnSelect.vue';
 import FormPopup from './FormPopup.vue';
 
 import axios from 'axios';
@@ -84,7 +84,7 @@ const transferInvoice = async () => {
         <template #form-inputs>
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('Client')"
                         :options="clientsOptions"
                         hide-selected
@@ -103,10 +103,10 @@ const transferInvoice = async () => {
                                 </QItemSection>
                             </QItem>
                         </template>
-                    </VnSelectFilter>
+                    </VnSelect>
                 </div>
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('Rectificative type')"
                         :options="rectificativeTypeOptions"
                         hide-selected
@@ -119,7 +119,7 @@ const transferInvoice = async () => {
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('Class')"
                         :options="siiTypeInvoiceOutsOptions"
                         hide-selected
@@ -138,10 +138,10 @@ const transferInvoice = async () => {
                                 </QItemSection>
                             </QItem>
                         </template>
-                    </VnSelectFilter>
+                    </VnSelect>
                 </div>
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('Type')"
                         :options="invoiceCorrectionTypesOptions"
                         hide-selected
diff --git a/src/components/common/VnDms.vue b/src/components/common/VnDms.vue
index 08255f8a5..18fd5146a 100644
--- a/src/components/common/VnDms.vue
+++ b/src/components/common/VnDms.vue
@@ -6,7 +6,7 @@ import axios from 'axios';
 
 import FetchData from 'components/FetchData.vue';
 import VnRow from 'components/ui/VnRow.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import FormModelPopup from 'components/FormModelPopup.vue';
 
@@ -123,7 +123,7 @@ function addDefaultData(data) {
             <div class="q-gutter-y-ms">
                 <VnRow>
                     <VnInput :label="t('globals.reference')" v-model="dms.reference" />
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('globals.company')"
                         v-model="dms.companyFk"
                         :options="companies"
@@ -133,7 +133,7 @@ function addDefaultData(data) {
                     />
                 </VnRow>
                 <VnRow>
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('globals.warehouse')"
                         v-model="dms.warehouseFk"
                         :options="warehouses"
@@ -141,7 +141,7 @@ function addDefaultData(data) {
                         option-label="name"
                         input-debounce="0"
                     />
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('globals.type')"
                         v-model="dms.dmsTypeFk"
                         :options="dmsTypes"
diff --git a/src/components/common/VnLog.vue b/src/components/common/VnLog.vue
index 5c70b900d..9d1502754 100644
--- a/src/components/common/VnLog.vue
+++ b/src/components/common/VnLog.vue
@@ -12,7 +12,7 @@ import { useValidator } from 'src/composables/useValidator';
 import VnAvatar from '../ui/VnAvatar.vue';
 import VnJsonValue from '../common/VnJsonValue.vue';
 import FetchData from '../FetchData.vue';
-import VnSelectFilter from './VnSelectFilter.vue';
+import VnSelect from './VnSelect.vue';
 import VnUserLink from '../ui/VnUserLink.vue';
 
 const stateStore = useStateStore();
@@ -659,7 +659,7 @@ setLogTree();
                     </QInput>
                 </QItem>
                 <QItem>
-                    <VnSelectFilter
+                    <VnSelect
                         class="full-width"
                         :label="t('globals.entity')"
                         v-model="selectedFilters.changedModel"
@@ -689,7 +689,7 @@ setLogTree();
                         <QSkeleton type="QInput" class="full-width" />
                     </QItemSection>
                     <QItemSection v-if="workers && userRadio !== null">
-                        <VnSelectFilter
+                        <VnSelect
                             class="full-width"
                             :label="t('globals.user')"
                             v-model="userSelect"
@@ -713,7 +713,7 @@ setLogTree();
                                     </QItemSection>
                                 </QItem>
                             </template>
-                        </VnSelectFilter>
+                        </VnSelect>
                     </QItemSection>
                 </QItem>
                 <QItem class="q-mt-sm">
diff --git a/src/components/common/VnSelectFilter.vue b/src/components/common/VnSelect.vue
similarity index 100%
rename from src/components/common/VnSelectFilter.vue
rename to src/components/common/VnSelect.vue
diff --git a/src/components/common/VnSelectDialog.vue b/src/components/common/VnSelectDialog.vue
index 95d6a44fe..3726691af 100644
--- a/src/components/common/VnSelectDialog.vue
+++ b/src/components/common/VnSelectDialog.vue
@@ -1,7 +1,7 @@
 <script setup>
 import { ref, computed } from 'vue';
 
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 
 import { useRole } from 'src/composables/useRole';
 
@@ -52,7 +52,7 @@ const toggleForm = () => {
 </script>
 
 <template>
-    <VnSelectFilter v-model="value" :options="options" v-bind="$attrs">
+    <VnSelect v-model="value" :options="options" v-bind="$attrs">
         <template v-if="isAllowedToCreate" #append>
             <QIcon
                 @click.stop.prevent="toggleForm()"
@@ -72,7 +72,7 @@ const toggleForm = () => {
         <template v-for="(_, slotName) in $slots" #[slotName]="slotData" :key="slotName">
             <slot :name="slotName" v-bind="slotData" :key="slotName" />
         </template>
-    </VnSelectFilter>
+    </VnSelect>
 </template>
 
 <style lang="scss" scoped>
diff --git a/src/pages/Claim/Card/ClaimAction.vue b/src/pages/Claim/Card/ClaimAction.vue
index ef45bf3dc..466e34a09 100644
--- a/src/pages/Claim/Card/ClaimAction.vue
+++ b/src/pages/Claim/Card/ClaimAction.vue
@@ -9,7 +9,7 @@ import { toDate, toPercentage, toCurrency } from 'filters/index';
 import { tMobile } from 'src/composables/tMobile';
 import CrudModel from 'src/components/CrudModel.vue';
 import FetchData from 'src/components/FetchData.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import VnConfirm from 'src/components/ui/VnConfirm.vue';
 import TicketDescriptorProxy from 'src/pages/Ticket/Card/TicketDescriptorProxy.vue';
 import { useArrayData } from 'composables/useArrayData';
@@ -304,7 +304,7 @@ async function importToNewRefundTicket() {
                 </template>
                 <template #body-cell-destination="{ row }">
                     <QTd>
-                        <VnSelectFilter
+                        <VnSelect
                             v-model="row.claimDestinationFk"
                             :options="destinationTypes"
                             option-label="description"
@@ -346,7 +346,7 @@ async function importToNewRefundTicket() {
                                     </QItemSection>
                                     <QItemSection side>
                                         <QItemLabel v-if="column.name === 'destination'">
-                                            <VnSelectFilter
+                                            <VnSelect
                                                 v-model="props.row.claimDestinationFk"
                                                 :options="destinationTypes"
                                                 option-label="description"
@@ -420,7 +420,7 @@ async function importToNewRefundTicket() {
                 </QItem>
             </QCardSection>
             <QItemSection>
-                <VnSelectFilter
+                <VnSelect
                     class="q-pa-sm"
                     v-model="claimDestinationFk"
                     :options="destinationTypes"
diff --git a/src/pages/Claim/Card/ClaimDevelopment.vue b/src/pages/Claim/Card/ClaimDevelopment.vue
index 0b740cf64..7d8d3899a 100644
--- a/src/pages/Claim/Card/ClaimDevelopment.vue
+++ b/src/pages/Claim/Card/ClaimDevelopment.vue
@@ -4,7 +4,7 @@ import { useI18n } from 'vue-i18n';
 import { useRoute } from 'vue-router';
 import CrudModel from 'components/CrudModel.vue';
 import FetchData from 'components/FetchData.vue';
-import VnSelectFilter from 'components/common/VnSelectFilter.vue';
+import VnSelect from 'components/common/VnSelect.vue';
 import { tMobile } from 'composables/tMobile';
 
 const route = useRoute();
@@ -163,7 +163,7 @@ const columns = computed(() => [
                         auto-width
                         @keyup.ctrl.enter.stop="claimDevelopmentForm.saveChanges()"
                     >
-                        <VnSelectFilter
+                        <VnSelect
                             v-model="row[col.model]"
                             :options="col.options"
                             :option-value="col.optionValue"
@@ -183,7 +183,7 @@ const columns = computed(() => [
                                     </QItemSection>
                                 </QItem>
                             </template>
-                        </VnSelectFilter>
+                        </VnSelect>
                     </QTd>
                 </template>
                 <template #item="props">
@@ -200,7 +200,7 @@ const columns = computed(() => [
                             <QList dense>
                                 <QItem v-for="col in props.cols" :key="col.name">
                                     <QItemSection>
-                                        <VnSelectFilter
+                                        <VnSelect
                                             :label="col.label"
                                             v-model="props.row[col.model]"
                                             :options="col.options"
diff --git a/src/pages/Claim/ClaimFilter.vue b/src/pages/Claim/ClaimFilter.vue
index ee702ffdd..a0a3bedba 100644
--- a/src/pages/Claim/ClaimFilter.vue
+++ b/src/pages/Claim/ClaimFilter.vue
@@ -4,7 +4,7 @@ import { useI18n } from 'vue-i18n';
 
 import FetchData from 'components/FetchData.vue';
 import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
-import VnSelectFilter from 'components/common/VnSelectFilter.vue';
+import VnSelect from 'components/common/VnSelect.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import VnInputDate from 'components/common/VnInputDate.vue';
 
@@ -64,7 +64,7 @@ const states = ref();
                     <QSkeleton type="QInput" class="full-width" />
                 </QItemSection>
                 <QItemSection v-if="workers">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('Salesperson')"
                         v-model="params.salesPersonFk"
                         @update:model-value="searchFn()"
@@ -87,7 +87,7 @@ const states = ref();
                     <QSkeleton type="QInput" class="full-width" />
                 </QItemSection>
                 <QItemSection v-if="workers">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('Attender')"
                         v-model="params.attenderFk"
                         @update:model-value="searchFn()"
@@ -110,7 +110,7 @@ const states = ref();
                     <QSkeleton type="QInput" class="full-width" />
                 </QItemSection>
                 <QItemSection v-if="workers">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('Responsible')"
                         v-model="params.claimResponsibleFk"
                         @update:model-value="searchFn()"
@@ -133,7 +133,7 @@ const states = ref();
                     <QSkeleton type="QInput" class="full-width" />
                 </QItemSection>
                 <QItemSection v-if="states">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('State')"
                         v-model="params.claimStateFk"
                         @update:model-value="searchFn()"
diff --git a/src/pages/Customer/Card/CustomerBalance.vue b/src/pages/Customer/Card/CustomerBalance.vue
index 184667d6e..081be3606 100644
--- a/src/pages/Customer/Card/CustomerBalance.vue
+++ b/src/pages/Customer/Card/CustomerBalance.vue
@@ -9,7 +9,7 @@ import { toCurrency } from 'src/filters';
 import { useStateStore } from 'stores/useStateStore';
 
 import FetchData from 'components/FetchData.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import CustomerNewPayment from 'src/pages/Customer/components/CustomerNewPayment.vue';
 import WorkerDescriptorProxy from 'src/pages/Worker/Card/WorkerDescriptorProxy.vue';
 
@@ -229,7 +229,7 @@ const updateCompanyId = (id) => {
 
     <QDrawer :width="256" show-if-above side="right" v-model="stateStore.rightDrawer">
         <div class="q-mt-xl q-px-md">
-            <VnSelectFilter
+            <VnSelect
                 :label="t('Company')"
                 :options="companiesOptions"
                 @update:model-value="updateCompanyId($event)"
diff --git a/src/pages/Customer/Card/CustomerBillingData.vue b/src/pages/Customer/Card/CustomerBillingData.vue
index fa926e2ad..11170357a 100644
--- a/src/pages/Customer/Card/CustomerBillingData.vue
+++ b/src/pages/Customer/Card/CustomerBillingData.vue
@@ -9,7 +9,7 @@ import FetchData from 'components/FetchData.vue';
 import FormModel from 'components/FormModel.vue';
 import VnRow from 'components/ui/VnRow.vue';
 import VnInput from 'src/components/common/VnInput.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import VnSelectDialog from 'src/components/common/VnSelectDialog.vue';
 import CreateBankEntityForm from 'src/components/CreateBankEntityForm.vue';
 
@@ -50,7 +50,7 @@ const getBankEntities = () => {
         <template #form="{ data, validate }">
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('Billing data')"
                         :options="payMethods"
                         hide-selected
diff --git a/src/pages/Customer/Card/CustomerFiscalData.vue b/src/pages/Customer/Card/CustomerFiscalData.vue
index 76c84509e..e8e894aab 100644
--- a/src/pages/Customer/Card/CustomerFiscalData.vue
+++ b/src/pages/Customer/Card/CustomerFiscalData.vue
@@ -7,7 +7,7 @@ import FetchData from 'components/FetchData.vue';
 import FormModel from 'components/FormModel.vue';
 import VnRow from 'components/ui/VnRow.vue';
 import VnInput from 'src/components/common/VnInput.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import VnLocation from 'src/components/common/VnLocation.vue';
 
 const { t } = useI18n();
@@ -62,7 +62,7 @@ function handleLocation(data, location) {
 
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('Sage tax type')"
                         :options="typesTaxes"
                         hide-selected
@@ -72,7 +72,7 @@ function handleLocation(data, location) {
                     />
                 </div>
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('Sage transaction type')"
                         :options="typesTransactions"
                         hide-selected
diff --git a/src/pages/Customer/Card/CustomerLog.vue b/src/pages/Customer/Card/CustomerLog.vue
index 36d79959d..0b6be30ea 100644
--- a/src/pages/Customer/Card/CustomerLog.vue
+++ b/src/pages/Customer/Card/CustomerLog.vue
@@ -8,7 +8,7 @@ import { useStateStore } from 'stores/useStateStore';
 import FetchData from 'components/FetchData.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import VnInputDate from 'src/components/common/VnInputDate.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 
 const { t } = useI18n();
 const route = useRoute();
@@ -139,7 +139,7 @@ const setInq = (value, status) => {
                     </QIcon>
                 </template>
             </VnInput>
-            <VnSelectFilter
+            <VnSelect
                 :label="t('Entity')"
                 :options="[]"
                 class="q-mt-md"
@@ -179,7 +179,7 @@ const setInq = (value, status) => {
                 />
             </div>
 
-            <VnSelectFilter
+            <VnSelect
                 :label="t('User')"
                 :options="[]"
                 class="q-mt-sm"
diff --git a/src/pages/Customer/CustomerCreate.vue b/src/pages/Customer/CustomerCreate.vue
index 5d36c6c37..783d998c9 100644
--- a/src/pages/Customer/CustomerCreate.vue
+++ b/src/pages/Customer/CustomerCreate.vue
@@ -5,7 +5,7 @@ import { useI18n } from 'vue-i18n';
 import FetchData from 'components/FetchData.vue';
 import FormModel from 'components/FormModel.vue';
 import VnRow from 'components/ui/VnRow.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import VnLocation from 'src/components/common/VnLocation.vue';
 import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
 
@@ -65,7 +65,7 @@ function handleLocation(data, location) {
                         <QInput :label="t('Comercial name')" v-model="data.name" />
                     </div>
                     <div class="col">
-                        <VnSelectFilter
+                        <VnSelect
                             :label="t('Salesperson')"
                             :options="workersOptions"
                             hide-selected
@@ -77,7 +77,7 @@ function handleLocation(data, location) {
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
                     <div class="col">
-                        <VnSelectFilter
+                        <VnSelect
                             :label="t('Business type')"
                             :options="businessTypesOptions"
                             hide-selected
diff --git a/src/pages/Customer/CustomerFilter.vue b/src/pages/Customer/CustomerFilter.vue
index 593b45509..17c1a7c39 100644
--- a/src/pages/Customer/CustomerFilter.vue
+++ b/src/pages/Customer/CustomerFilter.vue
@@ -4,7 +4,7 @@ import { useI18n } from 'vue-i18n';
 
 import FetchData from 'components/FetchData.vue';
 import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
-import VnSelectFilter from 'components/common/VnSelectFilter.vue';
+import VnSelect from 'components/common/VnSelect.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 
 const { t } = useI18n();
@@ -65,7 +65,7 @@ const zones = ref();
                     <QSkeleton type="QInput" class="full-width" />
                 </QItemSection>
                 <QItemSection v-if="workers">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('Salesperson')"
                         v-model="params.salesPersonFk"
                         @update:model-value="searchFn()"
@@ -88,7 +88,7 @@ const zones = ref();
                     <QSkeleton type="QInput" class="full-width" />
                 </QItemSection>
                 <QItemSection v-if="provinces">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('Province')"
                         v-model="params.provinceFk"
                         @update:model-value="searchFn()"
@@ -135,7 +135,7 @@ const zones = ref();
                         <QSkeleton type="QInput" class="full-width" />
                     </QItemSection>
                     <QItemSection v-if="zones">
-                        <VnSelectFilter
+                        <VnSelect
                             :label="t('Zone')"
                             v-model="params.zoneFk"
                             @update:model-value="searchFn()"
diff --git a/src/pages/Customer/Defaulter/CustomerDefaulterFilter.vue b/src/pages/Customer/Defaulter/CustomerDefaulterFilter.vue
index f26af5975..322a8bd2b 100644
--- a/src/pages/Customer/Defaulter/CustomerDefaulterFilter.vue
+++ b/src/pages/Customer/Defaulter/CustomerDefaulterFilter.vue
@@ -6,7 +6,7 @@ import FetchData from 'components/FetchData.vue';
 import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import VnInputDate from 'src/components/common/VnInputDate.vue';
-import VnSelectFilter from 'components/common/VnSelectFilter.vue';
+import VnSelect from 'components/common/VnSelect.vue';
 
 const { t } = useI18n();
 const props = defineProps({
@@ -48,7 +48,7 @@ const authors = ref();
         <template #body="{ params }">
             <QItem class="q-mb-sm q-mt-sm">
                 <QItemSection v-if="clients">
-                    <VnSelectFilter
+                    <VnSelect
                         :input-debounce="0"
                         :label="t('Client')"
                         :options="clients"
@@ -71,7 +71,7 @@ const authors = ref();
 
             <QItem class="q-mb-sm">
                 <QItemSection v-if="salespersons">
-                    <VnSelectFilter
+                    <VnSelect
                         :input-debounce="0"
                         :label="t('Salesperson')"
                         :options="salespersons"
@@ -94,7 +94,7 @@ const authors = ref();
 
             <QItem class="q-mb-sm">
                 <QItemSection v-if="countries">
-                    <VnSelectFilter
+                    <VnSelect
                         :input-debounce="0"
                         :label="t('Country')"
                         :options="countries"
@@ -137,7 +137,7 @@ const authors = ref();
 
             <QItem class="q-mb-sm">
                 <QItemSection v-if="authors">
-                    <VnSelectFilter
+                    <VnSelect
                         :input-debounce="0"
                         :label="t('Author')"
                         :options="authors"
diff --git a/src/pages/Customer/ExtendedList/CustomerExtendedListFilter.vue b/src/pages/Customer/ExtendedList/CustomerExtendedListFilter.vue
index df898e7c1..1be20f26c 100644
--- a/src/pages/Customer/ExtendedList/CustomerExtendedListFilter.vue
+++ b/src/pages/Customer/ExtendedList/CustomerExtendedListFilter.vue
@@ -4,7 +4,7 @@ import { useI18n } from 'vue-i18n';
 
 import FetchData from 'components/FetchData.vue';
 import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
-import VnSelectFilter from 'components/common/VnSelectFilter.vue';
+import VnSelect from 'components/common/VnSelect.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import VnInputDate from 'components/common/VnInputDate.vue';
 import { dateRange } from 'src/filters';
@@ -169,7 +169,7 @@ const shouldRenderColumn = (colName) => {
                         <QSkeleton type="QInput" class="full-width" />
                     </QItemSection>
                     <QItemSection v-if="clients">
-                        <VnSelectFilter
+                        <VnSelect
                             :label="t('Social name')"
                             v-model="params.socialName"
                             @update:model-value="searchFn()"
@@ -201,7 +201,7 @@ const shouldRenderColumn = (colName) => {
                     <QSkeleton type="QInput" class="full-width" />
                 </QItemSection>
                 <QItemSection v-if="workers">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="
                             t('customer.extendedList.tableVisibleColumns.salesPersonFk')
                         "
@@ -270,7 +270,7 @@ const shouldRenderColumn = (colName) => {
             </QItem>
             <QItem v-if="shouldRenderColumn('countryFk')">
                 <QItemSection>
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('customer.extendedList.tableVisibleColumns.countryFk')"
                         v-model="params.countryFk"
                         @update:model-value="searchFn()"
@@ -287,7 +287,7 @@ const shouldRenderColumn = (colName) => {
             </QItem>
             <QItem v-if="shouldRenderColumn('provinceFk')">
                 <QItemSection>
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('customer.extendedList.tableVisibleColumns.provinceFk')"
                         v-model="params.provinceFk"
                         @update:model-value="searchFn()"
@@ -342,7 +342,7 @@ const shouldRenderColumn = (colName) => {
             </QItem>
             <QItem v-if="shouldRenderColumn('businessTypeFk')">
                 <QItemSection>
-                    <VnSelectFilter
+                    <VnSelect
                         :label="
                             t('customer.extendedList.tableVisibleColumns.businessTypeFk')
                         "
@@ -361,7 +361,7 @@ const shouldRenderColumn = (colName) => {
             </QItem>
             <QItem v-if="shouldRenderColumn('payMethodFk')">
                 <QItemSection>
-                    <VnSelectFilter
+                    <VnSelect
                         :label="
                             t('customer.extendedList.tableVisibleColumns.payMethodFk')
                         "
@@ -380,7 +380,7 @@ const shouldRenderColumn = (colName) => {
             </QItem>
             <QItem v-if="shouldRenderColumn('sageTaxTypeFk')">
                 <QItemSection>
-                    <VnSelectFilter
+                    <VnSelect
                         :label="
                             t('customer.extendedList.tableVisibleColumns.sageTaxTypeFk')
                         "
@@ -399,7 +399,7 @@ const shouldRenderColumn = (colName) => {
             </QItem>
             <QItem v-if="shouldRenderColumn('sageTransactionTypeFk')">
                 <QItemSection>
-                    <VnSelectFilter
+                    <VnSelect
                         :label="
                             t(
                                 'customer.extendedList.tableVisibleColumns.sageTransactionTypeFk'
diff --git a/src/pages/Customer/Notifications/CustomerNotificationsFilter.vue b/src/pages/Customer/Notifications/CustomerNotificationsFilter.vue
index 957abb7a3..f07c4ca77 100644
--- a/src/pages/Customer/Notifications/CustomerNotificationsFilter.vue
+++ b/src/pages/Customer/Notifications/CustomerNotificationsFilter.vue
@@ -5,7 +5,7 @@ import { useI18n } from 'vue-i18n';
 import FetchData from 'components/FetchData.vue';
 import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
 import VnInput from 'src/components/common/VnInput.vue';
-import VnSelectFilter from 'components/common/VnSelectFilter.vue';
+import VnSelect from 'components/common/VnSelect.vue';
 
 const { t } = useI18n();
 const props = defineProps({
@@ -51,7 +51,7 @@ const clients = ref();
                     <QSkeleton type="QInput" class="full-width" />
                 </QItemSection>
                 <QItemSection v-if="clients">
-                    <VnSelectFilter
+                    <VnSelect
                         :input-debounce="0"
                         :label="t('Social name')"
                         :options="clients"
@@ -75,7 +75,7 @@ const clients = ref();
                     <QSkeleton type="QInput" class="full-width" />
                 </QItemSection>
                 <QItemSection v-if="cities">
-                    <VnSelectFilter
+                    <VnSelect
                         :input-debounce="0"
                         :label="t('City')"
                         :options="cities"
diff --git a/src/pages/Customer/components/CustomerConsigneeCreate.vue b/src/pages/Customer/components/CustomerConsigneeCreate.vue
index e4302ed65..23f3dab43 100644
--- a/src/pages/Customer/components/CustomerConsigneeCreate.vue
+++ b/src/pages/Customer/components/CustomerConsigneeCreate.vue
@@ -9,7 +9,7 @@ import FetchData from 'components/FetchData.vue';
 import FormModel from 'components/FormModel.vue';
 import VnRow from 'components/ui/VnRow.vue';
 import VnInput from 'src/components/common/VnInput.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import VnSelectDialog from 'src/components/common/VnSelectDialog.vue';
 import CustomerCreateNewPostcode from 'src/components/CreateNewPostcodeForm.vue';
 import CustomerNewCustomsAgent from 'src/pages/Customer/components/CustomerNewCustomsAgent.vue';
@@ -103,7 +103,7 @@ function handleLocation(data, location) {
 
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('Agency')"
                         :options="agencyModes"
                         hide-selected
@@ -125,7 +125,7 @@ function handleLocation(data, location) {
 
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('Incoterms')"
                         :options="incoterms"
                         hide-selected
diff --git a/src/pages/Customer/components/CustomerConsigneeEdit.vue b/src/pages/Customer/components/CustomerConsigneeEdit.vue
index afa6afa5d..10ffbba7a 100644
--- a/src/pages/Customer/components/CustomerConsigneeEdit.vue
+++ b/src/pages/Customer/components/CustomerConsigneeEdit.vue
@@ -9,7 +9,7 @@ import FetchData from 'components/FetchData.vue';
 import FormModel from 'components/FormModel.vue';
 import VnRow from 'components/ui/VnRow.vue';
 import VnInput from 'src/components/common/VnInput.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import VnSelectDialog from 'src/components/common/VnSelectDialog.vue';
 import CustomerCreateNewPostcode from 'src/components/CreateNewPostcodeForm.vue';
 import CustomsNewCustomsAgent from 'src/pages/Customer/components/CustomerNewCustomsAgent.vue';
@@ -157,7 +157,7 @@ function handleLocation(data, location) {
 
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('Agency')"
                         :options="agencyModes"
                         hide-selected
@@ -179,7 +179,7 @@ function handleLocation(data, location) {
 
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('Incoterms')"
                         :options="incoterms"
                         hide-selected
@@ -211,7 +211,7 @@ function handleLocation(data, location) {
                 v-for="(note, index) in notes"
             >
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('Observation type')"
                         :options="observationTypes"
                         hide-selected
diff --git a/src/pages/Customer/components/CustomerGreugeCreate.vue b/src/pages/Customer/components/CustomerGreugeCreate.vue
index 1ff467d97..4479c9eee 100644
--- a/src/pages/Customer/components/CustomerGreugeCreate.vue
+++ b/src/pages/Customer/components/CustomerGreugeCreate.vue
@@ -8,7 +8,7 @@ import FormModel from 'components/FormModel.vue';
 import VnRow from 'components/ui/VnRow.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import VnInputDate from 'components/common/VnInputDate.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 
 const { t } = useI18n();
 const route = useRoute();
@@ -62,7 +62,7 @@ const toCustomerGreuges = () => {
                     <VnInput :label="t('Comment')" v-model="data.description" />
                 </div>
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('Type')"
                         :options="greugeTypes"
                         hide-selected
diff --git a/src/pages/Customer/components/CustomerNewPayment.vue b/src/pages/Customer/components/CustomerNewPayment.vue
index a141618d0..81d6bc1c1 100644
--- a/src/pages/Customer/components/CustomerNewPayment.vue
+++ b/src/pages/Customer/components/CustomerNewPayment.vue
@@ -7,7 +7,7 @@ import FetchData from 'components/FetchData.vue';
 import FormModel from 'components/FormModel.vue';
 import VnRow from 'components/ui/VnRow.vue';
 import VnInputDate from 'components/common/VnInputDate.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 
 const { t } = useI18n();
@@ -146,7 +146,7 @@ const onDataSaved = async () => {
                         />
                     </div>
                     <div class="col">
-                        <VnSelectFilter
+                        <VnSelect
                             :label="t('Company')"
                             :options="companyOptions"
                             :required="true"
@@ -160,7 +160,7 @@ const onDataSaved = async () => {
 
                 <VnRow class="row q-gutter-md q-mb-md">
                     <div class="col">
-                        <VnSelectFilter
+                        <VnSelect
                             :label="t('Bank')"
                             :options="bankOptions"
                             :required="true"
@@ -179,7 +179,7 @@ const onDataSaved = async () => {
                                     </QItemSection>
                                 </QItem>
                             </template>
-                        </VnSelectFilter>
+                        </VnSelect>
                     </div>
                     <div class="col">
                         <VnInput
diff --git a/src/pages/Department/Card/DepartmentBasicData.vue b/src/pages/Department/Card/DepartmentBasicData.vue
index 3b30a97e6..4210a62bc 100644
--- a/src/pages/Department/Card/DepartmentBasicData.vue
+++ b/src/pages/Department/Card/DepartmentBasicData.vue
@@ -7,7 +7,7 @@ import FetchData from 'components/FetchData.vue';
 import FormModel from 'components/FormModel.vue';
 import VnRow from 'components/ui/VnRow.vue';
 import VnInput from 'src/components/common/VnInput.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 
 const route = useRoute();
 const { t } = useI18n();
@@ -68,7 +68,7 @@ const clientsOptions = ref([]);
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('department.bossDepartment')"
                         v-model="data.workerFk"
                         :options="workersOptions"
@@ -80,7 +80,7 @@ const clientsOptions = ref([]);
                     />
                 </div>
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('department.selfConsumptionCustomer')"
                         v-model="data.clientFk"
                         :options="clientsOptions"
diff --git a/src/pages/Entry/Card/EntryBasicData.vue b/src/pages/Entry/Card/EntryBasicData.vue
index 4a8cf154a..6c5299fa9 100644
--- a/src/pages/Entry/Card/EntryBasicData.vue
+++ b/src/pages/Entry/Card/EntryBasicData.vue
@@ -7,7 +7,7 @@ import FetchData from 'components/FetchData.vue';
 import FormModel from 'components/FormModel.vue';
 import VnRow from 'components/ui/VnRow.vue';
 import VnInput from 'src/components/common/VnInput.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import VnSelectDialog from 'src/components/common/VnSelectDialog.vue';
 import FilterTravelForm from 'src/components/FilterTravelForm.vue';
 
@@ -66,7 +66,7 @@ const onFilterTravelSelected = (formData, id) => {
         <template #form="{ data }">
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('entry.basicData.supplier')"
                         v-model="data.supplierFk"
                         :options="suppliersOptions"
@@ -86,7 +86,7 @@ const onFilterTravelSelected = (formData, id) => {
                                 </QItemSection>
                             </QItem>
                         </template>
-                    </VnSelectFilter>
+                    </VnSelect>
                 </div>
                 <div class="col">
                     <VnSelectDialog
@@ -138,7 +138,7 @@ const onFilterTravelSelected = (formData, id) => {
                     />
                 </div>
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('entry.basicData.company')"
                         v-model="data.companyFk"
                         :options="companiesOptions"
@@ -152,7 +152,7 @@ const onFilterTravelSelected = (formData, id) => {
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('entry.basicData.currency')"
                         v-model="data.currencyFk"
                         :options="currenciesOptions"
diff --git a/src/pages/Entry/Card/EntryBuys.vue b/src/pages/Entry/Card/EntryBuys.vue
index 0208b49ba..1e1e0f118 100644
--- a/src/pages/Entry/Card/EntryBuys.vue
+++ b/src/pages/Entry/Card/EntryBuys.vue
@@ -6,7 +6,7 @@ import { QBtn } from 'quasar';
 
 import VnPaginate from 'src/components/ui/VnPaginate.vue';
 import FetchData from 'src/components/FetchData.vue';
-import VnSelectFilter from 'components/common/VnSelectFilter.vue';
+import VnSelect from 'components/common/VnSelect.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import FetchedTags from 'components/ui/FetchedTags.vue';
 import VnConfirm from 'components/ui/VnConfirm.vue';
@@ -59,7 +59,7 @@ const tableColumnComponents = computed(() => ({
         event: getInputEvents,
     },
     packagingFk: {
-        component: VnSelectFilter,
+        component: VnSelect,
         props: {
             'option-value': 'id',
             'option-label': 'id',
diff --git a/src/pages/Entry/Card/EntryBuysImport.vue b/src/pages/Entry/Card/EntryBuysImport.vue
index 3e0ac1410..139f300c2 100644
--- a/src/pages/Entry/Card/EntryBuysImport.vue
+++ b/src/pages/Entry/Card/EntryBuysImport.vue
@@ -6,7 +6,7 @@ import { useI18n } from 'vue-i18n';
 import VnInput from 'src/components/common/VnInput.vue';
 import VnRow from 'components/ui/VnRow.vue';
 import FetchData from 'components/FetchData.vue';
-import VnSelectFilter from 'components/common/VnSelectFilter.vue';
+import VnSelect from 'components/common/VnSelect.vue';
 import VnSelectDialog from 'src/components/common/VnSelectDialog.vue';
 import FilterItemForm from 'src/components/FilterItemForm.vue';
 
@@ -274,7 +274,7 @@ const redirectToBuysView = () => {
                         </template>
                         <template #body-cell-packagingFk="{ row, col }">
                             <QTd auto-width>
-                                <VnSelectFilter
+                                <VnSelect
                                     v-model="row[col.field]"
                                     :options="col.options"
                                     :option-value="col.optionValue"
diff --git a/src/pages/Entry/Card/EntryNotes.vue b/src/pages/Entry/Card/EntryNotes.vue
index 02a0c020a..1aac82bea 100644
--- a/src/pages/Entry/Card/EntryNotes.vue
+++ b/src/pages/Entry/Card/EntryNotes.vue
@@ -7,7 +7,7 @@ import FetchData from 'components/FetchData.vue';
 import CrudModel from 'components/CrudModel.vue';
 import VnRow from 'components/ui/VnRow.vue';
 import VnInput from 'src/components/common/VnInput.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 
 const route = useRoute();
 const { t } = useI18n();
@@ -50,7 +50,7 @@ onMounted(() => {
                     :key="index"
                     class="row q-gutter-md q-mb-md"
                 >
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('entry.notes.observationType')"
                         v-model="row.observationTypeFk"
                         :options="entryObservationsOptions"
diff --git a/src/pages/Entry/EntryCreate.vue b/src/pages/Entry/EntryCreate.vue
index 8c434217a..b04b8e8b7 100644
--- a/src/pages/Entry/EntryCreate.vue
+++ b/src/pages/Entry/EntryCreate.vue
@@ -5,7 +5,7 @@ import { useRoute, useRouter } from 'vue-router';
 
 import FormModel from 'components/FormModel.vue';
 import VnRow from 'components/ui/VnRow.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import FetchData from 'components/FetchData.vue';
 import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
 import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
@@ -80,7 +80,7 @@ const redirectToEntryBasicData = (_, { id }) => {
             <template #form="{ data, validate }">
                 <VnRow class="row q-gutter-md q-mb-md">
                     <div class="col">
-                        <VnSelectFilter
+                        <VnSelect
                             :label="t('Supplier')"
                             class="full-width"
                             v-model="data.supplierFk"
@@ -101,12 +101,12 @@ const redirectToEntryBasicData = (_, { id }) => {
                                     </QItemSection>
                                 </QItem>
                             </template>
-                        </VnSelectFilter>
+                        </VnSelect>
                     </div>
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
                     <div class="col">
-                        <VnSelectFilter
+                        <VnSelect
                             :label="t('Travel')"
                             class="full-width"
                             v-model="data.travelFk"
@@ -133,12 +133,12 @@ const redirectToEntryBasicData = (_, { id }) => {
                                     </QItemSection>
                                 </QItem>
                             </template>
-                        </VnSelectFilter>
+                        </VnSelect>
                     </div>
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
                     <div class="col">
-                        <VnSelectFilter
+                        <VnSelect
                             :label="t('Company')"
                             class="full-width"
                             v-model="data.companyFk"
diff --git a/src/pages/Entry/EntryFilter.vue b/src/pages/Entry/EntryFilter.vue
index 22ddf0bbf..b8308ad85 100644
--- a/src/pages/Entry/EntryFilter.vue
+++ b/src/pages/Entry/EntryFilter.vue
@@ -3,7 +3,7 @@ import { ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import FetchData from 'components/FetchData.vue';
 import VnInputDate from 'src/components/common/VnInputDate.vue';
@@ -92,7 +92,7 @@ const suppliersOptions = ref([]);
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('params.companyFk')"
                         v-model="params.companyFk"
                         @update:model-value="searchFn()"
@@ -108,7 +108,7 @@ const suppliersOptions = ref([]);
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('params.currencyFk')"
                         v-model="params.currencyFk"
                         @update:model-value="searchFn()"
@@ -124,7 +124,7 @@ const suppliersOptions = ref([]);
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('params.supplierFk')"
                         v-model="params.supplierFk"
                         @update:model-value="searchFn()"
@@ -145,7 +145,7 @@ const suppliersOptions = ref([]);
                                 </QItemSection>
                             </QItem>
                         </template>
-                    </VnSelectFilter>
+                    </VnSelect>
                 </QItemSection>
             </QItem>
             <QItem>
diff --git a/src/pages/Entry/EntryLatestBuys.vue b/src/pages/Entry/EntryLatestBuys.vue
index 876fe6a9e..d565ecaad 100644
--- a/src/pages/Entry/EntryLatestBuys.vue
+++ b/src/pages/Entry/EntryLatestBuys.vue
@@ -9,7 +9,7 @@ import EntryDescriptorProxy from './Card/EntryDescriptorProxy.vue';
 import TableVisibleColumns from 'src/components/common/TableVisibleColumns.vue';
 import EditTableCellValueForm from 'src/components/EditTableCellValueForm.vue';
 import VnInput from 'src/components/common/VnInput.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import EntryLatestBuysFilter from './EntryLatestBuysFilter.vue';
 import ItemDescriptorProxy from '../Item/Card/ItemDescriptorProxy.vue';
 
@@ -218,7 +218,7 @@ const columns = computed(() => [
         align: 'left',
         sortable: true,
         columnFilter: {
-            component: VnSelectFilter,
+            component: VnSelect,
             type: 'select',
             filterValue: null,
             event: getInputEvents,
@@ -237,7 +237,7 @@ const columns = computed(() => [
         align: 'left',
         sortable: true,
         columnFilter: {
-            component: VnSelectFilter,
+            component: VnSelect,
             type: 'select',
             filterValue: null,
             event: getInputEvents,
@@ -256,7 +256,7 @@ const columns = computed(() => [
         align: 'left',
         sortable: true,
         columnFilter: {
-            component: VnSelectFilter,
+            component: VnSelect,
             type: 'select',
             filterValue: null,
             event: getInputEvents,
@@ -309,7 +309,7 @@ const columns = computed(() => [
         align: 'left',
         sortable: true,
         columnFilter: {
-            component: VnSelectFilter,
+            component: VnSelect,
             type: 'select',
             filterValue: null,
             event: getInputEvents,
@@ -513,7 +513,7 @@ const columns = computed(() => [
         align: 'left',
         sortable: true,
         columnFilter: {
-            component: VnSelectFilter,
+            component: VnSelect,
             type: 'select',
             filterValue: null,
             event: getInputEvents,
diff --git a/src/pages/Entry/EntryLatestBuysFilter.vue b/src/pages/Entry/EntryLatestBuysFilter.vue
index 5eaf001d8..5a03da1f6 100644
--- a/src/pages/Entry/EntryLatestBuysFilter.vue
+++ b/src/pages/Entry/EntryLatestBuysFilter.vue
@@ -6,7 +6,7 @@ import VnInput from 'components/common/VnInput.vue';
 import FetchData from 'components/FetchData.vue';
 import VnInputDate from 'src/components/common/VnInputDate.vue';
 import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
-import VnSelectFilter from 'components/common/VnSelectFilter.vue';
+import VnSelect from 'components/common/VnSelect.vue';
 import VnFilterPanelChip from 'components/ui/VnFilterPanelChip.vue';
 
 import axios from 'axios';
@@ -210,7 +210,7 @@ const removeTag = (index, params, search) => {
             </QItem>
             <QItem class="q-my-md">
                 <QItemSection>
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('params.typeFk')"
                         v-model="params.typeFk"
                         :options="itemTypesOptions"
@@ -238,13 +238,13 @@ const removeTag = (index, params, search) => {
                                 </QItemSection>
                             </QItem>
                         </template>
-                    </VnSelectFilter>
+                    </VnSelect>
                 </QItemSection>
             </QItem>
             <QSeparator />
             <QItem class="q-my-md">
                 <QItemSection>
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('params.salesPersonFk')"
                         v-model="params.salesPersonFk"
                         :options="itemTypeWorkersOptions"
@@ -260,7 +260,7 @@ const removeTag = (index, params, search) => {
             </QItem>
             <QItem class="q-my-md">
                 <QItemSection>
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('params.supplier')"
                         v-model="params.supplierFk"
                         :options="suppliersOptions"
@@ -282,7 +282,7 @@ const removeTag = (index, params, search) => {
                                 </QItemSection>
                             </QItem>
                         </template>
-                    </VnSelectFilter>
+                    </VnSelect>
                 </QItemSection>
             </QItem>
             <QItem class="q-my-md">
@@ -340,7 +340,7 @@ const removeTag = (index, params, search) => {
                 class="q-mt-md filter-value"
             >
                 <QItemSection class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('params.tag')"
                         v-model="value.selectedTag"
                         :options="tagOptions"
@@ -355,7 +355,7 @@ const removeTag = (index, params, search) => {
                     />
                 </QItemSection>
                 <QItemSection class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         v-if="!value?.selectedTag?.isFree && value.valueOptions"
                         :label="t('params.value')"
                         v-model="value.value"
diff --git a/src/pages/InvoiceIn/Card/InvoiceInBasicData.vue b/src/pages/InvoiceIn/Card/InvoiceInBasicData.vue
index f557c8ef4..0a676b500 100644
--- a/src/pages/InvoiceIn/Card/InvoiceInBasicData.vue
+++ b/src/pages/InvoiceIn/Card/InvoiceInBasicData.vue
@@ -7,7 +7,7 @@ import { useArrayData } from 'src/composables/useArrayData';
 import { downloadFile } from 'src/composables/downloadFile';
 
 import FormModel from 'components/FormModel.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import FetchData from 'src/components/FetchData.vue';
 
 import axios from 'axios';
@@ -183,7 +183,7 @@ async function upsert() {
         <template #form="{ data }">
             <div class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('supplierFk')"
                         v-model="data.supplierFk"
                         option-value="id"
@@ -202,7 +202,7 @@ async function upsert() {
                                 </QItemSection>
                             </QItem>
                         </template>
-                    </VnSelectFilter>
+                    </VnSelect>
                 </div>
                 <div class="col">
                     <QInput
@@ -401,7 +401,7 @@ async function upsert() {
             </div>
             <div class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('Currency')"
                         v-model="data.currencyFk"
                         :options="currencies"
@@ -410,7 +410,7 @@ async function upsert() {
                     />
                 </div>
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         v-if="companiesRef"
                         :label="t('Company')"
                         v-model="data.companyFk"
@@ -451,7 +451,7 @@ async function upsert() {
                         clearable
                         clear-icon="close"
                     />
-                    <VnSelectFilter
+                    <VnSelect
                         class="full-width q-pa-xs"
                         :label="`${t('Company')}*`"
                         v-model="dms.companyId"
@@ -462,7 +462,7 @@ async function upsert() {
                     />
                 </QItem>
                 <QItem>
-                    <VnSelectFilter
+                    <VnSelect
                         class="full-width q-pa-xs"
                         :label="`${t('Warehouse')}*`"
                         v-model="dms.warehouseId"
@@ -471,7 +471,7 @@ async function upsert() {
                         option-label="name"
                         :rules="[requiredFieldRule]"
                     />
-                    <VnSelectFilter
+                    <VnSelect
                         class="full-width q-pa-xs"
                         :label="`${t('Type')}*`"
                         v-model="dms.dmsTypeId"
@@ -560,7 +560,7 @@ async function upsert() {
                         :label="t('Reference')"
                         v-model="dms.reference"
                     />
-                    <VnSelectFilter
+                    <VnSelect
                         class="full-width q-pa-xs"
                         :label="`${t('Company')}*`"
                         v-model="dms.companyId"
@@ -571,7 +571,7 @@ async function upsert() {
                     />
                 </QItem>
                 <QItem>
-                    <VnSelectFilter
+                    <VnSelect
                         class="full-width q-pa-xs"
                         :label="`${t('Warehouse')}*`"
                         v-model="dms.warehouseId"
@@ -580,7 +580,7 @@ async function upsert() {
                         option-label="name"
                         :rules="[requiredFieldRule]"
                     />
-                    <VnSelectFilter
+                    <VnSelect
                         class="full-width q-pa-xs"
                         :label="`${t('Type')}*`"
                         v-model="dms.dmsTypeId"
diff --git a/src/pages/InvoiceIn/Card/InvoiceInCorrective.vue b/src/pages/InvoiceIn/Card/InvoiceInCorrective.vue
index 6c05171e7..285bd635c 100644
--- a/src/pages/InvoiceIn/Card/InvoiceInCorrective.vue
+++ b/src/pages/InvoiceIn/Card/InvoiceInCorrective.vue
@@ -6,7 +6,7 @@ import { useArrayData } from 'src/composables/useArrayData';
 import { useCapitalize } from 'src/composables/useCapitalize';
 import CrudModel from 'src/components/CrudModel.vue';
 import FetchData from 'src/components/FetchData.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 
 const router = useRouter();
 const route = useRoute();
@@ -117,7 +117,7 @@ const onSave = (data) => data.deletes && router.push(`/invoice-in/${invoiceId}/s
             >
                 <template #body-cell-type="{ row, col }">
                     <QTd>
-                        <VnSelectFilter
+                        <VnSelect
                             class="q-pb-md"
                             v-model="row[col.model]"
                             :options="col.options"
@@ -129,7 +129,7 @@ const onSave = (data) => data.deletes && router.push(`/invoice-in/${invoiceId}/s
                 </template>
                 <template #body-cell-class="{ row, col }">
                     <QTd>
-                        <VnSelectFilter
+                        <VnSelect
                             class="q-pb-md"
                             v-model="row[col.model]"
                             :options="col.options"
@@ -142,7 +142,7 @@ const onSave = (data) => data.deletes && router.push(`/invoice-in/${invoiceId}/s
                 </template>
                 <template #body-cell-reason="{ row, col }">
                     <QTd>
-                        <VnSelectFilter
+                        <VnSelect
                             class="q-pb-md"
                             v-model="row[col.model]"
                             :options="col.options"
diff --git a/src/pages/InvoiceIn/Card/InvoiceInDescriptor.vue b/src/pages/InvoiceIn/Card/InvoiceInDescriptor.vue
index 5adaeca94..ef43b54cd 100644
--- a/src/pages/InvoiceIn/Card/InvoiceInDescriptor.vue
+++ b/src/pages/InvoiceIn/Card/InvoiceInDescriptor.vue
@@ -15,7 +15,7 @@ import CardDescriptor from 'components/ui/CardDescriptor.vue';
 import FetchData from 'src/components/FetchData.vue';
 import SendEmailDialog from 'components/common/SendEmailDialog.vue';
 import VnConfirm from 'src/components/ui/VnConfirm.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import { useCapitalize } from 'src/composables/useCapitalize';
 
 const $props = defineProps({
@@ -480,7 +480,7 @@ const createInvoiceInCorrection = async () => {
                             v-model="entityId"
                             readonly
                         />
-                        <VnSelectFilter
+                        <VnSelect
                             :label="`${useCapitalize(t('globals.class'))}*`"
                             v-model="correctionFormData.invoiceClass"
                             :options="siiTypeInvoiceOuts"
@@ -490,7 +490,7 @@ const createInvoiceInCorrection = async () => {
                         />
                     </QItemSection>
                     <QItemSection>
-                        <VnSelectFilter
+                        <VnSelect
                             :label="`${useCapitalize(t('globals.type'))}*`"
                             v-model="correctionFormData.invoiceType"
                             :options="cplusRectificationTypes"
@@ -498,7 +498,7 @@ const createInvoiceInCorrection = async () => {
                             option-label="description"
                             :rules="[requiredFieldRule]"
                         />
-                        <VnSelectFilter
+                        <VnSelect
                             :label="`${useCapitalize(t('globals.reason'))}*`"
                             v-model="correctionFormData.invoiceReason"
                             :options="invoiceCorrectionTypes"
diff --git a/src/pages/InvoiceIn/Card/InvoiceInDueDay.vue b/src/pages/InvoiceIn/Card/InvoiceInDueDay.vue
index e36cd97b6..2f015f65c 100644
--- a/src/pages/InvoiceIn/Card/InvoiceInDueDay.vue
+++ b/src/pages/InvoiceIn/Card/InvoiceInDueDay.vue
@@ -7,7 +7,7 @@ import { toDate } from 'src/filters';
 import { useArrayData } from 'src/composables/useArrayData';
 import CrudModel from 'src/components/CrudModel.vue';
 import FetchData from 'src/components/FetchData.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import VnCurrency from 'src/components/common/VnCurrency.vue';
 
 const route = useRoute();
@@ -144,7 +144,7 @@ async function insert() {
                 </template>
                 <template #body-cell-bank="{ row, col }">
                     <QTd>
-                        <VnSelectFilter
+                        <VnSelect
                             v-model="row[col.model]"
                             :options="col.options"
                             :option-value="col.optionValue"
@@ -159,7 +159,7 @@ async function insert() {
                                     </QItemSection>
                                 </QItem>
                             </template>
-                        </VnSelectFilter>
+                        </VnSelect>
                     </QTd>
                 </template>
                 <template #body-cell-amount="{ row }">
@@ -241,7 +241,7 @@ async function insert() {
                                     </QInput>
                                 </QItem>
                                 <QItem>
-                                    <VnSelectFilter
+                                    <VnSelect
                                         :label="t('Bank')"
                                         class="full-width"
                                         v-model="props.row['bankFk']"
@@ -258,7 +258,7 @@ async function insert() {
                                                 </QItemSection>
                                             </QItem>
                                         </template>
-                                    </VnSelectFilter>
+                                    </VnSelect>
                                 </QItem>
                                 <QItem>
                                     <QInput
diff --git a/src/pages/InvoiceIn/Card/InvoiceInIntrastat.vue b/src/pages/InvoiceIn/Card/InvoiceInIntrastat.vue
index 58f521534..38d97bd42 100644
--- a/src/pages/InvoiceIn/Card/InvoiceInIntrastat.vue
+++ b/src/pages/InvoiceIn/Card/InvoiceInIntrastat.vue
@@ -5,7 +5,7 @@ import { useI18n } from 'vue-i18n';
 import { toCurrency } from 'src/filters';
 import CrudModel from 'src/components/CrudModel.vue';
 import FetchData from 'src/components/FetchData.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import VnLv from 'src/components/ui/VnLv.vue';
 
 const { t } = useI18n();
@@ -148,7 +148,7 @@ function getTotal(type) {
                     </template>
                     <template #body-cell-code="{ row, col }">
                         <QTd>
-                            <VnSelectFilter
+                            <VnSelect
                                 v-model="row[col.model]"
                                 :options="col.options"
                                 option-value="id"
@@ -160,12 +160,12 @@ function getTotal(type) {
                                         {{ `${scope.opt.id}: ${scope.opt.description}` }}
                                     </QItem>
                                 </template>
-                            </VnSelectFilter>
+                            </VnSelect>
                         </QTd>
                     </template>
                     <template #body-cell-country="{ row, col }">
                         <QTd>
-                            <VnSelectFilter
+                            <VnSelect
                                 v-model="row[col.model]"
                                 :options="col.options"
                                 option-value="id"
@@ -182,7 +182,7 @@ function getTotal(type) {
                                 <QSeparator />
                                 <QList>
                                     <QItem>
-                                        <VnSelectFilter
+                                        <VnSelect
                                             :label="t('code')"
                                             class="full-width"
                                             v-model="props.row['intrastatFk']"
@@ -198,7 +198,7 @@ function getTotal(type) {
                                                     }}
                                                 </QItem>
                                             </template>
-                                        </VnSelectFilter>
+                                        </VnSelect>
                                     </QItem>
                                     <QItem
                                         v-for="(value, index) of [
@@ -217,7 +217,7 @@ function getTotal(type) {
                                         />
                                     </QItem>
                                     <QItem>
-                                        <VnSelectFilter
+                                        <VnSelect
                                             :label="t('country')"
                                             class="full-width"
                                             v-model="props.row['countryFk']"
diff --git a/src/pages/InvoiceIn/Card/InvoiceInVat.vue b/src/pages/InvoiceIn/Card/InvoiceInVat.vue
index 8915a96ec..e4a54b7bf 100644
--- a/src/pages/InvoiceIn/Card/InvoiceInVat.vue
+++ b/src/pages/InvoiceIn/Card/InvoiceInVat.vue
@@ -7,7 +7,7 @@ import axios from 'axios';
 import { useArrayData } from 'src/composables/useArrayData';
 import { toCurrency } from 'src/filters';
 import FetchData from 'src/components/FetchData.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import CrudModel from 'src/components/CrudModel.vue';
 import VnCurrency from 'src/components/common/VnCurrency.vue';
 
@@ -191,7 +191,7 @@ async function addExpense() {
             >
                 <template #body-cell-expense="{ row, col }">
                     <QTd auto-width>
-                        <VnSelectFilter
+                        <VnSelect
                             v-model="row[col.model]"
                             :options="col.options"
                             :option-value="col.optionValue"
@@ -221,7 +221,7 @@ async function addExpense() {
                                     </QTooltip>
                                 </QBtn>
                             </template>
-                        </VnSelectFilter>
+                        </VnSelect>
                     </QTd>
                 </template>
                 <template #body-cell-taxablebase="{ row }">
@@ -240,7 +240,7 @@ async function addExpense() {
                 </template>
                 <template #body-cell-sageiva="{ row, col }">
                     <QTd>
-                        <VnSelectFilter
+                        <VnSelect
                             v-model="row[col.model]"
                             :options="col.options"
                             :option-value="col.optionValue"
@@ -259,12 +259,12 @@ async function addExpense() {
                                     </QItemSection>
                                 </QItem>
                             </template>
-                        </VnSelectFilter>
+                        </VnSelect>
                     </QTd>
                 </template>
                 <template #body-cell-sagetransaction="{ row, col }">
                     <QTd>
-                        <VnSelectFilter
+                        <VnSelect
                             v-model="row[col.model]"
                             :options="col.options"
                             :option-value="col.optionValue"
@@ -285,7 +285,7 @@ async function addExpense() {
                                     </QItemSection>
                                 </QItem>
                             </template>
-                        </VnSelectFilter>
+                        </VnSelect>
                     </QTd>
                 </template>
                 <template #body-cell-foreignvalue="{ row }">
@@ -308,7 +308,7 @@ async function addExpense() {
                             <QSeparator />
                             <QList>
                                 <QItem>
-                                    <VnSelectFilter
+                                    <VnSelect
                                         :label="t('Expense')"
                                         class="full-width"
                                         v-model="props.row['expenseFk']"
@@ -322,7 +322,7 @@ async function addExpense() {
                                                 {{ `${scope.opt.id}: ${scope.opt.name}` }}
                                             </QItem>
                                         </template>
-                                    </VnSelectFilter>
+                                    </VnSelect>
                                 </QItem>
                                 <QItem>
                                     <VnCurrency
@@ -340,7 +340,7 @@ async function addExpense() {
                                     />
                                 </QItem>
                                 <QItem>
-                                    <VnSelectFilter
+                                    <VnSelect
                                         :label="t('Sage iva')"
                                         class="full-width"
                                         v-model="props.row['taxTypeSageFk']"
@@ -361,10 +361,10 @@ async function addExpense() {
                                                 </QItemSection>
                                             </QItem>
                                         </template>
-                                    </VnSelectFilter>
+                                    </VnSelect>
                                 </QItem>
                                 <QItem>
-                                    <VnSelectFilter
+                                    <VnSelect
                                         class="full-width"
                                         v-model="props.row['transactionTypeSageFk']"
                                         :options="sageTransactionTypes"
@@ -384,7 +384,7 @@ async function addExpense() {
                                                 </QItemSection>
                                             </QItem>
                                         </template>
-                                    </VnSelectFilter>
+                                    </VnSelect>
                                 </QItem>
                                 <QItem>
                                     {{ toCurrency(taxRate(props.row)) }}
diff --git a/src/pages/InvoiceIn/InvoiceInFilter.vue b/src/pages/InvoiceIn/InvoiceInFilter.vue
index 8f8213f1c..5b55ac59e 100644
--- a/src/pages/InvoiceIn/InvoiceInFilter.vue
+++ b/src/pages/InvoiceIn/InvoiceInFilter.vue
@@ -2,7 +2,7 @@
 import { ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import VnSelectFilter from 'components/common/VnSelectFilter.vue';
+import VnSelect from 'components/common/VnSelect.vue';
 import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
 import FetchData from 'components/FetchData.vue';
 import VnInput from 'src/components/common/VnInput.vue';
@@ -80,7 +80,7 @@ const suppliersRef = ref();
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('params.supplierFk')"
                         v-model="params.supplierFk"
                         :options="suppliers"
@@ -91,7 +91,7 @@ const suppliersRef = ref();
                         outlined
                         rounded
                     >
-                    </VnSelectFilter>
+                    </VnSelect>
                 </QItemSection>
             </QItem>
             <QItem>
diff --git a/src/pages/InvoiceOut/InvoiceOutGlobalForm.vue b/src/pages/InvoiceOut/InvoiceOutGlobalForm.vue
index a000d6d4f..78ec03a16 100644
--- a/src/pages/InvoiceOut/InvoiceOutGlobalForm.vue
+++ b/src/pages/InvoiceOut/InvoiceOutGlobalForm.vue
@@ -4,7 +4,7 @@ import { useI18n } from 'vue-i18n';
 import { storeToRefs } from 'pinia';
 
 import FetchData from 'components/FetchData.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import VnInputDate from 'components/common/VnInputDate.vue';
 
 import { useInvoiceOutGlobalStore } from 'src/stores/invoiceOutGlobal.js';
@@ -83,7 +83,7 @@ onMounted(async () => {
                 :dark="true"
                 class="q-mb-sm"
             />
-            <VnSelectFilter
+            <VnSelect
                 v-if="clientsToInvoice === 'one'"
                 :label="t('client')"
                 v-model="formData.clientId"
@@ -105,7 +105,7 @@ onMounted(async () => {
                 :label="t('maxShipped')"
                 is-outlined
             />
-            <VnSelectFilter
+            <VnSelect
                 :label="t('company')"
                 v-model="formData.companyFk"
                 :options="companiesOptions"
@@ -116,7 +116,7 @@ onMounted(async () => {
                 outlined
                 rounded
             />
-            <VnSelectFilter
+            <VnSelect
                 :label="t('printer')"
                 v-model="formData.printer"
                 :options="printersOptions"
diff --git a/src/pages/Order/Card/OrderCatalogFilter.vue b/src/pages/Order/Card/OrderCatalogFilter.vue
index 402df1173..04748a8c8 100644
--- a/src/pages/Order/Card/OrderCatalogFilter.vue
+++ b/src/pages/Order/Card/OrderCatalogFilter.vue
@@ -7,7 +7,7 @@ import axios from 'axios';
 import VnInput from 'components/common/VnInput.vue';
 import FetchData from 'components/FetchData.vue';
 import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
-import VnSelectFilter from 'components/common/VnSelectFilter.vue';
+import VnSelect from 'components/common/VnSelect.vue';
 import VnFilterPanelChip from 'components/ui/VnFilterPanelChip.vue';
 
 const { t } = useI18n();
@@ -238,7 +238,7 @@ const getCategoryClass = (category, params) => {
             </QItem>
             <QItem class="q-my-md">
                 <QItemSection>
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('params.type')"
                         v-model="params.typeFk"
                         :options="typeList"
@@ -267,13 +267,13 @@ const getCategoryClass = (category, params) => {
                                 </QItemSection>
                             </QItem>
                         </template>
-                    </VnSelectFilter>
+                    </VnSelect>
                 </QItemSection>
             </QItem>
             <QSeparator />
             <QItem class="q-my-md">
                 <QItemSection>
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('params.order')"
                         v-model="selectedOrder"
                         :options="orderList || []"
@@ -293,7 +293,7 @@ const getCategoryClass = (category, params) => {
             </QItem>
             <QItem class="q-mb-md">
                 <QItemSection>
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('params.order')"
                         v-model="selectedOrderField"
                         :options="OrderFields || []"
@@ -314,7 +314,7 @@ const getCategoryClass = (category, params) => {
             <QSeparator />
             <QItem class="q-mt-md">
                 <QItemSection>
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('params.tag')"
                         v-model="selectedTag"
                         :options="props.tags || []"
@@ -340,7 +340,7 @@ const getCategoryClass = (category, params) => {
                     is-outlined
                     class="filter-input"
                 />
-                <VnSelectFilter
+                <VnSelect
                     v-else
                     :label="t('params.value')"
                     v-model="value.value"
diff --git a/src/pages/Order/Card/OrderFilter.vue b/src/pages/Order/Card/OrderFilter.vue
index 62bfe0e02..347affb04 100644
--- a/src/pages/Order/Card/OrderFilter.vue
+++ b/src/pages/Order/Card/OrderFilter.vue
@@ -3,7 +3,7 @@ import { ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import FetchData from 'components/FetchData.vue';
 import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
-import VnSelectFilter from 'components/common/VnSelectFilter.vue';
+import VnSelect from 'components/common/VnSelect.vue';
 import VnInputDate from 'components/common/VnInputDate.vue';
 import VnInput from 'components/common/VnInput.vue';
 
@@ -75,7 +75,7 @@ const sourceList = ref(null);
             </QItem>
             <QItem>
                 <QItemSection v-if="agencyList">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('agency')"
                         v-model="params.agencyModeFk"
                         :options="agencyList"
@@ -96,7 +96,7 @@ const sourceList = ref(null);
             </QItem>
             <QItem>
                 <QItemSection v-if="salesPersonList">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('salesPerson')"
                         v-model="params.workerFk"
                         :options="salesPersonList"
@@ -120,7 +120,7 @@ const sourceList = ref(null);
                                 </QItemSection>
                             </QItem>
                         </template>
-                    </VnSelectFilter>
+                    </VnSelect>
                 </QItemSection>
                 <QItemSection v-else>
                     <QSkeleton type="QInput" class="full-width" />
@@ -160,7 +160,7 @@ const sourceList = ref(null);
             </QItem>
             <QItem>
                 <QItemSection v-if="sourceList">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('application')"
                         v-model="params.sourceApp"
                         :options="sourceList"
diff --git a/src/pages/Order/Card/OrderForm.vue b/src/pages/Order/Card/OrderForm.vue
index 42aee7640..fa868fbed 100644
--- a/src/pages/Order/Card/OrderForm.vue
+++ b/src/pages/Order/Card/OrderForm.vue
@@ -7,7 +7,7 @@ import { useState } from 'composables/useState';
 import FormModel from 'components/FormModel.vue';
 import FetchData from 'components/FetchData.vue';
 import VnRow from 'components/ui/VnRow.vue';
-import VnSelectFilter from 'components/common/VnSelectFilter.vue';
+import VnSelect from 'components/common/VnSelect.vue';
 import VnInputDate from 'components/common/VnInputDate.vue';
 import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
 
@@ -127,7 +127,7 @@ const orderFilter = {
             <template #form="{ data }">
                 <VnRow class="row q-gutter-md q-mb-md">
                     <div class="col">
-                        <VnSelectFilter
+                        <VnSelect
                             :label="t('order.form.clientFk')"
                             v-model="data.clientFk"
                             :options="clientList"
@@ -147,10 +147,10 @@ const orderFilter = {
                                     </QItemSection>
                                 </QItem>
                             </template>
-                        </VnSelectFilter>
+                        </VnSelect>
                     </div>
                     <div class="col">
-                        <VnSelectFilter
+                        <VnSelect
                             :label="t('order.form.addressFk')"
                             v-model="data.addressFk"
                             :options="addressList"
@@ -173,7 +173,7 @@ const orderFilter = {
                                     </QItemSection>
                                 </QItem>
                             </template>
-                        </VnSelectFilter>
+                        </VnSelect>
                     </div>
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
@@ -190,7 +190,7 @@ const orderFilter = {
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
                     <div class="col">
-                        <VnSelectFilter
+                        <VnSelect
                             :label="t('order.form.agencyModeFk')"
                             v-model="data.agencyModeFk"
                             :options="agencyList"
@@ -199,7 +199,7 @@ const orderFilter = {
                             hide-selected
                             :disable="!agencyList?.length"
                         >
-                        </VnSelectFilter>
+                        </VnSelect>
                     </div>
                 </VnRow>
             </template>
diff --git a/src/pages/Route/Card/RouteAutonomousFilter.vue b/src/pages/Route/Card/RouteAutonomousFilter.vue
index ec30458ce..eb3fa6f2c 100644
--- a/src/pages/Route/Card/RouteAutonomousFilter.vue
+++ b/src/pages/Route/Card/RouteAutonomousFilter.vue
@@ -3,7 +3,7 @@ import { ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import FetchData from 'components/FetchData.vue';
 import VnFilterPanel from 'components/ui/VnFilterPanel.vue';
-import VnSelectFilter from 'components/common/VnSelectFilter.vue';
+import VnSelect from 'components/common/VnSelect.vue';
 import VnInputDate from 'components/common/VnInputDate.vue';
 import VnInput from 'components/common/VnInput.vue';
 
@@ -87,7 +87,7 @@ const exprBuilder = (param, value) => {
                 </QItem>
                 <QItem class="q-my-sm" v-if="agencyList">
                     <QItemSection>
-                        <VnSelectFilter
+                        <VnSelect
                             :label="t('Agency route')"
                             v-model="params.agencyModeFk"
                             :options="agencyList"
@@ -106,7 +106,7 @@ const exprBuilder = (param, value) => {
                 </QItem>
                 <QItem class="q-my-sm" v-if="agencyAgreementList">
                     <QItemSection>
-                        <VnSelectFilter
+                        <VnSelect
                             :label="t('Agency agreement')"
                             v-model="params.agencyFk"
                             :options="agencyAgreementList"
@@ -125,7 +125,7 @@ const exprBuilder = (param, value) => {
                 </QItem>
                 <QItem class="q-my-sm" v-if="supplierList">
                     <QItemSection>
-                        <VnSelectFilter
+                        <VnSelect
                             :label="t('Autonomous')"
                             v-model="params.supplierFk"
                             :options="supplierList"
@@ -172,7 +172,11 @@ const exprBuilder = (param, value) => {
                 </QItem>
                 <QItem class="q-my-sm">
                     <QItemSection>
-                        <VnInput v-model="params.packages" :label="t('Packages')" is-outlined />
+                        <VnInput
+                            v-model="params.packages"
+                            :label="t('Packages')"
+                            is-outlined
+                        />
                     </QItemSection>
                 </QItem>
                 <QItem class="q-my-sm">
@@ -192,7 +196,11 @@ const exprBuilder = (param, value) => {
                 </QItem>
                 <QItem class="q-my-sm">
                     <QItemSection>
-                        <VnInput v-model="params.invoiceInFk" :label="t('Received')" is-outlined />
+                        <VnInput
+                            v-model="params.invoiceInFk"
+                            :label="t('Received')"
+                            is-outlined
+                        />
                     </QItemSection>
                 </QItem>
             </QList>
diff --git a/src/pages/Route/Card/RouteFilter.vue b/src/pages/Route/Card/RouteFilter.vue
index 4be1981ab..a4b95935f 100644
--- a/src/pages/Route/Card/RouteFilter.vue
+++ b/src/pages/Route/Card/RouteFilter.vue
@@ -3,7 +3,7 @@ import { ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import FetchData from 'components/FetchData.vue';
 import VnFilterPanel from 'components/ui/VnFilterPanel.vue';
-import VnSelectFilter from 'components/common/VnSelectFilter.vue';
+import VnSelect from 'components/common/VnSelect.vue';
 import VnInputDate from 'components/common/VnInputDate.vue';
 import VnInput from 'components/common/VnInput.vue';
 
@@ -63,7 +63,7 @@ const warehouseList = ref([]);
         <template #body="{ params }">
             <QItem class="q-my-sm">
                 <QItemSection v-if="workerList">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('Worker')"
                         v-model="params.workerFk"
                         :options="workerList"
@@ -87,12 +87,12 @@ const warehouseList = ref([]);
                                 </QItemSection>
                             </QItem>
                         </template>
-                    </VnSelectFilter>
+                    </VnSelect>
                 </QItemSection>
             </QItem>
             <QItem class="q-my-sm">
                 <QItemSection v-if="agencyList">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('Agency')"
                         v-model="params.agencyModeFk"
                         :options="agencyList"
@@ -148,7 +148,7 @@ const warehouseList = ref([]);
             </QItem>
             <QItem class="q-my-sm">
                 <QItemSection v-if="vehicleList">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('Vehicle')"
                         v-model="params.vehicleFk"
                         :options="vehicleList"
@@ -171,7 +171,7 @@ const warehouseList = ref([]);
             </QItem>
             <QItem class="q-my-sm">
                 <QItemSection v-if="vehicleList">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('Warehouse')"
                         v-model="params.warehouseFk"
                         :options="warehouseList"
diff --git a/src/pages/Route/Card/RouteForm.vue b/src/pages/Route/Card/RouteForm.vue
index 60693cbf1..5119b8fbc 100644
--- a/src/pages/Route/Card/RouteForm.vue
+++ b/src/pages/Route/Card/RouteForm.vue
@@ -6,13 +6,13 @@ import VnRow from 'components/ui/VnRow.vue';
 import FetchData from 'components/FetchData.vue';
 import FormModel from 'components/FormModel.vue';
 import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
-import VnSelectFilter from 'components/common/VnSelectFilter.vue';
+import VnSelect from 'components/common/VnSelect.vue';
 import VnInputDate from 'components/common/VnInputDate.vue';
 import VnInput from 'components/common/VnInput.vue';
 import axios from 'axios';
 import VnInputTime from 'components/common/VnInputTime.vue';
-import RouteSearchbar from "pages/Route/Card/RouteSearchbar.vue";
-import {useStateStore} from "stores/useStateStore";
+import RouteSearchbar from 'pages/Route/Card/RouteSearchbar.vue';
+import { useStateStore } from 'stores/useStateStore';
 
 const { t } = useI18n();
 const route = useRoute();
@@ -123,7 +123,7 @@ const onSave = (data, response) => {
         <template #form="{ data }">
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('Worker')"
                         v-model="data.workerFk"
                         :options="workerList"
@@ -144,10 +144,10 @@ const onSave = (data, response) => {
                                 </QItemSection>
                             </QItem>
                         </template>
-                    </VnSelectFilter>
+                    </VnSelect>
                 </div>
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('Vehicle')"
                         v-model="data.vehicleFk"
                         :options="vehicleList"
@@ -162,7 +162,7 @@ const onSave = (data, response) => {
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('Agency')"
                         v-model="data.agencyModeFk"
                         :options="agencyList"
diff --git a/src/pages/Route/Roadmap/RoadmapAddStopForm.vue b/src/pages/Route/Roadmap/RoadmapAddStopForm.vue
index 6793e4513..736280e99 100644
--- a/src/pages/Route/Roadmap/RoadmapAddStopForm.vue
+++ b/src/pages/Route/Roadmap/RoadmapAddStopForm.vue
@@ -2,7 +2,7 @@
 import { computed, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import FetchData from 'components/FetchData.vue';
-import VnSelectFilter from 'components/common/VnSelectFilter.vue';
+import VnSelect from 'components/common/VnSelect.vue';
 import VnInputDate from 'components/common/VnInputDate.vue';
 import VnInputTime from 'components/common/VnInputTime.vue';
 import VnInput from 'components/common/VnInput.vue';
@@ -38,7 +38,7 @@ const isDialog = computed(() => props.layout === 'dialog');
     />
     <div :class="[isDialog ? 'column' : 'form-gap', 'full-width flex']">
         <QCardSection class="flex-grow q-px-none flex-1">
-            <VnSelectFilter
+            <VnSelect
                 v-model.number="form.warehouseFk"
                 class="full-width"
                 :label="t('Warehouse')"
diff --git a/src/pages/Route/Roadmap/RoadmapBasicData.vue b/src/pages/Route/Roadmap/RoadmapBasicData.vue
index 8b10f5e57..b9df0bdd7 100644
--- a/src/pages/Route/Roadmap/RoadmapBasicData.vue
+++ b/src/pages/Route/Roadmap/RoadmapBasicData.vue
@@ -7,9 +7,9 @@ import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
 import VnInputDate from 'components/common/VnInputDate.vue';
 import VnInput from 'components/common/VnInput.vue';
 import VnInputTime from 'components/common/VnInputTime.vue';
-import VnSelectFilter from 'components/common/VnSelectFilter.vue';
+import VnSelect from 'components/common/VnSelect.vue';
 import FetchData from 'components/FetchData.vue';
-import {ref} from "vue";
+import { ref } from 'vue';
 
 const { t } = useI18n();
 const router = useRouter();
@@ -69,7 +69,7 @@ const onSave = (data, response) => {
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('Carrier')"
                         v-model="data.supplierFk"
                         :options="supplierList"
@@ -89,7 +89,7 @@ const onSave = (data, response) => {
                                 </QItemSection>
                             </QItem>
                         </template>
-                    </VnSelectFilter>
+                    </VnSelect>
                 </div>
                 <div class="col">
                     <VnInput
@@ -109,11 +109,7 @@ const onSave = (data, response) => {
                     />
                 </div>
                 <div class="col">
-                    <VnInput
-                        v-model="data.phone"
-                        :label="t('Phone')"
-                        clearable
-                    />
+                    <VnInput v-model="data.phone" :label="t('Phone')" clearable />
                 </div>
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
diff --git a/src/pages/Route/Roadmap/RoadmapFilter.vue b/src/pages/Route/Roadmap/RoadmapFilter.vue
index b3fb7bf34..04c5c9696 100644
--- a/src/pages/Route/Roadmap/RoadmapFilter.vue
+++ b/src/pages/Route/Roadmap/RoadmapFilter.vue
@@ -3,7 +3,7 @@ import { ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import FetchData from 'components/FetchData.vue';
 import VnFilterPanel from 'components/ui/VnFilterPanel.vue';
-import VnSelectFilter from 'components/common/VnSelectFilter.vue';
+import VnSelect from 'components/common/VnSelect.vue';
 import VnInputDate from 'components/common/VnInputDate.vue';
 import VnInput from 'components/common/VnInput.vue';
 
@@ -90,7 +90,7 @@ const exprBuilder = (param, value) => {
             </QItem>
             <QItem v-if="supplierList" class="q-my-sm">
                 <QItemSection>
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('Carrier')"
                         v-model="params.supplierFk"
                         :options="supplierList"
@@ -113,7 +113,7 @@ const exprBuilder = (param, value) => {
                                 </QItemSection>
                             </QItem>
                         </template>
-                    </VnSelectFilter>
+                    </VnSelect>
                 </QItemSection>
             </QItem>
             <QItem class="q-my-sm">
diff --git a/src/pages/Route/RouteList.vue b/src/pages/Route/RouteList.vue
index 94c05ad54..c165b4d43 100644
--- a/src/pages/Route/RouteList.vue
+++ b/src/pages/Route/RouteList.vue
@@ -4,7 +4,7 @@ import { useStateStore } from 'stores/useStateStore';
 import { useI18n } from 'vue-i18n';
 import { computed, onMounted, onUnmounted, ref } from 'vue';
 import { dashIfEmpty, toHour } from 'src/filters';
-import VnSelectFilter from 'components/common/VnSelectFilter.vue';
+import VnSelect from 'components/common/VnSelect.vue';
 import FetchData from 'components/FetchData.vue';
 import { useValidator } from 'composables/useValidator';
 import VnInputDate from 'components/common/VnInputDate.vue';
@@ -280,7 +280,7 @@ const openTicketsDialog = (id) => {
                         >
                             <template #body-cell-worker="{ row }">
                                 <QTd>
-                                    <VnSelectFilter
+                                    <VnSelect
                                         :label="t('Worker')"
                                         v-model="row.workerFk"
                                         :options="workers"
@@ -308,12 +308,12 @@ const openTicketsDialog = (id) => {
                                                 </QItemSection>
                                             </QItem>
                                         </template>
-                                    </VnSelectFilter>
+                                    </VnSelect>
                                 </QTd>
                             </template>
                             <template #body-cell-agency="{ row }">
                                 <QTd>
-                                    <VnSelectFilter
+                                    <VnSelect
                                         :label="t('Agency')"
                                         v-model="row.agencyModeFk"
                                         :options="agencyList"
@@ -330,7 +330,7 @@ const openTicketsDialog = (id) => {
                             </template>
                             <template #body-cell-vehicle="{ row }">
                                 <QTd>
-                                    <VnSelectFilter
+                                    <VnSelect
                                         :label="t('Vehicle')"
                                         v-model="row.vehicleFk"
                                         :options="vehicleList"
diff --git a/src/pages/Supplier/Card/SupplierAddressesCreate.vue b/src/pages/Supplier/Card/SupplierAddressesCreate.vue
index 69c180e0a..54f8580bd 100644
--- a/src/pages/Supplier/Card/SupplierAddressesCreate.vue
+++ b/src/pages/Supplier/Card/SupplierAddressesCreate.vue
@@ -4,7 +4,7 @@ import { reactive, ref, onMounted, onBeforeMount } from 'vue';
 import { useRouter, useRoute } from 'vue-router';
 
 import FetchData from 'components/FetchData.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import FormModel from 'components/FormModel.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import VnSelectDialog from 'src/components/common/VnSelectDialog.vue';
diff --git a/src/pages/Supplier/Card/SupplierAgencyTermCreate.vue b/src/pages/Supplier/Card/SupplierAgencyTermCreate.vue
index 17786c1ea..ccd1cafd3 100644
--- a/src/pages/Supplier/Card/SupplierAgencyTermCreate.vue
+++ b/src/pages/Supplier/Card/SupplierAgencyTermCreate.vue
@@ -4,7 +4,7 @@ import { reactive, ref } from 'vue';
 import { useRouter, useRoute } from 'vue-router';
 
 import FetchData from 'components/FetchData.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import FormModel from 'components/FormModel.vue';
 import VnRow from 'components/ui/VnRow.vue';
 
@@ -47,7 +47,7 @@ const onDataSaved = () => {
             <template #form="{ data }">
                 <VnRow class="row q-gutter-md q-mb-md">
                     <div class="col">
-                        <VnSelectFilter
+                        <VnSelect
                             :label="t('supplier.agencyTerms.agencyFk')"
                             v-model="data.agencyFk"
                             :options="agenciesOptions"
diff --git a/src/pages/Supplier/Card/SupplierBasicData.vue b/src/pages/Supplier/Card/SupplierBasicData.vue
index 01741dd77..6a1d747d5 100644
--- a/src/pages/Supplier/Card/SupplierBasicData.vue
+++ b/src/pages/Supplier/Card/SupplierBasicData.vue
@@ -7,7 +7,7 @@ import FetchData from 'components/FetchData.vue';
 import FormModel from 'components/FormModel.vue';
 import VnRow from 'components/ui/VnRow.vue';
 import VnInput from 'src/components/common/VnInput.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 
 const route = useRoute();
 const { t } = useI18n();
@@ -39,7 +39,7 @@ const workersOptions = ref([]);
                     />
                 </div>
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('supplier.basicData.workerFk')"
                         v-model="data.workerFk"
                         :options="workersOptions"
@@ -66,7 +66,7 @@ const workersOptions = ref([]);
                                 </QItemSection>
                             </QItem>
                         </template>
-                    </VnSelectFilter>
+                    </VnSelect>
                 </div>
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
diff --git a/src/pages/Supplier/Card/SupplierBillingData.vue b/src/pages/Supplier/Card/SupplierBillingData.vue
index 26b6e5461..e6e61d339 100644
--- a/src/pages/Supplier/Card/SupplierBillingData.vue
+++ b/src/pages/Supplier/Card/SupplierBillingData.vue
@@ -6,7 +6,7 @@ import { useI18n } from 'vue-i18n';
 import FetchData from 'components/FetchData.vue';
 import FormModel from 'components/FormModel.vue';
 import VnRow from 'components/ui/VnRow.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 
 const route = useRoute();
 const { t } = useI18n();
@@ -38,7 +38,7 @@ const formatPayDems = (data) => {
         <template #form="{ data, validate }">
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('supplier.billingData.payMethodFk')"
                         v-model="data.payMethodFk"
                         :options="paymethodsOptions"
@@ -49,7 +49,7 @@ const formatPayDems = (data) => {
                     />
                 </div>
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('supplier.billingData.payDemFk')"
                         v-model="data.payDemFk"
                         :options="payDemsOptions"
diff --git a/src/pages/Supplier/Card/SupplierConsumptionFilter.vue b/src/pages/Supplier/Card/SupplierConsumptionFilter.vue
index 339a9d0d9..781f8347a 100644
--- a/src/pages/Supplier/Card/SupplierConsumptionFilter.vue
+++ b/src/pages/Supplier/Card/SupplierConsumptionFilter.vue
@@ -3,7 +3,7 @@ import { ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import FetchData from 'components/FetchData.vue';
 import VnInputDate from 'src/components/common/VnInputDate.vue';
@@ -78,7 +78,7 @@ const itemCategoriesOptions = ref([]);
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('params.buyerId')"
                         v-model="params.buyerId"
                         @update:model-value="searchFn()"
@@ -94,7 +94,7 @@ const itemCategoriesOptions = ref([]);
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('params.typeId')"
                         v-model="params.typeId"
                         @update:model-value="searchFn()"
@@ -116,12 +116,12 @@ const itemCategoriesOptions = ref([]);
                                 </QItemSection>
                             </QItem>
                         </template>
-                    </VnSelectFilter>
+                    </VnSelect>
                 </QItemSection>
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('params.categoryId')"
                         v-model="params.categoryId"
                         @update:model-value="searchFn()"
diff --git a/src/pages/Supplier/Card/SupplierFiscalData.vue b/src/pages/Supplier/Card/SupplierFiscalData.vue
index e633334c9..8aeebaebd 100644
--- a/src/pages/Supplier/Card/SupplierFiscalData.vue
+++ b/src/pages/Supplier/Card/SupplierFiscalData.vue
@@ -7,7 +7,7 @@ import FetchData from 'components/FetchData.vue';
 import FormModel from 'components/FormModel.vue';
 import VnRow from 'components/ui/VnRow.vue';
 import VnInput from 'src/components/common/VnInput.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import VnLocation from 'src/components/common/VnLocation.vue';
 
 const route = useRoute();
@@ -81,7 +81,7 @@ function handleLocation(data, location) {
                     />
                 </div>
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('supplier.fiscalData.sageTaxTypeFk')"
                         v-model="data.sageTaxTypeFk"
                         :options="sageTaxTypesOptions"
@@ -94,7 +94,7 @@ function handleLocation(data, location) {
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('supplier.fiscalData.sageWithholdingFk')"
                         v-model="data.sageWithholdingFk"
                         :options="sageWithholdingsOptions"
@@ -105,7 +105,7 @@ function handleLocation(data, location) {
                     />
                 </div>
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('supplier.fiscalData.sageTransactionTypeFk')"
                         v-model="data.sageTransactionTypeFk"
                         :options="sageTransactionTypesOptions"
@@ -118,7 +118,7 @@ function handleLocation(data, location) {
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('supplier.fiscalData.supplierActivityFk')"
                         v-model="data.supplierActivityFk"
                         :options="supplierActivitiesOptions"
diff --git a/src/pages/Supplier/SupplierListFilter.vue b/src/pages/Supplier/SupplierListFilter.vue
index ff90df6e1..471ca7e53 100644
--- a/src/pages/Supplier/SupplierListFilter.vue
+++ b/src/pages/Supplier/SupplierListFilter.vue
@@ -3,7 +3,7 @@ import { ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import FetchData from 'components/FetchData.vue';
 
@@ -70,7 +70,7 @@ const countriesOptions = ref([]);
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('params.provinceFk')"
                         v-model="params.provinceFk"
                         @update:model-value="searchFn()"
@@ -86,7 +86,7 @@ const countriesOptions = ref([]);
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('params.countryFk')"
                         v-model="params.countryFk"
                         @update:model-value="searchFn()"
diff --git a/src/pages/Travel/Card/TravelBasicData.vue b/src/pages/Travel/Card/TravelBasicData.vue
index 2edaac853..f8c03a609 100644
--- a/src/pages/Travel/Card/TravelBasicData.vue
+++ b/src/pages/Travel/Card/TravelBasicData.vue
@@ -7,7 +7,7 @@ import FetchData from 'components/FetchData.vue';
 import FormModel from 'components/FormModel.vue';
 import VnRow from 'components/ui/VnRow.vue';
 import VnInput from 'src/components/common/VnInput.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import VnInputDate from 'components/common/VnInputDate.vue';
 
 const route = useRoute();
@@ -36,7 +36,7 @@ const agenciesOptions = ref([]);
                     />
                 </div>
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('travel.basicData.agency')"
                         v-model="data.agencyModeFk"
                         :options="agenciesOptions"
@@ -63,7 +63,7 @@ const agenciesOptions = ref([]);
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('travel.basicData.warehouseOut')"
                         v-model="data.warehouseOutFk"
                         :options="agenciesOptions"
@@ -74,7 +74,7 @@ const agenciesOptions = ref([]);
                     />
                 </div>
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('travel.basicData.warehouseIn')"
                         v-model="data.warehouseInFk"
                         :options="agenciesOptions"
diff --git a/src/pages/Travel/Card/TravelThermographsForm.vue b/src/pages/Travel/Card/TravelThermographsForm.vue
index 4462846cb..3464a29b3 100644
--- a/src/pages/Travel/Card/TravelThermographsForm.vue
+++ b/src/pages/Travel/Card/TravelThermographsForm.vue
@@ -4,7 +4,7 @@ import { reactive, ref, onBeforeMount } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 
 import FetchData from 'components/FetchData.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import VnSelectDialog from 'components/common/VnSelectDialog.vue';
 import VnRow from 'components/ui/VnRow.vue';
 import VnInput from 'src/components/common/VnInput.vue';
@@ -268,7 +268,7 @@ const onThermographCreated = async (data) => {
                         />
                     </div>
                     <div class="col">
-                        <VnSelectFilter
+                        <VnSelect
                             :label="t('travel.thermographs.type')"
                             v-model="thermographForm.dmsTypeId"
                             :options="dmsTypesOptions"
@@ -279,7 +279,7 @@ const onThermographCreated = async (data) => {
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
                     <div class="col">
-                        <VnSelectFilter
+                        <VnSelect
                             :label="t('travel.thermographs.company')"
                             v-model="thermographForm.companyId"
                             :options="companiesOptions"
@@ -288,7 +288,7 @@ const onThermographCreated = async (data) => {
                         />
                     </div>
                     <div class="col">
-                        <VnSelectFilter
+                        <VnSelect
                             :label="t('travel.thermographs.warehouse')"
                             v-model="thermographForm.warehouseId"
                             :options="warehousesOptions"
diff --git a/src/pages/Travel/ExtraCommunityFilter.vue b/src/pages/Travel/ExtraCommunityFilter.vue
index 0b8975165..7fe628180 100644
--- a/src/pages/Travel/ExtraCommunityFilter.vue
+++ b/src/pages/Travel/ExtraCommunityFilter.vue
@@ -4,7 +4,7 @@ import { useI18n } from 'vue-i18n';
 
 import FetchData from 'components/FetchData.vue';
 import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import VnInputDate from 'components/common/VnInputDate.vue';
 
@@ -113,7 +113,7 @@ const decrement = (paramsObj, key) => {
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('params.agencyModeFk')"
                         v-model="params.agencyModeFk"
                         @update:model-value="searchFn()"
@@ -149,7 +149,7 @@ const decrement = (paramsObj, key) => {
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('params.warehouseOutFk')"
                         v-model="params.warehouseOutFk"
                         @update:model-value="searchFn()"
@@ -165,7 +165,7 @@ const decrement = (paramsObj, key) => {
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('params.warehouseInFk')"
                         v-model="params.warehouseInFk"
                         @update:model-value="searchFn()"
@@ -181,7 +181,7 @@ const decrement = (paramsObj, key) => {
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('supplier.pageTitles.supplier')"
                         v-model="params.cargoSupplierFk"
                         @update:model-value="searchFn()"
@@ -197,7 +197,7 @@ const decrement = (paramsObj, key) => {
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('params.continent')"
                         v-model="params.continent"
                         @update:model-value="searchFn()"
diff --git a/src/pages/Travel/TravelCreate.vue b/src/pages/Travel/TravelCreate.vue
index abee03562..c8c26684c 100644
--- a/src/pages/Travel/TravelCreate.vue
+++ b/src/pages/Travel/TravelCreate.vue
@@ -4,7 +4,7 @@ import { reactive, ref, onBeforeMount } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 
 import FetchData from 'components/FetchData.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import FormModel from 'components/FormModel.vue';
 import VnRow from 'components/ui/VnRow.vue';
 import VnInput from 'src/components/common/VnInput.vue';
@@ -72,7 +72,7 @@ const redirectToTravelBasicData = (_, { id }) => {
                         <VnInput v-model="data.ref" :label="t('globals.reference')" />
                     </div>
                     <div class="col">
-                        <VnSelectFilter
+                        <VnSelect
                             :label="t('globals.agency')"
                             v-model="data.agencyModeFk"
                             :options="agenciesOptions"
@@ -95,7 +95,7 @@ const redirectToTravelBasicData = (_, { id }) => {
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
                     <div class="col">
-                        <VnSelectFilter
+                        <VnSelect
                             :label="t('globals.wareHouseOut')"
                             v-model="data.warehouseOutFk"
                             :options="warehousesOptions"
@@ -105,7 +105,7 @@ const redirectToTravelBasicData = (_, { id }) => {
                         />
                     </div>
                     <div class="col">
-                        <VnSelectFilter
+                        <VnSelect
                             :label="t('globals.wareHouseIn')"
                             v-model="data.warehouseInFk"
                             :options="warehousesOptions"
diff --git a/src/pages/Travel/TravelFilter.vue b/src/pages/Travel/TravelFilter.vue
index c1c0d1bee..a91ade1b7 100644
--- a/src/pages/Travel/TravelFilter.vue
+++ b/src/pages/Travel/TravelFilter.vue
@@ -3,7 +3,7 @@ import { ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import FetchData from 'components/FetchData.vue';
 import VnInputDate from 'components/common/VnInputDate.vue';
@@ -71,7 +71,7 @@ const decrement = (paramsObj, key) => {
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('params.agencyModeFk')"
                         v-model="params.agencyModeFk"
                         @update:model-value="searchFn()"
@@ -87,7 +87,7 @@ const decrement = (paramsObj, key) => {
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('params.warehouseOutFk')"
                         v-model="params.warehouseOutFk"
                         @update:model-value="searchFn()"
@@ -103,7 +103,7 @@ const decrement = (paramsObj, key) => {
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('params.warehouseInFk')"
                         v-model="params.warehouseInFk"
                         @update:model-value="searchFn()"
@@ -167,7 +167,7 @@ const decrement = (paramsObj, key) => {
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('params.continent')"
                         v-model="params.continent"
                         @update:model-value="searchFn()"
diff --git a/src/pages/Worker/Card/WorkerPda.vue b/src/pages/Worker/Card/WorkerPda.vue
index ef8c3fe8e..5e7c89326 100644
--- a/src/pages/Worker/Card/WorkerPda.vue
+++ b/src/pages/Worker/Card/WorkerPda.vue
@@ -4,7 +4,7 @@ import { useRoute } from 'vue-router';
 import { onMounted, ref, computed } from 'vue';
 import FetchData from 'components/FetchData.vue';
 import FormModel from 'components/FormModel.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import useNotify from 'src/composables/useNotify.js';
 import axios from 'axios';
 import { useRole } from 'src/composables/useRole';
@@ -107,7 +107,7 @@ onMounted(async () => await fetchCurrentDeviceRef.value.fetch());
                     </template>
                 </QField>
 
-                <VnSelectFilter
+                <VnSelect
                     v-else
                     :label="t('worker.pda.newPDA')"
                     v-model="data.pda"
@@ -128,7 +128,7 @@ onMounted(async () => await fetchCurrentDeviceRef.value.fetch());
                             </QItemSection>
                         </QItem>
                     </template>
-                </VnSelectFilter>
+                </VnSelect>
             </template>
         </FormModel>
     </QPage>
diff --git a/src/pages/Worker/WorkerCreate.vue b/src/pages/Worker/WorkerCreate.vue
index eef29a8a4..6c2c9f36e 100644
--- a/src/pages/Worker/WorkerCreate.vue
+++ b/src/pages/Worker/WorkerCreate.vue
@@ -6,7 +6,7 @@ import FetchData from 'components/FetchData.vue';
 import FormModel from 'components/FormModel.vue';
 import VnRow from 'components/ui/VnRow.vue';
 import VnInputDate from 'components/common/VnInputDate.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import VnSelectDialog from 'src/components/common/VnSelectDialog.vue';
 import CreateBankEntityForm from 'src/components/CreateBankEntityForm.vue';
 import CustomerCreateNewPostcode from 'src/components/CreateNewPostcodeForm.vue';
@@ -194,7 +194,7 @@ onMounted(async () => {
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
                     <div class="col">
-                        <VnSelectFilter
+                        <VnSelect
                             :label="t('worker.create.company')"
                             v-model="data.companyFk"
                             :options="companiesOptions"
@@ -205,7 +205,7 @@ onMounted(async () => {
                         />
                     </div>
                     <div class="col">
-                        <VnSelectFilter
+                        <VnSelect
                             :label="t('worker.create.boss')"
                             v-model="data.bossFk"
                             :options="workersOptions"
@@ -225,12 +225,12 @@ onMounted(async () => {
                                     </QItemSection>
                                 </QItem>
                             </template>
-                        </VnSelectFilter>
+                        </VnSelect>
                     </div>
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
                     <div class="col">
-                        <VnSelectFilter
+                        <VnSelect
                             :label="t('worker.create.payMethods')"
                             v-model="data.payMethodFk"
                             :options="payMethodsOptions"

From c621ccb5a6e35552a25bc203575554c852d9f8d2 Mon Sep 17 00:00:00 2001
From: jcasado <jcasado.verdnatura@gmail.com>
Date: Tue, 23 Apr 2024 13:19:21 +0200
Subject: [PATCH 075/305] refs #7113 fix test

---
 test/cypress/support/commands.js | 29 ++++++++++++++++++++---------
 1 file changed, 20 insertions(+), 9 deletions(-)

diff --git a/test/cypress/support/commands.js b/test/cypress/support/commands.js
index f075d500f..13103950c 100755
--- a/test/cypress/support/commands.js
+++ b/test/cypress/support/commands.js
@@ -38,6 +38,15 @@ Cypress.Commands.add('login', (user) => {
         },
     }).then((response) => {
         window.localStorage.setItem('token', response.body.token);
+        cy.request({
+            method: 'GET',
+            url: '/api/VnUsers/ShareToken',
+            headers: {
+                Authorization: window.localStorage.getItem('token'),
+            },
+        }).then(({ body }) => {
+            window.localStorage.setItem('tokenMultimedia', body.multimediaToken.id);
+        });
     });
 });
 
@@ -52,16 +61,18 @@ Cypress.Commands.add('getValue', (selector) => {
         }
         // Si es un QSelect
         if ($el.find('.q-select__dropdown-icon').length) {
-            return cy.get(
-                selector +
-                    '> .q-field > .q-field__inner > .q-field__control > .q-field__control-container > .q-field__native > input'
-            ).invoke('val')
+            return cy
+                .get(
+                    selector +
+                        '> .q-field > .q-field__inner > .q-field__control > .q-field__control-container > .q-field__native > input'
+                )
+                .invoke('val');
         }
         // Si es un QSelect
         if ($el.find('span').length) {
-            return cy.get(
-                selector + ' span'
-            ).then(($span) => { return $span[0].innerText })
+            return cy.get(selector + ' span').then(($span) => {
+                return $span[0].innerText;
+            });
         }
         // Puedes añadir un log o lanzar un error si el elemento no es reconocido
         cy.log('Elemento no soportado');
@@ -132,13 +143,13 @@ Cypress.Commands.add('validateRow', (rowSelector, expectedValues) => {
     cy.get(rowSelector).within(() => {
         for (const [index, value] of expectedValues.entries()) {
             cy.log('CHECKING ', index, value);
-            if(value === undefined) continue
+            if (value === undefined) continue;
             if (typeof value == 'boolean') {
                 const prefix = value ? '' : 'not.';
                 cy.getValue(`:nth-child(${index + 1})`).should(`${prefix}be.checked`);
                 continue;
             }
-            cy.getValue(`:nth-child(${index + 1})`).should('equal', value)
+            cy.getValue(`:nth-child(${index + 1})`).should('equal', value);
         }
     });
 });

From b7ba664e4565bb900e97f559916159d2dbb65f26 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Tue, 23 Apr 2024 09:05:34 -0300
Subject: [PATCH 076/305] WIP

---
 src/css/app.scss                  |   5 +
 src/pages/Item/ItemList.vue       |   6 +
 src/pages/Item/ItemListFilter.vue | 348 ++++++++++++++++++++++++++++++
 3 files changed, 359 insertions(+)
 create mode 100644 src/pages/Item/ItemListFilter.vue

diff --git a/src/css/app.scss b/src/css/app.scss
index 25b484649..9037802ad 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -119,6 +119,11 @@ select:-webkit-autofill {
     font-variation-settings: 'FILL' 1;
 }
 
+.fill-icon-on-hover:hover {
+    font-variation-settings: 'FILL' 1;
+    cursor: pointer;
+}
+
 .vn-table-separation-row {
     height: 16px !important;
     background-color: var(--vn-section-color) !important;
diff --git a/src/pages/Item/ItemList.vue b/src/pages/Item/ItemList.vue
index 3e399e29f..9c1ab9df6 100644
--- a/src/pages/Item/ItemList.vue
+++ b/src/pages/Item/ItemList.vue
@@ -12,6 +12,7 @@ import ItemDescriptorProxy from '../Item/Card/ItemDescriptorProxy.vue';
 import WorkerDescriptorProxy from 'src/pages/Worker/Card/WorkerDescriptorProxy.vue';
 import ItemSummary from '../Item/Card/ItemSummary.vue';
 import VnPaginate from 'components/ui/VnPaginate.vue';
+import ItemListFilter from './ItemListFilter.vue';
 
 import { useStateStore } from 'stores/useStateStore';
 import { toDateFormat } from 'src/filters/date.js';
@@ -442,6 +443,11 @@ onUnmounted(() => (stateStore.rightDrawer = false));
         <QSpace />
         <div id="st-actions"></div>
     </QToolbar>
+    <QDrawer v-model="stateStore.rightDrawer" side="right" :width="256" show-if-above>
+        <QScrollArea class="fit text-grey-8">
+            <ItemListFilter data-key="ItemList" />
+        </QScrollArea>
+    </QDrawer>
     <QPage class="column items-center q-pa-md">
         <VnPaginate
             ref="paginateRef"
diff --git a/src/pages/Item/ItemListFilter.vue b/src/pages/Item/ItemListFilter.vue
new file mode 100644
index 000000000..a99811e2f
--- /dev/null
+++ b/src/pages/Item/ItemListFilter.vue
@@ -0,0 +1,348 @@
+<script setup>
+import { ref, watch, computed } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { onMounted } from 'vue';
+import { useStateStore } from 'stores/useStateStore';
+
+import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
+import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnInput from 'src/components/common/VnInput.vue';
+import FetchData from 'components/FetchData.vue';
+import VnInputDate from 'src/components/common/VnInputDate.vue';
+
+import { useArrayData } from 'composables/useArrayData';
+import axios from 'axios';
+
+const { t } = useI18n();
+
+const props = defineProps({
+    dataKey: {
+        type: String,
+        required: true,
+    },
+});
+
+const stateStore = useStateStore();
+
+const itemTypesRef = ref(null);
+const categoriesOptions = ref([]);
+const itemTypesOptions = ref([]);
+const buyersOptions = ref([]);
+const suppliersOptions = ref([]);
+const tagValues = ref([]);
+
+const arrayData = useArrayData(props.dataKey);
+const itemTypesFilter = computed(() => {
+    return {
+        fields: ['id', 'name', 'categoryFk'],
+        include: 'category',
+        order: 'name ASC',
+        where: { categoryFk: arrayData.store?.userParams?.categoryFk },
+    };
+});
+
+// TODO: checkear este watch que fetchee cuando cambie categoryFk
+watch(itemTypesFilter.value.where.categoryFk, () => itemTypesRef.value.fetch());
+
+const getSelectedTagValues = async (tag) => {
+    try {
+        tag.value = null;
+        const filter = {
+            fields: ['value'],
+            order: 'value ASC',
+        };
+
+        const params = { filter: JSON.stringify(filter) };
+        const { data } = await axios.get(`Tags/${tag.selectedTag.id}/filterValue`, {
+            params,
+        });
+        tag.valueOptions = data;
+    } catch (err) {
+        console.error('Error getting selected tag values');
+    }
+};
+
+// const applyColumnFilter = async (col) => {
+//     try {
+//         params[col.field] = col.columnFilter.filterValue;
+//         await arrayData.addFilter({ params });
+//     } catch (err) {
+//         console.error('Error applying column filter', err);
+//     }
+// };
+
+const applyTags = () => {
+    // params.tags = tagValues.value
+    //     .filter((tag) => tag.selectedTag && tag.value)
+    //     .map((tag) => ({
+    //         tagFk: tag.selectedTag.id,
+    //         tagName: tag.selectedTag.name,
+    //         value: tag.value,
+    //     }));
+    console.log('apply tags');
+    const params = {
+        tags: tagValues.value
+            .filter((tag) => tag.selectedTag && tag.value)
+            .map((tag) => ({
+                tagFk: tag.selectedTag.id,
+                tagName: tag.selectedTag.name,
+                value: tag.value,
+            })),
+    };
+    console.log('params:: ', params);
+    arrayData.addFilter({ params });
+    // search();
+};
+
+const removeTag = (index, params, search) => {
+    (tagValues.value || []).splice(index, 1);
+    // applyTags(params, search);
+};
+
+onMounted(async () => {
+    stateStore.rightDrawer = true;
+});
+</script>
+
+<template>
+    <FetchData
+        url="ItemCategories"
+        :filter="{ fields: ['id', 'name'], order: 'name ASC' }"
+        @on-fetch="(data) => (categoriesOptions = data)"
+        auto-load
+    />
+    <FetchData
+        ref="itemTypesRef"
+        url="ItemTypes"
+        :filter="itemTypesFilter"
+        @on-fetch="(data) => (itemTypesOptions = data)"
+        auto-load
+    />
+    <FetchData
+        url="TicketRequests/getItemTypeWorker"
+        :filter="{ fields: ['id', 'nickname'], order: 'nickname ASC' }"
+        @on-fetch="(data) => (buyersOptions = data)"
+        auto-load
+    />
+    <FetchData
+        url="Suppliers"
+        :filter="{ fields: ['name', 'nickname'], order: 'name ASC' }"
+        @on-fetch="(data) => (suppliersOptions = data)"
+        auto-load
+    />
+    <FetchData
+        url="Tags"
+        :filter="{ fields: ['id', 'name', 'isFree'] }"
+        auto-load
+        @on-fetch="(data) => (tagOptions = data)"
+    />
+    <!-- <pre>categoryFkparam:: {{ itemTypesFilter }}</pre> -->
+    <!-- <pre>{{ tagValues }}</pre> -->
+    <VnFilterPanel :data-key="props.dataKey" :search-button="true">
+        <template #tags="{ tag, formatFn }">
+            <div v-if="tag.label !== 'tags'" class="q-gutter-x-xs">
+                <strong>{{ t(`params.${tag.label}`) }}: </strong>
+                <span>{{ formatFn(tag.value) }}</span>
+            </div>
+            <div v-else class="q-gutter-x-xs">
+                <strong>{{ t('params.tags') }} </strong>
+            </div>
+        </template>
+        <template #body="{ params, searchFn }">
+            <QItem>
+                <QItemSection>
+                    <VnInput
+                        v-model="params.search"
+                        :label="t('params.search')"
+                        is-outlined
+                    />
+                </QItemSection>
+            </QItem>
+            <QItem>
+                <QItemSection>
+                    <VnSelectFilter
+                        :label="t('params.categoryFk')"
+                        v-model="params.categoryFk"
+                        @update:model-value="searchFn()"
+                        :options="categoriesOptions"
+                        option-value="id"
+                        option-label="name"
+                        hide-selected
+                        dense
+                        outlined
+                        rounded
+                    />
+                </QItemSection>
+            </QItem>
+            <QItem>
+                <QItemSection>
+                    <VnSelectFilter
+                        :label="t('params.typeFk')"
+                        v-model="params.typeFk"
+                        @update:model-value="searchFn()"
+                        :options="itemTypesOptions"
+                        option-value="id"
+                        option-label="name"
+                        hide-selected
+                        dense
+                        outlined
+                        rounded
+                    >
+                        <template #option="scope">
+                            <QItem v-bind="scope.itemProps">
+                                <QItemSection>
+                                    <QItemLabel>{{ scope.opt?.name }}</QItemLabel>
+                                    <QItemLabel caption>{{
+                                        scope.opt?.category?.name
+                                    }}</QItemLabel>
+                                </QItemSection>
+                            </QItem>
+                        </template>
+                    </VnSelectFilter>
+                </QItemSection>
+            </QItem>
+            <QItem>
+                <QItemSection>
+                    <VnSelectFilter
+                        :label="t('params.buyerFk')"
+                        v-model="params.buyerFk"
+                        @update:model-value="searchFn()"
+                        :options="buyersOptions"
+                        option-value="id"
+                        option-label="nickname"
+                        hide-selected
+                        dense
+                        outlined
+                        rounded
+                    />
+                </QItemSection>
+            </QItem>
+            <QItem>
+                <QItemSection>
+                    <VnSelectFilter
+                        :label="t('params.supplierFk')"
+                        v-model="params.supplierFk"
+                        @update:model-value="searchFn()"
+                        :options="suppliersOptions"
+                        option-value="id"
+                        option-label="name"
+                        hide-selected
+                        dense
+                        outlined
+                        rounded
+                    >
+                        <template #option="scope">
+                            <QItem v-bind="scope.itemProps">
+                                <QItemSection>
+                                    <QItemLabel>{{
+                                        scope.opt?.name + ': ' + scope.opt?.nickname
+                                    }}</QItemLabel>
+                                </QItemSection>
+                            </QItem>
+                        </template>
+                    </VnSelectFilter>
+                </QItemSection>
+            </QItem>
+            <QItem class="row items-center">
+                <QItemLabel>
+                    {{ t('params.tags') }}
+                </QItemLabel>
+                <QIcon
+                    name="add_circle"
+                    class="fill-icon-on-hover q-ml-md"
+                    size="sm"
+                    color="primary"
+                    @click="tagValues.push({})"
+                />
+            </QItem>
+            <QItem
+                v-for="(tag, index) in tagValues"
+                :key="index"
+                class="row items-center"
+            >
+                <QItemSection class="col">
+                    <VnSelectFilter
+                        :label="t('params.tag')"
+                        v-model="tag.selectedTag"
+                        :options="tagOptions"
+                        option-label="name"
+                        dense
+                        outlined
+                        rounded
+                        :emit-value="false"
+                        use-input
+                        :is-clearable="false"
+                        @update:model-value="getSelectedTagValues(tag)"
+                    />
+                </QItemSection>
+                <QItemSection class="col">
+                    <VnSelectFilter
+                        v-if="!tag?.selectedTag?.isFree && tag.valueOptions"
+                        :label="t('params.tag')"
+                        v-model="tag.value"
+                        :options="tag.valueOptions || []"
+                        option-value="value"
+                        option-label="value"
+                        dense
+                        outlined
+                        rounded
+                        emit-value
+                        use-input
+                        :disable="!tag"
+                        :is-clearable="false"
+                        @update:model-value="applyTags()"
+                    />
+                    <VnInput
+                        v-else
+                        v-model="tag.value"
+                        :label="t('params.value')"
+                        :disable="!tag"
+                        is-outlined
+                        :is-clearable="false"
+                        @keyup.enter="applyTags()"
+                    />
+                </QItemSection>
+                <QIcon
+                    name="delete"
+                    class="fill-icon-on-hover q-ml-xs"
+                    size="sm"
+                    color="primary"
+                    @click="removeTag(index, params, searchFn)"
+                />
+            </QItem>
+
+            <!-- <QItem>
+                <QItemSection>
+                    <QCheckbox
+                        :label="t('params.isOrdered')"
+                        v-model="params.isOrdered"
+                        toggle-indeterminate
+                    />
+                </QItemSection>
+            </QItem> -->
+        </template>
+    </VnFilterPanel>
+</template>
+
+<i18n>
+en:
+    params:
+        search: General search
+        categoryFk: Category
+        typeFk: Type
+        buyerFk: Buyer
+        supplierFk: Supplier
+        tags: Tags
+        tag: Tag
+        value: Value
+es:
+    params:
+        search: Búsqueda general
+        categoryFk: Reino
+        typeFk: Tipo
+        buyerFk: Comprador
+        supplierFk: Proveedor
+        tags: Etiquetas
+        tag: Etiqueta
+        value: Valor
+</i18n>

From 81a630d6cd9bb0f85d3031a0f22dcf87b85936cd Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Tue, 23 Apr 2024 09:10:28 -0300
Subject: [PATCH 077/305] Add more translations

---
 src/pages/Item/ItemRequestFilter.vue | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/pages/Item/ItemRequestFilter.vue b/src/pages/Item/ItemRequestFilter.vue
index 0808385c6..8b0b34e62 100644
--- a/src/pages/Item/ItemRequestFilter.vue
+++ b/src/pages/Item/ItemRequestFilter.vue
@@ -17,9 +17,9 @@ const props = defineProps({
 });
 
 const stateOptions = [
-    { code: 'pending', name: t('Pending') },
-    { code: 'accepted', name: t('Accepted') },
-    { code: 'denied', name: t('Denied') },
+    { code: 'pending', name: t('pending') },
+    { code: 'accepted', name: t('accepted') },
+    { code: 'denied', name: t('denied') },
 ];
 
 const itemTypesOptions = ref([]);
@@ -101,7 +101,8 @@ const decrement = (paramsObj, key) => {
         <template #tags="{ tag, formatFn }">
             <div class="q-gutter-x-xs">
                 <strong>{{ t(`params.${tag.label}`) }}: </strong>
-                <span>{{ formatFn(tag.value) }}</span>
+                <span v-if="tag.label !== 'state'">{{ formatFn(tag.value) }}</span>
+                <span v-else>{{ t(`${tag.value}`) }}</span>
             </div>
         </template>
         <template #body="{ params, searchFn }">
@@ -293,6 +294,9 @@ en:
         mine: For me
         state: State
     dateFiltersTooltip: Cannot choose a range of dates and days onward at the same time
+    denied: Denied
+    accepted: Accepted
+    pending: Pending
 
 es:
     params:
@@ -308,4 +312,7 @@ es:
         mine: Para mi
         state: Estado
     dateFiltersTooltip: No se puede seleccionar un rango de fechas y días en adelante a la vez
+    denied: Denegada
+    accepted: Aceptada
+    pending: Pendiente
 </i18n>

From 4396f7d6ba7ff40d3f819daab34f5cf017c40458 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Tue, 23 Apr 2024 09:13:10 -0300
Subject: [PATCH 078/305] Fill thumb_down icon on hover

---
 src/css/app.scss               | 5 +++++
 src/pages/Item/ItemRequest.vue | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/css/app.scss b/src/css/app.scss
index c6848ff63..6974676a3 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -111,6 +111,11 @@ select:-webkit-autofill {
     font-variation-settings: 'FILL' 1;
 }
 
+.fill-icon-on-hover:hover {
+    font-variation-settings: 'FILL' 1;
+    cursor: pointer;
+}
+
 .vn-table-separation-row {
     height: 16px !important;
     background-color: var(--vn-section-color) !important;
diff --git a/src/pages/Item/ItemRequest.vue b/src/pages/Item/ItemRequest.vue
index 1db1f67fc..18d86da6f 100644
--- a/src/pages/Item/ItemRequest.vue
+++ b/src/pages/Item/ItemRequest.vue
@@ -331,7 +331,7 @@ onBeforeMount(() => {
                         name="thumb_down"
                         color="primary"
                         size="sm"
-                        class="cursor-pointer"
+                        class="fill-icon-on-hover"
                         @click="showDenyRequestForm(row.id, rowIndex)"
                     >
                         <QTooltip>

From 672bc9ca9d660e306a32fbcdcff73222a30a76b5 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Tue, 23 Apr 2024 09:18:28 -0300
Subject: [PATCH 079/305] Change form model popup buttons order

---
 src/components/FormModelPopup.vue | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/FormModelPopup.vue b/src/components/FormModelPopup.vue
index 718d087fe..c5caf9778 100644
--- a/src/components/FormModelPopup.vue
+++ b/src/components/FormModelPopup.vue
@@ -76,25 +76,25 @@ defineExpose({
             <p>{{ subtitle }}</p>
             <slot name="form-inputs" :data="data" :validate="validate" />
             <div class="q-mt-lg row justify-end">
-                <QBtn
-                    :label="t('globals.save')"
-                    :title="t('globals.save')"
-                    type="submit"
-                    color="primary"
-                    :disabled="isLoading"
-                    :loading="isLoading"
-                />
                 <QBtn
                     :label="t('globals.cancel')"
                     :title="t('globals.cancel')"
                     type="reset"
                     color="primary"
                     flat
-                    class="q-ml-sm"
                     :disabled="isLoading"
                     :loading="isLoading"
                     v-close-popup
                 />
+                <QBtn
+                    :label="t('globals.save')"
+                    :title="t('globals.save')"
+                    type="submit"
+                    color="primary"
+                    class="q-ml-sm"
+                    :disabled="isLoading"
+                    :loading="isLoading"
+                />
             </div>
         </template>
     </FormModel>

From f3b5bf7f4b1847286738ce6225ec4b70c5fba628 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Tue, 23 Apr 2024 15:34:52 -0300
Subject: [PATCH 080/305] Item list filter

---
 src/composables/useArrayData.js   |   7 +-
 src/pages/Item/ItemList.vue       |   2 +-
 src/pages/Item/ItemListFilter.vue | 230 +++++++++++++++++++++---------
 src/router/modules/item.js        |   1 +
 4 files changed, 171 insertions(+), 69 deletions(-)

diff --git a/src/composables/useArrayData.js b/src/composables/useArrayData.js
index 998ee0576..04d7bfef7 100644
--- a/src/composables/useArrayData.js
+++ b/src/composables/useArrayData.js
@@ -156,9 +156,10 @@ export function useArrayData(key, userOptions) {
                 delete store.userParams[param];
                 delete params[param];
                 if (store.filter?.where) {
-                    delete store.filter.where[
-                        Object.keys(exprBuilder ? exprBuilder(param) : param)[0]
-                    ];
+                    const key = Object.keys(
+                        exprBuilder && exprBuilder(param) ? exprBuilder(param) : param
+                    );
+                    if (key[0]) delete store.filter.where[key[0]];
                     if (Object.keys(store.filter.where).length === 0) {
                         delete store.filter.where;
                     }
diff --git a/src/pages/Item/ItemList.vue b/src/pages/Item/ItemList.vue
index 9c1ab9df6..3b3697612 100644
--- a/src/pages/Item/ItemList.vue
+++ b/src/pages/Item/ItemList.vue
@@ -70,7 +70,7 @@ const exprBuilder = (param, value) => {
     }
 };
 
-const params = reactive({});
+const params = reactive({ isFloramondo: false, isActive: true });
 
 const applyColumnFilter = async (col) => {
     try {
diff --git a/src/pages/Item/ItemListFilter.vue b/src/pages/Item/ItemListFilter.vue
index a99811e2f..ad6167014 100644
--- a/src/pages/Item/ItemListFilter.vue
+++ b/src/pages/Item/ItemListFilter.vue
@@ -4,13 +4,14 @@ import { useI18n } from 'vue-i18n';
 import { onMounted } from 'vue';
 import { useStateStore } from 'stores/useStateStore';
 
+import FetchData from 'components/FetchData.vue';
 import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
 import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
 import VnInput from 'src/components/common/VnInput.vue';
-import FetchData from 'components/FetchData.vue';
-import VnInputDate from 'src/components/common/VnInputDate.vue';
+import { QCheckbox } from 'quasar';
 
 import { useArrayData } from 'composables/useArrayData';
+import { useValidator } from 'src/composables/useValidator';
 import axios from 'axios';
 
 const { t } = useI18n();
@@ -23,6 +24,7 @@ const props = defineProps({
 });
 
 const stateStore = useStateStore();
+const validationsStore = useValidator();
 
 const itemTypesRef = ref(null);
 const categoriesOptions = ref([]);
@@ -30,19 +32,27 @@ const itemTypesOptions = ref([]);
 const buyersOptions = ref([]);
 const suppliersOptions = ref([]);
 const tagValues = ref([]);
+const fieldFiltersValues = ref([]);
+const moreFields = ref([]);
 
 const arrayData = useArrayData(props.dataKey);
-const itemTypesFilter = computed(() => {
-    return {
-        fields: ['id', 'name', 'categoryFk'],
-        include: 'category',
-        order: 'name ASC',
-        where: { categoryFk: arrayData.store?.userParams?.categoryFk },
-    };
-});
+const itemTypesFilter = {
+    fields: ['id', 'name', 'categoryFk'],
+    include: 'category',
+    order: 'name ASC',
+    where: {},
+};
 
-// TODO: checkear este watch que fetchee cuando cambie categoryFk
-watch(itemTypesFilter.value.where.categoryFk, () => itemTypesRef.value.fetch());
+const onCategoryChange = async (categoryFk, search) => {
+    if (!categoryFk) {
+        itemTypesFilter.where.categoryFk = null;
+        delete itemTypesFilter.where.categoryFk;
+    } else {
+        itemTypesFilter.where.categoryFk = categoryFk;
+    }
+    search();
+    await itemTypesRef.value.fetch();
+};
 
 const getSelectedTagValues = async (tag) => {
     try {
@@ -62,45 +72,60 @@ const getSelectedTagValues = async (tag) => {
     }
 };
 
-// const applyColumnFilter = async (col) => {
-//     try {
-//         params[col.field] = col.columnFilter.filterValue;
-//         await arrayData.addFilter({ params });
-//     } catch (err) {
-//         console.error('Error applying column filter', err);
-//     }
-// };
-
-const applyTags = () => {
-    // params.tags = tagValues.value
-    //     .filter((tag) => tag.selectedTag && tag.value)
-    //     .map((tag) => ({
-    //         tagFk: tag.selectedTag.id,
-    //         tagName: tag.selectedTag.name,
-    //         value: tag.value,
-    //     }));
-    console.log('apply tags');
-    const params = {
-        tags: tagValues.value
-            .filter((tag) => tag.selectedTag && tag.value)
-            .map((tag) => ({
-                tagFk: tag.selectedTag.id,
-                tagName: tag.selectedTag.name,
-                value: tag.value,
-            })),
-    };
-    console.log('params:: ', params);
-    arrayData.addFilter({ params });
-    // search();
+const applyTags = (params, search) => {
+    params.tags = tagValues.value
+        .filter((tag) => tag.selectedTag && tag.value)
+        .map((tag) => ({
+            tagFk: tag.selectedTag.id,
+            tagName: tag.selectedTag.name,
+            value: tag.value,
+        }));
+    search();
 };
 
 const removeTag = (index, params, search) => {
     (tagValues.value || []).splice(index, 1);
-    // applyTags(params, search);
+    applyTags(params, search);
+};
+
+const applyFieldFilters = (params) => {
+    fieldFiltersValues.value.forEach((fieldFilter) => {
+        if (
+            fieldFilter.selectedField &&
+            (fieldFilter.value !== null ||
+                fieldFilter.value !== '' ||
+                fieldFilter.value !== undefined)
+        ) {
+            params[fieldFilter.name] = fieldFilter.value;
+        }
+    });
+    arrayData.applyFilter({ params });
+};
+
+const removeFieldFilter = (index, params, search) => {
+    delete params[fieldFiltersValues.value[index].name];
+    (fieldFiltersValues.value || []).splice(index, 1);
+    applyFieldFilters(params, search);
 };
 
 onMounted(async () => {
     stateStore.rightDrawer = true;
+    if (arrayData.store?.userParams?.categoryFk)
+        itemTypesFilter.where.categoryFk = arrayData.store?.userParams?.categoryFk;
+    await itemTypesRef.value.fetch();
+    const { models } = validationsStore;
+    const properties = models.Item?.properties || {};
+
+    const _moreFields = ['id', 'description', 'name', 'isActive'];
+
+    _moreFields.forEach((field) => {
+        let prop = properties[field];
+        moreFields.value.push({
+            name: field,
+            label: prop ? prop.description : field,
+            type: prop ? prop.type : null,
+        });
+    });
 });
 </script>
 
@@ -116,7 +141,6 @@ onMounted(async () => {
         url="ItemTypes"
         :filter="itemTypesFilter"
         @on-fetch="(data) => (itemTypesOptions = data)"
-        auto-load
     />
     <FetchData
         url="TicketRequests/getItemTypeWorker"
@@ -126,7 +150,7 @@ onMounted(async () => {
     />
     <FetchData
         url="Suppliers"
-        :filter="{ fields: ['name', 'nickname'], order: 'name ASC' }"
+        :filter="{ fields: ['id', 'name', 'nickname'], order: 'name ASC' }"
         @on-fetch="(data) => (suppliersOptions = data)"
         auto-load
     />
@@ -136,16 +160,16 @@ onMounted(async () => {
         auto-load
         @on-fetch="(data) => (tagOptions = data)"
     />
-    <!-- <pre>categoryFkparam:: {{ itemTypesFilter }}</pre> -->
-    <!-- <pre>{{ tagValues }}</pre> -->
-    <VnFilterPanel :data-key="props.dataKey" :search-button="true">
+    <pre>{{ itemTypesFilter }}</pre>
+    <VnFilterPanel
+        :data-key="props.dataKey"
+        :search-button="true"
+        :hidden-tags="tagValues.length === 0 ? ['tags'] : []"
+    >
         <template #tags="{ tag, formatFn }">
-            <div v-if="tag.label !== 'tags'" class="q-gutter-x-xs">
-                <strong>{{ t(`params.${tag.label}`) }}: </strong>
-                <span>{{ formatFn(tag.value) }}</span>
-            </div>
-            <div v-else class="q-gutter-x-xs">
-                <strong>{{ t('params.tags') }} </strong>
+            <div>
+                <strong>{{ t(`params.${tag.label}`) }}</strong>
+                <span v-if="tag.label !== 'tags'">: {{ formatFn(tag.value) }}</span>
             </div>
         </template>
         <template #body="{ params, searchFn }">
@@ -163,7 +187,9 @@ onMounted(async () => {
                     <VnSelectFilter
                         :label="t('params.categoryFk')"
                         v-model="params.categoryFk"
-                        @update:model-value="searchFn()"
+                        @update:model-value="
+                            ($event) => onCategoryChange($event, searchFn)
+                        "
                         :options="categoriesOptions"
                         option-value="id"
                         option-label="name"
@@ -243,6 +269,7 @@ onMounted(async () => {
                     </VnSelectFilter>
                 </QItemSection>
             </QItem>
+            <!-- Tags filter -->
             <QItem class="row items-center">
                 <QItemLabel>
                     {{ t('params.tags') }}
@@ -290,7 +317,7 @@ onMounted(async () => {
                         use-input
                         :disable="!tag"
                         :is-clearable="false"
-                        @update:model-value="applyTags()"
+                        @update:model-value="applyTags(params, searchFn)"
                     />
                     <VnInput
                         v-else
@@ -299,7 +326,7 @@ onMounted(async () => {
                         :disable="!tag"
                         is-outlined
                         :is-clearable="false"
-                        @keyup.enter="applyTags()"
+                        @keydown.enter.prevent="applyTags(params, searchFn)"
                     />
                 </QItemSection>
                 <QIcon
@@ -310,16 +337,78 @@ onMounted(async () => {
                     @click="removeTag(index, params, searchFn)"
                 />
             </QItem>
-
-            <!-- <QItem>
-                <QItemSection>
-                    <QCheckbox
-                        :label="t('params.isOrdered')"
-                        v-model="params.isOrdered"
-                        toggle-indeterminate
+            <!-- Filter fields -->
+            <QItem class="row items-center">
+                <QItemLabel>
+                    {{ t('More fields') }}
+                </QItemLabel>
+                <QIcon
+                    name="add_circle"
+                    class="fill-icon-on-hover q-ml-md"
+                    size="sm"
+                    color="primary"
+                    @click="fieldFiltersValues.push({})"
+                />
+            </QItem>
+            <QItem
+                v-for="(fieldFilter, index) in fieldFiltersValues"
+                :key="index"
+                class="row items-center"
+            >
+                <QItemSection class="col">
+                    <VnSelectFilter
+                        :label="t('params.tag')"
+                        v-model="fieldFilter.name"
+                        :options="moreFields"
+                        option-label="label"
+                        dense
+                        outlined
+                        rounded
+                        :emit-value="false"
+                        use-input
+                        :is-clearable="false"
+                        @update:model-value="
+                            ($event) => {
+                                fieldFilter.name = $event.name;
+                                fieldFilter.selectedField = $event;
+                            }
+                        "
                     />
                 </QItemSection>
-            </QItem> -->
+                <QItemSection class="col">
+                    <QCheckbox
+                        v-if="fieldFilter.selectedField?.type === 'boolean'"
+                        v-model="fieldFilter.value"
+                        :label="t('params.value')"
+                        @update:model-value="applyFieldFilters(params, searchFn)"
+                    />
+                    <VnInput
+                        v-else
+                        v-model="fieldFilter.value"
+                        :label="t('params.value')"
+                        :disable="!fieldFilter.selectedField"
+                        is-outlined
+                        @keydown.enter="applyFieldFilters(params, searchFn)"
+                    />
+                </QItemSection>
+                <QIcon
+                    name="delete"
+                    class="fill-icon-on-hover q-ml-xs"
+                    size="sm"
+                    color="primary"
+                    @click="removeFieldFilter(index, params, searchFn)"
+                />
+            </QItem>
+            <QItem>
+                <QItemSection>
+                    <QCheckbox
+                        :label="t('params.isFloramondo')"
+                        v-model="params.isFloramondo"
+                        toggle-indeterminate
+                        @update:model-value="searchFn()"
+                    />
+                </QItemSection>
+            </QItem>
         </template>
     </VnFilterPanel>
 </template>
@@ -335,7 +424,13 @@ en:
         tags: Tags
         tag: Tag
         value: Value
+        isFloramondo: Floramondo
+        isActive: Active
+        description: Description
+        name: Name
+        id: ID
 es:
+    More fields: Más campos
     params:
         search: Búsqueda general
         categoryFk: Reino
@@ -345,4 +440,9 @@ es:
         tags: Etiquetas
         tag: Etiqueta
         value: Valor
+        isFloramondo: Floramondo
+        isActive: Activo
+        description: Descripción
+        name: Nombre
+        id: ID
 </i18n>
diff --git a/src/router/modules/item.js b/src/router/modules/item.js
index 41f3ec92a..a9e7090b3 100644
--- a/src/router/modules/item.js
+++ b/src/router/modules/item.js
@@ -6,6 +6,7 @@ export default {
     meta: {
         title: 'items',
         icon: 'vn:item',
+        moduleName: 'Item',
     },
     component: RouterView,
     redirect: { name: 'ItemMain' },

From 42fe189e9f6b222cb6a1c81d916dfd82cbec5601 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Tue, 23 Apr 2024 16:45:28 -0300
Subject: [PATCH 081/305] Add module name in Item router file

---
 src/router/modules/item.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/router/modules/item.js b/src/router/modules/item.js
index 17e9b7673..70d49c56c 100644
--- a/src/router/modules/item.js
+++ b/src/router/modules/item.js
@@ -6,6 +6,7 @@ export default {
     meta: {
         title: 'items',
         icon: 'vn:item',
+        moduleName: 'Item',
     },
     component: RouterView,
     redirect: { name: 'ItemMain' },

From 1ea74d06392cc78fb1e71e454bdd77ca91d7e230 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Wed, 24 Apr 2024 07:55:01 +0200
Subject: [PATCH 082/305] fix: minor updates

---
 src/components/FormModelPopup.vue      | 9 +--------
 src/components/RegularizeStockForm.vue | 1 +
 2 files changed, 2 insertions(+), 8 deletions(-)

diff --git a/src/components/FormModelPopup.vue b/src/components/FormModelPopup.vue
index 74abd2726..c5caf9778 100644
--- a/src/components/FormModelPopup.vue
+++ b/src/components/FormModelPopup.vue
@@ -76,14 +76,6 @@ defineExpose({
             <p>{{ subtitle }}</p>
             <slot name="form-inputs" :data="data" :validate="validate" />
             <div class="q-mt-lg row justify-end">
-                <QBtn
-                    :label="t('globals.save')"
-                    :title="t('globals.save')"
-                    type="submit"
-                    color="primary"
-                    :disabled="isLoading"
-                    :loading="isLoading"
-                />
                 <QBtn
                     :label="t('globals.cancel')"
                     :title="t('globals.cancel')"
@@ -96,6 +88,7 @@ defineExpose({
                 />
                 <QBtn
                     :label="t('globals.save')"
+                    :title="t('globals.save')"
                     type="submit"
                     color="primary"
                     class="q-ml-sm"
diff --git a/src/components/RegularizeStockForm.vue b/src/components/RegularizeStockForm.vue
index 28236be17..fd8e3c37a 100644
--- a/src/components/RegularizeStockForm.vue
+++ b/src/components/RegularizeStockForm.vue
@@ -54,6 +54,7 @@ const onDataSaved = (data) => {
                     <QInput
                         :label="t('Type the visible quantity')"
                         v-model.number="data.quantity"
+                        autofocus
                     />
                 </div>
             </VnRow>

From 1206cc2292a9f0f47af23a35a521e12c5bfbf197 Mon Sep 17 00:00:00 2001
From: alexm <alexm@verdnatura.es>
Date: Wed, 24 Apr 2024 08:11:33 +0200
Subject: [PATCH 083/305] warmFix: duplicated button after merge min

---
 src/components/FormModelPopup.vue | 10 +---------
 1 file changed, 1 insertion(+), 9 deletions(-)

diff --git a/src/components/FormModelPopup.vue b/src/components/FormModelPopup.vue
index 74abd2726..e0a60fadc 100644
--- a/src/components/FormModelPopup.vue
+++ b/src/components/FormModelPopup.vue
@@ -76,14 +76,6 @@ defineExpose({
             <p>{{ subtitle }}</p>
             <slot name="form-inputs" :data="data" :validate="validate" />
             <div class="q-mt-lg row justify-end">
-                <QBtn
-                    :label="t('globals.save')"
-                    :title="t('globals.save')"
-                    type="submit"
-                    color="primary"
-                    :disabled="isLoading"
-                    :loading="isLoading"
-                />
                 <QBtn
                     :label="t('globals.cancel')"
                     :title="t('globals.cancel')"
@@ -96,9 +88,9 @@ defineExpose({
                 />
                 <QBtn
                     :label="t('globals.save')"
+                    :title="t('globals.save')"
                     type="submit"
                     color="primary"
-                    class="q-ml-sm"
                     :disabled="isLoading"
                     :loading="isLoading"
                 />

From 39685c222f5e83354568b005b16d813c512a5dfb Mon Sep 17 00:00:00 2001
From: Jon <jon@verdnatura.es>
Date: Wed, 24 Apr 2024 09:14:35 +0200
Subject: [PATCH 084/305] refactor: refs #6899 fixed css and minor changes

---
 src/css/app.scss                                 | 3 ---
 src/pages/InvoiceOut/Card/InvoiceOutSummary.vue  | 7 ++++++-
 src/pages/InvoiceOut/InvoiceOutNegativeBases.vue | 8 ++++----
 3 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/css/app.scss b/src/css/app.scss
index 4bc4ded9a..9edf19d06 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -145,9 +145,6 @@ select:-webkit-autofill {
     }
 }
 
-.q-btn {
-    text-transform: none;
-}
 .tr-header {
     color: var(--vn-label-color);
 }
diff --git a/src/pages/InvoiceOut/Card/InvoiceOutSummary.vue b/src/pages/InvoiceOut/Card/InvoiceOutSummary.vue
index 4c6e1dc56..e98de6b30 100644
--- a/src/pages/InvoiceOut/Card/InvoiceOutSummary.vue
+++ b/src/pages/InvoiceOut/Card/InvoiceOutSummary.vue
@@ -171,7 +171,7 @@ const ticketsColumns = ref([
                     </template>
                     <template #body-cell-quantity="{ value, row }">
                         <QTd>
-                            <QBtn flat color="primary" dense>
+                            <QBtn class="no-uppercase" flat color="primary" dense>
                                 {{ value }}
                                 <CustomerDescriptorProxy :id="row.id" />
                             </QBtn>
@@ -182,3 +182,8 @@ const ticketsColumns = ref([
         </template>
     </CardSummary>
 </template>
+<style lang="scss" scoped>
+.no-uppercase {
+    text-transform: none;
+}
+</style>
diff --git a/src/pages/InvoiceOut/InvoiceOutNegativeBases.vue b/src/pages/InvoiceOut/InvoiceOutNegativeBases.vue
index 36180a2e7..182de2c83 100644
--- a/src/pages/InvoiceOut/InvoiceOutNegativeBases.vue
+++ b/src/pages/InvoiceOut/InvoiceOutNegativeBases.vue
@@ -119,8 +119,8 @@ const columns = computed(() => [
     },
     {
         label: t('invoiceOut.negativeBases.comercial'),
-        field: 'workerSocialName',
-        name: 'comercial',
+        field: 'workerName',
+        name: 'worker',
         align: 'left',
     },
 ]);
@@ -181,10 +181,10 @@ const downloadCSV = async () => {
                     <TicketDescriptorProxy :id="row.ticketFk" />
                 </QTd>
             </template>
-            <template #body-cell-comercial="{ row }">
+            <template #body-cell-worker="{ row }">
                 <QTd>
                     <QBtn class="no-uppercase" flat dense color="blue">{{
-                        row.workerSocial
+                        row.workerName
                     }}</QBtn>
                     <WorkerDescriptorProxy :id="row.comercialId" />
                 </QTd>

From 6391ed1360aa7092e026245a7dbc03cfbc97cc06 Mon Sep 17 00:00:00 2001
From: jcasado <jcasado.verdnatura@gmail.com>
Date: Wed, 24 Apr 2024 11:26:32 +0200
Subject: [PATCH 085/305] refs #6697 changes claim

---
 src/pages/Claim/Card/ClaimLines.vue       | 3 ---
 src/pages/Claim/Card/ClaimLinesImport.vue | 2 +-
 2 files changed, 1 insertion(+), 4 deletions(-)

diff --git a/src/pages/Claim/Card/ClaimLines.vue b/src/pages/Claim/Card/ClaimLines.vue
index 4a1d9c9d0..6fda6c3cc 100644
--- a/src/pages/Claim/Card/ClaimLines.vue
+++ b/src/pages/Claim/Card/ClaimLines.vue
@@ -20,7 +20,6 @@ const { t } = useI18n();
 const stateStore = useStateStore();
 const arrayData = useArrayData('ClaimLines');
 const store = arrayData.store;
-let claimedDefault = 0;
 const claimFilter = {
     fields: ['ticketFk'],
 };
@@ -79,7 +78,6 @@ const columns = computed(() => [
         label: t('Claimed'),
         field: (row) => row.quantity,
         sortable: true,
-        default: 0,
     },
     {
         name: 'description',
@@ -282,7 +280,6 @@ function showImportDialog() {
                                                         {{ column.value }}
                                                         <QPopupEdit
                                                             v-model="props.row.quantity"
-                                                            v-slot="scope"
                                                             :title="t('Claimed quantity')"
                                                             @update:model-value="
                                                                 updateQuantity(props.row)
diff --git a/src/pages/Claim/Card/ClaimLinesImport.vue b/src/pages/Claim/Card/ClaimLinesImport.vue
index be8914eec..77a7d542d 100644
--- a/src/pages/Claim/Card/ClaimLinesImport.vue
+++ b/src/pages/Claim/Card/ClaimLinesImport.vue
@@ -34,6 +34,7 @@ const columns = computed(() => [
         label: t('Quantity'),
         field: (row) => row.quantity,
         sortable: true,
+        default: 0,
     },
     {
         name: 'description',
@@ -74,7 +75,6 @@ async function importLines() {
     const body = sales.map((row) => ({
         claimFk: route.params.id,
         saleFk: row.saleFk,
-        quantity: row.quantity,
     }));
 
     canceller = new AbortController();

From 82300fd292307a89a5397397db44add3f1ca6b17 Mon Sep 17 00:00:00 2001
From: Jon <jon@verdnatura.es>
Date: Wed, 24 Apr 2024 11:31:37 +0200
Subject: [PATCH 086/305] refactor: refs #7239 changed french translations

---
 src/components/common/VnSmsDialog.vue | 39 ++++++++++++++++-----------
 1 file changed, 24 insertions(+), 15 deletions(-)

diff --git a/src/components/common/VnSmsDialog.vue b/src/components/common/VnSmsDialog.vue
index 59021cef4..4306beb4c 100644
--- a/src/components/common/VnSmsDialog.vue
+++ b/src/components/common/VnSmsDialog.vue
@@ -21,7 +21,8 @@ const props = defineProps({
     },
     template: {
         type: String,
-        required: true,
+        required: false,
+        default: '',
     },
     locale: {
         type: String,
@@ -49,7 +50,7 @@ updateMessage();
 
 function updateMessage() {
     const params = props.data;
-    const key = `templates['${props.template}']`;
+    const key = props.template ? `templates['${props.template}']` : '';
 
     message.value = t(key, params, { locale: locale.value });
 }
@@ -104,15 +105,14 @@ async function send() {
                     map-options
                     :input-debounce="0"
                     rounded
-                    outlined
                     dense
                 />
             </QCardSection>
             <QCardSection class="q-pb-xs">
-                <VnInput :label="t('Phone')" v-model="phone" is-outlined />
+                <VnInput :label="t('Phone')" v-model="phone" />
             </QCardSection>
             <QCardSection class="q-pb-xs">
-                <VnInput v-model="subject" :label="t('Subject')" is-outlined />
+                <VnInput v-model="subject" :label="t('Subject')" />
             </QCardSection>
             <QCardSection class="q-mb-md" q-input>
                 <QInput
@@ -125,7 +125,6 @@ async function send() {
                     :bottom-slots="true"
                     :rules="[(value) => value.length < maxLength || 'Error!']"
                     stack-label
-                    outlined
                     autofocus
                 >
                     <template #append>
@@ -135,6 +134,11 @@ async function send() {
                             @click="message = ''"
                             class="cursor-pointer"
                         />
+                        <QIcon name="info" class="cursor-pointer">
+                            <QTooltip>
+                                {{ t('messageTooltip') }}
+                            </QTooltip>
+                        </QIcon>
                     </template>
                     <template #counter>
                         <QChip :color="color" dense>
@@ -184,18 +188,20 @@ en:
     es: Spanish
     fr: French
     pt: Portuguese
+    messageTooltip: Special characters like accents counts as multiple
 es:
     Send SMS: Enviar SMS
     Language: Idioma
     Phone: Móvil
     Subject: Asunto
     Message: Mensaje
+    messageTooltip: Carácteres especiales como acentos cuentan como varios
     templates:
         pendingPayment: 'Su pedido está pendiente de pago.
             Por favor, entre en la página web y efectue el pago con tarjeta. Muchas gracias.'
         minAmount: 'Es necesario un importe mínimo de 50€ (Sin IVA) en su pedido
-            { orderId } del día { shipped } para recibirlo sin portes adicionales.'
-        orderChanges: 'Pedido {orderId} día { shipped }: { changes }'
+            { orderId } con llegada { landing } para recibirlo sin portes adicionales.'
+        orderChanges: 'Pedido {orderId} con llegada estimada día { landing }: { changes }'
     en: Inglés
     es: Español
     fr: Francés
@@ -207,12 +213,14 @@ fr:
     Phone: Mobile
     Subject: Affaire
     Message: Message
+    messageTooltip: Les caractères spéciaux comme les accents comptent comme plusieurs
     templates:
-        pendingPayment: 'Votre commande est en attente de paiement.
-            Veuillez vous connecter sur le site web et effectuer le paiement par carte. Merci beaucoup.'
-        minAmount: 'Un montant minimum de 50€ (TVA non incluse) est requis pour votre commande
-            { orderId } du { shipped } afin de la recevoir sans frais de port supplémentaires.'
-        orderChanges: 'Commande { orderId } du { shipped }: { changes }'
+        pendingPayment: 'Verdnatura : Commande en attente de règlement. Veuillez régler votre commande avant 9h.
+            Sinon elle sera décalée en fonction de vos jours de livraison . Merci'
+        minAmount: 'Verdnatura vous rappelle :
+            Montant minimum nécessaire de 50 euros pour recevoir la commande { orderId } livraison { landing }.
+            Merci.'
+        orderChanges: 'Commande {orderId} livraison {landing} indisponible/s. Désolés pour le dérangement.'
     en: Anglais
     es: Espagnol
     fr: Français
@@ -224,12 +232,13 @@ pt:
     Phone: Móvel
     Subject: Assunto
     Message: Mensagem
+    messageTooltip: Caracteres especiais como acentos contam como vários
     templates:
         pendingPayment: 'Seu pedido está pendente de pagamento.
             Por favor, acesse o site e faça o pagamento com cartão. Muito obrigado.'
         minAmount: 'É necessário um valor mínimo de 50€ (sem IVA) em seu pedido
-            { orderId } do dia { shipped } para recebê-lo sem custos de envio adicionais.'
-        orderChanges: 'Pedido { orderId } dia { shipped }: { changes }'
+            { orderId } do dia { landing } para recebê-lo sem custos de envio adicionais.'
+        orderChanges: 'Pedido { orderId } com chegada dia { landing }: { changes }'
     en: Inglês
     es: Espanhol
     fr: Francês

From c9ab98471e0f93803a1e460dfbba77581ce7a2c1 Mon Sep 17 00:00:00 2001
From: jcasado <jcasado.verdnatura@gmail.com>
Date: Wed, 24 Apr 2024 12:01:55 +0200
Subject: [PATCH 087/305] refs #6697 fix changes

---
 src/pages/Claim/Card/ClaimLines.vue | 285 +++++++++++++---------------
 1 file changed, 129 insertions(+), 156 deletions(-)

diff --git a/src/pages/Claim/Card/ClaimLines.vue b/src/pages/Claim/Card/ClaimLines.vue
index 3039923be..c4a7db201 100644
--- a/src/pages/Claim/Card/ClaimLines.vue
+++ b/src/pages/Claim/Card/ClaimLines.vue
@@ -20,6 +20,7 @@ const { t } = useI18n();
 const stateStore = useStateStore();
 const arrayData = useArrayData('ClaimLines');
 const store = arrayData.store;
+
 const claimFilter = {
     fields: ['ticketFk'],
 };
@@ -179,163 +180,135 @@ function saveWhenHasChanges() {
         @on-fetch="onFetchClaim"
         auto-load
     />
-    <div class="column items-center">
-        <div class="list">
-            <CrudModel
-                data-key="ClaimLines"
-                ref="claimLinesForm"
-                :url="`Claims/${route.params.id}/lines`"
-                save-url="ClaimBeginnings/crud"
-                :filter="linesFilter"
-                @on-fetch="onFetch"
-                @save-changes="onFetch"
-                v-model:selected="selected"
-                :default-save="false"
-                :default-reset="false"
-                auto-load
-            >
-                <template #body="{ rows }">
-                    <QTable
-                        :columns="columns"
-                        :rows="rows"
-                        :dense="$q.screen.lt.md"
-                        :pagination="{ rowsPerPage: 0 }"
-                        row-key="id"
-                        selection="multiple"
-                        v-model:selected="selected"
-                        hide-pagination
-                        :grid="$q.screen.lt.md"
-                    >
-                        <template #body-cell-claimed="{ row, value }">
-                            <QTd auto-width align="right" class="text-primary">
-                                <span>{{ value }}</span>
-
-                                <QPopupEdit
-                                    v-model="row.quantity"
-                                    v-slot="scope"
-                                    :title="t('Claimed quantity')"
-                                    @update:model-value="updateQuantity(row)"
-                                    buttons
-                                >
-                                    <QInput
-                                        v-model="scope.value"
-                                        type="number"
-                                        dense
-                                        autofocus
-                                        @keyup.enter="scope.set"
-                                        @focus="($event) => $event.target.select()"
-                                    />
-                                </QPopupEdit>
-                            </QTd>
-                        </template>
-                        <template #body-cell-description="{ row, value }">
-                            <QTd auto-width align="right" class="text-primary">
-                                {{ value }}
-                                <ItemDescriptorProxy
-                                    :id="row.sale.itemFk"
-                                ></ItemDescriptorProxy>
-                            </QTd>
-                        </template>
-                        <template #body-cell-discount="{ row, value, rowIndex }">
-                            <QTd auto-width align="right" class="text-primary">
-                                {{ value }}
-                                <VnDiscount
-                                    :quantity="row.quantity"
-                                    :price="row.sale.price"
-                                    :discount="row.sale.discount"
-                                    :mana="mana"
-                                    :promise="updateDiscount"
-                                    :data="{ saleFk: row.sale.id, rowIndex: rowIndex }"
-                                    @on-update="onUpdateDiscount"
-                                />
-                            </QTd>
-                        </template>
-                        <!-- View for grid mode -->
-                        <template #item="props">
-                            <div
-                                class="q-mb-md col-12 grid-style-transition"
-                                :style="props.selected ? 'transform: scale(0.95);' : ''"
-                            >
-                                <QCard>
-                                    <QCardSection>
-                                        <QCheckbox v-model="props.selected" />
-                                    </QCardSection>
-                                    <QSeparator inset />
-                                    <QList dense>
-                                        <QItem
-                                            v-for="column of props.cols"
-                                            :key="column.name"
-                                        >
-                                            <QItemSection>
-                                                <QItemLabel caption>
-                                                    {{ column.label }}
+    <div class="q-pa-md">
+        <CrudModel
+            data-key="ClaimLines"
+            ref="claimLinesForm"
+            :url="`Claims/${route.params.id}/lines`"
+            save-url="ClaimBeginnings/crud"
+            :filter="linesFilter"
+            @on-fetch="onFetch"
+            @save-changes="onFetch"
+            v-model:selected="selected"
+            :default-save="false"
+            :default-reset="false"
+            auto-load
+            :limit="0"
+        >
+            <template #body="{ rows }">
+                <QTable
+                    :columns="columns"
+                    :rows="rows"
+                    :dense="$q.screen.lt.md"
+                    row-key="id"
+                    selection="multiple"
+                    v-model:selected="selected"
+                    :grid="$q.screen.lt.md"
+                >
+                    <template #body-cell-claimed="{ row }">
+                        <QTd auto-width align="right" class="text-primary">
+                            <QInput
+                                v-model="row.quantity"
+                                type="number"
+                                dense
+                                @keyup.enter="saveWhenHasChanges()"
+                                @blur="saveWhenHasChanges()"
+                            />
+                        </QTd>
+                    </template>
+                    <template #body-cell-description="{ row, value }">
+                        <QTd auto-width align="right" class="text-primary">
+                            {{ value }}
+                            <ItemDescriptorProxy
+                                :id="row.sale.itemFk"
+                            ></ItemDescriptorProxy>
+                        </QTd>
+                    </template>
+                    <template #body-cell-discount="{ row, value, rowIndex }">
+                        <QTd auto-width align="right" class="text-primary">
+                            {{ value }}
+                            <VnDiscount
+                                :quantity="row.quantity"
+                                :price="row.sale.price"
+                                :discount="row.sale.discount"
+                                :mana="mana"
+                                :promise="updateDiscount"
+                                :data="{ saleFk: row.sale.id, rowIndex: rowIndex }"
+                                @on-update="onUpdateDiscount"
+                            />
+                        </QTd>
+                    </template>
+                    <!-- View for grid mode -->
+                    <template #item="props">
+                        <div
+                            class="q-mb-md col-12 grid-style-transition"
+                            :style="props.selected ? 'transform: scale(0.95);' : ''"
+                        >
+                            <QCard>
+                                <QCardSection>
+                                    <QCheckbox v-model="props.selected" />
+                                </QCardSection>
+                                <QSeparator inset />
+                                <QList dense>
+                                    <QItem
+                                        v-for="column of props.cols"
+                                        :key="column.name"
+                                    >
+                                        <QItemSection>
+                                            <QItemLabel caption>
+                                                {{ column.label }}
+                                            </QItemLabel>
+                                        </QItemSection>
+                                        <QItemSection side>
+                                            <template v-if="column.name === 'claimed'">
+                                                <QItemLabel class="text-primary">
+                                                    <QInput
+                                                        v-model="props.row.quantity"
+                                                        type="number"
+                                                        dense
+                                                        autofocus
+                                                        @keyup.enter="
+                                                            saveWhenHasChanges()
+                                                        "
+                                                        @blur="saveWhenHasChanges()"
+                                                    />
                                                 </QItemLabel>
-                                            </QItemSection>
-                                            <QItemSection side>
-                                                <template
-                                                    v-if="column.name === 'claimed'"
-                                                >
-                                                    <QItemLabel class="text-primary">
-                                                        {{ column.value }}
-                                                        <QPopupEdit
-                                                            v-model="props.row.quantity"
-                                                            v-slot="scope"
-                                                            :title="t('Claimed quantity')"
-                                                            @update:model-value="
-                                                                updateQuantity(props.row)
-                                                            "
-                                                            buttons
-                                                        >
-                                                            <QInput
-                                                                v-model="scope.value"
-                                                                type="number"
-                                                                dense
-                                                                autofocus
-                                                                @keyup.enter="scope.set"
-                                                                @focus="
-                                                                    ($event) =>
-                                                                        $event.target.select()
-                                                                "
-                                                            />
-                                                        </QPopupEdit>
-                                                    </QItemLabel>
-                                                </template>
-                                                <template
-                                                    v-else-if="column.name === 'discount'"
-                                                >
-                                                    <QItemLabel class="text-primary">
-                                                        {{ column.value }}
-                                                        <VnDiscount
-                                                            :quantity="props.row.quantity"
-                                                            :price="props.row.sale.price"
-                                                            :discount="
-                                                                props.row.sale.discount
-                                                            "
-                                                            :mana="mana"
-                                                            :promise="updateDiscount"
-                                                            :data="{
-                                                                saleFk: props.row.sale.id,
-                                                                rowIndex: props.rowIndex,
-                                                            }"
-                                                            @on-update="onUpdateDiscount"
-                                                        />
-                                                    </QItemLabel>
-                                                </template>
-                                                <template v-else>
-                                                    <QItemLabel>
-                                                        {{ column.value }}
-                                                    </QItemLabel>
-                                                </template>
-                                            </QItemSection>
-                                        </QItem>
-                                    </QList>
-                                </QCard>
-                            </div>
-                        </template>
-                    </QTable>
-                </template>
-            </CrudModel>
-        </div>
+                                            </template>
+                                            <template
+                                                v-else-if="column.name === 'discount'"
+                                            >
+                                                <QItemLabel class="text-primary">
+                                                    {{ column.value }}
+                                                    <VnDiscount
+                                                        :quantity="props.row.quantity"
+                                                        :price="props.row.sale.price"
+                                                        :discount="
+                                                            props.row.sale.discount
+                                                        "
+                                                        :mana="mana"
+                                                        :promise="updateDiscount"
+                                                        :data="{
+                                                            saleFk: props.row.sale.id,
+                                                            rowIndex: props.rowIndex,
+                                                        }"
+                                                        @on-update="onUpdateDiscount"
+                                                    />
+                                                </QItemLabel>
+                                            </template>
+                                            <template v-else>
+                                                <QItemLabel>
+                                                    {{ column.value }}
+                                                </QItemLabel>
+                                            </template>
+                                        </QItemSection>
+                                    </QItem>
+                                </QList>
+                            </QCard>
+                        </div>
+                    </template>
+                </QTable>
+            </template>
+        </CrudModel>
     </div>
 
     <QPageSticky position="bottom-right" :offset="[25, 25]">

From a555d11663650f94f64a0619fbdb458f3a2b480e Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Wed, 24 Apr 2024 12:15:12 +0200
Subject: [PATCH 088/305] fix: #7190 test

---
 src/composables/useSession.js                 |   3 +
 src/composables/useTokenConfig.js             |   1 +
 .../__tests__/composables/useSession.spec.js  | 197 ++++++++++++------
 .../composables/useTokenConfig.spec.js        |  31 +++
 4 files changed, 167 insertions(+), 65 deletions(-)
 create mode 100644 test/vitest/__tests__/composables/useTokenConfig.spec.js

diff --git a/src/composables/useSession.js b/src/composables/useSession.js
index bd3532816..3b38cdad6 100644
--- a/src/composables/useSession.js
+++ b/src/composables/useSession.js
@@ -157,5 +157,8 @@ export function useSession() {
         destroy,
         login,
         isLoggedIn,
+        checkValidity,
+        setSession,
+        renewToken,
     };
 }
diff --git a/src/composables/useTokenConfig.js b/src/composables/useTokenConfig.js
index 600122199..5cf1b34ee 100644
--- a/src/composables/useTokenConfig.js
+++ b/src/composables/useTokenConfig.js
@@ -23,5 +23,6 @@ export function useTokenConfig() {
 
     return {
         fetch,
+        state,
     };
 }
diff --git a/test/vitest/__tests__/composables/useSession.spec.js b/test/vitest/__tests__/composables/useSession.spec.js
index 8feb5e571..2292859a9 100644
--- a/test/vitest/__tests__/composables/useSession.spec.js
+++ b/test/vitest/__tests__/composables/useSession.spec.js
@@ -1,5 +1,5 @@
-import { vi, describe, expect, it } from 'vitest';
-import { axios } from 'app/test/vitest/helper';
+import { vi, describe, expect, it, beforeAll, beforeEach } from 'vitest';
+import { axios, flushPromises } from 'app/test/vitest/helper';
 import { useSession } from 'composables/useSession';
 import { useState } from 'composables/useState';
 
@@ -63,81 +63,148 @@ describe('session', () => {
         });
     });
 
-    describe('login', () => {
-        const expectedUser = {
-            id: 999,
-            name: `T'Challa`,
-            nickname: 'Black Panther',
-            lang: 'en',
-            userConfig: {
-                darkMode: false,
-            },
-        };
-        const rolesData = [
-            {
-                role: {
-                    name: 'salesPerson',
+    describe(
+        'login',
+        () => {
+            const expectedUser = {
+                id: 999,
+                name: `T'Challa`,
+                nickname: 'Black Panther',
+                lang: 'en',
+                userConfig: {
+                    darkMode: false,
                 },
-            },
-            {
-                role: {
-                    name: 'admin',
+            };
+            const rolesData = [
+                {
+                    role: {
+                        name: 'salesPerson',
+                    },
                 },
-            },
-        ];
+                {
+                    role: {
+                        name: 'admin',
+                    },
+                },
+            ];
 
-        it('should fetch the user roles and then set token in the sessionStorage', async () => {
-            const expectedRoles = ['salesPerson', 'admin'];
-            vi.spyOn(axios, 'get').mockResolvedValue({
-                data: { roles: rolesData, user: expectedUser },
+            it('should fetch the user roles and then set token in the sessionStorage', async () => {
+                const expectedRoles = ['salesPerson', 'admin'];
+                vi.spyOn(axios, 'get').mockResolvedValue({
+                    data: { roles: rolesData, user: expectedUser },
+                });
+
+                const expectedToken = 'mySessionToken';
+                const expectedTokenMultimedia = 'mySessionTokenMultimedia';
+                const keepLogin = false;
+
+                await session.login({
+                    token: expectedToken,
+                    tokenMultimedia: expectedTokenMultimedia,
+                    keepLogin,
+                });
+
+                const roles = state.getRoles();
+                const localToken = localStorage.getItem('token');
+                const sessionToken = sessionStorage.getItem('token');
+
+                expect(roles.value).toEqual(expectedRoles);
+                expect(localToken).toBeNull();
+                expect(sessionToken).toEqual(expectedToken);
+
+                await session.destroy(); // this clears token and user for any other test
             });
 
-            const expectedToken = 'mySessionToken';
-            const expectedTokenMultimedia = 'mySessionTokenMultimedia';
-            const keepLogin = false;
+            it('should fetch the user roles and then set token in the localStorage', async () => {
+                const expectedRoles = ['salesPerson', 'admin'];
+                vi.spyOn(axios, 'get').mockResolvedValue({
+                    data: { roles: rolesData, user: expectedUser },
+                });
 
-            await session.login({
-                token: expectedToken,
-                tokenMultimedia: expectedTokenMultimedia,
-                keepLogin,
+                const expectedToken = 'myLocalToken';
+                const expectedTokenMultimedia = 'myLocalTokenMultimedia';
+                const keepLogin = true;
+
+                await session.login({
+                    token: expectedToken,
+                    tokenMultimedia: expectedTokenMultimedia,
+                    keepLogin,
+                });
+
+                const roles = state.getRoles();
+                const localToken = localStorage.getItem('token');
+                const sessionToken = sessionStorage.getItem('token');
+
+                expect(roles.value).toEqual(expectedRoles);
+                expect(localToken).toEqual(expectedToken);
+                expect(sessionToken).toBeNull();
+
+                await session.destroy(); // this clears token and user for any other test
             });
+        },
+        {}
+    );
 
-            const roles = state.getRoles();
-            const localToken = localStorage.getItem('token');
-            const sessionToken = sessionStorage.getItem('token');
-
-            expect(roles.value).toEqual(expectedRoles);
-            expect(localToken).toBeNull();
-            expect(sessionToken).toEqual(expectedToken);
-
-            await session.destroy(); // this clears token and user for any other test
+    describe('RenewToken', () => {
+        const expectedToken = 'myToken';
+        const expectedTokenMultimedia = 'myTokenMultimedia';
+        const currentDate = new Date();
+        beforeAll(() => {
+            const tokenConfig = {
+                id: 1,
+                renewPeriod: 21600,
+                courtesyTime: 60,
+                renewInterval: 300,
+            };
+            state.setTokenConfig(tokenConfig);
+            sessionStorage.setItem('renewPeriod', 1);
         });
-
-        it('should fetch the user roles and then set token in the localStorage', async () => {
-            const expectedRoles = ['salesPerson', 'admin'];
-            vi.spyOn(axios, 'get').mockResolvedValue({
-                data: { roles: rolesData, user: expectedUser },
-            });
-
-            const expectedToken = 'myLocalToken';
-            const expectedTokenMultimedia = 'myLocalTokenMultimedia';
-            const keepLogin = true;
-
-            await session.login({
+        it('NOT Should renewToken', async () => {
+            const data = {
                 token: expectedToken,
                 tokenMultimedia: expectedTokenMultimedia,
-                keepLogin,
-            });
+                keepLogin: false,
+                ttl: 1,
+                created: Date.now(),
+            };
+            session.setSession(data);
+            expect(sessionStorage.getItem('keepLogin')).toBeFalsy();
+            expect(sessionStorage.getItem('created')).toBeDefined();
+            expect(sessionStorage.getItem('ttl')).toEqual(1);
+            await session.checkValidity();
+            expect(sessionStorage.getItem('token')).toEqual(expectedToken);
+            expect(sessionStorage.getItem('tokenMultimedia')).toEqual(
+                expectedTokenMultimedia
+            );
+        });
+        it('Should renewToken', async () => {
+            currentDate.setMinutes(currentDate.getMinutes() - 100);
+            const data = {
+                token: expectedToken,
+                tokenMultimedia: expectedTokenMultimedia,
+                keepLogin: false,
+                ttl: 1,
+                created: currentDate,
+            };
+            session.setSession(data);
 
-            const roles = state.getRoles();
-            const localToken = localStorage.getItem('token');
-            const sessionToken = sessionStorage.getItem('token');
-
-            expect(roles.value).toEqual(expectedRoles);
-            expect(localToken).toEqual(expectedToken);
-            expect(sessionToken).toBeNull();
-
-            await session.destroy(); // this clears token and user for any other test
+            vi.spyOn(axios, 'post')
+                .mockResolvedValueOnce({
+                    data: { id: '' },
+                })
+                .mockResolvedValueOnce({
+                    data: {
+                        id: '',
+                    },
+                });
+            expect(sessionStorage.getItem('keepLogin')).toBeFalsy();
+            expect(sessionStorage.getItem('created')).toBeDefined();
+            expect(sessionStorage.getItem('ttl')).toEqual(1);
+            await session.checkValidity();
+            expect(sessionStorage.getItem('token')).not.toEqual(expectedToken);
+            expect(sessionStorage.getItem('tokenMultimedia')).not.toEqual(
+                expectedTokenMultimedia
+            );
         });
     });
 });
diff --git a/test/vitest/__tests__/composables/useTokenConfig.spec.js b/test/vitest/__tests__/composables/useTokenConfig.spec.js
new file mode 100644
index 000000000..a25a4abb1
--- /dev/null
+++ b/test/vitest/__tests__/composables/useTokenConfig.spec.js
@@ -0,0 +1,31 @@
+import { vi, describe, expect, it } from 'vitest';
+import { axios, flushPromises } from 'app/test/vitest/helper';
+import { useTokenConfig } from 'composables/useTokenConfig';
+const tokenConfig = useTokenConfig();
+
+describe('useTokenConfig', () => {
+    describe('fetch', () => {
+        it('should call setTokenConfig of the state with the expected data', async () => {
+            const data = {
+                id: 1,
+                renewPeriod: 21600,
+                courtesyTime: 60,
+                renewInterval: 300,
+            };
+            vi.spyOn(axios, 'get').mockResolvedValueOnce({
+                data,
+            });
+
+            vi.spyOn(tokenConfig.state, 'setTokenConfig');
+
+            tokenConfig.fetch();
+
+            await flushPromises();
+
+            expect(tokenConfig.state.setTokenConfig).toHaveBeenCalledWith(data);
+
+            const renewPeriod = sessionStorage.getItem('renewPeriod');
+            expect(renewPeriod).toEqual(data.renewPeriod);
+        });
+    });
+});

From 6961a048e506b54446be046197462c271ad38fc3 Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Wed, 24 Apr 2024 13:29:32 +0200
Subject: [PATCH 089/305] refs #6905 fix bank select

---
 src/components/UserPanel.vue | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/UserPanel.vue b/src/components/UserPanel.vue
index 5c143740e..af8689ea0 100644
--- a/src/components/UserPanel.vue
+++ b/src/components/UserPanel.vue
@@ -181,12 +181,21 @@ function copyUserToken() {
                 />
                 <VnSelectFilter
                     :label="t('components.userPanel.localBank')"
-                    hide-selected
                     v-model="user.localBankFk"
                     :options="accountBankData"
                     option-label="bank"
                     option-value="id"
-                ></VnSelectFilter>
+                >
+                    <template #option="{ itemProps, opt }">
+                        <QItem v-bind="itemProps">
+                            <QItemSection>
+                                <QItemLabel>
+                                    {{ `${opt.id}: ${opt.bank}` }}
+                                </QItemLabel>
+                            </QItemSection>
+                        </QItem>
+                    </template>
+                </VnSelectFilter>
             </VnRow>
             <VnRow>
                 <VnSelectFilter

From f4eb14f48704dd5028d1ffdb1023da5c5e29c854 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Wed, 24 Apr 2024 14:22:14 +0200
Subject: [PATCH 090/305] feat: i18n Clone

---
 src/i18n/locale/en.yml                      | 1 +
 src/i18n/locale/es.yml                      | 1 +
 src/pages/Item/Card/ItemDescriptor.vue      | 3 +--
 src/pages/Item/Card/ItemDescriptorImage.vue | 1 -
 src/pages/Item/ItemList.vue                 | 3 +--
 src/pages/Route/RouteList.vue               | 3 +--
 src/pages/Route/RouteRoadmap.vue            | 2 +-
 src/pages/Route/RouteTickets.vue            | 2 +-
 8 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index 09db311c2..69e37da0c 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -28,6 +28,7 @@ globals:
     reset: Reset
     close: Close
     cancel: Cancel
+    clone: Clone
     confirm: Confirm
     assign: Assign
     back: Back
diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index f58260519..d3a0fb820 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -28,6 +28,7 @@ globals:
     reset: Restaurar
     close: Cerrar
     cancel: Cancelar
+    clone: Clonar
     confirm: Confirmar
     assign: Asignar
     back: Volver
diff --git a/src/pages/Item/Card/ItemDescriptor.vue b/src/pages/Item/Card/ItemDescriptor.vue
index 59ac9adf9..62b54664d 100644
--- a/src/pages/Item/Card/ItemDescriptor.vue
+++ b/src/pages/Item/Card/ItemDescriptor.vue
@@ -162,7 +162,7 @@ const openCloneDialog = async () => {
             </QItem>
             <QItem v-ripple clickable @click="openCloneDialog()">
                 <QItemSection>
-                    {{ t('Clone') }}
+                    {{ t('globals.clone') }}
                 </QItemSection>
             </QItem>
         </template>
@@ -213,7 +213,6 @@ const openCloneDialog = async () => {
 <i18n>
 es:
     Regularize stock: Regularizar stock
-    Clone: Clonar
     All it's properties will be copied: Todas sus propiedades serán copiadas
     Do you want to clone this item?: ¿Desea clonar este artículo?
 </i18n>
diff --git a/src/pages/Item/Card/ItemDescriptorImage.vue b/src/pages/Item/Card/ItemDescriptorImage.vue
index 827e9096a..f16a57548 100644
--- a/src/pages/Item/Card/ItemDescriptorImage.vue
+++ b/src/pages/Item/Card/ItemDescriptorImage.vue
@@ -134,7 +134,6 @@ onMounted(async () => {
 <i18n>
 es:
     Regularize stock: Regularizar stock
-    Clone: Clonar
     All it's properties will be copied: Todas sus propiedades serán copiadas
     Do you want to clone this item?: ¿Desea clonar este artículo?
     warehouseText: Calculated on the warehouse of { warehouseName }
diff --git a/src/pages/Item/ItemList.vue b/src/pages/Item/ItemList.vue
index 3e399e29f..25dda8796 100644
--- a/src/pages/Item/ItemList.vue
+++ b/src/pages/Item/ItemList.vue
@@ -538,7 +538,7 @@ onUnmounted(() => (stateStore.rightDrawer = false));
                                 size="sm"
                             >
                                 <QTooltip>
-                                    {{ t('Clone') }}
+                                    {{ t('globals.clone') }}
                                 </QTooltip>
                             </QIcon>
                             <QIcon
@@ -572,6 +572,5 @@ es:
     New item: Nuevo artículo
     All it's properties will be copied: Todas sus propiedades serán copiadas
     Do you want to clone this item?: ¿Desea clonar este artículo?
-    Clone: Clonar
     Preview: Vista previa
 </i18n>
diff --git a/src/pages/Route/RouteList.vue b/src/pages/Route/RouteList.vue
index 773b4f773..83db8199c 100644
--- a/src/pages/Route/RouteList.vue
+++ b/src/pages/Route/RouteList.vue
@@ -213,7 +213,7 @@ const openTicketsDialog = (id) => {
             <QCardActions align="right">
                 <QBtn flat :label="t('Cancel')" v-close-popup class="text-primary" />
                 <QBtn color="primary" v-close-popup @click="cloneRoutes">
-                    {{ t('Clone') }}
+                    {{ t('globals.clone') }}
                 </QBtn>
             </QCardActions>
         </QCard>
@@ -510,7 +510,6 @@ es:
     Select the starting date: Seleccione la fecha de inicio
     Stating date: Fecha de inicio
     Cancel: Cancelar
-    Clone: Clonar
     Mark as served: Marcar como servidas
     Download selected routes as PDF: Descargar rutas seleccionadas como PDF
     Add ticket: Añadir tickets
diff --git a/src/pages/Route/RouteRoadmap.vue b/src/pages/Route/RouteRoadmap.vue
index 3fffb3829..7a7dbd948 100644
--- a/src/pages/Route/RouteRoadmap.vue
+++ b/src/pages/Route/RouteRoadmap.vue
@@ -176,7 +176,7 @@ function navigateToRoadmapSummary(event, row) {
             <QCardActions align="right">
                 <QBtn flat :label="t('Cancel')" v-close-popup class="text-primary" />
                 <QBtn color="primary" v-close-popup @click="cloneSelection">
-                    {{ t('Clone') }}
+                    {{ t('globals.clone') }}
                 </QBtn>
             </QCardActions>
         </QCard>
diff --git a/src/pages/Route/RouteTickets.vue b/src/pages/Route/RouteTickets.vue
index c1ca5507e..44818323e 100644
--- a/src/pages/Route/RouteTickets.vue
+++ b/src/pages/Route/RouteTickets.vue
@@ -251,7 +251,7 @@ const openSmsDialog = async () => {
             <QCardActions align="right">
                 <QBtn flat :label="t('Cancel')" v-close-popup class="text-primary" />
                 <QBtn color="primary" v-close-popup @click="cloneRoutes">
-                    {{ t('Clone') }}
+                    {{ t('globals.clone') }}
                 </QBtn>
             </QCardActions>
         </QCard>

From 51b432dfd0227e4f16ab2fb137e55fd003e01541 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Wed, 24 Apr 2024 14:28:20 +0200
Subject: [PATCH 091/305] fix icon

---
 src/pages/Item/ItemRequest.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/Item/ItemRequest.vue b/src/pages/Item/ItemRequest.vue
index 18d86da6f..67a107ea4 100644
--- a/src/pages/Item/ItemRequest.vue
+++ b/src/pages/Item/ItemRequest.vue
@@ -331,7 +331,7 @@ onBeforeMount(() => {
                         name="thumb_down"
                         color="primary"
                         size="sm"
-                        class="fill-icon-on-hover"
+                        class="fill-icon"
                         @click="showDenyRequestForm(row.id, rowIndex)"
                     >
                         <QTooltip>

From e6c9a692f54b610016d32b68db20e1c42185bf6c Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Wed, 24 Apr 2024 14:33:10 +0200
Subject: [PATCH 092/305] feat moduleName

---
 src/router/modules/department.js | 1 +
 src/router/modules/itemType.js   | 1 +
 src/router/modules/roadmap.js    | 1 +
 3 files changed, 3 insertions(+)

diff --git a/src/router/modules/department.js b/src/router/modules/department.js
index aaffc3460..dfd5e64ba 100644
--- a/src/router/modules/department.js
+++ b/src/router/modules/department.js
@@ -6,6 +6,7 @@ export default {
     meta: {
         title: 'department',
         icon: 'vn:greuge',
+        moduleName: 'Department',
     },
     component: RouterView,
     redirect: { name: 'DepartmentCard' },
diff --git a/src/router/modules/itemType.js b/src/router/modules/itemType.js
index 0d966c32c..32bd63690 100644
--- a/src/router/modules/itemType.js
+++ b/src/router/modules/itemType.js
@@ -6,6 +6,7 @@ export default {
     meta: {
         title: 'itemType',
         icon: 'contact_support',
+        moduleName: 'ItemType',
     },
     component: RouterView,
     redirect: { name: 'ItemTypeCard' },
diff --git a/src/router/modules/roadmap.js b/src/router/modules/roadmap.js
index 02edf94be..6b2aa6a13 100644
--- a/src/router/modules/roadmap.js
+++ b/src/router/modules/roadmap.js
@@ -6,6 +6,7 @@ export default {
     meta: {
         title: 'roadmap',
         icon: 'vn:troncales',
+        moduleName: 'Roadmap',
     },
     component: RouterView,
     redirect: { name: 'RouteMain' },

From e1f50f5daf3d017c6b8a04470822f061368b1340 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Wed, 24 Apr 2024 15:05:10 +0200
Subject: [PATCH 093/305] fix: minorchanges

---
 src/i18n/locale/es.yml                      | 2 +-
 src/pages/ItemType/Card/ItemTypeSummary.vue | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index 6d2e5c8c2..6634b6f07 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -1234,7 +1234,7 @@ itemType:
         life: Vida
         promo: Promoción
         itemPackingType: Tipo de embalaje
-        isUnconventionalSize: Es de tamaño no convencional
+        isUnconventionalSize: Es de tamaño poco convencional
 components:
     topbar: {}
     itemsFilterPanel:
diff --git a/src/pages/ItemType/Card/ItemTypeSummary.vue b/src/pages/ItemType/Card/ItemTypeSummary.vue
index b71b2acf5..393675a30 100644
--- a/src/pages/ItemType/Card/ItemTypeSummary.vue
+++ b/src/pages/ItemType/Card/ItemTypeSummary.vue
@@ -93,6 +93,7 @@ async function setItemTypeData(data) {
                     :value="itemType.itemPackingType?.description"
                 />
                 <VnLv
+                    class="large-label"
                     :label="t('itemType.summary.isUnconventionalSize')"
                     :value="itemType.isUnconventionalSize"
                 />
@@ -100,3 +101,9 @@ async function setItemTypeData(data) {
         </template>
     </CardSummary>
 </template>
+
+<style lang="scss">
+.large-label > div.label {
+    width: 15em !important;
+}
+</style>

From 934db329733c81741074a22cdb39ea37446350d6 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Wed, 24 Apr 2024 10:31:33 -0300
Subject: [PATCH 094/305] WIP

---
 src/components/CrudModel.vue     |   1 +
 src/css/app.scss                 |   5 +
 src/pages/Item/Card/ItemTags.vue | 176 ++++++++++++++++++++++++++++++-
 src/router/modules/item.js       |   4 +-
 4 files changed, 183 insertions(+), 3 deletions(-)

diff --git a/src/components/CrudModel.vue b/src/components/CrudModel.vue
index fb3ac10c3..deec0e4fe 100644
--- a/src/components/CrudModel.vue
+++ b/src/components/CrudModel.vue
@@ -81,6 +81,7 @@ defineExpose({
     hasChanges,
     saveChanges,
     getChanges,
+    formData,
 });
 
 async function fetch(data) {
diff --git a/src/css/app.scss b/src/css/app.scss
index 25b484649..9037802ad 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -119,6 +119,11 @@ select:-webkit-autofill {
     font-variation-settings: 'FILL' 1;
 }
 
+.fill-icon-on-hover:hover {
+    font-variation-settings: 'FILL' 1;
+    cursor: pointer;
+}
+
 .vn-table-separation-row {
     height: 16px !important;
     background-color: var(--vn-section-color) !important;
diff --git a/src/pages/Item/Card/ItemTags.vue b/src/pages/Item/Card/ItemTags.vue
index 95f4380e4..bf18c682c 100644
--- a/src/pages/Item/Card/ItemTags.vue
+++ b/src/pages/Item/Card/ItemTags.vue
@@ -1 +1,175 @@
-<template>Item tags (CREAR CUANDO SE DESARROLLE EL MODULO DE ITEMS)</template>
+<script setup>
+import { ref, onMounted, computed } from 'vue';
+import { useRoute } from 'vue-router';
+import { useI18n } from 'vue-i18n';
+
+import CrudModel from 'components/CrudModel.vue';
+import VnRow from 'components/ui/VnRow.vue';
+import VnInput from 'src/components/common/VnInput.vue';
+import FetchData from 'components/FetchData.vue';
+import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+
+import axios from 'axios';
+
+const route = useRoute();
+const { t } = useI18n();
+
+const itemTagsRef = ref(null);
+const tagOptions = ref([]);
+
+// const getHighestPriority = () => {
+//     let max = 0;
+//     console.log('formData:: ', itemTagsRef.value.formData);
+//     itemTagsRef.value.formData.forEach((tag) => {
+//         if (tag.priority > max) max = tag.priority;
+//     });
+//     return max + 1;
+// };
+
+const getHighestPriority = computed(() => {
+    let max = 0;
+    if (!itemTagsRef.value || !itemTagsRef.value.length) return max;
+    console.log('formData:: ', itemTagsRef.value.formData);
+    itemTagsRef.value.formData.forEach((tag) => {
+        if (tag.priority > max) max = tag.priority;
+    });
+    return max + 1;
+});
+
+const getSelectedTagValues = async (tag) => {
+    try {
+        tag.value = null;
+        const filter = {
+            fields: ['value'],
+            order: 'value ASC',
+        };
+
+        const params = { filter: JSON.stringify(filter) };
+        const { data } = await axios.get(`Tags/${tag.selectedTag.id}/filterValue`, {
+            params,
+        });
+        tag.valueOptions = data;
+    } catch (err) {
+        console.error('Error getting selected tag values');
+    }
+};
+
+onMounted(() => {
+    if (itemTagsRef.value) itemTagsRef.value.reload();
+});
+</script>
+
+<template>
+    <FetchData
+        url="Tags"
+        :filter="{ fields: ['id', 'name', 'isFree', 'sourceTable'] }"
+        @on-fetch="(data) => (tagOptions = data)"
+        auto-load
+    />
+    <div class="full-width flex justify-center">
+        <QPage class="card-width q-pa-lg">
+            <CrudModel
+                ref="itemTagsRef"
+                :data-required="{
+                    itemFk: route.params.id,
+                    priority: getHighestPriority,
+                    tag: {
+                        isFree: undefined,
+                    },
+                }"
+                :default-remove="false"
+                :filter="{
+                    fields: ['id', 'itemFk', 'tagFk', 'value', 'priority'],
+                    where: { itemFk: route.params.id },
+                    order: 'priority ASC',
+                    include: {
+                        relation: 'tag',
+                        scope: {
+                            fields: ['id', 'name', 'isFree', 'sourceTable'],
+                        },
+                    },
+                }"
+                data-key="ItemTags"
+                model="ItemTags"
+                url="ItemTags"
+                save-url="Tags/onSubmit"
+            >
+                <template #body="{ rows }">
+                    <QCard class="q-pl-lg q-py-md">
+                        <VnRow
+                            v-for="(row, index) in rows"
+                            :key="index"
+                            class="row q-gutter-md q-mb-md"
+                        >
+                            <VnSelectFilter
+                                :label="t('Tag')"
+                                v-model="row.tagFk"
+                                :options="tagOptions"
+                                option-label="name"
+                                option-value="id"
+                                hide-selected
+                                @update:model-value="getSelectedTagValues(value)"
+                            />
+                            <VnSelectFilter
+                                v-if="row.tag?.isFree === false"
+                                :label="t('Value')"
+                                v-model="row.value"
+                                option-value="value"
+                                option-label="value"
+                                emit-value
+                                use-input
+                                :is-clearable="false"
+                            />
+                            <VnInput
+                                v-if="row.tag?.isFree || row.tag?.isFree == undefined"
+                                v-model="row.value"
+                                :label="t('Value')"
+                                :is-clearable="false"
+                            />
+                            <VnInput
+                                :label="t('Relevancy')"
+                                type="number"
+                                v-model="row.priority"
+                            />
+                            <div class="col-1 row justify-center items-center">
+                                <QIcon
+                                    @click="itemTagsRef.remove([row])"
+                                    class="fill-icon-on-hover"
+                                    color="primary"
+                                    name="delete"
+                                    size="sm"
+                                >
+                                    <QTooltip>
+                                        {{ t('Remove tag') }}
+                                    </QTooltip>
+                                </QIcon>
+                            </div>
+                        </VnRow>
+                        <VnRow>
+                            <QIcon
+                                @click="itemTagsRef.insert()"
+                                class="cursor-pointer"
+                                color="primary"
+                                name="add"
+                                size="sm"
+                            >
+                                <QTooltip>
+                                    {{ t('Add tag') }}
+                                </QTooltip>
+                            </QIcon>
+                        </VnRow>
+                    </QCard>
+                </template>
+            </CrudModel>
+        </QPage>
+    </div>
+</template>
+
+<i18n>
+es:
+    Remove tag: Quitar etiqueta
+    Add tag: Añadir etiqueta
+    Tag: Etiqueta
+    Value: Valor
+    Relevancy: Relevancia
+</i18n>
diff --git a/src/router/modules/item.js b/src/router/modules/item.js
index 70d49c56c..1b582d8e4 100644
--- a/src/router/modules/item.js
+++ b/src/router/modules/item.js
@@ -12,7 +12,7 @@ export default {
     redirect: { name: 'ItemMain' },
     menus: {
         main: ['ItemList', 'WasteBreakdown', 'ItemTypeList'],
-        card: ['ItemBasicData'],
+        card: ['ItemBasicData', 'ItemTags'],
     },
     children: [
         {
@@ -98,7 +98,7 @@ export default {
                     path: 'tags',
                     name: 'ItemTags',
                     meta: {
-                        title: 'Tags',
+                        title: 'tags',
                         icon: 'vn:tags',
                     },
                     component: () => import('src/pages/Item/Card/ItemTags.vue'),

From 726699bbc5c884a3a2c3b6955d8f680953a0472c Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Wed, 24 Apr 2024 10:38:00 -0300
Subject: [PATCH 095/305] Item log

---
 src/i18n/locale/en.yml          |  1 +
 src/i18n/locale/es.yml          |  1 +
 src/pages/Item/Card/ItemLog.vue |  7 +++++++
 src/router/modules/item.js      | 12 +++++++++++-
 4 files changed, 20 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/Item/Card/ItemLog.vue

diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index 3ac3d18a0..c36903e20 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -1119,6 +1119,7 @@ item:
         tags: Tags
         wasteBreakdown: Waste breakdown
         itemCreate: New item
+        log: Log
     descriptor:
         item: Item
         buyer: Buyer
diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index 4ecbcdbc0..b20b189e4 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -1118,6 +1118,7 @@ item:
         tags: Etiquetas
         wasteBreakdown: Deglose de mermas
         itemCreate: Nuevo artículo
+        log: Historial
     descriptor:
         item: Artículo
         buyer: Comprador
diff --git a/src/pages/Item/Card/ItemLog.vue b/src/pages/Item/Card/ItemLog.vue
new file mode 100644
index 000000000..4da8063c5
--- /dev/null
+++ b/src/pages/Item/Card/ItemLog.vue
@@ -0,0 +1,7 @@
+<script setup>
+import VnLog from 'src/components/common/VnLog.vue';
+</script>
+
+<template>
+    <VnLog model="Item" url="/ItemLogs"></VnLog>
+</template>
diff --git a/src/router/modules/item.js b/src/router/modules/item.js
index 41f3ec92a..aadb114f7 100644
--- a/src/router/modules/item.js
+++ b/src/router/modules/item.js
@@ -6,12 +6,13 @@ export default {
     meta: {
         title: 'items',
         icon: 'vn:item',
+        moduleName: 'Item',
     },
     component: RouterView,
     redirect: { name: 'ItemMain' },
     menus: {
         main: ['ItemList', 'WasteBreakdown'],
-        card: ['ItemBasicData'],
+        card: ['ItemBasicData', 'ItemLog'],
     },
     children: [
         {
@@ -94,6 +95,15 @@ export default {
                     },
                     component: () => import('src/pages/Item/Card/ItemBasicData.vue'),
                 },
+                {
+                    path: 'log',
+                    name: 'ItemLog',
+                    meta: {
+                        title: 'log',
+                        icon: 'history',
+                    },
+                    component: () => import('src/pages/Item/Card/ItemLog.vue'),
+                },
             ],
         },
     ],

From a6ebe9cf19f2ddd6c05649b8096ad93367c18aae Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Wed, 24 Apr 2024 12:54:38 -0300
Subject: [PATCH 096/305] Item barcode

---
 src/css/app.scss                    |  5 ++
 src/i18n/locale/en.yml              |  1 +
 src/i18n/locale/es.yml              |  1 +
 src/pages/Item/Card/ItemBarcode.vue | 80 +++++++++++++++++++++++++++++
 src/router/modules/item.js          | 12 ++++-
 5 files changed, 98 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/Item/Card/ItemBarcode.vue

diff --git a/src/css/app.scss b/src/css/app.scss
index 25b484649..9037802ad 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -119,6 +119,11 @@ select:-webkit-autofill {
     font-variation-settings: 'FILL' 1;
 }
 
+.fill-icon-on-hover:hover {
+    font-variation-settings: 'FILL' 1;
+    cursor: pointer;
+}
+
 .vn-table-separation-row {
     height: 16px !important;
     background-color: var(--vn-section-color) !important;
diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index 3ac3d18a0..338dff60b 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -1119,6 +1119,7 @@ item:
         tags: Tags
         wasteBreakdown: Waste breakdown
         itemCreate: New item
+        barcode: Barcode
     descriptor:
         item: Item
         buyer: Buyer
diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index 4ecbcdbc0..7e9c5f669 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -1118,6 +1118,7 @@ item:
         tags: Etiquetas
         wasteBreakdown: Deglose de mermas
         itemCreate: Nuevo artículo
+        barcode: Códigos de barras
     descriptor:
         item: Artículo
         buyer: Comprador
diff --git a/src/pages/Item/Card/ItemBarcode.vue b/src/pages/Item/Card/ItemBarcode.vue
new file mode 100644
index 000000000..6a13a9ea7
--- /dev/null
+++ b/src/pages/Item/Card/ItemBarcode.vue
@@ -0,0 +1,80 @@
+<script setup>
+import { ref, onMounted } from 'vue';
+import { useRoute } from 'vue-router';
+import { useI18n } from 'vue-i18n';
+
+import CrudModel from 'components/CrudModel.vue';
+import VnInput from 'src/components/common/VnInput.vue';
+
+const route = useRoute();
+const { t } = useI18n();
+
+const itemBarcodeRef = ref(null);
+
+onMounted(() => {
+    if (itemBarcodeRef.value) itemBarcodeRef.value.reload();
+});
+</script>
+<template>
+    <div class="full-width flex justify-center">
+        <QPage class="card-width q-pa-lg">
+            <CrudModel
+                :data-required="{ itemFk: route.params.id }"
+                :default-remove="false"
+                :filter="{
+                    fields: ['id', 'itemFk', 'code'],
+                    where: { itemFk: route.params.id },
+                }"
+                data-key="ItemBarcodes"
+                model="ItemBarcodes"
+                ref="itemBarcodeRef"
+                url="ItemBarcodes"
+            >
+                <template #body="{ rows }">
+                    <QCard class="q-px-lg q-py-md">
+                        <div
+                            v-for="(row, index) in rows"
+                            :key="index"
+                            class="q-mb-md full-width row items-center no-wrap"
+                        >
+                            <VnInput
+                                :label="t('Code')"
+                                v-model="row.code"
+                                class="full-width"
+                            />
+                            <QIcon
+                                @click="itemBarcodeRef.remove([row])"
+                                class="cursor-pointer q-ml-md"
+                                color="primary"
+                                name="delete"
+                                size="sm"
+                            >
+                                <QTooltip class="text-no-wrap">
+                                    {{ t('Remove barcode') }}
+                                </QTooltip>
+                            </QIcon>
+                        </div>
+                        <QIcon
+                            @click="itemBarcodeRef.insert()"
+                            class="cursor-pointer fill-icon-on-hover"
+                            color="primary"
+                            name="add_circle"
+                            size="sm"
+                        >
+                            <QTooltip>
+                                {{ t('Add barcode') }}
+                            </QTooltip>
+                        </QIcon>
+                    </QCard>
+                </template>
+            </CrudModel>
+        </QPage>
+    </div>
+</template>
+
+<i18n>
+es:
+    Code: Código
+    Remove barcode: Quitar código de barras
+    Add barcode: Añadir código de barras
+</i18n>
diff --git a/src/router/modules/item.js b/src/router/modules/item.js
index 41f3ec92a..35abbb5c7 100644
--- a/src/router/modules/item.js
+++ b/src/router/modules/item.js
@@ -6,12 +6,13 @@ export default {
     meta: {
         title: 'items',
         icon: 'vn:item',
+        moduleName: 'Item',
     },
     component: RouterView,
     redirect: { name: 'ItemMain' },
     menus: {
         main: ['ItemList', 'WasteBreakdown'],
-        card: ['ItemBasicData'],
+        card: ['ItemBasicData', 'ItemBarcode'],
     },
     children: [
         {
@@ -94,6 +95,15 @@ export default {
                     },
                     component: () => import('src/pages/Item/Card/ItemBasicData.vue'),
                 },
+                {
+                    path: 'barcode',
+                    name: 'ItemBarcode',
+                    meta: {
+                        title: 'barcode',
+                        icon: 'vn:barcode',
+                    },
+                    component: () => import('src/pages/Item/Card/ItemBarcode.vue'),
+                },
             ],
         },
     ],

From 84a9dc831906ab02c253026b22b8073301df3fd6 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Wed, 24 Apr 2024 17:30:53 -0300
Subject: [PATCH 097/305] Fix ItemDescriptor labels

---
 src/pages/Item/Card/ItemDescriptor.vue | 21 +++++++++++++++++----
 1 file changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/pages/Item/Card/ItemDescriptor.vue b/src/pages/Item/Card/ItemDescriptor.vue
index 981de0632..77b078296 100644
--- a/src/pages/Item/Card/ItemDescriptor.vue
+++ b/src/pages/Item/Card/ItemDescriptor.vue
@@ -271,14 +271,27 @@ const openCloneDialog = async () => {
             <VnLv :label="t('item.descriptor.buyer')">
                 <template #value>
                     <span class="link">
-                        {{ t('item.descriptor.buyer') }}
+                        {{ entity.itemType?.worker?.user?.name }}
                         <WorkerDescriptorProxy :id="entity.itemType?.worker?.id" />
                     </span>
                 </template>
             </VnLv>
-            <VnLv :label="t('item.descriptor.color')" :value="entity.value5"> </VnLv>
-            <VnLv :label="t('item.descriptor.color')" :value="entity.value6" />
-            <VnLv :label="t('item.descriptor.stems')" :value="entity.value7" />
+            <VnLv
+                v-if="entity.value5"
+                :label="t('item.descriptor.color')"
+                :value="entity.value5"
+            >
+            </VnLv>
+            <VnLv
+                v-if="entity.value6"
+                :label="t('item.descriptor.category')"
+                :value="entity.value6"
+            />
+            <VnLv
+                v-if="entity.value7"
+                :label="t('item.descriptor.stems')"
+                :value="entity.value7"
+            />
         </template>
         <template #actions="{}">
             <QCardActions class="row justify-center">

From 969087a34777075715c870943508266ad656ac73 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Wed, 24 Apr 2024 17:48:47 -0300
Subject: [PATCH 098/305] Remove unused things

---
 src/pages/Item/ItemListFilter.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/pages/Item/ItemListFilter.vue b/src/pages/Item/ItemListFilter.vue
index ad6167014..e0993356c 100644
--- a/src/pages/Item/ItemListFilter.vue
+++ b/src/pages/Item/ItemListFilter.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, watch, computed } from 'vue';
+import { ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { onMounted } from 'vue';
 import { useStateStore } from 'stores/useStateStore';
@@ -160,7 +160,6 @@ onMounted(async () => {
         auto-load
         @on-fetch="(data) => (tagOptions = data)"
     />
-    <pre>{{ itemTypesFilter }}</pre>
     <VnFilterPanel
         :data-key="props.dataKey"
         :search-button="true"

From ccc68851728ab8cea17699c581ff7442924419c9 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Thu, 25 Apr 2024 04:41:44 +0000
Subject: [PATCH 099/305] Fix: minor bugs, layout & vnlocation

---
 .../components/CustomerAddressEdit.vue        | 65 ++++++++++---------
 1 file changed, 34 insertions(+), 31 deletions(-)

diff --git a/src/pages/Customer/components/CustomerAddressEdit.vue b/src/pages/Customer/components/CustomerAddressEdit.vue
index 8f4be1342..c3c5c82ae 100644
--- a/src/pages/Customer/components/CustomerAddressEdit.vue
+++ b/src/pages/Customer/components/CustomerAddressEdit.vue
@@ -169,21 +169,9 @@ function handleLocation(data, location) {
                 <div class="col">
                     <VnInput :label="t('Consignee')" clearable v-model="data.nickname" />
                 </div>
-                <div class="col">
-                    <VnInput :label="t('Street')" clearable v-model="data.street" />
-                </div>
             </VnRow>
 
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnLocation
-                        :rules="validate('Worker.postcode')"
-                        :roles-allowed-to-create="['deliveryAssistant']"
-                        :options="postcodesOptions"
-                        v-model="data.location"
-                        @update:model-value="(location) => handleLocation(data, location)"
-                    ></VnLocation>
-                </div>
                 <div class="col">
                     <VnSelectFilter
                         :label="t('Agency')"
@@ -195,25 +183,6 @@ function handleLocation(data, location) {
                         v-model="data.agencyModeFk"
                     />
                 </div>
-                <div class="col">
-                    <VnInput :label="t('Phone')" clearable v-model="data.phone" />
-                </div>
-                <div class="col">
-                    <VnInput :label="t('Mobile')" clearable v-model="data.mobile" />
-                </div>
-            </VnRow>
-
-            <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('Incoterms')"
-                        :options="incoterms"
-                        hide-selected
-                        option-label="name"
-                        option-value="code"
-                        v-model="data.incotermsFk"
-                    />
-                </div>
                 <div class="col">
                     <VnSelectDialog
                         :label="t('Customs agent')"
@@ -230,6 +199,40 @@ function handleLocation(data, location) {
                 </div>
             </VnRow>
 
+            <VnRow class="row q-gutter-md q-mb-md">
+                <div class="col">
+                    <VnLocation
+                        :rules="validate('Worker.postcode')"
+                        :roles-allowed-to-create="['deliveryAssistant']"
+                        :options="postcodesOptions"
+                        v-model="data.postalCode"
+                        @update:model-value="(location) => handleLocation(data, location)"
+                    ></VnLocation>
+                </div>
+                <div class="col">
+                    <VnInput :label="t('Street')" clearable v-model="data.street" />
+                </div>
+            </VnRow>
+
+            <VnRow class="row q-gutter-md q-mb-md">
+                <div class="col">
+                    <VnSelectFilter
+                        :label="t('Incoterms')"
+                        :options="incoterms"
+                        hide-selected
+                        option-label="name"
+                        option-value="code"
+                        v-model="data.incotermsFk"
+                    />
+                </div>
+                <div class="col">
+                    <VnInput :label="t('Phone')" clearable v-model="data.phone" />
+                </div>
+                <div class="col">
+                    <VnInput :label="t('Mobile')" clearable v-model="data.mobile" />
+                </div>
+            </VnRow>
+
             <h4 class="q-mb-xs">{{ t('Notes') }}</h4>
             <VnRow
                 :key="index"

From aa58838ad705f7e155714a99cec04200e73cb3df Mon Sep 17 00:00:00 2001
From: jcasado <jcasado.verdnatura@gmail.com>
Date: Thu, 25 Apr 2024 08:34:40 +0200
Subject: [PATCH 100/305] refs: #6764 rename VnSelect

---
 src/components/UserPanel.vue                  | 14 ++++++-------
 .../Customer/Card/CustomerFiscalData.vue      |  2 +-
 .../components/CustomerAddressCreate.vue      |  6 +++---
 .../CustomerFileManagementCreate.vue          |  8 ++++----
 .../components/CustomerFileManagementEdit.vue |  8 ++++----
 .../components/CustomerSamplesCreate.vue      | 10 +++++-----
 src/pages/Item/ItemCreate.vue                 | 16 +++++++--------
 src/pages/Item/ItemList.vue                   | 12 +++++------
 src/pages/Parking/Card/ParkingBasicData.vue   |  4 ++--
 src/pages/Parking/ParkingFilter.vue           |  4 ++--
 src/pages/Ticket/TicketCreate.vue             | 14 ++++++-------
 src/pages/Worker/Card/WorkerBasicData.vue     | 20 +++++++++++--------
 .../Worker/Card/WorkerCalendarFilter.vue      |  8 ++++----
 src/pages/Worker/Card/WorkerTimeForm.vue      |  4 ++--
 14 files changed, 67 insertions(+), 63 deletions(-)

diff --git a/src/components/UserPanel.vue b/src/components/UserPanel.vue
index 5c143740e..fce41ef99 100644
--- a/src/components/UserPanel.vue
+++ b/src/components/UserPanel.vue
@@ -7,7 +7,7 @@ import axios from 'axios';
 import { useState } from 'src/composables/useState';
 import { useSession } from 'src/composables/useSession';
 import { localeEquivalence } from 'src/i18n/index';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import VnRow from 'components/ui/VnRow.vue';
 import FetchData from 'components/FetchData.vue';
 
@@ -172,24 +172,24 @@ function copyUserToken() {
         <QSeparator inset class="q-mx-lg" />
         <div class="col q-gutter-xs q-pa-md">
             <VnRow>
-                <VnSelectFilter
+                <VnSelect
                     :label="t('components.userPanel.localWarehouse')"
                     v-model="user.localWarehouseFk"
                     :options="warehousesData"
                     option-label="name"
                     option-value="id"
                 />
-                <VnSelectFilter
+                <VnSelect
                     :label="t('components.userPanel.localBank')"
                     hide-selected
                     v-model="user.localBankFk"
                     :options="accountBankData"
                     option-label="bank"
                     option-value="id"
-                ></VnSelectFilter>
+                ></VnSelect>
             </VnRow>
             <VnRow>
-                <VnSelectFilter
+                <VnSelect
                     :label="t('components.userPanel.localCompany')"
                     hide-selected
                     v-model="user.companyFk"
@@ -197,7 +197,7 @@ function copyUserToken() {
                     option-label="code"
                     option-value="id"
                 />
-                <VnSelectFilter
+                <VnSelect
                     :label="t('components.userPanel.userWarehouse')"
                     hide-selected
                     v-model="user.warehouseFk"
@@ -207,7 +207,7 @@ function copyUserToken() {
                 />
             </VnRow>
             <VnRow>
-                <VnSelectFilter
+                <VnSelect
                     :label="t('components.userPanel.userCompany')"
                     hide-selected
                     v-model="user.companyFk"
diff --git a/src/pages/Customer/Card/CustomerFiscalData.vue b/src/pages/Customer/Card/CustomerFiscalData.vue
index c1570db68..467ea1845 100644
--- a/src/pages/Customer/Card/CustomerFiscalData.vue
+++ b/src/pages/Customer/Card/CustomerFiscalData.vue
@@ -97,7 +97,7 @@ function handleLocation(data, location) {
                                 </QItemSection>
                             </QItem>
                         </template>
-                    </VnSelectFilter>
+                    </VnSelect>
                 </div>
             </VnRow>
 
diff --git a/src/pages/Customer/components/CustomerAddressCreate.vue b/src/pages/Customer/components/CustomerAddressCreate.vue
index 752024944..d92377f54 100644
--- a/src/pages/Customer/components/CustomerAddressCreate.vue
+++ b/src/pages/Customer/components/CustomerAddressCreate.vue
@@ -9,7 +9,7 @@ import FetchData from 'components/FetchData.vue';
 import FormModel from 'components/FormModel.vue';
 import VnRow from 'components/ui/VnRow.vue';
 import VnInput from 'src/components/common/VnInput.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import VnSelectDialog from 'src/components/common/VnSelectDialog.vue';
 import CustomerCreateNewPostcode from 'src/components/CreateNewPostcodeForm.vue';
 import CustomerNewCustomsAgent from 'src/pages/Customer/components/CustomerNewCustomsAgent.vue';
@@ -101,7 +101,7 @@ function handleLocation(data, location) {
             />
 
             <div class="row justify-between q-gutter-md q-mb-md">
-                <VnSelectFilter
+                <VnSelect
                     :label="t('Agency')"
                     :options="agencyModes"
                     :rules="validate('route.agencyFk')"
@@ -121,7 +121,7 @@ function handleLocation(data, location) {
             </div>
 
             <VnRow class="row q-gutter-md q-mb-md">
-                <VnSelectFilter
+                <VnSelect
                     :label="t('Incoterms')"
                     :options="incoterms"
                     hide-selected
diff --git a/src/pages/Customer/components/CustomerFileManagementCreate.vue b/src/pages/Customer/components/CustomerFileManagementCreate.vue
index 8970eaaaf..bc218d1b2 100644
--- a/src/pages/Customer/components/CustomerFileManagementCreate.vue
+++ b/src/pages/Customer/components/CustomerFileManagementCreate.vue
@@ -11,7 +11,7 @@ import useNotify from 'src/composables/useNotify';
 
 import FetchData from 'components/FetchData.vue';
 import VnRow from 'components/ui/VnRow.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 
 const { notify } = useNotify();
@@ -152,7 +152,7 @@ const toCustomerFileManagement = () => {
                         />
                     </div>
                     <div class="col">
-                        <VnSelectFilter
+                        <VnSelect
                             :label="t('Company')"
                             :options="optionsCompanies"
                             :rules="validate('entry.companyFk')"
@@ -165,7 +165,7 @@ const toCustomerFileManagement = () => {
 
                 <VnRow class="row q-gutter-md q-mb-md">
                     <div class="col">
-                        <VnSelectFilter
+                        <VnSelect
                             :label="t('Warehouse')"
                             :options="optionsWarehouses"
                             option-label="name"
@@ -174,7 +174,7 @@ const toCustomerFileManagement = () => {
                         />
                     </div>
                     <div class="col">
-                        <VnSelectFilter
+                        <VnSelect
                             :label="t('Type')"
                             :options="optionsDmsTypes"
                             option-label="name"
diff --git a/src/pages/Customer/components/CustomerFileManagementEdit.vue b/src/pages/Customer/components/CustomerFileManagementEdit.vue
index b5e0d4b7d..d21305e32 100644
--- a/src/pages/Customer/components/CustomerFileManagementEdit.vue
+++ b/src/pages/Customer/components/CustomerFileManagementEdit.vue
@@ -10,7 +10,7 @@ import useNotify from 'src/composables/useNotify';
 
 import FetchData from 'components/FetchData.vue';
 import VnRow from 'components/ui/VnRow.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 
 const { notify } = useNotify();
@@ -128,7 +128,7 @@ const toCustomerFileManagement = () => {
                         />
                     </div>
                     <div class="col">
-                        <VnSelectFilter
+                        <VnSelect
                             :label="t('Company')"
                             :options="optionsCompanies"
                             :rules="validate('entry.companyFk')"
@@ -141,7 +141,7 @@ const toCustomerFileManagement = () => {
 
                 <VnRow class="row q-gutter-md q-mb-md">
                     <div class="col">
-                        <VnSelectFilter
+                        <VnSelect
                             :label="t('Warehouse')"
                             :options="optionsWarehouses"
                             option-label="name"
@@ -150,7 +150,7 @@ const toCustomerFileManagement = () => {
                         />
                     </div>
                     <div class="col">
-                        <VnSelectFilter
+                        <VnSelect
                             :label="t('Type')"
                             :options="optionsDmsTypes"
                             option-label="name"
diff --git a/src/pages/Customer/components/CustomerSamplesCreate.vue b/src/pages/Customer/components/CustomerSamplesCreate.vue
index 4a28a3061..be614aa0b 100644
--- a/src/pages/Customer/components/CustomerSamplesCreate.vue
+++ b/src/pages/Customer/components/CustomerSamplesCreate.vue
@@ -12,7 +12,7 @@ import useNotify from 'src/composables/useNotify';
 
 import FetchData from 'components/FetchData.vue';
 import VnRow from 'components/ui/VnRow.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import VnInputDate from 'src/components/common/VnInputDate.vue';
 import CustomerSamplesPreview from 'src/pages/Customer/components/CustomerSamplesPreview.vue';
@@ -253,7 +253,7 @@ const toCustomerSamples = () => {
         <QCard class="card-width q-pa-lg">
             <QForm>
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('Sample')"
                         :options="optionsSamplesVisible"
                         @update:model-value="setSampleType"
@@ -306,7 +306,7 @@ const toCustomerSamples = () => {
                     v-if="sampleType?.hasCompany || sampleType?.datepickerEnabled"
                 >
                     <div class="col">
-                        <VnSelectFilter
+                        <VnSelect
                             :label="t('Company')"
                             :options="optionsCompanies"
                             :rules="validate('entry.companyFk')"
@@ -319,7 +319,7 @@ const toCustomerSamples = () => {
                         />
                     </div>
                     <div class="col">
-                        <VnSelectFilter
+                        <VnSelect
                             :label="t('Address')"
                             :options="optionsClientsAddressess"
                             hide-selected
@@ -345,7 +345,7 @@ const toCustomerSamples = () => {
                                     <QTooltip>{{ t('Edit address') }}</QTooltip>
                                 </QIcon>
                             </template>
-                        </VnSelectFilter>
+                        </VnSelect>
                     </div>
                 </VnRow>
 
diff --git a/src/pages/Item/ItemCreate.vue b/src/pages/Item/ItemCreate.vue
index 18e7522cb..baa51414c 100644
--- a/src/pages/Item/ItemCreate.vue
+++ b/src/pages/Item/ItemCreate.vue
@@ -4,7 +4,7 @@ import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 
 import FetchData from 'components/FetchData.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import FormModel from 'components/FormModel.vue';
 import VnRow from 'components/ui/VnRow.vue';
 import VnInput from 'src/components/common/VnInput.vue';
@@ -90,7 +90,7 @@ onBeforeMount(async () => {
                         v-model="data.provisionalName"
                         :label="t('item.create.name')"
                     />
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('item.create.tag')"
                         v-model="data.tag"
                         :options="tagsOptions"
@@ -98,7 +98,7 @@ onBeforeMount(async () => {
                         option-label="name"
                         hide-selected
                     />
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('item.create.priority')"
                         v-model="data.priority"
                         :options="validPriorities"
@@ -108,7 +108,7 @@ onBeforeMount(async () => {
                     />
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('item.create.type')"
                         v-model="data.typeFk"
                         :options="itemTypesOptions"
@@ -131,8 +131,8 @@ onBeforeMount(async () => {
                                 </QItemLabel>
                             </QItem>
                         </template>
-                    </VnSelectFilter>
-                    <VnSelectFilter
+                    </VnSelect>
+                    <VnSelect
                         :label="t('item.create.intrastat')"
                         v-model="data.intrastatFk"
                         :options="intrastatsOptions"
@@ -152,10 +152,10 @@ onBeforeMount(async () => {
                                 </QItemSection>
                             </QItem>
                         </template>
-                    </VnSelectFilter>
+                    </VnSelect>
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('item.create.origin')"
                         v-model="data.originFk"
                         :options="originsOptions"
diff --git a/src/pages/Item/ItemList.vue b/src/pages/Item/ItemList.vue
index 3e399e29f..b4e0173a4 100644
--- a/src/pages/Item/ItemList.vue
+++ b/src/pages/Item/ItemList.vue
@@ -7,7 +7,7 @@ import FetchData from 'components/FetchData.vue';
 import FetchedTags from 'components/ui/FetchedTags.vue';
 import TableVisibleColumns from 'src/components/common/TableVisibleColumns.vue';
 import VnInput from 'src/components/common/VnInput.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import ItemDescriptorProxy from '../Item/Card/ItemDescriptorProxy.vue';
 import WorkerDescriptorProxy from 'src/pages/Worker/Card/WorkerDescriptorProxy.vue';
 import ItemSummary from '../Item/Card/ItemSummary.vue';
@@ -201,7 +201,7 @@ const columns = computed(() => [
         align: 'left',
         sortable: true,
         columnFilter: {
-            component: VnSelectFilter,
+            component: VnSelect,
             filterParamKey: 'typeFk',
             type: 'select',
             filterValue: null,
@@ -222,7 +222,7 @@ const columns = computed(() => [
         align: 'left',
         sortable: true,
         columnFilter: {
-            component: VnSelectFilter,
+            component: VnSelect,
             type: 'select',
             filterValue: null,
             event: getInputEvents,
@@ -242,7 +242,7 @@ const columns = computed(() => [
         align: 'left',
         sortable: true,
         columnFilter: {
-            component: VnSelectFilter,
+            component: VnSelect,
             type: 'select',
             filterValue: null,
             event: getInputEvents,
@@ -261,7 +261,7 @@ const columns = computed(() => [
         align: 'left',
         sortable: true,
         columnFilter: {
-            component: VnSelectFilter,
+            component: VnSelect,
             type: 'select',
             filterValue: null,
             event: getInputEvents,
@@ -280,7 +280,7 @@ const columns = computed(() => [
         align: 'left',
         sortable: true,
         columnFilter: {
-            component: VnSelectFilter,
+            component: VnSelect,
             filterParamKey: 'buyerFk',
             type: 'select',
             filterValue: null,
diff --git a/src/pages/Parking/Card/ParkingBasicData.vue b/src/pages/Parking/Card/ParkingBasicData.vue
index 26a1ed8be..81598e0a7 100644
--- a/src/pages/Parking/Card/ParkingBasicData.vue
+++ b/src/pages/Parking/Card/ParkingBasicData.vue
@@ -7,7 +7,7 @@ import FetchData from 'src/components/FetchData.vue';
 import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import FormModel from 'components/FormModel.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 
 const { t } = useI18n();
 const route = useRoute();
@@ -40,7 +40,7 @@ const filter = {
                 <VnInput v-model="data.column" :label="t('parking.column')" />
             </VnRow>
             <VnRow>
-                <VnSelectFilter
+                <VnSelect
                     v-model="data.sectorFk"
                     option-value="id"
                     option-label="description"
diff --git a/src/pages/Parking/ParkingFilter.vue b/src/pages/Parking/ParkingFilter.vue
index 2e559a879..1d7c3a4b6 100644
--- a/src/pages/Parking/ParkingFilter.vue
+++ b/src/pages/Parking/ParkingFilter.vue
@@ -4,7 +4,7 @@ import { useI18n } from 'vue-i18n';
 import VnFilterPanel from 'components/ui/VnFilterPanel.vue';
 import VnInput from 'components/common/VnInput.vue';
 import FetchData from 'src/components/FetchData.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 
 const { t } = useI18n();
 defineProps({
@@ -45,7 +45,7 @@ const emit = defineEmits(['search']);
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnSelectFilter
+                    <VnSelect
                         v-model="params.sectorFk"
                         option-value="id"
                         option-label="description"
diff --git a/src/pages/Ticket/TicketCreate.vue b/src/pages/Ticket/TicketCreate.vue
index 3fb9c0083..cb3e46d6a 100644
--- a/src/pages/Ticket/TicketCreate.vue
+++ b/src/pages/Ticket/TicketCreate.vue
@@ -6,7 +6,7 @@ import { useI18n } from 'vue-i18n';
 import FormModel from 'components/FormModel.vue';
 import FetchData from 'components/FetchData.vue';
 import VnRow from 'components/ui/VnRow.vue';
-import VnSelectFilter from 'components/common/VnSelectFilter.vue';
+import VnSelect from 'components/common/VnSelect.vue';
 import VnInputDate from 'components/common/VnInputDate.vue';
 import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
 
@@ -134,7 +134,7 @@ const redirectToTicketList = (_, { id }) => {
             <template #form="{ data }">
                 <VnRow class="row q-gutter-md q-mb-md">
                     <div class="col">
-                        <VnSelectFilter
+                        <VnSelect
                             :label="t('ticket.create.client')"
                             v-model="data.clientId"
                             :options="clientOptions"
@@ -155,12 +155,12 @@ const redirectToTicketList = (_, { id }) => {
                                     </QItemSection>
                                 </QItem>
                             </template>
-                        </VnSelectFilter>
+                        </VnSelect>
                     </div>
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
                     <div class="col">
-                        <VnSelectFilter
+                        <VnSelect
                             :label="t('ticket.create.address')"
                             v-model="data.addressId"
                             :options="addressesOptions"
@@ -182,7 +182,7 @@ const redirectToTicketList = (_, { id }) => {
                                     </QItemSection>
                                 </QItem>
                             </template>
-                        </VnSelectFilter>
+                        </VnSelect>
                     </div>
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
@@ -197,7 +197,7 @@ const redirectToTicketList = (_, { id }) => {
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
                     <div class="col">
-                        <VnSelectFilter
+                        <VnSelect
                             :label="t('ticket.create.warehouse')"
                             v-model="data.warehouseId"
                             :options="warehousesOptions"
@@ -210,7 +210,7 @@ const redirectToTicketList = (_, { id }) => {
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
                     <div class="col">
-                        <VnSelectFilter
+                        <VnSelect
                             :label="t('ticket.create.agency')"
                             v-model="data.agencyModeId"
                             :options="agenciesOptions"
diff --git a/src/pages/Worker/Card/WorkerBasicData.vue b/src/pages/Worker/Card/WorkerBasicData.vue
index 775472065..3295a2234 100644
--- a/src/pages/Worker/Card/WorkerBasicData.vue
+++ b/src/pages/Worker/Card/WorkerBasicData.vue
@@ -7,7 +7,7 @@ import FetchData from 'components/FetchData.vue';
 import FormModel from 'src/components/FormModel.vue';
 import VnRow from 'components/ui/VnRow.vue';
 import VnInput from 'src/components/common/VnInput.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 
 const route = useRoute();
 const { t } = useI18n();
@@ -27,7 +27,7 @@ const workerFilter = {
         },
         { relation: 'sip', scope: { fields: ['extension', 'secret'] } },
         { relation: 'department', scope: { include: { relation: 'department' } } },
-        { relation: 'client', scope: {fields:['phone']} },
+        { relation: 'client', scope: { fields: ['phone'] } },
     ],
 };
 const workersFilter = {
@@ -87,11 +87,15 @@ const maritalStatus = [
                     :label="t('Mobile extension')"
                     clearable
                 />
-                <VnInput v-model="data.client.phone" :label="t('Personal phone')" clearable />
+                <VnInput
+                    v-model="data.client.phone"
+                    :label="t('Personal phone')"
+                    clearable
+                />
             </VnRow>
 
             <VnRow class="row q-gutter-md q-mb-md">
-                <VnSelectFilter
+                <VnSelect
                     :label="t('Boss')"
                     :options="workersOptions"
                     hide-selected
@@ -110,8 +114,8 @@ const maritalStatus = [
                             </QItemSection>
                         </QItem>
                     </template>
-                </VnSelectFilter>
-                <VnSelectFilter
+                </VnSelect>
+                <VnSelect
                     :label="t('Marital status')"
                     :options="maritalStatus"
                     hide-selected
@@ -122,7 +126,7 @@ const maritalStatus = [
             </VnRow>
 
             <VnRow class="row q-gutter-md q-mb-md">
-                <VnSelectFilter
+                <VnSelect
                     :label="t('Origin country')"
                     :options="countriesOptions"
                     hide-selected
@@ -130,7 +134,7 @@ const maritalStatus = [
                     option-value="id"
                     v-model="data.originCountryFk"
                 />
-                <VnSelectFilter
+                <VnSelect
                     :label="t('Education level')"
                     :options="educationLevelsOptions"
                     hide-selected
diff --git a/src/pages/Worker/Card/WorkerCalendarFilter.vue b/src/pages/Worker/Card/WorkerCalendarFilter.vue
index 374762ac1..2b81b6eaf 100644
--- a/src/pages/Worker/Card/WorkerCalendarFilter.vue
+++ b/src/pages/Worker/Card/WorkerCalendarFilter.vue
@@ -2,7 +2,7 @@
 import WorkerEventLabel from 'pages/Worker/Card/WorkerEventLabel.vue';
 import FetchData from 'components/FetchData.vue';
 import { useI18n } from 'vue-i18n';
-import VnSelectFilter from 'components/common/VnSelectFilter.vue';
+import VnSelect from 'components/common/VnSelect.vue';
 import { useRoute } from 'vue-router';
 import { computed, ref } from 'vue';
 import { toDateFormat } from '../../../filters/date';
@@ -150,7 +150,7 @@ const yearList = ref(generateYears());
     <QList dense class="list q-gutter-y-sm q-my-lg">
         <QItem>
             <QItemSection>
-                <VnSelectFilter
+                <VnSelect
                     :label="t('Year')"
                     v-model="selectedYear"
                     :options="yearList"
@@ -164,7 +164,7 @@ const yearList = ref(generateYears());
         </QItem>
         <QItem>
             <QItemSection>
-                <VnSelectFilter
+                <VnSelect
                     :label="t('Contract')"
                     v-model="selectedBusinessFk"
                     :options="contractList"
@@ -191,7 +191,7 @@ const yearList = ref(generateYears());
                             </QItemSection>
                         </QItem>
                     </template>
-                </VnSelectFilter>
+                </VnSelect>
             </QItemSection>
         </QItem>
     </QList>
diff --git a/src/pages/Worker/Card/WorkerTimeForm.vue b/src/pages/Worker/Card/WorkerTimeForm.vue
index d6c893ad1..0a58a04ca 100644
--- a/src/pages/Worker/Card/WorkerTimeForm.vue
+++ b/src/pages/Worker/Card/WorkerTimeForm.vue
@@ -3,7 +3,7 @@ import { reactive, ref, computed, onBeforeMount } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRoute } from 'vue-router';
 
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import FormModelPopup from 'components/FormModelPopup.vue';
 import VnInputTime from 'components/common/VnInputTime.vue';
 
@@ -84,7 +84,7 @@ onBeforeMount(() => {
                 :required="true"
                 :is-clearable="false"
             />
-            <VnSelectFilter
+            <VnSelect
                 :label="t('Type')"
                 v-model="data.direction"
                 :options="entryDirections"

From 4b3df372cdeb7dc66bc66db7277858b935a762ca Mon Sep 17 00:00:00 2001
From: jcasado <jcasado.verdnatura@gmail.com>
Date: Thu, 25 Apr 2024 08:49:40 +0200
Subject: [PATCH 101/305] refs: #6764 fixConflicts

---
 src/components/ItemsFilterPanel.vue     | 359 ++++++++++++++
 src/components/common/VnCard.vue        |  78 +++
 src/pages/Claim/locale/es.yml           |   2 +
 src/pages/InvoiceIn/locale/es.yml       |   2 +
 src/pages/InvoiceOut/locale/es.yml      |   2 +
 src/pages/Item/ItemFixedPrice.vue       | 605 ++++++++++++++++++++++++
 src/pages/Item/ItemFixedPriceFilter.vue | 108 +++++
 src/pages/Supplier/locale/es.yml        |   1 +
 src/pages/Ticket/locale/es.yml          |   2 +
 src/pages/Worker/locale/es.yml          |   2 +
 10 files changed, 1161 insertions(+)
 create mode 100644 src/components/ItemsFilterPanel.vue
 create mode 100644 src/components/common/VnCard.vue
 create mode 100644 src/pages/Claim/locale/es.yml
 create mode 100644 src/pages/InvoiceIn/locale/es.yml
 create mode 100644 src/pages/InvoiceOut/locale/es.yml
 create mode 100644 src/pages/Item/ItemFixedPrice.vue
 create mode 100644 src/pages/Item/ItemFixedPriceFilter.vue
 create mode 100644 src/pages/Supplier/locale/es.yml
 create mode 100644 src/pages/Ticket/locale/es.yml
 create mode 100644 src/pages/Worker/locale/es.yml

diff --git a/src/components/ItemsFilterPanel.vue b/src/components/ItemsFilterPanel.vue
new file mode 100644
index 000000000..f7f07a5b0
--- /dev/null
+++ b/src/components/ItemsFilterPanel.vue
@@ -0,0 +1,359 @@
+<script setup>
+import { computed, ref } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+import VnInput from 'components/common/VnInput.vue';
+import FetchData from 'components/FetchData.vue';
+import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
+import VnSelectFilter from 'components/common/VnSelectFilter.vue';
+import VnFilterPanelChip from 'components/ui/VnFilterPanelChip.vue';
+
+import axios from 'axios';
+
+const { t } = useI18n();
+const props = defineProps({
+    dataKey: {
+        type: String,
+        required: true,
+    },
+    customTags: {
+        type: Array,
+        default: () => [],
+    },
+    exprBuilder: {
+        type: Function,
+        default: null,
+    },
+});
+
+const itemCategories = ref([]);
+const selectedCategoryFk = ref(null);
+const selectedTypeFk = ref(null);
+const itemTypesOptions = ref([]);
+const suppliersOptions = ref([]);
+const tagOptions = ref([]);
+const tagValues = ref([]);
+
+const categoryList = computed(() => {
+    return (itemCategories.value || [])
+        .filter((category) => category.display)
+        .map((category) => ({
+            ...category,
+            icon: `vn:${(category.icon || '').split('-')[1]}`,
+        }));
+});
+
+const selectedCategory = computed(() =>
+    (itemCategories.value || []).find(
+        (category) => category?.id === selectedCategoryFk.value
+    )
+);
+
+const selectedType = computed(() => {
+    return (itemTypesOptions.value || []).find(
+        (type) => type?.id === selectedTypeFk.value
+    );
+});
+
+const selectCategory = async (params, categoryId, search) => {
+    if (params.categoryFk === categoryId) {
+        resetCategory(params);
+        search();
+        return;
+    }
+    selectedCategoryFk.value = categoryId;
+    params.categoryFk = categoryId;
+    await fetchItemTypes(categoryId);
+    search();
+};
+
+const resetCategory = (params) => {
+    selectedCategoryFk.value = null;
+    itemTypesOptions.value = null;
+    if (params) {
+        params.categoryFk = null;
+        params.typeFk = null;
+    }
+};
+
+const applyTags = (params, search) => {
+    params.tags = tagValues.value
+        .filter((tag) => tag.selectedTag && tag.value)
+        .map((tag) => ({
+            tagFk: tag.selectedTag.id,
+            tagName: tag.selectedTag.name,
+            value: tag.value,
+        }));
+    search();
+};
+
+const fetchItemTypes = async (id) => {
+    try {
+        const filter = {
+            fields: ['id', 'name', 'categoryFk'],
+            where: { categoryFk: id },
+            include: 'category',
+            order: 'name ASC',
+        };
+        const { data } = await axios.get('ItemTypes', {
+            params: { filter: JSON.stringify(filter) },
+        });
+        itemTypesOptions.value = data;
+    } catch (err) {
+        console.error('Error fetching item types', err);
+    }
+};
+
+const getCategoryClass = (category, params) => {
+    if (category.id === params?.categoryFk) {
+        return 'active';
+    }
+};
+
+const getSelectedTagValues = async (tag) => {
+    try {
+        tag.value = null;
+        const filter = {
+            fields: ['value'],
+            order: 'value ASC',
+            limit: 30,
+        };
+
+        const params = { filter: JSON.stringify(filter) };
+        const { data } = await axios.get(`Tags/${tag.selectedTag.id}/filterValue`, {
+            params,
+        });
+        tag.valueOptions = data;
+    } catch (err) {
+        console.error('Error getting selected tag values');
+    }
+};
+
+const removeTag = (index, params, search) => {
+    (tagValues.value || []).splice(index, 1);
+    applyTags(params, search);
+};
+</script>
+
+<template>
+    <FetchData
+        url="ItemCategories"
+        limit="30"
+        auto-load
+        @on-fetch="(data) => (itemCategories = data)"
+    />
+    <FetchData
+        url="Suppliers"
+        limit="30"
+        auto-load
+        :filter="{ fields: ['id', 'name', 'nickname'], order: 'name ASC', limit: 30 }"
+        @on-fetch="(data) => (suppliersOptions = data)"
+    />
+    <FetchData
+        url="Tags"
+        :filter="{ fields: ['id', 'name', 'isFree'] }"
+        auto-load
+        limit="30"
+        @on-fetch="(data) => (tagOptions = data)"
+    />
+    <VnFilterPanel
+        :data-key="props.dataKey"
+        :expr-builder="exprBuilder"
+        :custom-tags="customTags"
+    >
+        <template #tags="{ tag, formatFn }">
+            <strong v-if="tag.label === 'categoryFk'">
+                {{ t(selectedCategory?.name || '') }}
+            </strong>
+            <strong v-else-if="tag.label === 'typeFk'">
+                {{ t(selectedType?.name || '') }}
+            </strong>
+            <div v-else class="q-gutter-x-xs">
+                <strong>{{ t(`components.itemsFilterPanel.${tag.label}`) }}: </strong>
+                <span>{{ formatFn(tag.value) }}</span>
+            </div>
+        </template>
+        <template #customTags="{ tags, params }">
+            <template v-for="tag in tags" :key="tag.label">
+                <VnFilterPanelChip
+                    v-for="chip in tag.value"
+                    :key="chip"
+                    removable
+                    @remove="removeTagChip(chip, params, searchFn)"
+                >
+                    <div class="q-gutter-x-xs">
+                        <strong>{{ chip.tagName }}: </strong>
+                        <span>"{{ chip.value }}"</span>
+                    </div>
+                </VnFilterPanelChip>
+            </template>
+        </template>
+        <template #body="{ params, searchFn }">
+            <QItem class="category-filter q-mt-md">
+                <QBtn
+                    dense
+                    flat
+                    round
+                    v-for="category in categoryList"
+                    :key="category.name"
+                    :class="['category', getCategoryClass(category, params)]"
+                    :icon="category.icon"
+                    @click="selectCategory(params, category.id, searchFn)"
+                >
+                    <QTooltip>
+                        {{ t(category.name) }}
+                    </QTooltip>
+                </QBtn>
+            </QItem>
+            <QItem class="q-my-md">
+                <QItemSection>
+                    <VnSelectFilter
+                        :label="t('components.itemsFilterPanel.typeFk')"
+                        v-model="params.typeFk"
+                        :options="itemTypesOptions"
+                        option-value="id"
+                        option-label="name"
+                        dense
+                        outlined
+                        rounded
+                        use-input
+                        :disable="!selectedCategoryFk"
+                        @update:model-value="
+                            (value) => {
+                                selectedTypeFk = value;
+                                searchFn();
+                            }
+                        "
+                    >
+                        <template #option="{ itemProps, opt }">
+                            <QItem v-bind="itemProps">
+                                <QItemSection>
+                                    <QItemLabel>{{ opt.name }}</QItemLabel>
+                                    <QItemLabel caption>
+                                        {{ opt.categoryName }}
+                                    </QItemLabel>
+                                </QItemSection>
+                            </QItem>
+                        </template>
+                    </VnSelectFilter>
+                </QItemSection>
+            </QItem>
+            <QSeparator />
+            <slot name="body" :params="params" :search-fn="searchFn" />
+            <QItem
+                v-for="(value, index) in tagValues"
+                :key="value"
+                class="q-mt-md filter-value"
+            >
+                <QItemSection class="col">
+                    <VnSelectFilter
+                        :label="t('components.itemsFilterPanel.tag')"
+                        v-model="value.selectedTag"
+                        :options="tagOptions"
+                        option-label="name"
+                        dense
+                        outlined
+                        rounded
+                        :emit-value="false"
+                        use-input
+                        :is-clearable="false"
+                        @update:model-value="getSelectedTagValues(value)"
+                    />
+                </QItemSection>
+                <QItemSection class="col">
+                    <VnSelectFilter
+                        v-if="!value?.selectedTag?.isFree && value.valueOptions"
+                        :label="t('components.itemsFilterPanel.value')"
+                        v-model="value.value"
+                        :options="value.valueOptions || []"
+                        option-value="value"
+                        option-label="value"
+                        dense
+                        outlined
+                        rounded
+                        emit-value
+                        use-input
+                        :disable="!value"
+                        :is-clearable="false"
+                        @update:model-value="applyTags(params, searchFn)"
+                    />
+                    <VnInput
+                        v-else
+                        v-model="value.value"
+                        :label="t('components.itemsFilterPanel.value')"
+                        :disable="!value"
+                        is-outlined
+                        :is-clearable="false"
+                        @keyup.enter="applyTags(params, searchFn)"
+                    />
+                </QItemSection>
+                <QIcon
+                    name="delete"
+                    class="fill-icon-on-hover q-px-xs"
+                    color="primary"
+                    size="sm"
+                    @click="removeTag(index, params, searchFn)"
+                />
+            </QItem>
+            <QItem class="q-mt-lg">
+                <QIcon
+                    name="add_circle"
+                    class="fill-icon-on-hover q-px-xs"
+                    color="primary"
+                    size="sm"
+                    @click="tagValues.push({})"
+                />
+            </QItem>
+        </template>
+    </VnFilterPanel>
+</template>
+
+<style lang="scss" scoped>
+.category-filter {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    gap: 12px;
+
+    .category {
+        padding: 8px;
+        width: 60px;
+        height: 60px;
+        font-size: 1.4rem;
+        background-color: var(--vn-accent-color);
+
+        &.active {
+            background-color: $primary;
+        }
+    }
+}
+
+.filter-value {
+    display: flex;
+    align-items: center;
+}
+</style>
+
+<i18n>
+en:
+    params:
+        supplier: Supplier
+        from: From
+        to: To
+        active: Is active
+        visible: Is visible
+        floramondo: Is floramondo
+        salesPersonFk: Buyer
+        categoryFk: Category
+
+es:
+    params:
+        supplier: Proveedor
+        from: Desde
+        to: Hasta
+        active: Activo
+        visible: Visible
+        floramondo: Floramondo
+        salesPersonFk: Comprador
+        categoryFk: Categoría
+</i18n>
diff --git a/src/components/common/VnCard.vue b/src/components/common/VnCard.vue
new file mode 100644
index 000000000..6d0badffb
--- /dev/null
+++ b/src/components/common/VnCard.vue
@@ -0,0 +1,78 @@
+<script setup>
+import { onBeforeMount, computed } from 'vue';
+import { useRoute, onBeforeRouteUpdate } from 'vue-router';
+import { useI18n } from 'vue-i18n';
+import { useArrayData } from 'src/composables/useArrayData';
+import { useStateStore } from 'stores/useStateStore';
+import useCardSize from 'src/composables/useCardSize';
+import VnSubToolbar from '../ui/VnSubToolbar.vue';
+import VnSearchbar from 'components/ui/VnSearchbar.vue';
+import LeftMenu from 'components/LeftMenu.vue';
+
+const props = defineProps({
+    dataKey: { type: String, required: true },
+    baseUrl: { type: String, default: undefined },
+    customUrl: { type: String, default: undefined },
+    filter: { type: Object, default: () => {} },
+    descriptor: { type: Object, required: true },
+    searchbarDataKey: { type: String, default: undefined },
+    searchbarUrl: { type: String, default: undefined },
+    searchbarLabel: { type: String, default: '' },
+    searchbarInfo: { type: String, default: '' },
+});
+
+const { t } = useI18n();
+const stateStore = useStateStore();
+const route = useRoute();
+const url = computed(() => {
+    if (props.baseUrl) return `${props.baseUrl}/${route.params.id}`;
+    return props.customUrl;
+});
+
+const arrayData = useArrayData(props.dataKey, {
+    url: url.value,
+    filter: props.filter,
+});
+
+onBeforeMount(async () => {
+    if (!props.baseUrl) arrayData.store.filter.where = { id: route.params.id };
+    await arrayData.fetch({ append: false });
+});
+
+if (props.baseUrl) {
+    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() && props.searchbarDataKey"
+    >
+        <VnSearchbar
+            :data-key="props.searchbarDataKey"
+            :url="props.searchbarUrl"
+            :label="t(props.searchbarLabel)"
+            :info="t(props.searchbarInfo)"
+        />
+    </Teleport>
+    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
+        <QScrollArea class="fit">
+            <component :is="descriptor" />
+            <QSeparator />
+            <LeftMenu source="card" />
+        </QScrollArea>
+    </QDrawer>
+    <QPageContainer>
+        <QPage>
+            <VnSubToolbar />
+            <div :class="[useCardSize(), $attrs.class]">
+                <RouterView />
+            </div>
+        </QPage>
+    </QPageContainer>
+</template>
diff --git a/src/pages/Claim/locale/es.yml b/src/pages/Claim/locale/es.yml
new file mode 100644
index 000000000..710d3485d
--- /dev/null
+++ b/src/pages/Claim/locale/es.yml
@@ -0,0 +1,2 @@
+Search claim: Buscar reclamación
+You can search by claim id or customer name: Puedes buscar por id de la reclamación o nombre del cliente
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/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
diff --git a/src/pages/Item/ItemFixedPrice.vue b/src/pages/Item/ItemFixedPrice.vue
new file mode 100644
index 000000000..0dd7ca07d
--- /dev/null
+++ b/src/pages/Item/ItemFixedPrice.vue
@@ -0,0 +1,605 @@
+<script setup>
+import { onMounted, ref, reactive, computed, onUnmounted, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+import FetchData from 'components/FetchData.vue';
+import FetchedTags from 'components/ui/FetchedTags.vue';
+import VnInput from 'src/components/common/VnInput.vue';
+import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnInputDate from 'src/components/common/VnInputDate.vue';
+import EditTableCellValueForm from 'src/components/EditTableCellValueForm.vue';
+import ItemFixedPriceFilter from './ItemFixedPriceFilter.vue';
+import ItemDescriptorProxy from './Card/ItemDescriptorProxy.vue';
+
+import { useStateStore } from 'stores/useStateStore';
+import { dashIfEmpty } from 'src/filters';
+import { useVnConfirm } from 'composables/useVnConfirm';
+import { useState } from 'src/composables/useState';
+import { toCurrency } from 'filters/index';
+import useNotify from 'src/composables/useNotify.js';
+import axios from 'axios';
+import { useArrayData } from 'composables/useArrayData';
+import { isLower, isBigger } from 'src/filters/date.js';
+
+const stateStore = useStateStore();
+const { t } = useI18n();
+const { openConfirmationModal } = useVnConfirm();
+const state = useState();
+const { notify } = useNotify();
+
+const editTableCellDialogRef = ref(null);
+const user = state.getUser();
+const fixedPrices = ref([]);
+const fixedPricesOriginalData = ref([]);
+const warehousesOptions = ref([]);
+const itemsWithNameOptions = ref([]);
+const rowsSelected = ref([]);
+
+const exprBuilder = (param, value) => {
+    switch (param) {
+        case 'name':
+            return { 'i.name': { like: `%${value}%` } };
+        case 'itemFk':
+        case 'warehouseFk':
+        case 'rate2':
+        case 'rate3':
+            param = `fp.${param}`;
+            return { [param]: value };
+        case 'minPrice':
+            param = `i.${param}`;
+            return { [param]: value };
+    }
+};
+
+const params = reactive({});
+const arrayData = useArrayData('ItemFixedPrices', {
+    url: 'FixedPrices/filter',
+    userParams: params,
+    order: ['itemFk'],
+    exprBuilder: exprBuilder,
+});
+const store = arrayData.store;
+
+const fetchFixedPrices = async () => {
+    await arrayData.fetch({ append: false });
+};
+
+const onFixedPricesFetched = (data) => {
+    fixedPrices.value = data;
+    // el objetivo de guardar una copia de las rows es evitar guardar cambios si la data no cambió al disparar los eventos
+    fixedPricesOriginalData.value = JSON.parse(JSON.stringify(data));
+};
+
+watch(
+    () => store.data,
+    (data) => onFixedPricesFetched(data)
+);
+
+const applyColumnFilter = async (col) => {
+    try {
+        const paramKey = col.columnFilter?.filterParamKey || col.field;
+        params[paramKey] = col.columnFilter.filterValue;
+        await arrayData.addFilter({ params });
+    } catch (err) {
+        console.error('Error applying column filter', err);
+    }
+};
+
+const getColumnInputEvents = (col) => {
+    return col.columnFilter.type === 'select'
+        ? { 'update:modelValue': () => applyColumnFilter(col) }
+        : {
+              'keyup.enter': () => applyColumnFilter(col),
+          };
+};
+
+const defaultColumnFilter = {
+    component: VnInput,
+    type: 'text',
+    filterValue: null,
+    event: getColumnInputEvents,
+    attrs: {
+        dense: true,
+    },
+};
+
+const defaultColumnAttrs = {
+    align: 'left',
+    sortable: true,
+};
+
+const columns = computed(() => [
+    {
+        label: t('item.fixedPrice.itemId'),
+        name: 'itemId',
+        field: 'itemFk',
+        ...defaultColumnAttrs,
+        columnFilter: {
+            ...defaultColumnFilter,
+        },
+    },
+    {
+        label: t('globals.description'),
+        field: 'name',
+        name: 'description',
+        ...defaultColumnAttrs,
+        columnFilter: {
+            ...defaultColumnFilter,
+        },
+    },
+    {
+        label: t('item.fixedPrice.groupingPrice'),
+        field: 'rate2',
+        name: 'groupingPrice',
+        ...defaultColumnAttrs,
+        columnFilter: {
+            ...defaultColumnFilter,
+        },
+        format: (val) => toCurrency(val),
+    },
+    {
+        label: t('item.fixedPrice.packingPrice'),
+        field: 'rate3',
+        name: 'packingPrice',
+        ...defaultColumnAttrs,
+        columnFilter: {
+            ...defaultColumnFilter,
+        },
+        format: (val) => dashIfEmpty(val),
+    },
+
+    {
+        label: t('item.fixedPrice.minPrice'),
+        field: 'minPrice',
+        name: 'minPrice',
+        ...defaultColumnAttrs,
+        columnFilter: {
+            ...defaultColumnFilter,
+        },
+    },
+    {
+        label: t('item.fixedPrice.started'),
+        field: 'started',
+        name: 'started',
+        ...defaultColumnAttrs,
+        columnFilter: null,
+    },
+    {
+        label: t('item.fixedPrice.ended'),
+        field: 'ended',
+        name: 'ended',
+        ...defaultColumnAttrs,
+        columnFilter: null,
+    },
+
+    {
+        label: t('item.fixedPrice.warehouse'),
+        field: 'warehouseFk',
+        name: 'warehouse',
+        ...defaultColumnAttrs,
+        columnFilter: {
+            component: VnSelectFilter,
+            type: 'select',
+            filterValue: null,
+            event: getColumnInputEvents,
+            attrs: {
+                options: warehousesOptions.value,
+                'option-value': 'id',
+                'option-label': 'name',
+                dense: true,
+            },
+        },
+    },
+    { name: 'deleteAction', align: 'center' },
+]);
+
+const editTableFieldsOptions = [
+    {
+        field: 'rate2',
+        label: t('item.fixedPrice.groupingPrice'),
+        component: 'input',
+        attrs: {
+            type: 'number',
+        },
+    },
+    {
+        field: 'rate3',
+        label: t('item.fixedPrice.packingPrice'),
+        component: 'input',
+        attrs: {
+            type: 'number',
+        },
+    },
+    {
+        field: 'minPrice',
+        label: t('item.fixedPrice.minPrice'),
+        component: 'input',
+        attrs: {
+            type: 'number',
+        },
+    },
+    {
+        field: 'hasMinPrice',
+        label: t('item.fixedPrice.hasMinPrice'),
+        component: 'checkbox',
+        attrs: {
+            'false-value': 0,
+            'true-value': 1,
+        },
+    },
+    {
+        field: 'started',
+        label: t('item.fixedPrice.started'),
+        component: 'date',
+    },
+    {
+        field: 'ended',
+        label: t('item.fixedPrice.ended'),
+        component: 'date',
+    },
+    {
+        field: 'warehouseFk',
+        label: t('item.fixedPrice.warehouse'),
+        component: 'select',
+        attrs: {
+            options: [],
+            'option-label': 'name',
+            'option-value': 'id',
+        },
+    },
+];
+
+const getRowUpdateInputEvents = (props, resetMinPrice, inputType = 'text') => {
+    return inputType === 'text'
+        ? {
+              'keyup.enter': () => upsertPrice(props, resetMinPrice),
+              blur: () => upsertPrice(props, resetMinPrice),
+          }
+        : { 'update:modelValue': () => upsertPrice(props, resetMinPrice) };
+};
+
+const validations = (row, rowIndex, col) => {
+    const isNew = !row.id;
+    // Si la row no tiene id significa que fue agregada con addRow y no se ha guardado en la base de datos
+    // Si isNew es falso no se checkea si el valor es igual a la original
+    if (!isNew)
+        if (fixedPricesOriginalData.value[rowIndex][col.field] == row[col.field])
+            return false;
+
+    const requiredFields = ['itemFk', 'started', 'ended', 'rate2', 'rate3'];
+    return requiredFields.every(
+        (field) => row[field] !== null && row[field] !== undefined
+    );
+};
+
+const upsertPrice = async ({ row, col, rowIndex }, resetMinPrice = false) => {
+    if (!validations(row, rowIndex, col)) return;
+
+    try {
+        if (resetMinPrice) row.hasMinPrice = 0;
+
+        const { data } = await axios.patch('FixedPrices/upsertFixedPrice', row);
+        row = data;
+        fixedPricesOriginalData.value[rowIndex][col.field] = row[col.field];
+    } catch (err) {
+        console.error('Error editing price', err);
+    }
+};
+
+const addRow = () => {
+    if (!fixedPrices.value || fixedPrices.value.length === 0) {
+        fixedPrices.value = [];
+
+        const today = Date.vnNew();
+        const millisecsInDay = 86400000;
+        const daysInWeek = 7;
+        const nextWeek = new Date(today.getTime() + daysInWeek * millisecsInDay);
+
+        const newPrice = {
+            started: today,
+            ended: nextWeek,
+            hasMinPrice: 0,
+        };
+
+        fixedPricesOriginalData.value.push({ ...newPrice });
+        fixedPrices.value.push({ ...newPrice });
+        return;
+    }
+
+    const lastItemCopy = JSON.parse(
+        JSON.stringify(fixedPrices.value[fixedPrices.value.length - 1])
+    );
+    const { id, ...restOfItem } = lastItemCopy;
+    fixedPricesOriginalData.value.push(restOfItem);
+    fixedPrices.value.push(restOfItem);
+};
+
+const openEditTableCellDialog = () => {
+    editTableCellDialogRef.value.show();
+};
+
+const onEditCellDataSaved = async () => {
+    rowsSelected.value = [];
+    await fetchFixedPrices();
+};
+
+const onWarehousesFetched = (data) => {
+    warehousesOptions.value = data;
+    // Actualiza las 'options' del elemento con field 'warehouseFk' en 'editTableFieldsOptions'.
+    const warehouseField = editTableFieldsOptions.find(
+        (field) => field.field === 'warehouseFk'
+    );
+    warehouseField.attrs.options = data;
+};
+
+const removePrice = async (id, rowIndex) => {
+    try {
+        await axios.delete(`FixedPrices/${id}`);
+        fixedPrices.value.splice(rowIndex, 1);
+        fixedPricesOriginalData.value.splice(rowIndex, 1);
+        notify(t('globals.dataSaved'), 'positive');
+    } catch (err) {
+        console.error('Error removing price', err);
+    }
+};
+
+const updateMinPrice = async (value, props) => {
+    // El checkbox hasMinPrice se encuentra en la misma columna que el input hasMinPrice
+    // Por lo tanto le mandamos otro objeto con las mismas propiedades pero con el campo 'field' cambiado
+    props.row.hasMinPrice = value;
+    await upsertPrice({
+        row: props.row,
+        col: { field: 'hasMinPrice' },
+        rowIndex: props.rowIndex,
+    });
+};
+
+onMounted(async () => {
+    stateStore.rightDrawer = true;
+    params.warehouseFk = user.value.warehouseFk;
+    await fetchFixedPrices();
+});
+
+onUnmounted(() => (stateStore.rightDrawer = false));
+</script>
+
+<template>
+    <FetchData
+        url="Warehouses"
+        :filter="{ order: ['name'] }"
+        auto-load
+        @on-fetch="(data) => onWarehousesFetched(data)"
+    />
+    <FetchData
+        url="Items/withName"
+        :filter="{ fields: ['id', 'name'], order: 'id DESC' }"
+        auto-load
+        @on-fetch="(data) => (itemsWithNameOptions = data)"
+    />
+    <template v-if="stateStore.isHeaderMounted()">
+        <Teleport to="#actions-append">
+            <div class="row q-gutter-x-sm">
+                <QBtn
+                    flat
+                    @click="stateStore.toggleRightDrawer()"
+                    round
+                    dense
+                    icon="menu"
+                >
+                    <QTooltip bottom anchor="bottom right">
+                        {{ t('globals.collapseMenu') }}
+                    </QTooltip>
+                </QBtn>
+            </div>
+        </Teleport>
+    </template>
+    <QDrawer v-model="stateStore.rightDrawer" side="right" :width="256" show-if-above>
+        <QScrollArea class="fit text-grey-8">
+            <ItemFixedPriceFilter
+                data-key="ItemFixedPrices"
+                :warehouses-options="warehousesOptions"
+            />
+        </QScrollArea>
+    </QDrawer>
+    <QPage class="column items-center q-pa-md">
+        <QTable
+            :rows="fixedPrices"
+            :columns="columns"
+            row-key="id"
+            selection="multiple"
+            v-model:selected="rowsSelected"
+            :pagination="{ rowsPerPage: 0 }"
+            class="full-width q-mt-md"
+            :no-data-label="t('globals.noResults')"
+        >
+            <template #top-row="{ cols }">
+                <QTr>
+                    <QTd />
+                    <QTd
+                        v-for="(col, index) in cols"
+                        :key="index"
+                        style="max-width: 100px"
+                    >
+                        <component
+                            :is="col.columnFilter.component"
+                            v-if="col.columnFilter"
+                            v-model="col.columnFilter.filterValue"
+                            v-bind="col.columnFilter.attrs"
+                            v-on="col.columnFilter.event(col)"
+                            dense
+                        />
+                    </QTd>
+                </QTr>
+            </template>
+
+            <template #body-cell-itemId="props">
+                <QTd>
+                    <VnSelectFilter
+                        :options="itemsWithNameOptions"
+                        hide-selected
+                        option-label="id"
+                        option-value="id"
+                        v-model="props.row.itemFk"
+                        v-on="getRowUpdateInputEvents(props, true, 'select')"
+                    >
+                        <template #option="scope">
+                            <QItem v-bind="scope.itemProps">
+                                <QItemSection>
+                                    <QItemLabel> #{{ scope.opt?.id }} </QItemLabel>
+                                    <QItemLabel caption>{{ scope.opt?.name }}</QItemLabel>
+                                </QItemSection>
+                            </QItem>
+                        </template>
+                    </VnSelectFilter>
+                </QTd>
+            </template>
+            <template #body-cell-description="{ row }">
+                <QTd class="col">
+                    <span class="link">
+                        {{ row.name }}
+                    </span>
+                    <ItemDescriptorProxy :id="row.itemFk" />
+                    <fetched-tags :item="row" :max-length="6" />
+                </QTd>
+            </template>
+            <template #body-cell-groupingPrice="props">
+                <QTd class="col">
+                    <VnInput
+                        v-model.number="props.row.rate2"
+                        v-on="getRowUpdateInputEvents(props)"
+                    >
+                        <template #append>€</template>
+                    </VnInput>
+                </QTd>
+            </template>
+            <template #body-cell-packingPrice="props">
+                <QTd class="col">
+                    <VnInput
+                        v-model.number="props.row.rate3"
+                        v-on="getRowUpdateInputEvents(props)"
+                    >
+                        <template #append>€</template>
+                    </VnInput>
+                </QTd>
+            </template>
+            <template #body-cell-minPrice="props">
+                <QTd class="col">
+                    <div class="row">
+                        <QCheckbox
+                            class="col"
+                            :model-value="props.row.hasMinPrice"
+                            @update:model-value="updateMinPrice($event, props)"
+                            :false-value="0"
+                            :true-value="1"
+                            :toggle-indeterminate="false"
+                        />
+                        <VnInput
+                            class="col"
+                            :disable="!props.row.hasMinPrice"
+                            v-model.number="props.row.minPrice"
+                            v-on="getRowUpdateInputEvents(props)"
+                            type="number"
+                        />
+                    </div>
+                </QTd>
+            </template>
+            <template #body-cell-started="props">
+                <QTd class="col" style="min-width: 160px">
+                    <VnInputDate
+                        v-model="props.row.started"
+                        v-on="getRowUpdateInputEvents(props, false, 'date')"
+                        v-bind="
+                            isBigger(props.row.started)
+                                ? { 'bg-color': 'warning', 'is-outlined': true }
+                                : {}
+                        "
+                    />
+                </QTd>
+            </template>
+            <template #body-cell-ended="props">
+                <QTd class="col" style="min-width: 150px">
+                    <VnInputDate
+                        v-model="props.row.ended"
+                        v-on="getRowUpdateInputEvents(props, false, 'date')"
+                        v-bind="
+                            isLower(props.row.ended)
+                                ? { 'bg-color': 'warning', 'is-outlined': true }
+                                : {}
+                        "
+                    />
+                </QTd>
+            </template>
+            <template #body-cell-warehouse="props">
+                <QTd class="col">
+                    <VnSelectFilter
+                        :options="warehousesOptions"
+                        hide-selected
+                        option-label="name"
+                        option-value="id"
+                        v-model="props.row.warehouseFk"
+                        v-on="getRowUpdateInputEvents(props, false, 'select')"
+                    />
+                </QTd>
+            </template>
+            <template #body-cell-deleteAction="{ row, rowIndex }">
+                <QTd class="col">
+                    <QIcon
+                        name="delete"
+                        size="sm"
+                        class="cursor-pointer fill-icon-on-hover"
+                        color="primary"
+                        @click.stop="
+                            openConfirmationModal(
+                                t('This row will be removed'),
+                                t('Do you want to clone this item?'),
+                                () => removePrice(row.id, rowIndex)
+                            )
+                        "
+                    >
+                        <QTooltip class="text-no-wrap">
+                            {{ t('Delete') }}
+                        </QTooltip>
+                    </QIcon>
+                </QTd>
+            </template>
+            <template #bottom-row>
+                <QTd align="center">
+                    <QIcon
+                        @click.stop="addRow()"
+                        class="fill-icon-on-hover"
+                        color="primary"
+                        name="add_circle"
+                        size="sm"
+                    >
+                        <QTooltip>
+                            {{ t('Add fixed price') }}
+                        </QTooltip>
+                    </QIcon>
+                </QTd>
+            </template>
+        </QTable>
+        <QPageSticky v-if="rowsSelected.length > 0" :offset="[20, 20]">
+            <QBtn @click="openEditTableCellDialog()" color="primary" fab icon="edit" />
+            <QTooltip>
+                {{ t('Edit fixed price(s)') }}
+            </QTooltip>
+        </QPageSticky>
+        <QDialog ref="editTableCellDialogRef">
+            <EditTableCellValueForm
+                edit-url="FixedPrices/editFixedPrice"
+                :rows="rowsSelected"
+                :fields-options="editTableFieldsOptions"
+                @on-data-saved="onEditCellDataSaved()"
+            />
+        </QDialog>
+    </QPage>
+</template>
+
+<i18n>
+es:
+    Add fixed price: Añadir precio fijado
+    Edit fixed price(s): Editar precio(s) fijado(s)
+    This row will be removed: Esta linea se eliminará
+    Are you sure you want to continue?: ¿Seguro que quieres continuar?
+    Delete: Eliminar
+</i18n>
diff --git a/src/pages/Item/ItemFixedPriceFilter.vue b/src/pages/Item/ItemFixedPriceFilter.vue
new file mode 100644
index 000000000..cd86b5f71
--- /dev/null
+++ b/src/pages/Item/ItemFixedPriceFilter.vue
@@ -0,0 +1,108 @@
+<script setup>
+import { ref } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+import FetchData from 'components/FetchData.vue';
+import VnInputDate from 'src/components/common/VnInputDate.vue';
+import VnSelectFilter from 'components/common/VnSelectFilter.vue';
+import ItemsFilterPanel from 'src/components/ItemsFilterPanel.vue';
+
+const { t } = useI18n();
+
+defineProps({
+    dataKey: {
+        type: String,
+        required: true,
+    },
+    warehousesOptions: {
+        type: Array,
+        default: () => [],
+    },
+});
+
+const itemTypeWorkersOptions = ref([]);
+</script>
+
+<template>
+    <FetchData
+        url="TicketRequests/getItemTypeWorker"
+        limit="30"
+        auto-load
+        :filter="{ fields: ['id', 'nickname'], order: 'nickname ASC', limit: 30 }"
+        @on-fetch="(data) => (itemTypeWorkersOptions = data)"
+    />
+    <ItemsFilterPanel :data-key="dataKey" :custom-tags="['tags']">
+        <template #body="{ params, searchFn }">
+            <QItem class="q-my-md">
+                <QItemSection>
+                    <VnSelectFilter
+                        :label="t('components.itemsFilterPanel.buyerFk')"
+                        v-model="params.buyerFk"
+                        :options="itemTypeWorkersOptions"
+                        option-value="id"
+                        option-label="nickname"
+                        dense
+                        outlined
+                        rounded
+                        use-input
+                        @update:model-value="searchFn()"
+                    />
+                </QItemSection>
+            </QItem>
+            <QItem class="q-my-md">
+                <QItemSection>
+                    <VnSelectFilter
+                        :label="t('components.itemsFilterPanel.warehouseFk')"
+                        v-model="params.warehouseFk"
+                        :options="warehousesOptions"
+                        option-label="name"
+                        option-value="id"
+                        dense
+                        outlined
+                        rounded
+                        use-input
+                        @update:model-value="searchFn()"
+                    />
+                </QItemSection>
+            </QItem>
+            <QItem class="q-my-md">
+                <QItemSection>
+                    <VnInputDate
+                        :label="t('components.itemsFilterPanel.started')"
+                        v-model="params.started"
+                        is-outlined
+                        @update:model-value="searchFn()"
+                    />
+                </QItemSection>
+            </QItem>
+            <QItem class="q-my-md">
+                <QItemSection>
+                    <VnInputDate
+                        :label="t('components.itemsFilterPanel.ended')"
+                        v-model="params.ended"
+                        is-outlined
+                        @update:model-value="searchFn()"
+                    />
+                </QItemSection>
+            </QItem>
+            <QItem>
+                <QItemSection>
+                    <QCheckbox
+                        :label="t('components.itemsFilterPanel.mine')"
+                        v-model="params.mine"
+                        toggle-indeterminate
+                        @update:model-value="searchFn()"
+                    />
+                </QItemSection>
+                <QItemSection>
+                    <QCheckbox
+                        :label="t('components.itemsFilterPanel.hasMinPrice')"
+                        v-model="params.hasMinPrice"
+                        toggle-indeterminate
+                        @update:model-value="searchFn()"
+                    />
+                </QItemSection>
+            </QItem>
+        </template>
+    </ItemsFilterPanel>
+</template>
diff --git a/src/pages/Supplier/locale/es.yml b/src/pages/Supplier/locale/es.yml
new file mode 100644
index 000000000..e7e484f6a
--- /dev/null
+++ b/src/pages/Supplier/locale/es.yml
@@ -0,0 +1 @@
+Search suppliers: Buscar proveedores
diff --git a/src/pages/Ticket/locale/es.yml b/src/pages/Ticket/locale/es.yml
new file mode 100644
index 000000000..5348b29b9
--- /dev/null
+++ b/src/pages/Ticket/locale/es.yml
@@ -0,0 +1,2 @@
+Search ticket: Buscar ticket
+You can search by ticket id or alias: Puedes buscar por id o alias del ticket
diff --git a/src/pages/Worker/locale/es.yml b/src/pages/Worker/locale/es.yml
new file mode 100644
index 000000000..86dd9d0d9
--- /dev/null
+++ b/src/pages/Worker/locale/es.yml
@@ -0,0 +1,2 @@
+Search worker: Buscar trabajador
+You can search by worker id or name: Puedes buscar por id o nombre del trabajador

From c6c925a105766ec26074bc23a1045da0e7ca5536 Mon Sep 17 00:00:00 2001
From: jcasado <jcasado.verdnatura@gmail.com>
Date: Thu, 25 Apr 2024 08:50:12 +0200
Subject: [PATCH 102/305] refs: #6764 fixConflicts

---
 src/components/EditTableCellValueForm.vue     |  49 +--
 src/components/FormModel.vue                  |   2 +-
 src/components/FormModelPopup.vue             |  10 +-
 src/components/ui/CardDescriptor.vue          |  13 +-
 src/components/ui/CardSummary.vue             |   7 +-
 src/components/ui/VnSearchbar.vue             |   7 -
 src/components/ui/VnSubToolbar.vue            |  25 +-
 src/composables/useArrayData.js               |   7 +-
 src/css/app.scss                              |  22 ++
 src/filters/date.js                           |  18 ++
 src/i18n/locale/en.yml                        |  29 ++
 src/i18n/locale/es.yml                        |  29 ++
 src/pages/Claim/Card/ClaimCard.vue            |  51 +--
 src/pages/Customer/Card/CustomerCard.vue      |  48 +--
 src/pages/Customer/locale/es.yml              |   2 +
 src/pages/Department/Card/DepartmentCard.vue  |  29 +-
 .../Department/Card/DepartmentSummary.vue     |   1 +
 src/pages/Entry/Card/EntryCard.vue            |  53 +--
 src/pages/Entry/EntryLatestBuys.vue           |   2 +-
 src/pages/Entry/EntryLatestBuysFilter.vue     | 302 +-----------------
 src/pages/Entry/locale/es.yml                 |   2 +
 src/pages/InvoiceIn/Card/InvoiceInCard.vue    |  86 +----
 src/pages/InvoiceIn/InvoiceInFilter.vue       |  31 --
 src/pages/InvoiceOut/Card/InvoiceOutCard.vue  |  48 +--
 .../InvoiceOut/Card/InvoiceOutSummary.vue     |  21 +-
 .../InvoiceOut/InvoiceOutNegativeBases.vue    |  13 +-
 src/pages/Item/Card/ItemCard.vue              |  25 +-
 src/pages/Order/Card/OrderCard.vue            |  20 +-
 src/pages/Parking/Card/ParkingBasicData.vue   |   2 -
 src/pages/Parking/Card/ParkingCard.vue        |  58 +---
 src/pages/Parking/Card/ParkingSummary.vue     |   4 +-
 src/pages/Route/Card/RouteCard.vue            |  19 +-
 src/pages/Shelving/Card/ShelvingCard.vue      |  18 +-
 src/pages/Supplier/Card/SupplierCard.vue      |  77 +----
 src/pages/Ticket/Card/TicketCard.vue          |  78 +----
 src/pages/Ticket/Card/TicketSummary.vue       |   4 +-
 src/pages/Travel/Card/TravelCard.vue          |  52 +--
 src/pages/Wagon/Card/WagonCard.vue            |  30 +-
 src/pages/Worker/Card/WorkerCard.vue          |  50 +--
 src/pages/Worker/Card/WorkerDescriptor.vue    |   4 +-
 src/pages/Worker/Card/WorkerSummary.vue       |  17 +-
 src/router/modules/item.js                    |  13 +-
 42 files changed, 357 insertions(+), 1021 deletions(-)

diff --git a/src/components/EditTableCellValueForm.vue b/src/components/EditTableCellValueForm.vue
index e4732b45d..e45eac87e 100644
--- a/src/components/EditTableCellValueForm.vue
+++ b/src/components/EditTableCellValueForm.vue
@@ -1,9 +1,12 @@
 <script setup>
-import { ref, reactive } from 'vue';
+import { ref, markRaw } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 import VnSelect from 'src/components/common/VnSelect.vue';
 import VnInput from 'src/components/common/VnInput.vue';
+import VnInputDate from 'src/components/common/VnInputDate.vue';
+import VnRow from 'components/ui/VnRow.vue';
+import { QCheckbox } from 'quasar';
 
 import axios from 'axios';
 import useNotify from 'src/composables/useNotify.js';
@@ -28,11 +31,16 @@ const $props = defineProps({
 const { t } = useI18n();
 const { notify } = useNotify();
 
-const formData = reactive({
-    field: null,
-    newValue: null,
-});
+const inputs = {
+    input: markRaw(VnInput),
+    number: markRaw(VnInput),
+    date: markRaw(VnInputDate),
+    checkbox: markRaw(QCheckbox),
+    select: markRaw(VnSelectFilter),
+};
 
+const newValue = ref(null);
+const selectedField = ref(null);
 const closeButton = ref(null);
 const isLoading = ref(false);
 
@@ -47,8 +55,8 @@ const submitData = async () => {
         isLoading.value = true;
         const rowsToEdit = $props.rows.map((row) => ({ id: row.id, itemFk: row.itemFk }));
         const payload = {
-            field: formData.field,
-            newValue: formData.newValue,
+            field: selectedField.value.field,
+            newValue: newValue.value,
             lines: rowsToEdit,
         };
 
@@ -75,19 +83,20 @@ const closeForm = () => {
             <span class="countLines">{{ ` ${rows.length} ` }}</span>
             <span class="title">{{ t('buy(s)') }}</span>
             <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnSelect
-                        :label="t('Field to edit')"
-                        :options="fieldsOptions"
-                        hide-selected
-                        option-label="label"
-                        option-value="field"
-                        v-model="formData.field"
-                    />
-                </div>
-                <div class="col">
-                    <VnInput :label="t('Value')" v-model="formData.newValue" />
-                </div>
+                <VnSelect
+                    :label="t('Field to edit')"
+                    :options="fieldsOptions"
+                    hide-selected
+                    option-label="label"
+                    v-model="selectedField"
+                />
+                <component
+                    :is="inputs[selectedField?.component || 'input']"
+                    v-bind="selectedField?.attrs || {}"
+                    v-model="newValue"
+                    :label="t('Value')"
+                    style="width: 200px"
+                />
             </VnRow>
             <div class="q-mt-lg row justify-end">
                 <QBtn
diff --git a/src/components/FormModel.vue b/src/components/FormModel.vue
index 39cef2a4a..b18433d4e 100644
--- a/src/components/FormModel.vue
+++ b/src/components/FormModel.vue
@@ -102,7 +102,7 @@ onMounted(async () => {
 });
 
 onBeforeRouteLeave((to, from, next) => {
-    if (hasChanges.value)
+    if (hasChanges.value && $props.observeFormChanges)
         quasar.dialog({
             component: VnConfirm,
             componentProps: {
diff --git a/src/components/FormModelPopup.vue b/src/components/FormModelPopup.vue
index 74abd2726..e0a60fadc 100644
--- a/src/components/FormModelPopup.vue
+++ b/src/components/FormModelPopup.vue
@@ -76,14 +76,6 @@ defineExpose({
             <p>{{ subtitle }}</p>
             <slot name="form-inputs" :data="data" :validate="validate" />
             <div class="q-mt-lg row justify-end">
-                <QBtn
-                    :label="t('globals.save')"
-                    :title="t('globals.save')"
-                    type="submit"
-                    color="primary"
-                    :disabled="isLoading"
-                    :loading="isLoading"
-                />
                 <QBtn
                     :label="t('globals.cancel')"
                     :title="t('globals.cancel')"
@@ -96,9 +88,9 @@ defineExpose({
                 />
                 <QBtn
                     :label="t('globals.save')"
+                    :title="t('globals.save')"
                     type="submit"
                     color="primary"
-                    class="q-ml-sm"
                     :disabled="isLoading"
                     :loading="isLoading"
                 />
diff --git a/src/components/ui/CardDescriptor.vue b/src/components/ui/CardDescriptor.vue
index f30ea8937..d2ba21888 100644
--- a/src/components/ui/CardDescriptor.vue
+++ b/src/components/ui/CardDescriptor.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { onBeforeMount, useSlots, watch, computed, ref } from 'vue';
+import { onBeforeMount, watch, computed, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import SkeletonDescriptor from 'components/ui/SkeletonDescriptor.vue';
 import { useArrayData } from 'composables/useArrayData';
@@ -38,7 +38,6 @@ const $props = defineProps({
 });
 
 const state = useState();
-const slots = useSlots();
 const { t } = useI18n();
 const { viewSummary } = useSummaryDialog();
 const arrayData = useArrayData($props.dataKey || $props.module, {
@@ -47,7 +46,7 @@ const arrayData = useArrayData($props.dataKey || $props.module, {
     skip: 0,
 });
 const { store } = arrayData;
-const entity = computed(() =>Array.isArray( store.data) ? store.data[0] : store.data);
+const entity = computed(() => (Array.isArray(store.data) ? store.data[0] : store.data));
 const isLoading = ref(false);
 
 defineExpose({
@@ -55,14 +54,12 @@ defineExpose({
 });
 onBeforeMount(async () => {
     await getData();
-    watch(
-        () => $props.url,
-        async () => await getData()
-    );
+    watch($props, async () => await getData());
 });
 
 async function getData() {
     store.url = $props.url;
+    store.filter = $props.filter ?? {};
     isLoading.value = true;
     try {
         const { data } = await arrayData.fetch({ append: false, updateRouter: false });
@@ -117,7 +114,7 @@ const emit = defineEmits(['onFetch']);
                     icon="more_vert"
                     round
                     size="md"
-                    :class="{ invisible: !slots.menu }"
+                    :class="{ invisible: !$slots.menu }"
                 >
                     <QTooltip>
                         {{ t('components.cardDescriptor.moreOptions') }}
diff --git a/src/components/ui/CardSummary.vue b/src/components/ui/CardSummary.vue
index a06837cf4..1a4514ef5 100644
--- a/src/components/ui/CardSummary.vue
+++ b/src/components/ui/CardSummary.vue
@@ -15,7 +15,7 @@ const props = defineProps({
         default: null,
     },
     entityId: {
-        type: Number,
+        type: [Number, String],
         default: null,
     },
     dataKey: {
@@ -32,7 +32,7 @@ const arrayData = useArrayData(props.dataKey || route.meta.moduleName, {
     skip: 0,
 });
 const { store } = arrayData;
-const entity = computed(() => Array.isArray(store.data) ? store.data[0] : store.data);
+const entity = computed(() => (Array.isArray(store.data) ? store.data[0] : store.data));
 const isLoading = ref(false);
 
 defineExpose({
@@ -48,9 +48,10 @@ onBeforeMount(async () => {
 
 async function fetch() {
     store.url = props.url;
+    store.filter = props.filter ?? {};
     isLoading.value = true;
     const { data } = await arrayData.fetch({ append: false, updateRouter: false });
-    emit('onFetch', data);
+    emit('onFetch', Array.isArray(data) ? data[0] : data);
     isLoading.value = false;
 }
 </script>
diff --git a/src/components/ui/VnSearchbar.vue b/src/components/ui/VnSearchbar.vue
index ddf520d0f..fc8475ace 100644
--- a/src/components/ui/VnSearchbar.vue
+++ b/src/components/ui/VnSearchbar.vue
@@ -131,13 +131,6 @@ async function search() {
                 />
             </template>
             <template #append>
-                <QIcon
-                    v-if="searchText !== ''"
-                    name="close"
-                    @click="searchText = ''"
-                    class="cursor-pointer"
-                />
-
                 <QIcon
                     v-if="props.info && $q.screen.gt.xs"
                     name="info"
diff --git a/src/components/ui/VnSubToolbar.vue b/src/components/ui/VnSubToolbar.vue
index 22eebdf36..c0d129613 100644
--- a/src/components/ui/VnSubToolbar.vue
+++ b/src/components/ui/VnSubToolbar.vue
@@ -1,11 +1,27 @@
 <script setup>
-import { onMounted, onUnmounted } from 'vue';
+import { onMounted, onUnmounted, ref } from 'vue';
 import { useStateStore } from 'stores/useStateStore';
-
 const stateStore = useStateStore();
+const actions = ref(null);
+const data = ref(null);
+const opts = { subtree: true, childList: true, attributes: true };
+const hasContent = ref(false);
 
 onMounted(() => {
     stateStore.toggleSubToolbar();
+    actions.value = document.querySelector('#st-actions');
+    data.value = document.querySelector('#st-data');
+
+    if (!actions.value && !data.value) return;
+
+    // Check if there's content to display
+    const observer = new MutationObserver(
+        () =>
+            (hasContent.value =
+                actions.value.childNodes.length + data.value.childNodes.length)
+    );
+    if (actions.value) observer.observe(actions.value, opts);
+    if (data.value) observer.observe(data.value, opts);
 });
 
 onUnmounted(() => {
@@ -14,7 +30,10 @@ onUnmounted(() => {
 </script>
 
 <template>
-    <QToolbar class="bg-vn-section-color justify-end sticky">
+    <QToolbar
+        class="justify-end sticky"
+        v-show="hasContent || $slots['st-actions'] || $slots['st-data']"
+    >
         <slot name="st-data">
             <div id="st-data"></div>
         </slot>
diff --git a/src/composables/useArrayData.js b/src/composables/useArrayData.js
index 490186e77..525cf6e6b 100644
--- a/src/composables/useArrayData.js
+++ b/src/composables/useArrayData.js
@@ -151,9 +151,10 @@ export function useArrayData(key, userOptions) {
                 delete store.userParams[param];
                 delete params[param];
                 if (store.filter?.where) {
-                    delete store.filter.where[
-                        Object.keys(exprBuilder ? exprBuilder(param) : param)[0]
-                    ];
+                    const key = Object.keys(
+                        exprBuilder && exprBuilder(param) ? exprBuilder(param) : param
+                    );
+                    if (key[0]) delete store.filter.where[key[0]];
                     if (Object.keys(store.filter.where).length === 0) {
                         delete store.filter.where;
                     }
diff --git a/src/css/app.scss b/src/css/app.scss
index b33c615e1..770df8e01 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -119,6 +119,11 @@ select:-webkit-autofill {
     font-variation-settings: 'FILL' 1;
 }
 
+.fill-icon-on-hover:hover {
+    font-variation-settings: 'FILL' 1;
+    cursor: pointer;
+}
+
 .vn-table-separation-row {
     height: 16px !important;
     background-color: var(--vn-section-color) !important;
@@ -136,6 +141,19 @@ select:-webkit-autofill {
     background-color: var(--vn-section-color);
 }
 
+.q-checkbox {
+    & .q-checkbox__label {
+        color: var(--vn-text-color);
+    }
+    & .q-checkbox__inner {
+        color: var(--vn-label-color);
+    }
+}
+
+.tr-header {
+    color: var(--vn-label-color);
+}
+
 .q-chip,
 .q-notification__message,
 .q-notification__icon {
@@ -169,3 +187,7 @@ input::-webkit-inner-spin-button {
     -webkit-appearance: none;
     -moz-appearance: none;
 }
+
+.q-scrollarea__content {
+    max-width: 100%;
+}
diff --git a/src/filters/date.js b/src/filters/date.js
index fc341ae32..f9fd1e0b2 100644
--- a/src/filters/date.js
+++ b/src/filters/date.js
@@ -112,3 +112,21 @@ export function secondsToHoursMinutes(seconds, includeHSuffix = true) {
     // Return formatted string
     return formattedHours + ':' + formattedMinutes + suffix;
 }
+
+export function getTimeDifferenceWithToday(date) {
+    let today = Date.vnNew();
+    today.setHours(0, 0, 0, 0);
+
+    date = new Date(date);
+    date.setHours(0, 0, 0, 0);
+
+    return today - date;
+}
+
+export function isLower(date) {
+    return getTimeDifferenceWithToday(date) > 0;
+}
+
+export function isBigger(date) {
+    return getTimeDifferenceWithToday(date) < 0;
+}
diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index 1bab871e1..ff57bf968 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -1119,6 +1119,7 @@ item:
         list: List
         diary: Diary
         tags: Tags
+        fixedPrice: Fixed prices
         wasteBreakdown: Waste breakdown
         itemCreate: New item
     descriptor:
@@ -1148,6 +1149,15 @@ item:
         stemMultiplier: Multiplier
         producer: Producer
         landed: Landed
+    fixedPrice:
+        itemId: Item ID
+        groupingPrice: Grouping price
+        packingPrice: Packing price
+        hasMinPrice: Has min price
+        minPrice: Min price
+        started: Started
+        ended: Ended
+        warehouse: Warehouse
     create:
         name: Name
         tag: Tag
@@ -1157,6 +1167,25 @@ item:
         origin: Origin
 components:
     topbar: {}
+    itemsFilterPanel:
+        typeFk: Type
+        tag: Tag
+        value: Value
+        # ItemFixedPriceFilter
+        buyerFk: Buyer
+        warehouseFk: Warehouse
+        started: From
+        ended: To
+        mine: For me
+        hasMinPrice: Minimum price
+        # LatestBuysFilter
+        salesPersonFk: Buyer
+        supplierFk: Supplier
+        from: From
+        to: To
+        active: Is active
+        visible: Is visible
+        floramondo: Is floramondo
     userPanel:
         copyToken: Token copied to clipboard
         settings: Settings
diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index 01775dfee..f9278a9b0 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -1118,6 +1118,7 @@ item:
         list: Listado
         diary: Histórico
         tags: Etiquetas
+        fixedPrice: Precios fijados
         wasteBreakdown: Deglose de mermas
         itemCreate: Nuevo artículo
     descriptor:
@@ -1147,6 +1148,15 @@ item:
         stemMultiplier: Multiplicador
         producer: Productor
         landed: F. entrega
+    fixedPrice:
+        itemId: ID Artículo
+        groupingPrice: Precio grouping
+        packingPrice: Precio packing
+        hasMinPrice: Tiene precio mínimo
+        minPrice: Precio min
+        started: Inicio
+        ended: Fin
+        warehouse: Almacén
     create:
         name: Nombre
         tag: Etiqueta
@@ -1156,6 +1166,25 @@ item:
         origin: Origen
 components:
     topbar: {}
+    itemsFilterPanel:
+        typeFk: Tipo
+        tag: Etiqueta
+        value: Valor
+        # ItemFixedPriceFilter
+        buyerFk: Comprador
+        warehouseFk: Almacén
+        started: Desde
+        ended: Hasta
+        mine: Para mi
+        hasMinPrice: Precio mínimo
+        # LatestBuysFilter
+        salesPersonFk: Comprador
+        supplierFk: Proveedor
+        from: Desde
+        to: Hasta
+        active: Activo
+        visible: Visible
+        floramondo: Floramondo
     userPanel:
         copyToken: Token copiado al portapapeles
         settings: Configuración
diff --git a/src/pages/Claim/Card/ClaimCard.vue b/src/pages/Claim/Card/ClaimCard.vue
index 78eec9e8d..b2f9c4d2e 100644
--- a/src/pages/Claim/Card/ClaimCard.vue
+++ b/src/pages/Claim/Card/ClaimCard.vue
@@ -1,46 +1,15 @@
 <script setup>
-import LeftMenu from 'components/LeftMenu.vue';
-import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
-import { useStateStore } from 'stores/useStateStore';
-import { useI18n } from 'vue-i18n';
+import VnCard from 'components/common/VnCard.vue';
 import ClaimDescriptor from './ClaimDescriptor.vue';
-import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
-import useCardSize from 'src/composables/useCardSize';
-
-const stateStore = useStateStore();
-const { t } = useI18n();
 </script>
 <template>
-    <Teleport to="#searchbar" v-if="stateStore.isHeaderMounted()">
-        <VnSearchbar
-            data-key="ClaimList"
-            url="Claims/filter"
-            :label="t('Search claim')"
-            :info="t('You can search by claim id or customer name')"
-        />
-    </Teleport>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit">
-            <ClaimDescriptor />
-            <QSeparator />
-            <LeftMenu source="card" />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <QPage>
-            <VnSubToolbar />
-            <div :class="useCardSize()">
-                <RouterView></RouterView>
-            </div>
-        </QPage>
-    </QPageContainer>
+    <VnCard
+        data-key="Claim"
+        base-url="Claims"
+        :descriptor="ClaimDescriptor"
+        searchbar-data-key="ClaimList"
+        searchbar-url="Claims/filter"
+        searchbar-label="Search claim"
+        searchbar-info="You can search by claim id or customer name"
+    />
 </template>
-
-<i18n>
-es:
-    Search claim: Buscar reclamación
-    You can search by claim id or customer name: Puedes buscar por id de la reclamación o nombre del cliente
-    Details: Detalles
-    Notes: Notas
-    Action: Acción
-</i18n>
diff --git a/src/pages/Customer/Card/CustomerCard.vue b/src/pages/Customer/Card/CustomerCard.vue
index f3ca74eaf..872bd7da7 100644
--- a/src/pages/Customer/Card/CustomerCard.vue
+++ b/src/pages/Customer/Card/CustomerCard.vue
@@ -1,43 +1,15 @@
 <script setup>
-import { useI18n } from 'vue-i18n';
-import { useStateStore } from 'stores/useStateStore';
+import VnCard from 'components/common/VnCard.vue';
 import CustomerDescriptor from './CustomerDescriptor.vue';
-import LeftMenu from 'components/LeftMenu.vue';
-import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
-import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
-import useCardSize from 'src/composables/useCardSize';
-
-const stateStore = useStateStore();
-const { t } = useI18n();
 </script>
 <template>
-    <Teleport to="#searchbar" v-if="stateStore.isHeaderMounted()">
-        <VnSearchbar
-            data-key="CustomerList"
-            url="Clients/filter"
-            :label="t('Search customer')"
-            :info="t('You can search by customer id or name')"
-        />
-    </Teleport>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit">
-            <CustomerDescriptor />
-            <QSeparator />
-            <LeftMenu source="card" />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <QPage>
-            <VnSubToolbar />
-            <div :class="useCardSize()">
-                <RouterView></RouterView>
-            </div>
-        </QPage>
-    </QPageContainer>
+    <VnCard
+        data-key="Client"
+        base-url="Clients"
+        :descriptor="CustomerDescriptor"
+        searchbar-data-key="CustomerList"
+        searchbar-url="Clients/filter"
+        searchbar-label="Search customer"
+        searchbar-info="You can search by customer id or name"
+    />
 </template>
-
-<i18n>
-es:
-    Search customer: Buscar cliente
-    You can search by customer id or name: Puedes buscar por id o nombre del cliente
-</i18n>
diff --git a/src/pages/Customer/locale/es.yml b/src/pages/Customer/locale/es.yml
index 8fed37092..111696f21 100644
--- a/src/pages/Customer/locale/es.yml
+++ b/src/pages/Customer/locale/es.yml
@@ -1,3 +1,5 @@
+Search customer: Buscar cliente
+You can search by customer id or name: Puedes buscar por id o nombre del cliente
 customerFilter:
     filter:
         name: Nombre
diff --git a/src/pages/Department/Card/DepartmentCard.vue b/src/pages/Department/Card/DepartmentCard.vue
index da9accee1..21247ca5a 100644
--- a/src/pages/Department/Card/DepartmentCard.vue
+++ b/src/pages/Department/Card/DepartmentCard.vue
@@ -1,26 +1,13 @@
 <script setup>
-import { useStateStore } from 'stores/useStateStore';
+import VnCard from 'components/common/VnCard.vue';
 import DepartmentDescriptor from 'pages/Department/Card/DepartmentDescriptor.vue';
-import LeftMenu from 'components/LeftMenu.vue';
-import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
-
-const stateStore = useStateStore();
 </script>
 <template>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit">
-            <DepartmentDescriptor />
-            <QSeparator />
-            <LeftMenu source="card" />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <QPage>
-            <VnSubToolbar />
-
-            <div class="q-pa-md column items-center">
-                <RouterView></RouterView>
-            </div>
-        </QPage>
-    </QPageContainer>
+    <VnCard
+        class="q-pa-md column items-center"
+        v-bind="{ ...$attrs }"
+        data-key="Department"
+        base-url="Departments"
+        :descriptor="DepartmentDescriptor"
+    />
 </template>
diff --git a/src/pages/Department/Card/DepartmentSummary.vue b/src/pages/Department/Card/DepartmentSummary.vue
index 1d42183c3..6377ac779 100644
--- a/src/pages/Department/Card/DepartmentSummary.vue
+++ b/src/pages/Department/Card/DepartmentSummary.vue
@@ -27,6 +27,7 @@ onMounted(async () => {
 
 <template>
     <CardSummary
+        data-key="DepartmentSummary"
         ref="summary"
         :url="`Departments/${entityId}`"
         class="full-width"
diff --git a/src/pages/Entry/Card/EntryCard.vue b/src/pages/Entry/Card/EntryCard.vue
index 5a2bef186..3eb4bd776 100644
--- a/src/pages/Entry/Card/EntryCard.vue
+++ b/src/pages/Entry/Card/EntryCard.vue
@@ -1,48 +1,15 @@
 <script setup>
-import { useI18n } from 'vue-i18n';
-
-import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
-import LeftMenu from 'components/LeftMenu.vue';
-import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
+import VnCard from 'components/common/VnCard.vue';
 import EntryDescriptor from './EntryDescriptor.vue';
-
-import { useStateStore } from 'stores/useStateStore';
-import useCardSize from 'src/composables/useCardSize';
-
-const { t } = useI18n();
-const stateStore = useStateStore();
 </script>
 <template>
-    <template v-if="stateStore.isHeaderMounted()">
-        <Teleport to="#searchbar">
-            <VnSearchbar
-                data-key="EntryList"
-                url="Entries/filter"
-                :label="t('Search entries')"
-                :info="t('You can search by entry reference')"
-            />
-        </Teleport>
-    </template>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit">
-            <EntryDescriptor />
-            <QSeparator />
-            <LeftMenu source="card" />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <QPage>
-            <VnSubToolbar />
-
-            <div :class="useCardSize()">
-                <RouterView></RouterView>
-            </div>
-        </QPage>
-    </QPageContainer>
+    <VnCard
+        data-key="Entry"
+        base-url="Entries"
+        :descriptor="EntryDescriptor"
+        searchbar-data-key="EntryList"
+        searchbar-url="Entries/filter"
+        searchbar-label="Search entries"
+        searchbar-info="You can search by entry reference"
+    />
 </template>
-
-<i18n>
-es:
-    Search entries: Buscar entradas
-    You can search by entry reference: Puedes buscar por referencia de la entrada
-</i18n>
diff --git a/src/pages/Entry/EntryLatestBuys.vue b/src/pages/Entry/EntryLatestBuys.vue
index 951c4b5fb..c3e83c96f 100644
--- a/src/pages/Entry/EntryLatestBuys.vue
+++ b/src/pages/Entry/EntryLatestBuys.vue
@@ -650,7 +650,7 @@ onUnmounted(() => (stateStore.rightDrawer = false));
     </QToolbar>
     <QDrawer v-model="stateStore.rightDrawer" side="right" :width="256" show-if-above>
         <QScrollArea class="fit text-grey-8">
-            <EntryLatestBuysFilter data-key="EntryLatestBuys" :tags="tags" />
+            <EntryLatestBuysFilter data-key="EntryLatestBuys" />
         </QScrollArea>
     </QDrawer>
     <QPage class="column items-center q-pa-md">
diff --git a/src/pages/Entry/EntryLatestBuysFilter.vue b/src/pages/Entry/EntryLatestBuysFilter.vue
index 5a03da1f6..933919a24 100644
--- a/src/pages/Entry/EntryLatestBuysFilter.vue
+++ b/src/pages/Entry/EntryLatestBuysFilter.vue
@@ -1,141 +1,26 @@
 <script setup>
-import { computed, ref } from 'vue';
+import { ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import VnInput from 'components/common/VnInput.vue';
 import FetchData from 'components/FetchData.vue';
 import VnInputDate from 'src/components/common/VnInputDate.vue';
-import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
 import VnSelect from 'components/common/VnSelect.vue';
-import VnFilterPanelChip from 'components/ui/VnFilterPanelChip.vue';
-
-import axios from 'axios';
+import ItemsFilterPanel from 'src/components/ItemsFilterPanel.vue';
 
 const { t } = useI18n();
-const props = defineProps({
+
+defineProps({
     dataKey: {
         type: String,
         required: true,
     },
 });
 
-const itemCategories = ref([]);
-const selectedCategoryFk = ref(null);
-const selectedTypeFk = ref(null);
-const itemTypesOptions = ref([]);
 const itemTypeWorkersOptions = ref([]);
 const suppliersOptions = ref([]);
-const tagOptions = ref([]);
-const tagValues = ref([]);
-
-const categoryList = computed(() => {
-    return (itemCategories.value || [])
-        .filter((category) => category.display)
-        .map((category) => ({
-            ...category,
-            icon: `vn:${(category.icon || '').split('-')[1]}`,
-        }));
-});
-
-const selectedCategory = computed(() =>
-    (itemCategories.value || []).find(
-        (category) => category?.id === selectedCategoryFk.value
-    )
-);
-
-const selectedType = computed(() => {
-    return (itemTypesOptions.value || []).find(
-        (type) => type?.id === selectedTypeFk.value
-    );
-});
-
-const selectCategory = async (params, categoryId, search) => {
-    if (params.categoryFk === categoryId) {
-        resetCategory(params);
-        search();
-        return;
-    }
-    selectedCategoryFk.value = categoryId;
-    params.categoryFk = categoryId;
-    await fetchItemTypes(categoryId);
-    search();
-};
-
-const resetCategory = (params) => {
-    selectedCategoryFk.value = null;
-    itemTypesOptions.value = null;
-    if (params) {
-        params.categoryFk = null;
-        params.typeFk = null;
-    }
-};
-
-const applyTags = (params, search) => {
-    params.tags = tagValues.value
-        .filter((tag) => tag.selectedTag && tag.value)
-        .map((tag) => ({
-            tagFk: tag.selectedTag.id,
-            tagName: tag.selectedTag.name,
-            value: tag.value,
-        }));
-    search();
-};
-
-const fetchItemTypes = async (id) => {
-    try {
-        const filter = {
-            fields: ['id', 'name', 'categoryFk'],
-            where: { categoryFk: id },
-            include: 'category',
-            order: 'name ASC',
-        };
-        const { data } = await axios.get('ItemTypes', {
-            params: { filter: JSON.stringify(filter) },
-        });
-        itemTypesOptions.value = data;
-    } catch (err) {
-        console.error('Error fetching item types', err);
-    }
-};
-
-const getCategoryClass = (category, params) => {
-    if (category.id === params?.categoryFk) {
-        return 'active';
-    }
-};
-
-const getSelectedTagValues = async (tag) => {
-    try {
-        tag.value = null;
-        const filter = {
-            fields: ['value'],
-            order: 'value ASC',
-            limit: 30,
-        };
-
-        const params = { filter: JSON.stringify(filter) };
-        const { data } = await axios.get(`Tags/${tag.selectedTag.id}/filterValue`, {
-            params,
-        });
-        tag.valueOptions = data;
-    } catch (err) {
-        console.error('Error getting selected tag values');
-    }
-};
-
-const removeTag = (index, params, search) => {
-    (tagValues.value || []).splice(index, 1);
-    applyTags(params, search);
-};
 </script>
 
 <template>
-    <FetchData
-        url="ItemCategories"
-        limit="30"
-        auto-load
-        @on-fetch="(data) => (itemCategories = data)"
-    />
     <FetchData
         url="TicketRequests/getItemTypeWorker"
         limit="30"
@@ -150,102 +35,12 @@ const removeTag = (index, params, search) => {
         :filter="{ fields: ['id', 'name', 'nickname'], order: 'name ASC', limit: 30 }"
         @on-fetch="(data) => (suppliersOptions = data)"
     />
-    <FetchData
-        url="Tags"
-        :filter="{ fields: ['id', 'name', 'isFree'] }"
-        auto-load
-        limit="30"
-        @on-fetch="(data) => (tagOptions = data)"
-    />
-    <VnFilterPanel
-        :data-key="props.dataKey"
-        :expr-builder="exprBuilder"
-        :custom-tags="['tags']"
-        @init="onFilterInit"
-        @remove="clearFilter"
-    >
-        <template #tags="{ tag, formatFn }">
-            <strong v-if="tag.label === 'categoryFk'">
-                {{ t(selectedCategory?.name || '') }}
-            </strong>
-            <strong v-else-if="tag.label === 'typeFk'">
-                {{ t(selectedType?.name || '') }}
-            </strong>
-            <div v-else class="q-gutter-x-xs">
-                <strong>{{ t(`params.${tag.label}`) }}: </strong>
-                <span>{{ formatFn(tag.value) }}</span>
-            </div>
-        </template>
-        <template #customTags="{ tags: customTags, params }">
-            <template v-for="tag in customTags" :key="tag.label">
-                <VnFilterPanelChip
-                    v-for="chip in tag.value"
-                    :key="chip"
-                    removable
-                    @remove="removeTagChip(chip, params, searchFn)"
-                >
-                    <div class="q-gutter-x-xs">
-                        <strong>{{ chip.tagName }}: </strong>
-                        <span>"{{ chip.value }}"</span>
-                    </div>
-                </VnFilterPanelChip>
-            </template>
-        </template>
+    <ItemsFilterPanel :data-key="dataKey" :custom-tags="['tags']">
         <template #body="{ params, searchFn }">
-            <QItem class="category-filter q-mt-md">
-                <QBtn
-                    dense
-                    flat
-                    round
-                    v-for="category in categoryList"
-                    :key="category.name"
-                    :class="['category', getCategoryClass(category, params)]"
-                    :icon="category.icon"
-                    @click="selectCategory(params, category.id, searchFn)"
-                >
-                    <QTooltip>
-                        {{ t(category.name) }}
-                    </QTooltip>
-                </QBtn>
-            </QItem>
             <QItem class="q-my-md">
                 <QItemSection>
                     <VnSelect
-                        :label="t('params.typeFk')"
-                        v-model="params.typeFk"
-                        :options="itemTypesOptions"
-                        option-value="id"
-                        option-label="name"
-                        dense
-                        outlined
-                        rounded
-                        use-input
-                        :disable="!selectedCategoryFk"
-                        @update:model-value="
-                            (value) => {
-                                selectedTypeFk = value;
-                                searchFn();
-                            }
-                        "
-                    >
-                        <template #option="{ itemProps, opt }">
-                            <QItem v-bind="itemProps">
-                                <QItemSection>
-                                    <QItemLabel>{{ opt.name }}</QItemLabel>
-                                    <QItemLabel caption>
-                                        {{ opt.categoryName }}
-                                    </QItemLabel>
-                                </QItemSection>
-                            </QItem>
-                        </template>
-                    </VnSelect>
-                </QItemSection>
-            </QItem>
-            <QSeparator />
-            <QItem class="q-my-md">
-                <QItemSection>
-                    <VnSelect
-                        :label="t('params.salesPersonFk')"
+                        :label="t('components.itemsFilterPanel.salesPersonFk')"
                         v-model="params.salesPersonFk"
                         :options="itemTypeWorkersOptions"
                         option-value="id"
@@ -288,7 +83,7 @@ const removeTag = (index, params, search) => {
             <QItem class="q-my-md">
                 <QItemSection>
                     <VnInputDate
-                        :label="t('params.from')"
+                        :label="t('components.itemsFilterPanel.from')"
                         v-model="params.from"
                         is-outlined
                         @update:model-value="searchFn()"
@@ -298,7 +93,7 @@ const removeTag = (index, params, search) => {
             <QItem class="q-my-md">
                 <QItemSection>
                     <VnInputDate
-                        :label="t('params.to')"
+                        :label="t('components.itemsFilterPanel.to')"
                         v-model="params.to"
                         is-outlined
                         @update:model-value="searchFn()"
@@ -308,7 +103,7 @@ const removeTag = (index, params, search) => {
             <QItem>
                 <QItemSection>
                     <QCheckbox
-                        :label="t('params.active')"
+                        :label="t('components.itemsFilterPanel.active')"
                         v-model="params.active"
                         toggle-indeterminate
                         @update:model-value="searchFn()"
@@ -316,7 +111,7 @@ const removeTag = (index, params, search) => {
                 </QItemSection>
                 <QItemSection>
                     <QCheckbox
-                        :label="t('params.visible')"
+                        :label="t('components.itemsFilterPanel.visible')"
                         v-model="params.visible"
                         toggle-indeterminate
                         @update:model-value="searchFn()"
@@ -326,7 +121,7 @@ const removeTag = (index, params, search) => {
             <QItem>
                 <QItemSection>
                     <QCheckbox
-                        :label="t('params.floramondo')"
+                        :label="t('components.itemsFilterPanel.floramondo')"
                         v-model="params.floramondo"
                         toggle-indeterminate
                         @update:model-value="searchFn()"
@@ -397,78 +192,5 @@ const removeTag = (index, params, search) => {
                 />
             </QItem>
         </template>
-    </VnFilterPanel>
+    </ItemsFilterPanel>
 </template>
-
-<style lang="scss" scoped>
-.category-filter {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: center;
-    gap: 12px;
-
-    .category {
-        padding: 8px;
-        width: 60px;
-        height: 60px;
-        font-size: 1.4rem;
-        background-color: var(--vn-accent-color);
-
-        &.active {
-            background-color: $primary;
-        }
-    }
-}
-
-.filter-icon {
-    font-size: 24px;
-    color: $primary;
-    padding: 0 4px;
-    cursor: pointer;
-}
-
-.filter-input {
-    flex-shrink: 1;
-    min-width: 0;
-}
-
-.filter-value {
-    display: flex;
-    align-items: center;
-}
-</style>
-
-<i18n>
-en:
-    params:
-        supplier: Supplier
-        from: From
-        to: To
-        active: Is active
-        visible: Is visible
-        floramondo: Is floramondo
-        salesPersonFk: Buyer
-        categoryFk: Category
-        typeFk: Type
-        tag: Tag
-        value: Value
-es:
-    params:
-        supplier: Proveedor
-        from: Desde
-        to: Hasta
-        active: Activo
-        visible: Visible
-        floramondo: Floramondo
-        salesPersonFk: Comprador
-        categoryFk: Categoría
-        typeFk: Tipo
-        tag: Etiqueta
-        value: Valor
-    Plant: Planta
-    Flower: Flor
-    Handmade: Confección
-    Green: Verde
-    Accessories: Complemento
-    Fruit: Fruta
-</i18n>
diff --git a/src/pages/Entry/locale/es.yml b/src/pages/Entry/locale/es.yml
index 192d03542..5d317a24a 100644
--- a/src/pages/Entry/locale/es.yml
+++ b/src/pages/Entry/locale/es.yml
@@ -1,3 +1,5 @@
+Search entries: Buscar entradas
+You can search by entry reference: Puedes buscar por referencia de la entrada
 entryList:
     list:
         inventoryEntry: Es inventario
diff --git a/src/pages/InvoiceIn/Card/InvoiceInCard.vue b/src/pages/InvoiceIn/Card/InvoiceInCard.vue
index 0de31c183..ceec5042d 100644
--- a/src/pages/InvoiceIn/Card/InvoiceInCard.vue
+++ b/src/pages/InvoiceIn/Card/InvoiceInCard.vue
@@ -1,18 +1,6 @@
 <script setup>
-import { useI18n } from 'vue-i18n';
-import { useStateStore } from 'stores/useStateStore';
+import VnCard from 'components/common/VnCard.vue';
 import InvoiceInDescriptor from './InvoiceInDescriptor.vue';
-import LeftMenu from 'components/LeftMenu.vue';
-import VnSearchbar from 'components/ui/VnSearchbar.vue';
-import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
-import { useArrayData } from 'src/composables/useArrayData';
-import { onMounted, watch } from 'vue';
-import { useRoute } from 'vue-router';
-import useCardSize from 'src/composables/useCardSize';
-
-const stateStore = useStateStore();
-const { t } = useI18n();
-const route = useRoute();
 
 const filter = {
     include: [
@@ -21,69 +9,25 @@ const filter = {
             scope: {
                 include: {
                     relation: 'contacts',
-                    scope: {
-                        where: {
-                            email: { neq: null },
-                        },
-                    },
+                    scope: { where: { email: { neq: null } } },
                 },
             },
         },
-        {
-            relation: 'invoiceInDueDay',
-        },
-        {
-            relation: 'company',
-        },
-        {
-            relation: 'currency',
-        },
+        { relation: 'invoiceInDueDay' },
+        { relation: 'company' },
+        { relation: 'currency' },
     ],
 };
-const arrayData = useArrayData('InvoiceIn', {
-    url: `InvoiceIns/${route.params.id}`,
-    filter,
-});
-
-onMounted(async () => await arrayData.fetch({ append: false }));
-watch(
-    () => route.params.id,
-    async (newId, oldId) => {
-        if (newId) {
-            arrayData.store.url = `InvoiceIns/${newId}`;
-            await arrayData.fetch({ append: false });
-        }
-    }
-);
 </script>
 <template>
-    <Teleport to="#searchbar" v-if="stateStore.isHeaderMounted()">
-        <VnSearchbar
-            data-key="InvoiceInList"
-            url="InvoiceIns/filter"
-            :label="t('Search invoice')"
-            :info="t('You can search by invoice reference')"
-        />
-    </Teleport>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit">
-            <InvoiceInDescriptor />
-            <QSeparator />
-            <LeftMenu source="card" />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <QPage>
-            <VnSubToolbar />
-            <div :class="useCardSize()">
-                <RouterView></RouterView>
-            </div>
-        </QPage>
-    </QPageContainer>
+    <VnCard
+        data-key="InvoiceIn"
+        base-url="InvoiceIns"
+        :filter="filter"
+        :descriptor="InvoiceInDescriptor"
+        searchbar-data-key="InvoiceInList"
+        searchbar-url="InvoiceIns/filter"
+        searchbar-label="Search invoice"
+        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/InvoiceInFilter.vue b/src/pages/InvoiceIn/InvoiceInFilter.vue
index 5126ea2f4..4601c9af6 100644
--- a/src/pages/InvoiceIn/InvoiceInFilter.vue
+++ b/src/pages/InvoiceIn/InvoiceInFilter.vue
@@ -7,7 +7,6 @@ import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
 import FetchData from 'components/FetchData.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import VnInputDate from 'components/common/VnInputDate.vue';
-import { useCapitalize } from 'src/composables/useCapitalize';
 import VnCurrency from 'src/components/common/VnCurrency.vue';
 
 const { t } = useI18n();
@@ -83,36 +82,6 @@ const suppliersRef = ref();
                     </VnInput>
                 </QItemSection>
             </QItem>
-            <QItem>
-                <QItemSection>
-                    <VnSelect
-                        :label="t('params.supplierFk')"
-                        v-model="params.supplierFk"
-                        :options="suppliers"
-                        option-value="id"
-                        option-label="nickname"
-                        @input-value="suppliersRef.fetch()"
-                        dense
-                        outlined
-                        rounded
-                    >
-                    </VnSelect>
-                </QItemSection>
-            </QItem>
-            <QItem>
-                <QItemSection>
-                    <VnInput
-                        :label="t('params.supplierRef')"
-                        v-model="params.supplierRef"
-                        is-outlined
-                        lazy-rules
-                    >
-                        <template #prepend>
-                            <QIcon name="vn:client" size="sm"></QIcon>
-                        </template>
-                    </VnInput>
-                </QItemSection>
-            </QItem>
             <QItem>
                 <QItemSection>
                     <VnInputDate :label="t('From')" v-model="params.from" is-outlined />
diff --git a/src/pages/InvoiceOut/Card/InvoiceOutCard.vue b/src/pages/InvoiceOut/Card/InvoiceOutCard.vue
index 6844df2dd..218e01d83 100644
--- a/src/pages/InvoiceOut/Card/InvoiceOutCard.vue
+++ b/src/pages/InvoiceOut/Card/InvoiceOutCard.vue
@@ -1,43 +1,15 @@
 <script setup>
-import { useI18n } from 'vue-i18n';
-import { useStateStore } from 'stores/useStateStore';
 import InvoiceOutDescriptor from './InvoiceOutDescriptor.vue';
-import LeftMenu from 'components/LeftMenu.vue';
-import VnSearchbar from 'components/ui/VnSearchbar.vue';
-import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
-import useCardSize from 'src/composables/useCardSize';
-
-const stateStore = useStateStore();
-const { t } = useI18n();
+import VnCard from 'components/common/VnCard.vue';
 </script>
 <template>
-    <Teleport to="#searchbar" v-if="stateStore.isHeaderMounted()">
-        <VnSearchbar
-            data-key="InvoiceOutList"
-            url="InvoiceOuts/filter"
-            :label="t('Search invoice')"
-            :info="t('You can search by invoice reference')"
-        />
-    </Teleport>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit">
-            <InvoiceOutDescriptor />
-            <QSeparator />
-            <LeftMenu source="card" />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <QPage>
-            <VnSubToolbar />
-            <div :class="useCardSize()">
-                <RouterView></RouterView>
-            </div>
-        </QPage>
-    </QPageContainer>
+    <VnCard
+        data-key="InvoiceOut"
+        base-url="InvoiceOuts"
+        :descriptor="InvoiceOutDescriptor"
+        searchbar-data-key="InvoiceOutList"
+        searchbar-url="InvoiceOuts/filter"
+        searchbar-label="Search invoice"
+        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/Card/InvoiceOutSummary.vue b/src/pages/InvoiceOut/Card/InvoiceOutSummary.vue
index a6a28bdde..e98de6b30 100644
--- a/src/pages/InvoiceOut/Card/InvoiceOutSummary.vue
+++ b/src/pages/InvoiceOut/Card/InvoiceOutSummary.vue
@@ -138,7 +138,7 @@ const ticketsColumns = ref([
                 <VnTitle :text="t('invoiceOut.summary.taxBreakdown')" />
                 <QTable :columns="taxColumns" :rows="invoiceOut.taxesBreakdown" flat>
                     <template #header="props">
-                        <QTr :props="props">
+                        <QTr class="tr-header" :props="props">
                             <QTh v-for="col in props.cols" :key="col.name" :props="props">
                                 {{ t(col.label) }}
                             </QTh>
@@ -149,6 +149,18 @@ const ticketsColumns = ref([
             <QCard class="vn-three">
                 <VnTitle :text="t('invoiceOut.summary.tickets')" />
                 <QTable v-if="tickets" :columns="ticketsColumns" :rows="tickets" flat>
+                    <template #header="props">
+                        <QTr :props="props">
+                            <QTh
+                                class="tr-header"
+                                v-for="col in props.cols"
+                                :key="col.name"
+                                :props="props"
+                            >
+                                {{ t(col.label) }}
+                            </QTh>
+                        </QTr>
+                    </template>
                     <template #body-cell-item="{ value }">
                         <QTd>
                             <QBtn flat color="primary">
@@ -159,7 +171,7 @@ const ticketsColumns = ref([
                     </template>
                     <template #body-cell-quantity="{ value, row }">
                         <QTd>
-                            <QBtn flat color="primary" dense>
+                            <QBtn class="no-uppercase" flat color="primary" dense>
                                 {{ value }}
                                 <CustomerDescriptorProxy :id="row.id" />
                             </QBtn>
@@ -170,3 +182,8 @@ const ticketsColumns = ref([
         </template>
     </CardSummary>
 </template>
+<style lang="scss" scoped>
+.no-uppercase {
+    text-transform: none;
+}
+</style>
diff --git a/src/pages/InvoiceOut/InvoiceOutNegativeBases.vue b/src/pages/InvoiceOut/InvoiceOutNegativeBases.vue
index fb434124c..182de2c83 100644
--- a/src/pages/InvoiceOut/InvoiceOutNegativeBases.vue
+++ b/src/pages/InvoiceOut/InvoiceOutNegativeBases.vue
@@ -119,8 +119,8 @@ const columns = computed(() => [
     },
     {
         label: t('invoiceOut.negativeBases.comercial'),
-        field: 'workerSocialName',
-        name: 'comercial',
+        field: 'workerName',
+        name: 'worker',
         align: 'left',
     },
 ]);
@@ -181,9 +181,11 @@ const downloadCSV = async () => {
                     <TicketDescriptorProxy :id="row.ticketFk" />
                 </QTd>
             </template>
-            <template #body-cell-comercial="{ row }">
+            <template #body-cell-worker="{ row }">
                 <QTd>
-                    <QBtn flat dense color="blue">{{ row.comercialName }}</QBtn>
+                    <QBtn class="no-uppercase" flat dense color="blue">{{
+                        row.workerName
+                    }}</QBtn>
                     <WorkerDescriptorProxy :id="row.comercialId" />
                 </QTd>
             </template>
@@ -211,6 +213,9 @@ const downloadCSV = async () => {
     border-radius: 4px;
     padding: 6px;
 }
+.no-uppercase {
+    text-transform: none;
+}
 </style>
 
 <i18n>
diff --git a/src/pages/Item/Card/ItemCard.vue b/src/pages/Item/Card/ItemCard.vue
index 3b3750b2a..4eca6137c 100644
--- a/src/pages/Item/Card/ItemCard.vue
+++ b/src/pages/Item/Card/ItemCard.vue
@@ -1,28 +1,7 @@
 <script setup>
-import LeftMenu from 'components/LeftMenu.vue';
-import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
+import VnCard from 'components/common/VnCard.vue';
 import ItemDescriptor from './ItemDescriptor.vue';
-
-import { useStateStore } from 'stores/useStateStore';
-import useCardSize from 'src/composables/useCardSize';
-
-const stateStore = useStateStore();
 </script>
 <template>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit">
-            <ItemDescriptor />
-            <QSeparator />
-            <LeftMenu source="card" />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <QPage>
-            <VnSubToolbar />
-
-            <div :class="useCardSize()">
-                <RouterView></RouterView>
-            </div>
-        </QPage>
-    </QPageContainer>
+    <VnCard data-key="Item" base-url="Items" :descriptor="ItemDescriptor" />
 </template>
diff --git a/src/pages/Order/Card/OrderCard.vue b/src/pages/Order/Card/OrderCard.vue
index 7ac083c37..ef7b30d86 100644
--- a/src/pages/Order/Card/OrderCard.vue
+++ b/src/pages/Order/Card/OrderCard.vue
@@ -1,23 +1,7 @@
 <script setup>
-import LeftMenu from 'components/LeftMenu.vue';
-import { useStateStore } from 'stores/useStateStore';
+import VnCard from 'components/common/VnCard.vue';
 import OrderDescriptor from 'pages/Order/Card/OrderDescriptor.vue';
-import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
-
-const stateStore = useStateStore();
 </script>
 <template>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit">
-            <OrderDescriptor />
-            <QSeparator />
-            <LeftMenu source="card" />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <QPage>
-            <VnSubToolbar />
-            <RouterView></RouterView>
-        </QPage>
-    </QPageContainer>
+    <VnCard data-key="Order" base-url="Orders" :descriptor="OrderDescriptor" />
 </template>
diff --git a/src/pages/Parking/Card/ParkingBasicData.vue b/src/pages/Parking/Card/ParkingBasicData.vue
index 81598e0a7..c1a9dcee8 100644
--- a/src/pages/Parking/Card/ParkingBasicData.vue
+++ b/src/pages/Parking/Card/ParkingBasicData.vue
@@ -4,7 +4,6 @@ import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 import VnRow from 'components/ui/VnRow.vue';
 import FetchData from 'src/components/FetchData.vue';
-import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import FormModel from 'components/FormModel.vue';
 import VnSelect from 'src/components/common/VnSelect.vue';
@@ -28,7 +27,6 @@ const filter = {
         @on-fetch="(data) => (sectors = data)"
         auto-load
     />
-    <VnSubToolbar />
     <FormModel :url="`Parkings/${parkingId}`" model="parking" :filter="filter" auto-load>
         <template #form="{ data }">
             <VnRow>
diff --git a/src/pages/Parking/Card/ParkingCard.vue b/src/pages/Parking/Card/ParkingCard.vue
index 621680985..5a0b552d6 100644
--- a/src/pages/Parking/Card/ParkingCard.vue
+++ b/src/pages/Parking/Card/ParkingCard.vue
@@ -1,57 +1,21 @@
 <script setup>
-import { onMounted, watch } from 'vue';
-import { useRoute } from 'vue-router';
-import { useI18n } from 'vue-i18n';
-import { useStateStore } from 'stores/useStateStore';
-import { useArrayData } from 'src/composables/useArrayData';
-import LeftMenu from 'components/LeftMenu.vue';
-import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
+import VnCard from 'components/common/VnCard.vue';
 import ParkingDescriptor from 'pages/Parking/Card/ParkingDescriptor.vue';
 
-const { t } = useI18n();
-const route = useRoute();
-const stateStore = useStateStore();
-
 const filter = {
     fields: ['id', 'sectorFk', 'code', 'pickingOrder', 'row', 'column'],
     include: [{ relation: 'sector', scope: { fields: ['id', 'description'] } }],
 };
-
-const arrayData = useArrayData('Parking', {
-    url: `Parkings/${route.params.id}`,
-    filter,
-});
-const { store } = arrayData;
-onMounted(async () => await arrayData.fetch({ append: false }));
-watch(
-    () => route.params.id,
-    async (newId) => {
-        if (newId) {
-            store.url = `Parkings/${newId}`;
-            store.filter = filter;
-            await arrayData.fetch({ append: false });
-        }
-    }
-);
 </script>
 <template>
-    <Teleport to="#searchbar" v-if="stateStore.isHeaderMounted()">
-        <VnSearchbar
-            :info="t('parking.searchBar.info')"
-            :label="t('parking.searchBar.label')"
-            data-key="Parking"
-        />
-    </Teleport>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit">
-            <ParkingDescriptor />
-            <QSeparator />
-            <LeftMenu source="card" />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <QPage>
-            <RouterView></RouterView>
-        </QPage>
-    </QPageContainer>
+    <VnCard
+        data-key="Parking"
+        base-url="Parkings"
+        :filter="filter"
+        :descriptor="ParkingDescriptor"
+        searchbar-data-key="ParkingList"
+        searchbar-url="Parkings"
+        searchbar-label="parking.searchBar.label"
+        searchbar-info="parking.searchBar.info"
+    />
 </template>
diff --git a/src/pages/Parking/Card/ParkingSummary.vue b/src/pages/Parking/Card/ParkingSummary.vue
index a30705068..9a79f428b 100644
--- a/src/pages/Parking/Card/ParkingSummary.vue
+++ b/src/pages/Parking/Card/ParkingSummary.vue
@@ -11,9 +11,9 @@ const $props = defineProps({
         default: 0,
     },
 });
-const { params } = useRoute();
+const router = useRoute();
 const { t } = useI18n();
-const entityId = computed(() => $props.id || params.id);
+const entityId = computed(() => $props.id || router.params.id);
 
 const filter = {
     fields: ['id', 'sectorFk', 'code', 'pickingOrder', 'row', 'column'],
diff --git a/src/pages/Route/Card/RouteCard.vue b/src/pages/Route/Card/RouteCard.vue
index 46b997b65..fd0a8a507 100644
--- a/src/pages/Route/Card/RouteCard.vue
+++ b/src/pages/Route/Card/RouteCard.vue
@@ -1,22 +1,7 @@
 <script setup>
-import { useStateStore } from 'stores/useStateStore';
-import LeftMenu from 'components/LeftMenu.vue';
+import VnCard from 'components/common/VnCard.vue';
 import RouteDescriptor from 'pages/Route/Card/RouteDescriptor.vue';
-// import ShelvingDescriptor from 'pages/Shelving/Card/ShelvingDescriptor.vue';
-
-const stateStore = useStateStore();
 </script>
 <template>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit">
-            <RouteDescriptor />
-            <QSeparator />
-            <LeftMenu source="card" />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <QPage>
-            <RouterView></RouterView>
-        </QPage>
-    </QPageContainer>
+    <VnCard data-key="Route" base-url="Routes" :descriptor="RouteDescriptor" />
 </template>
diff --git a/src/pages/Shelving/Card/ShelvingCard.vue b/src/pages/Shelving/Card/ShelvingCard.vue
index 221740486..f4a2fcf60 100644
--- a/src/pages/Shelving/Card/ShelvingCard.vue
+++ b/src/pages/Shelving/Card/ShelvingCard.vue
@@ -1,21 +1,7 @@
 <script setup>
-import { useStateStore } from 'stores/useStateStore';
-import LeftMenu from 'components/LeftMenu.vue';
+import VnCard from 'components/common/VnCard.vue';
 import ShelvingDescriptor from 'pages/Shelving/Card/ShelvingDescriptor.vue';
-
-const stateStore = useStateStore();
 </script>
 <template>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit">
-            <ShelvingDescriptor />
-            <QSeparator />
-            <LeftMenu source="card" />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <QPage>
-            <RouterView></RouterView>
-        </QPage>
-    </QPageContainer>
+    <VnCard data-key="Shelving" base-url="Shelvings" :descriptor="ShelvingDescriptor" />
 </template>
diff --git a/src/pages/Supplier/Card/SupplierCard.vue b/src/pages/Supplier/Card/SupplierCard.vue
index fdf1d785a..c8c503056 100644
--- a/src/pages/Supplier/Card/SupplierCard.vue
+++ b/src/pages/Supplier/Card/SupplierCard.vue
@@ -1,73 +1,14 @@
 <script setup>
-import { useI18n } from 'vue-i18n';
-import { useStateStore } from 'stores/useStateStore';
-import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
-import LeftMenu from 'components/LeftMenu.vue';
+import VnCard from 'components/common/VnCard.vue';
 import SupplierDescriptor from './SupplierDescriptor.vue';
-import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
-import useCardSize from 'src/composables/useCardSize';
-
-const stateStore = useStateStore();
-const { t } = useI18n();
 </script>
 <template>
-    <template v-if="stateStore.isHeaderMounted()">
-        <Teleport to="#searchbar">
-            <VnSearchbar
-                data-key="SuppliersList"
-                url="Suppliers/filter"
-                :limit="20"
-                :label="t('Search suppliers')"
-            />
-        </Teleport>
-    </template>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit">
-            <SupplierDescriptor />
-            <QSeparator />
-            <LeftMenu source="card" />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <QPage>
-            <VnSubToolbar />
-            <div :class="useCardSize()">
-                <RouterView></RouterView>
-            </div>
-        </QPage>
-    </QPageContainer>
+    <VnCard
+        data-key="Supplier"
+        base-url="Suppliers"
+        :descriptor="SupplierDescriptor"
+        searchbar-data-key="SupplierList"
+        searchbar-url="Suppliers/filter"
+        searchbar-label="Search suppliers"
+    />
 </template>
-
-<style lang="scss">
-.q-scrollarea__content {
-    max-width: 100%;
-}
-</style>
-
-<style lang="scss" scoped>
-.descriptor {
-    max-width: 256px;
-
-    h5 {
-        margin: 0 15px;
-    }
-
-    .header {
-        display: flex;
-        justify-content: space-between;
-    }
-
-    .q-card__actions {
-        justify-content: center;
-    }
-
-    #descriptor-skeleton .q-card__actions {
-        justify-content: space-between;
-    }
-}
-</style>
-
-<i18n>
-    es:
-        Search suppliers: Buscar proveedores
-</i18n>
diff --git a/src/pages/Ticket/Card/TicketCard.vue b/src/pages/Ticket/Card/TicketCard.vue
index 0d5d3803e..471bfe490 100644
--- a/src/pages/Ticket/Card/TicketCard.vue
+++ b/src/pages/Ticket/Card/TicketCard.vue
@@ -1,73 +1,15 @@
 <script setup>
-import { useI18n } from 'vue-i18n';
-import { useStateStore } from 'stores/useStateStore';
+import VnCard from 'components/common/VnCard.vue';
 import TicketDescriptor from './TicketDescriptor.vue';
-import LeftMenu from 'components/LeftMenu.vue';
-import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
-import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
-import useCardSize from 'src/composables/useCardSize';
-
-const stateStore = useStateStore();
-const { t } = useI18n();
 </script>
 <template>
-    <Teleport to="#searchbar" v-if="stateStore.isHeaderMounted()">
-        <VnSearchbar
-            data-key="TicketList"
-            url="Tickets/filter"
-            :label="t('Search ticket')"
-            :info="t('You can search by ticket id or alias')"
-        />
-    </Teleport>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit">
-            <TicketDescriptor />
-            <QSeparator />
-            <LeftMenu source="card" />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <QPage>
-            <VnSubToolbar />
-
-            <div :class="useCardSize()">
-                <RouterView></RouterView>
-            </div>
-        </QPage>
-    </QPageContainer>
+    <VnCard
+        data-key="Ticket"
+        base-url="Tickets"
+        :descriptor="TicketDescriptor"
+        searchbar-data-key="TicketList"
+        searchbar-url="Tickets/filter"
+        searchbar-label="Search ticket"
+        searchbar-info="You can search by ticket id or alias"
+    />
 </template>
-
-<style lang="scss">
-.q-scrollarea__content {
-    max-width: 100%;
-}
-</style>
-
-<style lang="scss" scoped>
-.descriptor {
-    max-width: 256px;
-
-    h5 {
-        margin: 0 15px;
-    }
-
-    .header {
-        display: flex;
-        justify-content: space-between;
-    }
-
-    .q-card__actions {
-        justify-content: center;
-    }
-
-    #descriptor-skeleton .q-card__actions {
-        justify-content: space-between;
-    }
-}
-</style>
-
-<i18n>
-es:
-    Search ticket: Buscar ticket
-    You can search by ticket id or alias: Puedes buscar por id o alias del ticket
-</i18n>
diff --git a/src/pages/Ticket/Card/TicketSummary.vue b/src/pages/Ticket/Card/TicketSummary.vue
index d648433b0..364ae04a6 100644
--- a/src/pages/Ticket/Card/TicketSummary.vue
+++ b/src/pages/Ticket/Card/TicketSummary.vue
@@ -91,8 +91,8 @@ async function changeState(value) {
     >
         <template #header="{ entity }">
             <div>
-                Ticket #{{ entity.id }} - {{ entity.client.name }} ({{
-                    entity.client.id
+                Ticket #{{ entity.id }} - {{ entity.client?.name }} ({{
+                    entity.client?.id
                 }}) -
                 {{ entity.nickname }}
             </div>
diff --git a/src/pages/Travel/Card/TravelCard.vue b/src/pages/Travel/Card/TravelCard.vue
index e6c7b7e28..1d591f064 100644
--- a/src/pages/Travel/Card/TravelCard.vue
+++ b/src/pages/Travel/Card/TravelCard.vue
@@ -1,55 +1,7 @@
 <script setup>
-import { useStateStore } from 'stores/useStateStore';
+import VnCard from 'components/common/VnCard.vue';
 import TravelDescriptor from './TravelDescriptor.vue';
-import LeftMenu from 'components/LeftMenu.vue';
-import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
-import useCardSize from 'src/composables/useCardSize';
-
-const stateStore = useStateStore();
 </script>
 <template>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit">
-            <TravelDescriptor />
-            <QSeparator />
-            <LeftMenu source="card" />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <QPage>
-            <VnSubToolbar />
-            <div :class="useCardSize()">
-                <RouterView></RouterView>
-            </div>
-        </QPage>
-    </QPageContainer>
+    <VnCard data-key="Travel" base-url="Travels" :descriptor="TravelDescriptor" />
 </template>
-
-<style lang="scss">
-.q-scrollarea__content {
-    max-width: 100%;
-}
-</style>
-
-<style lang="scss" scoped>
-.descriptor {
-    max-width: 256px;
-
-    h5 {
-        margin: 0 15px;
-    }
-
-    .header {
-        display: flex;
-        justify-content: space-between;
-    }
-
-    .q-card__actions {
-        justify-content: center;
-    }
-
-    #descriptor-skeleton .q-card__actions {
-        justify-content: space-between;
-    }
-}
-</style>
diff --git a/src/pages/Wagon/Card/WagonCard.vue b/src/pages/Wagon/Card/WagonCard.vue
index 5ac18fb47..ed6c83778 100644
--- a/src/pages/Wagon/Card/WagonCard.vue
+++ b/src/pages/Wagon/Card/WagonCard.vue
@@ -1,32 +1,6 @@
 <script setup>
-import { useI18n } from 'vue-i18n';
-import { useStateStore } from 'stores/useStateStore';
-import { useRoute } from 'vue-router';
-import LeftMenu from 'components/LeftMenu.vue';
-import useCardSize from 'src/composables/useCardSize';
-
-const stateStore = useStateStore();
-const route = useRoute();
-const { t } = useI18n();
+import VnCard from 'components/common/VnCard.vue';
 </script>
 <template>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit">
-            <QSeparator />
-            <LeftMenu source="card" />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <QPage>
-            <div :class="useCardSize()">
-                <RouterView></RouterView>
-            </div>
-        </QPage>
-    </QPageContainer>
+    <VnCard data-key="Wagon" base-url="Wagons" />
 </template>
-
-<i18n>
-es:
-    Search customer: Buscar cliente
-    You can search by customer id or name: Puedes buscar por id o nombre del cliente
-</i18n>
diff --git a/src/pages/Worker/Card/WorkerCard.vue b/src/pages/Worker/Card/WorkerCard.vue
index 0d62dcfc1..e0047bf9e 100644
--- a/src/pages/Worker/Card/WorkerCard.vue
+++ b/src/pages/Worker/Card/WorkerCard.vue
@@ -1,44 +1,18 @@
 <script setup>
-import { useI18n } from 'vue-i18n';
-import { useStateStore } from 'stores/useStateStore';
+import VnCard from 'components/common/VnCard.vue';
 import WorkerDescriptor from './WorkerDescriptor.vue';
-import LeftMenu from 'components/LeftMenu.vue';
-import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
-import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
-import useCardSize from 'src/composables/useCardSize';
 
-const stateStore = useStateStore();
-const { t } = useI18n();
+const filter = { where: {} };
 </script>
 <template>
-    <Teleport to="#searchbar" v-if="stateStore.isHeaderMounted()">
-        <VnSearchbar
-            data-key="WorkerList"
-            url="Workers/filter"
-            :label="t('Search worker')"
-            :info="t('You can search by worker id or name')"
-        />
-    </Teleport>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit">
-            <WorkerDescriptor />
-            <QSeparator />
-            <LeftMenu source="card" />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <QPage>
-            <VnSubToolbar />
-
-            <div :class="useCardSize()">
-                <RouterView></RouterView>
-            </div>
-        </QPage>
-    </QPageContainer>
+    <VnCard
+        data-key="Worker"
+        custom-url="Workers/Summary"
+        :descriptor="WorkerDescriptor"
+        :filter="filter"
+        searchbar-data-key="WorkerList"
+        searchbar-url="Workers/filter"
+        searchbar-label="Search worker"
+        searchbar-info="You can search by worker id or name"
+    />
 </template>
-
-<i18n>
-es:
-    Search worker: Buscar trabajador
-    You can search by worker id or name: Puedes buscar por id o nombre del trabajador
-</i18n>
diff --git a/src/pages/Worker/Card/WorkerDescriptor.vue b/src/pages/Worker/Card/WorkerDescriptor.vue
index 6f876b8fa..6f05fcdfb 100644
--- a/src/pages/Worker/Card/WorkerDescriptor.vue
+++ b/src/pages/Worker/Card/WorkerDescriptor.vue
@@ -31,7 +31,9 @@ const entityId = computed(() => {
 });
 
 const worker = ref();
-const filter = { where: { id: entityId } };
+const filter = computed(() => {
+    return { where: { id: entityId.value } };
+});
 
 const sip = ref(null);
 
diff --git a/src/pages/Worker/Card/WorkerSummary.vue b/src/pages/Worker/Card/WorkerSummary.vue
index 43c493565..3a79d12bb 100644
--- a/src/pages/Worker/Card/WorkerSummary.vue
+++ b/src/pages/Worker/Card/WorkerSummary.vue
@@ -10,7 +10,7 @@ import CardSummary from 'components/ui/CardSummary.vue';
 import VnUserLink from 'src/components/ui/VnUserLink.vue';
 import VnTitle from 'src/components/common/VnTitle.vue';
 
-const { params } = useRoute();
+const route = useRoute();
 const { t } = useI18n();
 
 const $props = defineProps({
@@ -20,18 +20,25 @@ const $props = defineProps({
     },
 });
 
-const entityId = computed(() => $props.id || params.id);
+const entityId = computed(() => $props.id || route.params.id);
 const workerUrl = ref();
 
 onMounted(async () => {
     workerUrl.value = (await getUrl('')) + `worker/${entityId.value}/`;
 });
 
-const filter = { where: { id: entityId.value } };
+const filter = computed(() => {
+    return { where: { id: entityId.value } };
+});
 </script>
 
 <template>
-    <CardSummary ref="summary" :url="`Workers/summary`" :filter="filter">
+    <CardSummary
+        data-key="workerData"
+        ref="summary"
+        :url="`Workers/summary`"
+        :filter="filter"
+    >
         <template #header="{ entity }">
             <div>{{ entity.id }} - {{ entity.firstName }} {{ entity.lastName }}</div>
         </template>
@@ -41,7 +48,7 @@ const filter = { where: { id: entityId.value } };
                     :url="workerUrl + `basic-data`"
                     :text="t('worker.summary.basicData')"
                 />
-                <VnLv :label="t('worker.card.name')" :value="worker.user.nickname" />
+                <VnLv :label="t('worker.card.name')" :value="worker.user?.nickname" />
                 <VnLv
                     :label="t('worker.list.department')"
                     :value="worker.department?.department?.name"
diff --git a/src/router/modules/item.js b/src/router/modules/item.js
index 41f3ec92a..2a8e87194 100644
--- a/src/router/modules/item.js
+++ b/src/router/modules/item.js
@@ -10,7 +10,7 @@ export default {
     component: RouterView,
     redirect: { name: 'ItemMain' },
     menus: {
-        main: ['ItemList', 'WasteBreakdown'],
+        main: ['ItemList', 'WasteBreakdown', 'ItemFixedPrice'],
         card: ['ItemBasicData'],
     },
     children: [
@@ -29,11 +29,20 @@ export default {
                     },
                     component: () => import('src/pages/Item/ItemList.vue'),
                 },
+                {
+                    path: 'fixed-price',
+                    name: 'ItemFixedPrice',
+                    meta: {
+                        title: 'fixedPrice',
+                        icon: 'vn:fixedPrice',
+                    },
+                    component: () => import('src/pages/Item/ItemFixedPrice.vue'),
+                },
                 {
                     path: 'create',
                     name: 'ItemCreate',
                     meta: {
-                        title: 'create',
+                        title: 'itemCreate',
                     },
                     component: () => import('src/pages/Item/ItemCreate.vue'),
                 },

From 897ddc44fed3536df643bb6d4189792a26df358d Mon Sep 17 00:00:00 2001
From: pablone <pablone@verdnatura.es>
Date: Thu, 25 Apr 2024 09:57:04 +0200
Subject: [PATCH 103/305] fix: search bar

---
 src/pages/Agency/AgencyList.vue      | 2 ++
 src/pages/Agency/Card/AgencyCard.vue | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/pages/Agency/AgencyList.vue b/src/pages/Agency/AgencyList.vue
index 930cae563..c04206625 100644
--- a/src/pages/Agency/AgencyList.vue
+++ b/src/pages/Agency/AgencyList.vue
@@ -13,6 +13,8 @@ function navigate(id) {
     router.push({ path: `/agency/${id}` });
 }
 function exprBuilder(param, value) {
+    if (!value) return;
+    console.log('value: ', value);
     if (param !== 'search') return;
 
     if (!isNaN(value)) return { id: value };
diff --git a/src/pages/Agency/Card/AgencyCard.vue b/src/pages/Agency/Card/AgencyCard.vue
index db2e6381c..ec90abf66 100644
--- a/src/pages/Agency/Card/AgencyCard.vue
+++ b/src/pages/Agency/Card/AgencyCard.vue
@@ -32,7 +32,7 @@ watch(
         <VnSearchbar
             :info="t('Agency.searchBar.info')"
             :label="t('Agency.searchBar.label')"
-            data-key="Agency"
+            data-key="AgencyList"
         />
     </Teleport>
     <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">

From d490d85ecc1863a0031a38b15bc4f65b10f3dc1c Mon Sep 17 00:00:00 2001
From: pablone <pablone@verdnatura.es>
Date: Thu, 25 Apr 2024 12:34:19 +0200
Subject: [PATCH 104/305] feat: agencyWorkCenter

---
 src/i18n/locale/es.yml                       |  3 ++
 src/pages/Agency/Card/AgencyBasicData.vue    |  2 -
 src/pages/Agency/Card/AgencyCard.vue         | 37 +++++-----------
 src/pages/Agency/Card/AgencyWorkcenter.vue   |  1 +
 test/cypress/integration/agency/spec.spec.js | 46 +++++++++++++++-----
 5 files changed, 51 insertions(+), 38 deletions(-)

diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index 3e5099c4b..10b77ef49 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -1177,6 +1177,9 @@ agency:
         removeItemError: Error al eliminar la agencia
     pageTitles:
         agency: Agencia
+    searchBar:
+        info: Puedes buscar por nombre o id
+        label: Buscar agencia...
 components:
     topbar: {}
     itemsFilterPanel:
diff --git a/src/pages/Agency/Card/AgencyBasicData.vue b/src/pages/Agency/Card/AgencyBasicData.vue
index 40510a205..5999f853b 100644
--- a/src/pages/Agency/Card/AgencyBasicData.vue
+++ b/src/pages/Agency/Card/AgencyBasicData.vue
@@ -6,7 +6,6 @@ import { useI18n } from 'vue-i18n';
 import FormModel from 'components/FormModel.vue';
 import FetchData from 'src/components/FetchData.vue';
 import VnRow from 'components/ui/VnRow.vue';
-import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
 
@@ -22,7 +21,6 @@ const warehouses = ref([]);
         @on-fetch="(data) => (warehouses = data)"
         auto-load
     />
-    <VnSubToolbar />
     <FormModel :url="`Agencies/${routeId}`" model="agency" auto-load>
         <template #form="{ data }">
             <VnRow>
diff --git a/src/pages/Agency/Card/AgencyCard.vue b/src/pages/Agency/Card/AgencyCard.vue
index ec90abf66..e78d1cc55 100644
--- a/src/pages/Agency/Card/AgencyCard.vue
+++ b/src/pages/Agency/Card/AgencyCard.vue
@@ -1,17 +1,12 @@
 <script setup>
 import { onMounted, watch } from 'vue';
 import { useRoute } from 'vue-router';
-import { useI18n } from 'vue-i18n';
-import { useStateStore } from 'stores/useStateStore';
 import { useArrayData } from 'src/composables/useArrayData';
-import LeftMenu from 'components/LeftMenu.vue';
-import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
+
 import AgencyDescriptor from 'pages/Agency/Card/AgencyDescriptor.vue';
+import VnCard from 'components/common/VnCard.vue';
 
-const { t } = useI18n();
 const route = useRoute();
-const stateStore = useStateStore();
-
 const arrayData = useArrayData('Agency', {
     url: `Agencies/${route.params.id}`,
 });
@@ -28,23 +23,13 @@ watch(
 );
 </script>
 <template>
-    <Teleport to="#searchbar" v-if="stateStore.isHeaderMounted()">
-        <VnSearchbar
-            :info="t('Agency.searchBar.info')"
-            :label="t('Agency.searchBar.label')"
-            data-key="AgencyList"
-        />
-    </Teleport>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit">
-            <AgencyDescriptor />
-            <QSeparator />
-            <LeftMenu source="card" />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <QPage>
-            <RouterView></RouterView>
-        </QPage>
-    </QPageContainer>
+    <VnCard
+        data-key="Agency"
+        base-url="Agencies"
+        :descriptor="AgencyDescriptor"
+        searchbar-data-key="AgencyList"
+        searchbar-url="Agencies"
+        searchbar-label="agency.searchBar.label"
+        searchbar-info="agency.searchBar.info"
+    />
 </template>
diff --git a/src/pages/Agency/Card/AgencyWorkcenter.vue b/src/pages/Agency/Card/AgencyWorkcenter.vue
index 83231e6c2..ed9f15689 100644
--- a/src/pages/Agency/Card/AgencyWorkcenter.vue
+++ b/src/pages/Agency/Card/AgencyWorkcenter.vue
@@ -133,6 +133,7 @@ async function deleteWorCenter(id) {
         isAnyVolumeAllowed: Permite cualquier volumen
         Search agency: Buscar agencia
         You can search by name: Puedes buscar por nombre
+        This workCenter is already assigned to this agency: Este workCenter ya está asignado a esta agencia
     en:
         isOwn: Has owner
         isAnyVolumeAllowed: Allows any volume
diff --git a/test/cypress/integration/agency/spec.spec.js b/test/cypress/integration/agency/spec.spec.js
index dd6b0da6f..c3f5f7c88 100644
--- a/test/cypress/integration/agency/spec.spec.js
+++ b/test/cypress/integration/agency/spec.spec.js
@@ -1,25 +1,51 @@
 describe('template spec', () => {
+    const agencyId = 11;
     beforeEach(() => {
         cy.viewport(1920, 1080);
         cy.login('developer');
         cy.visit(`/#/agency`);
     });
 
-    it('passes', () => {
+    it('assign workCenter', () => {
         cy.visit(`/#/agency`);
-        /* ==== Generated with Cypress Studio ==== */
         cy.get(':nth-child(1) > :nth-child(1) > .card-list-body > .list-items').click();
-        cy.get('[href="#/agency/1/workCenter"] > .q-item__section--main').click();
+        cy.get('[href="#/agency/11/workCenter"] > .q-item__section--main').click();
         cy.get('.q-page-sticky > div > .q-btn > .q-btn__content > .q-icon').click();
-        cy.get('#f_fa5833a2-f919-4542-b663-e72b3ba4ffe5').click();
-        cy.get('#f_fa5833a2-f919-4542-b663-e72b3ba4ffe5_0').click();
-        cy.get('#formModel > .q-card').click();
+        cy.get(
+            '.vn-row > .q-field > .q-field__inner > .q-field__control > .q-field__control-container'
+        ).type('workCenterOne{enter}');
         cy.get('.q-btn--standard > .q-btn__content > .block').click();
+        cy.get('.q-notification__message').should('have.text', 'Data created');
+    });
+
+    it('delete workCenter', () => {
+        cy.get(':nth-child(1) > :nth-child(1) > .card-list-body > .list-items').click();
+        cy.get('[href="#/agency/11/workCenter"] > .q-item__section--main').click();
+        cy.get('.q-item__section--side > .q-btn > .q-btn__content > .q-icon').click();
+        cy.get('.q-notification__message').should(
+            'have.text',
+            'Agency removed successfully'
+        );
+    });
+
+    it('error on duplicate workCenter', () => {
+        cy.visit(`/#/agency`);
+        cy.get(':nth-child(1) > :nth-child(1) > .card-list-body > .list-items').click();
+        cy.get('[href="#/agency/11/workCenter"] > .q-item__section--main').click();
         cy.get('.q-page-sticky > div > .q-btn > .q-btn__content > .q-icon').click();
-        cy.get('#f_94743509-f7a7-4e5c-83f4-61ab52c7cd72').click();
-        cy.get('#f_94743509-f7a7-4e5c-83f4-61ab52c7cd72_1 > .q-item__section').click();
+        cy.get(
+            '.vn-row > .q-field > .q-field__inner > .q-field__control > .q-field__control-container'
+        ).type('workCenterOne{enter}');
         cy.get('.q-btn--standard > .q-btn__content > .block').click();
-        cy.get('.q-btn--flat > .q-btn__content > .block').;
-        /* ==== End Cypress Studio ==== */
+        cy.get('.q-notification__message').should('have.text', 'Data created');
+        cy.get('.q-page-sticky > div > .q-btn > .q-btn__content > .q-icon').click();
+        cy.get(
+            '.vn-row > .q-field > .q-field__inner > .q-field__control > .q-field__control-container'
+        ).type('workCenterOne{enter}');
+        cy.get('.q-btn--standard > .q-btn__content > .block').click();
+
+        cy.get(
+            ':nth-child(2) > .q-notification__wrapper > .q-notification__content > .q-notification__message'
+        ).should('have.text', 'This workCenter is already assigned to this agency');
     });
 });

From 914c3fb1698387080b8d19ede9f35f19954095a9 Mon Sep 17 00:00:00 2001
From: pablone <pablone@verdnatura.es>
Date: Thu, 25 Apr 2024 12:40:17 +0200
Subject: [PATCH 105/305] fix: test and console log

---
 src/components/common/VnBreadcrumbs.vue                        | 1 -
 .../agency/{spec.spec.js => agencyWorkCenter.spec.js}          | 3 +--
 2 files changed, 1 insertion(+), 3 deletions(-)
 rename test/cypress/integration/agency/{spec.spec.js => agencyWorkCenter.spec.js} (97%)

diff --git a/src/components/common/VnBreadcrumbs.vue b/src/components/common/VnBreadcrumbs.vue
index 65f6946f4..337507233 100644
--- a/src/components/common/VnBreadcrumbs.vue
+++ b/src/components/common/VnBreadcrumbs.vue
@@ -30,7 +30,6 @@ watchEffect(() => {
 });
 
 function getBreadcrumb(param) {
-    console.log('param.meta.title: ', param.meta.title);
     const breadcrumb = {
         icon: param.meta.icon,
         path: param.path,
diff --git a/test/cypress/integration/agency/spec.spec.js b/test/cypress/integration/agency/agencyWorkCenter.spec.js
similarity index 97%
rename from test/cypress/integration/agency/spec.spec.js
rename to test/cypress/integration/agency/agencyWorkCenter.spec.js
index c3f5f7c88..7f875179b 100644
--- a/test/cypress/integration/agency/spec.spec.js
+++ b/test/cypress/integration/agency/agencyWorkCenter.spec.js
@@ -1,5 +1,4 @@
-describe('template spec', () => {
-    const agencyId = 11;
+describe('AgencyWorkCenter', () => {
     beforeEach(() => {
         cy.viewport(1920, 1080);
         cy.login('developer');

From 92e172fcaf8874678f36f77df9dd04cf9a7a53ac Mon Sep 17 00:00:00 2001
From: robert <robert@verdnatura.es>
Date: Thu, 25 Apr 2024 12:56:02 +0200
Subject: [PATCH 106/305] feat: refs #7039 country change column country - name

---
 src/components/CreateBankEntityForm.vue         | 4 ++--
 src/components/CreateNewPostcodeForm.vue        | 2 +-
 src/pages/InvoiceIn/Card/InvoiceInIntrastat.vue | 2 +-
 src/pages/Supplier/SupplierListFilter.vue       | 4 ++--
 src/pages/Worker/Card/WorkerBasicData.vue       | 6 +++---
 5 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/CreateBankEntityForm.vue b/src/components/CreateBankEntityForm.vue
index 2d098beb0..6bf0afe56 100644
--- a/src/components/CreateBankEntityForm.vue
+++ b/src/components/CreateBankEntityForm.vue
@@ -26,7 +26,7 @@ const bankEntityFormData = reactive({
 });
 
 const countriesFilter = {
-    fields: ['id', 'country', 'code'],
+    fields: ['id', 'name', 'code'],
 };
 
 const countriesOptions = ref([]);
@@ -83,7 +83,7 @@ onMounted(async () => {
                         v-model="data.countryFk"
                         :options="countriesOptions"
                         option-value="id"
-                        option-label="country"
+                        option-label="name"
                         hide-selected
                         :required="true"
                         :rules="validate('bankEntity.countryFk')"
diff --git a/src/components/CreateNewPostcodeForm.vue b/src/components/CreateNewPostcodeForm.vue
index 02e84849c..2c546acc3 100644
--- a/src/components/CreateNewPostcodeForm.vue
+++ b/src/components/CreateNewPostcodeForm.vue
@@ -142,7 +142,7 @@ const onProvinceCreated = async ({ name }, formData) => {
                         :label="t('Country')"
                         :options="countriesOptions"
                         hide-selected
-                        option-label="country"
+                        option-label="name"
                         option-value="id"
                         v-model="data.countryFk"
                         :rules="validate('postcode.countryFk')"
diff --git a/src/pages/InvoiceIn/Card/InvoiceInIntrastat.vue b/src/pages/InvoiceIn/Card/InvoiceInIntrastat.vue
index 746ee130f..cf1c852a7 100644
--- a/src/pages/InvoiceIn/Card/InvoiceInIntrastat.vue
+++ b/src/pages/InvoiceIn/Card/InvoiceInIntrastat.vue
@@ -90,7 +90,7 @@ function getTotal(type) {
         url="Countries"
         auto-load
         @on-fetch="(data) => (countries = data)"
-        sort-by="country"
+        sort-by="name"
     />
     <FetchData
         url="Intrastats"
diff --git a/src/pages/Supplier/SupplierListFilter.vue b/src/pages/Supplier/SupplierListFilter.vue
index ff90df6e1..50b47a782 100644
--- a/src/pages/Supplier/SupplierListFilter.vue
+++ b/src/pages/Supplier/SupplierListFilter.vue
@@ -29,7 +29,7 @@ const countriesOptions = ref([]);
     />
     <FetchData
         url="countries"
-        :filter="{ fields: ['id', 'country'], order: 'country ASC', limit: 30 }"
+        :filter="{ fields: ['id', 'name'], order: 'name ASC', limit: 30 }"
         @on-fetch="(data) => (countriesOptions = data)"
         auto-load
     />
@@ -92,7 +92,7 @@ const countriesOptions = ref([]);
                         @update:model-value="searchFn()"
                         :options="countriesOptions"
                         option-value="id"
-                        option-label="country"
+                        option-label="name"
                         hide-selected
                         dense
                         outlined
diff --git a/src/pages/Worker/Card/WorkerBasicData.vue b/src/pages/Worker/Card/WorkerBasicData.vue
index 775472065..5fccd665b 100644
--- a/src/pages/Worker/Card/WorkerBasicData.vue
+++ b/src/pages/Worker/Card/WorkerBasicData.vue
@@ -36,8 +36,8 @@ const workersFilter = {
     limit: 30,
 };
 const countriesFilter = {
-    fields: ['id', 'country', 'code'],
-    order: 'country ASC',
+    fields: ['id', 'name', 'code'],
+    order: 'name ASC',
     limit: 30,
 };
 const educationLevelsFilter = { fields: ['id', 'name'], order: 'name ASC', limit: 30 };
@@ -126,7 +126,7 @@ const maritalStatus = [
                     :label="t('Origin country')"
                     :options="countriesOptions"
                     hide-selected
-                    option-label="country"
+                    option-label="name"
                     option-value="id"
                     v-model="data.originCountryFk"
                 />

From a3ba68e86501bd54d20b07caa5a49827ec8a5520 Mon Sep 17 00:00:00 2001
From: pablone <pablone@verdnatura.es>
Date: Thu, 25 Apr 2024 13:04:50 +0200
Subject: [PATCH 107/305] fix: test

---
 test/vitest/setup-file.js | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 test/vitest/setup-file.js

diff --git a/test/vitest/setup-file.js b/test/vitest/setup-file.js
new file mode 100644
index 000000000..e69de29bb

From f2d0d3f3ffc5419a5595335eef3c6b49942d440a Mon Sep 17 00:00:00 2001
From: pablone <pablone@verdnatura.es>
Date: Thu, 25 Apr 2024 13:09:54 +0200
Subject: [PATCH 108/305] fix: remove test from vitest

---
 .../pages/Agency/AgencyWorCenter.spec.js      | 33 -------------------
 1 file changed, 33 deletions(-)
 delete mode 100644 test/vitest/__tests__/pages/Agency/AgencyWorCenter.spec.js

diff --git a/test/vitest/__tests__/pages/Agency/AgencyWorCenter.spec.js b/test/vitest/__tests__/pages/Agency/AgencyWorCenter.spec.js
deleted file mode 100644
index 965af14c4..000000000
--- a/test/vitest/__tests__/pages/Agency/AgencyWorCenter.spec.js
+++ /dev/null
@@ -1,33 +0,0 @@
-import { vi, describe, expect, it, beforeAll, afterEach } from 'vitest';
-import { createWrapper, axios } from 'app/test/vitest/helper';
-import AgencyWorkCenter from 'pages/Agency/Card/AgencyWorkcenter.vue';
-
-describe('AgencyWorkCenter', () => {
-    let vm;
-    beforeAll(() => {
-        vm = createWrapper(AgencyWorkCenter, {
-            global: {
-                claim: {
-                    id: 1,
-                },
-            },
-        }).vm;
-    });
-
-    afterEach(() => {
-        vi.clearAllMocks();
-    });
-
-    describe('remove()', () => {
-        it('should delete the AgencyMode', async () => {
-            vi.spyOn(axios, 'delete').mockResolvedValue({ data: true });
-            vi.spyOn(vm.quasar, 'notify');
-
-            await vm.deleteWorCenter(1);
-
-            expect(vm.quasar.notify).toHaveBeenCalledWith(
-                expect.objectContaining({ type: 'positive' })
-            );
-        });
-    });
-});

From 7875df4b023b1a55470d31960ed69718b8cf150f Mon Sep 17 00:00:00 2001
From: jcasado <jcasado.verdnatura@gmail.com>
Date: Thu, 25 Apr 2024 14:03:00 +0200
Subject: [PATCH 109/305] refs #6697 fix tfront

---
 .../pages/Claims/ClaimLinesImport.spec.js     | 19 ++++++++-----------
 1 file changed, 8 insertions(+), 11 deletions(-)

diff --git a/test/vitest/__tests__/pages/Claims/ClaimLinesImport.spec.js b/test/vitest/__tests__/pages/Claims/ClaimLinesImport.spec.js
index 085118b14..d93c96132 100644
--- a/test/vitest/__tests__/pages/Claims/ClaimLinesImport.spec.js
+++ b/test/vitest/__tests__/pages/Claims/ClaimLinesImport.spec.js
@@ -5,7 +5,6 @@ import ClaimLinesImport from 'pages/Claim/Card/ClaimLinesImport.vue';
 describe('ClaimLinesImport', () => {
     let vm;
 
-
     beforeAll(() => {
         vm = createWrapper(ClaimLinesImport, {
             global: {
@@ -13,7 +12,7 @@ describe('ClaimLinesImport', () => {
                 mocks: {
                     fetch: vi.fn(),
                 },
-            }
+            },
         }).vm;
     });
 
@@ -26,25 +25,23 @@ describe('ClaimLinesImport', () => {
             vi.spyOn(axios, 'post').mockResolvedValue({ data: true });
             vi.spyOn(vm.quasar, 'notify');
 
-            vm.selected = [
-                { id: 1, saleFk: 1, claimFk: 1, quantity: 10 }
-            ]
+            vm.selected = [{ id: 1, saleFk: 1, claimFk: 1 }];
 
-            vm.route.params.id = 1
+            vm.route.params.id = 1;
 
             await vm.importLines();
-            const expectedData = [{ saleFk: 1, claimFk: 1, quantity: 10 }]
+            const expectedData = [{ saleFk: 1, claimFk: 1 }];
 
             expect(axios.post).toHaveBeenCalledWith('ClaimBeginnings', expectedData, {
-                signal: expect.any(Object)
-            })
+                signal: expect.any(Object),
+            });
             expect(vm.quasar.notify).toHaveBeenCalledWith(
                 expect.objectContaining({
                     message: 'Lines added to claim',
-                    type: 'positive'
+                    type: 'positive',
                 })
             );
-            expect(vm.canceller).toEqual(null)
+            expect(vm.canceller).toEqual(null);
         });
     });
 });

From 42591d078119e6a1051669a104c977f7c6b4abc2 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Thu, 25 Apr 2024 14:27:56 +0200
Subject: [PATCH 110/305] feat #7271 router

---
 src/router/modules/index.js      |   2 +
 src/router/modules/zone.js       | 139 +++++++++++++++++++++++++++++++
 src/router/routes.js             |   2 +
 src/stores/useNavigationStore.js |   1 +
 4 files changed, 144 insertions(+)
 create mode 100644 src/router/modules/zone.js

diff --git a/src/router/modules/index.js b/src/router/modules/index.js
index 302ba7fe0..2fe40038f 100644
--- a/src/router/modules/index.js
+++ b/src/router/modules/index.js
@@ -15,6 +15,7 @@ import Department from './department';
 import Entry from './entry';
 import roadmap from './roadmap';
 import Parking from './parking';
+import Zone from './zone';
 
 export default [
     Item,
@@ -34,4 +35,5 @@ export default [
     Entry,
     roadmap,
     Parking,
+    Zone,
 ];
diff --git a/src/router/modules/zone.js b/src/router/modules/zone.js
new file mode 100644
index 000000000..be11ced11
--- /dev/null
+++ b/src/router/modules/zone.js
@@ -0,0 +1,139 @@
+import { RouterView } from 'vue-router';
+
+export default {
+    path: '/zone',
+    name: 'Zone',
+    meta: {
+        title: 'zones',
+        icon: 'vn:zone',
+        moduleName: 'Zone',
+    },
+    component: RouterView,
+    redirect: { name: 'ZoneMain' },
+    menus: {
+        main: ['ZoneList', 'ZoneDeliveryList', 'ZoneUpcomingList'],
+        card: [],
+    },
+    children: [
+        {
+            path: '/zone',
+            name: 'ZoneMain',
+            component: () => import('src/pages/Zone/ZoneMain.vue'),
+            redirect: { name: 'ZoneList' },
+            children: [
+                {
+                    path: 'list',
+                    name: 'ZoneList',
+                    meta: {
+                        title: 'zonesList',
+                        icon: 'vn:zone',
+                    },
+                    component: () => import('src/pages/Zone/ZoneList.vue'),
+                },
+                {
+                    path: 'create',
+                    name: 'ZoneCreate',
+                    meta: {
+                        title: 'zoneCreate',
+                        icon: 'create',
+                    },
+                    component: () => import('src/pages/Zone/ZoneCreate.vue'),
+                },
+                {
+                    path: ':id/edit',
+                    name: 'ZoneEdit',
+                    meta: {
+                        title: 'zoneEdit',
+                        icon: 'edit',
+                    },
+                    component: () => import('src/pages/Zone/ZoneCreate.vue'),
+                },
+                {
+                    path: 'counter',
+                    name: 'ZoneCounter',
+                    meta: {
+                        title: 'zoneCounter',
+                        icon: 'add_circle',
+                    },
+                    component: () => import('src/pages/Zone/ZoneCounter.vue'),
+                },
+            ],
+        },
+        {
+            path: '/zone/delivery',
+            name: 'ZoneDeliveryMain',
+            component: () => import('src/pages/Zone/ZoneMain.vue'),
+            redirect: { name: 'ZoneDeliveryList' },
+            children: [
+                {
+                    path: 'list',
+                    name: 'ZoneDeliveryList',
+                    meta: {
+                        title: 'deliveryList',
+                        icon: 'today',
+                    },
+                    component: () =>
+                        import('src/pages/Zone/Delivery/ZoneDeliveryList.vue'),
+                },
+                {
+                    path: 'create',
+                    name: 'ZoneDeliveryCreate',
+                    meta: {
+                        title: 'deliveryCreate',
+                        icon: 'create',
+                    },
+                    component: () =>
+                        import('src/pages/Zone/Delivery/ZoneDeliveryCreate.vue'),
+                },
+                {
+                    path: ':id/edit',
+                    name: 'ZoneDeliveryEdit',
+                    meta: {
+                        title: 'deliveryEdit',
+                        icon: 'edit',
+                    },
+                    component: () =>
+                        import('src/pages/Zone/Delivery/ZoneDeliveryCreate.vue'),
+                },
+            ],
+        },
+        {
+            path: '/zone/upcoming',
+            name: 'ZoneUpcomingMain',
+            component: () => import('src/pages/Zone/ZoneMain.vue'),
+            redirect: { name: 'ZoneUpcomingList' },
+            children: [
+                {
+                    path: 'list',
+                    name: 'ZoneUpcomingList',
+                    meta: {
+                        title: 'upcomingList',
+                        icon: 'today',
+                    },
+                    component: () =>
+                        import('src/pages/Zone/Upcoming/ZoneUpcomingList.vue'),
+                },
+                {
+                    path: 'create',
+                    name: 'ZoneUpcomingCreate',
+                    meta: {
+                        title: 'upcomingCreate',
+                        icon: 'create',
+                    },
+                    component: () =>
+                        import('src/pages/Zone/Upcoming/ZoneUpcomingCreate.vue'),
+                },
+                {
+                    path: ':id/edit',
+                    name: 'ZoneUpcomingEdit',
+                    meta: {
+                        title: 'upcomingEdit',
+                        icon: 'edit',
+                    },
+                    component: () =>
+                        import('src/pages/Zone/Upcoming/ZoneUpcomingCreate.vue'),
+                },
+            ],
+        },
+    ],
+};
diff --git a/src/router/routes.js b/src/router/routes.js
index 51e726a62..14bf6665f 100644
--- a/src/router/routes.js
+++ b/src/router/routes.js
@@ -15,6 +15,7 @@ import order from 'src/router/modules/order';
 import entry from 'src/router/modules/entry';
 import roadmap from 'src/router/modules/roadmap';
 import parking from 'src/router/modules/parking';
+import zone from 'src/router/modules/zone';
 
 const routes = [
     {
@@ -71,6 +72,7 @@ const routes = [
             roadmap,
             entry,
             parking,
+            zone,
             {
                 path: '/:catchAll(.*)*',
                 name: 'NotFound',
diff --git a/src/stores/useNavigationStore.js b/src/stores/useNavigationStore.js
index f075301f6..ee1e04e9b 100644
--- a/src/stores/useNavigationStore.js
+++ b/src/stores/useNavigationStore.js
@@ -21,6 +21,7 @@ export const useNavigationStore = defineStore('navigationStore', () => {
         'ticket',
         'worker',
         'wagon',
+        'zone',
     ];
     const pinnedModules = ref([]);
     const role = useRole();

From b4e3157887e6ace9072ba5f686b9d26046bf2360 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Thu, 25 Apr 2024 14:28:06 +0200
Subject: [PATCH 111/305] feat #7271 i18n

---
 src/i18n/locale/en.yml | 6 ++++++
 src/i18n/locale/es.yml | 8 +++++++-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index ff57bf968..aa65ce08c 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -1165,6 +1165,12 @@ item:
         type: Type
         intrastat: Intrastat
         origin: Origin
+zone:
+    pageTitles:
+        zones: Zone
+        zonesList: Zones
+        deliveryList: Delivery days
+        upcomingList: Upcoming deliveries
 components:
     topbar: {}
     itemsFilterPanel:
diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index f9278a9b0..da421432d 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -287,7 +287,7 @@ customer:
             hasSepaVnl: Recibido B2B VNL
 entry:
     pageTitles:
-        entries: Entradas
+        entries: Entrasdadas
         list: Listado
         summary: Resumen
         basicData: Datos básicos
@@ -1164,6 +1164,12 @@ item:
         type: Tipo
         intrastat: Intrastat
         origin: Origen
+zone:
+    pageTitles:
+        zones: Zona
+        zonesList: Zonas
+        deliveryList: Días de entrega
+        upcomingList: Próximos repartos
 components:
     topbar: {}
     itemsFilterPanel:

From b1871c33fd0ad1eb86f7ca6985af6ec41a770709 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Thu, 25 Apr 2024 14:30:16 +0200
Subject: [PATCH 112/305] feat #7271 Zone Components boilerplate

---
 src/pages/Zone/Card/ZoneCard.vue              |   6 +
 .../Zone/Delivery/ZoneDeliveryCreate.vue      | 432 ++++++++++++++++++
 src/pages/Zone/Delivery/ZoneDeliveryList.vue  |  81 ++++
 .../Zone/Upcoming/ZoneUpcomingCreate.vue      | 432 ++++++++++++++++++
 src/pages/Zone/Upcoming/ZoneUpcomingList.vue  |  81 ++++
 src/pages/Zone/ZoneCreate.vue                 | 184 ++++++++
 src/pages/Zone/ZoneList.vue                   |  97 ++++
 src/pages/Zone/ZoneMain.vue                   |  17 +
 8 files changed, 1330 insertions(+)
 create mode 100644 src/pages/Zone/Card/ZoneCard.vue
 create mode 100644 src/pages/Zone/Delivery/ZoneDeliveryCreate.vue
 create mode 100644 src/pages/Zone/Delivery/ZoneDeliveryList.vue
 create mode 100644 src/pages/Zone/Upcoming/ZoneUpcomingCreate.vue
 create mode 100644 src/pages/Zone/Upcoming/ZoneUpcomingList.vue
 create mode 100644 src/pages/Zone/ZoneCreate.vue
 create mode 100644 src/pages/Zone/ZoneList.vue
 create mode 100644 src/pages/Zone/ZoneMain.vue

diff --git a/src/pages/Zone/Card/ZoneCard.vue b/src/pages/Zone/Card/ZoneCard.vue
new file mode 100644
index 000000000..948636c55
--- /dev/null
+++ b/src/pages/Zone/Card/ZoneCard.vue
@@ -0,0 +1,6 @@
+<script setup>
+import VnCard from 'components/common/VnCard.vue';
+</script>
+<template>
+    <VnCard data-key="Zone" base-url="Zones" />
+</template>
diff --git a/src/pages/Zone/Delivery/ZoneDeliveryCreate.vue b/src/pages/Zone/Delivery/ZoneDeliveryCreate.vue
new file mode 100644
index 000000000..a48eaf278
--- /dev/null
+++ b/src/pages/Zone/Delivery/ZoneDeliveryCreate.vue
@@ -0,0 +1,432 @@
+<script setup>
+import { computed, ref, onMounted, onUpdated } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import { useQuasar } from 'quasar';
+
+import VnInput from 'src/components/common/VnInput.vue';
+
+import { useI18n } from 'vue-i18n';
+import axios from 'axios';
+
+onMounted(() => fetch());
+onUpdated(() => fetch());
+
+const { t } = useI18n();
+const route = useRoute();
+const quasar = useQuasar();
+const router = useRouter();
+const $props = defineProps({
+    id: {
+        type: Number,
+        required: false,
+        default: null,
+    },
+});
+const entityId = computed(() => $props.id || route.params.id);
+
+const zone = ref([]);
+const divisible = ref(false);
+const name = ref('');
+const colorPickerActive = ref(false);
+let originalData = { trays: [] };
+let zoneConfig;
+let zoneDeliveryColors;
+let currentTrayColorPicked;
+
+async function fetch() {
+    try {
+        await axios.get('ZoneConfigs').then(async (res) => {
+            if (res.data) {
+                zoneConfig = res.data[0];
+            }
+        });
+
+        await axios.get(`ZoneDeliveryColors`).then(async (res) => {
+            if (res.data) {
+                zoneDeliveryColors = res.data;
+                if (!entityId.value)
+                    zone.value.push({
+                        id: 0,
+                        position: 0,
+                        color: { ...zoneDeliveryColors[0] },
+                        action: 'add',
+                    });
+                else {
+                    await axios
+                        .get(`ZoneDeliveryTrays`, {
+                            params: { filter: { where: { typeFk: entityId.value } } },
+                        })
+                        .then(async (res) => {
+                            if (res.data) {
+                                for (let i = 0; i < res.data.length; i++) {
+                                    const tray = res.data[i];
+                                    zone.value.push({
+                                        id: res.data.length - i - 1,
+                                        position: tray.height,
+                                        color: {
+                                            ...zoneDeliveryColors.find((color) => {
+                                                return color.id === tray.colorFk;
+                                            }),
+                                        },
+                                        action: tray.height == 0 ? 'add' : 'delete',
+                                    });
+                                }
+                                zone.value.forEach((value) => {
+                                    originalData.trays.push({ ...value });
+                                });
+                            }
+                        });
+                }
+            }
+        });
+
+        if (entityId.value) {
+            await axios.get(`ZoneDeliverys/${entityId.value}`).then((res) => {
+                if (res.data) {
+                    originalData.name = name.value = res.data.name;
+                    originalData.divisible = divisible.value = res.data.divisible;
+                }
+            });
+        }
+    } catch (e) {
+        //
+    }
+}
+
+function addTray() {
+    if (
+        zone.value.find((tray) => {
+            return tray.position == null;
+        })
+    ) {
+        quasar.notify({
+            message: t('zone.warnings.uncompleteTrays'),
+            type: 'warning',
+        });
+        return;
+    }
+
+    if (zone.value.length < zoneConfig.maxTrays) {
+        zone.value.unshift({
+            id: zone.value.length,
+            position: null,
+            color: { ...zoneDeliveryColors[0] },
+            action: 'delete',
+        });
+    } else {
+        quasar.notify({
+            message: t('zone.warnings.maxTrays'),
+            type: 'warning',
+        });
+    }
+}
+
+function deleteTray(trayToDelete) {
+    zone.value = zone.value.filter((tray) => tray.id !== trayToDelete.id);
+    reorderIds();
+}
+
+function reorderIds() {
+    for (let index = zone.value.length - 1; index >= 0; index--) {
+        zone.value[index].id = index;
+    }
+}
+
+async function onSubmit() {
+    try {
+        const path = entityId.value
+            ? 'ZoneDeliverys/editZoneDelivery'
+            : 'ZoneDeliverys/createZoneDelivery';
+
+        const params = {
+            id: entityId.value,
+            name: name.value,
+            divisible: divisible.value,
+            trays: zone.value,
+        };
+
+        await axios.patch(path, params).then((res) => {
+            if (res.status == 204) router.push({ path: `/zone/type/list` });
+        });
+    } catch (error) {
+        //
+    }
+}
+
+function onReset() {
+    name.value = entityId.value ? originalData.name : null;
+    divisible.value = entityId.value ? originalData.divisible : false;
+    zone.value = entityId.value
+        ? [...originalData.trays]
+        : [
+              {
+                  id: 0,
+                  position: 0,
+                  color: { ...zoneDeliveryColors[0] },
+                  action: 'add',
+              },
+          ];
+}
+
+function doAction(tray) {
+    if (tray.action == 'add') {
+        addTray();
+    } else {
+        deleteTray(tray);
+    }
+}
+
+function showColorPicker(tray) {
+    colorPickerActive.value = true;
+    currentTrayColorPicked = zone.value.findIndex((val) => {
+        return val.id === tray.id;
+    });
+}
+
+function updateColor(newColor) {
+    zone.value[currentTrayColorPicked].color = {
+        ...zoneDeliveryColors.find((color) => {
+            return color.rgb === newColor;
+        }),
+    };
+}
+
+function onPositionBlur(tray) {
+    if (tray.position) {
+        if (tray.position == '' || tray.position < 0) {
+            tray.position = null;
+            return;
+        }
+        tray.position = parseInt(tray.position);
+        zone.value.sort((a, b) => b.position - a.position);
+        reorderIds();
+        for (let index = zone.value.length - 1; index > 0; index--) {
+            if (exceedMaxHeight(index - 1)) continue;
+            if (
+                zone.value[index - 1].position - zone.value[index].position >=
+                zoneConfig.minHeightBetweenTrays
+            ) {
+                continue;
+            } else {
+                zone.value[index - 1].position +=
+                    zoneConfig.minHeightBetweenTrays -
+                    (zone.value[index - 1].position - zone.value[index].position);
+
+                quasar.notify({
+                    message:
+                        t('zone.warnings.minHeightBetweenTrays') +
+                        zoneConfig.minHeightBetweenTrays +
+                        ' cm',
+                    type: 'warning',
+                });
+
+                exceedMaxHeight(index - 1);
+            }
+        }
+    }
+}
+
+function exceedMaxHeight(pos) {
+    if (zone.value[pos].position > zoneConfig.maxZoneHeight) {
+        zone.value.splice(pos, 1);
+        quasar.notify({
+            message: t('zone.warnings.maxZoneHeight') + zoneConfig.maxZoneHeight + ' cm',
+            type: 'warning',
+        });
+        return true;
+    }
+    return false;
+}
+</script>
+
+<template>
+    <QPage class="q-pa-sm q-mx-xl">
+        <QForm @submit="onSubmit()" @reset="onReset()" class="q-pa-sm">
+            <QCard class="q-pa-md">
+                <VnInput
+                    filled
+                    v-model="name"
+                    :label="t('zone.delivery.name')"
+                    :rules="[(val) => !!val || t('zone.warnings.nameNotEmpty')]"
+                />
+                <QCheckbox class="q-mb-sm" v-model="divisible" label="Divisible" />
+                <div class="zone-tray q-mx-lg" v-for="tray in zone" :key="tray.id">
+                    <div class="position">
+                        <QInput
+                            autofocus
+                            filled
+                            type="number"
+                            :class="{ isVisible: tray.action == 'add' }"
+                            v-model="tray.position"
+                            @blur="onPositionBlur(tray)"
+                        >
+                            <QTooltip :delay="2000">
+                                {{
+                                    t('zone.warnings.minHeightBetweenTrays') +
+                                    zoneConfig.minHeightBetweenTrays +
+                                    ' cm'
+                                }}
+                                <QSpace />
+                                {{
+                                    t('zone.warnings.maxZoneHeight') +
+                                    zoneConfig.maxZoneHeight +
+                                    ' cm'
+                                }}
+                            </QTooltip>
+                        </QInput>
+                    </div>
+                    <div class="shelving">
+                        <div class="shelving-half">
+                            <div class="shelving-up"></div>
+                            <div
+                                class="shelving-down"
+                                :style="{ backgroundColor: tray.color.rgb }"
+                                @click="showColorPicker(tray)"
+                            ></div>
+                        </div>
+                        <div
+                            class="shelving-divisible"
+                            :class="{ isVisible: !divisible }"
+                        ></div>
+                        <div class="shelving-half">
+                            <div class="shelving-up"></div>
+                            <div
+                                class="shelving-down"
+                                :style="{ backgroundColor: tray.color.rgb }"
+                                @click="showColorPicker(tray)"
+                            ></div>
+                        </div>
+                    </div>
+                    <div class="action-button">
+                        <QBtn
+                            flat
+                            round
+                            color="primary"
+                            :icon="tray.action"
+                            @click="doAction(tray)"
+                        />
+                    </div>
+                </div>
+                <div class="q-mb-sm wheels">
+                    <QIcon color="grey-6" name="trip_origin" size="xl" />
+                    <QIcon color="grey-6" name="trip_origin" size="xl" />
+                </div>
+                <QDialog
+                    v-model="colorPickerActive"
+                    position="right"
+                    :no-backdrop-dismiss="false"
+                >
+                    <QCard>
+                        <QCardSection>
+                            <div class="text-h6">{{ t('zone.delivery.trayColor') }}</div>
+                        </QCardSection>
+                        <QCardSection class="row items-center no-wrap">
+                            <QColor
+                                flat
+                                v-model="zone[currentTrayColorPicked].color.rgb"
+                                no-header
+                                no-footer
+                                default-view="palette"
+                                :palette="
+                                    zoneDeliveryColors.map((color) => {
+                                        return color.rgb;
+                                    })
+                                "
+                                @change="updateColor($event)"
+                            />
+                            <QBtn flat round icon="close" v-close-popup />
+                        </QCardSection>
+                    </QCard>
+                </QDialog>
+            </QCard>
+            <div class="q-mt-md">
+                <QBtn :label="t('zone.delivery.submit')" type="submit" color="primary" />
+                <QBtn
+                    :label="t('zone.delivery.reset')"
+                    type="reset"
+                    color="primary"
+                    flat
+                    class="q-ml-sm"
+                />
+            </div>
+        </QForm>
+    </QPage>
+</template>
+
+<style lang="scss" scoped>
+.q-page {
+    display: flex;
+    justify-content: center;
+    align-items: flex-start;
+}
+
+.q-form {
+    width: 70%;
+}
+
+.q-dialog {
+    .q-card {
+        width: 100%;
+    }
+}
+
+.wheels {
+    margin-left: 5%;
+    display: flex;
+    justify-content: space-around;
+}
+
+.zone-tray {
+    display: flex;
+    height: 6rem;
+
+    .position {
+        width: 20%;
+        border-right: 1rem solid gray;
+        display: flex;
+        align-items: flex-end;
+        justify-content: flex-end;
+        padding-right: 1rem;
+    }
+
+    .shelving {
+        display: flex;
+        width: 75%;
+
+        .shelving-half {
+            width: 50%;
+            height: 100%;
+
+            .shelving-up {
+                height: 80%;
+                width: 100%;
+            }
+
+            .shelving-down {
+                height: 20%;
+                width: 100%;
+            }
+        }
+
+        .shelving-divisible {
+            width: 1%;
+            height: 100%;
+            border-left: 0.5rem dashed grey;
+            border-right: 0.5rem dashed grey;
+        }
+    }
+
+    .action-button {
+        width: 10%;
+        border-left: 1rem solid gray;
+        display: flex;
+        align-items: flex-end;
+        justify-content: flex-start;
+        padding-left: 1rem;
+    }
+
+    .isVisible {
+        display: none;
+    }
+}
+</style>
diff --git a/src/pages/Zone/Delivery/ZoneDeliveryList.vue b/src/pages/Zone/Delivery/ZoneDeliveryList.vue
new file mode 100644
index 000000000..c7a3cbcdb
--- /dev/null
+++ b/src/pages/Zone/Delivery/ZoneDeliveryList.vue
@@ -0,0 +1,81 @@
+<script setup>
+import axios from 'axios';
+import { useQuasar } from 'quasar';
+import VnPaginate from 'src/components/ui/VnPaginate.vue';
+import { useArrayData } from 'src/composables/useArrayData';
+import { useI18n } from 'vue-i18n';
+import { useRouter } from 'vue-router';
+import CardList from 'components/ui/CardList.vue';
+import VnLv from 'components/ui/VnLv.vue';
+
+const quasar = useQuasar();
+const arrayData = useArrayData('ZoneDeliveryList');
+const store = arrayData.store;
+const router = useRouter();
+const { t } = useI18n();
+
+function navigate(id) {
+    router.push({ path: `/zone/type/${id}/edit` });
+}
+
+function create() {
+    router.push({ path: `/zone/type/create` });
+}
+
+async function remove(row) {
+    try {
+        const id = row.id;
+        await axios
+            .delete(`ZoneDeliverys/deleteZoneDelivery`, { params: { id } })
+            .then(async () => {
+                quasar.notify({
+                    message: t('zone.delivery.removeItem'),
+                    type: 'positive',
+                });
+                store.data.splice(store.data.indexOf(row), 1);
+            });
+    } catch (error) {
+        //
+    }
+}
+</script>
+
+<template>
+    <QPage class="column items-center q-pa-md">
+        <div class="vn-card-list">
+            <VnPaginate
+                data-key="ZoneDeliveryList"
+                url="/ZoneDeliverys"
+                order="id DESC"
+                auto-load
+            >
+                <template #body="{ rows }">
+                    <CardList
+                        v-for="row of rows"
+                        :key="row.id"
+                        :title="(row.name || '').toString()"
+                        :id="row.id"
+                        @click="navigate(row.id)"
+                    >
+                        <template #actions>
+                            <QBtn
+                                :label="t('components.smartCard.openCard')"
+                                @click.stop="navigate(row.id)"
+                                outline
+                            />
+                            <QBtn
+                                :label="t('zone.list.remove')"
+                                @click.stop="remove(row)"
+                                color="primary"
+                                style="margin-top: 15px"
+                            />
+                        </template>
+                    </CardList>
+                </template>
+            </VnPaginate>
+        </div>
+        <QPageSticky position="bottom-right" :offset="[18, 18]">
+            <QBtn @click="create" fab icon="add" color="primary" />
+        </QPageSticky>
+    </QPage>
+</template>
diff --git a/src/pages/Zone/Upcoming/ZoneUpcomingCreate.vue b/src/pages/Zone/Upcoming/ZoneUpcomingCreate.vue
new file mode 100644
index 000000000..6bc04c428
--- /dev/null
+++ b/src/pages/Zone/Upcoming/ZoneUpcomingCreate.vue
@@ -0,0 +1,432 @@
+<script setup>
+import { computed, ref, onMounted, onUpdated } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import { useQuasar } from 'quasar';
+
+import VnInput from 'src/components/common/VnInput.vue';
+
+import { useI18n } from 'vue-i18n';
+import axios from 'axios';
+
+onMounted(() => fetch());
+onUpdated(() => fetch());
+
+const { t } = useI18n();
+const route = useRoute();
+const quasar = useQuasar();
+const router = useRouter();
+const $props = defineProps({
+    id: {
+        type: Number,
+        required: false,
+        default: null,
+    },
+});
+const entityId = computed(() => $props.id || route.params.id);
+
+const zone = ref([]);
+const divisible = ref(false);
+const name = ref('');
+const colorPickerActive = ref(false);
+let originalData = { trays: [] };
+let zoneConfig;
+let zoneUpcomingColors;
+let currentTrayColorPicked;
+
+async function fetch() {
+    try {
+        await axios.get('ZoneConfigs').then(async (res) => {
+            if (res.data) {
+                zoneConfig = res.data[0];
+            }
+        });
+
+        await axios.get(`ZoneUpcomingColors`).then(async (res) => {
+            if (res.data) {
+                zoneUpcomingColors = res.data;
+                if (!entityId.value)
+                    zone.value.push({
+                        id: 0,
+                        position: 0,
+                        color: { ...zoneUpcomingColors[0] },
+                        action: 'add',
+                    });
+                else {
+                    await axios
+                        .get(`ZoneUpcomingTrays`, {
+                            params: { filter: { where: { typeFk: entityId.value } } },
+                        })
+                        .then(async (res) => {
+                            if (res.data) {
+                                for (let i = 0; i < res.data.length; i++) {
+                                    const tray = res.data[i];
+                                    zone.value.push({
+                                        id: res.data.length - i - 1,
+                                        position: tray.height,
+                                        color: {
+                                            ...zoneUpcomingColors.find((color) => {
+                                                return color.id === tray.colorFk;
+                                            }),
+                                        },
+                                        action: tray.height == 0 ? 'add' : 'delete',
+                                    });
+                                }
+                                zone.value.forEach((value) => {
+                                    originalData.trays.push({ ...value });
+                                });
+                            }
+                        });
+                }
+            }
+        });
+
+        if (entityId.value) {
+            await axios.get(`ZoneUpcomings/${entityId.value}`).then((res) => {
+                if (res.data) {
+                    originalData.name = name.value = res.data.name;
+                    originalData.divisible = divisible.value = res.data.divisible;
+                }
+            });
+        }
+    } catch (e) {
+        //
+    }
+}
+
+function addTray() {
+    if (
+        zone.value.find((tray) => {
+            return tray.position == null;
+        })
+    ) {
+        quasar.notify({
+            message: t('zone.warnings.uncompleteTrays'),
+            type: 'warning',
+        });
+        return;
+    }
+
+    if (zone.value.length < zoneConfig.maxTrays) {
+        zone.value.unshift({
+            id: zone.value.length,
+            position: null,
+            color: { ...zoneUpcomingColors[0] },
+            action: 'delete',
+        });
+    } else {
+        quasar.notify({
+            message: t('zone.warnings.maxTrays'),
+            type: 'warning',
+        });
+    }
+}
+
+function deleteTray(trayToDelete) {
+    zone.value = zone.value.filter((tray) => tray.id !== trayToDelete.id);
+    reorderIds();
+}
+
+function reorderIds() {
+    for (let index = zone.value.length - 1; index >= 0; index--) {
+        zone.value[index].id = index;
+    }
+}
+
+async function onSubmit() {
+    try {
+        const path = entityId.value
+            ? 'ZoneUpcomings/editZoneUpcoming'
+            : 'ZoneUpcomings/createZoneUpcoming';
+
+        const params = {
+            id: entityId.value,
+            name: name.value,
+            divisible: divisible.value,
+            trays: zone.value,
+        };
+
+        await axios.patch(path, params).then((res) => {
+            if (res.status == 204) router.push({ path: `/zone/type/list` });
+        });
+    } catch (error) {
+        //
+    }
+}
+
+function onReset() {
+    name.value = entityId.value ? originalData.name : null;
+    divisible.value = entityId.value ? originalData.divisible : false;
+    zone.value = entityId.value
+        ? [...originalData.trays]
+        : [
+              {
+                  id: 0,
+                  position: 0,
+                  color: { ...zoneUpcomingColors[0] },
+                  action: 'add',
+              },
+          ];
+}
+
+function doAction(tray) {
+    if (tray.action == 'add') {
+        addTray();
+    } else {
+        deleteTray(tray);
+    }
+}
+
+function showColorPicker(tray) {
+    colorPickerActive.value = true;
+    currentTrayColorPicked = zone.value.findIndex((val) => {
+        return val.id === tray.id;
+    });
+}
+
+function updateColor(newColor) {
+    zone.value[currentTrayColorPicked].color = {
+        ...zoneUpcomingColors.find((color) => {
+            return color.rgb === newColor;
+        }),
+    };
+}
+
+function onPositionBlur(tray) {
+    if (tray.position) {
+        if (tray.position == '' || tray.position < 0) {
+            tray.position = null;
+            return;
+        }
+        tray.position = parseInt(tray.position);
+        zone.value.sort((a, b) => b.position - a.position);
+        reorderIds();
+        for (let index = zone.value.length - 1; index > 0; index--) {
+            if (exceedMaxHeight(index - 1)) continue;
+            if (
+                zone.value[index - 1].position - zone.value[index].position >=
+                zoneConfig.minHeightBetweenTrays
+            ) {
+                continue;
+            } else {
+                zone.value[index - 1].position +=
+                    zoneConfig.minHeightBetweenTrays -
+                    (zone.value[index - 1].position - zone.value[index].position);
+
+                quasar.notify({
+                    message:
+                        t('zone.warnings.minHeightBetweenTrays') +
+                        zoneConfig.minHeightBetweenTrays +
+                        ' cm',
+                    type: 'warning',
+                });
+
+                exceedMaxHeight(index - 1);
+            }
+        }
+    }
+}
+
+function exceedMaxHeight(pos) {
+    if (zone.value[pos].position > zoneConfig.maxZoneHeight) {
+        zone.value.splice(pos, 1);
+        quasar.notify({
+            message: t('zone.warnings.maxZoneHeight') + zoneConfig.maxZoneHeight + ' cm',
+            type: 'warning',
+        });
+        return true;
+    }
+    return false;
+}
+</script>
+
+<template>
+    <QPage class="q-pa-sm q-mx-xl">
+        <QForm @submit="onSubmit()" @reset="onReset()" class="q-pa-sm">
+            <QCard class="q-pa-md">
+                <VnInput
+                    filled
+                    v-model="name"
+                    :label="t('zone.upcoming.name')"
+                    :rules="[(val) => !!val || t('zone.warnings.nameNotEmpty')]"
+                />
+                <QCheckbox class="q-mb-sm" v-model="divisible" label="Divisible" />
+                <div class="zone-tray q-mx-lg" v-for="tray in zone" :key="tray.id">
+                    <div class="position">
+                        <QInput
+                            autofocus
+                            filled
+                            type="number"
+                            :class="{ isVisible: tray.action == 'add' }"
+                            v-model="tray.position"
+                            @blur="onPositionBlur(tray)"
+                        >
+                            <QTooltip :delay="2000">
+                                {{
+                                    t('zone.warnings.minHeightBetweenTrays') +
+                                    zoneConfig.minHeightBetweenTrays +
+                                    ' cm'
+                                }}
+                                <QSpace />
+                                {{
+                                    t('zone.warnings.maxZoneHeight') +
+                                    zoneConfig.maxZoneHeight +
+                                    ' cm'
+                                }}
+                            </QTooltip>
+                        </QInput>
+                    </div>
+                    <div class="shelving">
+                        <div class="shelving-half">
+                            <div class="shelving-up"></div>
+                            <div
+                                class="shelving-down"
+                                :style="{ backgroundColor: tray.color.rgb }"
+                                @click="showColorPicker(tray)"
+                            ></div>
+                        </div>
+                        <div
+                            class="shelving-divisible"
+                            :class="{ isVisible: !divisible }"
+                        ></div>
+                        <div class="shelving-half">
+                            <div class="shelving-up"></div>
+                            <div
+                                class="shelving-down"
+                                :style="{ backgroundColor: tray.color.rgb }"
+                                @click="showColorPicker(tray)"
+                            ></div>
+                        </div>
+                    </div>
+                    <div class="action-button">
+                        <QBtn
+                            flat
+                            round
+                            color="primary"
+                            :icon="tray.action"
+                            @click="doAction(tray)"
+                        />
+                    </div>
+                </div>
+                <div class="q-mb-sm wheels">
+                    <QIcon color="grey-6" name="trip_origin" size="xl" />
+                    <QIcon color="grey-6" name="trip_origin" size="xl" />
+                </div>
+                <QDialog
+                    v-model="colorPickerActive"
+                    position="right"
+                    :no-backdrop-dismiss="false"
+                >
+                    <QCard>
+                        <QCardSection>
+                            <div class="text-h6">{{ t('zone.upcoming.trayColor') }}</div>
+                        </QCardSection>
+                        <QCardSection class="row items-center no-wrap">
+                            <QColor
+                                flat
+                                v-model="zone[currentTrayColorPicked].color.rgb"
+                                no-header
+                                no-footer
+                                default-view="palette"
+                                :palette="
+                                    zoneUpcomingColors.map((color) => {
+                                        return color.rgb;
+                                    })
+                                "
+                                @change="updateColor($event)"
+                            />
+                            <QBtn flat round icon="close" v-close-popup />
+                        </QCardSection>
+                    </QCard>
+                </QDialog>
+            </QCard>
+            <div class="q-mt-md">
+                <QBtn :label="t('zone.upcoming.submit')" type="submit" color="primary" />
+                <QBtn
+                    :label="t('zone.upcoming.reset')"
+                    type="reset"
+                    color="primary"
+                    flat
+                    class="q-ml-sm"
+                />
+            </div>
+        </QForm>
+    </QPage>
+</template>
+
+<style lang="scss" scoped>
+.q-page {
+    display: flex;
+    justify-content: center;
+    align-items: flex-start;
+}
+
+.q-form {
+    width: 70%;
+}
+
+.q-dialog {
+    .q-card {
+        width: 100%;
+    }
+}
+
+.wheels {
+    margin-left: 5%;
+    display: flex;
+    justify-content: space-around;
+}
+
+.zone-tray {
+    display: flex;
+    height: 6rem;
+
+    .position {
+        width: 20%;
+        border-right: 1rem solid gray;
+        display: flex;
+        align-items: flex-end;
+        justify-content: flex-end;
+        padding-right: 1rem;
+    }
+
+    .shelving {
+        display: flex;
+        width: 75%;
+
+        .shelving-half {
+            width: 50%;
+            height: 100%;
+
+            .shelving-up {
+                height: 80%;
+                width: 100%;
+            }
+
+            .shelving-down {
+                height: 20%;
+                width: 100%;
+            }
+        }
+
+        .shelving-divisible {
+            width: 1%;
+            height: 100%;
+            border-left: 0.5rem dashed grey;
+            border-right: 0.5rem dashed grey;
+        }
+    }
+
+    .action-button {
+        width: 10%;
+        border-left: 1rem solid gray;
+        display: flex;
+        align-items: flex-end;
+        justify-content: flex-start;
+        padding-left: 1rem;
+    }
+
+    .isVisible {
+        display: none;
+    }
+}
+</style>
diff --git a/src/pages/Zone/Upcoming/ZoneUpcomingList.vue b/src/pages/Zone/Upcoming/ZoneUpcomingList.vue
new file mode 100644
index 000000000..5c417df8f
--- /dev/null
+++ b/src/pages/Zone/Upcoming/ZoneUpcomingList.vue
@@ -0,0 +1,81 @@
+<script setup>
+import axios from 'axios';
+import { useQuasar } from 'quasar';
+import VnPaginate from 'src/components/ui/VnPaginate.vue';
+import { useArrayData } from 'src/composables/useArrayData';
+import { useI18n } from 'vue-i18n';
+import { useRouter } from 'vue-router';
+import CardList from 'components/ui/CardList.vue';
+import VnLv from 'components/ui/VnLv.vue';
+
+const quasar = useQuasar();
+const arrayData = useArrayData('ZoneUpcomingList');
+const store = arrayData.store;
+const router = useRouter();
+const { t } = useI18n();
+
+function navigate(id) {
+    router.push({ path: `/zone/type/${id}/edit` });
+}
+
+function create() {
+    router.push({ path: `/zone/type/create` });
+}
+
+async function remove(row) {
+    try {
+        const id = row.id;
+        await axios
+            .delete(`ZoneUpcomings/deleteZoneUpcoming`, { params: { id } })
+            .then(async () => {
+                quasar.notify({
+                    message: t('zone.upcoming.removeItem'),
+                    type: 'positive',
+                });
+                store.data.splice(store.data.indexOf(row), 1);
+            });
+    } catch (error) {
+        //
+    }
+}
+</script>
+
+<template>
+    <QPage class="column items-center q-pa-md">
+        <div class="vn-card-list">
+            <VnPaginate
+                data-key="ZoneUpcomingList"
+                url="/ZoneUpcomings"
+                order="id DESC"
+                auto-load
+            >
+                <template #body="{ rows }">
+                    <CardList
+                        v-for="row of rows"
+                        :key="row.id"
+                        :title="(row.name || '').toString()"
+                        :id="row.id"
+                        @click="navigate(row.id)"
+                    >
+                        <template #actions>
+                            <QBtn
+                                :label="t('components.smartCard.openCard')"
+                                @click.stop="navigate(row.id)"
+                                outline
+                            />
+                            <QBtn
+                                :label="t('zone.list.remove')"
+                                @click.stop="remove(row)"
+                                color="primary"
+                                style="margin-top: 15px"
+                            />
+                        </template>
+                    </CardList>
+                </template>
+            </VnPaginate>
+        </div>
+        <QPageSticky position="bottom-right" :offset="[18, 18]">
+            <QBtn @click="create" fab icon="add" color="primary" />
+        </QPageSticky>
+    </QPage>
+</template>
diff --git a/src/pages/Zone/ZoneCreate.vue b/src/pages/Zone/ZoneCreate.vue
new file mode 100644
index 000000000..8c0ba8c17
--- /dev/null
+++ b/src/pages/Zone/ZoneCreate.vue
@@ -0,0 +1,184 @@
+<script setup>
+import { computed, onMounted, onUpdated, ref } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { QIcon, QInput, QItem, QItemSection, QSelect } from 'quasar';
+
+import VnInput from 'src/components/common/VnInput.vue';
+
+import { useRoute, useRouter } from 'vue-router';
+import axios from 'axios';
+
+onMounted(() => fetch());
+onUpdated(() => fetch());
+
+const { t } = useI18n();
+const route = useRoute();
+const router = useRouter();
+const $props = defineProps({
+    id: {
+        type: Number,
+        required: false,
+        default: null,
+    },
+});
+const entityId = computed(() => $props.id || route.params.id);
+
+let zoneTypes = [];
+let originalData = {};
+const zone = ref({});
+const filteredZoneTypes = ref(zoneTypes);
+
+async function onSubmit() {
+    try {
+        const params = {
+            id: entityId.value,
+            label: zone.value.label,
+            plate: zone.value.plate,
+            volume: zone.value.volume,
+            typeFk: zone.value.typeFk,
+        };
+        await axios.patch('Zones', params).then((res) => {
+            if (res.status == 200) router.push({ path: `/zone/list` });
+        });
+    } catch (error) {
+        //
+    }
+}
+
+async function onReset() {
+    if (entityId.value) {
+        zone.value = { ...originalData };
+    } else {
+        zone.value = {};
+    }
+}
+
+async function fetch() {
+    try {
+        await axios.get('ZoneTypes').then(async (res) => {
+            if (res.data) {
+                filteredZoneTypes.value = zoneTypes = res.data;
+            }
+        });
+        if (entityId.value) {
+            await axios.get(`Zones/${entityId.value}`).then(async (res) => {
+                const data = res.data;
+                if (data) {
+                    zone.value.label = data.label;
+                    zone.value.plate = data.plate;
+                    zone.value.volume = data.volume;
+                    zone.value.typeFk = data.typeFk;
+                    originalData = { ...zone.value };
+                }
+            });
+        }
+    } catch (e) {
+        //
+    }
+}
+
+function filterType(val, update) {
+    update(() => {
+        const needle = val.toLowerCase();
+        filteredZoneTypes.value = zoneTypes.filter(
+            (v) => v.name.toLowerCase().indexOf(needle) > -1
+        );
+    });
+}
+</script>
+
+<template>
+    <QPage class="q-pa-sm q-mx-xl">
+        <QForm @submit="onSubmit()" @reset="onReset()" class="q-pa-sm">
+            <QCard class="q-pa-md">
+                <div class="row q-col-gutter-md">
+                    <div class="col">
+                        <QInput
+                            filled
+                            v-model="zone.label"
+                            :label="t('zone.create.label')"
+                            type="number"
+                            min="0"
+                            :rules="[(val) => !!val || t('zone.warnings.labelNotEmpty')]"
+                        />
+                    </div>
+                    <div class="col">
+                        <VnInput
+                            filled
+                            v-model="zone.plate"
+                            :label="t('zone.create.plate')"
+                            :rules="[(val) => !!val || t('zone.warnings.plateNotEmpty')]"
+                        />
+                    </div>
+                </div>
+                <div class="row q-col-gutter-md">
+                    <div class="col">
+                        <QInput
+                            filled
+                            v-model="zone.volume"
+                            :label="t('zone.create.volume')"
+                            type="number"
+                            min="0"
+                            :rules="[(val) => !!val || t('zone.warnings.volumeNotEmpty')]"
+                        />
+                    </div>
+                    <div class="col">
+                        <QSelect
+                            filled
+                            v-model="zone.typeFk"
+                            use-input
+                            fill-input
+                            hide-selected
+                            input-debounce="0"
+                            option-label="name"
+                            option-value="id"
+                            emit-value
+                            map-options
+                            :label="t('zone.create.type')"
+                            :options="filteredZoneTypes"
+                            :rules="[(val) => !!val || t('zone.warnings.typeNotEmpty')]"
+                            @filter="filterType"
+                        >
+                            <template v-if="zone.typeFk" #append>
+                                <QIcon
+                                    name="cancel"
+                                    @click.stop.prevent="zone.typeFk = null"
+                                    class="cursor-pointer"
+                                />
+                            </template>
+                            <template #no-option>
+                                <QItem>
+                                    <QItemSection class="text-grey">
+                                        {{ t('zone.warnings.noData') }}
+                                    </QItemSection>
+                                </QItem>
+                            </template>
+                        </QSelect>
+                    </div>
+                </div>
+            </QCard>
+            <div class="q-mt-md">
+                <QBtn :label="t('zone.type.submit')" type="submit" color="primary" />
+                <QBtn
+                    :label="t('zone.type.reset')"
+                    type="reset"
+                    color="primary"
+                    flat
+                    class="q-ml-sm"
+                />
+            </div>
+        </QForm>
+    </QPage>
+</template>
+
+<style lang="scss" scoped>
+.q-page {
+    display: flex;
+    justify-content: center;
+    align-items: flex-start;
+}
+
+.q-form {
+    width: 70%;
+}
+</style>
diff --git a/src/pages/Zone/ZoneList.vue b/src/pages/Zone/ZoneList.vue
new file mode 100644
index 000000000..00502e1f7
--- /dev/null
+++ b/src/pages/Zone/ZoneList.vue
@@ -0,0 +1,97 @@
+<script setup>
+import axios from 'axios';
+import { useQuasar } from 'quasar';
+import VnPaginate from 'src/components/ui/VnPaginate.vue';
+import { useArrayData } from 'src/composables/useArrayData';
+import { useI18n } from 'vue-i18n';
+import { useRouter } from 'vue-router';
+import CardList from 'components/ui/CardList.vue';
+import VnLv from 'components/ui/VnLv.vue';
+
+const quasar = useQuasar();
+const arrayData = useArrayData('ZoneList');
+const store = arrayData.store;
+const router = useRouter();
+const { t } = useI18n();
+
+const filter = {
+    include: {
+        relation: 'type',
+        scope: {
+            fields: 'name',
+        },
+    },
+};
+
+function navigate(id) {
+    router.push({ path: `/zone/${id}/edit` });
+}
+
+function create() {
+    router.push({ path: `/zone/create` });
+}
+
+async function remove(row) {
+    try {
+        await axios.delete(`Zones/${row.id}`).then(async () => {
+            quasar.notify({
+                message: t('zone.list.removeItem'),
+                type: 'positive',
+            });
+            store.data.splice(store.data.indexOf(row), 1);
+        });
+    } catch (error) {
+        //
+    }
+}
+</script>
+
+<template>
+    <QPage class="column items-center q-pa-md">
+        <div class="vn-card-list">
+            <VnPaginate
+                data-key="ZoneList"
+                url="/Zones"
+                order="id DESC"
+                :filter="filter"
+                auto-load
+            >
+                <template #body="{ rows }">
+                    <CardList
+                        v-for="row of rows"
+                        :key="row.id"
+                        :title="(row.label || '').toString()"
+                        :id="row.id"
+                        @click="navigate(row.id)"
+                    >
+                        <template #list-items>
+                            <VnLv
+                                :label="t('zone.list.plate')"
+                                :title-label="t('zone.list.plate')"
+                                :value="row.plate"
+                            />
+                            <VnLv :label="t('zone.list.volume')" :value="row?.volume" />
+                            <VnLv :label="t('zone.list.type')" :value="row?.type?.name" />
+                        </template>
+                        <template #actions>
+                            <QBtn
+                                :label="t('components.smartCard.openCard')"
+                                @click.stop="navigate(row.id)"
+                                outline
+                            />
+                            <QBtn
+                                :label="t('zone.list.remove')"
+                                @click.stop="remove(row)"
+                                color="primary"
+                                style="margin-top: 15px"
+                            />
+                        </template>
+                    </CardList>
+                </template>
+            </VnPaginate>
+        </div>
+        <QPageSticky position="bottom-right" :offset="[18, 18]">
+            <QBtn @click="create" fab icon="add" color="primary" />
+        </QPageSticky>
+    </QPage>
+</template>
diff --git a/src/pages/Zone/ZoneMain.vue b/src/pages/Zone/ZoneMain.vue
new file mode 100644
index 000000000..66ce78f23
--- /dev/null
+++ b/src/pages/Zone/ZoneMain.vue
@@ -0,0 +1,17 @@
+<script setup>
+import { useStateStore } from 'stores/useStateStore';
+import LeftMenu from 'src/components/LeftMenu.vue';
+
+const stateStore = useStateStore();
+</script>
+
+<template>
+    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
+        <QScrollArea class="fit text-grey-8">
+            <LeftMenu />
+        </QScrollArea>
+    </QDrawer>
+    <QPageContainer>
+        <RouterView></RouterView>
+    </QPageContainer>
+</template>

From f14d6310514c949c81de6ac07083dd686e37e87b Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Thu, 25 Apr 2024 14:32:42 +0200
Subject: [PATCH 113/305] feat #7271 ZoneDescriptor

---
 src/pages/Zone/Card/ZoneDescriptor.vue        | 127 ++++++++++++++++++
 .../Zone/Card/ZoneDescriptorMenuItems.vue     | 108 +++++++++++++++
 src/pages/Zone/Card/ZoneDescriptorProxy.vue   |  16 +++
 3 files changed, 251 insertions(+)
 create mode 100644 src/pages/Zone/Card/ZoneDescriptor.vue
 create mode 100644 src/pages/Zone/Card/ZoneDescriptorMenuItems.vue
 create mode 100644 src/pages/Zone/Card/ZoneDescriptorProxy.vue

diff --git a/src/pages/Zone/Card/ZoneDescriptor.vue b/src/pages/Zone/Card/ZoneDescriptor.vue
new file mode 100644
index 000000000..665cb6f0e
--- /dev/null
+++ b/src/pages/Zone/Card/ZoneDescriptor.vue
@@ -0,0 +1,127 @@
+<script setup>
+import { ref, computed } from 'vue';
+import { useRoute } from 'vue-router';
+import { useI18n } from 'vue-i18n';
+
+import CardDescriptor from 'components/ui/CardDescriptor.vue';
+import VnLv from 'src/components/ui/VnLv.vue';
+import ZoneDescriptorMenuItems from './ZoneDescriptorMenuItems.vue';
+
+import useCardDescription from 'src/composables/useCardDescription';
+import { toDate } from 'src/filters';
+
+const $props = defineProps({
+    id: {
+        type: Number,
+        required: false,
+        default: null,
+    },
+});
+
+const route = useRoute();
+const { t } = useI18n();
+
+const filter = {
+    fields: [
+        'id',
+        'ref',
+        'shipped',
+        'landed',
+        'totalEntries',
+        'warehouseInFk',
+        'warehouseOutFk',
+        'cargoSupplierFk',
+        'agencyModeFk',
+    ],
+    include: [
+        {
+            relation: 'warehouseIn',
+            scope: {
+                fields: ['name'],
+            },
+        },
+        {
+            relation: 'warehouseOut',
+            scope: {
+                fields: ['name'],
+            },
+        },
+    ],
+};
+
+const entityId = computed(() => {
+    return $props.id || route.params.id;
+});
+
+const data = ref(useCardDescription());
+
+const setData = (entity) => {
+    data.value = useCardDescription(entity.ref, entity.id);
+};
+</script>
+
+<template>
+    <CardDescriptor
+        module="Zone"
+        :url="`Zones/${entityId}`"
+        :title="data.title"
+        :subtitle="data.subtitle"
+        :filter="filter"
+        @on-fetch="setData"
+        data-key="travelData"
+    >
+        <template #header-extra-action>
+            <QBtn
+                round
+                flat
+                dense
+                size="md"
+                icon="local_airport"
+                color="white"
+                class="link"
+                :to="{ name: 'ZoneList' }"
+            >
+                <QTooltip>
+                    {{ t('Go to module index') }}
+                </QTooltip>
+            </QBtn>
+        </template>
+        <template #menu="{ entity }">
+            <ZoneDescriptorMenuItems :travel="entity" />
+        </template>
+        <template #body="{ entity }">
+            <VnLv :label="t('globals.wareHouseIn')" :value="entity.warehouseIn.name" />
+            <VnLv :label="t('globals.wareHouseOut')" :value="entity.warehouseOut.name" />
+            <VnLv :label="t('globals.shipped')" :value="toDate(entity.shipped)" />
+            <VnLv :label="t('globals.landed')" :value="toDate(entity.landed)" />
+            <VnLv :label="t('globals.totalEntries')" :value="entity.totalEntries" />
+        </template>
+        <template #actions="{ entity }">
+            <QCardActions>
+                <QBtn
+                    :to="{
+                        name: 'ZoneList',
+                        query: {
+                            params: JSON.stringify({
+                                agencyModeFk: entity.agencyModeFk,
+                            }),
+                        },
+                    }"
+                    size="md"
+                    icon="local_airport"
+                    color="primary"
+                >
+                    <QTooltip>{{ t('All travels with current agency') }}</QTooltip>
+                </QBtn>
+            </QCardActions>
+        </template>
+    </CardDescriptor>
+</template>
+
+<i18n>
+es:
+    Go to module index: Ir al índice del módulo
+    The travel will be deleted: El envío será eliminado
+    Do you want to delete this travel?: ¿Quieres eliminar este envío?
+    All travels with current agency: Todos los envíos con la agencia actual
+</i18n>
diff --git a/src/pages/Zone/Card/ZoneDescriptorMenuItems.vue b/src/pages/Zone/Card/ZoneDescriptorMenuItems.vue
new file mode 100644
index 000000000..920d83dfe
--- /dev/null
+++ b/src/pages/Zone/Card/ZoneDescriptorMenuItems.vue
@@ -0,0 +1,108 @@
+<script setup>
+import { computed } from 'vue';
+import { useQuasar } from 'quasar';
+import { useRouter } from 'vue-router';
+import { useI18n } from 'vue-i18n';
+
+import VnConfirm from 'components/ui/VnConfirm.vue';
+
+import axios from 'axios';
+import useNotify from 'src/composables/useNotify.js';
+import { useRole } from 'src/composables/useRole';
+
+const $props = defineProps({
+    travel: {
+        type: Object,
+        default: () => {},
+    },
+});
+
+const { t } = useI18n();
+const router = useRouter();
+const quasar = useQuasar();
+const { notify } = useNotify();
+const role = useRole();
+
+const redirectToCreateView = (queryParams) => {
+    router.push({ name: 'ZoneCreate', query: { travelData: queryParams } });
+};
+
+const cloneZone = () => {
+    const stringifiedZoneData = JSON.stringify($props.travel);
+    redirectToCreateView(stringifiedZoneData);
+};
+
+const cloneZoneWithEntries = () => {
+    try {
+        axios.post(`Zones/${$props.travel.id}/cloneWithEntries`);
+        notify('globals.dataSaved', 'positive');
+    } catch (err) {
+        console.err('Error cloning travel with entries');
+    }
+};
+
+const isBuyer = computed(() => {
+    return role.hasAny(['buyer']);
+});
+
+const openDeleteEntryDialog = (id) => {
+    quasar
+        .dialog({
+            component: VnConfirm,
+            componentProps: {
+                title: t('The travel will be deleted'),
+                message: t('Do you want to delete this travel?'),
+            },
+        })
+        .onOk(async () => {
+            await deleteZone(id);
+        });
+};
+
+const deleteZone = async (id) => {
+    try {
+        await axios.delete(`Zones/${id}`);
+        router.push({ name: 'ZoneList' });
+        notify('globals.dataDeleted', 'positive');
+    } catch (err) {
+        console.error('Error deleting travel');
+    }
+};
+</script>
+
+<template>
+    <QItem v-ripple clickable @click="cloneZone(travel)">
+        <QItemSection>{{ t('travel.summary.cloneShipping') }}</QItemSection>
+    </QItem>
+    <QItem v-ripple clickable @click="cloneZoneWithEntries()">
+        <QItemSection>
+            {{ t('travel.summary.CloneZoneAndEntries') }}
+        </QItemSection>
+    </QItem>
+    <QItem
+        v-if="isBuyer && travel.totalEntries === 0"
+        v-ripple
+        clickable
+        @click="openDeleteEntryDialog(travel.id)"
+    >
+        <QItemSection>
+            {{ t('travel.summary.deleteZone') }}
+        </QItemSection>
+    </QItem>
+    <QItem v-ripple clickable>
+        <QItemSection>
+            <RouterLink
+                :to="{ name: 'EntryCreate', query: { travelFk: travel.id } }"
+                class="color-vn-text"
+            >
+                {{ t('travel.summary.AddEntry') }}
+            </RouterLink>
+        </QItemSection>
+    </QItem>
+</template>
+
+<i18n>
+es:
+    The travel will be deleted: El envío será eliminado
+    Do you want to delete this travel?: ¿Quieres eliminar este envío?
+</i18n>
diff --git a/src/pages/Zone/Card/ZoneDescriptorProxy.vue b/src/pages/Zone/Card/ZoneDescriptorProxy.vue
new file mode 100644
index 000000000..15c5fb0e5
--- /dev/null
+++ b/src/pages/Zone/Card/ZoneDescriptorProxy.vue
@@ -0,0 +1,16 @@
+<script setup>
+import ZoneDescriptor from './ZoneDescriptor.vue';
+
+const $props = defineProps({
+    id: {
+        type: Number,
+        required: true,
+    },
+});
+</script>
+
+<template>
+    <QPopupProxy>
+        <ZoneDescriptor v-if="$props.id" :id="$props.id" />
+    </QPopupProxy>
+</template>

From 6e5ac0eeb9088e8765c267c4d9dc848728515d43 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Thu, 25 Apr 2024 14:44:32 +0200
Subject: [PATCH 114/305] fix: CustomerAdress layout

---
 .../components/CustomerAddressEdit.vue        | 68 +++++++++----------
 1 file changed, 33 insertions(+), 35 deletions(-)

diff --git a/src/pages/Customer/components/CustomerAddressEdit.vue b/src/pages/Customer/components/CustomerAddressEdit.vue
index c3c5c82ae..dd2717694 100644
--- a/src/pages/Customer/components/CustomerAddressEdit.vue
+++ b/src/pages/Customer/components/CustomerAddressEdit.vue
@@ -169,6 +169,21 @@ function handleLocation(data, location) {
                 <div class="col">
                     <VnInput :label="t('Consignee')" clearable v-model="data.nickname" />
                 </div>
+                <div class="col">
+                    <VnInput :label="t('Street')" clearable v-model="data.street" />
+                </div>
+            </VnRow>
+
+            <VnRow class="row q-gutter-md q-mb-md">
+                <div class="col">
+                    <VnLocation
+                        :rules="validate('Worker.postcode')"
+                        :roles-allowed-to-create="['deliveryAssistant']"
+                        :options="postcodesOptions"
+                        v-model="data.postalCode"
+                        @update:model-value="(location) => handleLocation(data, location)"
+                    ></VnLocation>
+                </div>
             </VnRow>
 
             <VnRow class="row q-gutter-md q-mb-md">
@@ -183,6 +198,24 @@ function handleLocation(data, location) {
                         v-model="data.agencyModeFk"
                     />
                 </div>
+                <div class="col">
+                    <VnInput :label="t('Phone')" clearable v-model="data.phone" />
+                </div>
+                <div class="col">
+                    <VnInput :label="t('Mobile')" clearable v-model="data.mobile" />
+                </div>
+            </VnRow>
+            <VnRow class="row q-gutter-md q-mb-md">
+                <div class="col">
+                    <VnSelectFilter
+                        :label="t('Incoterms')"
+                        :options="incoterms"
+                        hide-selected
+                        option-label="name"
+                        option-value="code"
+                        v-model="data.incotermsFk"
+                    />
+                </div>
                 <div class="col">
                     <VnSelectDialog
                         :label="t('Customs agent')"
@@ -198,41 +231,6 @@ function handleLocation(data, location) {
                     </VnSelectDialog>
                 </div>
             </VnRow>
-
-            <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnLocation
-                        :rules="validate('Worker.postcode')"
-                        :roles-allowed-to-create="['deliveryAssistant']"
-                        :options="postcodesOptions"
-                        v-model="data.postalCode"
-                        @update:model-value="(location) => handleLocation(data, location)"
-                    ></VnLocation>
-                </div>
-                <div class="col">
-                    <VnInput :label="t('Street')" clearable v-model="data.street" />
-                </div>
-            </VnRow>
-
-            <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnSelectFilter
-                        :label="t('Incoterms')"
-                        :options="incoterms"
-                        hide-selected
-                        option-label="name"
-                        option-value="code"
-                        v-model="data.incotermsFk"
-                    />
-                </div>
-                <div class="col">
-                    <VnInput :label="t('Phone')" clearable v-model="data.phone" />
-                </div>
-                <div class="col">
-                    <VnInput :label="t('Mobile')" clearable v-model="data.mobile" />
-                </div>
-            </VnRow>
-
             <h4 class="q-mb-xs">{{ t('Notes') }}</h4>
             <VnRow
                 :key="index"

From fb4170d83db6049566f2d1be44746cfea961951b Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Thu, 25 Apr 2024 15:25:20 +0200
Subject: [PATCH 115/305] fix Double request when update row

---
 src/pages/Item/ItemRequest.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/Item/ItemRequest.vue b/src/pages/Item/ItemRequest.vue
index 67a107ea4..4734260e0 100644
--- a/src/pages/Item/ItemRequest.vue
+++ b/src/pages/Item/ItemRequest.vue
@@ -296,7 +296,7 @@ onBeforeMount(() => {
                 <QTd>
                     <VnInput
                         v-model.number="row.saleQuantity"
-                        @change="changeQuantity(row)"
+                        @change.stop="changeQuantity(row)"
                         type="number"
                         :disable="!row.itemFk || row.isOk != null"
                         dense

From e5eb3010a36048c86513e97c82de2f28484f8bc8 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Thu, 25 Apr 2024 15:31:14 +0200
Subject: [PATCH 116/305] fix: Change method because X updates row

---
 src/pages/Item/ItemRequest.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/Item/ItemRequest.vue b/src/pages/Item/ItemRequest.vue
index 4734260e0..1872ad859 100644
--- a/src/pages/Item/ItemRequest.vue
+++ b/src/pages/Item/ItemRequest.vue
@@ -296,7 +296,7 @@ onBeforeMount(() => {
                 <QTd>
                     <VnInput
                         v-model.number="row.saleQuantity"
-                        @change.stop="changeQuantity(row)"
+                        @blur="changeQuantity(row)"
                         type="number"
                         :disable="!row.itemFk || row.isOk != null"
                         dense

From 823351f76dc5dcd192d3db88c4070be682e3501f Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Thu, 25 Apr 2024 10:55:48 -0300
Subject: [PATCH 117/305] Item botanical

---
 src/i18n/locale/en.yml                   |   1 +
 src/i18n/locale/es.yml                   |   1 +
 src/pages/Item/Card/CreateGenusForm.vue  |  50 ++++++++++
 src/pages/Item/Card/CreateSpecieForm.vue |  50 ++++++++++
 src/pages/Item/Card/ItemBotanical.vue    | 111 +++++++++++++++++++++++
 src/router/modules/item.js               |  11 ++-
 6 files changed, 223 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/Item/Card/CreateGenusForm.vue
 create mode 100644 src/pages/Item/Card/CreateSpecieForm.vue
 create mode 100644 src/pages/Item/Card/ItemBotanical.vue

diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index ff57bf968..6ccb1a177 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -1122,6 +1122,7 @@ item:
         fixedPrice: Fixed prices
         wasteBreakdown: Waste breakdown
         itemCreate: New item
+        botanical: Botanical
     descriptor:
         item: Item
         buyer: Buyer
diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index f9278a9b0..4bcf01400 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -1121,6 +1121,7 @@ item:
         fixedPrice: Precios fijados
         wasteBreakdown: Deglose de mermas
         itemCreate: Nuevo artículo
+        botanical: Botánico
     descriptor:
         item: Artículo
         buyer: Comprador
diff --git a/src/pages/Item/Card/CreateGenusForm.vue b/src/pages/Item/Card/CreateGenusForm.vue
new file mode 100644
index 000000000..637a1137e
--- /dev/null
+++ b/src/pages/Item/Card/CreateGenusForm.vue
@@ -0,0 +1,50 @@
+<script setup>
+import { reactive, ref, onMounted, nextTick } from 'vue';
+import { useI18n } from 'vue-i18n';
+import VnInput from 'src/components/common/VnInput.vue';
+
+import VnRow from 'components/ui/VnRow.vue';
+import FormModelPopup from 'components/FormModelPopup.vue';
+
+const { t } = useI18n();
+const emit = defineEmits(['onDataSaved']);
+
+const genusInputRef = ref(null);
+const genusFormData = reactive({});
+
+const onDataSaved = (formData, requestResponse) => {
+    emit('onDataSaved', formData, requestResponse);
+};
+
+onMounted(async () => {
+    await nextTick();
+    genusInputRef.value.focus();
+});
+</script>
+
+<template>
+    <FormModelPopup
+        url-create="genera"
+        model="itemGenus"
+        :title="t('New genus')"
+        :form-initial-data="genusFormData"
+        @on-data-saved="onDataSaved"
+    >
+        <template #form-inputs="{ data }">
+            <VnRow class="row q-gutter-md q-mb-md">
+                <VnInput
+                    ref="genusInputRef"
+                    :label="t('Latin genus name')"
+                    v-model="data.name"
+                    :required="true"
+                />
+            </VnRow>
+        </template>
+    </FormModelPopup>
+</template>
+
+<i18n>
+es:
+    New genus: Nuevo genus
+    Latin genus name: Nombre del genus en latín
+</i18n>
diff --git a/src/pages/Item/Card/CreateSpecieForm.vue b/src/pages/Item/Card/CreateSpecieForm.vue
new file mode 100644
index 000000000..2731820ba
--- /dev/null
+++ b/src/pages/Item/Card/CreateSpecieForm.vue
@@ -0,0 +1,50 @@
+<script setup>
+import { reactive, ref, onMounted, nextTick } from 'vue';
+import { useI18n } from 'vue-i18n';
+import VnInput from 'src/components/common/VnInput.vue';
+
+import VnRow from 'components/ui/VnRow.vue';
+import FormModelPopup from 'components/FormModelPopup.vue';
+
+const { t } = useI18n();
+const emit = defineEmits(['onDataSaved']);
+
+const specieInputRef = ref(null);
+const specieFormData = reactive({});
+
+const onDataSaved = (formData, requestResponse) => {
+    emit('onDataSaved', formData, requestResponse);
+};
+
+onMounted(async () => {
+    await nextTick();
+    specieInputRef.value.focus();
+});
+</script>
+
+<template>
+    <FormModelPopup
+        url-create="species"
+        model="itemSpecie"
+        :title="t('New species')"
+        :form-initial-data="specieFormData"
+        @on-data-saved="onDataSaved"
+    >
+        <template #form-inputs="{ data }">
+            <VnRow class="row q-gutter-md q-mb-md">
+                <VnInput
+                    ref="specieInputRef"
+                    :label="t('Latin species name')"
+                    v-model="data.name"
+                    :required="true"
+                />
+            </VnRow>
+        </template>
+    </FormModelPopup>
+</template>
+
+<i18n>
+es:
+    New species: Nueva especie
+    Latin species name: Nombre de la especie en latín
+</i18n>
diff --git a/src/pages/Item/Card/ItemBotanical.vue b/src/pages/Item/Card/ItemBotanical.vue
new file mode 100644
index 000000000..0a28b05b8
--- /dev/null
+++ b/src/pages/Item/Card/ItemBotanical.vue
@@ -0,0 +1,111 @@
+<script setup>
+import { ref, onMounted, reactive } from 'vue';
+import { useRoute } from 'vue-router';
+import { useI18n } from 'vue-i18n';
+
+import FetchData from 'components/FetchData.vue';
+import FormModel from 'components/FormModel.vue';
+import VnRow from 'components/ui/VnRow.vue';
+import VnSelectDialog from 'src/components/common/VnSelectDialog.vue';
+import CreateGenusForm from './CreateGenusForm.vue';
+import CreateSpecieForm from './CreateSpecieForm.vue';
+
+const route = useRoute();
+const { t } = useI18n();
+
+const itemBotanicalsRef = ref(null);
+const itemGenusOptions = ref([]);
+const itemSpeciesOptions = ref([]);
+const itemBotanicals = ref([]);
+let itemBotanicalsForm = reactive({});
+
+const onGenusCreated = (response, formData) => {
+    itemGenusOptions.value = [...itemGenusOptions.value, response];
+    formData.genusFk = response.id;
+};
+
+const onSpecieCreated = (response, formData) => {
+    itemSpeciesOptions.value = [...itemSpeciesOptions.value, response];
+    formData.specieFk = response.id;
+};
+
+onMounted(async () => {
+    itemBotanicals.value = await itemBotanicalsRef.value.fetch();
+    if (itemBotanicals.value.length > 0)
+        Object.assign(itemBotanicalsForm, itemBotanicals.value[0]);
+});
+</script>
+<template>
+    <FetchData
+        ref="itemBotanicalsRef"
+        url="ItemBotanicals"
+        :filter="{
+            where: { itemFk: route.params.id },
+        }"
+        @on-fetch="(data) => (itemBotanicals = data)"
+    />
+    <FetchData
+        url="Genera"
+        :filter="{ fields: ['id', 'name'], order: 'name ASC' }"
+        @on-fetch="(data) => (itemGenusOptions = data)"
+        auto-load
+    />
+    <FetchData
+        url="Species"
+        :filter="{ fields: ['id', 'name'], order: 'name ASC' }"
+        @on-fetch="(data) => (itemSpeciesOptions = data)"
+        auto-load
+    />
+    <FormModel
+        url-update="ItemBotanicals"
+        model="entry"
+        auto-load
+        :form-initial-data="itemBotanicalsForm"
+        :clear-store-on-unmount="false"
+    >
+        <template #form="{ data }">
+            <VnRow class="row q-gutter-md q-mb-md">
+                <VnSelectDialog
+                    :label="t('Genus')"
+                    v-model="data.genusFk"
+                    :options="itemGenusOptions"
+                    option-label="name"
+                    option-value="id"
+                    hide-selected
+                >
+                    <template #form>
+                        <CreateGenusForm
+                            @on-data-saved="
+                                (_, requestResponse) =>
+                                    onGenusCreated(requestResponse, data)
+                            "
+                        />
+                    </template>
+                </VnSelectDialog>
+                <VnSelectDialog
+                    :label="t('Species')"
+                    v-model="data.specieFk"
+                    :options="itemSpeciesOptions"
+                    option-label="name"
+                    option-value="id"
+                    hide-selected
+                >
+                    <template #form>
+                        <CreateSpecieForm
+                            @on-data-saved="
+                                (_, requestResponse) =>
+                                    onSpecieCreated(requestResponse, data)
+                            "
+                        />
+                    </template>
+                </VnSelectDialog>
+            </VnRow>
+        </template>
+    </FormModel>
+</template>
+
+<i18n>
+es:
+    Genus: Genus
+    Species: Especies
+</i18n>
diff --git a/src/router/modules/item.js b/src/router/modules/item.js
index 2a8e87194..c787d05f2 100644
--- a/src/router/modules/item.js
+++ b/src/router/modules/item.js
@@ -11,7 +11,7 @@ export default {
     redirect: { name: 'ItemMain' },
     menus: {
         main: ['ItemList', 'WasteBreakdown', 'ItemFixedPrice'],
-        card: ['ItemBasicData'],
+        card: ['ItemBasicData', 'ItemBotanical'],
     },
     children: [
         {
@@ -103,6 +103,15 @@ export default {
                     },
                     component: () => import('src/pages/Item/Card/ItemBasicData.vue'),
                 },
+                {
+                    path: 'botanical',
+                    name: 'ItemBotanical',
+                    meta: {
+                        title: 'botanical',
+                        icon: 'vn:botanical',
+                    },
+                    component: () => import('src/pages/Item/Card/ItemBotanical.vue'),
+                },
             ],
         },
     ],

From 5544676a1b4a3f0bab4c79e4d88e743dc5b69c07 Mon Sep 17 00:00:00 2001
From: pablone <pablone@verdnatura.es>
Date: Thu, 25 Apr 2024 16:18:06 +0200
Subject: [PATCH 118/305] fix: mistakes like console.log an disables

---
 src/i18n/locale/en.yml                                 | 3 ++-
 src/i18n/locale/es.yml                                 | 2 ++
 src/pages/Agency/AgencyList.vue                        | 8 --------
 src/pages/Agency/Card/AgencyDescriptor.vue             | 1 -
 src/pages/Agency/Card/AgencyModes.vue                  | 1 -
 src/pages/Agency/Card/AgencySummary.vue                | 7 ++++++-
 src/pages/Agency/Card/AgencyWorkcenter.vue             | 2 ++
 src/pages/Customer/components/CustomerCreditCreate.vue | 1 -
 src/pages/Ticket/TicketCreate.vue                      | 1 -
 9 files changed, 12 insertions(+), 14 deletions(-)

diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index 4de062ab0..636774d54 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -98,6 +98,7 @@ globals:
     worker: Worker
     now: Now
     name: Name
+    new: New
 errors:
     statusUnauthorized: Access denied
     statusInternalServerError: An internal server error has ocurred
@@ -1174,8 +1175,8 @@ agency:
     isOwn: Own
     isAnyVolumeAllowed: Any volume allowed
     notification:
-        removeItem: Agency removed successfully
         removeItemError: Error removing agency
+        removeItem: WorkCenter removed successfully
     pageTitles:
         agency: Agency
     searchBar:
diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index 10b77ef49..a2c7dd4dc 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -98,6 +98,7 @@ globals:
     worker: Trabajador
     now: Ahora
     name: Nombre
+    new: Nuevo
 errors:
     statusUnauthorized: Acceso denegado
     statusInternalServerError: Ha ocurrido un error interno del servidor
@@ -1175,6 +1176,7 @@ agency:
     removeItem: Agencia eliminada correctamente
     notification:
         removeItemError: Error al eliminar la agencia
+        removeItem: Centro de trabajo eliminado correctamente
     pageTitles:
         agency: Agencia
     searchBar:
diff --git a/src/pages/Agency/AgencyList.vue b/src/pages/Agency/AgencyList.vue
index c04206625..88abba3eb 100644
--- a/src/pages/Agency/AgencyList.vue
+++ b/src/pages/Agency/AgencyList.vue
@@ -14,7 +14,6 @@ function navigate(id) {
 }
 function exprBuilder(param, value) {
     if (!value) return;
-    console.log('value: ', value);
     if (param !== 'search') return;
 
     if (!isNaN(value)) return { id: value };
@@ -62,13 +61,6 @@ function exprBuilder(param, value) {
                                 :disable="true"
                             />
                         </template>
-                        <template #actions>
-                            <QBtn
-                                :label="t('components.smartCard.openCard')"
-                                @click.stop="navigate(row.id)"
-                                outline
-                            />
-                        </template>
                     </CardList>
                 </template>
             </VnPaginate>
diff --git a/src/pages/Agency/Card/AgencyDescriptor.vue b/src/pages/Agency/Card/AgencyDescriptor.vue
index 311f5d3a5..0fa89d07d 100644
--- a/src/pages/Agency/Card/AgencyDescriptor.vue
+++ b/src/pages/Agency/Card/AgencyDescriptor.vue
@@ -19,7 +19,6 @@ const { params } = useRoute();
 const entityId = computed(() => props.id || params.id);
 const { store } = useArrayData('Parking');
 const card = computed(() => store.data);
-console.log('card: ', card);
 </script>
 <template>
     <CardDescriptor
diff --git a/src/pages/Agency/Card/AgencyModes.vue b/src/pages/Agency/Card/AgencyModes.vue
index 4b145f227..c4a92bca9 100644
--- a/src/pages/Agency/Card/AgencyModes.vue
+++ b/src/pages/Agency/Card/AgencyModes.vue
@@ -8,7 +8,6 @@ import VnLv from 'src/components/ui/VnLv.vue';
 
 const { t } = useI18n();
 const route = useRoute();
-console.log('route: ', route.path);
 const routeId = route.params.id;
 </script>
 <template>
diff --git a/src/pages/Agency/Card/AgencySummary.vue b/src/pages/Agency/Card/AgencySummary.vue
index 4c9e7052f..0e80813aa 100644
--- a/src/pages/Agency/Card/AgencySummary.vue
+++ b/src/pages/Agency/Card/AgencySummary.vue
@@ -38,10 +38,15 @@ const filter = {
                         />
                     </QCardSection>
                     <VnLv :label="t('globals.name')" :value="agency.name" />
-                    <QCheckbox :label="t('agency.isOwn')" v-model="agency.isOwn" />
+                    <QCheckbox
+                        :label="t('agency.isOwn')"
+                        v-model="agency.isOwn"
+                        :disable="true"
+                    />
                     <QCheckbox
                         :label="t('agency.isAnyVolumeAllowed')"
                         v-model="agency.isAnyVolumeAllowed"
+                        :disable="true"
                     />
                 </QCard>
             </template>
diff --git a/src/pages/Agency/Card/AgencyWorkcenter.vue b/src/pages/Agency/Card/AgencyWorkcenter.vue
index ed9f15689..b5e846300 100644
--- a/src/pages/Agency/Card/AgencyWorkcenter.vue
+++ b/src/pages/Agency/Card/AgencyWorkcenter.vue
@@ -134,6 +134,8 @@ async function deleteWorCenter(id) {
         Search agency: Buscar agencia
         You can search by name: Puedes buscar por nombre
         This workCenter is already assigned to this agency: Este workCenter ya está asignado a esta agencia
+        Add work center: Añadir centro de trabajo
+        workCenter: Centro de trabajo
     en:
         isOwn: Has owner
         isAnyVolumeAllowed: Allows any volume
diff --git a/src/pages/Customer/components/CustomerCreditCreate.vue b/src/pages/Customer/components/CustomerCreditCreate.vue
index ae6d4de89..729deb258 100644
--- a/src/pages/Customer/components/CustomerCreditCreate.vue
+++ b/src/pages/Customer/components/CustomerCreditCreate.vue
@@ -13,7 +13,6 @@ const router = useRouter();
 const initialData = ref({});
 
 const setClient = (data) => {
-    console.log(data.credit);
     initialData.value.credit = data.credit;
 };
 
diff --git a/src/pages/Ticket/TicketCreate.vue b/src/pages/Ticket/TicketCreate.vue
index 3fb9c0083..c6cd25244 100644
--- a/src/pages/Ticket/TicketCreate.vue
+++ b/src/pages/Ticket/TicketCreate.vue
@@ -73,7 +73,6 @@ const fetchAddresses = async (formData) => {
 
         const { defaultAddress } = selectedClient.value;
         formData.addressId = defaultAddress.id;
-        console.log();
     } catch (err) {
         console.error(`Error fetching addresses`, err);
         return err.response;

From 436f24b674fb43b30d8e32db040070934bf5db7c Mon Sep 17 00:00:00 2001
From: pablone <pablone@verdnatura.es>
Date: Thu, 25 Apr 2024 17:11:30 +0200
Subject: [PATCH 119/305] fix: translates

---
 src/pages/Agency/Card/AgencyModes.vue      |  2 ++
 src/pages/Agency/Card/AgencyWorkcenter.vue |  8 +-------
 src/pages/Agency/locale/en.yml             | 11 +++++++++++
 src/pages/Agency/locale/es,yml             | 12 ++++++++++++
 4 files changed, 26 insertions(+), 7 deletions(-)
 create mode 100644 src/pages/Agency/locale/en.yml
 create mode 100644 src/pages/Agency/locale/es,yml

diff --git a/src/pages/Agency/Card/AgencyModes.vue b/src/pages/Agency/Card/AgencyModes.vue
index c4a92bca9..4fb81914a 100644
--- a/src/pages/Agency/Card/AgencyModes.vue
+++ b/src/pages/Agency/Card/AgencyModes.vue
@@ -52,6 +52,8 @@ const routeId = route.params.id;
         isAnyVolumeAllowed: Permite cualquier volumen
         Search agency: Buscar agencia
         You can search by name: Puedes buscar por nombre
+        deliveryMethod: Método de entrega
+        inflation: Inflación
     en:
         isOwn: Has owner
         isAnyVolumeAllowed: Allows any volume
diff --git a/src/pages/Agency/Card/AgencyWorkcenter.vue b/src/pages/Agency/Card/AgencyWorkcenter.vue
index b5e846300..31be90af4 100644
--- a/src/pages/Agency/Card/AgencyWorkcenter.vue
+++ b/src/pages/Agency/Card/AgencyWorkcenter.vue
@@ -129,14 +129,8 @@ async function deleteWorCenter(id) {
 </style>
 <i18n>
     es: 
-        isOwn: Tiene propietario
-        isAnyVolumeAllowed: Permite cualquier volumen
-        Search agency: Buscar agencia
-        You can search by name: Puedes buscar por nombre
+        workCenter removed successfully: Centro de trabajo eliminado correctamente
         This workCenter is already assigned to this agency: Este workCenter ya está asignado a esta agencia
         Add work center: Añadir centro de trabajo
         workCenter: Centro de trabajo
-    en:
-        isOwn: Has owner
-        isAnyVolumeAllowed: Allows any volume
 </i18n>
diff --git a/src/pages/Agency/locale/en.yml b/src/pages/Agency/locale/en.yml
new file mode 100644
index 000000000..3cc3d69e8
--- /dev/null
+++ b/src/pages/Agency/locale/en.yml
@@ -0,0 +1,11 @@
+agency:
+    isOwn: Own
+    isAnyVolumeAllowed: Any volume allowed
+    notification:
+        removeItemError: Error removing agency
+        removeItem: WorkCenter removed successfully
+    pageTitles:
+        agency: Agency
+    searchBar:
+        info: You can search by agency code
+        label: Search agency...
diff --git a/src/pages/Agency/locale/es,yml b/src/pages/Agency/locale/es,yml
new file mode 100644
index 000000000..2607472bd
--- /dev/null
+++ b/src/pages/Agency/locale/es,yml
@@ -0,0 +1,12 @@
+agency:
+    isOwn: Propio
+    isAnyVolumeAllowed: Cualquier volumen
+    removeItem: Agencia eliminada correctamente
+    notification:
+        removeItemError: Error al eliminar la agencia
+        removeItem: Centro de trabajo eliminado correctamente
+    pageTitles:
+        agency: Agencia
+    searchBar:
+        info: Puedes buscar por nombre o id
+        label: Buscar agencia...

From fff9ec41845bff6405535e9c6f4310fb84ae0512 Mon Sep 17 00:00:00 2001
From: pablone <pablone@verdnatura.es>
Date: Thu, 25 Apr 2024 17:17:28 +0200
Subject: [PATCH 120/305] fix: e2e test

---
 test/cypress/integration/agency/agencyWorkCenter.spec.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/test/cypress/integration/agency/agencyWorkCenter.spec.js b/test/cypress/integration/agency/agencyWorkCenter.spec.js
index 7f875179b..ff3c53214 100644
--- a/test/cypress/integration/agency/agencyWorkCenter.spec.js
+++ b/test/cypress/integration/agency/agencyWorkCenter.spec.js
@@ -23,7 +23,7 @@ describe('AgencyWorkCenter', () => {
         cy.get('.q-item__section--side > .q-btn > .q-btn__content > .q-icon').click();
         cy.get('.q-notification__message').should(
             'have.text',
-            'Agency removed successfully'
+            'WorkCenter removed successfully'
         );
     });
 

From 443f4a4443c5a452264313eda5293650ab0a67d6 Mon Sep 17 00:00:00 2001
From: Jon <jon@verdnatura.es>
Date: Fri, 26 Apr 2024 07:49:28 +0200
Subject: [PATCH 121/305] refactor: refs #7239 changed spanish translations

---
 src/components/common/VnSmsDialog.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/common/VnSmsDialog.vue b/src/components/common/VnSmsDialog.vue
index 4306beb4c..833f54942 100644
--- a/src/components/common/VnSmsDialog.vue
+++ b/src/components/common/VnSmsDialog.vue
@@ -199,8 +199,9 @@ es:
     templates:
         pendingPayment: 'Su pedido está pendiente de pago.
             Por favor, entre en la página web y efectue el pago con tarjeta. Muchas gracias.'
-        minAmount: 'Es necesario un importe mínimo de 50€ (Sin IVA) en su pedido
-            { orderId } con llegada { landing } para recibirlo sin portes adicionales.'
+        minAmount: 'Te recordamos que tu pedido {orderId} es inferior a 50€.
+            Te recomendamos amplíes para no generar costes extra provocarán un incremento de tu tarifa.
+            ¡Un saludo!'
         orderChanges: 'Pedido {orderId} con llegada estimada día { landing }: { changes }'
     en: Inglés
     es: Español

From c56b6b2dbc5a2b6983cab7461836de2bd530d8cd Mon Sep 17 00:00:00 2001
From: Jon <jon@verdnatura.es>
Date: Fri, 26 Apr 2024 08:22:08 +0200
Subject: [PATCH 122/305] refactor: better syntax

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

diff --git a/src/components/common/VnSmsDialog.vue b/src/components/common/VnSmsDialog.vue
index 833f54942..5b192f95d 100644
--- a/src/components/common/VnSmsDialog.vue
+++ b/src/components/common/VnSmsDialog.vue
@@ -200,7 +200,7 @@ es:
         pendingPayment: 'Su pedido está pendiente de pago.
             Por favor, entre en la página web y efectue el pago con tarjeta. Muchas gracias.'
         minAmount: 'Te recordamos que tu pedido {orderId} es inferior a 50€.
-            Te recomendamos amplíes para no generar costes extra provocarán un incremento de tu tarifa.
+            Te recomendamos amplíes para no generar costes extra, provocarán un incremento de tu tarifa.
             ¡Un saludo!'
         orderChanges: 'Pedido {orderId} con llegada estimada día { landing }: { changes }'
     en: Inglés

From d7bebfecb1723501d6125adaa9dd1dec02266269 Mon Sep 17 00:00:00 2001
From: pablone <pablone@verdnatura.es>
Date: Fri, 26 Apr 2024 08:28:42 +0200
Subject: [PATCH 123/305] fix: fix translates

---
 src/pages/Agency/locale/{es,yml => es.yml} | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename src/pages/Agency/locale/{es,yml => es.yml} (100%)

diff --git a/src/pages/Agency/locale/es,yml b/src/pages/Agency/locale/es.yml
similarity index 100%
rename from src/pages/Agency/locale/es,yml
rename to src/pages/Agency/locale/es.yml

From fc275d927436b08fa558c40c5e353939443319d7 Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Fri, 26 Apr 2024 08:29:34 +0200
Subject: [PATCH 124/305] refs #6976 remove logs

---
 src/pages/Supplier/Card/SupplierConsumption.vue | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/pages/Supplier/Card/SupplierConsumption.vue b/src/pages/Supplier/Card/SupplierConsumption.vue
index ca6d1557f..be3d4a992 100644
--- a/src/pages/Supplier/Card/SupplierConsumption.vue
+++ b/src/pages/Supplier/Card/SupplierConsumption.vue
@@ -33,14 +33,12 @@ const arrayData = useArrayData('SupplierConsumption', {
 
 const store = arrayData.store;
 
-watch(() => route.query);
-
 onUnmounted(() => state.unset('SupplierConsumption'));
 const dateRanges = computed(() => {
     const { from, to } = arrayData.store?.userParams || {};
     return { from, to };
 });
-console.log('dataRanges', dateRanges);
+
 const reportParams = computed(() => ({
     recipientId: Number(route.params.id),
     ...dateRanges.value,
@@ -127,9 +125,6 @@ onMounted(async () => {
     stateStore.rightDrawer = true;
     await getSupplierConsumptionData();
 });
-
-console.log('dateRange From', dateRanges.value.from);
-console.log('dateRange value', dateRanges.value);
 </script>
 
 <template>

From faa6d0e4fa8416cf3dcda5857e5577365c6ff83f Mon Sep 17 00:00:00 2001
From: pablone <pablone@verdnatura.es>
Date: Fri, 26 Apr 2024 08:33:41 +0200
Subject: [PATCH 125/305] feat: setup commit

---
 test/vitest/setup-file.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/test/vitest/setup-file.js b/test/vitest/setup-file.js
index e69de29bb..288f80beb 100644
--- a/test/vitest/setup-file.js
+++ b/test/vitest/setup-file.js
@@ -0,0 +1 @@
+// This file will be run before each test file, don't delete or vitest will not work.

From 7f4155cde9a535662033e379052ae42d9d7eb914 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 26 Apr 2024 08:54:26 +0200
Subject: [PATCH 126/305] fix: replace VnSelectFilter by VnSelect

---
 src/components/ItemsFilterPanel.vue     | 10 +++++-----
 src/pages/Item/ItemFixedPrice.vue       | 10 +++++-----
 src/pages/Item/ItemFixedPriceFilter.vue |  6 +++---
 src/pages/Item/ItemRequestFilter.vue    | 12 ++++++------
 4 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/src/components/ItemsFilterPanel.vue b/src/components/ItemsFilterPanel.vue
index f7f07a5b0..94adfe0ff 100644
--- a/src/components/ItemsFilterPanel.vue
+++ b/src/components/ItemsFilterPanel.vue
@@ -5,7 +5,7 @@ import { useI18n } from 'vue-i18n';
 import VnInput from 'components/common/VnInput.vue';
 import FetchData from 'components/FetchData.vue';
 import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
-import VnSelectFilter from 'components/common/VnSelectFilter.vue';
+import VnSelect from 'components/common/VnSelect.vue';
 import VnFilterPanelChip from 'components/ui/VnFilterPanelChip.vue';
 
 import axios from 'axios';
@@ -207,7 +207,7 @@ const removeTag = (index, params, search) => {
             </QItem>
             <QItem class="q-my-md">
                 <QItemSection>
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('components.itemsFilterPanel.typeFk')"
                         v-model="params.typeFk"
                         :options="itemTypesOptions"
@@ -235,7 +235,7 @@ const removeTag = (index, params, search) => {
                                 </QItemSection>
                             </QItem>
                         </template>
-                    </VnSelectFilter>
+                    </VnSelect>
                 </QItemSection>
             </QItem>
             <QSeparator />
@@ -246,7 +246,7 @@ const removeTag = (index, params, search) => {
                 class="q-mt-md filter-value"
             >
                 <QItemSection class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('components.itemsFilterPanel.tag')"
                         v-model="value.selectedTag"
                         :options="tagOptions"
@@ -261,7 +261,7 @@ const removeTag = (index, params, search) => {
                     />
                 </QItemSection>
                 <QItemSection class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         v-if="!value?.selectedTag?.isFree && value.valueOptions"
                         :label="t('components.itemsFilterPanel.value')"
                         v-model="value.value"
diff --git a/src/pages/Item/ItemFixedPrice.vue b/src/pages/Item/ItemFixedPrice.vue
index 0dd7ca07d..2a753a3a5 100644
--- a/src/pages/Item/ItemFixedPrice.vue
+++ b/src/pages/Item/ItemFixedPrice.vue
@@ -5,7 +5,7 @@ import { useI18n } from 'vue-i18n';
 import FetchData from 'components/FetchData.vue';
 import FetchedTags from 'components/ui/FetchedTags.vue';
 import VnInput from 'src/components/common/VnInput.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import VnInputDate from 'src/components/common/VnInputDate.vue';
 import EditTableCellValueForm from 'src/components/EditTableCellValueForm.vue';
 import ItemFixedPriceFilter from './ItemFixedPriceFilter.vue';
@@ -178,7 +178,7 @@ const columns = computed(() => [
         name: 'warehouse',
         ...defaultColumnAttrs,
         columnFilter: {
-            component: VnSelectFilter,
+            component: VnSelect,
             type: 'select',
             filterValue: null,
             event: getColumnInputEvents,
@@ -434,7 +434,7 @@ onUnmounted(() => (stateStore.rightDrawer = false));
 
             <template #body-cell-itemId="props">
                 <QTd>
-                    <VnSelectFilter
+                    <VnSelect
                         :options="itemsWithNameOptions"
                         hide-selected
                         option-label="id"
@@ -450,7 +450,7 @@ onUnmounted(() => (stateStore.rightDrawer = false));
                                 </QItemSection>
                             </QItem>
                         </template>
-                    </VnSelectFilter>
+                    </VnSelect>
                 </QTd>
             </template>
             <template #body-cell-description="{ row }">
@@ -531,7 +531,7 @@ onUnmounted(() => (stateStore.rightDrawer = false));
             </template>
             <template #body-cell-warehouse="props">
                 <QTd class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :options="warehousesOptions"
                         hide-selected
                         option-label="name"
diff --git a/src/pages/Item/ItemFixedPriceFilter.vue b/src/pages/Item/ItemFixedPriceFilter.vue
index cd86b5f71..6c847ece8 100644
--- a/src/pages/Item/ItemFixedPriceFilter.vue
+++ b/src/pages/Item/ItemFixedPriceFilter.vue
@@ -4,7 +4,7 @@ import { useI18n } from 'vue-i18n';
 
 import FetchData from 'components/FetchData.vue';
 import VnInputDate from 'src/components/common/VnInputDate.vue';
-import VnSelectFilter from 'components/common/VnSelectFilter.vue';
+import VnSelect from 'components/common/VnSelect.vue';
 import ItemsFilterPanel from 'src/components/ItemsFilterPanel.vue';
 
 const { t } = useI18n();
@@ -35,7 +35,7 @@ const itemTypeWorkersOptions = ref([]);
         <template #body="{ params, searchFn }">
             <QItem class="q-my-md">
                 <QItemSection>
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('components.itemsFilterPanel.buyerFk')"
                         v-model="params.buyerFk"
                         :options="itemTypeWorkersOptions"
@@ -51,7 +51,7 @@ const itemTypeWorkersOptions = ref([]);
             </QItem>
             <QItem class="q-my-md">
                 <QItemSection>
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('components.itemsFilterPanel.warehouseFk')"
                         v-model="params.warehouseFk"
                         :options="warehousesOptions"
diff --git a/src/pages/Item/ItemRequestFilter.vue b/src/pages/Item/ItemRequestFilter.vue
index 8b0b34e62..e142c28d3 100644
--- a/src/pages/Item/ItemRequestFilter.vue
+++ b/src/pages/Item/ItemRequestFilter.vue
@@ -3,7 +3,7 @@ import { ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import FetchData from 'components/FetchData.vue';
 import VnInputDate from 'src/components/common/VnInputDate.vue';
@@ -126,7 +126,7 @@ const decrement = (paramsObj, key) => {
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnSelectFilter
+                    <VnSelect
                         v-model="params.attenderFk"
                         :label="t('params.attenderFk')"
                         @update:model-value="searchFn()"
@@ -151,7 +151,7 @@ const decrement = (paramsObj, key) => {
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('params.warehouseFk')"
                         v-model="params.warehouseFk"
                         @update:model-value="searchFn()"
@@ -167,7 +167,7 @@ const decrement = (paramsObj, key) => {
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('params.requesterFk')"
                         v-model="params.requesterFk"
                         @update:model-value="searchFn()"
@@ -190,7 +190,7 @@ const decrement = (paramsObj, key) => {
                                 </QItemSection>
                             </QItem>
                         </template>
-                    </VnSelectFilter>
+                    </VnSelect>
                 </QItemSection>
             </QItem>
             <QCard bordered>
@@ -261,7 +261,7 @@ const decrement = (paramsObj, key) => {
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('params.state')"
                         v-model="params.state"
                         @update:model-value="searchFn()"

From 966831b6d3605c75d986b7f8c65d65d407927f57 Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Fri, 26 Apr 2024 09:00:42 +0200
Subject: [PATCH 127/305] refs #6976 fix pr

---
 src/pages/Supplier/Card/SupplierConsumption.vue | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/src/pages/Supplier/Card/SupplierConsumption.vue b/src/pages/Supplier/Card/SupplierConsumption.vue
index be3d4a992..8dbb87529 100644
--- a/src/pages/Supplier/Card/SupplierConsumption.vue
+++ b/src/pages/Supplier/Card/SupplierConsumption.vue
@@ -49,7 +49,6 @@ async function getSupplierConsumptionData() {
 }
 
 const rows = computed(() => {
-    console.log(store.data);
     return totalEntryPrice(store.data) || [];
 });
 
@@ -118,9 +117,6 @@ const totalEntryPrice = (rows) => {
     return rows;
 };
 
-totalEntryPrice(rows.value);
-console.log('row', rows.value);
-
 onMounted(async () => {
     stateStore.rightDrawer = true;
     await getSupplierConsumptionData();

From 3c033458d3c1dd75dbc4baf14b4dc8a512b6f4b3 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 26 Apr 2024 09:02:51 +0200
Subject: [PATCH 128/305] fix: minor changes

---
 src/i18n/locale/en.yml                | 2 ++
 src/pages/Item/Card/ItemBotanical.vue | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index a07e35f30..68f1b3db3 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -1126,6 +1126,8 @@ item:
         wasteBreakdown: Waste breakdown
         itemCreate: New item
         log: Log
+        tax: Tax
+        barcode: Barcode
         botanical: Botanical
     descriptor:
         item: Item
diff --git a/src/pages/Item/Card/ItemBotanical.vue b/src/pages/Item/Card/ItemBotanical.vue
index 0a28b05b8..0dd1d1a19 100644
--- a/src/pages/Item/Card/ItemBotanical.vue
+++ b/src/pages/Item/Card/ItemBotanical.vue
@@ -107,5 +107,5 @@ onMounted(async () => {
 <i18n>
 es:
     Genus: Genus
-    Species: Especies
+    Species: Especie
 </i18n>

From 36e99e2c6cc267c146dff230184ea9c62d5c8658 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 26 Apr 2024 09:28:32 +0200
Subject: [PATCH 129/305] fix: bug when save

---
 src/pages/Item/Card/ItemBotanical.vue | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/pages/Item/Card/ItemBotanical.vue b/src/pages/Item/Card/ItemBotanical.vue
index 0dd1d1a19..15492de9f 100644
--- a/src/pages/Item/Card/ItemBotanical.vue
+++ b/src/pages/Item/Card/ItemBotanical.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, onMounted, reactive } from 'vue';
+import { ref, onMounted, reactive, computed } from 'vue';
 import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 
@@ -17,7 +17,7 @@ const itemBotanicalsRef = ref(null);
 const itemGenusOptions = ref([]);
 const itemSpeciesOptions = ref([]);
 const itemBotanicals = ref([]);
-let itemBotanicalsForm = reactive({});
+let itemBotanicalsForm = reactive({ itemFk: null });
 
 const onGenusCreated = (response, formData) => {
     itemGenusOptions.value = [...itemGenusOptions.value, response];
@@ -28,8 +28,11 @@ const onSpecieCreated = (response, formData) => {
     itemSpeciesOptions.value = [...itemSpeciesOptions.value, response];
     formData.specieFk = response.id;
 };
-
+const entityId = computed(() => {
+    return route.params.id;
+});
 onMounted(async () => {
+    itemBotanicalsForm.itemFk = entityId.value;
     itemBotanicals.value = await itemBotanicalsRef.value.fetch();
     if (itemBotanicals.value.length > 0)
         Object.assign(itemBotanicalsForm, itemBotanicals.value[0]);
@@ -40,7 +43,7 @@ onMounted(async () => {
         ref="itemBotanicalsRef"
         url="ItemBotanicals"
         :filter="{
-            where: { itemFk: route.params.id },
+            where: { itemFk: entityId },
         }"
         @on-fetch="(data) => (itemBotanicals = data)"
     />

From 8f064e333878e6569e3329eb2f5f4ed19766f0c5 Mon Sep 17 00:00:00 2001
From: alexm <alexm@verdnatura.es>
Date: Fri, 26 Apr 2024 09:37:02 +0200
Subject: [PATCH 130/305] warmFix: replace VnSelectFilter to VnSelect

---
 src/pages/Agency/Card/AgencyBasicData.vue  | 4 ++--
 src/pages/Agency/Card/AgencySummary.vue    | 2 +-
 src/pages/Agency/Card/AgencyWorkcenter.vue | 6 +++---
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/pages/Agency/Card/AgencyBasicData.vue b/src/pages/Agency/Card/AgencyBasicData.vue
index 5999f853b..599058b3e 100644
--- a/src/pages/Agency/Card/AgencyBasicData.vue
+++ b/src/pages/Agency/Card/AgencyBasicData.vue
@@ -7,7 +7,7 @@ import FormModel from 'components/FormModel.vue';
 import FetchData from 'src/components/FetchData.vue';
 import VnRow from 'components/ui/VnRow.vue';
 import VnInput from 'src/components/common/VnInput.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 
 const { t } = useI18n();
 const route = useRoute();
@@ -27,7 +27,7 @@ const warehouses = ref([]);
                 <VnInput v-model="data.name" :label="t('globals.name')" />
             </VnRow>
             <VnRow>
-                <VnSelectFilter
+                <VnSelect
                     v-model="data.warehouseFk"
                     option-value="id"
                     option-label="name"
diff --git a/src/pages/Agency/Card/AgencySummary.vue b/src/pages/Agency/Card/AgencySummary.vue
index 0e80813aa..a4a6a2a18 100644
--- a/src/pages/Agency/Card/AgencySummary.vue
+++ b/src/pages/Agency/Card/AgencySummary.vue
@@ -7,7 +7,7 @@ import FetchData from 'src/components/FetchData.vue';
 import CardSummary from 'components/ui/CardSummary.vue';
 import VnLv from 'components/ui/VnLv.vue';
 import VnTitle from 'src/components/common/VnTitle.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 
 const $props = defineProps({
     id: {
diff --git a/src/pages/Agency/Card/AgencyWorkcenter.vue b/src/pages/Agency/Card/AgencyWorkcenter.vue
index 31be90af4..f5beaab53 100644
--- a/src/pages/Agency/Card/AgencyWorkcenter.vue
+++ b/src/pages/Agency/Card/AgencyWorkcenter.vue
@@ -12,7 +12,7 @@ import VnPaginate from 'src/components/ui/VnPaginate.vue';
 import VnLv from 'src/components/ui/VnLv.vue';
 import VnRow from 'components/ui/VnRow.vue';
 
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 
 const { t } = useI18n();
 const route = useRoute();
@@ -99,7 +99,7 @@ async function deleteWorCenter(id) {
                 >
                     <template #form-inputs="{ data }">
                         <VnRow class="row q-gutter-md q-mb-md">
-                            <VnSelectFilter
+                            <VnSelect
                                 v-model="data.workCenterFk"
                                 option-value="id"
                                 option-label="name"
@@ -128,7 +128,7 @@ async function deleteWorCenter(id) {
 }
 </style>
 <i18n>
-    es: 
+    es:
         workCenter removed successfully: Centro de trabajo eliminado correctamente
         This workCenter is already assigned to this agency: Este workCenter ya está asignado a esta agencia
         Add work center: Añadir centro de trabajo

From 93bbd0c222634a86a888ec41ce868c4e3e56348d Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 26 Apr 2024 10:48:25 +0200
Subject: [PATCH 131/305] fix: icons

---
 src/router/modules/customer.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/router/modules/customer.js b/src/router/modules/customer.js
index 5ef5945f3..092d60639 100644
--- a/src/router/modules/customer.js
+++ b/src/router/modules/customer.js
@@ -87,7 +87,7 @@ export default {
                     name: 'CustomerNotifications',
                     meta: {
                         title: 'notifications',
-                        icon: 'notifications',
+                        icon: 'campaign',
                     },
                     component: () =>
                         import(
@@ -99,7 +99,7 @@ export default {
                     name: 'CustomerDefaulter',
                     meta: {
                         title: 'defaulter',
-                        icon: 'vn:risk',
+                        icon: 'vn:defaulter',
                     },
                     component: () =>
                         import('src/pages/Customer/Defaulter/CustomerDefaulter.vue'),

From f169ca6778c6d0c327239cb13331ceab4d66e2a2 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 26 Apr 2024 11:02:48 +0200
Subject: [PATCH 132/305] fix: add button showPDF

---
 src/pages/Customer/Card/CustomerBalance.vue | 24 +++++++++++++++++++--
 1 file changed, 22 insertions(+), 2 deletions(-)

diff --git a/src/pages/Customer/Card/CustomerBalance.vue b/src/pages/Customer/Card/CustomerBalance.vue
index f7d22a345..420bef9bc 100644
--- a/src/pages/Customer/Card/CustomerBalance.vue
+++ b/src/pages/Customer/Card/CustomerBalance.vue
@@ -11,6 +11,7 @@ import { useState } from 'src/composables/useState';
 import { useStateStore } from 'stores/useStateStore';
 import { useValidator } from 'src/composables/useValidator';
 import { usePrintService } from 'src/composables/usePrintService';
+import { useSession } from 'src/composables/useSession';
 
 import VnPaginate from 'src/components/ui/VnPaginate.vue';
 import FetchData from 'components/FetchData.vue';
@@ -19,6 +20,9 @@ import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
 import CustomerNewPayment from 'src/pages/Customer/components/CustomerNewPayment.vue';
 import WorkerDescriptorProxy from 'src/pages/Worker/Card/WorkerDescriptorProxy.vue';
 import InvoiceOutDescriptorProxy from 'src/pages/InvoiceOut/Card/InvoiceOutDescriptorProxy.vue';
+const session = useSession();
+
+const tokenMultimedia = session.getTokenMultimedia();
 
 const { sendEmail } = usePrintService();
 const { t } = useI18n();
@@ -188,6 +192,11 @@ const saveFieldValue = async (row) => {
 const sendEmailAction = () => {
     sendEmail(`Suppliers/${route.params.id}/campaign-metrics-email`);
 };
+
+const showBalancePdf = (balance) => {
+    const url = `api/InvoiceOuts/${balance.id}/download?access_token=${tokenMultimedia}`;
+    window.open(url, '_blank');
+};
 </script>
 
 <template>
@@ -257,17 +266,28 @@ const sendEmailAction = () => {
                     <QTd align="center">
                         <QIcon
                             @click.stop="showDialog = true"
-                            class="q-ml-md"
+                            class="q-ml-md fill-icon"
                             color="primary"
                             name="outgoing_mail"
                             size="sm"
-                            style="font-variation-settings: 'FILL' 1"
                             v-if="row.isCompensation"
                         >
                             <QTooltip>
                                 {{ t('Send compensation') }}
                             </QTooltip>
                         </QIcon>
+                        <QIcon
+                            @click="showBalancePdf(row)"
+                            class="q-ml-md fill-icon"
+                            color="primary"
+                            name="cloud_download"
+                            size="sm"
+                            v-if="row.hasPdf"
+                        >
+                            <QTooltip>
+                                {{ t('globals.downloadPdf') }}
+                            </QTooltip>
+                        </QIcon>
 
                         <QDialog v-model="showDialog">
                             <QCard class="q-pa-sm">

From 7831a69aa902a0c51b3c1ce8ae27aeeb9cf9ef12 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 26 Apr 2024 11:03:40 +0200
Subject: [PATCH 133/305] fix: i18n and icon class

---
 src/i18n/locale/en.yml                              | 1 +
 src/i18n/locale/es.yml                              | 1 +
 src/pages/Customer/Card/CustomerCreditContracts.vue | 2 +-
 src/pages/InvoiceOut/InvoiceOutList.vue             | 4 +---
 src/pages/Route/RouteTickets.vue                    | 8 ++------
 5 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index 3ac3d18a0..2f4caedf8 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -31,6 +31,7 @@ globals:
     confirm: Confirm
     assign: Assign
     back: Back
+    downloadPdf: Download PDF
     yes: 'Yes'
     no: 'No'
     noChanges: No changes to save
diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index 4ecbcdbc0..6e688a602 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -58,6 +58,7 @@ globals:
     amount: Importe
     packages: Bultos
     download: Descargar
+    downloadPdf: Descargar PDF
     selectRows: 'Seleccionar las { numberRows } filas(s)'
     allRows: 'Todo { numberRows } filas(s)'
     markAll: Marcar todo
diff --git a/src/pages/Customer/Card/CustomerCreditContracts.vue b/src/pages/Customer/Card/CustomerCreditContracts.vue
index 1729ac076..568adcf0b 100644
--- a/src/pages/Customer/Card/CustomerCreditContracts.vue
+++ b/src/pages/Customer/Card/CustomerCreditContracts.vue
@@ -105,7 +105,7 @@ const updateData = () => {
                                             color="primary"
                                             name="lock"
                                             size="md"
-                                            style="font-variation-settings: 'FILL' 1"
+                                            class="fill-icon"
                                         >
                                             <QTooltip>{{ t('Close contract') }}</QTooltip>
                                         </QIcon>
diff --git a/src/pages/InvoiceOut/InvoiceOutList.vue b/src/pages/InvoiceOut/InvoiceOutList.vue
index c77502af5..a969c2c4b 100644
--- a/src/pages/InvoiceOut/InvoiceOutList.vue
+++ b/src/pages/InvoiceOut/InvoiceOutList.vue
@@ -139,7 +139,7 @@ const openCreateInvoiceModal = () => {
                             icon="cloud_download"
                             :disable="selectedCards.size === 0"
                         >
-                            <QTooltip>{{ t('downloadPdf') }}</QTooltip>
+                            <QTooltip>{{ t('globals.downloadPdf') }}</QTooltip>
                         </QBtn>
                         <QCheckbox
                             left-label
@@ -234,13 +234,11 @@ en:
     fileDenied: Browser denied file download...
     fileAllowed: Successful download of CSV file
     youCanSearchByInvoiceReference: You can search by invoice reference
-    downloadPdf: Download PDF
     createInvoice: Make invoice
 es:
     searchInvoice: Buscar factura emitida
     fileDenied: El navegador denegó la descarga de archivos...
     fileAllowed: Descarga exitosa de archivo CSV
     youCanSearchByInvoiceReference: Puedes buscar por referencia de la factura
-    downloadPdf: Descargar PDF
     createInvoice: Crear factura
 </i18n>
diff --git a/src/pages/Route/RouteTickets.vue b/src/pages/Route/RouteTickets.vue
index c1ca5507e..88a435d6e 100644
--- a/src/pages/Route/RouteTickets.vue
+++ b/src/pages/Route/RouteTickets.vue
@@ -274,7 +274,7 @@ const openSmsDialog = async () => {
                 <QBtn
                     icon="filter_alt"
                     color="primary"
-                    class="q-mr-sm filled-icon"
+                    class="q-mr-sm fill-icon"
                     :disable="!selectedRows?.length"
                     @click="deletePriorities"
                 >
@@ -295,7 +295,7 @@ const openSmsDialog = async () => {
                 <QBtn
                     icon="sms"
                     color="primary"
-                    class="q-mr-sm filled-icon"
+                    class="q-mr-sm fill-icon"
                     :disable="!selectedRows?.length"
                     @click="openSmsDialog"
                 >
@@ -425,10 +425,6 @@ const openSmsDialog = async () => {
 .table-actions {
     gap: 12px;
 }
-
-.filled-icon {
-    font-variation-settings: 'FILL' 1;
-}
 </style>
 <i18n>
 es:

From 320f6afd17c86f8d719687637a6e7d2dc908facf Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 26 Apr 2024 11:27:55 +0200
Subject: [PATCH 134/305] fix: CustomerDefaulter

---
 .../Customer/Defaulter/CustomerDefaulter.vue  | 41 ++++++++++++++++---
 1 file changed, 35 insertions(+), 6 deletions(-)

diff --git a/src/pages/Customer/Defaulter/CustomerDefaulter.vue b/src/pages/Customer/Defaulter/CustomerDefaulter.vue
index 5816eb1ec..3daf7ee54 100644
--- a/src/pages/Customer/Defaulter/CustomerDefaulter.vue
+++ b/src/pages/Customer/Defaulter/CustomerDefaulter.vue
@@ -3,6 +3,7 @@ import { ref, computed } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 import { QBtn, QCheckbox, useQuasar } from 'quasar';
+import { useStateStore } from 'stores/useStateStore';
 
 import { toCurrency, toDate } from 'filters/index';
 
@@ -14,9 +15,11 @@ import WorkerDescriptorProxy from 'src/pages/Worker/Card/WorkerDescriptorProxy.v
 import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import CustomerDefaulterAddObservation from './CustomerDefaulterAddObservation.vue';
+const stateStore = useStateStore();
 
 const { t } = useI18n();
 const quasar = useQuasar();
+const dataRef = ref(null);
 
 const balanceDueTotal = ref(0);
 const selected = ref([]);
@@ -184,22 +187,45 @@ const viewAddObservation = (rowsSelected) => {
     });
 };
 
-const refreshData = () => {
-    setRows();
+const refreshData = async () => {
+    await dataRef.value.fetch();
 };
 
 const onFetch = (data) => {
     for (const element of data) {
         element.isWorker = element.businessTypeFk === 'worker';
     }
-    rows.value = data;
+    setRows(data);
 };
 </script>
 
 <template>
-    <FetchData :filter="filter" @on-fetch="onFetch" auto-load url="Defaulters/filter" />
+    <template v-if="stateStore.isHeaderMounted()">
+        <Teleport to="#actions-append">
+            <div class="row q-gutter-x-sm">
+                <QBtn
+                    flat
+                    @click="stateStore.toggleRightDrawer()"
+                    round
+                    dense
+                    icon="menu"
+                >
+                    <QTooltip bottom anchor="bottom right">
+                        {{ t('globals.collapseMenu') }}
+                    </QTooltip>
+                </QBtn>
+            </div>
+        </Teleport></template
+    >
+    <FetchData
+        ref="dataRef"
+        :filter="filter"
+        @on-fetch="onFetch"
+        auto-load
+        url="Defaulters/filter"
+    />
 
-    <QDrawer side="right" :width="256" show-if-above>
+    <QDrawer v-model="stateStore.rightDrawer" side="right" :width="256" show-if-above>
         <QScrollArea class="fit text-grey-8">
             <CustomerNotificationsFilter data-key="CustomerDefaulter" />
         </QScrollArea>
@@ -214,7 +240,9 @@ const onFetch = (data) => {
                     icon="vn:notes"
                     :disabled="!selected.length"
                     @click.stop="viewAddObservation(selected)"
-                />
+                >
+                    <QTooltip>{{ t('Add observation') }}</QTooltip>
+                </QBtn>
             </div>
         </template>
     </VnSubToolbar>
@@ -289,6 +317,7 @@ const onFetch = (data) => {
 
 <i18n>
 es:
+    Add observation:  Añadir observación
     Client: Cliente
     Is worker: Es trabajador
     Salesperson: Comercial

From be1857bb9445a3a78cd39308c41c830919b1e7df Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 26 Apr 2024 11:28:09 +0200
Subject: [PATCH 135/305] fix: FilterPanel menu icon

---
 src/pages/Claim/ClaimList.vue                 |  1 -
 .../ExtendedList/CustomerExtendedList.vue     | 17 ++++++++++++++
 .../Notifications/CustomerNotifications.vue   | 22 ++++++++++++++++++-
 .../Customer/Payments/CustomerPayments.vue    |  8 +------
 4 files changed, 39 insertions(+), 9 deletions(-)

diff --git a/src/pages/Claim/ClaimList.vue b/src/pages/Claim/ClaimList.vue
index 6e0a08f2c..c3c5f5b7b 100644
--- a/src/pages/Claim/ClaimList.vue
+++ b/src/pages/Claim/ClaimList.vue
@@ -12,7 +12,6 @@ import CustomerDescriptorProxy from 'src/pages/Customer/Card/CustomerDescriptorP
 import VnUserLink from 'src/components/ui/VnUserLink.vue';
 import ClaimSummary from './Card/ClaimSummary.vue';
 import { useSummaryDialog } from 'src/composables/useSummaryDialog';
-import { getUrl } from 'src/composables/getUrl';
 
 const stateStore = useStateStore();
 const router = useRouter();
diff --git a/src/pages/Customer/ExtendedList/CustomerExtendedList.vue b/src/pages/Customer/ExtendedList/CustomerExtendedList.vue
index a24d3211a..3cefc1c02 100644
--- a/src/pages/Customer/ExtendedList/CustomerExtendedList.vue
+++ b/src/pages/Customer/ExtendedList/CustomerExtendedList.vue
@@ -485,6 +485,23 @@ const selectSalesPersonId = (id) => (selectedSalesPersonId.value = id);
 </script>
 
 <template>
+    <template v-if="stateStore.isHeaderMounted()">
+        <Teleport to="#actions-append">
+            <div class="row q-gutter-x-sm">
+                <QBtn
+                    flat
+                    @click="stateStore.toggleRightDrawer()"
+                    round
+                    dense
+                    icon="menu"
+                >
+                    <QTooltip bottom anchor="bottom right">
+                        {{ t('globals.collapseMenu') }}
+                    </QTooltip>
+                </QBtn>
+            </div>
+        </Teleport></template
+    >
     <QDrawer v-model="stateStore.rightDrawer" side="right" :width="256" show-if-above>
         <QScrollArea class="fit text-grey-8">
             <CustomerExtendedListFilter
diff --git a/src/pages/Customer/Notifications/CustomerNotifications.vue b/src/pages/Customer/Notifications/CustomerNotifications.vue
index 52ea4cc27..e54c3eecf 100644
--- a/src/pages/Customer/Notifications/CustomerNotifications.vue
+++ b/src/pages/Customer/Notifications/CustomerNotifications.vue
@@ -8,6 +8,9 @@ import FetchData from 'components/FetchData.vue';
 import CustomerNotificationsFilter from './CustomerNotificationsFilter.vue';
 import CustomerDescriptorProxy from '../Card/CustomerDescriptorProxy.vue';
 import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
+import { useStateStore } from 'stores/useStateStore';
+
+const stateStore = useStateStore();
 
 const { t } = useI18n();
 
@@ -82,6 +85,23 @@ const selectCustomerId = (id) => {
 </script>
 
 <template>
+    <template v-if="stateStore.isHeaderMounted()">
+        <Teleport to="#actions-append">
+            <div class="row q-gutter-x-sm">
+                <QBtn
+                    flat
+                    @click="stateStore.toggleRightDrawer()"
+                    round
+                    dense
+                    icon="menu"
+                >
+                    <QTooltip bottom anchor="bottom right">
+                        {{ t('globals.collapseMenu') }}
+                    </QTooltip>
+                </QBtn>
+            </div>
+        </Teleport></template
+    >
     <FetchData
         :filter="filter"
         @on-fetch="(data) => (rows = data)"
@@ -89,7 +109,7 @@ const selectCustomerId = (id) => {
         url="Clients"
     />
 
-    <QDrawer side="right" :width="256" show-if-above>
+    <QDrawer v-model="stateStore.rightDrawer" side="right" :width="256" show-if-above>
         <QScrollArea class="fit text-grey-8">
             <CustomerNotificationsFilter data-key="CustomerNotifications" />
         </QScrollArea>
diff --git a/src/pages/Customer/Payments/CustomerPayments.vue b/src/pages/Customer/Payments/CustomerPayments.vue
index 623d610ef..e53da84a3 100644
--- a/src/pages/Customer/Payments/CustomerPayments.vue
+++ b/src/pages/Customer/Payments/CustomerPayments.vue
@@ -110,13 +110,7 @@ function stateColor(row) {
             </div>
         </Teleport>
     </template>
-    <QDrawer
-        v-model="stateStore.rightDrawer"
-        side="right"
-        :width="256"
-        show-if-above
-        :breakpoint="1600"
-    >
+    <QDrawer v-model="stateStore.rightDrawer" side="right" :width="256" show-if-above>
         <QScrollArea class="fit text-grey-8">
             <CustomerPaymentsFilter data-key="CustomerTransactions" />
         </QScrollArea>

From 94a948c9332a5b89d12c93444d8dec4ac0ae2e86 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 26 Apr 2024 12:29:55 +0200
Subject: [PATCH 136/305] fix: add socialName

---
 src/i18n/locale/en.yml                                |  1 +
 src/i18n/locale/es.yml                                |  1 +
 .../Customer/ExtendedList/CustomerExtendedList.vue    | 11 +++++++++++
 3 files changed, 13 insertions(+)

diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index 2f4caedf8..caed66926 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -259,6 +259,7 @@ customer:
         tableVisibleColumns:
             id: Identifier
             name: Name
+            socialName: Social name
             fi: Tax number
             salesPersonFk: Salesperson
             credit: Credit
diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index 6e688a602..5aa3c86cd 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -257,6 +257,7 @@ customer:
         tableVisibleColumns:
             id: Identificador
             name: Nombre
+            socialName: Razón social
             fi: NIF / CIF
             salesPersonFk: Comercial
             credit: Crédito
diff --git a/src/pages/Customer/ExtendedList/CustomerExtendedList.vue b/src/pages/Customer/ExtendedList/CustomerExtendedList.vue
index 3cefc1c02..c7c5fd9c5 100644
--- a/src/pages/Customer/ExtendedList/CustomerExtendedList.vue
+++ b/src/pages/Customer/ExtendedList/CustomerExtendedList.vue
@@ -70,6 +70,11 @@ const tableColumnComponents = {
         props: () => {},
         event: () => {},
     },
+    socialName: {
+        component: 'span',
+        props: () => {},
+        event: () => {},
+    },
     fi: {
         component: 'span',
         props: () => {},
@@ -283,6 +288,12 @@ const columns = computed(() => [
         label: t('customer.extendedList.tableVisibleColumns.name'),
         name: 'name',
     },
+    {
+        align: 'left',
+        field: 'socialName',
+        label: t('customer.extendedList.tableVisibleColumns.socialName'),
+        name: 'socialName',
+    },
     {
         align: 'left',
         field: 'fi',

From 71f60b82e4e5a73fbd67eda19073eaa6a82a24fd Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 26 Apr 2024 12:30:17 +0200
Subject: [PATCH 137/305] fix: minor bugs use VnSubToolbar

---
 src/pages/Customer/ExtendedList/CustomerExtendedList.vue | 2 +-
 src/pages/Entry/EntryLatestBuys.vue                      | 9 +++++----
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/pages/Customer/ExtendedList/CustomerExtendedList.vue b/src/pages/Customer/ExtendedList/CustomerExtendedList.vue
index c7c5fd9c5..e6064878b 100644
--- a/src/pages/Customer/ExtendedList/CustomerExtendedList.vue
+++ b/src/pages/Customer/ExtendedList/CustomerExtendedList.vue
@@ -523,7 +523,7 @@ const selectSalesPersonId = (id) => (selectedSalesPersonId.value = id);
         </QScrollArea>
     </QDrawer>
     <VnSubToolbar>
-        <template #st-actions>
+        <template #st-data>
             <TableVisibleColumns
                 :all-columns="allColumnNames"
                 table-code="clientsDetail"
diff --git a/src/pages/Entry/EntryLatestBuys.vue b/src/pages/Entry/EntryLatestBuys.vue
index dbfb03f8f..21302c0f4 100644
--- a/src/pages/Entry/EntryLatestBuys.vue
+++ b/src/pages/Entry/EntryLatestBuys.vue
@@ -12,6 +12,7 @@ import VnInput from 'src/components/common/VnInput.vue';
 import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
 import EntryLatestBuysFilter from './EntryLatestBuysFilter.vue';
 import ItemDescriptorProxy from '../Item/Card/ItemDescriptorProxy.vue';
+import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
 
 import { useStateStore } from 'stores/useStateStore';
 import { toDate, toCurrency } from 'src/filters';
@@ -636,18 +637,18 @@ onUnmounted(() => (stateStore.rightDrawer = false));
         auto-load
         @on-fetch="(data) => (intrastatOptions = data)"
     />
-    <QToolbar class="justify-end">
-        <div id="st-data">
+    <VnSubToolbar>
+        <template #st-data>
             <TableVisibleColumns
                 :all-columns="allColumnNames"
                 table-code="latestBuys"
                 labels-traductions-path="entry.latestBuys"
                 @on-config-saved="visibleColumns = ['picture', ...$event]"
             />
-        </div>
+        </template>
         <QSpace />
         <div id="st-actions"></div>
-    </QToolbar>
+    </VnSubToolbar>
     <QDrawer v-model="stateStore.rightDrawer" side="right" :width="256" show-if-above>
         <QScrollArea class="fit text-grey-8">
             <EntryLatestBuysFilter data-key="EntryLatestBuys" :tags="tags" />

From 813703ce93a2dcba0ff8ab6005c8038dc2afe973 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 26 Apr 2024 12:39:09 +0200
Subject: [PATCH 138/305] fix: show icons

---
 .../Customer/ExtendedList/CustomerExtendedList.vue    | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/pages/Customer/ExtendedList/CustomerExtendedList.vue b/src/pages/Customer/ExtendedList/CustomerExtendedList.vue
index e6064878b..cd39c7d6f 100644
--- a/src/pages/Customer/ExtendedList/CustomerExtendedList.vue
+++ b/src/pages/Customer/ExtendedList/CustomerExtendedList.vue
@@ -549,6 +549,17 @@ const selectSalesPersonId = (id) => (selectedSalesPersonId.value = id);
                     {{ value }}
                 </QTd>
             </template>
+            <template #body-cell-customerStatus="props">
+                <QTd @click="stopEventPropagation($event, props.col)">
+                    <component
+                        :is="tableColumnComponents[props.col.name].component"
+                        class="col-content"
+                        v-bind="tableColumnComponents[props.col.name].props(props)"
+                        @click="tableColumnComponents[props.col.name].event(props)"
+                    >
+                    </component>
+                </QTd>
+            </template>
             <template #body-cell-id="props">
                 <QTd @click="stopEventPropagation($event, props.col)">
                     <component

From cf193b07c58649168bf8f4aeae619768b90ace5b Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Fri, 26 Apr 2024 08:02:17 -0300
Subject: [PATCH 139/305] Item tax

---
 src/components/CrudModel.vue    |   8 ++-
 src/i18n/locale/en.yml          |   3 +
 src/pages/Item/Card/ItemTax.vue | 103 +++++++++++++++++++++++++++++++-
 3 files changed, 111 insertions(+), 3 deletions(-)

diff --git a/src/components/CrudModel.vue b/src/components/CrudModel.vue
index fb3ac10c3..24d848f3b 100644
--- a/src/components/CrudModel.vue
+++ b/src/components/CrudModel.vue
@@ -124,11 +124,15 @@ async function onSubmit() {
         });
     }
     isLoading.value = true;
-    await saveChanges();
+    await saveChanges($props.saveFn ? formData.value : null);
 }
 
 async function saveChanges(data) {
-    if ($props.saveFn) return $props.saveFn(data, getChanges);
+    if ($props.saveFn) {
+        $props.saveFn(data, getChanges);
+        isLoading.value = false;
+        return;
+    }
     const changes = data || getChanges();
     try {
         await axios.post($props.saveUrl || $props.url + '/crud', changes);
diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index 04c278abe..d3b18dfe2 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -1123,6 +1123,9 @@ item:
         fixedPrice: Fixed prices
         wasteBreakdown: Waste breakdown
         itemCreate: New item
+        botanical: Botanical
+        barcode: Barcodes
+        tax: Tax
     descriptor:
         item: Item
         buyer: Buyer
diff --git a/src/pages/Item/Card/ItemTax.vue b/src/pages/Item/Card/ItemTax.vue
index 76663932c..b966eede9 100644
--- a/src/pages/Item/Card/ItemTax.vue
+++ b/src/pages/Item/Card/ItemTax.vue
@@ -1 +1,102 @@
-<template>Item tax</template>
+<script setup>
+import { ref, onMounted } from 'vue';
+import { useRoute } from 'vue-router';
+import { useI18n } from 'vue-i18n';
+
+import FetchData from 'components/FetchData.vue';
+import VnInput from 'src/components/common/VnInput.vue';
+import VnRow from 'components/ui/VnRow.vue';
+import CrudModel from 'components/CrudModel.vue';
+import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+
+import axios from 'axios';
+import useNotify from 'src/composables/useNotify.js';
+
+const route = useRoute();
+const { t } = useI18n();
+const { notify } = useNotify();
+
+const taxesFilter = {
+    fields: ['id', 'countryFk', 'taxClassFk'],
+    include: [
+        {
+            relation: 'country',
+            scope: {
+                fields: ['country'],
+            },
+        },
+    ],
+};
+
+const ItemTaxRef = ref(null);
+const taxesOptions = ref([]);
+
+const submitTaxes = async (data) => {
+    try {
+        let payload = data.map((tax) => ({
+            id: tax.id,
+            taxClassFk: tax.taxClassFk,
+        }));
+
+        await axios.post(`Items/updateTaxes`, payload);
+        notify(t('globals.dataSaved'), 'positive');
+    } catch (err) {
+        console.error('Error saving taxes', err);
+    }
+};
+
+onMounted(async () => {
+    if (ItemTaxRef.value) ItemTaxRef.value.reload();
+});
+</script>
+<template>
+    <FetchData
+        url="TaxClasses"
+        :filter="{
+            fields: ['id', 'description', 'code'],
+        }"
+        @on-fetch="(data) => (taxesOptions = data)"
+        auto-load
+    />
+    <CrudModel
+        :url="`items/${route.params.id}/taxes`"
+        :save-fn="submitTaxes"
+        :filter="taxesFilter"
+        :default-remove="false"
+        data-key="ItemTax"
+        model="ItemTax"
+        ref="ItemTaxRef"
+    >
+        <template #body="{ rows }">
+            <QCard class="q-pl-lg q-py-md">
+                <VnRow
+                    v-for="(row, index) in rows"
+                    :key="index"
+                    class="row q-gutter-md q-mb-md"
+                >
+                    <VnRow class="row q-gutter-md q-mb-md">
+                        <VnInput
+                            :label="t('Country')"
+                            v-model="row.country.country"
+                            disable
+                        />
+                        <VnSelectFilter
+                            :label="t('Class')"
+                            v-model="row.taxClassFk"
+                            :options="taxesOptions"
+                            option-label="description"
+                            option-value="id"
+                            hide-selected
+                        />
+                    </VnRow>
+                </VnRow>
+            </QCard>
+        </template>
+    </CrudModel>
+</template>
+
+<i18n>
+es:
+    Country: País
+    Class: Clase
+</i18n>

From 88e1e577c4f7970a80fee568142539b839b918a6 Mon Sep 17 00:00:00 2001
From: alexm <alexm@verdnatura.es>
Date: Fri, 26 Apr 2024 13:10:29 +0200
Subject: [PATCH 140/305] hotFix: refs #6636 fix ref optionsList

---
 src/pages/Claim/Card/ClaimBasicData.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/pages/Claim/Card/ClaimBasicData.vue b/src/pages/Claim/Card/ClaimBasicData.vue
index 56717c628..47d1ac1c6 100644
--- a/src/pages/Claim/Card/ClaimBasicData.vue
+++ b/src/pages/Claim/Card/ClaimBasicData.vue
@@ -41,6 +41,7 @@ const workers = ref([]);
 const workersCopy = ref([]);
 const claimStates = ref([]);
 const claimStatesCopy = ref([]);
+const optionsList = ref([]);
 
 function setWorkers(data) {
     workers.value = data;
@@ -51,9 +52,9 @@ function setClaimStates(data) {
     claimStates.value = data;
     claimStatesCopy.value = data;
 }
-let optionsList;
+
 async function getEnumValues() {
-    optionsList = [{ id: null, description: t('claim.basicData.null') }];
+    optionsList.value = [{ id: null, description: t('claim.basicData.null') }];
     const { data } = await axios.get(`Applications/get-enum-values`, {
         params: {
             schema: 'vn',
@@ -62,8 +63,9 @@ async function getEnumValues() {
         },
     });
     for (let value of data)
-        optionsList.push({ id: value, description: t(`claim.basicData.${value}`) });
+        optionsList.value.push({ id: value, description: t(`claim.basicData.${value}`) });
 }
+
 getEnumValues();
 
 const workerFilter = {

From 127567898da40f416db6d3fcc3da7231dba59a3d Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 26 Apr 2024 13:27:58 +0200
Subject: [PATCH 141/305] fix: add filter panel

---
 src/pages/Item/ItemTypeList.vue       | 22 +++++++++++-
 src/pages/ItemType/ItemTypeFilter.vue | 49 +++++++++++++++++++++++++++
 2 files changed, 70 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/ItemType/ItemTypeFilter.vue

diff --git a/src/pages/Item/ItemTypeList.vue b/src/pages/Item/ItemTypeList.vue
index b0b4de540..5b106916d 100644
--- a/src/pages/Item/ItemTypeList.vue
+++ b/src/pages/Item/ItemTypeList.vue
@@ -6,6 +6,7 @@ import VnPaginate from 'src/components/ui/VnPaginate.vue';
 import VnLv from 'src/components/ui/VnLv.vue';
 import CardList from 'src/components/ui/CardList.vue';
 import ItemTypeSummary from 'src/pages/ItemType/Card/ItemTypeSummary.vue';
+import ItemTypeFilter from 'src/pages/ItemType/ItemTypeFilter.vue';
 import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
 
 import { useStateStore } from 'stores/useStateStore';
@@ -31,12 +32,31 @@ const redirectToCreateView = () => {
             <VnSearchbar
                 data-key="ItemTypeList"
                 url="ItemTypes"
-                custom-route-redirect-name="ItemTypeSummary"
                 :label="t('Search item type')"
                 :info="t('Search itemType by id, name or code')"
             />
         </Teleport>
+        <Teleport to="#actions-append">
+            <div class="row q-gutter-x-sm">
+                <QBtn
+                    flat
+                    @click="stateStore.toggleRightDrawer()"
+                    round
+                    dense
+                    icon="menu"
+                >
+                    <QTooltip bottom anchor="bottom right">
+                        {{ t('globals.collapseMenu') }}
+                    </QTooltip>
+                </QBtn>
+            </div>
+        </Teleport>
     </template>
+    <QDrawer v-model="stateStore.rightDrawer" side="right" :width="256" show-if-above>
+        <QScrollArea class="fit text-grey-8">
+            <ItemTypeFilter data-key="ItemTypes" />
+        </QScrollArea>
+    </QDrawer>
     <QPage class="column items-center q-pa-md">
         <div class="vn-card-list">
             <VnPaginate
diff --git a/src/pages/ItemType/ItemTypeFilter.vue b/src/pages/ItemType/ItemTypeFilter.vue
new file mode 100644
index 000000000..33238545f
--- /dev/null
+++ b/src/pages/ItemType/ItemTypeFilter.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';
+const { t } = useI18n();
+
+const props = defineProps({
+    dataKey: {
+        type: String,
+        required: true,
+    },
+});
+</script>
+
+<template>
+    <VnFilterPanel :data-key="props.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>
+                    <VnInput :label="t('Name')" v-model="params.name" is-outlined />
+                </QItemSection>
+            </QItem>
+            <QItem>
+                <QItemSection>
+                    <VnInput v-model="params.code" :label="t('Code')" is-outlined />
+                </QItemSection>
+            </QItem>
+        </template>
+    </VnFilterPanel>
+</template>
+
+<i18n>
+en:
+    params:
+        name: Name
+        code: Code
+es:
+    params:
+        name: Nombre
+        code: Código
+    Name: Nombre
+    Code: Código
+</i18n>

From 76cd79173cabe0996c03a982b8773c5bd8df107e Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Fri, 26 Apr 2024 13:50:11 +0200
Subject: [PATCH 142/305] refs #7172 fix select

---
 src/pages/Claim/Card/ClaimBasicData.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/Claim/Card/ClaimBasicData.vue b/src/pages/Claim/Card/ClaimBasicData.vue
index f6feae4ba..adb9b4c08 100644
--- a/src/pages/Claim/Card/ClaimBasicData.vue
+++ b/src/pages/Claim/Card/ClaimBasicData.vue
@@ -2,7 +2,7 @@
 import { ref } from 'vue';
 import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import FetchData from 'components/FetchData.vue';
 import FormModel from 'components/FormModel.vue';
 import VnRow from 'components/ui/VnRow.vue';
@@ -108,7 +108,7 @@ const statesFilter = {
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('claim.basicData.assignedTo')"
                         v-model="data.workerFk"
                         :options="workersOptions"
@@ -128,7 +128,7 @@ const statesFilter = {
                                 />
                             </QAvatar>
                         </template>
-                    </VnSelectFilter>
+                    </VnSelect>
                 </div>
                 <div class="col">
                     <QSelect

From 485e916f55d08cd576e00b0f397c61fe57cad02f Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Fri, 26 Apr 2024 09:16:26 -0300
Subject: [PATCH 143/305] Add input focus

---
 src/pages/Item/Card/ItemBarcode.vue | 22 ++++++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/pages/Item/Card/ItemBarcode.vue b/src/pages/Item/Card/ItemBarcode.vue
index 6a13a9ea7..d0beab350 100644
--- a/src/pages/Item/Card/ItemBarcode.vue
+++ b/src/pages/Item/Card/ItemBarcode.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, onMounted } from 'vue';
+import { ref, onMounted, nextTick } from 'vue';
 import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 
@@ -11,7 +11,20 @@ const { t } = useI18n();
 
 const itemBarcodeRef = ref(null);
 
-onMounted(() => {
+const insertRow = () => {
+    itemBarcodeRef.value.insert();
+    focusLastInput();
+};
+
+const focusLastInput = () => {
+    nextTick(() => {
+        const inputs = document.querySelectorAll('[focusable-input]');
+        const lastInput = inputs[inputs.length - 1];
+        if (lastInput) lastInput.focus();
+    });
+};
+
+onMounted(async () => {
     if (itemBarcodeRef.value) itemBarcodeRef.value.reload();
 });
 </script>
@@ -31,7 +44,7 @@ onMounted(() => {
                 url="ItemBarcodes"
             >
                 <template #body="{ rows }">
-                    <QCard class="q-px-lg q-py-md">
+                    <QCard v-if="rows.length > 0" class="q-px-lg q-py-md">
                         <div
                             v-for="(row, index) in rows"
                             :key="index"
@@ -41,6 +54,7 @@ onMounted(() => {
                                 :label="t('Code')"
                                 v-model="row.code"
                                 class="full-width"
+                                focusable-input
                             />
                             <QIcon
                                 @click="itemBarcodeRef.remove([row])"
@@ -55,7 +69,7 @@ onMounted(() => {
                             </QIcon>
                         </div>
                         <QIcon
-                            @click="itemBarcodeRef.insert()"
+                            @click="insertRow()"
                             class="cursor-pointer fill-icon-on-hover"
                             color="primary"
                             name="add_circle"

From c1ed4ab03280b8125c92e8587e9a8bd4ca626abd Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 26 Apr 2024 14:49:54 +0200
Subject: [PATCH 144/305] fix: add exprBuilder

---
 src/components/ui/VnFilterPanel.vue   |  3 ++-
 src/components/ui/VnSearchbar.vue     |  2 ++
 src/pages/Item/ItemTypeList.vue       | 17 +++++++++++++++--
 src/pages/ItemType/ItemTypeFilter.vue |  8 +++++++-
 4 files changed, 26 insertions(+), 4 deletions(-)

diff --git a/src/components/ui/VnFilterPanel.vue b/src/components/ui/VnFilterPanel.vue
index 96d097191..cde48e9b3 100644
--- a/src/components/ui/VnFilterPanel.vue
+++ b/src/components/ui/VnFilterPanel.vue
@@ -145,7 +145,8 @@ const customTags = computed(() =>
 );
 
 async function remove(key) {
-    userParams.value[key] = null;
+    // userParams.value[key] = null;
+    if (userParams.value[key]) delete userParams.value[key];
     await search();
     emit('remove', key);
 }
diff --git a/src/components/ui/VnSearchbar.vue b/src/components/ui/VnSearchbar.vue
index fc8475ace..da8d43c95 100644
--- a/src/components/ui/VnSearchbar.vue
+++ b/src/components/ui/VnSearchbar.vue
@@ -81,8 +81,10 @@ async function search() {
     const staticParams = Object.entries(store.userParams).filter(
         ([key, value]) => value && (props.staticParams || []).includes(key)
     );
+    // const filter =props?.where? { where: JSON.parse(props.where) }: {}
     await arrayData.applyFilter({
         params: {
+            // filter ,
             ...Object.fromEntries(staticParams),
             search: searchText.value,
         },
diff --git a/src/pages/Item/ItemTypeList.vue b/src/pages/Item/ItemTypeList.vue
index 5b106916d..1e21c1719 100644
--- a/src/pages/Item/ItemTypeList.vue
+++ b/src/pages/Item/ItemTypeList.vue
@@ -24,6 +24,17 @@ const redirectToItemTypeSummary = (id) => {
 const redirectToCreateView = () => {
     router.push({ name: 'ItemTypeCreate' });
 };
+const exprBuilder = (param, value) => {
+    switch (param) {
+        case 'name':
+        case 'code':
+        case 'search':
+            return {
+                name: { like: `%${value}%` },
+                code: { like: `%${value}%` },
+            };
+    }
+};
 </script>
 
 <template>
@@ -32,8 +43,10 @@ const redirectToCreateView = () => {
             <VnSearchbar
                 data-key="ItemTypeList"
                 url="ItemTypes"
-                :label="t('Search item type')"
+                :label="t('Search item  type')"
+                :redirect="false"
                 :info="t('Search itemType by id, name or code')"
+                :expr-builder="exprBuilder"
             />
         </Teleport>
         <Teleport to="#actions-append">
@@ -54,7 +67,7 @@ const redirectToCreateView = () => {
     </template>
     <QDrawer v-model="stateStore.rightDrawer" side="right" :width="256" show-if-above>
         <QScrollArea class="fit text-grey-8">
-            <ItemTypeFilter data-key="ItemTypes" />
+            <ItemTypeFilter data-key="ItemTypeList" :expr-builder="exprBuilder" />
         </QScrollArea>
     </QDrawer>
     <QPage class="column items-center q-pa-md">
diff --git a/src/pages/ItemType/ItemTypeFilter.vue b/src/pages/ItemType/ItemTypeFilter.vue
index 33238545f..2a86795c2 100644
--- a/src/pages/ItemType/ItemTypeFilter.vue
+++ b/src/pages/ItemType/ItemTypeFilter.vue
@@ -10,10 +10,16 @@ const props = defineProps({
         required: true,
     },
 });
+
+const emit = defineEmits(['search']);
 </script>
 
 <template>
-    <VnFilterPanel :data-key="props.dataKey" :search-button="true">
+    <VnFilterPanel
+        :data-key="props.dataKey"
+        :search-button="true"
+        @search="emit('search')"
+    >
         <template #tags="{ tag, formatFn }">
             <div class="q-gutter-x-xs">
                 <strong>{{ t(`params.${tag.label}`) }}: </strong>

From 0d50944c2d9b79da840deac5621e70dc1b64d29a Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 26 Apr 2024 15:24:44 +0200
Subject: [PATCH 145/305] fix: add exprBuilder

---
 src/components/ui/VnFilterPanel.vue   | 20 +++++++++++++++++++-
 src/pages/ItemType/ItemTypeFilter.vue | 14 ++++++++++++--
 2 files changed, 31 insertions(+), 3 deletions(-)

diff --git a/src/components/ui/VnFilterPanel.vue b/src/components/ui/VnFilterPanel.vue
index cde48e9b3..cd5a3caf1 100644
--- a/src/components/ui/VnFilterPanel.vue
+++ b/src/components/ui/VnFilterPanel.vue
@@ -81,6 +81,8 @@ const isLoading = ref(false);
 async function search() {
     isLoading.value = true;
     const params = { ...userParams.value };
+    if (Object.entries(params).length > 0) store.exprBuilder = props.exprBuilder;
+
     store.userParamsChanged = true;
     store.filter.skip = 0;
     store.skip = 0;
@@ -144,9 +146,25 @@ const customTags = computed(() =>
     tagsList.value.filter((tag) => (props.customTags || []).includes(tag.label))
 );
 
+watch(tags, (now, before) => {
+    if (now.length < before.length) {
+        const beforeMap = before.map(({ label }) => label);
+        const nowMap = now.map(({ label }) => label);
+        const key = beforeMap.filter((elemento) => !nowMap.includes(elemento))[0];
+        remove(key ?? beforeMap[0]);
+    }
+    console.error('');
+});
+
 async function remove(key) {
     // userParams.value[key] = null;
-    if (userParams.value[key]) delete userParams.value[key];
+    delete userParams.value[key];
+    if (Object.entries(userParams.value).length === 0) {
+        store.exprBuilder = null;
+        delete store.filter.where;
+    } else {
+        store.exprBuilder = props.exprBuilder;
+    }
     await search();
     emit('remove', key);
 }
diff --git a/src/pages/ItemType/ItemTypeFilter.vue b/src/pages/ItemType/ItemTypeFilter.vue
index 2a86795c2..176fca22a 100644
--- a/src/pages/ItemType/ItemTypeFilter.vue
+++ b/src/pages/ItemType/ItemTypeFilter.vue
@@ -29,12 +29,22 @@ const emit = defineEmits(['search']);
         <template #body="{ params }">
             <QItem>
                 <QItemSection>
-                    <VnInput :label="t('Name')" v-model="params.name" is-outlined />
+                    <VnInput
+                        @update:model-value="emit('search')"
+                        :label="t('Name')"
+                        v-model="params.name"
+                        is-outlined
+                    />
                 </QItemSection>
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnInput v-model="params.code" :label="t('Code')" is-outlined />
+                    <VnInput
+                        @update:model-value="emit('search')"
+                        v-model="params.code"
+                        :label="t('Code')"
+                        is-outlined
+                    />
                 </QItemSection>
             </QItem>
         </template>

From a03049a721a580afd127be354b47e6aa3addb25f Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 26 Apr 2024 17:26:18 +0200
Subject: [PATCH 146/305] fix: poc

---
 src/components/ui/VnFilterPanel.vue   | 47 +++++++++++++++++----------
 src/pages/Item/ItemTypeList.vue       | 15 +++------
 src/pages/ItemType/ItemTypeFilter.vue | 14 ++------
 3 files changed, 36 insertions(+), 40 deletions(-)

diff --git a/src/components/ui/VnFilterPanel.vue b/src/components/ui/VnFilterPanel.vue
index cd5a3caf1..94b64c0db 100644
--- a/src/components/ui/VnFilterPanel.vue
+++ b/src/components/ui/VnFilterPanel.vue
@@ -78,11 +78,23 @@ watch(
 );
 
 const isLoading = ref(false);
+function eliminarPropiedadesNull(objeto) {
+    for (let clave in objeto) {
+        if (objeto[clave] === null) {
+            delete objeto[clave];
+        }
+    }
+    return objeto;
+}
+
 async function search() {
     isLoading.value = true;
+    const objetoSinNull = eliminarPropiedadesNull(userParams.value);
+    userParams.value = objetoSinNull;
     const params = { ...userParams.value };
     if (Object.entries(params).length > 0) store.exprBuilder = props.exprBuilder;
-
+    else delete store.filter.where;
+    store.userParams = userParams.value;
     store.userParamsChanged = true;
     store.filter.skip = 0;
     store.skip = 0;
@@ -146,25 +158,26 @@ const customTags = computed(() =>
     tagsList.value.filter((tag) => (props.customTags || []).includes(tag.label))
 );
 
-watch(tags, (now, before) => {
-    if (now.length < before.length) {
-        const beforeMap = before.map(({ label }) => label);
-        const nowMap = now.map(({ label }) => label);
-        const key = beforeMap.filter((elemento) => !nowMap.includes(elemento))[0];
-        remove(key ?? beforeMap[0]);
-    }
-    console.error('');
-});
+// watch(tags, (now, before) => {
+//     if (now.length < before.length) {
+//         const beforeMap = before.map(({ label }) => label);
+//         const nowMap = now.map(({ label }) => label);
+//         const key = beforeMap.filter((elemento) => !nowMap.includes(elemento))[0];
+//         remove(key ?? beforeMap[0]);
+//     }
+//     console.error('');
+// });
 
 async function remove(key) {
     // userParams.value[key] = null;
-    delete userParams.value[key];
-    if (Object.entries(userParams.value).length === 0) {
-        store.exprBuilder = null;
-        delete store.filter.where;
-    } else {
-        store.exprBuilder = props.exprBuilder;
-    }
+    if (userParams.value[key]) delete userParams.value[key];
+    // if (Object.entries(userParams.value).length === 0) {
+    //     store.exprBuilder = null;
+    //     delete store.filter.where;
+    // }
+    // else {
+    //     store.exprBuilder = props.exprBuilder;
+    // }
     await search();
     emit('remove', key);
 }
diff --git a/src/pages/Item/ItemTypeList.vue b/src/pages/Item/ItemTypeList.vue
index 1e21c1719..6e31cdd25 100644
--- a/src/pages/Item/ItemTypeList.vue
+++ b/src/pages/Item/ItemTypeList.vue
@@ -24,17 +24,10 @@ const redirectToItemTypeSummary = (id) => {
 const redirectToCreateView = () => {
     router.push({ name: 'ItemTypeCreate' });
 };
-const exprBuilder = (param, value) => {
-    switch (param) {
-        case 'name':
-        case 'code':
-        case 'search':
-            return {
-                name: { like: `%${value}%` },
-                code: { like: `%${value}%` },
-            };
-    }
-};
+const exprBuilder = (param, value) => ({
+    name: { like: `%${value}%` },
+    code: { like: `%${value}%` },
+});
 </script>
 
 <template>
diff --git a/src/pages/ItemType/ItemTypeFilter.vue b/src/pages/ItemType/ItemTypeFilter.vue
index 176fca22a..2a86795c2 100644
--- a/src/pages/ItemType/ItemTypeFilter.vue
+++ b/src/pages/ItemType/ItemTypeFilter.vue
@@ -29,22 +29,12 @@ const emit = defineEmits(['search']);
         <template #body="{ params }">
             <QItem>
                 <QItemSection>
-                    <VnInput
-                        @update:model-value="emit('search')"
-                        :label="t('Name')"
-                        v-model="params.name"
-                        is-outlined
-                    />
+                    <VnInput :label="t('Name')" v-model="params.name" is-outlined />
                 </QItemSection>
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnInput
-                        @update:model-value="emit('search')"
-                        v-model="params.code"
-                        :label="t('Code')"
-                        is-outlined
-                    />
+                    <VnInput v-model="params.code" :label="t('Code')" is-outlined />
                 </QItemSection>
             </QItem>
         </template>

From 955e196882d536d1a245a46716b6e11571d2a67e Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 26 Apr 2024 17:43:57 +0200
Subject: [PATCH 147/305] fix: filterPanelbug

---
 src/components/ui/VnFilterPanel.vue | 35 ++---------------------------
 src/pages/Item/ItemTypeList.vue     |  3 ++-
 2 files changed, 4 insertions(+), 34 deletions(-)

diff --git a/src/components/ui/VnFilterPanel.vue b/src/components/ui/VnFilterPanel.vue
index 94b64c0db..eb0bbbe66 100644
--- a/src/components/ui/VnFilterPanel.vue
+++ b/src/components/ui/VnFilterPanel.vue
@@ -78,23 +78,10 @@ watch(
 );
 
 const isLoading = ref(false);
-function eliminarPropiedadesNull(objeto) {
-    for (let clave in objeto) {
-        if (objeto[clave] === null) {
-            delete objeto[clave];
-        }
-    }
-    return objeto;
-}
-
 async function search() {
+    store.filter.where = {};
     isLoading.value = true;
-    const objetoSinNull = eliminarPropiedadesNull(userParams.value);
-    userParams.value = objetoSinNull;
     const params = { ...userParams.value };
-    if (Object.entries(params).length > 0) store.exprBuilder = props.exprBuilder;
-    else delete store.filter.where;
-    store.userParams = userParams.value;
     store.userParamsChanged = true;
     store.filter.skip = 0;
     store.skip = 0;
@@ -158,26 +145,8 @@ const customTags = computed(() =>
     tagsList.value.filter((tag) => (props.customTags || []).includes(tag.label))
 );
 
-// watch(tags, (now, before) => {
-//     if (now.length < before.length) {
-//         const beforeMap = before.map(({ label }) => label);
-//         const nowMap = now.map(({ label }) => label);
-//         const key = beforeMap.filter((elemento) => !nowMap.includes(elemento))[0];
-//         remove(key ?? beforeMap[0]);
-//     }
-//     console.error('');
-// });
-
 async function remove(key) {
-    // userParams.value[key] = null;
-    if (userParams.value[key]) delete userParams.value[key];
-    // if (Object.entries(userParams.value).length === 0) {
-    //     store.exprBuilder = null;
-    //     delete store.filter.where;
-    // }
-    // else {
-    //     store.exprBuilder = props.exprBuilder;
-    // }
+    userParams.value[key] = null;
     await search();
     emit('remove', key);
 }
diff --git a/src/pages/Item/ItemTypeList.vue b/src/pages/Item/ItemTypeList.vue
index 6e31cdd25..17d1c0044 100644
--- a/src/pages/Item/ItemTypeList.vue
+++ b/src/pages/Item/ItemTypeList.vue
@@ -60,7 +60,7 @@ const exprBuilder = (param, value) => ({
     </template>
     <QDrawer v-model="stateStore.rightDrawer" side="right" :width="256" show-if-above>
         <QScrollArea class="fit text-grey-8">
-            <ItemTypeFilter data-key="ItemTypeList" :expr-builder="exprBuilder" />
+            <ItemTypeFilter data-key="ItemTypeList" />
         </QScrollArea>
     </QDrawer>
     <QPage class="column items-center q-pa-md">
@@ -70,6 +70,7 @@ const exprBuilder = (param, value) => ({
                 url="ItemTypes"
                 :order="['name']"
                 auto-load
+                :expr-builder="exprBuilder"
             >
                 <template #body="{ rows }">
                     <CardList

From 4792485214be8569bac2e6089a2271840da1920e Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Fri, 26 Apr 2024 13:50:39 -0300
Subject: [PATCH 148/305] Translate more fields label

---
 src/pages/Item/ItemListFilter.vue | 28 +++++++++++++++-------------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/src/pages/Item/ItemListFilter.vue b/src/pages/Item/ItemListFilter.vue
index e0993356c..49aeac29f 100644
--- a/src/pages/Item/ItemListFilter.vue
+++ b/src/pages/Item/ItemListFilter.vue
@@ -6,7 +6,7 @@ import { useStateStore } from 'stores/useStateStore';
 
 import FetchData from 'components/FetchData.vue';
 import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import { QCheckbox } from 'quasar';
 
@@ -119,10 +119,12 @@ onMounted(async () => {
     const _moreFields = ['id', 'description', 'name', 'isActive'];
 
     _moreFields.forEach((field) => {
+        console.log(field);
         let prop = properties[field];
+        const label = t(`params.${field}`);
         moreFields.value.push({
             name: field,
-            label: prop ? prop.description : field,
+            label,
             type: prop ? prop.type : null,
         });
     });
@@ -183,7 +185,7 @@ onMounted(async () => {
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('params.categoryFk')"
                         v-model="params.categoryFk"
                         @update:model-value="
@@ -201,7 +203,7 @@ onMounted(async () => {
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('params.typeFk')"
                         v-model="params.typeFk"
                         @update:model-value="searchFn()"
@@ -223,12 +225,12 @@ onMounted(async () => {
                                 </QItemSection>
                             </QItem>
                         </template>
-                    </VnSelectFilter>
+                    </VnSelect>
                 </QItemSection>
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('params.buyerFk')"
                         v-model="params.buyerFk"
                         @update:model-value="searchFn()"
@@ -244,7 +246,7 @@ onMounted(async () => {
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('params.supplierFk')"
                         v-model="params.supplierFk"
                         @update:model-value="searchFn()"
@@ -265,7 +267,7 @@ onMounted(async () => {
                                 </QItemSection>
                             </QItem>
                         </template>
-                    </VnSelectFilter>
+                    </VnSelect>
                 </QItemSection>
             </QItem>
             <!-- Tags filter -->
@@ -287,7 +289,7 @@ onMounted(async () => {
                 class="row items-center"
             >
                 <QItemSection class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('params.tag')"
                         v-model="tag.selectedTag"
                         :options="tagOptions"
@@ -302,7 +304,7 @@ onMounted(async () => {
                     />
                 </QItemSection>
                 <QItemSection class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         v-if="!tag?.selectedTag?.isFree && tag.valueOptions"
                         :label="t('params.tag')"
                         v-model="tag.value"
@@ -355,7 +357,7 @@ onMounted(async () => {
                 class="row items-center"
             >
                 <QItemSection class="col">
-                    <VnSelectFilter
+                    <VnSelect
                         :label="t('params.tag')"
                         v-model="fieldFilter.name"
                         :options="moreFields"
@@ -427,7 +429,7 @@ en:
         isActive: Active
         description: Description
         name: Name
-        id: ID
+        id: Id
 es:
     More fields: Más campos
     params:
@@ -443,5 +445,5 @@ es:
         isActive: Activo
         description: Descripción
         name: Nombre
-        id: ID
+        id: Id
 </i18n>

From ad085974dac83e25e0ef7edc82ef54e91d2c9e55 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Fri, 26 Apr 2024 13:51:20 -0300
Subject: [PATCH 149/305] remove console.log

---
 src/pages/Item/ItemListFilter.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/pages/Item/ItemListFilter.vue b/src/pages/Item/ItemListFilter.vue
index 49aeac29f..f383a1e18 100644
--- a/src/pages/Item/ItemListFilter.vue
+++ b/src/pages/Item/ItemListFilter.vue
@@ -119,7 +119,6 @@ onMounted(async () => {
     const _moreFields = ['id', 'description', 'name', 'isActive'];
 
     _moreFields.forEach((field) => {
-        console.log(field);
         let prop = properties[field];
         const label = t(`params.${field}`);
         moreFields.value.push({

From 4282463e51e8f140be44d5549297ad62ada548a7 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Fri, 26 Apr 2024 14:29:11 -0300
Subject: [PATCH 150/305] Fill filter fields with user params

---
 src/pages/Item/ItemListFilter.vue | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/pages/Item/ItemListFilter.vue b/src/pages/Item/ItemListFilter.vue
index f383a1e18..2e89cdbcf 100644
--- a/src/pages/Item/ItemListFilter.vue
+++ b/src/pages/Item/ItemListFilter.vue
@@ -127,6 +127,17 @@ onMounted(async () => {
             type: prop ? prop.type : null,
         });
     });
+
+    // Fill fieldFiltersValues with existent userParams
+    if (arrayData.store?.userParams) {
+        fieldFiltersValues.value = Object.entries(arrayData.store?.userParams)
+            .filter(([key, value]) => value && _moreFields.includes(key))
+            .map(([key, value]) => ({
+                name: key,
+                value,
+                selectedField: moreFields.value.find((field) => field.name === key),
+            }));
+    }
 });
 </script>
 

From ce55109dd31dd19dd579b74391c35f9b1d0cca30 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Fri, 26 Apr 2024 15:41:03 -0300
Subject: [PATCH 151/305] fix more fields label when selected

---
 src/pages/Item/ItemListFilter.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/Item/ItemListFilter.vue b/src/pages/Item/ItemListFilter.vue
index 2e89cdbcf..98bc74b20 100644
--- a/src/pages/Item/ItemListFilter.vue
+++ b/src/pages/Item/ItemListFilter.vue
@@ -369,7 +369,7 @@ onMounted(async () => {
                 <QItemSection class="col">
                     <VnSelect
                         :label="t('params.tag')"
-                        v-model="fieldFilter.name"
+                        :model-value="fieldFilter.selectedField"
                         :options="moreFields"
                         option-label="label"
                         dense

From 1e1c88e55c6aa9934d6729271e469085fccaf31c Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 26 Apr 2024 21:05:45 +0200
Subject: [PATCH 152/305] fix: reset fieldFilter.value when change model

---
 src/pages/Item/ItemListFilter.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/pages/Item/ItemListFilter.vue b/src/pages/Item/ItemListFilter.vue
index 98bc74b20..a51f9ebb4 100644
--- a/src/pages/Item/ItemListFilter.vue
+++ b/src/pages/Item/ItemListFilter.vue
@@ -381,6 +381,7 @@ onMounted(async () => {
                         @update:model-value="
                             ($event) => {
                                 fieldFilter.name = $event.name;
+                                fieldFilter.value = null;
                                 fieldFilter.selectedField = $event;
                             }
                         "

From 322ad816b9b5387c3a11c86ea55dbbe1dcbb2269 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Sun, 28 Apr 2024 19:37:44 -0300
Subject: [PATCH 153/305] item diary

---
 src/pages/Item/Card/ItemDiary.vue | 291 +++++++++++++++++++++++++++++-
 src/router/modules/item.js        |   6 +-
 2 files changed, 293 insertions(+), 4 deletions(-)

diff --git a/src/pages/Item/Card/ItemDiary.vue b/src/pages/Item/Card/ItemDiary.vue
index 21249349f..ef4c7b993 100644
--- a/src/pages/Item/Card/ItemDiary.vue
+++ b/src/pages/Item/Card/ItemDiary.vue
@@ -1 +1,290 @@
-<template>Item diary (CREAR CUANDO SE DESARROLLE EL MODULO DE ITEMS)</template>
+<script setup>
+import { onMounted, computed, onUnmounted, reactive, ref } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { useRoute } from 'vue-router';
+
+import TicketDescriptorProxy from 'src/pages/Ticket/Card/TicketDescriptorProxy.vue';
+import EntryDescriptorProxy from 'src/pages/Entry/Card/EntryDescriptorProxy.vue';
+import CustomerDescriptorProxy from 'src/pages/Customer/Card/CustomerDescriptorProxy.vue';
+import FetchData from 'components/FetchData.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
+import VnInputDate from 'src/components/common/VnInputDate.vue';
+
+import { useStateStore } from 'stores/useStateStore';
+import { toDateFormat } from 'src/filters/date.js';
+import { dashIfEmpty } from 'src/filters';
+import { date } from 'quasar';
+import { useState } from 'src/composables/useState';
+
+const { t } = useI18n();
+const route = useRoute();
+const stateStore = useStateStore();
+const state = useState();
+
+const user = state.getUser();
+const today = ref(Date.vnNew());
+const warehousesOptions = ref([]);
+const itemBalancesRef = ref(null);
+const itemsBalanceFilter = reactive({
+    where: { itemFk: route.params.id, warehouseFk: null, date: null },
+});
+const itemBalances = ref([]);
+const warehouseFk = ref(null);
+const _showWhatsBeforeInventory = ref(false);
+
+const columns = computed(() => [
+    {
+        name: 'claim',
+        align: 'left',
+        field: 'itemFk',
+    },
+    {
+        label: t('Date'),
+        name: 'date',
+        field: 'shipped',
+        align: 'left',
+    },
+    {
+        label: t('Id'),
+        name: 'id',
+        align: 'left',
+    },
+    {
+        label: t('State'),
+        field: 'stateName',
+        name: 'state',
+        align: 'left',
+        format: (val) => dashIfEmpty(val),
+    },
+    {
+        label: t('Reference'),
+        field: 'reference',
+        name: 'reference',
+        align: 'left',
+        format: (val) => dashIfEmpty(val),
+    },
+
+    {
+        label: t('Client'),
+        name: 'client',
+        align: 'left',
+        format: (val) => dashIfEmpty(val),
+    },
+    {
+        label: t('In'),
+        field: 'invalue',
+        name: 'in',
+        align: 'left',
+        format: (val) => dashIfEmpty(val),
+    },
+    {
+        label: t('Out'),
+        field: 'out',
+        name: 'out',
+        align: 'left',
+        format: (val) => dashIfEmpty(val),
+    },
+    {
+        label: t('Balance'),
+        name: 'balance',
+        align: 'left',
+    },
+]);
+
+const showWhatsBeforeInventory = computed({
+    get: () => _showWhatsBeforeInventory.value,
+    set: (val) => {
+        _showWhatsBeforeInventory.value = val;
+        if (!val) itemsBalanceFilter.where.date = null;
+        else itemsBalanceFilter.where.date = new Date();
+    },
+});
+
+const fetchItemBalances = async () => await itemBalancesRef.value.fetch();
+
+const getBadgeAttrs = (_date) => {
+    const isSameDate = date.isSameDate(today.value, _date);
+    const attrs = {
+        'text-color': isSameDate ? 'black' : 'white',
+        color: isSameDate ? 'warning' : 'transparent',
+    };
+    return attrs;
+};
+
+const getIdDescriptor = (row) => {
+    let descriptor = EntryDescriptorProxy;
+    if (row.isTicket) descriptor = TicketDescriptorProxy;
+    return descriptor;
+};
+
+onMounted(async () => {
+    today.value.setHours(0, 0, 0, 0);
+    if (route.query.warehouseFk) warehouseFk.value = route.query.warehouseFk;
+    else if (user.value) warehouseFk.value = user.value.warehouseFk;
+    itemsBalanceFilter.where.warehouseFk = warehouseFk.value;
+    await fetchItemBalances();
+});
+
+onUnmounted(() => (stateStore.rightDrawer = false));
+</script>
+
+<template>
+    <FetchData
+        ref="itemBalancesRef"
+        url="Items/getBalance"
+        :filter="itemsBalanceFilter"
+        @on-fetch="(data) => (itemBalances = data)"
+    />
+    <FetchData
+        url="Warehouses"
+        :filter="{ fields: ['id', 'name'], order: 'name ASC' }"
+        auto-load
+        @on-fetch="(data) => (warehousesOptions = data)"
+    />
+    <QToolbar class="justify-end">
+        <div id="st-data" class="row">
+            <VnSelect
+                :label="t('Warehouse')"
+                :options="warehousesOptions"
+                hide-selected
+                option-label="name"
+                option-value="id"
+                dense
+                v-model="itemsBalanceFilter.where.warehouseFk"
+                @update:model-value="fetchItemBalances"
+                class="q-mr-lg"
+            />
+            <QCheckbox
+                :label="t(`Show what's before the inventory`)"
+                v-model="showWhatsBeforeInventory"
+                @update:model-value="fetchItemBalances"
+                class="q-mr-lg"
+            />
+            <VnInputDate
+                v-if="showWhatsBeforeInventory"
+                :label="t('Since')"
+                dense
+                v-model="itemsBalanceFilter.where.date"
+                @update:model-value="fetchItemBalances"
+            />
+        </div>
+        <QSpace />
+        <div id="st-actions"></div>
+    </QToolbar>
+    <QPage class="column items-center q-pa-md">
+        <QTable
+            :rows="itemBalances"
+            :columns="columns"
+            class="full-width q-mt-md"
+            :no-data-label="t('globals.noResults')"
+        >
+            <template #body-cell-claim="{ row }">
+                <QTd @click.stop>
+                    <QBtn
+                        v-show="row.claimFk"
+                        flat
+                        color="primary"
+                        :to="{ name: 'ClaimSummary', params: { id: row.claimFk } }"
+                        icon="vn:claims"
+                        dense
+                    >
+                        <QTooltip> {{ t('Claim') }}: {{ row.claimFk }} </QTooltip>
+                    </QBtn>
+                </QTd>
+            </template>
+            <template #body-cell-date="{ row }">
+                <QTd @click.stop>
+                    <QBadge
+                        v-bind="getBadgeAttrs(row.shipped)"
+                        class="q-ma-none"
+                        dense
+                        style="font-size: 14px"
+                    >
+                        {{ toDateFormat(row.shipped) }}
+                    </QBadge>
+                </QTd>
+            </template>
+            <template #body-cell-id="{ row }">
+                <QTd @click.stop>
+                    <component
+                        :is="getIdDescriptor(row)"
+                        :id="row.origin"
+                        class="q-ma-none"
+                        dense
+                        style="font-size: 14px"
+                    >
+                        {{ row.origin }}
+                    </component>
+                    <span class="link">{{ row.origin }}</span>
+                </QTd>
+            </template>
+            <template #body-cell-client="{ row }">
+                <QTd @click.stop>
+                    <QBadge
+                        :color="row.highlighted ? 'warning' : 'transparent'"
+                        :text-color="row.highlighted ? 'black' : 'white'"
+                        dense
+                        style="font-size: 14px"
+                    >
+                        <span v-if="row.isTicket" class="link">
+                            {{ dashIfEmpty(row.name) }}
+                            <CustomerDescriptorProxy :id="row.clientFk" />
+                        </span>
+                        <span v-else>{{ dashIfEmpty(row.name) }}</span>
+                    </QBadge>
+                </QTd>
+            </template>
+            <template #body-cell-in="{ row }">
+                <QTd @click.stop>
+                    <span :class="{ 'is-in': row.invalue }">
+                        {{ dashIfEmpty(row.invalue) }}
+                    </span>
+                </QTd>
+            </template>
+            <template #body-cell-balance="{ row }">
+                <QTd @click.stop>
+                    <QBadge
+                        class="balance-negative"
+                        :color="
+                            row.lineFk == row.lastPreparedLineFk
+                                ? 'grey-13'
+                                : 'transparent'
+                        "
+                        :text-color="
+                            row.lineFk == row.lastPreparedLineFk
+                                ? 'black'
+                                : row.balance < 0
+                                ? 'negative'
+                                : ''
+                        "
+                        dense
+                        style="font-size: 14px"
+                    >
+                        <span>{{ dashIfEmpty(row.balance) }}</span>
+                    </QBadge>
+                </QTd>
+            </template>
+        </QTable>
+    </QPage>
+</template>
+
+<style lang="scss" scoped>
+.is-in {
+    color: $positive;
+}
+</style>
+
+<i18n>
+es:
+    Date: Fecha
+    Id: Id
+    State: Estado
+    Reference: Referencia
+    Client: Cliente
+    In: Entrada
+    Out: Salida
+    Balance: Balance
+    Claim: Reclamación
+    Show what's before the inventory: Mostrar lo anterior al inventario
+    Since: Desde
+</i18n>
diff --git a/src/router/modules/item.js b/src/router/modules/item.js
index bc1e72a94..729cfd30c 100644
--- a/src/router/modules/item.js
+++ b/src/router/modules/item.js
@@ -134,8 +134,8 @@ export default {
                     path: 'diary',
                     name: 'ItemDiary',
                     meta: {
-                        title: 'basicData',
-                        icon: 'vn:settings',
+                        title: 'diary',
+                        icon: 'vn:transaction',
                     },
                     component: () => import('src/pages/Item/Card/ItemDiary.vue'),
                 },
@@ -144,7 +144,7 @@ export default {
                     name: 'ItemLog',
                     meta: {
                         title: 'log',
-                        icon: 'history',
+                        icon: 'vn:History',
                     },
                     component: () => import('src/pages/Item/Card/ItemLog.vue'),
                 },

From 8b55044891bec8bc074a9d175e4ad2ea6a64bc68 Mon Sep 17 00:00:00 2001
From: alexm <alexm@verdnatura.es>
Date: Mon, 29 Apr 2024 08:56:35 +0200
Subject: [PATCH 154/305] feat: refs #6336 add ItemDescriptor

---
 src/pages/Claim/Card/ClaimAction.vue | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/pages/Claim/Card/ClaimAction.vue b/src/pages/Claim/Card/ClaimAction.vue
index 13cc211fe..367b5249c 100644
--- a/src/pages/Claim/Card/ClaimAction.vue
+++ b/src/pages/Claim/Card/ClaimAction.vue
@@ -2,7 +2,7 @@
 import { ref, computed, onMounted } from 'vue';
 import { useQuasar } from 'quasar';
 import { useI18n } from 'vue-i18n';
-import { useRoute, useRouter } from 'vue-router';
+import { useRoute } from 'vue-router';
 import axios from 'axios';
 import { useStateStore } from 'src/stores/useStateStore';
 import { toDate, toPercentage, toCurrency } from 'filters/index';
@@ -10,14 +10,13 @@ import { tMobile } from 'src/composables/tMobile';
 import CrudModel from 'src/components/CrudModel.vue';
 import FetchData from 'src/components/FetchData.vue';
 import VnSelect from 'src/components/common/VnSelect.vue';
-import VnConfirm from 'src/components/ui/VnConfirm.vue';
+import ItemDescriptorProxy from 'src/pages/Item/Card/ItemDescriptorProxy.vue';
 import TicketDescriptorProxy from 'src/pages/Ticket/Card/TicketDescriptorProxy.vue';
 import { useArrayData } from 'composables/useArrayData';
 
 const { t } = useI18n();
 const quasar = useQuasar();
 const route = useRoute();
-const router = useRouter();
 const stateStore = computed(() => useStateStore());
 const claim = ref(null);
 const claimRef = ref();
@@ -41,7 +40,7 @@ const multiplicatorValue = ref();
 
 const columns = computed(() => [
     {
-        name: 'Id',
+        name: 'id',
         label: t('Id item'),
         field: (row) => row.itemFk,
     },
@@ -292,6 +291,14 @@ async function importToNewRefundTicket() {
                 v-model:selected="selectedRows"
                 :grid="$q.screen.lt.md"
             >
+                <template #body-cell-id="{ value }">
+                    <QTd align="center">
+                        <span class="link">
+                            {{ value }}
+                            <ItemDescriptorProxy :id="value" />
+                        </span>
+                    </QTd>
+                </template>
                 <template #body-cell-ticket="{ value }">
                     <QTd align="center">
                         <span class="link">

From e3237ee4f1f3747cf4288e045bbc8d73526099be Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Mon, 29 Apr 2024 09:35:57 +0200
Subject: [PATCH 155/305] refs #7172 refact VnSelect

---
 src/components/common/VnSelect.vue      | 1 +
 src/pages/Claim/Card/ClaimBasicData.vue | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/common/VnSelect.vue b/src/components/common/VnSelect.vue
index 480d36e4f..76e7cd81f 100644
--- a/src/components/common/VnSelect.vue
+++ b/src/components/common/VnSelect.vue
@@ -169,6 +169,7 @@ watch(modelValue, (newValue) => {
         ref="vnSelectRef"
         :class="{ required: $attrs.required }"
         :rules="$attrs.required ? [requiredFieldRule] : null"
+        virtual-scroll-slice-size
     >
         <template v-if="isClearable" #append>
             <QIcon
diff --git a/src/pages/Claim/Card/ClaimBasicData.vue b/src/pages/Claim/Card/ClaimBasicData.vue
index adb9b4c08..2cd8aa260 100644
--- a/src/pages/Claim/Card/ClaimBasicData.vue
+++ b/src/pages/Claim/Card/ClaimBasicData.vue
@@ -116,7 +116,7 @@ const statesFilter = {
                         option-label="name"
                         emit-value
                         auto-load
-                        :virtual-scroll-slice-size="workersOptions.length"
+                        virtual-scroll-slice-size="workersOptions.length"
                         :rules="validate('claim.claimStateFk')"
                     >
                         <template #before>

From 6ae38d26119baf867d039ee29682ed26f360072f Mon Sep 17 00:00:00 2001
From: Jon <jon@verdnatura.es>
Date: Mon, 29 Apr 2024 09:49:06 +0200
Subject: [PATCH 156/305] refactor: refs #6887 pending claim changes

---
 src/i18n/locale/en.yml                        |   3 +-
 src/i18n/locale/es.yml                        |   3 +-
 src/pages/Claim/Card/ClaimDescriptor.vue      |  14 +-
 src/pages/Claim/Card/ClaimSummary.vue         |  45 ++++++-
 src/pages/Zone/Card/ZoneDescriptor.vue        | 127 ++++++++++++++++++
 .../Zone/Card/ZoneDescriptorMenuItems.vue     | 108 +++++++++++++++
 src/pages/Zone/Card/ZoneDescriptorProxy.vue   |  16 +++
 7 files changed, 309 insertions(+), 7 deletions(-)
 create mode 100644 src/pages/Zone/Card/ZoneDescriptor.vue
 create mode 100644 src/pages/Zone/Card/ZoneDescriptorMenuItems.vue
 create mode 100644 src/pages/Zone/Card/ZoneDescriptorProxy.vue

diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index ff57bf968..942018b84 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -513,7 +513,7 @@ claim:
         records: records
     card:
         claimId: Claim ID
-        assignedTo: Assigned
+        attendedBy: Attended by
         created: Created
         state: State
         ticketId: Ticket ID
@@ -551,6 +551,7 @@ claim:
         responsible: Responsible
         worker: Worker
         redelivery: Redelivery
+        changeState: Change state
     basicData:
         customer: Customer
         assignedTo: Assigned
diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index f9278a9b0..3de5af50c 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -511,7 +511,7 @@ claim:
         records: registros
     card:
         claimId: ID reclamación
-        assignedTo: Asignada a
+        attendedBy: Atendida por
         created: Creada
         state: Estado
         ticketId: ID ticket
@@ -549,6 +549,7 @@ claim:
         responsible: Responsable
         worker: Trabajador
         redelivery: Devolución
+        changeState: Cambiar estado
     basicData:
         customer: Cliente
         assignedTo: Asignada a
diff --git a/src/pages/Claim/Card/ClaimDescriptor.vue b/src/pages/Claim/Card/ClaimDescriptor.vue
index 968f1e294..3b5dd82b8 100644
--- a/src/pages/Claim/Card/ClaimDescriptor.vue
+++ b/src/pages/Claim/Card/ClaimDescriptor.vue
@@ -11,6 +11,7 @@ import VnLv from 'src/components/ui/VnLv.vue';
 import useCardDescription from 'src/composables/useCardDescription';
 import VnUserLink from 'src/components/ui/VnUserLink.vue';
 import { getUrl } from 'src/composables/getUrl';
+import ZoneDescriptorProxy from 'src/pages/Zone/Card/ZoneDescriptorProxy.vue';
 
 const $props = defineProps({
     id: {
@@ -127,17 +128,24 @@ onMounted(async () => {
             </VnLv>
             <VnLv
                 v-if="entity.worker"
-                :label="t('claim.card.assignedTo')"
+                :label="t('claim.card.attendedBy')"
                 :value="entity.worker.user.name"
             >
                 <template #value>
                     <VnUserLink
-                        :name="entity.worker.user.name"
+                        :name="entity.worker.user.nickname"
                         :worker-id="entity.worker.id"
                     />
                 </template>
             </VnLv>
-            <VnLv :label="t('claim.card.zone')" :value="entity.ticket?.zone?.name" />
+            <VnLv :label="t('claim.card.zone')">
+                <template #value>
+                    <span class="link">
+                        {{ entity.ticket?.zone?.name }}
+                        <ZoneDescriptorProxy :id="entity.ticket?.zoneFk" />
+                    </span>
+                </template>
+            </VnLv>
             <VnLv
                 :label="t('claim.card.province')"
                 :value="entity.ticket?.address?.province?.name"
diff --git a/src/pages/Claim/Card/ClaimSummary.vue b/src/pages/Claim/Card/ClaimSummary.vue
index f45d5765d..c4c2785d5 100644
--- a/src/pages/Claim/Card/ClaimSummary.vue
+++ b/src/pages/Claim/Card/ClaimSummary.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { onMounted, ref, computed } from 'vue';
-import { useRoute } from 'vue-router';
+import { useRoute, useRouter } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 import { toDate, toCurrency } from 'src/filters';
 import CardSummary from 'components/ui/CardSummary.vue';
@@ -13,8 +13,10 @@ import VnUserLink from 'src/components/ui/VnUserLink.vue';
 import ItemDescriptorProxy from 'src/pages/Item/Card/ItemDescriptorProxy.vue';
 import VnTitle from 'src/components/common/VnTitle.vue';
 import CustomerDescriptorProxy from 'src/pages/Customer/Card/CustomerDescriptorProxy.vue';
+import axios from 'axios';
 
 const route = useRoute();
+const router = useRouter();
 const { t } = useI18n();
 const { getTokenMultimedia } = useSession();
 const token = getTokenMultimedia();
@@ -27,7 +29,7 @@ const $props = defineProps({
 });
 
 const entityId = computed(() => $props.id || route.params.id);
-
+const ClaimStates = ref([]);
 const claimUrl = ref();
 const salixUrl = ref();
 const claimDmsRef = ref();
@@ -162,6 +164,10 @@ 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);
+}
 </script>
 
 <template>
@@ -171,6 +177,7 @@ function openDialog(dmsId) {
         @on-fetch="(data) => setClaimDms(data)"
         ref="claimDmsRef"
     />
+    <FetchData url="ClaimStates" @on-fetch="(data) => (ClaimStates = data)" auto-load />
     <CardSummary
         ref="summary"
         :url="`Claims/${entityId}/getSummary`"
@@ -180,6 +187,36 @@ function openDialog(dmsId) {
         <template #header="{ entity: { claim } }">
             {{ claim.id }} - {{ claim.client.name }} ({{ claim.client.id }})
         </template>
+        <template #header-right>
+            <QBtnDropdown
+                side
+                top
+                color="black"
+                text-color="white"
+                :label="t('ticket.summary.changeState')"
+            >
+                <QList>
+                    <QVirtualScroll
+                        style="max-height: 300px"
+                        :items="ClaimStates"
+                        separator
+                        v-slot="{ item, index }"
+                    >
+                        <QItem
+                            :key="index"
+                            dense
+                            clickable
+                            v-close-popup
+                            @click="changeState(item.id)"
+                        >
+                            <QItemSection>
+                                <QItemLabel>{{ item.description }}</QItemLabel>
+                            </QItemSection>
+                        </QItem>
+                    </QVirtualScroll>
+                </QList>
+            </QBtnDropdown>
+        </template>
         <template #body="{ entity: { claim, salesClaimed, developments } }">
             <QCard class="vn-one">
                 <VnTitle
@@ -447,4 +484,8 @@ function openDialog(dmsId) {
 .zindex {
     z-index: 1;
 }
+
+.change-state {
+    width: 10%;
+}
 </style>
diff --git a/src/pages/Zone/Card/ZoneDescriptor.vue b/src/pages/Zone/Card/ZoneDescriptor.vue
new file mode 100644
index 000000000..665cb6f0e
--- /dev/null
+++ b/src/pages/Zone/Card/ZoneDescriptor.vue
@@ -0,0 +1,127 @@
+<script setup>
+import { ref, computed } from 'vue';
+import { useRoute } from 'vue-router';
+import { useI18n } from 'vue-i18n';
+
+import CardDescriptor from 'components/ui/CardDescriptor.vue';
+import VnLv from 'src/components/ui/VnLv.vue';
+import ZoneDescriptorMenuItems from './ZoneDescriptorMenuItems.vue';
+
+import useCardDescription from 'src/composables/useCardDescription';
+import { toDate } from 'src/filters';
+
+const $props = defineProps({
+    id: {
+        type: Number,
+        required: false,
+        default: null,
+    },
+});
+
+const route = useRoute();
+const { t } = useI18n();
+
+const filter = {
+    fields: [
+        'id',
+        'ref',
+        'shipped',
+        'landed',
+        'totalEntries',
+        'warehouseInFk',
+        'warehouseOutFk',
+        'cargoSupplierFk',
+        'agencyModeFk',
+    ],
+    include: [
+        {
+            relation: 'warehouseIn',
+            scope: {
+                fields: ['name'],
+            },
+        },
+        {
+            relation: 'warehouseOut',
+            scope: {
+                fields: ['name'],
+            },
+        },
+    ],
+};
+
+const entityId = computed(() => {
+    return $props.id || route.params.id;
+});
+
+const data = ref(useCardDescription());
+
+const setData = (entity) => {
+    data.value = useCardDescription(entity.ref, entity.id);
+};
+</script>
+
+<template>
+    <CardDescriptor
+        module="Zone"
+        :url="`Zones/${entityId}`"
+        :title="data.title"
+        :subtitle="data.subtitle"
+        :filter="filter"
+        @on-fetch="setData"
+        data-key="travelData"
+    >
+        <template #header-extra-action>
+            <QBtn
+                round
+                flat
+                dense
+                size="md"
+                icon="local_airport"
+                color="white"
+                class="link"
+                :to="{ name: 'ZoneList' }"
+            >
+                <QTooltip>
+                    {{ t('Go to module index') }}
+                </QTooltip>
+            </QBtn>
+        </template>
+        <template #menu="{ entity }">
+            <ZoneDescriptorMenuItems :travel="entity" />
+        </template>
+        <template #body="{ entity }">
+            <VnLv :label="t('globals.wareHouseIn')" :value="entity.warehouseIn.name" />
+            <VnLv :label="t('globals.wareHouseOut')" :value="entity.warehouseOut.name" />
+            <VnLv :label="t('globals.shipped')" :value="toDate(entity.shipped)" />
+            <VnLv :label="t('globals.landed')" :value="toDate(entity.landed)" />
+            <VnLv :label="t('globals.totalEntries')" :value="entity.totalEntries" />
+        </template>
+        <template #actions="{ entity }">
+            <QCardActions>
+                <QBtn
+                    :to="{
+                        name: 'ZoneList',
+                        query: {
+                            params: JSON.stringify({
+                                agencyModeFk: entity.agencyModeFk,
+                            }),
+                        },
+                    }"
+                    size="md"
+                    icon="local_airport"
+                    color="primary"
+                >
+                    <QTooltip>{{ t('All travels with current agency') }}</QTooltip>
+                </QBtn>
+            </QCardActions>
+        </template>
+    </CardDescriptor>
+</template>
+
+<i18n>
+es:
+    Go to module index: Ir al índice del módulo
+    The travel will be deleted: El envío será eliminado
+    Do you want to delete this travel?: ¿Quieres eliminar este envío?
+    All travels with current agency: Todos los envíos con la agencia actual
+</i18n>
diff --git a/src/pages/Zone/Card/ZoneDescriptorMenuItems.vue b/src/pages/Zone/Card/ZoneDescriptorMenuItems.vue
new file mode 100644
index 000000000..920d83dfe
--- /dev/null
+++ b/src/pages/Zone/Card/ZoneDescriptorMenuItems.vue
@@ -0,0 +1,108 @@
+<script setup>
+import { computed } from 'vue';
+import { useQuasar } from 'quasar';
+import { useRouter } from 'vue-router';
+import { useI18n } from 'vue-i18n';
+
+import VnConfirm from 'components/ui/VnConfirm.vue';
+
+import axios from 'axios';
+import useNotify from 'src/composables/useNotify.js';
+import { useRole } from 'src/composables/useRole';
+
+const $props = defineProps({
+    travel: {
+        type: Object,
+        default: () => {},
+    },
+});
+
+const { t } = useI18n();
+const router = useRouter();
+const quasar = useQuasar();
+const { notify } = useNotify();
+const role = useRole();
+
+const redirectToCreateView = (queryParams) => {
+    router.push({ name: 'ZoneCreate', query: { travelData: queryParams } });
+};
+
+const cloneZone = () => {
+    const stringifiedZoneData = JSON.stringify($props.travel);
+    redirectToCreateView(stringifiedZoneData);
+};
+
+const cloneZoneWithEntries = () => {
+    try {
+        axios.post(`Zones/${$props.travel.id}/cloneWithEntries`);
+        notify('globals.dataSaved', 'positive');
+    } catch (err) {
+        console.err('Error cloning travel with entries');
+    }
+};
+
+const isBuyer = computed(() => {
+    return role.hasAny(['buyer']);
+});
+
+const openDeleteEntryDialog = (id) => {
+    quasar
+        .dialog({
+            component: VnConfirm,
+            componentProps: {
+                title: t('The travel will be deleted'),
+                message: t('Do you want to delete this travel?'),
+            },
+        })
+        .onOk(async () => {
+            await deleteZone(id);
+        });
+};
+
+const deleteZone = async (id) => {
+    try {
+        await axios.delete(`Zones/${id}`);
+        router.push({ name: 'ZoneList' });
+        notify('globals.dataDeleted', 'positive');
+    } catch (err) {
+        console.error('Error deleting travel');
+    }
+};
+</script>
+
+<template>
+    <QItem v-ripple clickable @click="cloneZone(travel)">
+        <QItemSection>{{ t('travel.summary.cloneShipping') }}</QItemSection>
+    </QItem>
+    <QItem v-ripple clickable @click="cloneZoneWithEntries()">
+        <QItemSection>
+            {{ t('travel.summary.CloneZoneAndEntries') }}
+        </QItemSection>
+    </QItem>
+    <QItem
+        v-if="isBuyer && travel.totalEntries === 0"
+        v-ripple
+        clickable
+        @click="openDeleteEntryDialog(travel.id)"
+    >
+        <QItemSection>
+            {{ t('travel.summary.deleteZone') }}
+        </QItemSection>
+    </QItem>
+    <QItem v-ripple clickable>
+        <QItemSection>
+            <RouterLink
+                :to="{ name: 'EntryCreate', query: { travelFk: travel.id } }"
+                class="color-vn-text"
+            >
+                {{ t('travel.summary.AddEntry') }}
+            </RouterLink>
+        </QItemSection>
+    </QItem>
+</template>
+
+<i18n>
+es:
+    The travel will be deleted: El envío será eliminado
+    Do you want to delete this travel?: ¿Quieres eliminar este envío?
+</i18n>
diff --git a/src/pages/Zone/Card/ZoneDescriptorProxy.vue b/src/pages/Zone/Card/ZoneDescriptorProxy.vue
new file mode 100644
index 000000000..15c5fb0e5
--- /dev/null
+++ b/src/pages/Zone/Card/ZoneDescriptorProxy.vue
@@ -0,0 +1,16 @@
+<script setup>
+import ZoneDescriptor from './ZoneDescriptor.vue';
+
+const $props = defineProps({
+    id: {
+        type: Number,
+        required: true,
+    },
+});
+</script>
+
+<template>
+    <QPopupProxy>
+        <ZoneDescriptor v-if="$props.id" :id="$props.id" />
+    </QPopupProxy>
+</template>

From a78c920ec8a6aa5765fb38080e20a4b055a81610 Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Mon, 29 Apr 2024 09:49:29 +0200
Subject: [PATCH 157/305] refs #7172 fix VnSelect

---
 src/components/common/VnSelect.vue      | 2 +-
 src/pages/Claim/Card/ClaimBasicData.vue | 1 -
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/common/VnSelect.vue b/src/components/common/VnSelect.vue
index 76e7cd81f..05c74f00a 100644
--- a/src/components/common/VnSelect.vue
+++ b/src/components/common/VnSelect.vue
@@ -169,7 +169,7 @@ watch(modelValue, (newValue) => {
         ref="vnSelectRef"
         :class="{ required: $attrs.required }"
         :rules="$attrs.required ? [requiredFieldRule] : null"
-        virtual-scroll-slice-size
+        virtual-scroll-slice-size="options.length"
     >
         <template v-if="isClearable" #append>
             <QIcon
diff --git a/src/pages/Claim/Card/ClaimBasicData.vue b/src/pages/Claim/Card/ClaimBasicData.vue
index 2cd8aa260..99ea30fda 100644
--- a/src/pages/Claim/Card/ClaimBasicData.vue
+++ b/src/pages/Claim/Card/ClaimBasicData.vue
@@ -116,7 +116,6 @@ const statesFilter = {
                         option-label="name"
                         emit-value
                         auto-load
-                        virtual-scroll-slice-size="workersOptions.length"
                         :rules="validate('claim.claimStateFk')"
                     >
                         <template #before>

From 19fcacebc9969bdec3107bffcd2cc78a0bdad4bc Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 29 Apr 2024 10:12:19 +0200
Subject: [PATCH 158/305] perf: VnSearchbar

---
 src/components/ui/VnSearchbar.vue | 1 +
 src/router/modules/itemType.js    | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/ui/VnSearchbar.vue b/src/components/ui/VnSearchbar.vue
index da8d43c95..344267ef7 100644
--- a/src/components/ui/VnSearchbar.vue
+++ b/src/components/ui/VnSearchbar.vue
@@ -108,6 +108,7 @@ async function search() {
     let targetUrl;
 
     if (path.endsWith('/list')) targetUrl = path.replace('/list', `/${targetId}/summary`);
+    if (path.endsWith('-list')) targetUrl = path.replace('-list', `/${targetId}/summary`);
     else if (path.includes(':id')) targetUrl = path.replace(':id', targetId);
 
     await router.push({ path: targetUrl });
diff --git a/src/router/modules/itemType.js b/src/router/modules/itemType.js
index 32bd63690..3609b6688 100644
--- a/src/router/modules/itemType.js
+++ b/src/router/modules/itemType.js
@@ -1,7 +1,7 @@
 import { RouterView } from 'vue-router';
 
 export default {
-    path: '/item-type',
+    path: '/item/item-type',
     name: 'ItemType',
     meta: {
         title: 'itemType',

From bdc5d7210f460909c6d3162732e49fe7ec6e28c8 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 29 Apr 2024 10:12:37 +0200
Subject: [PATCH 159/305] fix: remove redirect

---
 src/pages/Item/ItemTypeList.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/pages/Item/ItemTypeList.vue b/src/pages/Item/ItemTypeList.vue
index 17d1c0044..e362c6726 100644
--- a/src/pages/Item/ItemTypeList.vue
+++ b/src/pages/Item/ItemTypeList.vue
@@ -37,7 +37,6 @@ const exprBuilder = (param, value) => ({
                 data-key="ItemTypeList"
                 url="ItemTypes"
                 :label="t('Search item  type')"
-                :redirect="false"
                 :info="t('Search itemType by id, name or code')"
                 :expr-builder="exprBuilder"
             />

From 8c3d32ec8621a939f70cff216bfac81650cbfcd5 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 29 Apr 2024 10:12:50 +0200
Subject: [PATCH 160/305] fix: remove VnFilterPanel inside Summary

---
 src/pages/Shelving/Card/ShelvingSummary.vue | 47 ++++-----------------
 1 file changed, 8 insertions(+), 39 deletions(-)

diff --git a/src/pages/Shelving/Card/ShelvingSummary.vue b/src/pages/Shelving/Card/ShelvingSummary.vue
index 49470719e..649799b00 100644
--- a/src/pages/Shelving/Card/ShelvingSummary.vue
+++ b/src/pages/Shelving/Card/ShelvingSummary.vue
@@ -20,14 +20,14 @@ const router = useRouter();
 const { t } = useI18n();
 
 const entityId = computed(() => $props.id || route.params.id);
-const isDialog = Boolean($props.id);
-const hideRightDrawer = () => {
-    if (!isDialog) {
-        stateStore.rightDrawer = false;
-    }
-};
-onMounted(hideRightDrawer);
-onUnmounted(hideRightDrawer);
+const isDialog = false;
+// const hideRightDrawer = () => {
+//     if (!isDialog) {
+//         stateStore.rightDrawer = false;
+//     }
+// };
+// onMounted(hideRightDrawer);
+// onUnmounted(hideRightDrawer);
 const filter = {
     include: [
         {
@@ -46,23 +46,6 @@ const filter = {
 </script>
 
 <template>
-    <template v-if="!isDialog && stateStore.isHeaderMounted()">
-        <Teleport to="#actions-append">
-            <div class="row q-gutter-x-sm">
-                <QBtn
-                    flat
-                    @click="stateStore.toggleRightDrawer()"
-                    round
-                    dense
-                    icon="menu"
-                >
-                    <QTooltip bottom anchor="bottom right">
-                        {{ t('globals.collapseMenu') }}
-                    </QTooltip>
-                </QBtn>
-            </div>
-        </Teleport>
-    </template>
     <div class="q-pa-md">
         <CardSummary ref="summary" :url="`Shelvings/${entityId}`" :filter="filter">
             <template #header="{ entity }">
@@ -102,18 +85,4 @@ const filter = {
             </template>
         </CardSummary>
     </div>
-    <QDrawer
-        v-if="!isDialog"
-        v-model="stateStore.rightDrawer"
-        side="right"
-        :width="256"
-        show-if-above
-    >
-        <QScrollArea class="fit text-grey-8">
-            <ShelvingFilter
-                data-key="ShelvingList"
-                @search="router.push({ name: 'ShelvingList' })"
-            />
-        </QScrollArea>
-    </QDrawer>
 </template>

From 34c8874468fbb062117c5ee2ce1c7eaf0628cb3a Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 29 Apr 2024 10:17:18 +0200
Subject: [PATCH 161/305] fix: i18n

---
 src/i18n/locale/es.yml          | 2 +-
 src/pages/Item/ItemTypeList.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index 9bafd7067..fc96adbf8 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -1220,7 +1220,7 @@ item:
         achieved: 'Conseguido'
         concept: 'Concepto'
         state: 'Estado'
-itemType:
+item/itemType:
     pageTitles:
         itemType: Familia
         basicData: Datos básicos
diff --git a/src/pages/Item/ItemTypeList.vue b/src/pages/Item/ItemTypeList.vue
index e362c6726..c92385295 100644
--- a/src/pages/Item/ItemTypeList.vue
+++ b/src/pages/Item/ItemTypeList.vue
@@ -36,7 +36,7 @@ const exprBuilder = (param, value) => ({
             <VnSearchbar
                 data-key="ItemTypeList"
                 url="ItemTypes"
-                :label="t('Search item  type')"
+                :label="t('Search item type')"
                 :info="t('Search itemType by id, name or code')"
                 :expr-builder="exprBuilder"
             />

From 806f3a13d57782b75970cce0f866c904f9a31425 Mon Sep 17 00:00:00 2001
From: alexm <alexm@verdnatura.es>
Date: Mon, 29 Apr 2024 10:33:32 +0200
Subject: [PATCH 162/305] fix(claimLines): refs #6336 fix total calc

---
 src/pages/Claim/Card/ClaimLines.vue | 39 ++++++++++++++++-------------
 1 file changed, 21 insertions(+), 18 deletions(-)

diff --git a/src/pages/Claim/Card/ClaimLines.vue b/src/pages/Claim/Card/ClaimLines.vue
index c4a7db201..52fbfca98 100644
--- a/src/pages/Claim/Card/ClaimLines.vue
+++ b/src/pages/Claim/Card/ClaimLines.vue
@@ -45,20 +45,25 @@ async function onFetchClaim(data) {
 
 const amount = ref();
 const amountClaimed = ref();
-async function onFetch(rows) {
+async function onFetch(rows, newRows) {
+    if (newRows) rows = newRows;
     amount.value = 0;
     amountClaimed.value = 0;
     if (!rows || !rows.length) return;
 
-    amount.value = rows.reduce(
-        (accumulator, { sale }) => accumulator + sale.price * sale.quantity,
-        0
-    );
+    for (const row of rows) {
+        const { sale } = row;
+        amount.value = amount.value + totalRow(sale);
+        const price = row.quantity * sale.price;
+        const discount = (sale.discount * price) / 100;
+        amountClaimed.value = amountClaimed.value + (price - discount);
+    }
+}
 
-    amountClaimed.value = rows.reduce(
-        (accumulator, line) => accumulator + line.sale.price * line.quantity,
-        0
-    );
+function totalRow({ price, quantity, discount }) {
+    const amount = price * quantity;
+    const appliedDiscount = (discount * amount) / 100;
+    return amount - appliedDiscount;
 }
 
 const columns = computed(() => [
@@ -102,12 +107,7 @@ const columns = computed(() => [
     {
         name: 'total',
         label: t('Total'),
-        field: ({ sale }) => {
-            const amount = sale.price * sale.quantity;
-            const appliedDiscount = (sale.discount * amount) / 100;
-
-            return amount - appliedDiscount;
-        },
+        field: ({ sale }) => totalRow(sale),
         format: (value) => toCurrency(value),
         sortable: true,
     },
@@ -129,6 +129,7 @@ async function updateDiscount({ saleFk, discount, canceller }) {
     await axios.post(query, body, {
         signal: canceller.signal,
     });
+    await claimLinesForm.value.reload();
 }
 
 function onUpdateDiscount(response) {
@@ -151,8 +152,11 @@ function showImportDialog() {
         .onOk(() => claimLinesForm.value.reload());
 }
 
-function saveWhenHasChanges() {
-    claimLinesForm.value.getChanges().updates && claimLinesForm.value.onSubmit();
+async function saveWhenHasChanges() {
+    if (claimLinesForm.value.getChanges().updates) {
+        await claimLinesForm.value.onSubmit();
+        await claimLinesForm.value.reload();
+    }
 }
 </script>
 <template>
@@ -188,7 +192,6 @@ function saveWhenHasChanges() {
             save-url="ClaimBeginnings/crud"
             :filter="linesFilter"
             @on-fetch="onFetch"
-            @save-changes="onFetch"
             v-model:selected="selected"
             :default-save="false"
             :default-reset="false"

From 6c69c44dfdbf93c4b1527599136f9e5a2a4ebf25 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 29 Apr 2024 08:33:38 +0000
Subject: [PATCH 163/305] remove comment

---
 src/composables/useSession.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/composables/useSession.js b/src/composables/useSession.js
index 3b38cdad6..56bce0279 100644
--- a/src/composables/useSession.js
+++ b/src/composables/useSession.js
@@ -141,7 +141,6 @@ export function useSession() {
         const maxDate = created + renewPeriodInSeconds;
         const now = new Date().getTime();
 
-        //COMMENT THIS IF JUST FOR TEST
         if (isNaN(renewPeriodInSeconds) || now <= maxDate) {
             return (isCheckingToken = false);
         }

From 2f55272df77a8a0fe949d2f8588eb635b36f469c Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 29 Apr 2024 11:23:50 +0200
Subject: [PATCH 164/305] fix: WorkerDescriptor

---
 src/i18n/locale/en.yml                        | 14 +-------
 src/i18n/locale/es.yml                        | 17 ----------
 src/pages/Item/ItemTypeCreate.vue             |  8 ++---
 src/pages/ItemType/Card/ItemTypeBasicData.vue | 18 +++++------
 .../ItemType/Card/ItemTypeDescriptor.vue      | 17 ++++++----
 src/pages/ItemType/Card/ItemTypeSummary.vue   | 32 +++++++++----------
 src/pages/ItemType/locale/en.yml              | 12 +++++++
 src/pages/ItemType/locale/es.yml              | 17 ++++++++++
 8 files changed, 69 insertions(+), 66 deletions(-)
 create mode 100644 src/pages/ItemType/locale/en.yml
 create mode 100644 src/pages/ItemType/locale/es.yml

diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index 482c0dc7d..2b71195d1 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -1221,23 +1221,11 @@ item:
         minSalesQuantity: 'Cantidad mínima de venta'
         genus: 'Genus'
         specie: 'Specie'
-itemType:
+item/itemType:
     pageTitles:
         itemType: Item type
         basicData: Basic data
         summary: Summary
-    shared:
-        code: Code
-        name: Name
-        worker: Worker
-        category: Category
-        temperature: Temperature
-    summary:
-        id: id
-        life: Life
-        promo: Promo
-        itemPackingType: Item packing type
-        isUnconventionalSize: Is unconventional size
 components:
     topbar: {}
     itemsFilterPanel:
diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index fc96adbf8..d1823b387 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -1225,23 +1225,6 @@ item/itemType:
         itemType: Familia
         basicData: Datos básicos
         summary: Resumen
-    shared:
-        code: Código
-        name: Nombre
-        worker: Trabajador
-        category: Reino
-        temperature: Temperatura
-    summary:
-        id: id
-        code: Código
-        name: Nombre
-        worker: Trabajador
-        category: Reino
-        temperature: Temperatura
-        life: Vida
-        promo: Promoción
-        itemPackingType: Tipo de embalaje
-        isUnconventionalSize: Es de tamaño poco convencional
 components:
     topbar: {}
     itemsFilterPanel:
diff --git a/src/pages/Item/ItemTypeCreate.vue b/src/pages/Item/ItemTypeCreate.vue
index 3540fc5af..af3dc34ea 100644
--- a/src/pages/Item/ItemTypeCreate.vue
+++ b/src/pages/Item/ItemTypeCreate.vue
@@ -4,7 +4,7 @@ import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 
 import FetchData from 'components/FetchData.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 import FormModel from 'components/FormModel.vue';
 import VnRow from 'components/ui/VnRow.vue';
 import VnInput from 'src/components/common/VnInput.vue';
@@ -58,7 +58,7 @@ const redirectToItemTypeBasicData = (_, { id }) => {
                     <VnInput v-model="data.name" :label="t('itemType.shared.name')" />
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <VnSelectFilter
+                    <VnSelect
                         v-model="data.workerFk"
                         :label="t('itemType.shared.worker')"
                         :options="workersOptions"
@@ -66,7 +66,7 @@ const redirectToItemTypeBasicData = (_, { id }) => {
                         option-label="firstName"
                         hide-selected
                     />
-                    <VnSelectFilter
+                    <VnSelect
                         v-model="data.categoryFk"
                         :label="t('itemType.shared.category')"
                         :options="categoriesOptions"
@@ -76,7 +76,7 @@ const redirectToItemTypeBasicData = (_, { id }) => {
                     />
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <VnSelectFilter
+                    <VnSelect
                         v-model="data.temperatureFk"
                         :label="t('itemType.shared.temperature')"
                         :options="temperaturesOptions"
diff --git a/src/pages/ItemType/Card/ItemTypeBasicData.vue b/src/pages/ItemType/Card/ItemTypeBasicData.vue
index ff2719896..0bdfab951 100644
--- a/src/pages/ItemType/Card/ItemTypeBasicData.vue
+++ b/src/pages/ItemType/Card/ItemTypeBasicData.vue
@@ -7,7 +7,7 @@ import FetchData from 'components/FetchData.vue';
 import FormModel from 'components/FormModel.vue';
 import VnRow from 'components/ui/VnRow.vue';
 import VnInput from 'src/components/common/VnInput.vue';
-import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 
 const route = useRoute();
 const { t } = useI18n();
@@ -43,21 +43,21 @@ const temperaturesOptions = ref([]);
     >
         <template #form="{ data }">
             <VnRow class="row q-gutter-md q-mb-md">
-                <VnInput v-model="data.code" :label="t('itemType.shared.code')" />
-                <VnInput v-model="data.name" :label="t('itemType.shared.name')" />
+                <VnInput v-model="data.code" :label="t('shared.code')" />
+                <VnInput v-model="data.name" :label="t('shared.name')" />
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
-                <VnSelectFilter
+                <VnSelect
                     v-model="data.workerFk"
-                    :label="t('itemType.shared.worker')"
+                    :label="t('shared.worker')"
                     :options="workersOptions"
                     option-value="id"
                     option-label="firstName"
                     hide-selected
                 />
-                <VnSelectFilter
+                <VnSelect
                     v-model="data.categoryFk"
-                    :label="t('itemType.shared.category')"
+                    :label="t('shared.category')"
                     :options="categoriesOptions"
                     option-value="id"
                     option-label="name"
@@ -65,9 +65,9 @@ const temperaturesOptions = ref([]);
                 />
             </VnRow>
             <VnRow class="row q-gutter-md q-mb-md">
-                <VnSelectFilter
+                <VnSelect
                     v-model="data.temperatureFk"
-                    :label="t('itemType.shared.temperature')"
+                    :label="t('shared.temperature')"
                     :options="temperaturesOptions"
                     option-value="code"
                     option-label="name"
diff --git a/src/pages/ItemType/Card/ItemTypeDescriptor.vue b/src/pages/ItemType/Card/ItemTypeDescriptor.vue
index cb0cb333b..e565a791b 100644
--- a/src/pages/ItemType/Card/ItemTypeDescriptor.vue
+++ b/src/pages/ItemType/Card/ItemTypeDescriptor.vue
@@ -5,6 +5,7 @@ import { useI18n } from 'vue-i18n';
 
 import CardDescriptor from 'components/ui/CardDescriptor.vue';
 import VnLv from 'src/components/ui/VnLv.vue';
+import WorkerDescriptorProxy from 'src/pages/Worker/Card/WorkerDescriptorProxy.vue';
 
 import useCardDescription from 'src/composables/useCardDescription';
 
@@ -65,13 +66,15 @@ const setData = (entity) => (data.value = useCardDescription(entity.code, entity
             </QBtn>
         </template>
         <template #body="{ entity }">
-            <VnLv :label="t('itemType.shared.code')" :value="entity.code" />
-            <VnLv :label="t('itemType.shared.name')" :value="entity.name" />
-            <VnLv
-                :label="t('itemType.shared.worker')"
-                :value="entity.worker?.firstName"
-            />
-            <VnLv :label="t('itemType.shared.category')" :value="entity.category?.name" />
+            <VnLv :label="t('shared.code')" :value="entity.code" />
+            <VnLv :label="t('shared.name')" :value="entity.name" />
+            <VnLv :label="t('shared.worker')">
+                <template #value>
+                    <span class="link">{{ entity.worker?.firstName }}</span>
+                    <WorkerDescriptorProxy :id="entity.worker?.id" />
+                </template>
+            </VnLv>
+            <VnLv :label="t('shared.category')" :value="entity.category?.name" />
         </template>
     </CardDescriptor>
 </template>
diff --git a/src/pages/ItemType/Card/ItemTypeSummary.vue b/src/pages/ItemType/Card/ItemTypeSummary.vue
index 393675a30..62d1c74ab 100644
--- a/src/pages/ItemType/Card/ItemTypeSummary.vue
+++ b/src/pages/ItemType/Card/ItemTypeSummary.vue
@@ -2,6 +2,7 @@
 import { ref, computed, onUpdated } from 'vue';
 import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
+import WorkerDescriptorProxy from 'src/pages/Worker/Card/WorkerDescriptorProxy.vue';
 
 import CardSummary from 'components/ui/CardSummary.vue';
 import VnLv from 'src/components/ui/VnLv.vue';
@@ -71,30 +72,29 @@ async function setItemTypeData(data) {
                     {{ t('globals.summary.basicData') }}
                     <QIcon name="open_in_new" />
                 </router-link>
-                <VnLv :label="t('itemType.summary.id')" :value="itemType.id" />
-                <VnLv :label="t('itemType.shared.code')" :value="itemType.code" />
-                <VnLv :label="t('itemType.shared.name')" :value="itemType.name" />
+                <VnLv :label="t('summary.id')" :value="itemType.id" />
+                <VnLv :label="t('shared.code')" :value="itemType.code" />
+                <VnLv :label="t('shared.name')" :value="itemType.name" />
+                <VnLv :label="t('shared.worker')">
+                    <template #value>
+                        <span class="link">{{ itemType.worker?.firstName }}</span>
+                        <WorkerDescriptorProxy :id="itemType.worker?.id" />
+                    </template>
+                </VnLv>
+                <VnLv :label="t('shared.category')" :value="itemType.category?.name" />
                 <VnLv
-                    :label="t('itemType.shared.worker')"
-                    :value="itemType.worker?.firstName"
-                />
-                <VnLv
-                    :label="t('itemType.shared.category')"
-                    :value="itemType.category?.name"
-                />
-                <VnLv
-                    :label="t('itemType.shared.temperature')"
+                    :label="t('shared.temperature')"
                     :value="itemType.temperature?.name"
                 />
-                <VnLv :label="t('itemType.summary.life')" :value="itemType.life" />
-                <VnLv :label="t('itemType.summary.promo')" :value="itemType.promo" />
+                <VnLv :label="t('summary.life')" :value="itemType.life" />
+                <VnLv :label="t('summary.promo')" :value="itemType.promo" />
                 <VnLv
-                    :label="t('itemType.summary.itemPackingType')"
+                    :label="t('summary.itemPackingType')"
                     :value="itemType.itemPackingType?.description"
                 />
                 <VnLv
                     class="large-label"
-                    :label="t('itemType.summary.isUnconventionalSize')"
+                    :label="t('summary.isUnconventionalSize')"
                     :value="itemType.isUnconventionalSize"
                 />
             </QCard>
diff --git a/src/pages/ItemType/locale/en.yml b/src/pages/ItemType/locale/en.yml
new file mode 100644
index 000000000..7889418ea
--- /dev/null
+++ b/src/pages/ItemType/locale/en.yml
@@ -0,0 +1,12 @@
+shared:
+    code: Code
+    name: Name
+    worker: Worker
+    category: Category
+    temperature: Temperature
+summary:
+    id: id
+    life: Life
+    promo: Promo
+    itemPackingType: Item packing type
+    isUnconventionalSize: Is unconventional size
diff --git a/src/pages/ItemType/locale/es.yml b/src/pages/ItemType/locale/es.yml
new file mode 100644
index 000000000..9a94dceb6
--- /dev/null
+++ b/src/pages/ItemType/locale/es.yml
@@ -0,0 +1,17 @@
+shared:
+    code: Código
+    name: Nombre
+    worker: Trabajador
+    category: Reino
+    temperature: Temperatura
+summary:
+    id: id
+    code: Código
+    name: Nombre
+    worker: Trabajador
+    category: Reino
+    temperature: Temperatura
+    life: Vida
+    promo: Promoción
+    itemPackingType: Tipo de embalaje
+    isUnconventionalSize: Es de tamaño poco convencional

From 7e2ec588c5e0eef9f435fb5f43e8db1cdedc89f9 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 29 Apr 2024 11:24:20 +0200
Subject: [PATCH 165/305] fix: remove Warning

---
 src/components/ui/VnUserLink.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/ui/VnUserLink.vue b/src/components/ui/VnUserLink.vue
index 47287c12b..33836550a 100644
--- a/src/components/ui/VnUserLink.vue
+++ b/src/components/ui/VnUserLink.vue
@@ -1,6 +1,5 @@
 <script setup>
 import WorkerDescriptorProxy from 'src/pages/Worker/Card/WorkerDescriptorProxy.vue';
-import CustomerDescriptorProxy from 'src/pages/Customer/Card/CustomerDescriptorProxy.vue';
 import { useI18n } from 'vue-i18n';
 
 const $props = defineProps({

From 0fff6cd446f22d4410b830d21c8f13399f71822a Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 29 Apr 2024 11:46:33 +0200
Subject: [PATCH 166/305] perf: VnCard

---
 src/pages/ItemType/Card/ItemTypeCard.vue | 28 ++++++------------------
 1 file changed, 7 insertions(+), 21 deletions(-)

diff --git a/src/pages/ItemType/Card/ItemTypeCard.vue b/src/pages/ItemType/Card/ItemTypeCard.vue
index bff91de06..cb8adf7f6 100644
--- a/src/pages/ItemType/Card/ItemTypeCard.vue
+++ b/src/pages/ItemType/Card/ItemTypeCard.vue
@@ -1,26 +1,12 @@
 <script setup>
+import VnCard from 'components/common/VnCard.vue';
+
 import ItemTypeDescriptor from 'src/pages/ItemType/Card/ItemTypeDescriptor.vue';
-import LeftMenu from 'components/LeftMenu.vue';
-import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
-
-import { useStateStore } from 'stores/useStateStore';
-
-const stateStore = useStateStore();
 </script>
 <template>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit">
-            <ItemTypeDescriptor />
-            <QSeparator />
-            <LeftMenu source="card" />
-        </QScrollArea>
-    </QDrawer>
-    <QPageContainer>
-        <QPage>
-            <VnSubToolbar />
-            <div class="q-pa-md column items-center">
-                <RouterView></RouterView>
-            </div>
-        </QPage>
-    </QPageContainer>
+    <VnCard
+        data-key="ItemTypeSummary"
+        base-url="ItemTypes"
+        :descriptor="ItemTypeDescriptor"
+    />
 </template>

From 761bc7724f3eba14137f3e51fc979f5eea8eeb20 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 29 Apr 2024 11:46:40 +0200
Subject: [PATCH 167/305] fix: redirect

---
 src/router/modules/itemType.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/router/modules/itemType.js b/src/router/modules/itemType.js
index 3609b6688..8064c41ff 100644
--- a/src/router/modules/itemType.js
+++ b/src/router/modules/itemType.js
@@ -9,7 +9,7 @@ export default {
         moduleName: 'ItemType',
     },
     component: RouterView,
-    redirect: { name: 'ItemTypeCard' },
+    redirect: { name: 'ItemTypeList' },
     menus: {
         main: [],
         card: ['ItemTypeBasicData'],

From a5d6ca447bb37092b259aab3cc32ffa729eed0e2 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 29 Apr 2024 12:12:20 +0200
Subject: [PATCH 168/305] fix: TicketSummary.packages label

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

diff --git a/src/pages/Ticket/Card/TicketSummary.vue b/src/pages/Ticket/Card/TicketSummary.vue
index 364ae04a6..af501240b 100644
--- a/src/pages/Ticket/Card/TicketSummary.vue
+++ b/src/pages/Ticket/Card/TicketSummary.vue
@@ -188,7 +188,7 @@ async function changeState(value) {
                     :label="t('ticket.summary.landed')"
                     :value="toDate(ticket.landed)"
                 />
-                <VnLv :label="t('global.packages')" :value="ticket.packages" />
+                <VnLv :label="t('globals.packages')" :value="ticket.packages" />
                 <VnLv :value="ticket.address.phone">
                     <template #label>
                         {{ t('ticket.summary.consigneePhone') }}

From 6276c433d13b9afea9e3e2726bd0dda469bdc14e Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Mon, 29 Apr 2024 08:23:29 -0300
Subject: [PATCH 169/305] Fix exprBuilder

---
 src/pages/Item/ItemTypeList.vue | 38 +++++++++++++++++++++++++++++----
 1 file changed, 34 insertions(+), 4 deletions(-)

diff --git a/src/pages/Item/ItemTypeList.vue b/src/pages/Item/ItemTypeList.vue
index 17d1c0044..c6557dc79 100644
--- a/src/pages/Item/ItemTypeList.vue
+++ b/src/pages/Item/ItemTypeList.vue
@@ -24,10 +24,40 @@ const redirectToItemTypeSummary = (id) => {
 const redirectToCreateView = () => {
     router.push({ name: 'ItemTypeCreate' });
 };
-const exprBuilder = (param, value) => ({
-    name: { like: `%${value}%` },
-    code: { like: `%${value}%` },
-});
+
+const exprBuilder = (param, value) => {
+    switch (param) {
+        case 'name':
+            return {
+                name: { like: `%${value}%` },
+            };
+        case 'code':
+            return {
+                code: { like: `%${value}%` },
+            };
+        case 'search':
+            if (value) {
+                if (!isNaN(value)) {
+                    return { id: value };
+                } else {
+                    return {
+                        or: [
+                            {
+                                name: {
+                                    like: `%${value}%`,
+                                },
+                            },
+                            {
+                                code: {
+                                    like: `%${value}%`,
+                                },
+                            },
+                        ],
+                    };
+                }
+            }
+    }
+};
 </script>
 
 <template>

From 4be559bbe8ce672f2348b86407a2ba32624404f7 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 29 Apr 2024 15:16:37 +0200
Subject: [PATCH 170/305] fix: hansChanges to false

---
 src/components/CrudModel.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/CrudModel.vue b/src/components/CrudModel.vue
index 24d848f3b..de4724e55 100644
--- a/src/components/CrudModel.vue
+++ b/src/components/CrudModel.vue
@@ -131,6 +131,7 @@ async function saveChanges(data) {
     if ($props.saveFn) {
         $props.saveFn(data, getChanges);
         isLoading.value = false;
+        hasChanges.value = false;
         return;
     }
     const changes = data || getChanges();

From ac9063e1666d51056ebac551c775ea4de260fa49 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Mon, 29 Apr 2024 17:01:26 -0300
Subject: [PATCH 171/305] Item Last entries

---
 src/components/common/VnInputDate.vue   |   9 +-
 src/i18n/locale/en.yml                  |   1 +
 src/i18n/locale/es.yml                  |   1 +
 src/pages/Item/Card/ItemLastEntries.vue | 291 ++++++++++++++++++++++++
 src/pages/Item/locale/en.yml            |  20 ++
 src/pages/Item/locale/es.yml            |  20 ++
 src/router/modules/item.js              |  10 +
 7 files changed, 351 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/Item/Card/ItemLastEntries.vue
 create mode 100644 src/pages/Item/locale/en.yml
 create mode 100644 src/pages/Item/locale/es.yml

diff --git a/src/components/common/VnInputDate.vue b/src/components/common/VnInputDate.vue
index 2053eceb1..72d9bb2bc 100644
--- a/src/components/common/VnInputDate.vue
+++ b/src/components/common/VnInputDate.vue
@@ -15,6 +15,10 @@ const props = defineProps({
         type: Boolean,
         default: false,
     },
+    emitDate: {
+        type: Boolean,
+        default: false,
+    },
 });
 const hover = ref(false);
 
@@ -37,7 +41,10 @@ const value = computed({
         return props.modelValue;
     },
     set(value) {
-        emit('update:modelValue', joinDateAndTime(value, time.value));
+        emit(
+            'update:modelValue',
+            props.emitDate ? new Date(value) : joinDateAndTime(value, time.value)
+        );
     },
 });
 
diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index abe59fe18..a898f4d53 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -1135,6 +1135,7 @@ item:
         tax: Tax
         barcode: Barcode
         botanical: Botanical
+        lastEntries: Last entries
     descriptor:
         item: Item
         buyer: Buyer
diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index 06aa057e3..dd176e235 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -1134,6 +1134,7 @@ item:
         botanical: 'Botánico'
         barcode: 'Código de barras'
         log: Historial
+        lastEntries: Últimas entradas
     descriptor:
         item: Artículo
         buyer: Comprador
diff --git a/src/pages/Item/Card/ItemLastEntries.vue b/src/pages/Item/Card/ItemLastEntries.vue
new file mode 100644
index 000000000..2a2d84dfe
--- /dev/null
+++ b/src/pages/Item/Card/ItemLastEntries.vue
@@ -0,0 +1,291 @@
+<script setup>
+import { onMounted, computed, onUnmounted, reactive, ref } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { useRoute } from 'vue-router';
+
+import EntryDescriptorProxy from 'src/pages/Entry/Card/EntryDescriptorProxy.vue';
+import VnInputDate from 'src/components/common/VnInputDate.vue';
+
+import { useStateStore } from 'stores/useStateStore';
+import { toDateTimeFormat } from 'src/filters/date.js';
+import { dashIfEmpty } from 'src/filters';
+import { toCurrency } from 'filters/index';
+import { useArrayData } from 'composables/useArrayData';
+
+const { t } = useI18n();
+const route = useRoute();
+const stateStore = useStateStore();
+
+const exprBuilder = (param, value) => {
+    switch (param) {
+        case 'id':
+        case 'quantity':
+        case 'packagingFk':
+            return { [`b.${param}`]: value };
+        case 'supplierFk':
+            return { [`s.id`]: value };
+        case 'warehouseFk':
+            return { 'tr.warehouseInFk': value };
+        case 'landed':
+            return {
+                'tr.landed': {
+                    between: getDateRange(value),
+                },
+            };
+    }
+};
+
+const dateRange = reactive({
+    from: null,
+    to: null,
+});
+
+const getDateRange = (val) => {
+    const minHour = new Date(val);
+    minHour.setHours(0, 0, 0, 0);
+    const maxHour = new Date(val);
+    maxHour.setHours(23, 59, 59, 59);
+
+    return [minHour, maxHour];
+};
+
+const from = computed({
+    get: () => dateRange.from,
+    set: (val) => {
+        updateFrom(val);
+        updateFilter();
+    },
+});
+
+const to = computed({
+    get: () => dateRange.to,
+    set: (val) => {
+        updateTo(val);
+        updateFilter();
+    },
+});
+
+const arrayData = useArrayData('ItemLastEntries', {
+    url: 'Items/lastEntriesFilter',
+    order: ['landed DESC', 'buyFk DESC'],
+    exprBuilder: exprBuilder,
+    userFilter: {
+        where: {
+            itemFk: route.params.id,
+        },
+    },
+});
+
+const itemLastEntries = ref([]);
+
+const columns = computed(() => [
+    {
+        label: t('lastEntries.ig'),
+        name: 'ig',
+        align: 'center',
+    },
+    {
+        label: t('lastEntries.warehouse'),
+        name: 'warehouse',
+        field: 'warehouse',
+        align: 'left',
+    },
+    {
+        label: t('lastEntries.landed'),
+        name: 'id',
+        field: 'landed',
+        align: 'left',
+        format: (val) => toDateTimeFormat(val),
+    },
+    {
+        label: t('lastEntries.entry'),
+        name: 'entry',
+        field: 'stateName',
+        align: 'left',
+        format: (val) => dashIfEmpty(val),
+    },
+    {
+        label: t('lastEntries.pvp'),
+        name: 'pvp',
+        field: 'reference',
+        align: 'left',
+        format: (_, row) => toCurrency(row.price2) + ' / ' + toCurrency(row.price3),
+    },
+
+    {
+        label: t('lastEntries.label'),
+        name: 'label',
+        field: 'stickers',
+        align: 'center',
+        format: (val) => dashIfEmpty(val),
+    },
+    {
+        label: t('lastEntries.packing'),
+        name: 'packing',
+        align: 'center',
+    },
+    {
+        label: t('lastEntries.grouping'),
+        name: 'grouping',
+        align: 'center',
+    },
+    {
+        label: t('lastEntries.stems'),
+        name: 'stems',
+        field: 'stems',
+        align: 'center',
+    },
+    {
+        label: t('lastEntries.quantity'),
+        name: 'stems',
+        field: 'quantity',
+        align: 'center',
+    },
+    {
+        label: t('lastEntries.cost'),
+        name: 'cost',
+        align: 'left',
+    },
+    {
+        label: t('lastEntries.kg'),
+        name: 'stems',
+        field: 'weight',
+        align: 'center',
+    },
+    {
+        label: t('lastEntries.cube'),
+        name: 'cube',
+        field: 'packagingFk',
+        align: 'center',
+    },
+    {
+        label: t('lastEntries.supplier'),
+        name: 'stems',
+        field: 'supplier',
+        align: 'left',
+    },
+]);
+
+const fetchItemLastEntries = async () => {
+    const { data } = await arrayData.fetch({ append: false });
+    itemLastEntries.value = data;
+};
+
+const updateFrom = async (date) => {
+    date.setHours(0, 0, 0, 0);
+    dateRange.from = date.toISOString();
+};
+
+const updateTo = async (date) => {
+    date.setHours(23, 59, 59, 59);
+    dateRange.to = date.toISOString();
+};
+
+const updateFilter = async () => {
+    arrayData.store.userFilter.where.landed = {
+        between: [dateRange.from, dateRange.to],
+    };
+    await fetchItemLastEntries();
+};
+
+onMounted(async () => {
+    const _from = Date.vnNew();
+    _from.setDate(_from.getDate() - 75);
+    updateFrom(_from);
+
+    const _to = Date.vnNew();
+    _to.setDate(_to.getDate() + 10);
+    updateTo(_to);
+
+    updateFilter();
+});
+
+onUnmounted(() => (stateStore.rightDrawer = false));
+</script>
+
+<template>
+    <QToolbar class="justify-end">
+        <div id="st-data" class="row">
+            <VnInputDate
+                :label="t('lastEntries.since')"
+                dense
+                emit-date
+                v-model="from"
+                class="q-mr-lg"
+            />
+            <VnInputDate :label="t('lastEntries.to')" dense emit-date v-model="to" />
+        </div>
+        <QSpace />
+        <div id="st-actions"></div>
+    </QToolbar>
+    <QPage class="column items-center q-pa-md">
+        <QTable
+            :rows="itemLastEntries"
+            :columns="columns"
+            class="full-width q-mt-md"
+            :no-data-label="t('globals.noResults')"
+        >
+            <template #body-cell-ig="{ row }">
+                <QTd @click.stop>
+                    <QCheckbox
+                        v-model="row.isIgnored"
+                        :disable="true"
+                        :false-value="0"
+                        :true-value="1"
+                    />
+                </QTd>
+            </template>
+            <template #body-cell-entry="{ row }">
+                <QTd @click.stop>
+                    <div class="full-width flex justify-center">
+                        <EntryDescriptorProxy :id="row.entryFk" class="q-ma-none" dense />
+                        <span class="link">{{ row.entryFk }}</span>
+                    </div>
+                </QTd>
+            </template>
+            <template #body-cell-packing="{ row }">
+                <QTd @click.stop>
+                    <QBadge class="center-content" rounded color="grey-13">
+                        {{ dashIfEmpty(row.packing) }}
+                        <QTooltip>{{ t('lastEntries.packing') }}</QTooltip>
+                    </QBadge>
+                </QTd>
+            </template>
+            <template #body-cell-grouping="{ row }">
+                <QTd @click.stop>
+                    <QBadge class="center-content" rounded color="black">
+                        {{ dashIfEmpty(row.grouping) }}
+                        <QTooltip>{{ t('lastEntries.grouping') }}</QTooltip>
+                    </QBadge>
+                </QTd>
+            </template>
+            <template #body-cell-cost="{ row }">
+                <QTd @click.stop>
+                    <span>
+                        {{ toCurrency(row.cost, 'EUR', 3) }}
+                        <QTooltip>
+                            {{ t('lastEntries.cost') }}:
+                            {{ toCurrency(dashIfEmpty(row.buyingValue), 'EUR', 3) }}<br />
+                            {{ t('lastEntries.package') }}:
+                            {{ toCurrency(dashIfEmpty(row.packageValue), 'EUR', 3)
+                            }}<br />
+                            {{ $t('lastEntries.freight') }}:
+                            {{ toCurrency(dashIfEmpty(row.freightValue), 'EUR', 3)
+                            }}<br />
+                            {{ t('lastEntries.comission') }}:
+                            {{ toCurrency(dashIfEmpty(row.comissionValue), 'EUR', 3) }}
+                        </QTooltip>
+                    </span>
+                </QTd>
+            </template>
+        </QTable>
+    </QPage>
+</template>
+
+<style lang="scss" scoped>
+.center-content {
+    display: flex;
+    max-width: max-content;
+    margin: auto;
+}
+</style>
diff --git a/src/pages/Item/locale/en.yml b/src/pages/Item/locale/en.yml
new file mode 100644
index 000000000..b7909bdf9
--- /dev/null
+++ b/src/pages/Item/locale/en.yml
@@ -0,0 +1,20 @@
+lastEntries:
+    since: Since
+    to: To
+    ig: Ig
+    warehouse: Warehouse
+    landed: Landed
+    entry: Entry
+    pvp: PVP
+    label: Label
+    packing: Packing
+    grouping: Grouping
+    stems: Stems
+    quantity: Quantity
+    cost: Cost
+    kg: Kg.
+    cube: Cube
+    supplier: Supplier
+    package: Package
+    freight: Freight
+    comission: Comission
diff --git a/src/pages/Item/locale/es.yml b/src/pages/Item/locale/es.yml
new file mode 100644
index 000000000..052ba1981
--- /dev/null
+++ b/src/pages/Item/locale/es.yml
@@ -0,0 +1,20 @@
+lastEntries:
+    since: Desde
+    to: Hasta
+    ig: Ig
+    warehouse: Almacén
+    landed: F. Entrega
+    entry: Entrada
+    pvp: PVP
+    label: Etiquetas
+    packing: Packing
+    grouping: Grouping
+    stems: Tallos
+    quantity: Cantidad
+    cost: Coste
+    kg: Kg.
+    cube: Cubo
+    supplier: Proveedor
+    package: Embalaje
+    freight: Porte
+    comission: Comisión
diff --git a/src/router/modules/item.js b/src/router/modules/item.js
index bc1e72a94..91c43a540 100644
--- a/src/router/modules/item.js
+++ b/src/router/modules/item.js
@@ -20,6 +20,7 @@ export default {
             'ItemTax',
             'ItemBotanical',
             'ItemBarcode',
+            'ItemLastEntries',
         ],
     },
     children: [
@@ -157,6 +158,15 @@ export default {
                     },
                     component: () => import('src/pages/Item/Card/ItemBotanical.vue'),
                 },
+                {
+                    path: 'last-entries',
+                    name: 'ItemLastEntries',
+                    meta: {
+                        title: 'lastEntries',
+                        icon: 'vn:botanical',
+                    },
+                    component: () => import('src/pages/Item/Card/ItemLastEntries.vue'),
+                },
             ],
         },
     ],

From ccac3a54f96fff7f88f13ece50774bd1428d6f98 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Mon, 29 Apr 2024 17:39:37 -0300
Subject: [PATCH 172/305] move translations

---
 src/pages/Item/Card/ItemDiary.vue | 41 +++++++++++--------------------
 src/pages/Item/locale/en.yml      | 13 ++++++++++
 src/pages/Item/locale/es.yml      | 13 ++++++++++
 3 files changed, 40 insertions(+), 27 deletions(-)
 create mode 100644 src/pages/Item/locale/en.yml
 create mode 100644 src/pages/Item/locale/es.yml

diff --git a/src/pages/Item/Card/ItemDiary.vue b/src/pages/Item/Card/ItemDiary.vue
index ef4c7b993..c2687e0fd 100644
--- a/src/pages/Item/Card/ItemDiary.vue
+++ b/src/pages/Item/Card/ItemDiary.vue
@@ -39,25 +39,25 @@ const columns = computed(() => [
         field: 'itemFk',
     },
     {
-        label: t('Date'),
+        label: t('itemDiary.date'),
         name: 'date',
         field: 'shipped',
         align: 'left',
     },
     {
-        label: t('Id'),
+        label: t('itemDiary.id'),
         name: 'id',
         align: 'left',
     },
     {
-        label: t('State'),
+        label: t('itemDiary.state'),
         field: 'stateName',
         name: 'state',
         align: 'left',
         format: (val) => dashIfEmpty(val),
     },
     {
-        label: t('Reference'),
+        label: t('itemDiary.reference'),
         field: 'reference',
         name: 'reference',
         align: 'left',
@@ -65,27 +65,27 @@ const columns = computed(() => [
     },
 
     {
-        label: t('Client'),
+        label: t('itemDiary.client'),
         name: 'client',
         align: 'left',
         format: (val) => dashIfEmpty(val),
     },
     {
-        label: t('In'),
+        label: t('itemDiary.in'),
         field: 'invalue',
         name: 'in',
         align: 'left',
         format: (val) => dashIfEmpty(val),
     },
     {
-        label: t('Out'),
+        label: t('itemDiary.out'),
         field: 'out',
         name: 'out',
         align: 'left',
         format: (val) => dashIfEmpty(val),
     },
     {
-        label: t('Balance'),
+        label: t('itemDiary.balance'),
         name: 'balance',
         align: 'left',
     },
@@ -144,7 +144,7 @@ onUnmounted(() => (stateStore.rightDrawer = false));
     <QToolbar class="justify-end">
         <div id="st-data" class="row">
             <VnSelect
-                :label="t('Warehouse')"
+                :label="t('itemDiary.warehouse')"
                 :options="warehousesOptions"
                 hide-selected
                 option-label="name"
@@ -155,14 +155,14 @@ onUnmounted(() => (stateStore.rightDrawer = false));
                 class="q-mr-lg"
             />
             <QCheckbox
-                :label="t(`Show what's before the inventory`)"
+                :label="t('itemDiary.showBefore')"
                 v-model="showWhatsBeforeInventory"
                 @update:model-value="fetchItemBalances"
                 class="q-mr-lg"
             />
             <VnInputDate
                 v-if="showWhatsBeforeInventory"
-                :label="t('Since')"
+                :label="t('itemDiary.since')"
                 dense
                 v-model="itemsBalanceFilter.where.date"
                 @update:model-value="fetchItemBalances"
@@ -188,7 +188,9 @@ onUnmounted(() => (stateStore.rightDrawer = false));
                         icon="vn:claims"
                         dense
                     >
-                        <QTooltip> {{ t('Claim') }}: {{ row.claimFk }} </QTooltip>
+                        <QTooltip>
+                            {{ t('itemDiary.claim') }}: {{ row.claimFk }}
+                        </QTooltip>
                     </QBtn>
                 </QTd>
             </template>
@@ -273,18 +275,3 @@ onUnmounted(() => (stateStore.rightDrawer = false));
     color: $positive;
 }
 </style>
-
-<i18n>
-es:
-    Date: Fecha
-    Id: Id
-    State: Estado
-    Reference: Referencia
-    Client: Cliente
-    In: Entrada
-    Out: Salida
-    Balance: Balance
-    Claim: Reclamación
-    Show what's before the inventory: Mostrar lo anterior al inventario
-    Since: Desde
-</i18n>
diff --git a/src/pages/Item/locale/en.yml b/src/pages/Item/locale/en.yml
new file mode 100644
index 000000000..ec3b134e8
--- /dev/null
+++ b/src/pages/Item/locale/en.yml
@@ -0,0 +1,13 @@
+itemDiary:
+    date: Date
+    id: Id
+    state: State
+    reference: Reference
+    client: Client
+    in: In
+    out: Out
+    balance: Balance
+    claim: Claim
+    showBefore: Show what's before the inventory
+    since: Since
+    warehouse: Warehouse
diff --git a/src/pages/Item/locale/es.yml b/src/pages/Item/locale/es.yml
new file mode 100644
index 000000000..4f76313fa
--- /dev/null
+++ b/src/pages/Item/locale/es.yml
@@ -0,0 +1,13 @@
+itemDiary:
+    date: Fecha
+    id: Id
+    state: Estado
+    reference: Referencia
+    client: Cliente
+    in: Entrada
+    out: Salida
+    balance: Balance
+    claim: Reclamación
+    showBefore: Mostrar lo anterior al inventario
+    since: Desde
+    warehouse: Almacén

From d92a0ba77e15264a175966b4e745091ddfcf4a7e Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Tue, 30 Apr 2024 07:46:57 +0200
Subject: [PATCH 173/305] fix: Roadmap Summary ID

---
 src/pages/Route/Roadmap/RoadmapSummary.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/pages/Route/Roadmap/RoadmapSummary.vue b/src/pages/Route/Roadmap/RoadmapSummary.vue
index 1fed6aa78..9aa8f40d7 100644
--- a/src/pages/Route/Roadmap/RoadmapSummary.vue
+++ b/src/pages/Route/Roadmap/RoadmapSummary.vue
@@ -72,7 +72,12 @@ const openAddStopDialog = () => {
 
 <template>
     <div class="q-pa-md full-width">
-        <CardSummary ref="summary" :url="`Roadmaps/${entityId}`" :filter="filter">
+        <CardSummary
+            data-key="RoadmapSummary"
+            ref="summary"
+            :url="`Roadmaps/${entityId}`"
+            :filter="filter"
+        >
             <template #header-left>
                 <RouterLink :to="{ name: `RoadmapSummary`, params: { id: entityId } }">
                     <QIcon name="open_in_new" color="white" size="sm" />

From 2dfb2300a2c5ace6c98450b7dc22ddb49132cfda Mon Sep 17 00:00:00 2001
From: alexm <alexm@verdnatura.es>
Date: Tue, 30 Apr 2024 07:51:22 +0200
Subject: [PATCH 174/305] hotFix: refs #6336 fix vnLog user?.id

---
 src/components/common/VnLog.vue | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/common/VnLog.vue b/src/components/common/VnLog.vue
index c1cc78f54..f2cef8f84 100644
--- a/src/components/common/VnLog.vue
+++ b/src/components/common/VnLog.vue
@@ -421,12 +421,13 @@ setLogTree();
         >
             <div class="timeline">
                 <div class="user-avatar">
-                    <VnUserLink :worker-id="userLog.user.id">
+                    <VnUserLink :worker-id="userLog?.user?.id">
                         <template #link>
                             <VnAvatar
-                                :class="{ 'cursor-pointer': userLog.user.id }"
-                                :worker-id="userLog.user.id"
-                                :title="userLog.user.nickname"
+                                :class="{ 'cursor-pointer': userLog?.user?.id }"
+                                :worker-id="userLog?.user?.id"
+                                :title="userLog?.user?.nickname"
+                                :show-letter="!userLog?.user"
                                 size="lg"
                             />
                         </template>

From 5b15558dbf4dd017c0588ffd64cf2f64307799a4 Mon Sep 17 00:00:00 2001
From: Jon <jon@verdnatura.es>
Date: Tue, 30 Apr 2024 10:32:32 +0200
Subject: [PATCH 175/305] refactor: refs #6887 fixed errors

---
 src/css/app.scss                         |   9 --
 src/i18n/locale/en.yml                   |   6 +
 src/i18n/locale/es.yml                   |   6 +
 src/pages/Claim/Card/ClaimDescriptor.vue |   5 +-
 src/pages/Claim/Card/ClaimSummary.vue    |   6 +-
 src/pages/Zone/Card/ZoneCard.vue         |   6 +
 src/pages/Zone/Card/ZoneDescriptor.vue   |  72 ++++-------
 src/router/modules/index.js              |   2 +
 src/router/modules/zone.js               | 158 +++++++++++++++++++++++
 src/router/routes.js                     |   2 +
 src/stores/useNavigationStore.js         |   1 +
 11 files changed, 212 insertions(+), 61 deletions(-)
 create mode 100644 src/pages/Zone/Card/ZoneCard.vue
 create mode 100644 src/router/modules/zone.js

diff --git a/src/css/app.scss b/src/css/app.scss
index 770df8e01..2e524e693 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -141,15 +141,6 @@ select:-webkit-autofill {
     background-color: var(--vn-section-color);
 }
 
-.q-checkbox {
-    & .q-checkbox__label {
-        color: var(--vn-text-color);
-    }
-    & .q-checkbox__inner {
-        color: var(--vn-label-color);
-    }
-}
-
 .tr-header {
     color: var(--vn-label-color);
 }
diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index 942018b84..7a341dded 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -1166,6 +1166,12 @@ item:
         type: Type
         intrastat: Intrastat
         origin: Origin
+zone:
+    pageTitles:
+        zones: Zone
+        zonesList: Zones
+        deliveryList: Delivery days
+        upcomingList: Upcoming deliveries
 components:
     topbar: {}
     itemsFilterPanel:
diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index 3de5af50c..9286cbccb 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -1165,6 +1165,12 @@ item:
         type: Tipo
         intrastat: Intrastat
         origin: Origen
+zone:
+    pageTitles:
+        zones: Zona
+        zonesList: Zonas
+        deliveryList: Días de entrega
+        upcomingList: Próximos repartos
 components:
     topbar: {}
     itemsFilterPanel:
diff --git a/src/pages/Claim/Card/ClaimDescriptor.vue b/src/pages/Claim/Card/ClaimDescriptor.vue
index 3b5dd82b8..aae999117 100644
--- a/src/pages/Claim/Card/ClaimDescriptor.vue
+++ b/src/pages/Claim/Card/ClaimDescriptor.vue
@@ -74,8 +74,9 @@ const filter = {
 
 const STATE_COLOR = {
     pending: 'warning',
-    managed: 'info',
+    incomplete: 'info',
     resolved: 'positive',
+    canceled: 'negative',
 };
 function stateColor(code) {
     return STATE_COLOR[code];
@@ -142,7 +143,7 @@ onMounted(async () => {
                 <template #value>
                     <span class="link">
                         {{ entity.ticket?.zone?.name }}
-                        <ZoneDescriptorProxy :id="entity.ticket?.zoneFk" />
+                        <ZoneDescriptorProxy :id="entity.ticket?.zone?.id" />
                     </span>
                 </template>
             </VnLv>
diff --git a/src/pages/Claim/Card/ClaimSummary.vue b/src/pages/Claim/Card/ClaimSummary.vue
index c4c2785d5..36a26008e 100644
--- a/src/pages/Claim/Card/ClaimSummary.vue
+++ b/src/pages/Claim/Card/ClaimSummary.vue
@@ -14,6 +14,7 @@ import ItemDescriptorProxy from 'src/pages/Item/Card/ItemDescriptorProxy.vue';
 import VnTitle from 'src/components/common/VnTitle.vue';
 import CustomerDescriptorProxy from 'src/pages/Customer/Card/CustomerDescriptorProxy.vue';
 import axios from 'axios';
+import dashIfEmpty from 'src/filters/dashIfEmpty';
 
 const route = useRoute();
 const router = useRouter();
@@ -101,8 +102,9 @@ const detailsColumns = ref([
 
 const STATE_COLOR = {
     pending: 'warning',
-    managed: 'info',
+    incomplete: 'info',
     resolved: 'positive',
+    canceled: 'negative',
 };
 function stateColor(code) {
     return STATE_COLOR[code];
@@ -260,7 +262,7 @@ async function changeState(value) {
                 </VnLv>
                 <VnLv
                     :label="t('claim.basicData.pickup')"
-                    :value="t(`claim.basicData.${claim.pickup}`)"
+                    :value="`${dashIfEmpty(claim.pickup)}`"
                 />
             </QCard>
             <QCard class="vn-three">
diff --git a/src/pages/Zone/Card/ZoneCard.vue b/src/pages/Zone/Card/ZoneCard.vue
new file mode 100644
index 000000000..948636c55
--- /dev/null
+++ b/src/pages/Zone/Card/ZoneCard.vue
@@ -0,0 +1,6 @@
+<script setup>
+import VnCard from 'components/common/VnCard.vue';
+</script>
+<template>
+    <VnCard data-key="Zone" base-url="Zones" />
+</template>
diff --git a/src/pages/Zone/Card/ZoneDescriptor.vue b/src/pages/Zone/Card/ZoneDescriptor.vue
index 665cb6f0e..b56443c84 100644
--- a/src/pages/Zone/Card/ZoneDescriptor.vue
+++ b/src/pages/Zone/Card/ZoneDescriptor.vue
@@ -8,7 +8,6 @@ import VnLv from 'src/components/ui/VnLv.vue';
 import ZoneDescriptorMenuItems from './ZoneDescriptorMenuItems.vue';
 
 import useCardDescription from 'src/composables/useCardDescription';
-import { toDate } from 'src/filters';
 
 const $props = defineProps({
     id: {
@@ -22,28 +21,11 @@ const route = useRoute();
 const { t } = useI18n();
 
 const filter = {
-    fields: [
-        'id',
-        'ref',
-        'shipped',
-        'landed',
-        'totalEntries',
-        'warehouseInFk',
-        'warehouseOutFk',
-        'cargoSupplierFk',
-        'agencyModeFk',
-    ],
     include: [
         {
-            relation: 'warehouseIn',
+            relation: 'agencyMode',
             scope: {
-                fields: ['name'],
-            },
-        },
-        {
-            relation: 'warehouseOut',
-            scope: {
-                fields: ['name'],
+                fields: ['name', 'id'],
             },
         },
     ],
@@ -58,6 +40,13 @@ const data = ref(useCardDescription());
 const setData = (entity) => {
     data.value = useCardDescription(entity.ref, entity.id);
 };
+
+function extractHour(dateTime) {
+    const date = new Date(dateTime);
+    const hours = date.getHours().toString().padStart(2, '0');
+    const minutes = date.getMinutes().toString().padStart(2, '0');
+    return `${hours}:${minutes}`;
+}
 </script>
 
 <template>
@@ -76,52 +65,39 @@ const setData = (entity) => {
                 flat
                 dense
                 size="md"
-                icon="local_airport"
+                icon="preview"
                 color="white"
                 class="link"
                 :to="{ name: 'ZoneList' }"
             >
                 <QTooltip>
-                    {{ t('Go to module index') }}
+                    {{ t('Summary') }}
                 </QTooltip>
             </QBtn>
         </template>
         <template #menu="{ entity }">
-            <ZoneDescriptorMenuItems :travel="entity" />
+            <ZoneDescriptorMenuItems :zone="entity" />
         </template>
         <template #body="{ entity }">
-            <VnLv :label="t('globals.wareHouseIn')" :value="entity.warehouseIn.name" />
-            <VnLv :label="t('globals.wareHouseOut')" :value="entity.warehouseOut.name" />
-            <VnLv :label="t('globals.shipped')" :value="toDate(entity.shipped)" />
-            <VnLv :label="t('globals.landed')" :value="toDate(entity.landed)" />
-            <VnLv :label="t('globals.totalEntries')" :value="entity.totalEntries" />
-        </template>
-        <template #actions="{ entity }">
-            <QCardActions>
-                <QBtn
-                    :to="{
-                        name: 'ZoneList',
-                        query: {
-                            params: JSON.stringify({
-                                agencyModeFk: entity.agencyModeFk,
-                            }),
-                        },
-                    }"
-                    size="md"
-                    icon="local_airport"
-                    color="primary"
-                >
-                    <QTooltip>{{ t('All travels with current agency') }}</QTooltip>
-                </QBtn>
-            </QCardActions>
+            {{ console.log('entity', entity) }}
+            <VnLv :label="t('Agency')" :value="entity.agencyMode.name" />
+            <VnLv :label="t('Closing hour')" :value="extractHour(entity.hour)" />
+            <VnLv :label="t('traveling days')" :value="entity.travelingDays" />
+            <VnLv :label="t('Price')" :value="entity.price" />
+            <VnLv :label="t('Bonus')" :value="entity.bonus" />
         </template>
     </CardDescriptor>
 </template>
 
 <i18n>
 es:
-    Go to module index: Ir al índice del módulo
+    Summary: Detalles
     The travel will be deleted: El envío será eliminado
     Do you want to delete this travel?: ¿Quieres eliminar este envío?
     All travels with current agency: Todos los envíos con la agencia actual
+    Agency: Agencia
+    Closing hour: Hora de cierre
+    traveling days: Días de viaje
+    Price: Precio
+    Bonus: Bonificación
 </i18n>
diff --git a/src/router/modules/index.js b/src/router/modules/index.js
index 302ba7fe0..2fe40038f 100644
--- a/src/router/modules/index.js
+++ b/src/router/modules/index.js
@@ -15,6 +15,7 @@ import Department from './department';
 import Entry from './entry';
 import roadmap from './roadmap';
 import Parking from './parking';
+import Zone from './zone';
 
 export default [
     Item,
@@ -34,4 +35,5 @@ export default [
     Entry,
     roadmap,
     Parking,
+    Zone,
 ];
diff --git a/src/router/modules/zone.js b/src/router/modules/zone.js
new file mode 100644
index 000000000..bd74a76f3
--- /dev/null
+++ b/src/router/modules/zone.js
@@ -0,0 +1,158 @@
+import { RouterView } from 'vue-router';
+
+export default {
+    path: '/zone',
+    name: 'Zone',
+    meta: {
+        title: 'zones',
+        icon: 'vn:zone',
+        moduleName: 'Zone',
+    },
+    component: RouterView,
+    redirect: { name: 'ZoneMain' },
+    menus: {
+        main: ['ZoneList' /*'ZoneDeliveryList', 'ZoneUpcomingList'*/],
+        card: [
+            //
+        ],
+    },
+    children: [
+        {
+            path: '/zone',
+            name: 'ZoneMain',
+            component: () => import('src/pages/Zone/ZoneMain.vue'),
+            redirect: { name: 'ZoneList' },
+            children: [
+                {
+                    path: 'list',
+                    name: 'ZoneList',
+                    meta: {
+                        title: 'zonesList',
+                        icon: 'vn:zone',
+                    },
+                    component: () => import('src/pages/Zone/ZoneList.vue'),
+                },
+                // {
+                //     path: 'create',
+                //     name: 'ZoneCreate',
+                //     meta: {
+                //         title: 'zoneCreate',
+                //         icon: 'create',
+                //     },
+                //     component: () => import('src/pages/Zone/ZoneCreate.vue'),
+                // },
+                // {
+                //     path: ':id/edit',
+                //     name: 'ZoneEdit',
+                //     meta: {
+                //         title: 'zoneEdit',
+                //         icon: 'edit',
+                //     },
+                //     component: () => import('src/pages/Zone/ZoneCreate.vue'),
+                // },
+                // {
+                //     path: 'counter',
+                //     name: 'ZoneCounter',
+                //     meta: {
+                //         title: 'zoneCounter',
+                //         icon: 'add_circle',
+                //     },
+                //     component: () => import('src/pages/Zone/ZoneCounter.vue'),
+                // },
+            ],
+        },
+        {
+            name: 'ZoneCard',
+            path: ':id',
+            component: () => import('src/pages/Zone/Card/ZoneCard.vue'),
+            redirect: { name: 'ZoneSummary' },
+            children: [
+                {
+                    name: 'ZoneSummary',
+                    path: 'summary',
+                    meta: {
+                        title: 'summary',
+                        icon: 'launch',
+                    },
+                    component: () => import('src/pages/Zone/Card/ZoneSummary.vue'),
+                },
+                // {
+                //     path: '/zone/delivery',
+                //     name: 'ZoneDeliveryMain',
+                //     component: () => import('src/pages/Zone/ZoneMain.vue'),
+                //     redirect: { name: 'ZoneDeliveryList' },
+                //     children: [
+                //         {
+                //             path: 'list',
+                //             name: 'ZoneDeliveryList',
+                //             meta: {
+                //                 title: 'deliveryList',
+                //                 icon: 'today',
+                //             },
+                //             component: () =>
+                //                 import('src/pages/Zone/Delivery/ZoneDeliveryList.vue'),
+                //         },
+                //         {
+                //             path: 'create',
+                //             name: 'ZoneDeliveryCreate',
+                //             meta: {
+                //                 title: 'deliveryCreate',
+                //                 icon: 'create',
+                //             },
+                //             component: () =>
+                //                 import('src/pages/Zone/Delivery/ZoneDeliveryCreate.vue'),
+                //         },
+                //         {
+                //             path: ':id/edit',
+                //             name: 'ZoneDeliveryEdit',
+                //             meta: {
+                //                 title: 'deliveryEdit',
+                //                 icon: 'edit',
+                //             },
+                //             component: () =>
+                //                 import('src/pages/Zone/Delivery/ZoneDeliveryCreate.vue'),
+                //         },
+                //     ],
+                // },
+                // {
+                //     path: '/zone/upcoming',
+                //     name: 'ZoneUpcomingMain',
+                //     component: () => import('src/pages/Zone/ZoneMain.vue'),
+                //     redirect: { name: 'ZoneUpcomingList' },
+                //     children: [
+                //         {
+                //             path: 'list',
+                //             name: 'ZoneUpcomingList',
+                //             meta: {
+                //                 title: 'upcomingList',
+                //                 icon: 'today',
+                //             },
+                //             component: () =>
+                //                 import('src/pages/Zone/Upcoming/ZoneUpcomingList.vue'),
+                //         },
+                //         {
+                //             path: 'create',
+                //             name: 'ZoneUpcomingCreate',
+                //             meta: {
+                //                 title: 'upcomingCreate',
+                //                 icon: 'create',
+                //             },
+                //             component: () =>
+                //                 import('src/pages/Zone/Upcoming/ZoneUpcomingCreate.vue'),
+                //         },
+                //         {
+                //             path: ':id/edit',
+                //             name: 'ZoneUpcomingEdit',
+                //             meta: {
+                //                 title: 'upcomingEdit',
+                //                 icon: 'edit',
+                //             },
+                //             component: () =>
+                //                 import('src/pages/Zone/Upcoming/ZoneUpcomingCreate.vue'),
+                //         },
+                //     ],
+                // },
+            ],
+        },
+    ],
+};
diff --git a/src/router/routes.js b/src/router/routes.js
index 51e726a62..14bf6665f 100644
--- a/src/router/routes.js
+++ b/src/router/routes.js
@@ -15,6 +15,7 @@ import order from 'src/router/modules/order';
 import entry from 'src/router/modules/entry';
 import roadmap from 'src/router/modules/roadmap';
 import parking from 'src/router/modules/parking';
+import zone from 'src/router/modules/zone';
 
 const routes = [
     {
@@ -71,6 +72,7 @@ const routes = [
             roadmap,
             entry,
             parking,
+            zone,
             {
                 path: '/:catchAll(.*)*',
                 name: 'NotFound',
diff --git a/src/stores/useNavigationStore.js b/src/stores/useNavigationStore.js
index f075301f6..ee1e04e9b 100644
--- a/src/stores/useNavigationStore.js
+++ b/src/stores/useNavigationStore.js
@@ -21,6 +21,7 @@ export const useNavigationStore = defineStore('navigationStore', () => {
         'ticket',
         'worker',
         'wagon',
+        'zone',
     ];
     const pinnedModules = ref([]);
     const role = useRole();

From a512f094d6950375135b4d0d5d9e7d337c497a5f Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Tue, 30 Apr 2024 12:06:24 +0200
Subject: [PATCH 176/305] perf: ZoneDescriptor

---
 src/pages/Zone/Card/ZoneDescriptor.vue        |  16 +-
 .../Zone/Card/ZoneDescriptorMenuItems.vue     | 143 ++++++++----------
 2 files changed, 72 insertions(+), 87 deletions(-)

diff --git a/src/pages/Zone/Card/ZoneDescriptor.vue b/src/pages/Zone/Card/ZoneDescriptor.vue
index b56443c84..486e4f063 100644
--- a/src/pages/Zone/Card/ZoneDescriptor.vue
+++ b/src/pages/Zone/Card/ZoneDescriptor.vue
@@ -57,7 +57,7 @@ function extractHour(dateTime) {
         :subtitle="data.subtitle"
         :filter="filter"
         @on-fetch="setData"
-        data-key="travelData"
+        data-key="zoneData"
     >
         <template #header-extra-action>
             <QBtn
@@ -75,14 +75,14 @@ function extractHour(dateTime) {
                 </QTooltip>
             </QBtn>
         </template>
-        <template #menu="{ entity }">
+        <!-- <template #menu="{ entity }">
             <ZoneDescriptorMenuItems :zone="entity" />
-        </template>
+        </template> -->
         <template #body="{ entity }">
             {{ console.log('entity', entity) }}
             <VnLv :label="t('Agency')" :value="entity.agencyMode.name" />
             <VnLv :label="t('Closing hour')" :value="extractHour(entity.hour)" />
-            <VnLv :label="t('traveling days')" :value="entity.travelingDays" />
+            <VnLv :label="t('zoneing days')" :value="entity.zoneingDays" />
             <VnLv :label="t('Price')" :value="entity.price" />
             <VnLv :label="t('Bonus')" :value="entity.bonus" />
         </template>
@@ -92,12 +92,12 @@ function extractHour(dateTime) {
 <i18n>
 es:
     Summary: Detalles
-    The travel will be deleted: El envío será eliminado
-    Do you want to delete this travel?: ¿Quieres eliminar este envío?
-    All travels with current agency: Todos los envíos con la agencia actual
+    The zone will be deleted: El envío será eliminado
+    Do you want to delete this zone?: ¿Quieres eliminar este envío?
+    All zones with current agency: Todos los envíos con la agencia actual
     Agency: Agencia
     Closing hour: Hora de cierre
-    traveling days: Días de viaje
+    zoneing days: Días de viaje
     Price: Precio
     Bonus: Bonificación
 </i18n>
diff --git a/src/pages/Zone/Card/ZoneDescriptorMenuItems.vue b/src/pages/Zone/Card/ZoneDescriptorMenuItems.vue
index 920d83dfe..b6c7f28b3 100644
--- a/src/pages/Zone/Card/ZoneDescriptorMenuItems.vue
+++ b/src/pages/Zone/Card/ZoneDescriptorMenuItems.vue
@@ -1,108 +1,93 @@
 <script setup>
-import { computed } from 'vue';
 import { useQuasar } from 'quasar';
 import { useRouter } from 'vue-router';
 import { useI18n } from 'vue-i18n';
+const { dialog, notify } = useQuasar();
 
 import VnConfirm from 'components/ui/VnConfirm.vue';
 
 import axios from 'axios';
-import useNotify from 'src/composables/useNotify.js';
-import { useRole } from 'src/composables/useRole';
 
 const $props = defineProps({
-    travel: {
+    zone: {
         type: Object,
         default: () => {},
     },
 });
 
 const { t } = useI18n();
-const router = useRouter();
-const quasar = useQuasar();
-const { notify } = useNotify();
-const role = useRole();
+const { push, currentRoute } = useRouter();
+const zoneId = currentRoute.value.params.id;
 
-const redirectToCreateView = (queryParams) => {
-    router.push({ name: 'ZoneCreate', query: { travelData: queryParams } });
-};
-
-const cloneZone = () => {
-    const stringifiedZoneData = JSON.stringify($props.travel);
-    redirectToCreateView(stringifiedZoneData);
-};
-
-const cloneZoneWithEntries = () => {
-    try {
-        axios.post(`Zones/${$props.travel.id}/cloneWithEntries`);
-        notify('globals.dataSaved', 'positive');
-    } catch (err) {
-        console.err('Error cloning travel with entries');
-    }
-};
-
-const isBuyer = computed(() => {
-    return role.hasAny(['buyer']);
-});
-
-const openDeleteEntryDialog = (id) => {
-    quasar
-        .dialog({
-            component: VnConfirm,
-            componentProps: {
-                title: t('The travel will be deleted'),
-                message: t('Do you want to delete this travel?'),
-            },
-        })
-        .onOk(async () => {
-            await deleteZone(id);
-        });
-};
-
-const deleteZone = async (id) => {
-    try {
-        await axios.delete(`Zones/${id}`);
-        router.push({ name: 'ZoneList' });
-        notify('globals.dataDeleted', 'positive');
-    } catch (err) {
-        console.error('Error deleting travel');
-    }
+const actions = {
+    clone: async () => {
+        const opts = { message: t('Zone cloned'), type: 'positive' };
+        let clonedZoneId;
+
+        try {
+            const { data } = await axios.post(`Zones/${zoneId}/clone`, {
+                shipped: $props.zone.value.shipped,
+            });
+            clonedZoneId = data;
+        } catch (e) {
+            opts.message = t('It was not able to clone the zone');
+            opts.type = 'negative';
+        } finally {
+            notify(opts);
+
+            if (clonedZoneId) push({ name: 'ZoneSummary', params: { id: clonedZoneId } });
+        }
+    },
+    remove: async () => {
+        try {
+            await axios.post(`Zones/${zoneId}/setDeleted`);
+
+            notify({ message: t('Zone deleted'), type: 'positive' });
+            notify({
+                message: t('You can undo this action within the first hour'),
+                icon: 'info',
+            });
+
+            push({ name: 'ZoneList' });
+        } catch (e) {
+            notify({ message: e.message, type: 'negative' });
+        }
+    },
 };
+function openConfirmDialog(callback) {
+    dialog({
+        component: VnConfirm,
+        componentProps: {
+            promise: actions[callback],
+        },
+    });
+}
 </script>
-
 <template>
-    <QItem v-ripple clickable @click="cloneZone(travel)">
-        <QItemSection>{{ t('travel.summary.cloneShipping') }}</QItemSection>
-    </QItem>
-    <QItem v-ripple clickable @click="cloneZoneWithEntries()">
-        <QItemSection>
-            {{ t('travel.summary.CloneZoneAndEntries') }}
+    <QItem @click="openConfirmDialog('clone')" v-ripple clickable>
+        <QItemSection avatar>
+            <QIcon name="content_copy" />
         </QItemSection>
+        <QItemSection>{{ t('To clone zone') }}</QItemSection>
     </QItem>
-    <QItem
-        v-if="isBuyer && travel.totalEntries === 0"
-        v-ripple
-        clickable
-        @click="openDeleteEntryDialog(travel.id)"
-    >
-        <QItemSection>
-            {{ t('travel.summary.deleteZone') }}
-        </QItemSection>
-    </QItem>
-    <QItem v-ripple clickable>
-        <QItemSection>
-            <RouterLink
-                :to="{ name: 'EntryCreate', query: { travelFk: travel.id } }"
-                class="color-vn-text"
-            >
-                {{ t('travel.summary.AddEntry') }}
-            </RouterLink>
+    <QItem @click="openConfirmDialog('remove')" v-ripple clickable>
+        <QItemSection avatar>
+            <QIcon name="delete" />
         </QItemSection>
+        <QItemSection>{{ t('deleteOrder') }}</QItemSection>
     </QItem>
 </template>
 
 <i18n>
+en:
+    deleteOrder: Delete order
+    confirmDeletion: Confirm deletion
+    confirmDeletionMessage: Are you sure you want to delete this order?
+
 es:
-    The travel will be deleted: El envío será eliminado
-    Do you want to delete this travel?: ¿Quieres eliminar este envío?
+    To clone zone: Clonar zone
+    deleteOrder: Eliminar pedido
+    confirmDeletion: Confirmar eliminación
+    confirmDeletionMessage: Seguro que quieres eliminar este pedido?
+
 </i18n>

From 38cd54a7f040436ce51a78069cad20dbe59c67db Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Tue, 30 Apr 2024 12:10:30 +0200
Subject: [PATCH 177/305] refs #6895 remove autoload

---
 src/pages/Shelving/ShelvingList.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/pages/Shelving/ShelvingList.vue b/src/pages/Shelving/ShelvingList.vue
index a5a24e84d..4584248bf 100644
--- a/src/pages/Shelving/ShelvingList.vue
+++ b/src/pages/Shelving/ShelvingList.vue
@@ -72,7 +72,6 @@ function exprBuilder(param, value) {
                 :filter="filter"
                 :expr-builder="exprBuilder"
                 :limit="20"
-                auto-load
             >
                 <template #body="{ rows }">
                     <CardList

From f3387cf120efcd327cd1fd6c5d501884e2909dfa Mon Sep 17 00:00:00 2001
From: alexm <alexm@verdnatura.es>
Date: Tue, 30 Apr 2024 12:39:50 +0200
Subject: [PATCH 178/305] fix: refs #6336 fix reload and disable button when is
 loading

---
 src/components/ui/VnPaginate.vue     |  2 ++
 src/pages/Claim/Card/ClaimAction.vue | 25 +++++++++++++++++++------
 2 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/src/components/ui/VnPaginate.vue b/src/components/ui/VnPaginate.vue
index 4dae312ce..c00849512 100644
--- a/src/components/ui/VnPaginate.vue
+++ b/src/components/ui/VnPaginate.vue
@@ -95,6 +95,8 @@ const addFilter = async (filter, params) => {
 };
 
 async function fetch() {
+    store.filter.skip = 0;
+    store.skip = 0;
     await arrayData.fetch({ append: false });
     if (!store.hasMoreData) {
         isLoading.value = false;
diff --git a/src/pages/Claim/Card/ClaimAction.vue b/src/pages/Claim/Card/ClaimAction.vue
index 367b5249c..b0650b610 100644
--- a/src/pages/Claim/Card/ClaimAction.vue
+++ b/src/pages/Claim/Card/ClaimAction.vue
@@ -37,6 +37,7 @@ const marker_labels = [
     { value: DEFAULT_MAX_RESPONSABILITY, label: t('claim.summary.person') },
 ];
 const multiplicatorValue = ref();
+const loading = ref(false);
 
 const columns = computed(() => [
     {
@@ -118,7 +119,7 @@ async function updateDestinations(claimDestinationFk) {
 
 async function updateDestination(claimDestinationFk, row, options = {}) {
     if (claimDestinationFk) {
-        await axios.post('Claims/updateClaimDestination', {
+        await post('Claims/updateClaimDestination', {
             claimDestinationFk,
             rows: Array.isArray(row) ? row : [row],
         });
@@ -127,7 +128,7 @@ async function updateDestination(claimDestinationFk, row, options = {}) {
 }
 
 async function regularizeClaim() {
-    await axios.post(`Claims/${claimId}/regularizeClaim`);
+    await post(`Claims/${claimId}/regularizeClaim`);
     await claimRef.value.fetch();
     await arrayData.fetch({ append: false });
     quasar.notify({
@@ -146,7 +147,7 @@ async function onUpdateGreugeAccept() {
     const freightPickUpPrice =
         (await axios.get(`GreugeConfigs/findOne`)).data.freightPickUpPrice *
         multiplicatorValue.value;
-    await axios.post(`Greuges`, {
+    await post(`Greuges`, {
         clientFk: claim.value.clientFk,
         description: `${t('ClaimGreugeDescription')} ${claimId}`.toUpperCase(),
         amount: freightPickUpPrice,
@@ -165,14 +166,22 @@ async function save(data) {
 }
 
 async function importToNewRefundTicket() {
-    const query = `ClaimBeginnings/${claimId}/importToNewRefundTicket`;
-    await axios.post(query);
-    claimActionsForm.value.reload();
+    await post(`ClaimBeginnings/${claimId}/importToNewRefundTicket`);
+    await claimActionsForm.value.reload();
     quasar.notify({
         message: t('globals.dataSaved'),
         type: 'positive',
     });
 }
+
+async function post(query, params) {
+    loading.value = true;
+    try {
+        await axios.post(query, params);
+    } finally {
+        loading.value = false;
+    }
+}
 </script>
 <template>
     <FetchData
@@ -279,6 +288,7 @@ async function importToNewRefundTicket() {
         :default-save="false"
         :default-reset="false"
         @on-fetch="setData"
+        :limit="0"
         auto-load
     >
         <template #body>
@@ -390,6 +400,7 @@ async function importToNewRefundTicket() {
                 icon="check"
                 @click="regularizeClaim"
                 :disable="claim.claimStateFk == resolvedStateId"
+                :loading="loading"
             />
 
             <QBtn
@@ -401,6 +412,7 @@ async function importToNewRefundTicket() {
                 :title="t('Change destination')"
                 icon="swap_horiz"
                 @click="dialogDestination = !dialogDestination"
+                :loading="loading"
             />
             <QBtn
                 color="primary"
@@ -411,6 +423,7 @@ async function importToNewRefundTicket() {
                 icon="Upload"
                 @click="importToNewRefundTicket"
                 :disable="claim.claimStateFk == resolvedStateId"
+                :loading="loading"
             />
         </template>
     </CrudModel>

From ac219bfbb79d748b9f19d51d816d457af235368e Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Tue, 30 Apr 2024 16:15:48 -0300
Subject: [PATCH 179/305] Item shelvings

---
 src/i18n/locale/en.yml               |   1 +
 src/i18n/locale/es.yml               |   1 +
 src/pages/Item/Card/ItemShelving.vue | 275 +++++++++++++++++++++++++++
 src/pages/Item/locale/en.yml         |  14 ++
 src/pages/Item/locale/es.yml         |  14 ++
 src/router/modules/item.js           |  10 +
 6 files changed, 315 insertions(+)
 create mode 100644 src/pages/Item/Card/ItemShelving.vue
 create mode 100644 src/pages/Item/locale/en.yml
 create mode 100644 src/pages/Item/locale/es.yml

diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index abe59fe18..1000fd308 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -1135,6 +1135,7 @@ item:
         tax: Tax
         barcode: Barcode
         botanical: Botanical
+        shelving: Shelving
     descriptor:
         item: Item
         buyer: Buyer
diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index 06aa057e3..2727b9113 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -1134,6 +1134,7 @@ item:
         botanical: 'Botánico'
         barcode: 'Código de barras'
         log: Historial
+        shelving: Carros
     descriptor:
         item: Artículo
         buyer: Comprador
diff --git a/src/pages/Item/Card/ItemShelving.vue b/src/pages/Item/Card/ItemShelving.vue
new file mode 100644
index 000000000..573c4be0c
--- /dev/null
+++ b/src/pages/Item/Card/ItemShelving.vue
@@ -0,0 +1,275 @@
+<script setup>
+import { onMounted, ref, computed, reactive } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { useRoute } from 'vue-router';
+
+import FetchData from 'components/FetchData.vue';
+import VnInput from 'src/components/common/VnInput.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
+import ItemDescriptorProxy from 'src/pages/Item/Card/ItemDescriptorProxy.vue';
+
+import { toDateFormat } from 'src/filters/date.js';
+import { dashIfEmpty } from 'src/filters';
+import { useArrayData } from 'src/composables/useArrayData';
+import useNotify from 'src/composables/useNotify.js';
+import { useVnConfirm } from 'composables/useVnConfirm';
+import axios from 'axios';
+
+const route = useRoute();
+const { t } = useI18n();
+const { notify } = useNotify();
+const { openConfirmationModal } = useVnConfirm();
+
+const rowsSelected = ref([]);
+const parkingsOptions = ref([]);
+const shelvingsOptions = ref([]);
+
+const exprBuilder = (param, value) => {
+    switch (param) {
+        case 'parking':
+        case 'shelving':
+        case 'label':
+        case 'packing':
+        case 'itemFk':
+            return { [param]: value };
+    }
+};
+
+const params = reactive({ itemFk: route.params.id });
+
+const arrayData = useArrayData('ItemShelvings', {
+    url: 'ItemShelvingPlacementSupplyStocks',
+    userParams: params,
+    exprBuilder: exprBuilder,
+});
+const rows = computed(() => arrayData.store.data || []);
+
+const applyColumnFilter = async (col) => {
+    try {
+        const paramKey = col.columnFilter?.filterParamKey || col.field;
+        params[paramKey] = col.columnFilter.filterValue;
+        await arrayData.addFilter({ filter: null, params });
+    } catch (err) {
+        console.error('Error applying column filter', err);
+    }
+};
+
+const getInputEvents = (col) => {
+    return col.columnFilter.type === 'select'
+        ? { 'update:modelValue': () => applyColumnFilter(col) }
+        : {
+              'keyup.enter': () => applyColumnFilter(col),
+          };
+};
+
+const columns = computed(() => [
+    {
+        label: t('shelvings.created'),
+        name: 'created',
+        field: 'created',
+        align: 'left',
+        sortable: true,
+        columnFilter: null,
+        format: (val) => toDateFormat(val),
+    },
+
+    {
+        label: t('shelvings.item'),
+        name: 'item',
+        field: 'itemFk',
+        align: 'left',
+        sortable: true,
+        columnFilter: null,
+    },
+    {
+        label: t('shelvings.concept'),
+        name: 'concept',
+        align: 'left',
+        sortable: true,
+        columnFilter: null,
+    },
+    {
+        label: t('shelvings.parking'),
+        name: 'parking',
+        field: 'parking',
+        align: 'left',
+        sortable: true,
+        format: (val) => dashIfEmpty(val),
+        columnFilter: {
+            component: VnSelect,
+            type: 'select',
+            filterValue: null,
+            event: getInputEvents,
+            attrs: {
+                options: parkingsOptions.value,
+                'option-value': 'code',
+                'option-label': 'code',
+                dense: true,
+            },
+        },
+    },
+    {
+        label: t('shelvings.shelving'),
+        name: 'shelving',
+        field: 'shelving',
+        align: 'left',
+        sortable: true,
+        format: (val) => dashIfEmpty(val),
+        columnFilter: {
+            component: VnSelect,
+            type: 'select',
+            filterValue: null,
+            event: getInputEvents,
+            attrs: {
+                options: shelvingsOptions.value,
+                'option-value': 'code',
+                'option-label': 'code',
+                dense: true,
+            },
+        },
+    },
+    {
+        label: t('shelvings.label'),
+        name: 'label',
+        align: 'left',
+        sortable: true,
+        format: (_, row) => (row.stock / row.packing).toFixed(2),
+        columnFilter: {
+            component: VnInput,
+            type: 'text',
+            filterParamKey: 'label',
+            filterValue: null,
+            event: getInputEvents,
+            attrs: {
+                dense: true,
+            },
+        },
+    },
+    {
+        label: t('shelvings.packing'),
+        field: 'packing',
+        name: 'packing',
+        align: 'left',
+        sortable: true,
+        columnFilter: {
+            component: VnInput,
+            type: 'text',
+            filterValue: null,
+            event: getInputEvents,
+            attrs: {
+                dense: true,
+            },
+        },
+        format: (val) => dashIfEmpty(val),
+    },
+]);
+
+const totalLabels = computed(() =>
+    rows.value.reduce((acc, row) => acc + row.stock / row.packing, 0).toFixed(2)
+);
+
+const removeLines = async () => {
+    try {
+        const itemShelvingIds = rowsSelected.value.map((row) => row.itemShelvingFk);
+        await axios.post('ItemShelvings/deleteItemShelvings', { itemShelvingIds });
+        rowsSelected.value = [];
+        notify('shelvings.shelvingsRemoved', 'positive');
+        await arrayData.fetch({ append: false });
+    } catch (err) {
+        console.error('Error removing lines', err);
+    }
+};
+onMounted(async () => {
+    await arrayData.fetch({ append: false });
+});
+</script>
+
+<template>
+    <FetchData
+        url="parkings"
+        :filter="{ fields: ['code'], order: 'code ASC' }"
+        auto-load
+        @on-fetch="(data) => (parkingsOptions = data)"
+    />
+    <FetchData
+        url="shelvings"
+        :filter="{ fields: ['code'], order: 'code ASC' }"
+        auto-load
+        @on-fetch="(data) => (shelvingsOptions = data)"
+    />
+    <QToolbar class="bg-vn-dark justify-end">
+        <div id="st-data" class="q-py-sm flex items-center">
+            <div class="q-pa-md q-mr-lg" style="border: 2px solid #222">
+                <QCardSection horizontal>
+                    <span class="text-weight-bold text-subtitle1 text-center full-width">
+                        {{ t('shelvings.total') }}
+                    </span>
+                </QCardSection>
+                <QCardSection class="column items-center" horizontal>
+                    <div>
+                        <span class="details-label"
+                            >{{ t('shelvings.totalLabels') }}
+                        </span>
+                        <span>: {{ totalLabels }}</span>
+                    </div>
+                </QCardSection>
+            </div>
+            <QBtn
+                color="primary"
+                icon="delete"
+                :disabled="!rowsSelected.length"
+                @click="
+                    openConfirmationModal(
+                        t('shelvings.removeConfirmTitle'),
+                        t('shelvings.removeConfirmSubtitle'),
+                        removeLines
+                    )
+                "
+            >
+                <QTooltip>
+                    {{ t('shelvings.removeLines') }}
+                </QTooltip>
+            </QBtn>
+        </div>
+        <QSpace />
+        <div id="st-actions"></div>
+    </QToolbar>
+    <QPage class="column items-center q-pa-md">
+        <QTable
+            :rows="rows"
+            :columns="columns"
+            row-key="id"
+            :pagination="{ rowsPerPage: 0 }"
+            class="full-width q-mt-md"
+            selection="multiple"
+            v-model:selected="rowsSelected"
+            :no-data-label="t('globals.noResults')"
+        >
+            <template #top-row="{ cols }">
+                <QTr>
+                    <QTd />
+                    <QTd
+                        v-for="(col, index) in cols"
+                        :key="index"
+                        style="max-width: 100px"
+                    >
+                        <component
+                            :is="col.columnFilter.component"
+                            v-if="col.columnFilter"
+                            v-model="col.columnFilter.filterValue"
+                            v-bind="col.columnFilter.attrs"
+                            v-on="col.columnFilter.event(col)"
+                            dense
+                        />
+                    </QTd>
+                </QTr>
+            </template>
+            <template #body-cell-concept="{ row }">
+                <QTd @click.stop>
+                    <span class="link">{{ row.longName }}</span>
+                    <ItemDescriptorProxy :id="row.itemFk" />
+                </QTd>
+            </template>
+        </QTable>
+    </QPage>
+</template>
diff --git a/src/pages/Item/locale/en.yml b/src/pages/Item/locale/en.yml
new file mode 100644
index 000000000..19bbd7f06
--- /dev/null
+++ b/src/pages/Item/locale/en.yml
@@ -0,0 +1,14 @@
+shelvings:
+    created: Created
+    item: Item
+    concept: Concept
+    parking: Parking
+    shelving: Shelving
+    label: Label
+    packing: Packing
+    total: Total
+    totalLabels: Total labels
+    removeLines: Remove selected lines
+    shelvingsRemoved: ItemShelvings removed
+    removeConfirmTitle: Selected lines will be deleted
+    removeConfirmSubtitle: Are you sure you want to continue?
diff --git a/src/pages/Item/locale/es.yml b/src/pages/Item/locale/es.yml
new file mode 100644
index 000000000..6f99bb4be
--- /dev/null
+++ b/src/pages/Item/locale/es.yml
@@ -0,0 +1,14 @@
+shelvings:
+    created: Creado
+    item: Artículo
+    concept: Concepto
+    parking: Parking
+    shelving: Matrícula
+    label: Etiqueta
+    packing: Packing
+    total: Total
+    totalLabels: Total etiquetas
+    removeLines: Eliminar líneas seleccionadas
+    shelvingsRemoved: Carros eliminados
+    removeConfirmTitle: Las líneas seleccionadas serán eliminadas
+    removeConfirmSubtitle: ¿Seguro que quieres continuar?
diff --git a/src/router/modules/item.js b/src/router/modules/item.js
index bc1e72a94..59bd07d20 100644
--- a/src/router/modules/item.js
+++ b/src/router/modules/item.js
@@ -20,6 +20,7 @@ export default {
             'ItemTax',
             'ItemBotanical',
             'ItemBarcode',
+            'ItemShelving',
         ],
     },
     children: [
@@ -157,6 +158,15 @@ export default {
                     },
                     component: () => import('src/pages/Item/Card/ItemBotanical.vue'),
                 },
+                {
+                    path: 'shelving',
+                    name: 'ItemShelving',
+                    meta: {
+                        title: 'shelving',
+                        icon: 'vn:inventory',
+                    },
+                    component: () => import('src/pages/Item/Card/ItemShelving.vue'),
+                },
             ],
         },
     ],

From 0890de37714f0859caba92087bfd196a509fa003 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Tue, 30 Apr 2024 16:21:06 -0300
Subject: [PATCH 180/305] change prop name

---
 src/components/common/VnInputDate.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/common/VnInputDate.vue b/src/components/common/VnInputDate.vue
index 72d9bb2bc..fe0866292 100644
--- a/src/components/common/VnInputDate.vue
+++ b/src/components/common/VnInputDate.vue
@@ -15,7 +15,7 @@ const props = defineProps({
         type: Boolean,
         default: false,
     },
-    emitDate: {
+    emitDateFormat: {
         type: Boolean,
         default: false,
     },
@@ -43,7 +43,7 @@ const value = computed({
     set(value) {
         emit(
             'update:modelValue',
-            props.emitDate ? new Date(value) : joinDateAndTime(value, time.value)
+            props.emitDateFormat ? new Date(value) : joinDateAndTime(value, time.value)
         );
     },
 });

From 72ad524c6807b2d1c42af13dc7ea2fd241a7f6d2 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Tue, 30 Apr 2024 16:23:19 -0300
Subject: [PATCH 181/305] change prop names

---
 src/pages/Item/Card/ItemLastEntries.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/pages/Item/Card/ItemLastEntries.vue b/src/pages/Item/Card/ItemLastEntries.vue
index 2a2d84dfe..af14e06c2 100644
--- a/src/pages/Item/Card/ItemLastEntries.vue
+++ b/src/pages/Item/Card/ItemLastEntries.vue
@@ -209,11 +209,16 @@ onUnmounted(() => (stateStore.rightDrawer = false));
             <VnInputDate
                 :label="t('lastEntries.since')"
                 dense
-                emit-date
+                emit-date-format
                 v-model="from"
                 class="q-mr-lg"
             />
-            <VnInputDate :label="t('lastEntries.to')" dense emit-date v-model="to" />
+            <VnInputDate
+                :label="t('lastEntries.to')"
+                dense
+                emit-date-format
+                v-model="to"
+            />
         </div>
         <QSpace />
         <div id="st-actions"></div>

From d2531efdd62ff510f8fe1930de5f913949d63a9b Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Wed, 1 May 2024 13:27:40 +0200
Subject: [PATCH 182/305] fix: Botanical icon

---
 src/router/modules/item.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/router/modules/item.js b/src/router/modules/item.js
index 91c43a540..ff07a37d2 100644
--- a/src/router/modules/item.js
+++ b/src/router/modules/item.js
@@ -154,7 +154,7 @@ export default {
                     name: 'ItemBotanical',
                     meta: {
                         title: 'botanical',
-                        icon: 'vn:botanical',
+                        icon: 'local_florist',
                     },
                     component: () => import('src/pages/Item/Card/ItemBotanical.vue'),
                 },

From 4ef7b0e17cacf33f4daa75dd5ebe5b1c6dfb2a8d Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Wed, 1 May 2024 13:31:32 +0200
Subject: [PATCH 183/305] fix: item routes order

---
 src/router/modules/item.js | 40 +++++++++++++++++++-------------------
 1 file changed, 20 insertions(+), 20 deletions(-)

diff --git a/src/router/modules/item.js b/src/router/modules/item.js
index ff07a37d2..51d9138db 100644
--- a/src/router/modules/item.js
+++ b/src/router/modules/item.js
@@ -113,6 +113,15 @@ export default {
                     },
                     component: () => import('src/pages/Item/Card/ItemTags.vue'),
                 },
+                {
+                    path: 'last-entries',
+                    name: 'ItemLastEntries',
+                    meta: {
+                        title: 'lastEntries',
+                        icon: 'vn:regentry',
+                    },
+                    component: () => import('src/pages/Item/Card/ItemLastEntries.vue'),
+                },
                 {
                     path: 'tax',
                     name: 'ItemTax',
@@ -122,6 +131,15 @@ export default {
                     },
                     component: () => import('src/pages/Item/Card/ItemTax.vue'),
                 },
+                {
+                    path: 'botanical',
+                    name: 'ItemBotanical',
+                    meta: {
+                        title: 'botanical',
+                        icon: 'local_florist',
+                    },
+                    component: () => import('src/pages/Item/Card/ItemBotanical.vue'),
+                },
                 {
                     path: 'barcode',
                     name: 'ItemBarcode',
@@ -135,8 +153,8 @@ export default {
                     path: 'diary',
                     name: 'ItemDiary',
                     meta: {
-                        title: 'basicData',
-                        icon: 'vn:settings',
+                        title: 'diary',
+                        icon: 'vn:transaction',
                     },
                     component: () => import('src/pages/Item/Card/ItemDiary.vue'),
                 },
@@ -149,24 +167,6 @@ export default {
                     },
                     component: () => import('src/pages/Item/Card/ItemLog.vue'),
                 },
-                {
-                    path: 'botanical',
-                    name: 'ItemBotanical',
-                    meta: {
-                        title: 'botanical',
-                        icon: 'local_florist',
-                    },
-                    component: () => import('src/pages/Item/Card/ItemBotanical.vue'),
-                },
-                {
-                    path: 'last-entries',
-                    name: 'ItemLastEntries',
-                    meta: {
-                        title: 'lastEntries',
-                        icon: 'vn:botanical',
-                    },
-                    component: () => import('src/pages/Item/Card/ItemLastEntries.vue'),
-                },
             ],
         },
     ],

From 4fdf2bacf877fb8871ff16c20c579748c3e1521b Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Wed, 1 May 2024 13:52:45 +0200
Subject: [PATCH 184/305] fix: pvp tooltip

---
 src/pages/Item/Card/ItemLastEntries.vue | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/pages/Item/Card/ItemLastEntries.vue b/src/pages/Item/Card/ItemLastEntries.vue
index af14e06c2..297cb6330 100644
--- a/src/pages/Item/Card/ItemLastEntries.vue
+++ b/src/pages/Item/Card/ItemLastEntries.vue
@@ -256,6 +256,14 @@ onUnmounted(() => (stateStore.rightDrawer = false));
                     </QBadge>
                 </QTd>
             </template>
+            <template #body-cell-pvp="{ value }">
+                <QTd @click.stop
+                    ><span> {{ value }}</span>
+                    <QTooltip>
+                        {{ t('lastEntries.grouping') }}/{{ t('lastEntries.packing') }}
+                    </QTooltip></QTd
+                >
+            </template>
             <template #body-cell-grouping="{ row }">
                 <QTd @click.stop>
                     <QBadge class="center-content" rounded color="black">
@@ -288,9 +296,14 @@ onUnmounted(() => (stateStore.rightDrawer = false));
 </template>
 
 <style lang="scss" scoped>
+.q-badge--rounded {
+    border-radius: 50%;
+}
 .center-content {
     display: flex;
     max-width: max-content;
     margin: auto;
+    padding: 0 11px;
+    height: 28px;
 }
 </style>

From 455f47d46fb382935e058da3cd3776615dc02396 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Thu, 2 May 2024 10:23:35 +0200
Subject: [PATCH 185/305] feat: refs #5919 set store.data

---
 src/components/common/VnCard.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/common/VnCard.vue b/src/components/common/VnCard.vue
index 6d0badffb..a062e4d80 100644
--- a/src/components/common/VnCard.vue
+++ b/src/components/common/VnCard.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { onBeforeMount, computed } from 'vue';
+import { onBeforeMount, computed, watchEffect } from 'vue';
 import { useRoute, onBeforeRouteUpdate } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 import { useArrayData } from 'src/composables/useArrayData';
@@ -47,6 +47,11 @@ if (props.baseUrl) {
         }
     });
 }
+
+watchEffect(() => {
+    if (Array.isArray(arrayData.store.data))
+        arrayData.store.data = arrayData.store.data[0];
+});
 </script>
 <template>
     <Teleport

From f46b78131c07489886b8a89bf95bbbe35770755c Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Thu, 2 May 2024 10:24:07 +0200
Subject: [PATCH 186/305] perf: remove onMounted and reload

---
 src/pages/Customer/Card/CustomerContacts.vue   |  7 ++-----
 src/pages/Entry/Card/EntryNotes.vue            |  7 ++-----
 src/pages/Item/Card/ItemBarcode.vue            |  7 ++-----
 src/pages/Item/Card/ItemTax.vue                |  7 ++-----
 src/pages/Route/Roadmap/RoadmapStops.vue       | 14 +++++++-------
 src/pages/Supplier/Card/SupplierAccounts.vue   |  7 ++-----
 src/pages/Supplier/Card/SupplierAgencyTerm.vue |  7 ++-----
 src/pages/Supplier/Card/SupplierContacts.vue   |  7 ++-----
 8 files changed, 21 insertions(+), 42 deletions(-)

diff --git a/src/pages/Customer/Card/CustomerContacts.vue b/src/pages/Customer/Card/CustomerContacts.vue
index 6fb891dff..cd4d553df 100644
--- a/src/pages/Customer/Card/CustomerContacts.vue
+++ b/src/pages/Customer/Card/CustomerContacts.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, onMounted } from 'vue';
+import { ref } from 'vue';
 import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 
@@ -11,10 +11,6 @@ const route = useRoute();
 const { t } = useI18n();
 
 const customerContactsRef = ref(null);
-
-onMounted(() => {
-    if (customerContactsRef.value) customerContactsRef.value.reload();
-});
 </script>
 <template>
     <div class="full-width flex justify-center">
@@ -30,6 +26,7 @@ onMounted(() => {
                 model="CustomerContacts"
                 ref="customerContactsRef"
                 url="ClientContacts"
+                auto-load
             >
                 <template #body="{ rows }">
                     <QCard class="q-pl-lg q-py-md">
diff --git a/src/pages/Entry/Card/EntryNotes.vue b/src/pages/Entry/Card/EntryNotes.vue
index b9683578c..f07d0b233 100644
--- a/src/pages/Entry/Card/EntryNotes.vue
+++ b/src/pages/Entry/Card/EntryNotes.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, computed, onMounted } from 'vue';
+import { ref, computed } from 'vue';
 import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 
@@ -21,10 +21,6 @@ const sortEntryObservationOptions = (data) => {
     );
 };
 
-onMounted(() => {
-    if (entryObservationsRef.value) entryObservationsRef.value.reload();
-});
-
 const columns = computed(() => [
     {
         name: 'observationType',
@@ -65,6 +61,7 @@ const columns = computed(() => [
         ref="entryObservationsRef"
         :data-required="{ entryFk: params.id }"
         v-model:selected="selected"
+        auto-load
     >
         <template #body="{ rows, validate }">
             <QTable
diff --git a/src/pages/Item/Card/ItemBarcode.vue b/src/pages/Item/Card/ItemBarcode.vue
index 26254ba84..b353d67c7 100644
--- a/src/pages/Item/Card/ItemBarcode.vue
+++ b/src/pages/Item/Card/ItemBarcode.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, onMounted, nextTick } from 'vue';
+import { ref, nextTick } from 'vue';
 import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 
@@ -23,10 +23,6 @@ const focusLastInput = () => {
         if (lastInput) lastInput.focus();
     });
 };
-
-onMounted(async () => {
-    if (itemBarcodeRef.value) itemBarcodeRef.value.reload();
-});
 </script>
 <template>
     <div class="full-width flex justify-center">
@@ -42,6 +38,7 @@ onMounted(async () => {
                 model="ItemBarcodes"
                 ref="itemBarcodeRef"
                 url="ItemBarcodes"
+                auto-load
             >
                 <template #body="{ rows }">
                     <QCard class="q-px-lg q-py-md">
diff --git a/src/pages/Item/Card/ItemTax.vue b/src/pages/Item/Card/ItemTax.vue
index 0942493f3..489a2c7b2 100644
--- a/src/pages/Item/Card/ItemTax.vue
+++ b/src/pages/Item/Card/ItemTax.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, onMounted } from 'vue';
+import { ref } from 'vue';
 import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 
@@ -44,10 +44,6 @@ const submitTaxes = async (data) => {
         console.error('Error saving taxes', err);
     }
 };
-
-onMounted(async () => {
-    if (ItemTaxRef.value) ItemTaxRef.value.reload();
-});
 </script>
 <template>
     <FetchData
@@ -66,6 +62,7 @@ onMounted(async () => {
         data-key="ItemTax"
         model="ItemTax"
         ref="ItemTaxRef"
+        auto-load
     >
         <template #body="{ rows }">
             <QCard class="q-px-lg q-py-md">
diff --git a/src/pages/Route/Roadmap/RoadmapStops.vue b/src/pages/Route/Roadmap/RoadmapStops.vue
index 10d6e6066..5c3bd51e7 100644
--- a/src/pages/Route/Roadmap/RoadmapStops.vue
+++ b/src/pages/Route/Roadmap/RoadmapStops.vue
@@ -3,9 +3,9 @@ import { useI18n } from 'vue-i18n';
 import { useRoute } from 'vue-router';
 import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
 import FetchData from 'components/FetchData.vue';
-import { onMounted, ref } from 'vue';
+import { ref } from 'vue';
 import CrudModel from 'components/CrudModel.vue';
-import RoadmapAddStopForm from "pages/Route/Roadmap/RoadmapAddStopForm.vue";
+import RoadmapAddStopForm from 'pages/Route/Roadmap/RoadmapAddStopForm.vue';
 
 const { t } = useI18n();
 const route = useRoute();
@@ -21,10 +21,6 @@ const updateDefaultStop = (data) => {
     eta.setDate(eta.getDate() + 1);
     defaultStop.value.eta = eta.toISOString();
 };
-
-onMounted(() => {
-    if (roadmapStopsCrudRef.value) roadmapStopsCrudRef.value.reload();
-});
 </script>
 <template>
     <VnSubToolbar />
@@ -43,6 +39,7 @@ onMounted(() => {
             :filter="{ where: { roadmapFk: route.params?.id } }"
             :default-remove="false"
             :data-required="defaultStop"
+            auto-load
         >
             <template #body="{ rows }">
                 <QCard class="q-pa-md">
@@ -51,7 +48,10 @@ onMounted(() => {
                         :key="index"
                         class="row no-wrap"
                     >
-                        <RoadmapAddStopForm :roadmap-fk="route.params?.id" :form-data="row" />
+                        <RoadmapAddStopForm
+                            :roadmap-fk="route.params?.id"
+                            :form-data="row"
+                        />
                         <div class="col-1 row justify-center items-center">
                             <QIcon
                                 name="delete"
diff --git a/src/pages/Supplier/Card/SupplierAccounts.vue b/src/pages/Supplier/Card/SupplierAccounts.vue
index 41df6adb9..d95b6c30c 100644
--- a/src/pages/Supplier/Card/SupplierAccounts.vue
+++ b/src/pages/Supplier/Card/SupplierAccounts.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, onMounted } from 'vue';
+import { ref } from 'vue';
 import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 
@@ -59,10 +59,6 @@ const setWireTransfer = async () => {
         console.error('Error setting wire transfer', err);
     }
 };
-
-onMounted(() => {
-    if (supplierAccountRef.value) supplierAccountRef.value.reload();
-});
 </script>
 <template>
     <FetchData
@@ -94,6 +90,7 @@ onMounted(() => {
         :default-remove="false"
         :data-required="{ supplierFk: route.params.id }"
         @save-changes="onChangesSaved()"
+        auto-load
     >
         <template #body="{ rows }">
             <QCard class="q-pa-md">
diff --git a/src/pages/Supplier/Card/SupplierAgencyTerm.vue b/src/pages/Supplier/Card/SupplierAgencyTerm.vue
index 769ff4dad..50a4f7adc 100644
--- a/src/pages/Supplier/Card/SupplierAgencyTerm.vue
+++ b/src/pages/Supplier/Card/SupplierAgencyTerm.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, onMounted } from 'vue';
+import { ref } from 'vue';
 import { useRouter, useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 
@@ -26,10 +26,6 @@ const supplierAgencyFilter = {
 const redirectToCreateView = () => {
     router.push({ name: 'SupplierAgencyTermCreate' });
 };
-
-onMounted(() => {
-    if (supplierAgencyTermRef.value) supplierAgencyTermRef.value.reload();
-});
 </script>
 <template>
     <FetchData
@@ -49,6 +45,7 @@ onMounted(() => {
         :data-required="{
             supplierFk: route.params.id,
         }"
+        auto-load
     >
         <template #body="{ rows }">
             <QCard class="q-pa-md">
diff --git a/src/pages/Supplier/Card/SupplierContacts.vue b/src/pages/Supplier/Card/SupplierContacts.vue
index a78c376a9..92ba1c1fc 100644
--- a/src/pages/Supplier/Card/SupplierContacts.vue
+++ b/src/pages/Supplier/Card/SupplierContacts.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, onMounted, nextTick } from 'vue';
+import { ref, nextTick } from 'vue';
 import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 
@@ -19,10 +19,6 @@ const insertRow = () => {
         if (lastInput) lastInput.focus();
     });
 };
-
-onMounted(() => {
-    if (supplierContactRef.value) supplierContactRef.value.reload();
-});
 </script>
 
 <template>
@@ -36,6 +32,7 @@ onMounted(() => {
         ref="supplierContactRef"
         :default-remove="false"
         :data-required="{ supplierFk: route.params.id }"
+        auto-load
     >
         <template #body="{ rows }">
             <QCard class="q-pa-md">

From cd5389fb919519f8b950ada4d5a8bf46257a9ff3 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Thu, 2 May 2024 10:25:46 +0200
Subject: [PATCH 187/305] fix: i18n

---
 src/i18n/locale/en.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index ecb85bd1a..d14b3aae7 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -989,7 +989,7 @@ supplier:
         billingData: Billing data
         payMethod: Pay method
         payDeadline: Pay deadline
-        payDay: Día de pago
+        payDay: Pay day
         account: Account
         fiscalData: Fiscal data
         sageTaxType: Sage tax type

From 6a958a08072be38eb1f9e4124f01af4048d5352d Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Thu, 2 May 2024 08:32:39 +0000
Subject: [PATCH 188/305] Actualizar
 src/pages/InvoiceIn/Card/InvoiceInDueDay.vue

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

diff --git a/src/pages/InvoiceIn/Card/InvoiceInDueDay.vue b/src/pages/InvoiceIn/Card/InvoiceInDueDay.vue
index 476a0f31e..0e68b740f 100644
--- a/src/pages/InvoiceIn/Card/InvoiceInDueDay.vue
+++ b/src/pages/InvoiceIn/Card/InvoiceInDueDay.vue
@@ -70,7 +70,7 @@ const columns = computed(() => [
 const isNotEuro = (code) => code != 'EUR';
 
 async function insert() {
-    await axios.post('/InvoiceInDueDays/new ', { id: +invoiceId });
+    await axios.post('/InvoiceInDueDays/new', { id: +invoiceId });
     await invoiceInFormRef.value.reload();
 }
 </script>

From c2ba7bfe22086cb05d9248b7b1a76e20b95527ff Mon Sep 17 00:00:00 2001
From: Jon <jon@verdnatura.es>
Date: Thu, 2 May 2024 12:57:34 +0200
Subject: [PATCH 189/305] fix: campaign button

---
 .../Notifications/CustomerNotifications.vue   |  34 ++++-
 ...stomerNotificationsCampaignConsumption.vue | 126 ++++++++++++++++++
 2 files changed, 157 insertions(+), 3 deletions(-)
 create mode 100644 src/pages/Customer/Notifications/CustomerNotificationsCampaignConsumption.vue

diff --git a/src/pages/Customer/Notifications/CustomerNotifications.vue b/src/pages/Customer/Notifications/CustomerNotifications.vue
index e54c3eecf..211309dc1 100644
--- a/src/pages/Customer/Notifications/CustomerNotifications.vue
+++ b/src/pages/Customer/Notifications/CustomerNotifications.vue
@@ -1,5 +1,6 @@
 <script setup>
 import { ref, computed } from 'vue';
+import { useQuasar } from 'quasar';
 import { useI18n } from 'vue-i18n';
 
 import { QBtn } from 'quasar';
@@ -9,6 +10,7 @@ import CustomerNotificationsFilter from './CustomerNotificationsFilter.vue';
 import CustomerDescriptorProxy from '../Card/CustomerDescriptorProxy.vue';
 import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
 import { useStateStore } from 'stores/useStateStore';
+import CustomerNotificationsCampaignConsumption from './CustomerNotificationsCampaignConsumption.vue';
 
 const stateStore = useStateStore();
 
@@ -17,6 +19,8 @@ const { t } = useI18n();
 const rows = ref([]);
 const selected = ref([]);
 const selectedCustomerId = ref(0);
+const quasar = useQuasar();
+const dataRef = ref(null);
 
 const tableColumnComponents = {
     id: {
@@ -82,6 +86,19 @@ const columns = computed(() => [
 const selectCustomerId = (id) => {
     selectedCustomerId.value = id;
 };
+
+const campaignConsumption = () => {
+    quasar.dialog({
+        component: CustomerNotificationsCampaignConsumption,
+        componentProps: {
+            clients: selected,
+            promise: refreshData,
+        },
+    });
+};
+const refreshData = async () => {
+    await dataRef.value.fetch();
+};
 </script>
 
 <template>
@@ -114,9 +131,19 @@ const selectCustomerId = (id) => {
             <CustomerNotificationsFilter data-key="CustomerNotifications" />
         </QScrollArea>
     </QDrawer>
-
-    <VnSubToolbar />
-
+    <VnSubToolbar class="justify-end">
+        <template #st-data>
+            <QBtn
+                icon="show_chart"
+                color="primary"
+                class="q-mr-sm"
+                :disabled="!selected.length"
+                @click="campaignConsumption"
+            >
+                <QTooltip>{{ t('Campaign consumption') }}</QTooltip>
+            </QBtn>
+        </template>
+    </VnSubToolbar>
     <QPage class="column items-center q-pa-md">
         <QTable
             :columns="columns"
@@ -160,4 +187,5 @@ es:
     Phone: Teléfono
     City: Población
     Email: Email
+    Campaign consumption: Consumo campaña
 </i18n>
diff --git a/src/pages/Customer/Notifications/CustomerNotificationsCampaignConsumption.vue b/src/pages/Customer/Notifications/CustomerNotificationsCampaignConsumption.vue
new file mode 100644
index 000000000..641cdb851
--- /dev/null
+++ b/src/pages/Customer/Notifications/CustomerNotificationsCampaignConsumption.vue
@@ -0,0 +1,126 @@
+<script setup>
+import { ref, reactive } from 'vue';
+import { useI18n } from 'vue-i18n';
+import axios from 'axios';
+import { useDialogPluginComponent } from 'quasar';
+import useNotify from 'src/composables/useNotify';
+import { useValidator } from 'src/composables/useValidator';
+import VnRow from 'components/ui/VnRow.vue';
+import VnInputDate from 'components/common/VnInputDate.vue';
+import FetchData from 'src/components/FetchData.vue';
+import { onMounted } from 'vue';
+
+const $props = defineProps({
+    clients: {
+        type: Array,
+        required: true,
+    },
+    promise: {
+        type: Function,
+        required: true,
+    },
+});
+
+const { dialogRef } = useDialogPluginComponent();
+const { notify } = useNotify();
+const { t } = useI18n();
+const validationsStore = useValidator();
+const campaignParams = reactive({});
+const moreFields = ref([]);
+
+async function onSubmit() {
+    try {
+        const data = {
+            clients: $props.clients._value.map((item) => item.id),
+            from: this.campaignParams.from,
+            to: this.campaignParams.to,
+        };
+
+        const params = JSON.stringify(data);
+        await axios.post('ClientConsumptionQueues', { params });
+
+        notify('globals.dataSaved', 'positive');
+    } catch (error) {
+        notify(error.message, 'negative');
+    }
+}
+onMounted(async () => {
+    const { models } = validationsStore;
+    const properties = models.Item?.properties || {};
+    const _moreFields = ['valentinesDay', 'mothersDay', 'allSaints'];
+
+    _moreFields.forEach((field) => {
+        let prop = properties[field];
+        const label = t(`params.${field}`);
+        moreFields.value.push({
+            name: field,
+            label,
+            type: prop ? prop.type : null,
+        });
+    });
+});
+</script>
+
+<template>
+    <FetchData
+        url="Campaigns/latest"
+        @on-fetch="(data) => (campaignsOptions = data)"
+        :filter="{ fields: ['id', 'code', 'dated'], order: 'code ASC', limit: 30 }"
+        auto-load
+    />
+    <QDialog ref="dialogRef">
+        <QCard class="q-pa-md q-mb-md">
+            <QCardSection>
+                <QForm @submit="onSubmit()" class="q-pa-sm">
+                    <div>
+                        {{ t('Campaign consumption') }}
+                    </div>
+                    <VnRow class="row q-gutter-md q-mb-md">
+                        <QSelect
+                            :options="moreFields"
+                            v-model="campaignParams.campaign"
+                            :label="t('Campaign')"
+                            option-label="label"
+                        />
+                    </VnRow>
+                    <VnRow class="row q-gutter-md q-mb-md">
+                        <VnInputDate v-model="campaignParams.from" :label="t('From')" />
+                        <VnInputDate v-model="campaignParams.to" :label="t('To')" />
+                    </VnRow>
+                    <div class="q-mt-lg row justify-end">
+                        <QBtn
+                            :label="t('globals.cancel')"
+                            color="primary"
+                            flat
+                            class="q-mr-md"
+                            v-close-popup
+                        />
+                        <QBtn
+                            :label="t('globals.save')"
+                            type="submit"
+                            color="primary"
+                            v-close-popup
+                        />
+                    </div>
+                </QForm>
+            </QCardSection>
+        </QCard>
+    </QDialog>
+</template>
+
+<i18n>
+    en:
+        params:
+            valentinesDay: Valentine's Day
+            mothersDay: Mother's Day
+            allSaints: All Saints' Day
+    es:
+        params:
+            valentinesDay: Día de San Valentín
+            mothersDay: Día de la Madre
+            allSaints: Día de Todos los Santos
+        Campaign consumption: Consumo campaña
+        Campaign: Campaña
+        From: Desde
+        To: Hasta
+</i18n>

From 554b9e814b9af83e65c091cf1d0a30c61d6ead3e Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Thu, 2 May 2024 09:08:03 -0300
Subject: [PATCH 190/305] WIP

---
 src/components/FilterItemForm.vue           |  11 +-
 src/pages/Entry/Card/EntryBuysImport.vue    |   1 +
 src/pages/Item/Card/CreateIntrastatForm.vue |  52 +++++
 src/pages/Item/Card/ItemBasicData.vue       | 240 +++++++++++++++++++-
 src/pages/Item/locale/en.yml                |  17 ++
 src/pages/Item/locale/es.yml                |  17 ++
 6 files changed, 334 insertions(+), 4 deletions(-)
 create mode 100644 src/pages/Item/Card/CreateIntrastatForm.vue

diff --git a/src/components/FilterItemForm.vue b/src/components/FilterItemForm.vue
index e031999e2..00659f8fd 100644
--- a/src/components/FilterItemForm.vue
+++ b/src/components/FilterItemForm.vue
@@ -1,7 +1,6 @@
 <script setup>
 import { ref, reactive, computed } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { useRoute } from 'vue-router';
 
 import VnRow from 'components/ui/VnRow.vue';
 import FetchData from 'components/FetchData.vue';
@@ -12,10 +11,16 @@ import ItemDescriptorProxy from 'src/pages/Item/Card/ItemDescriptorProxy.vue';
 import axios from 'axios';
 import { dashIfEmpty } from 'src/filters';
 
+const props = defineProps({
+    url: {
+        type: String,
+        required: true,
+    },
+});
+
 const emit = defineEmits(['itemSelected']);
 
 const { t } = useI18n();
-const route = useRoute();
 
 const itemFilter = {
     include: [
@@ -100,7 +105,7 @@ const fetchResults = async () => {
         }
         filter.where = where;
 
-        const { data } = await axios.get(`Entries/${route.params.id}/lastItemBuys`, {
+        const { data } = await axios.get(props.url, {
             params: { filter: JSON.stringify(filter) },
         });
         tableRows.value = data;
diff --git a/src/pages/Entry/Card/EntryBuysImport.vue b/src/pages/Entry/Card/EntryBuysImport.vue
index 705f56b68..6d856f068 100644
--- a/src/pages/Entry/Card/EntryBuysImport.vue
+++ b/src/pages/Entry/Card/EntryBuysImport.vue
@@ -251,6 +251,7 @@ const redirectToBuysView = () => {
                                 >
                                     <template #form>
                                         <FilterItemForm
+                                            :url="`Entries/${route.params.id}/lastItemBuys`"
                                             @item-selected="row[col.field] = $event"
                                         />
                                     </template>
diff --git a/src/pages/Item/Card/CreateIntrastatForm.vue b/src/pages/Item/Card/CreateIntrastatForm.vue
new file mode 100644
index 000000000..3fd1ffe22
--- /dev/null
+++ b/src/pages/Item/Card/CreateIntrastatForm.vue
@@ -0,0 +1,52 @@
+<script setup>
+import { reactive, ref, onMounted, nextTick } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { useRoute } from 'vue-router';
+
+import VnInput from 'src/components/common/VnInput.vue';
+import VnRow from 'components/ui/VnRow.vue';
+import FormModelPopup from 'components/FormModelPopup.vue';
+
+const { t } = useI18n();
+const emit = defineEmits(['onDataSaved']);
+const route = useRoute();
+
+const identifierInputRef = ref(null);
+const intrastatFormData = reactive({});
+
+const onDataSaved = (formData, requestResponse) => {
+    emit('onDataSaved', formData, requestResponse);
+};
+
+onMounted(async () => {
+    await nextTick();
+    identifierInputRef.value.focus();
+});
+</script>
+
+<template>
+    <FormModelPopup
+        :url-update="`Items/${route.params.id}/createIntrastat`"
+        model="itemGenus"
+        :title="t('createIntrastatForm.title')"
+        :form-initial-data="intrastatFormData"
+        @on-data-saved="onDataSaved"
+    >
+        <template #form-inputs="{ data }">
+            <VnRow class="row q-gutter-md q-mb-md">
+                <VnInput
+                    ref="identifierInputRef"
+                    :label="t('createIntrastatForm.identifier')"
+                    type="number"
+                    v-model.number="data.intrastatId"
+                    :required="true"
+                />
+                <VnInput
+                    :label="t('createIntrastatForm.description')"
+                    v-model="data.description"
+                    :required="true"
+                />
+            </VnRow>
+        </template>
+    </FormModelPopup>
+</template>
diff --git a/src/pages/Item/Card/ItemBasicData.vue b/src/pages/Item/Card/ItemBasicData.vue
index 334cf049d..dc6868fba 100644
--- a/src/pages/Item/Card/ItemBasicData.vue
+++ b/src/pages/Item/Card/ItemBasicData.vue
@@ -1 +1,239 @@
-<template>Item basic data</template>
+<script setup>
+import { ref } from 'vue';
+import { useRoute } from 'vue-router';
+import { useI18n } from 'vue-i18n';
+
+import FetchData from 'components/FetchData.vue';
+import FormModel from 'components/FormModel.vue';
+import VnRow from 'components/ui/VnRow.vue';
+import VnInput from 'src/components/common/VnInput.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
+import VnSelectDialog from 'src/components/common/VnSelectDialog.vue';
+import FilterItemForm from 'src/components/FilterItemForm.vue';
+import CreateIntrastatForm from './CreateIntrastatForm.vue';
+
+const route = useRoute();
+const { t } = useI18n();
+
+const itemTypesOptions = ref([]);
+const itemsWithNameOptions = ref([]);
+const intrastatsOptions = ref([]);
+const expensesOptions = ref([]);
+
+const onIntrastatCreated = (response, formData) => {
+    intrastatsOptions.value = [...intrastatsOptions.value, response];
+    formData.intrastatFk = response.id;
+};
+</script>
+<template>
+    <FetchData
+        url="ItemTypes"
+        :filter="{
+            fields: ['id', 'name', 'categoryFk'],
+            include: 'category',
+            order: 'name ASC',
+        }"
+        @on-fetch="(data) => (itemTypesOptions = data)"
+        auto-load
+    />
+    <FetchData
+        url="Items/withName"
+        :filter="{
+            fields: ['id', 'name'],
+            order: 'id DESC',
+        }"
+        @on-fetch="(data) => (itemsWithNameOptions = data)"
+        auto-load
+    />
+    <FetchData
+        url="Intrastats"
+        :filter="{
+            fields: ['id', 'description'],
+            order: 'description ASC',
+        }"
+        @on-fetch="(data) => (intrastatsOptions = data)"
+        auto-load
+    />
+    <FetchData
+        url="Expenses"
+        :filter="{
+            fields: ['id', 'name'],
+            order: 'name ASC',
+        }"
+        @on-fetch="(data) => (expensesOptions = data)"
+        auto-load
+    />
+    <FormModel
+        :url="`Items/${route.params.id}`"
+        :url-update="`Items/${route.params.id}`"
+        model="item"
+        auto-load
+        :clear-store-on-unmount="false"
+    >
+        <template #form="{ data }">
+            <VnRow class="row q-gutter-md q-mb-md">
+                <VnSelect
+                    :label="t('basicData.type')"
+                    v-model="data.typeFk"
+                    :options="itemTypesOptions"
+                    option-value="id"
+                    option-label="name"
+                    hide-selected
+                    map-options
+                >
+                    <template #option="scope">
+                        <QItem v-bind="scope.itemProps">
+                            <QItemSection>
+                                <QItemLabel>{{ scope.opt?.name }}</QItemLabel>
+                                <QItemLabel caption>
+                                    {{ scope.opt?.category?.name }}
+                                </QItemLabel>
+                            </QItemSection>
+                        </QItem>
+                    </template>
+                </VnSelect>
+                <VnInput :label="t('basicData.reference')" v-model="data.comment" />
+                <VnInput :label="t('basicData.relevancy')" v-model="data.relevancy" />
+            </VnRow>
+            <VnRow class="row q-gutter-md q-mb-md">
+                <VnInput :label="t('basicData.stems')" v-model="data.stems" />
+                <VnInput
+                    :label="t('basicData.multiplier')"
+                    v-model="data.stemMultiplier"
+                />
+                <VnSelectDialog
+                    :label="t('basicData.generic')"
+                    v-model="data.genericFk"
+                    :options="itemsWithNameOptions"
+                    option-value="id"
+                    option-label="name"
+                    map-options
+                    hide-selected
+                    action-icon="filter_alt"
+                >
+                    <template #form>
+                        <FilterItemForm
+                            url="Items/withName"
+                            @item-selected="data.genericFk = $event"
+                        />
+                    </template>
+                    <template #option="scope">
+                        <QItem v-bind="scope.itemProps">
+                            <QItemSection>
+                                <QItemLabel>{{ scope.opt?.name }}</QItemLabel>
+                                <QItemLabel caption> #{{ scope.opt?.id }} </QItemLabel>
+                            </QItemSection>
+                        </QItem>
+                    </template>
+                </VnSelectDialog>
+            </VnRow>
+            <VnRow class="row q-gutter-md q-mb-md">
+                <VnSelectDialog
+                    :label="t('basicData.intrastat')"
+                    v-model="data.intrastatFk"
+                    :options="intrastatsOptions"
+                    option-value="id"
+                    option-label="description"
+                    map-options
+                    hide-selected
+                >
+                    <template #form>
+                        <CreateIntrastatForm
+                            @on-data-saved="
+                                (_, requestResponse) =>
+                                    onIntrastatCreated(requestResponse, data)
+                            "
+                        />
+                    </template>
+                    <template #option="scope">
+                        <QItem v-bind="scope.itemProps">
+                            <QItemSection>
+                                <QItemLabel>{{ scope.opt?.description }}</QItemLabel>
+                                <QItemLabel caption> #{{ scope.opt?.id }} </QItemLabel>
+                            </QItemSection>
+                        </QItem>
+                    </template>
+                </VnSelectDialog>
+                <div class="col">
+                    <VnSelect
+                        :label="t('basicData.expense')"
+                        v-model="data.expenseFk"
+                        :options="expensesOptions"
+                        option-value="id"
+                        option-label="name"
+                        hide-selected
+                        map-options
+                    />
+                </div>
+            </VnRow>
+            <VnRow class="row q-gutter-md q-mb-md">
+                <VnInput
+                    :label="t('basicData.weightByPiece')"
+                    v-model.number="data.weightByPiece"
+                    :min="0"
+                    type="number"
+                />
+                <VnInput
+                    :label="t('basicData.boxUnits')"
+                    v-model.number="data.packingOut"
+                    :min="0"
+                    type="number"
+                />
+                <VnInput
+                    :label="t('basicData.recycledPlastic')"
+                    v-model.number="data.recycledPlastic"
+                    :min="0"
+                    type="number"
+                />
+                <VnInput
+                    :label="t('basicData.nonRecycledPlastic')"
+                    v-model.number="data.nonRecycledPlastic"
+                    :min="0"
+                    type="number"
+                />
+            </VnRow>
+            <!-- <VnRow class="row q-gutter-md q-mb-md">
+                <div class="col">
+                    <QInput
+                        :label="t('entry.basicData.observation')"
+                        type="textarea"
+                        v-model="data.observation"
+                        :maxlength="45"
+                        counter
+                        fill-input
+                    />
+                </div>
+            </VnRow> -->
+            <!-- <VnRow class="row q-gutter-md q-mb-md">
+                <div class="col">
+                    <QCheckbox
+                        v-model="data.isOrdered"
+                        :label="t('entry.basicData.ordered')"
+                    />
+                </div>
+                <div class="col">
+                    <QCheckbox
+                        v-model="data.isConfirmed"
+                        :label="t('entry.basicData.confirmed')"
+                    />
+                </div>
+                <div class="col">
+                    <QCheckbox
+                        v-model="data.isExcludedFromAvailable"
+                        :label="t('entry.basicData.excludedFromAvailable')"
+                    />
+                </div>
+                <div class="col">
+                    <QCheckbox v-model="data.isRaid" :label="t('entry.basicData.raid')" />
+                </div>
+                <div class="col">
+                    <QCheckbox
+                        v-if="isAdministrative()"
+                        v-model="data.isBooked"
+                        :label="t('entry.basicData.booked')"
+                    />
+                </div>
+            </VnRow> -->
+        </template>
+    </FormModel>
+</template>
diff --git a/src/pages/Item/locale/en.yml b/src/pages/Item/locale/en.yml
index ec3b134e8..410ed5edc 100644
--- a/src/pages/Item/locale/en.yml
+++ b/src/pages/Item/locale/en.yml
@@ -11,3 +11,20 @@ itemDiary:
     showBefore: Show what's before the inventory
     since: Since
     warehouse: Warehouse
+basicData:
+    type: Type
+    reference: Reference
+    relevancy: Relevancy
+    stems: Stems
+    multiplier: Multiplier
+    generic: Generic
+    intrastat: Intrastat
+    expense: Expense
+    weightByPiece: Weight/Piece
+    boxUnits: Units/Box
+    recycledPlastic: Recycled plastic
+    nonRecycledPlastic: Non recycled plastic
+createIntrastatForm:
+    title: New intrastat
+    identifier: Identifier
+    description: Description
diff --git a/src/pages/Item/locale/es.yml b/src/pages/Item/locale/es.yml
index 4f76313fa..6540c36c8 100644
--- a/src/pages/Item/locale/es.yml
+++ b/src/pages/Item/locale/es.yml
@@ -11,3 +11,20 @@ itemDiary:
     showBefore: Mostrar lo anterior al inventario
     since: Desde
     warehouse: Almacén
+basicData:
+    type: Tipo
+    reference: Referencia
+    relevancy: Relevancia
+    stems: Tallos
+    multiplier: Multiplicador
+    generic: Genérico
+    intrastat: Intrastat
+    expense: Gasto
+    weightByPiece: Peso (gramos)/tallo
+    boxUnits: Unidades/caja
+    recycledPlastic: Plástico reciclado
+    nonRecycledPlastic: Plástico no reciclado
+createIntrastatForm:
+    title: Nuevo intrastat
+    identifier: Identificador
+    description: Descripción

From 120e84f43952799a0e89d80d06a472f11375b6f0 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Thu, 2 May 2024 09:16:24 -0300
Subject: [PATCH 191/305] Add condition to packing and grouping badge colors

---
 src/pages/Item/Card/ItemLastEntries.vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/pages/Item/Card/ItemLastEntries.vue b/src/pages/Item/Card/ItemLastEntries.vue
index af14e06c2..62c154de2 100644
--- a/src/pages/Item/Card/ItemLastEntries.vue
+++ b/src/pages/Item/Card/ItemLastEntries.vue
@@ -250,7 +250,11 @@ onUnmounted(() => (stateStore.rightDrawer = false));
             </template>
             <template #body-cell-packing="{ row }">
                 <QTd @click.stop>
-                    <QBadge class="center-content" rounded color="grey-13">
+                    <QBadge
+                        class="center-content"
+                        rounded
+                        :color="row.groupingMode == 'packing' ? 'grey-13' : 'black'"
+                    >
                         {{ dashIfEmpty(row.packing) }}
                         <QTooltip>{{ t('lastEntries.packing') }}</QTooltip>
                     </QBadge>
@@ -258,7 +262,11 @@ onUnmounted(() => (stateStore.rightDrawer = false));
             </template>
             <template #body-cell-grouping="{ row }">
                 <QTd @click.stop>
-                    <QBadge class="center-content" rounded color="black">
+                    <QBadge
+                        class="center-content"
+                        rounded
+                        :color="row.groupingMode == 'grouping' ? 'grey-13' : 'black'"
+                    >
                         {{ dashIfEmpty(row.grouping) }}
                         <QTooltip>{{ t('lastEntries.grouping') }}</QTooltip>
                     </QBadge>

From 167591980108fda44d1d7b1272d21e707b05c05a Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Thu, 2 May 2024 14:33:24 +0200
Subject: [PATCH 192/305] fix: minor build bugs

---
 src/pages/Claim/Card/ClaimBasicData.vue |  4 --
 src/router/modules/zone.js              | 92 +++++++++++++------------
 2 files changed, 47 insertions(+), 49 deletions(-)

diff --git a/src/pages/Claim/Card/ClaimBasicData.vue b/src/pages/Claim/Card/ClaimBasicData.vue
index be2efa31a..e2450a5e5 100644
--- a/src/pages/Claim/Card/ClaimBasicData.vue
+++ b/src/pages/Claim/Card/ClaimBasicData.vue
@@ -41,10 +41,6 @@ const claimStates = ref([]);
 const claimStatesCopy = ref([]);
 const optionsList = ref([]);
 
-function setWorkers(data) {
-    workers.value = data;
-    workersCopy.value = data;
-}
 const workersOptions = ref([]);
 
 function setClaimStates(data) {
diff --git a/src/router/modules/zone.js b/src/router/modules/zone.js
index bd74a76f3..079dfaa84 100644
--- a/src/router/modules/zone.js
+++ b/src/router/modules/zone.js
@@ -11,56 +11,58 @@ export default {
     component: RouterView,
     redirect: { name: 'ZoneMain' },
     menus: {
-        main: ['ZoneList' /*'ZoneDeliveryList', 'ZoneUpcomingList'*/],
+        main: [
+            /*'ZoneList', 'ZoneDeliveryList', 'ZoneUpcomingList'*/
+        ],
         card: [
             //
         ],
     },
     children: [
-        {
-            path: '/zone',
-            name: 'ZoneMain',
-            component: () => import('src/pages/Zone/ZoneMain.vue'),
-            redirect: { name: 'ZoneList' },
-            children: [
-                {
-                    path: 'list',
-                    name: 'ZoneList',
-                    meta: {
-                        title: 'zonesList',
-                        icon: 'vn:zone',
-                    },
-                    component: () => import('src/pages/Zone/ZoneList.vue'),
-                },
-                // {
-                //     path: 'create',
-                //     name: 'ZoneCreate',
-                //     meta: {
-                //         title: 'zoneCreate',
-                //         icon: 'create',
-                //     },
-                //     component: () => import('src/pages/Zone/ZoneCreate.vue'),
-                // },
-                // {
-                //     path: ':id/edit',
-                //     name: 'ZoneEdit',
-                //     meta: {
-                //         title: 'zoneEdit',
-                //         icon: 'edit',
-                //     },
-                //     component: () => import('src/pages/Zone/ZoneCreate.vue'),
-                // },
-                // {
-                //     path: 'counter',
-                //     name: 'ZoneCounter',
-                //     meta: {
-                //         title: 'zoneCounter',
-                //         icon: 'add_circle',
-                //     },
-                //     component: () => import('src/pages/Zone/ZoneCounter.vue'),
-                // },
-            ],
-        },
+        // {
+        // path: '/zone',
+        // name: 'ZoneMain',
+        // component: () => import('src/pages/Zone/ZoneMain.vue'),
+        // redirect: { name: 'ZoneList' },
+        // children: [
+        //     {
+        //         path: 'list',
+        //         name: 'ZoneList',
+        //         meta: {
+        //             title: 'zonesList',
+        //             icon: 'vn:zone',
+        //         },
+        //         component: () => import('src/pages/Zone/ZoneList.vue'),
+        //     },
+        // {
+        //     path: 'create',
+        //     name: 'ZoneCreate',
+        //     meta: {
+        //         title: 'zoneCreate',
+        //         icon: 'create',
+        //     },
+        //     component: () => import('src/pages/Zone/ZoneCreate.vue'),
+        // },
+        // {
+        //     path: ':id/edit',
+        //     name: 'ZoneEdit',
+        //     meta: {
+        //         title: 'zoneEdit',
+        //         icon: 'edit',
+        //     },
+        //     component: () => import('src/pages/Zone/ZoneCreate.vue'),
+        // },
+        // {
+        //     path: 'counter',
+        //     name: 'ZoneCounter',
+        //     meta: {
+        //         title: 'zoneCounter',
+        //         icon: 'add_circle',
+        //     },
+        //     component: () => import('src/pages/Zone/ZoneCounter.vue'),
+        // },
+        // ],
+        // },
         {
             name: 'ZoneCard',
             path: ':id',

From 1a79bd6fb8a30637b49680dcf83b8b45006308db Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Thu, 2 May 2024 14:40:56 +0200
Subject: [PATCH 193/305] feat: zoneSummary

---
 src/pages/Zone/Card/ZoneSummary.vue | 94 +++++++++++++++++++++++++++++
 1 file changed, 94 insertions(+)
 create mode 100644 src/pages/Zone/Card/ZoneSummary.vue

diff --git a/src/pages/Zone/Card/ZoneSummary.vue b/src/pages/Zone/Card/ZoneSummary.vue
new file mode 100644
index 000000000..00df03cb0
--- /dev/null
+++ b/src/pages/Zone/Card/ZoneSummary.vue
@@ -0,0 +1,94 @@
+<script setup>
+import { ref, onMounted, computed } from 'vue';
+import { useRoute } from 'vue-router';
+import { useI18n } from 'vue-i18n';
+import { dashIfEmpty } from 'src/filters';
+import { getUrl } from 'src/composables/getUrl';
+import VnLv from 'src/components/ui/VnLv.vue';
+import VnLinkPhone from 'src/components/ui/VnLinkPhone.vue';
+import CardSummary from 'components/ui/CardSummary.vue';
+import VnUserLink from 'src/components/ui/VnUserLink.vue';
+import VnTitle from 'src/components/common/VnTitle.vue';
+
+const route = useRoute();
+const { t } = useI18n();
+
+const $props = defineProps({
+    id: {
+        type: Number,
+        default: 0,
+    },
+});
+
+const entityId = computed(() => $props.id || route.params.id);
+const zoneUrl = ref();
+
+onMounted(async () => {
+    zoneUrl.value = (await getUrl('')) + `zone/${entityId.value}/`;
+});
+
+const filter = computed(() => {
+    return { where: { id: entityId.value } };
+});
+</script>
+
+<template>
+    <CardSummary
+        data-key="zoneData"
+        ref="summary"
+        :url="`Zones/summary`"
+        :filter="filter"
+    >
+        <template #header="{ entity }">
+            <div>{{ entity.id }} - {{ entity.firstName }} {{ entity.lastName }}</div>
+        </template>
+        <template #body="{ entity: zone }">
+            <QCard class="vn-one">
+                <VnTitle
+                    :url="zoneUrl + `basic-data`"
+                    :text="t('zone.summary.basicData')"
+                />
+                <VnLv :label="t('zone.card.name')" :value="zone.user?.nickname" />
+                <VnLv
+                    :label="t('zone.list.department')"
+                    :value="zone.department?.department?.name"
+                />
+                <VnLv :label="t('zone.list.email')" :value="zone.user.email" copy />
+                <VnLv :label="t('zone.summary.boss')" link>
+                    <template #value>
+                        <VnUserLink
+                            v-if="zone.boss"
+                            :name="dashIfEmpty(zone.boss?.name)"
+                            :zone-id="zone.bossFk"
+                        />
+                    </template>
+                </VnLv>
+                <VnLv :value="zone.mobileExtension">
+                    <template #label>
+                        {{ t('zone.summary.phoneExtension') }}
+                        <VnLinkPhone :phone-number="zone.mobileExtension" />
+                    </template>
+                </VnLv>
+                <VnLv :value="zone.phone">
+                    <template #label>
+                        {{ t('zone.summary.entPhone') }}
+                        <VnLinkPhone :phone-number="zone.phone" />
+                    </template>
+                </VnLv>
+                <VnLv :label="t('zone.summary.locker')" :value="zone.locker" />
+            </QCard>
+            <QCard class="vn-one">
+                <VnTitle :text="t('zone.summary.userData')" />
+                <VnLv :label="t('zone.summary.userId')" :value="zone.user.id" />
+                <VnLv :label="t('zone.card.name')" :value="zone.user.nickname" />
+                <VnLv :label="t('zone.summary.role')" :value="zone.user.role.name" />
+                <VnLv :value="zone?.sip?.extension">
+                    <template #label>
+                        {{ t('zone.summary.sipExtension') }}
+                        <VnLinkPhone :phone-number="zone?.sip?.extension" />
+                    </template>
+                </VnLv>
+            </QCard>
+        </template>
+    </CardSummary>
+</template>

From cb0d7214650b02e1ab5a7af4e348e037a03b8e84 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Thu, 2 May 2024 14:40:56 +0200
Subject: [PATCH 194/305] feat: zoneSummary

---
 src/pages/Zone/Card/ZoneSummary.vue | 94 +++++++++++++++++++++++++++++
 1 file changed, 94 insertions(+)
 create mode 100644 src/pages/Zone/Card/ZoneSummary.vue

diff --git a/src/pages/Zone/Card/ZoneSummary.vue b/src/pages/Zone/Card/ZoneSummary.vue
new file mode 100644
index 000000000..00df03cb0
--- /dev/null
+++ b/src/pages/Zone/Card/ZoneSummary.vue
@@ -0,0 +1,94 @@
+<script setup>
+import { ref, onMounted, computed } from 'vue';
+import { useRoute } from 'vue-router';
+import { useI18n } from 'vue-i18n';
+import { dashIfEmpty } from 'src/filters';
+import { getUrl } from 'src/composables/getUrl';
+import VnLv from 'src/components/ui/VnLv.vue';
+import VnLinkPhone from 'src/components/ui/VnLinkPhone.vue';
+import CardSummary from 'components/ui/CardSummary.vue';
+import VnUserLink from 'src/components/ui/VnUserLink.vue';
+import VnTitle from 'src/components/common/VnTitle.vue';
+
+const route = useRoute();
+const { t } = useI18n();
+
+const $props = defineProps({
+    id: {
+        type: Number,
+        default: 0,
+    },
+});
+
+const entityId = computed(() => $props.id || route.params.id);
+const zoneUrl = ref();
+
+onMounted(async () => {
+    zoneUrl.value = (await getUrl('')) + `zone/${entityId.value}/`;
+});
+
+const filter = computed(() => {
+    return { where: { id: entityId.value } };
+});
+</script>
+
+<template>
+    <CardSummary
+        data-key="zoneData"
+        ref="summary"
+        :url="`Zones/summary`"
+        :filter="filter"
+    >
+        <template #header="{ entity }">
+            <div>{{ entity.id }} - {{ entity.firstName }} {{ entity.lastName }}</div>
+        </template>
+        <template #body="{ entity: zone }">
+            <QCard class="vn-one">
+                <VnTitle
+                    :url="zoneUrl + `basic-data`"
+                    :text="t('zone.summary.basicData')"
+                />
+                <VnLv :label="t('zone.card.name')" :value="zone.user?.nickname" />
+                <VnLv
+                    :label="t('zone.list.department')"
+                    :value="zone.department?.department?.name"
+                />
+                <VnLv :label="t('zone.list.email')" :value="zone.user.email" copy />
+                <VnLv :label="t('zone.summary.boss')" link>
+                    <template #value>
+                        <VnUserLink
+                            v-if="zone.boss"
+                            :name="dashIfEmpty(zone.boss?.name)"
+                            :zone-id="zone.bossFk"
+                        />
+                    </template>
+                </VnLv>
+                <VnLv :value="zone.mobileExtension">
+                    <template #label>
+                        {{ t('zone.summary.phoneExtension') }}
+                        <VnLinkPhone :phone-number="zone.mobileExtension" />
+                    </template>
+                </VnLv>
+                <VnLv :value="zone.phone">
+                    <template #label>
+                        {{ t('zone.summary.entPhone') }}
+                        <VnLinkPhone :phone-number="zone.phone" />
+                    </template>
+                </VnLv>
+                <VnLv :label="t('zone.summary.locker')" :value="zone.locker" />
+            </QCard>
+            <QCard class="vn-one">
+                <VnTitle :text="t('zone.summary.userData')" />
+                <VnLv :label="t('zone.summary.userId')" :value="zone.user.id" />
+                <VnLv :label="t('zone.card.name')" :value="zone.user.nickname" />
+                <VnLv :label="t('zone.summary.role')" :value="zone.user.role.name" />
+                <VnLv :value="zone?.sip?.extension">
+                    <template #label>
+                        {{ t('zone.summary.sipExtension') }}
+                        <VnLinkPhone :phone-number="zone?.sip?.extension" />
+                    </template>
+                </VnLv>
+            </QCard>
+        </template>
+    </CardSummary>
+</template>

From d68934a5269ff18f69ef8398e32914228bccab22 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Thu, 2 May 2024 11:51:04 -0300
Subject: [PATCH 195/305] Item basic data

---
 src/pages/Item/Card/ItemBasicData.vue | 66 ++++++++++++---------------
 src/pages/Item/locale/en.yml          |  7 +++
 src/pages/Item/locale/es.yml          |  7 +++
 3 files changed, 44 insertions(+), 36 deletions(-)

diff --git a/src/pages/Item/Card/ItemBasicData.vue b/src/pages/Item/Card/ItemBasicData.vue
index dc6868fba..7e8fa1d92 100644
--- a/src/pages/Item/Card/ItemBasicData.vue
+++ b/src/pages/Item/Card/ItemBasicData.vue
@@ -192,48 +192,42 @@ const onIntrastatCreated = (response, formData) => {
                     type="number"
                 />
             </VnRow>
-            <!-- <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <QInput
-                        :label="t('entry.basicData.observation')"
-                        type="textarea"
-                        v-model="data.observation"
-                        :maxlength="45"
-                        counter
-                        fill-input
-                    />
-                </div>
-            </VnRow> -->
-            <!-- <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
+            <VnRow class="row q-gutter-md q-mb-md">
+                <QCheckbox v-model="data.isActive" :label="t('basicData.isActive')" />
+                <QCheckbox v-model="data.hasKgPrice" :label="t('basicData.hasKgPrice')" />
+                <div>
                     <QCheckbox
-                        v-model="data.isOrdered"
-                        :label="t('entry.basicData.ordered')"
+                        v-model="data.isFragile"
+                        :label="t('basicData.isFragile')"
+                        class="q-mr-sm"
                     />
+                    <QIcon name="info" class="cursor-pointer" size="xs">
+                        <QTooltip max-width="300px">
+                            {{ t('basicData.isFragileTooltip') }}
+                        </QTooltip>
+                    </QIcon>
                 </div>
-                <div class="col">
+                <div>
                     <QCheckbox
-                        v-model="data.isConfirmed"
-                        :label="t('entry.basicData.confirmed')"
+                        v-model="data.isPhotoRequested"
+                        :label="t('basicData.isPhotoRequested')"
+                        class="q-mr-sm"
                     />
+                    <QIcon name="info" class="cursor-pointer" size="xs">
+                        <QTooltip>
+                            {{ t('basicData.isPhotoRequestedTooltip') }}
+                        </QTooltip>
+                    </QIcon>
                 </div>
-                <div class="col">
-                    <QCheckbox
-                        v-model="data.isExcludedFromAvailable"
-                        :label="t('entry.basicData.excludedFromAvailable')"
-                    />
-                </div>
-                <div class="col">
-                    <QCheckbox v-model="data.isRaid" :label="t('entry.basicData.raid')" />
-                </div>
-                <div class="col">
-                    <QCheckbox
-                        v-if="isAdministrative()"
-                        v-model="data.isBooked"
-                        :label="t('entry.basicData.booked')"
-                    />
-                </div>
-            </VnRow> -->
+            </VnRow>
+            <VnRow class="row q-gutter-md q-mb-md">
+                <QInput
+                    :label="t('basicData.description')"
+                    type="textarea"
+                    v-model="data.description"
+                    fill-input
+                />
+            </VnRow>
         </template>
     </FormModel>
 </template>
diff --git a/src/pages/Item/locale/en.yml b/src/pages/Item/locale/en.yml
index 410ed5edc..35d65b2da 100644
--- a/src/pages/Item/locale/en.yml
+++ b/src/pages/Item/locale/en.yml
@@ -24,6 +24,13 @@ basicData:
     boxUnits: Units/Box
     recycledPlastic: Recycled plastic
     nonRecycledPlastic: Non recycled plastic
+    description: Description
+    isActive: Active
+    hasKgPrice: Price in kg
+    isFragile: Fragile
+    isFragileTooltip: Is shown at website, app that this item cannot travel (wreath, palms, ...)
+    isPhotoRequested: Do photo
+    isPhotoRequestedTooltip: This item does need a photo
 createIntrastatForm:
     title: New intrastat
     identifier: Identifier
diff --git a/src/pages/Item/locale/es.yml b/src/pages/Item/locale/es.yml
index 6540c36c8..498520c26 100644
--- a/src/pages/Item/locale/es.yml
+++ b/src/pages/Item/locale/es.yml
@@ -24,6 +24,13 @@ basicData:
     boxUnits: Unidades/caja
     recycledPlastic: Plástico reciclado
     nonRecycledPlastic: Plástico no reciclado
+    description: Descripción
+    isActive: Activo
+    hasKgPrice: Precio en kg
+    isFragile: Frágil
+    isFragileTooltip: Se muestra en la web app, que este artículo no puede viajar (coronas, palmas, ...)
+    isPhotoRequested: Hacer foto
+    isPhotoRequestedTooltip: Este artículo necesita una foto
 createIntrastatForm:
     title: Nuevo intrastat
     identifier: Identificador

From 3467f30b124a2a9bb14ad55dbfd6b002ae139aef Mon Sep 17 00:00:00 2001
From: Jon <jon@verdnatura.es>
Date: Fri, 3 May 2024 08:40:53 +0200
Subject: [PATCH 196/305] refactor: refs #7274 changed
 CustomerNotificationsCampaignConsumption template and logic

---
 .../Notifications/CustomerNotifications.vue   | 38 ++------
 ...stomerNotificationsCampaignConsumption.vue | 89 +++++++++----------
 2 files changed, 50 insertions(+), 77 deletions(-)

diff --git a/src/pages/Customer/Notifications/CustomerNotifications.vue b/src/pages/Customer/Notifications/CustomerNotifications.vue
index 211309dc1..d19b52c2c 100644
--- a/src/pages/Customer/Notifications/CustomerNotifications.vue
+++ b/src/pages/Customer/Notifications/CustomerNotifications.vue
@@ -1,10 +1,7 @@
 <script setup>
 import { ref, computed } from 'vue';
-import { useQuasar } from 'quasar';
 import { useI18n } from 'vue-i18n';
-
 import { QBtn } from 'quasar';
-
 import FetchData from 'components/FetchData.vue';
 import CustomerNotificationsFilter from './CustomerNotificationsFilter.vue';
 import CustomerDescriptorProxy from '../Card/CustomerDescriptorProxy.vue';
@@ -13,14 +10,10 @@ import { useStateStore } from 'stores/useStateStore';
 import CustomerNotificationsCampaignConsumption from './CustomerNotificationsCampaignConsumption.vue';
 
 const stateStore = useStateStore();
-
 const { t } = useI18n();
-
 const rows = ref([]);
 const selected = ref([]);
 const selectedCustomerId = ref(0);
-const quasar = useQuasar();
-const dataRef = ref(null);
 
 const tableColumnComponents = {
     id: {
@@ -86,19 +79,6 @@ const columns = computed(() => [
 const selectCustomerId = (id) => {
     selectedCustomerId.value = id;
 };
-
-const campaignConsumption = () => {
-    quasar.dialog({
-        component: CustomerNotificationsCampaignConsumption,
-        componentProps: {
-            clients: selected,
-            promise: refreshData,
-        },
-    });
-};
-const refreshData = async () => {
-    await dataRef.value.fetch();
-};
 </script>
 
 <template>
@@ -117,8 +97,8 @@ const refreshData = async () => {
                     </QTooltip>
                 </QBtn>
             </div>
-        </Teleport></template
-    >
+        </Teleport>
+    </template>
     <FetchData
         :filter="filter"
         @on-fetch="(data) => (rows = data)"
@@ -133,15 +113,11 @@ const refreshData = async () => {
     </QDrawer>
     <VnSubToolbar class="justify-end">
         <template #st-data>
-            <QBtn
-                icon="show_chart"
-                color="primary"
-                class="q-mr-sm"
-                :disabled="!selected.length"
-                @click="campaignConsumption"
-            >
-                <QTooltip>{{ t('Campaign consumption') }}</QTooltip>
-            </QBtn>
+            <CustomerNotificationsCampaignConsumption
+                :selected-rows="selected.length > 0"
+                :clients="selected"
+                :promise="refreshData"
+            />
         </template>
     </VnSubToolbar>
     <QPage class="column items-center q-pa-md">
diff --git a/src/pages/Customer/Notifications/CustomerNotificationsCampaignConsumption.vue b/src/pages/Customer/Notifications/CustomerNotificationsCampaignConsumption.vue
index 641cdb851..d168aed6c 100644
--- a/src/pages/Customer/Notifications/CustomerNotificationsCampaignConsumption.vue
+++ b/src/pages/Customer/Notifications/CustomerNotificationsCampaignConsumption.vue
@@ -2,7 +2,6 @@
 import { ref, reactive } from 'vue';
 import { useI18n } from 'vue-i18n';
 import axios from 'axios';
-import { useDialogPluginComponent } from 'quasar';
 import useNotify from 'src/composables/useNotify';
 import { useValidator } from 'src/composables/useValidator';
 import VnRow from 'components/ui/VnRow.vue';
@@ -19,23 +18,24 @@ const $props = defineProps({
         type: Function,
         required: true,
     },
+    selectedRows: {
+        type: Boolean,
+    },
 });
 
-const { dialogRef } = useDialogPluginComponent();
 const { notify } = useNotify();
 const { t } = useI18n();
 const validationsStore = useValidator();
 const campaignParams = reactive({});
 const moreFields = ref([]);
 
-async function onSubmit() {
+const onSubmit = async () => {
     try {
         const data = {
-            clients: $props.clients._value.map((item) => item.id),
-            from: this.campaignParams.from,
-            to: this.campaignParams.to,
+            clients: $props.clients.map((item) => item.id),
+            from: campaignParams.from,
+            to: campaignParams.to,
         };
-
         const params = JSON.stringify(data);
         await axios.post('ClientConsumptionQueues', { params });
 
@@ -43,7 +43,7 @@ async function onSubmit() {
     } catch (error) {
         notify(error.message, 'negative');
     }
-}
+};
 onMounted(async () => {
     const { models } = validationsStore;
     const properties = models.Item?.properties || {};
@@ -68,44 +68,41 @@ onMounted(async () => {
         :filter="{ fields: ['id', 'code', 'dated'], order: 'code ASC', limit: 30 }"
         auto-load
     />
-    <QDialog ref="dialogRef">
-        <QCard class="q-pa-md q-mb-md">
-            <QCardSection>
-                <QForm @submit="onSubmit()" class="q-pa-sm">
-                    <div>
-                        {{ t('Campaign consumption') }}
-                    </div>
-                    <VnRow class="row q-gutter-md q-mb-md">
-                        <QSelect
-                            :options="moreFields"
-                            v-model="campaignParams.campaign"
-                            :label="t('Campaign')"
-                            option-label="label"
-                        />
-                    </VnRow>
-                    <VnRow class="row q-gutter-md q-mb-md">
-                        <VnInputDate v-model="campaignParams.from" :label="t('From')" />
-                        <VnInputDate v-model="campaignParams.to" :label="t('To')" />
-                    </VnRow>
-                    <div class="q-mt-lg row justify-end">
-                        <QBtn
-                            :label="t('globals.cancel')"
-                            color="primary"
-                            flat
-                            class="q-mr-md"
-                            v-close-popup
-                        />
-                        <QBtn
-                            :label="t('globals.save')"
-                            type="submit"
-                            color="primary"
-                            v-close-popup
-                        />
-                    </div>
-                </QForm>
-            </QCardSection>
-        </QCard>
-    </QDialog>
+    <QBtn color="primary" icon="show_chart" :disable="!selectedRows">
+        <QPopupProxy ref="popupProxyRef">
+            <QCard class="column q-pa-md">
+                <span class="text-body1 q-mb-sm">{{ t('Campaign consumption') }}</span>
+                <VnRow class="row q-gutter-md q-mb-md">
+                    <QSelect
+                        :options="moreFields"
+                        v-model="campaignParams.campaign"
+                        :label="t('Campaign')"
+                        option-label="label"
+                    />
+                </VnRow>
+                <VnRow class="row q-gutter-md q-mb-md">
+                    <VnInputDate v-model="campaignParams.from" :label="t('From')" />
+                    <VnInputDate v-model="campaignParams.to" :label="t('To')" />
+                </VnRow>
+                <div class="q-mt-lg row justify-end">
+                    <QBtn
+                        :label="t('globals.cancel')"
+                        color="primary"
+                        flat
+                        class="q-mr-md"
+                        v-close-popup
+                    />
+                    <QBtn
+                        :label="t('globals.save')"
+                        type="submit"
+                        color="primary"
+                        @click="onSubmit()"
+                    />
+                </div>
+            </QCard>
+        </QPopupProxy>
+        <QTooltip>{{ t('Campaign consumption') }}</QTooltip>
+    </QBtn>
 </template>
 
 <i18n>

From 1a5f2fbea2a7c821ca7d9e70fa5224f6a82dc22f Mon Sep 17 00:00:00 2001
From: Jon <jon@verdnatura.es>
Date: Fri, 3 May 2024 12:30:53 +0200
Subject: [PATCH 197/305] feat: refs #7271 advanced structure

---
 src/i18n/locale/en.yml                       |   4 +
 src/i18n/locale/es.yml                       |   6 +-
 src/pages/Zone/Card/ZoneBasicData.vue        | 103 +++++++++++++++++++
 src/pages/Zone/Card/ZoneCalendar.vue         |   0
 src/pages/Zone/Card/ZoneLocations.vue        |   0
 src/pages/Zone/Card/ZoneLog.vue              |   6 ++
 src/pages/Zone/Card/ZoneSummary.vue          |   3 +
 src/pages/Zone/Card/ZoneWarehouses.vue       |  59 +++++++++++
 src/pages/Zone/Delivery/ZoneDeliveryList.vue |   3 +-
 src/pages/Zone/Upcoming/ZoneUpcomingList.vue |   3 +-
 src/pages/Zone/ZoneCreate.vue                |   8 +-
 src/pages/Zone/ZoneDeliveryDays.vue          |   0
 src/pages/Zone/ZoneFilterPanel.vue           |  55 ++++++++++
 src/pages/Zone/ZoneList.vue                  |  67 +++++++-----
 src/pages/Zone/ZoneUpcoming.vue              |  53 ++++++++++
 src/pages/Zone/locale/en.yml                 |  19 ++++
 src/pages/Zone/locale/es.yml                 |  19 ++++
 17 files changed, 376 insertions(+), 32 deletions(-)
 create mode 100644 src/pages/Zone/Card/ZoneBasicData.vue
 create mode 100644 src/pages/Zone/Card/ZoneCalendar.vue
 create mode 100644 src/pages/Zone/Card/ZoneLocations.vue
 create mode 100644 src/pages/Zone/Card/ZoneLog.vue
 create mode 100644 src/pages/Zone/Card/ZoneSummary.vue
 create mode 100644 src/pages/Zone/Card/ZoneWarehouses.vue
 create mode 100644 src/pages/Zone/ZoneDeliveryDays.vue
 create mode 100644 src/pages/Zone/ZoneFilterPanel.vue
 create mode 100644 src/pages/Zone/ZoneUpcoming.vue
 create mode 100644 src/pages/Zone/locale/en.yml
 create mode 100644 src/pages/Zone/locale/es.yml

diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index aa65ce08c..a580f2553 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -90,6 +90,10 @@ globals:
         basicData: Basic data
         log: Logs
         parkingList: Parkings list
+        zones: Zones
+        zonesList: Zones
+        deliveryList: Delivery days
+        upcomingList: Upcoming deliveries
     created: Created
     worker: Worker
     now: Now
diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index da421432d..ef7ebf22b 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -90,6 +90,10 @@ globals:
         basicData: Datos básicos
         log: Historial
         parkingList: Listado de parkings
+        zones: Zonas
+        zonesList: Zonas
+        deliveryList: Días de entrega
+        upcomingList: Próximos repartos
     created: Fecha creación
     worker: Trabajador
     now: Ahora
@@ -287,7 +291,7 @@ customer:
             hasSepaVnl: Recibido B2B VNL
 entry:
     pageTitles:
-        entries: Entrasdadas
+        entries: Entradas
         list: Listado
         summary: Resumen
         basicData: Datos básicos
diff --git a/src/pages/Zone/Card/ZoneBasicData.vue b/src/pages/Zone/Card/ZoneBasicData.vue
new file mode 100644
index 000000000..5d57b920e
--- /dev/null
+++ b/src/pages/Zone/Card/ZoneBasicData.vue
@@ -0,0 +1,103 @@
+<script setup>
+import { useRoute } from 'vue-router';
+import { useI18n } from 'vue-i18n';
+
+import FetchData from 'components/FetchData.vue';
+import FormModel from 'src/components/FormModel.vue';
+import VnRow from 'components/ui/VnRow.vue';
+import VnInput from 'src/components/common/VnInput.vue';
+import { QCheckbox } from 'quasar';
+
+const route = useRoute();
+const { t } = useI18n();
+const zoneFilter = {
+    include: [
+        {
+            relation: 'agency',
+            scope: {
+                fields: ['name'],
+                include: { relation: 'agencyModeFk', scope: { fields: ['id'] } },
+            },
+        },
+        { relation: 'sip', scope: { fields: ['extension', 'secret'] } },
+        { relation: 'department', scope: { include: { relation: 'department' } } },
+        { relation: 'client', scope: { fields: ['phone'] } },
+    ],
+};
+const agencyFilter = {
+    fields: ['id', 'name'],
+    order: 'name ASC',
+    limit: 30,
+};
+</script>
+
+<template>
+    <FetchData
+        :filter="agencyFilter"
+        @on-fetch="(data) => (agencyOptions = data)"
+        auto-load
+        url="agencies"
+    />
+    <FetchData
+        :filter="zoneFilter"
+        @on-fetch="(data) => (zoneOptions = data)"
+        auto-load
+        url="zones"
+    />
+
+    <FormModel
+        :filter="zoneFilter"
+        :url="`zone/${route.params.id}/basic-data`"
+        auto-load
+        model="Zone"
+    >
+        <template #form="{ data }">
+            <VnRow class="row q-gutter-md q-mb-md">
+                <VnInput :label="t('Name')" clearable v-model="data.zone.name" />
+            </VnRow>
+
+            <VnRow class="row q-gutter-md q-mb-md">
+                <VnInput v-model="data.agency.name" :label="t('Agency')" clearable />
+                <VnInput v-model="data.zone.itemMaxSize" :label="t('Max m³')" clearable />
+                <VnInput v-model="data.zone.m3Max" :label="t('Maximum m³')" clearable />
+            </VnRow>
+
+            <VnRow class="row q-gutter-md q-mb-md">
+                <VnInput
+                    v-model="data.zone.travelingDays"
+                    :label="t('Traveling days')"
+                    clearable
+                />
+                <VnInput v-model="data.zone.hour" :label="t('Closing')" clearable />
+            </VnRow>
+
+            <VnRow class="row q-gutter-md q-mb-md">
+                <VnInput v-model="data.zone.price" :label="t('Price')" clearable />
+                <VnInput v-model="data.zone.bonus" :label="t('Bonus')" clearable />
+            </VnRow>
+
+            <VnRow class="row q-gutter-md q-mb-md">
+                <VnInput
+                    v-model="data.zone.inflation"
+                    :label="t('Inflation')"
+                    clearable
+                />
+                <QCheckbox v-model="data.zone.isVolumetric" :label="t('Volumetric')" />
+            </VnRow>
+        </template>
+    </FormModel>
+</template>
+
+<i18n>
+es:
+    Name: Nombre
+    Agency: Agencia
+    Max m³: Medida máxima
+    Maximum m³: M³ maximo
+    Traveling days: Dias de viaje
+    Closing: Cierre
+    Price: Precio
+    Bonus: Bonificación
+    Inflation: Inflación
+    Volumetric: Volumétrico
+</i18n>
diff --git a/src/pages/Zone/Card/ZoneCalendar.vue b/src/pages/Zone/Card/ZoneCalendar.vue
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/pages/Zone/Card/ZoneLocations.vue b/src/pages/Zone/Card/ZoneLocations.vue
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/pages/Zone/Card/ZoneLog.vue b/src/pages/Zone/Card/ZoneLog.vue
new file mode 100644
index 000000000..373d210b5
--- /dev/null
+++ b/src/pages/Zone/Card/ZoneLog.vue
@@ -0,0 +1,6 @@
+<script setup>
+import VnLog from 'src/components/common/VnLog.vue';
+</script>
+<template>
+    <VnLog model="Zone" url="/ZoneLogs"></VnLog>
+</template>
diff --git a/src/pages/Zone/Card/ZoneSummary.vue b/src/pages/Zone/Card/ZoneSummary.vue
new file mode 100644
index 000000000..63090b5d4
--- /dev/null
+++ b/src/pages/Zone/Card/ZoneSummary.vue
@@ -0,0 +1,3 @@
+<template>
+    <div>Si</div>
+</template>
diff --git a/src/pages/Zone/Card/ZoneWarehouses.vue b/src/pages/Zone/Card/ZoneWarehouses.vue
new file mode 100644
index 000000000..67a81ba4d
--- /dev/null
+++ b/src/pages/Zone/Card/ZoneWarehouses.vue
@@ -0,0 +1,59 @@
+<script setup>
+import { useRoute } from 'vue-router';
+import VnPaginate from 'components/ui/VnPaginate.vue';
+import CardList from 'components/CardList.vue';
+import VnLv from 'components/ui/VnLv.vue';
+
+const route = useRoute();
+
+function deleteWarehouse() {
+    let row = this.deleteRow;
+    if (!row) return;
+    return this.$http.delete(`${this.path}/${row.id}`).then(() => {
+        let index = this.$.data.indexOf(row);
+        if (index !== -1) this.$.data.splice(index, 1);
+        this.deleteRow = null;
+    });
+}
+</script>
+
+<template>
+    <QPage class="column items-center q-pa-md">
+        <div class="vn-card-list">
+            <VnPaginate
+                data-key="ZoneWarehouses"
+                :url="`Zones/${route.params.id}/warehouses`"
+                auto-load
+            >
+                <template #body="{ rows }">
+                    <CardList
+                        v-for="row of rows"
+                        :key="row.id"
+                        :title="row.name"
+                        :id="row.id"
+                    >
+                        <template #list-items>
+                            <VnLv :value="row.name" />
+                            <QIcon
+                                name="delete"
+                                size="sm"
+                                class="cursor-pointer"
+                                color="primary"
+                                @click="deleteWarehouse()"
+                            >
+                                <QTooltip>
+                                    {{ t('Remove row') }}
+                                </QTooltip>
+                            </QIcon>
+                        </template>
+                    </CardList>
+                </template>
+            </VnPaginate>
+        </div>
+    </QPage>
+</template>
+
+<i18n>
+    es:
+        Remove row: Eliminar fila
+</i18n>
diff --git a/src/pages/Zone/Delivery/ZoneDeliveryList.vue b/src/pages/Zone/Delivery/ZoneDeliveryList.vue
index c7a3cbcdb..695388a9b 100644
--- a/src/pages/Zone/Delivery/ZoneDeliveryList.vue
+++ b/src/pages/Zone/Delivery/ZoneDeliveryList.vue
@@ -6,7 +6,6 @@ import { useArrayData } from 'src/composables/useArrayData';
 import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 import CardList from 'components/ui/CardList.vue';
-import VnLv from 'components/ui/VnLv.vue';
 
 const quasar = useQuasar();
 const arrayData = useArrayData('ZoneDeliveryList');
@@ -45,7 +44,7 @@ async function remove(row) {
         <div class="vn-card-list">
             <VnPaginate
                 data-key="ZoneDeliveryList"
-                url="/ZoneDeliverys"
+                url="/Zones/getEvents"
                 order="id DESC"
                 auto-load
             >
diff --git a/src/pages/Zone/Upcoming/ZoneUpcomingList.vue b/src/pages/Zone/Upcoming/ZoneUpcomingList.vue
index 5c417df8f..2d3016f25 100644
--- a/src/pages/Zone/Upcoming/ZoneUpcomingList.vue
+++ b/src/pages/Zone/Upcoming/ZoneUpcomingList.vue
@@ -6,7 +6,6 @@ import { useArrayData } from 'src/composables/useArrayData';
 import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 import CardList from 'components/ui/CardList.vue';
-import VnLv from 'components/ui/VnLv.vue';
 
 const quasar = useQuasar();
 const arrayData = useArrayData('ZoneUpcomingList');
@@ -45,7 +44,7 @@ async function remove(row) {
         <div class="vn-card-list">
             <VnPaginate
                 data-key="ZoneUpcomingList"
-                url="/ZoneUpcomings"
+                url="/Zones/getUpcomingDeliveries"
                 order="id DESC"
                 auto-load
             >
diff --git a/src/pages/Zone/ZoneCreate.vue b/src/pages/Zone/ZoneCreate.vue
index 8c0ba8c17..93ea9589b 100644
--- a/src/pages/Zone/ZoneCreate.vue
+++ b/src/pages/Zone/ZoneCreate.vue
@@ -96,7 +96,7 @@ function filterType(val, update) {
                         <QInput
                             filled
                             v-model="zone.label"
-                            :label="t('zone.create.label')"
+                            :label="t('zone.create.name')"
                             type="number"
                             min="0"
                             :rules="[(val) => !!val || t('zone.warnings.labelNotEmpty')]"
@@ -106,7 +106,7 @@ function filterType(val, update) {
                         <VnInput
                             filled
                             v-model="zone.plate"
-                            :label="t('zone.create.plate')"
+                            :label="t('zone.create.agency')"
                             :rules="[(val) => !!val || t('zone.warnings.plateNotEmpty')]"
                         />
                     </div>
@@ -116,7 +116,7 @@ function filterType(val, update) {
                         <QInput
                             filled
                             v-model="zone.volume"
-                            :label="t('zone.create.volume')"
+                            :label="t('zone.create.close')"
                             type="number"
                             min="0"
                             :rules="[(val) => !!val || t('zone.warnings.volumeNotEmpty')]"
@@ -134,7 +134,7 @@ function filterType(val, update) {
                             option-value="id"
                             emit-value
                             map-options
-                            :label="t('zone.create.type')"
+                            :label="t('zone.create.price')"
                             :options="filteredZoneTypes"
                             :rules="[(val) => !!val || t('zone.warnings.typeNotEmpty')]"
                             @filter="filterType"
diff --git a/src/pages/Zone/ZoneDeliveryDays.vue b/src/pages/Zone/ZoneDeliveryDays.vue
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/pages/Zone/ZoneFilterPanel.vue b/src/pages/Zone/ZoneFilterPanel.vue
new file mode 100644
index 000000000..94765919d
--- /dev/null
+++ b/src/pages/Zone/ZoneFilterPanel.vue
@@ -0,0 +1,55 @@
+<script setup>
+import { ref } from 'vue';
+import { useI18n } from 'vue-i18n';
+import VnInput from 'components/common/VnInput.vue';
+import FetchData from 'components/FetchData.vue';
+import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
+import VnSelectFilter from 'components/common/VnSelectFilter.vue';
+
+const { t } = useI18n();
+const props = defineProps({
+    dataKey: {
+        type: String,
+        required: true,
+    },
+    exprBuilder: {
+        type: Function,
+        default: null,
+    },
+});
+const agencies = ref([]);
+</script>
+
+<template>
+    <FetchData
+        url="agencies"
+        limit="30"
+        @on-fetch="(data) => (agencies = data)"
+        auto-load
+    />
+    <VnFilterPanel :data-key="props.dataKey" :search-button="true">
+        <template #body="{ params }">
+            <QItem>
+                <QItemSection>
+                    <VnInput :label="t('Name')" v-model="params.name" is-outlined />
+                </QItemSection>
+            </QItem>
+            <QItem>
+                <QItemSection>
+                    <VnSelectFilter
+                        :label="t('Agency')"
+                        v-model="params.agencyModefK"
+                        :options="agencies"
+                        option-value="id"
+                        option-label="name"
+                        @input-value="agencies.fetch()"
+                        dense
+                        outlined
+                        rounded
+                    >
+                    </VnSelectFilter>
+                </QItemSection>
+            </QItem>
+        </template>
+    </VnFilterPanel>
+</template>
diff --git a/src/pages/Zone/ZoneList.vue b/src/pages/Zone/ZoneList.vue
index 00502e1f7..2140c5e14 100644
--- a/src/pages/Zone/ZoneList.vue
+++ b/src/pages/Zone/ZoneList.vue
@@ -7,21 +7,15 @@ import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 import CardList from 'components/ui/CardList.vue';
 import VnLv from 'components/ui/VnLv.vue';
+import FetchData from 'src/components/FetchData.vue';
+import { useSummaryDialog } from 'src/composables/useSummaryDialog';
 
 const quasar = useQuasar();
 const arrayData = useArrayData('ZoneList');
 const store = arrayData.store;
 const router = useRouter();
 const { t } = useI18n();
-
-const filter = {
-    include: {
-        relation: 'type',
-        scope: {
-            fields: 'name',
-        },
-    },
-};
+const { viewSummary } = useSummaryDialog();
 
 function navigate(id) {
     router.push({ path: `/zone/${id}/edit` });
@@ -44,18 +38,25 @@ async function remove(row) {
         //
     }
 }
+
+function extractHour(dateTime) {
+    const date = new Date(dateTime);
+    const hours = date.getHours().toString().padStart(2, '0');
+    const minutes = date.getMinutes().toString().padStart(2, '0');
+    return `${hours}:${minutes}`;
+}
 </script>
 
 <template>
+    <FetchData
+        url="/Agencies"
+        @on-fetch="(data) => (agencyOptions = data)"
+        :filter="{ fields: ['id', 'name'] }"
+        auto-load
+    />
     <QPage class="column items-center q-pa-md">
         <div class="vn-card-list">
-            <VnPaginate
-                data-key="ZoneList"
-                url="/Zones"
-                order="id DESC"
-                :filter="filter"
-                auto-load
-            >
+            <VnPaginate data-key="ZoneList" url="/Zones" order="id DESC" auto-load>
                 <template #body="{ rows }">
                     <CardList
                         v-for="row of rows"
@@ -66,12 +67,23 @@ async function remove(row) {
                     >
                         <template #list-items>
                             <VnLv
-                                :label="t('zone.list.plate')"
-                                :title-label="t('zone.list.plate')"
-                                :value="row.plate"
+                                :label="t('zone.list.id')"
+                                :title-label="t('zone.list.id')"
+                                :value="row.id"
                             />
-                            <VnLv :label="t('zone.list.volume')" :value="row?.volume" />
-                            <VnLv :label="t('zone.list.type')" :value="row?.type?.name" />
+                            <VnLv :label="t('zone.list.name')" :value="row?.name" />
+                            <VnLv
+                                :label="t('zone.list.agency')"
+                                :options="agencyOptions"
+                                option-value="id"
+                                option-label="name"
+                                :value="row?.agencyFk"
+                            />
+                            <VnLv
+                                :label="t('zone.list.close')"
+                                :value="extractHour(row?.hour)"
+                            />
+                            <VnLv :label="t('zone.list.price')" :value="row?.price" />
                         </template>
                         <template #actions>
                             <QBtn
@@ -80,7 +92,14 @@ async function remove(row) {
                                 outline
                             />
                             <QBtn
-                                :label="t('zone.list.remove')"
+                                :label="t('zone.list.openSummary')"
+                                @click.stop="viewSummary(row.id, ZoneSummary)"
+                                color="primary"
+                                style="margin-top: 15px"
+                            />
+                            <!--AQUI PONER BOTÓN CLONAR-->
+                            <QBtn
+                                :label="t('zone.list.clone')"
                                 @click.stop="remove(row)"
                                 color="primary"
                                 style="margin-top: 15px"
@@ -91,7 +110,9 @@ async function remove(row) {
             </VnPaginate>
         </div>
         <QPageSticky position="bottom-right" :offset="[18, 18]">
-            <QBtn @click="create" fab icon="add" color="primary" />
+            <QBtn @click="create" fab icon="add" color="primary">
+                <QTooltip>{{ t('zone.list.create') }}</QTooltip>
+            </QBtn>
         </QPageSticky>
     </QPage>
 </template>
diff --git a/src/pages/Zone/ZoneUpcoming.vue b/src/pages/Zone/ZoneUpcoming.vue
new file mode 100644
index 000000000..d405c95f6
--- /dev/null
+++ b/src/pages/Zone/ZoneUpcoming.vue
@@ -0,0 +1,53 @@
+<script setup>
+import { ref, computed } from 'vue';
+import ZoneFilterPanel from 'components/InvoiceOutNegativeFilter.vue';
+import VnSubToolbar from 'components/ui/VnSubToolbar.vue';
+import { useI18n } from 'vue-i18n';
+
+const { t } = useI18n();
+const arrayData = ref(null);
+const rows = computed(() => arrayData.value.store.data);
+
+const columns = computed(() => [
+    {
+        label: t('Province'),
+        //field: '',
+        //name: '',
+        align: 'left',
+    },
+    {
+        label: t('Closing'),
+        //field: '',
+        //name: '',
+        align: 'left',
+    },
+    {
+        label: t('Id'),
+        //field: '',
+        //name: '',
+        align: 'left',
+    },
+]);
+
+function getWeekDay(jsonDate) {
+    const weekDay = new Date(jsonDate).getDay();
+
+    return this.days[weekDay].locale;
+}
+</script>
+
+<template>
+    <QDrawer v-model="stateStore.rightDrawer" side="right" :width="256" show-if-above>
+        <QScrollArea class="fit text-grey-8">
+            <ZoneFilterPanel data-key="ZoneUpcoming" />
+        </QScrollArea>
+    </QDrawer>
+    <VnSubToolbar />
+    <QPage class="column items-center q-pa-md">
+        <span>
+            {{ t(`${getWeekDay(/*detail.shipped*/)}`) }} -
+            {{ t /*'detail.shipped'*/() }}
+        </span>
+        <QTable :columns="columns" :rows="rows" class="full-width q-mt-md"> </QTable>
+    </QPage>
+</template>
diff --git a/src/pages/Zone/locale/en.yml b/src/pages/Zone/locale/en.yml
new file mode 100644
index 000000000..e62111d57
--- /dev/null
+++ b/src/pages/Zone/locale/en.yml
@@ -0,0 +1,19 @@
+zone:
+    list:
+        volume: Volume
+        clone: Clone
+        id: Id
+        name: Name
+        agency: Agency
+        close: Close
+        price: Price
+        create: Create zone
+        openSummary: Details
+    create:
+        name: Name
+        agency: Agency
+        close: Close
+        price: Price
+    type:
+        submit: Save
+        reset: Reset
diff --git a/src/pages/Zone/locale/es.yml b/src/pages/Zone/locale/es.yml
new file mode 100644
index 000000000..5d7a265bf
--- /dev/null
+++ b/src/pages/Zone/locale/es.yml
@@ -0,0 +1,19 @@
+zone:
+    list:
+        volume: Volumen
+        clone: Clonar
+        id: Id
+        name: Nombre
+        agency: Agencia
+        close: Cierre
+        price: Precio
+        create: Crear zona
+        openSummary: Detalles
+    create:
+        name: Nombre
+        agency: Agencia
+        close: Cierre
+        price: Precio
+    type:
+        submit: Guardar
+        reset: Reiniciar

From 710b45f43ab0ecf3a90142708f060bfe3151f782 Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Fri, 3 May 2024 14:49:50 +0200
Subject: [PATCH 198/305] refs #6842 isFreelance

---
 src/pages/Worker/Card/WorkerCalendar.vue | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/pages/Worker/Card/WorkerCalendar.vue b/src/pages/Worker/Card/WorkerCalendar.vue
index 288e78dcf..c0a70571e 100644
--- a/src/pages/Worker/Card/WorkerCalendar.vue
+++ b/src/pages/Worker/Card/WorkerCalendar.vue
@@ -13,7 +13,7 @@ import axios from 'axios';
 const stateStore = useStateStore();
 const route = useRoute();
 const { t } = useI18n();
-
+const workerIsFreelance = ref();
 const workerCalendarFilterRef = ref(null);
 const workerCalendarRef = ref(null);
 const absenceType = ref(null);
@@ -32,6 +32,12 @@ const onFetchActiveContract = (data) => {
     hasWorkCenter.value = Boolean(data?.workCenterFk);
 };
 
+const isFreelance = async () => {
+    const { data } = await axios.get(`Workers/${route.params.id}`);
+
+    workerIsFreelance.value = data.isFreelance;
+};
+
 const addEvent = (day, newEvent, isFestive = false) => {
     const timestamp = new Date(day).getTime();
     let event = eventsMap.value[timestamp];
@@ -128,6 +134,7 @@ const refreshData = () => {
     updateYearHolidays();
     updateContractHolidays();
     getAbsences();
+    isFreelance();
 };
 
 const onDeletedEvent = (timestamp) => {
@@ -151,6 +158,11 @@ watch([year, businessFk], () => refreshData());
         @on-fetch="(data) => (isSubordinate = data)"
         auto-load
     />
+    <FetchData
+        :url="`Workers/${route.params.id}`"
+        @on-fetch="(data) => (workerIsFreelance = data.isFreelance)"
+        auto-load
+    />
     <template v-if="stateStore.isHeaderMounted()">
         <Teleport to="#actions-append">
             <div class="row q-gutter-x-sm">
@@ -181,7 +193,7 @@ watch([year, businessFk], () => refreshData());
         </QScrollArea>
     </QDrawer>
     <QPage class="column items-center">
-        <QCard v-if="!hasWorkCenter">
+        <QCard v-if="workerIsFreelance">
             <QCardSection class="text-center">
                 {{ t('Autonomous worker') }}
             </QCardSection>

From 743faef9567f4c7f942a3ebd1d27b45d0f510aec Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 3 May 2024 15:05:37 +0200
Subject: [PATCH 199/305] fix: #6842 Not update calendar correctly

---
 src/pages/Worker/Card/WorkerCalendar.vue   | 13 ++++++++++++-
 src/pages/Worker/Card/WorkerDescriptor.vue |  1 -
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/pages/Worker/Card/WorkerCalendar.vue b/src/pages/Worker/Card/WorkerCalendar.vue
index c0a70571e..6677cb351 100644
--- a/src/pages/Worker/Card/WorkerCalendar.vue
+++ b/src/pages/Worker/Card/WorkerCalendar.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, watch } from 'vue';
+import { nextTick, ref, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRoute } from 'vue-router';
 
@@ -10,6 +10,8 @@ import WorkerCalendarItem from 'pages/Worker/Card/WorkerCalendarItem.vue';
 import { useStateStore } from 'stores/useStateStore';
 import axios from 'axios';
 
+import { useRouter } from 'vue-router';
+const router = useRouter();
 const stateStore = useStateStore();
 const route = useRoute();
 const { t } = useI18n();
@@ -143,12 +145,21 @@ const onDeletedEvent = (timestamp) => {
     if (festiveEventsMap.value[timestamp])
         eventsMap.value[timestamp] = festiveEventsMap.value[timestamp];
 };
+const activeContractRef = ref(null);
 
+watch(
+    () => router.currentRoute.value.params.id,
+    async () => {
+        await nextTick();
+        await activeContractRef.value.fetch();
+    }
+);
 watch([year, businessFk], () => refreshData());
 </script>
 
 <template>
     <FetchData
+        ref="activeContractRef"
         :url="`Workers/${route.params.id}/activeContract`"
         @on-fetch="onFetchActiveContract"
         auto-load
diff --git a/src/pages/Worker/Card/WorkerDescriptor.vue b/src/pages/Worker/Card/WorkerDescriptor.vue
index 6f05fcdfb..922c31d99 100644
--- a/src/pages/Worker/Card/WorkerDescriptor.vue
+++ b/src/pages/Worker/Card/WorkerDescriptor.vue
@@ -36,7 +36,6 @@ const filter = computed(() => {
 });
 
 const sip = ref(null);
-
 watch(
     () => [worker.value?.sip?.extension, state.get('extension')],
     ([newWorkerSip, newStateExtension], [oldWorkerSip, oldStateExtension]) => {

From f3b1de1ee41777981e0bc7e6cbc654f075745693 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Fri, 3 May 2024 17:19:13 -0300
Subject: [PATCH 200/305] Item tags

---
 src/pages/Item/Card/ItemTags.vue | 119 +++++++++++++++----------------
 src/pages/Item/locale/en.yml     |   6 ++
 src/pages/Item/locale/es.yml     |   6 ++
 3 files changed, 69 insertions(+), 62 deletions(-)

diff --git a/src/pages/Item/Card/ItemTags.vue b/src/pages/Item/Card/ItemTags.vue
index 3067c9768..01df1009b 100644
--- a/src/pages/Item/Card/ItemTags.vue
+++ b/src/pages/Item/Card/ItemTags.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, onMounted, computed } from 'vue';
+import { ref } from 'vue';
 import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 
@@ -10,65 +10,58 @@ import FetchData from 'components/FetchData.vue';
 import VnSelect from 'src/components/common/VnSelect.vue';
 
 import axios from 'axios';
-import { useArrayData } from 'composables/useArrayData';
 
 const route = useRoute();
 const { t } = useI18n();
 
 const itemTagsRef = ref(null);
 const tagOptions = ref([]);
-
-const arrayData = useArrayData('ItemTags');
-const itemTags = computed(() => {
-    console.log('arrayData.store.data:: ', arrayData.store.data);
-    let map = new Map();
-    (arrayData.store.data || []).forEach((tag) => {
-        map.set(tag.id, tag);
-    });
-    return map;
-});
-// const getHighestPriority = () => {
-//     let max = 0;
-//     console.log('formData:: ', itemTagsRef.value.formData);
-//     itemTagsRef.value.formData.forEach((tag) => {
-//         if (tag.priority > max) max = tag.priority;
-//     });
-//     return max + 1;
-// };
-
-const getHighestPriority = computed(() => {
-    let max = 0;
-    if (!itemTagsRef.value || !itemTagsRef.value.length) return max;
-    console.log('formData:: ', itemTagsRef.value.formData);
-    itemTagsRef.value.formData.forEach((tag) => {
-        if (tag.priority > max) max = tag.priority;
-    });
-    return max + 1;
-});
+const valueOptionsMap = ref(new Map());
 
 const getSelectedTagValues = async (tag) => {
     try {
-        console.log('tag:: ', tag);
-        tag.value = null;
+        if (!tag.tagFk && tag.tag.isFree) return;
         const filter = {
             fields: ['value'],
             order: 'value ASC',
         };
 
         const params = { filter: JSON.stringify(filter) };
-        const { data } = await axios.get(`Tags/${tag.selectedTag.id}/filterValue`, {
+        const { data } = await axios.get(`Tags/${tag.tagFk}/filterValue`, {
             params,
         });
-        tag.valueOptions = data;
+        valueOptionsMap.value.set(tag.tagFk, data);
     } catch (err) {
         console.error('Error getting selected tag values');
     }
 };
 
-onMounted(() => {
-    // if (itemTagsRef.value) itemTagsRef.value.reload();
-    console.log('itemTagsRef:: ', itemTagsRef.value.formData);
-});
+const onItemTagsFetched = async (itemTags) => {
+    (itemTags || []).forEach((tag) => {
+        getSelectedTagValues(tag);
+    });
+};
+
+const handleTagSelected = (rows, index, tag) => {
+    rows[index].tag = tag;
+    rows[index].tagFk = tag.id;
+    rows[index].value = null;
+    getSelectedTagValues(rows[index]);
+};
+
+const getHighestPriority = (rows) => {
+    let max = 0;
+    rows.forEach((tag) => {
+        if (tag.priority > max) max = tag.priority;
+    });
+    return max + 1;
+};
+
+const insertTag = (rows) => {
+    itemTagsRef.value.insert();
+    itemTagsRef.value.formData[itemTagsRef.value.formData.length - 1].priority =
+        getHighestPriority(rows);
+};
 </script>
 
 <template>
@@ -85,14 +78,17 @@ onMounted(() => {
                 data-key="ItemTags"
                 model="ItemTags"
                 url="ItemTags"
-                save-url="Tags/onSubmit"
-                auto-load
+                update-url="Tags/onSubmit"
                 :data-required="{
+                    $index: undefined,
                     itemFk: route.params.id,
-                    priority: getHighestPriority,
+                    priority: undefined,
                     tag: {
                         isFree: undefined,
+                        value: undefined,
+                        name: undefined,
                     },
+                    tagFk: undefined,
                 }"
                 :default-remove="false"
                 :filter="{
@@ -106,6 +102,8 @@ onMounted(() => {
                         },
                     },
                 }"
+                auto-load
+                @on-fetch="onItemTagsFetched"
             >
                 <template #body="{ rows }">
                     <QCard class="q-pl-lg q-py-md">
@@ -115,32 +113,39 @@ onMounted(() => {
                             class="row q-gutter-md q-mb-md"
                         >
                             <VnSelect
-                                :label="t('Tag')"
-                                v-model="row.tagFk"
+                                :label="t('itemTags.tag')"
                                 :options="tagOptions"
+                                :model-value="row.tag"
                                 option-label="name"
-                                option-value="id"
                                 hide-selected
-                                @update:model-value="getSelectedTagValues(row)"
+                                @update:model-value="
+                                    ($event) => handleTagSelected(rows, index, $event)
+                                "
                             />
                             <VnSelect
                                 v-if="row.tag?.isFree === false"
+                                :key="row.tagFk"
                                 :label="t('Value')"
                                 v-model="row.value"
-                                option-value="value"
+                                :options="valueOptionsMap.get(row.tagFk)"
                                 option-label="value"
+                                option-value="value"
                                 emit-value
                                 use-input
+                                class="col"
                                 :is-clearable="false"
                             />
                             <VnInput
-                                v-if="row.tag?.isFree || row.tag?.isFree == undefined"
+                                v-else-if="
+                                    row.tag?.isFree || row.tag?.isFree == undefined
+                                "
                                 v-model="row.value"
-                                :label="t('Value')"
+                                :label="t('itemTags.value')"
                                 :is-clearable="false"
+                                style="width: 100%"
                             />
                             <VnInput
-                                :label="t('Relevancy')"
+                                :label="t('itemTags.relevancy')"
                                 type="number"
                                 v-model="row.priority"
                             />
@@ -153,37 +158,27 @@ onMounted(() => {
                                     size="sm"
                                 >
                                     <QTooltip>
-                                        {{ t('Remove tag') }}
+                                        {{ t('itemTags.removeTag') }}
                                     </QTooltip>
                                 </QIcon>
                             </div>
                         </VnRow>
                         <VnRow>
                             <QIcon
-                                @click="itemTagsRef.insert()"
+                                @click="insertTag(rows)"
                                 class="cursor-pointer"
                                 color="primary"
                                 name="add"
                                 size="sm"
                             >
                                 <QTooltip>
-                                    {{ t('Add tag') }}
+                                    {{ t('itemTags.addTag') }}
                                 </QTooltip>
                             </QIcon>
                         </VnRow>
                     </QCard>
                 </template>
             </CrudModel>
-            <pre>{{ itemTags }}</pre>
         </QPage>
     </div>
 </template>
-
-<i18n>
-es:
-    Remove tag: Quitar etiqueta
-    Add tag: Añadir etiqueta
-    Tag: Etiqueta
-    Value: Valor
-    Relevancy: Relevancia
-</i18n>
diff --git a/src/pages/Item/locale/en.yml b/src/pages/Item/locale/en.yml
index 9acd1de4d..2ffcd3661 100644
--- a/src/pages/Item/locale/en.yml
+++ b/src/pages/Item/locale/en.yml
@@ -34,3 +34,9 @@ lastEntries:
     package: Package
     freight: Freight
     comission: Comission
+itemTags:
+    removeTag: Remove tag
+    addTag: Add tag
+    tag: Tag
+    value: Value
+    relevancy: Relevancy
diff --git a/src/pages/Item/locale/es.yml b/src/pages/Item/locale/es.yml
index 46e0d9eb7..3047239f2 100644
--- a/src/pages/Item/locale/es.yml
+++ b/src/pages/Item/locale/es.yml
@@ -34,3 +34,9 @@ lastEntries:
     package: Embalaje
     freight: Porte
     comission: Comisión
+itemTags:
+    removeTag: Quitar etiqueta
+    addTag: Añadir etiqueta
+    tag: Etiqueta
+    value: Valor
+    relevancy: Relevancia

From dbc9e9dd712e457ef2ef241b53d9007f2ce31787 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Sun, 5 May 2024 19:13:36 -0300
Subject: [PATCH 201/305] Sales monitor base

---
 src/i18n/locale/en.yml             |   4 +
 src/i18n/locale/es.yml             |   4 +
 src/pages/Monitor/MonitorMain.vue  |  18 ++
 src/pages/Monitor/SalesMonitor.vue | 270 +++++++++++++++++++++++++++++
 src/router/modules/index.js        |   2 +
 src/router/modules/monitor.js      |  42 +++++
 src/router/routes.js               |   2 +
 src/stores/useNavigationStore.js   |   2 +-
 8 files changed, 343 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/Monitor/MonitorMain.vue
 create mode 100644 src/pages/Monitor/SalesMonitor.vue
 create mode 100644 src/router/modules/monitor.js

diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index 0e27eeade..7acc2043d 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -1235,6 +1235,10 @@ zone:
         zonesList: Zones
         deliveryList: Delivery days
         upcomingList: Upcoming deliveries
+monitor:
+    pageTitles:
+        monitors: Monitors
+        salesMonitor: Sales monitor
 components:
     topbar: {}
     itemsFilterPanel:
diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index bc246a6cb..6e466f483 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -1234,6 +1234,10 @@ zone:
         zonesList: Zonas
         deliveryList: Días de entrega
         upcomingList: Próximos repartos
+monitors:
+    pageTitles:
+        monitors: Monitores
+        salesMonitor: Monitor de ventas
 components:
     topbar: {}
     itemsFilterPanel:
diff --git a/src/pages/Monitor/MonitorMain.vue b/src/pages/Monitor/MonitorMain.vue
new file mode 100644
index 000000000..c1f2a31db
--- /dev/null
+++ b/src/pages/Monitor/MonitorMain.vue
@@ -0,0 +1,18 @@
+<script setup>
+import LeftMenu from 'src/components/LeftMenu.vue';
+
+import { useStateStore } from 'stores/useStateStore';
+
+const stateStore = useStateStore();
+</script>
+
+<template>
+    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
+        <QScrollArea class="fit text-grey-8">
+            <LeftMenu />
+        </QScrollArea>
+    </QDrawer>
+    <QPageContainer>
+        <RouterView></RouterView>
+    </QPageContainer>
+</template>
diff --git a/src/pages/Monitor/SalesMonitor.vue b/src/pages/Monitor/SalesMonitor.vue
new file mode 100644
index 000000000..842474545
--- /dev/null
+++ b/src/pages/Monitor/SalesMonitor.vue
@@ -0,0 +1,270 @@
+<script setup>
+import { onMounted, ref, computed, reactive, onUnmounted } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { useRouter } from 'vue-router';
+
+import FetchData from 'components/FetchData.vue';
+import FetchedTags from 'components/ui/FetchedTags.vue';
+import TableVisibleColumns from 'src/components/common/TableVisibleColumns.vue';
+import VnInput from 'src/components/common/VnInput.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
+import WorkerDescriptorProxy from 'src/pages/Worker/Card/WorkerDescriptorProxy.vue';
+import VnPaginate from 'components/ui/VnPaginate.vue';
+
+import { useStateStore } from 'stores/useStateStore';
+// import { toDateFormat } from 'src/filters/date.js';
+import { useSession } from 'composables/useSession';
+import { dashIfEmpty } from 'src/filters';
+// import { useSummaryDialog } from 'src/composables/useSummaryDialog';
+// import { useVnConfirm } from 'composables/useVnConfirm';
+import axios from 'axios';
+
+const router = useRouter();
+const { getTokenMultimedia } = useSession();
+const token = getTokenMultimedia();
+const stateStore = useStateStore();
+const { t } = useI18n();
+// const { viewSummary } = useSummaryDialog();
+// const { openConfirmationModal } = useVnConfirm();
+
+const paginateRef = ref(null);
+const itemTypesOptions = ref([]);
+const originsOptions = ref([]);
+const buyersOptions = ref([]);
+const intrastatOptions = ref([]);
+const itemCategoriesOptions = ref([]);
+const visibleColumns = ref([]);
+const allColumnNames = ref([]);
+
+// const exprBuilder = (param, value) => {
+//     switch (param) {
+//         case 'category':
+//             return { 'ic.name': value };
+//         case 'buyerFk':
+//             return { 'it.workerFk': value };
+//         case 'grouping':
+//             return { 'b.grouping': value };
+//         case 'packing':
+//             return { 'b.packing': value };
+//         case 'origin':
+//             return { 'ori.code': value };
+//         case 'typeFk':
+//             return { 'i.typeFk': value };
+//         case 'intrastat':
+//             return { 'intr.description': value };
+//         case 'name':
+//             return { 'i.name': { like: `%${value}%` } };
+//         case 'producer':
+//             return { 'pr.name': { like: `%${value}%` } };
+//         case 'id':
+//         case 'size':
+//         case 'subname':
+//         case 'isActive':
+//         case 'weightByPiece':
+//         case 'stemMultiplier':
+//         case 'stems':
+//             return { [`i.${param}`]: value };
+//     }
+// };
+
+// const params = reactive({ isFloramondo: false, isActive: true });
+
+// const applyColumnFilter = async (col) => {
+//     try {
+//         const paramKey = col.columnFilter?.filterParamKey || col.field;
+//         params[paramKey] = col.columnFilter.filterValue;
+//         await paginateRef.value.addFilter(null, params);
+//     } catch (err) {
+//         console.error('Error applying column filter', err);
+//     }
+// };
+
+// const getInputEvents = (col) => {
+//     return col.columnFilter.type === 'select'
+//         ? { 'update:modelValue': () => applyColumnFilter(col) }
+//         : {
+//               'keyup.enter': () => applyColumnFilter(col),
+//           };
+// };
+
+const columns = computed(() => [
+    {
+        label: '',
+        name: 'picture',
+        align: 'left',
+        columnFilter: null,
+    },
+    {
+        label: t('item.list.id'),
+        name: 'id',
+        field: 'id',
+        align: 'left',
+        sortable: true,
+        // columnFilter: {
+        //     component: VnInput,
+        //     type: 'text',
+        //     filterValue: null,
+        //     event: getInputEvents,
+        //     attrs: {
+        //         dense: true,
+        //     },
+        // },
+    },
+    {
+        label: t('item.list.grouping'),
+        field: 'grouping',
+        name: 'grouping',
+        align: 'left',
+        sortable: true,
+        // columnFilter: {
+        //     component: VnInput,
+        //     type: 'text',
+        //     filterValue: null,
+        //     event: getInputEvents,
+        //     attrs: {
+        //         dense: true,
+        //     },
+        // },
+        format: (val) => dashIfEmpty(val),
+    },
+    {
+        label: t('item.list.packing'),
+        field: 'packing',
+        name: 'packing',
+        align: 'left',
+        sortable: true,
+        // columnFilter: {
+        //     component: VnInput,
+        //     type: 'text',
+        //     filterValue: null,
+        //     event: getInputEvents,
+        //     attrs: {
+        //         dense: true,
+        //     },
+        // },
+        format: (val) => dashIfEmpty(val),
+    },
+]);
+
+const redirectToItemCreate = () => {
+    // router.push({ name: 'ItemCreate' });
+};
+
+const redirectToItemSummary = (id) => {
+    router.push({ name: 'ItemSummary', params: { id } });
+};
+
+onMounted(async () => {
+    stateStore.rightDrawer = true;
+    const filteredColumns = columns.value.filter(
+        (col) => col.name !== 'picture' && col.name !== 'actions'
+    );
+    allColumnNames.value = filteredColumns.map((col) => col.name);
+});
+
+onUnmounted(() => (stateStore.rightDrawer = false));
+</script>
+
+<template>
+    <FetchData
+        url="ItemTypes"
+        :filter="{ fields: ['id', 'name'], order: 'name ASC' }"
+        auto-load
+        @on-fetch="(data) => (itemTypesOptions = data)"
+    />
+    <FetchData
+        url="ItemCategories"
+        :filter="{ fields: ['name'], order: 'name ASC' }"
+        auto-load
+        @on-fetch="(data) => (itemCategoriesOptions = data)"
+    />
+    <FetchData
+        url="Intrastats"
+        :filter="{ fields: ['description'], order: 'description ASC' }"
+        auto-load
+        @on-fetch="(data) => (intrastatOptions = data)"
+    />
+    <FetchData
+        url="Origins"
+        :filter="{ fields: ['code'], order: 'code ASC' }"
+        auto-load
+        @on-fetch="(data) => (originsOptions = data)"
+    />
+    <FetchData
+        url="TicketRequests/getItemTypeWorker"
+        :filter="{ fields: ['id', 'nickname'], order: 'nickname ASC' }"
+        auto-load
+        @on-fetch="(data) => (buyersOptions = data)"
+    />
+
+    <QToolbar class="bg-vn-dark justify-end">
+        <div id="st-data">
+            <TableVisibleColumns
+                :all-columns="allColumnNames"
+                table-code="itemsIndex"
+                labels-traductions-path="item.list"
+                @on-config-saved="visibleColumns = ['picture', ...$event, 'actions']"
+            />
+        </div>
+        <QSpace />
+        <div id="st-actions"></div>
+    </QToolbar>
+
+    <QPage class="column items-center q-pa-md">
+        <VnPaginate
+            ref="paginateRef"
+            data-key="ItemList"
+            url="Items/filter"
+            :order="['isActive DESC', 'name', 'id']"
+            :limit="12"
+            :expr-builder="exprBuilder"
+            :user-params="params"
+            :offset="50"
+            auto-load
+        >
+            <template #body="{ rows }">
+                <QTable
+                    :rows="rows"
+                    :columns="columns"
+                    row-key="id"
+                    :pagination="{ rowsPerPage: 0 }"
+                    class="full-width q-mt-md"
+                    :visible-columns="visibleColumns"
+                    :no-data-label="t('globals.noResults')"
+                    @row-click="(_, row) => redirectToItemSummary(row.id)"
+                >
+                    <!-- <template #top-row="{ cols }">
+                        <QTr>
+                            <QTd
+                                v-for="(col, index) in cols"
+                                :key="index"
+                                style="max-width: 100px"
+                            >
+                                <component
+                                    :is="col.columnFilter.component"
+                                    v-if="col.columnFilter"
+                                    v-model="col.columnFilter.filterValue"
+                                    v-bind="col.columnFilter.attrs"
+                                    v-on="col.columnFilter.event(col)"
+                                    dense
+                                />
+                            </QTd>
+                        </QTr>
+                    </template> -->
+                    <template #body-cell-picture="{ row }">
+                        <QTd>
+                            <QImg
+                                :src="`/api/Images/catalog/50x50/${row.id}/download?access_token=${token}`"
+                                spinner-color="primary"
+                                :ratio="1"
+                                height="50px"
+                                width="50px"
+                                class="image"
+                            />
+                        </QTd>
+                    </template>
+                </QTable>
+            </template>
+        </VnPaginate>
+    </QPage>
+</template>
diff --git a/src/router/modules/index.js b/src/router/modules/index.js
index 7fff2f2e5..38bcd54d5 100644
--- a/src/router/modules/index.js
+++ b/src/router/modules/index.js
@@ -18,6 +18,7 @@ import Parking from './parking';
 import Agency from './agency';
 import ItemType from './itemType';
 import Zone from './zone';
+import Monitor from './monitor';
 
 export default [
     Item,
@@ -40,4 +41,5 @@ export default [
     Agency,
     ItemType,
     Zone,
+    Monitor,
 ];
diff --git a/src/router/modules/monitor.js b/src/router/modules/monitor.js
new file mode 100644
index 000000000..0ce6e153b
--- /dev/null
+++ b/src/router/modules/monitor.js
@@ -0,0 +1,42 @@
+import { RouterView } from 'vue-router';
+
+export default {
+    path: '/monitor',
+    name: 'Monitor',
+    meta: {
+        title: 'monitors',
+        icon: 'vn:grid',
+        moduleName: 'Monitor',
+    },
+    component: RouterView,
+    redirect: { name: 'MonitorMain' },
+    menus: {
+        main: ['SalesMonitor'],
+        card: [],
+    },
+    children: [
+        {
+            path: '',
+            name: 'MonitorMain',
+            component: () => import('src/pages/Monitor/MonitorMain.vue'),
+            redirect: { name: 'SalesMonitor' },
+            children: [
+                {
+                    path: 'index',
+                    name: 'SalesMonitor',
+                    meta: {
+                        title: 'salesMonitor',
+                        icon: 'vn:grid',
+                    },
+                    component: () => import('src/pages/Monitor/SalesMonitor.vue'),
+                },
+            ],
+        },
+        // {
+        //     name: 'ItemCard',
+        //     path: ':id',
+        //     component: () => import('src/pages/Item/Card/ItemCard.vue'),
+        //     children: [],
+        // },
+    ],
+};
diff --git a/src/router/routes.js b/src/router/routes.js
index 04780ee17..6a0430d51 100644
--- a/src/router/routes.js
+++ b/src/router/routes.js
@@ -18,6 +18,7 @@ import roadmap from 'src/router/modules/roadmap';
 import parking from 'src/router/modules/parking';
 import agency from 'src/router/modules/agency';
 import zone from 'src/router/modules/zone';
+import monitor from 'src/router/modules/monitor';
 
 const routes = [
     {
@@ -65,6 +66,7 @@ const routes = [
             shelving,
             invoiceOut,
             invoiceIn,
+            monitor,
             wagon,
             order,
             route,
diff --git a/src/stores/useNavigationStore.js b/src/stores/useNavigationStore.js
index ee1e04e9b..263a9dec8 100644
--- a/src/stores/useNavigationStore.js
+++ b/src/stores/useNavigationStore.js
@@ -15,6 +15,7 @@ export const useNavigationStore = defineStore('navigationStore', () => {
         'travel',
         'invoiceOut',
         'invoiceIn',
+        'monitor',
         'supplier',
         'claim',
         'route',
@@ -31,7 +32,6 @@ export const useNavigationStore = defineStore('navigationStore', () => {
         for (const module of modules) {
             const moduleDef = routes.find((route) => toLowerCamel(route.name) === module);
             if (!moduleDef) continue;
-
             const item = addMenuItem(module, moduleDef, modulesRoutes.value);
             if (!item) continue;
 

From 0f5d06614d2c1e0e21a433be89957ea340c43b49 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 6 May 2024 07:24:52 +0200
Subject: [PATCH 202/305] feat: VnInput numberValidation

---
 src/components/common/VnInput.vue | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/src/components/common/VnInput.vue b/src/components/common/VnInput.vue
index 96028862a..0d7d6edca 100644
--- a/src/components/common/VnInput.vue
+++ b/src/components/common/VnInput.vue
@@ -52,6 +52,12 @@ const focus = () => {
 defineExpose({
     focus,
 });
+
+const inputRules = (val) => {
+    const { min } = vnInputRef.value.$attrs;
+    if (min >= 0)
+        if (val.toString().indexOf('.') < min) return t('inputMin', { value: min });
+};
 </script>
 
 <template>
@@ -68,6 +74,8 @@ defineExpose({
             :class="{ required: $attrs.required }"
             @keyup.enter="onEnterPress()"
             :clearable="false"
+            :rules="[inputRules]"
+            :lazy-rules="true"
         >
             <template v-if="$slots.prepend" #prepend>
                 <slot name="prepend" />
@@ -85,3 +93,9 @@ defineExpose({
         </QInput>
     </div>
 </template>
+<i18n>
+    en:
+        inputMin: Must be more than {value}
+    es:
+        inputMin: Debe ser mayor a {value}
+</i18n>

From f85665b271e1c01a665a1369052446a67f916ba0 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 6 May 2024 08:37:41 +0200
Subject: [PATCH 203/305] fix: replace QToolbar by Teleport

---
 src/pages/Item/Card/ItemShelving.vue | 76 +++++++++++++++-------------
 1 file changed, 41 insertions(+), 35 deletions(-)

diff --git a/src/pages/Item/Card/ItemShelving.vue b/src/pages/Item/Card/ItemShelving.vue
index 573c4be0c..830628f3b 100644
--- a/src/pages/Item/Card/ItemShelving.vue
+++ b/src/pages/Item/Card/ItemShelving.vue
@@ -14,6 +14,9 @@ import { useArrayData } from 'src/composables/useArrayData';
 import useNotify from 'src/composables/useNotify.js';
 import { useVnConfirm } from 'composables/useVnConfirm';
 import axios from 'axios';
+import { useStateStore } from 'stores/useStateStore';
+
+const stateStore = useStateStore();
 
 const route = useRoute();
 const { t } = useI18n();
@@ -197,43 +200,46 @@ onMounted(async () => {
         auto-load
         @on-fetch="(data) => (shelvingsOptions = data)"
     />
-    <QToolbar class="bg-vn-dark justify-end">
-        <div id="st-data" class="q-py-sm flex items-center">
-            <div class="q-pa-md q-mr-lg" style="border: 2px solid #222">
-                <QCardSection horizontal>
-                    <span class="text-weight-bold text-subtitle1 text-center full-width">
-                        {{ t('shelvings.total') }}
-                    </span>
-                </QCardSection>
-                <QCardSection class="column items-center" horizontal>
-                    <div>
-                        <span class="details-label"
-                            >{{ t('shelvings.totalLabels') }}
+    <template v-if="stateStore.isHeaderMounted()">
+        <Teleport to="#st-data">
+            <div class="q-py-sm flex items-center">
+                <div class="q-pa-md q-mr-lg" style="border: 2px solid #222">
+                    <QCardSection horizontal>
+                        <span
+                            class="text-weight-bold text-subtitle1 text-center full-width"
+                        >
+                            {{ t('shelvings.total') }}
                         </span>
-                        <span>: {{ totalLabels }}</span>
-                    </div>
-                </QCardSection>
+                    </QCardSection>
+                    <QCardSection class="column items-center" horizontal>
+                        <div>
+                            <span class="details-label"
+                                >{{ t('shelvings.totalLabels') }}
+                            </span>
+                            <span>: {{ totalLabels }}</span>
+                        </div></QCardSection
+                    >
+                </div>
+                <QBtn
+                    color="primary"
+                    icon="delete"
+                    :disabled="!rowsSelected.length"
+                    @click="
+                        openConfirmationModal(
+                            t('shelvings.removeConfirmTitle'),
+                            t('shelvings.removeConfirmSubtitle'),
+                            removeLines
+                        )
+                    "
+                >
+                    <QTooltip>
+                        {{ t('shelvings.removeLines') }}
+                    </QTooltip>
+                </QBtn>
             </div>
-            <QBtn
-                color="primary"
-                icon="delete"
-                :disabled="!rowsSelected.length"
-                @click="
-                    openConfirmationModal(
-                        t('shelvings.removeConfirmTitle'),
-                        t('shelvings.removeConfirmSubtitle'),
-                        removeLines
-                    )
-                "
-            >
-                <QTooltip>
-                    {{ t('shelvings.removeLines') }}
-                </QTooltip>
-            </QBtn>
-        </div>
-        <QSpace />
-        <div id="st-actions"></div>
-    </QToolbar>
+        </Teleport>
+    </template>
+
     <QPage class="column items-center q-pa-md">
         <QTable
             :rows="rows"

From 62bf968b0bb056c4669d377cec72589891ee7439 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 6 May 2024 08:41:12 +0200
Subject: [PATCH 204/305] change action to st-actions

---
 src/pages/Item/Card/ItemShelving.vue | 62 ++++++++++++++--------------
 1 file changed, 30 insertions(+), 32 deletions(-)

diff --git a/src/pages/Item/Card/ItemShelving.vue b/src/pages/Item/Card/ItemShelving.vue
index 830628f3b..7e7faab36 100644
--- a/src/pages/Item/Card/ItemShelving.vue
+++ b/src/pages/Item/Card/ItemShelving.vue
@@ -202,42 +202,40 @@ onMounted(async () => {
     />
     <template v-if="stateStore.isHeaderMounted()">
         <Teleport to="#st-data">
-            <div class="q-py-sm flex items-center">
-                <div class="q-pa-md q-mr-lg" style="border: 2px solid #222">
-                    <QCardSection horizontal>
-                        <span
-                            class="text-weight-bold text-subtitle1 text-center full-width"
-                        >
-                            {{ t('shelvings.total') }}
+            <div class="q-pa-md q-mr-lg q-ma-xs" style="border: 2px solid #222">
+                <QCardSection horizontal>
+                    <span class="text-weight-bold text-subtitle1 text-center full-width">
+                        {{ t('shelvings.total') }}
+                    </span>
+                </QCardSection>
+                <QCardSection class="column items-center" horizontal>
+                    <div>
+                        <span class="details-label"
+                            >{{ t('shelvings.totalLabels') }}
                         </span>
-                    </QCardSection>
-                    <QCardSection class="column items-center" horizontal>
-                        <div>
-                            <span class="details-label"
-                                >{{ t('shelvings.totalLabels') }}
-                            </span>
-                            <span>: {{ totalLabels }}</span>
-                        </div></QCardSection
-                    >
-                </div>
-                <QBtn
-                    color="primary"
-                    icon="delete"
-                    :disabled="!rowsSelected.length"
-                    @click="
-                        openConfirmationModal(
-                            t('shelvings.removeConfirmTitle'),
-                            t('shelvings.removeConfirmSubtitle'),
-                            removeLines
-                        )
-                    "
+                        <span>: {{ totalLabels }}</span>
+                    </div></QCardSection
                 >
-                    <QTooltip>
-                        {{ t('shelvings.removeLines') }}
-                    </QTooltip>
-                </QBtn>
             </div>
         </Teleport>
+        <Teleport to="#st-actions">
+            <QBtn
+                color="primary"
+                icon="delete"
+                :disabled="!rowsSelected.length"
+                @click="
+                    openConfirmationModal(
+                        t('shelvings.removeConfirmTitle'),
+                        t('shelvings.removeConfirmSubtitle'),
+                        removeLines
+                    )
+                "
+            >
+                <QTooltip>
+                    {{ t('shelvings.removeLines') }}
+                </QTooltip>
+            </QBtn>
+        </Teleport>
     </template>
 
     <QPage class="column items-center q-pa-md">

From 6a81076874456a8a31510bf8f77af13e107eff1e Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 6 May 2024 08:45:29 +0200
Subject: [PATCH 205/305] fix: replace inputMin rule

---
 src/components/common/VnInput.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/common/VnInput.vue b/src/components/common/VnInput.vue
index 0d7d6edca..3f7e46367 100644
--- a/src/components/common/VnInput.vue
+++ b/src/components/common/VnInput.vue
@@ -55,8 +55,7 @@ defineExpose({
 
 const inputRules = (val) => {
     const { min } = vnInputRef.value.$attrs;
-    if (min >= 0)
-        if (val.toString().indexOf('.') < min) return t('inputMin', { value: min });
+    if (min >= 0) if (Math.floor(val) < min) return t('inputMin', { value: min });
 };
 </script>
 

From 49b6c57ad4b34505f7add33c21449d04b229aade Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 6 May 2024 08:53:12 +0200
Subject: [PATCH 206/305] fix: show Color

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

diff --git a/src/components/FilterItemForm.vue b/src/components/FilterItemForm.vue
index 00659f8fd..7af9adf93 100644
--- a/src/components/FilterItemForm.vue
+++ b/src/components/FilterItemForm.vue
@@ -78,7 +78,7 @@ const tableColumns = computed(() => [
     {
         label: t('entry.buys.color'),
         name: 'ink',
-        field: 'inkName',
+        field: (row) => row?.ink?.name,
         align: 'left',
     },
 ]);

From 4d490652ea4c009e3ddf9b80bc1aea26f8767a0d Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 6 May 2024 10:11:07 +0200
Subject: [PATCH 207/305] feat #7271: add template

---
 src/pages/Zone/Card/ZoneLocations.vue  |  1 +
 src/pages/Zone/Card/ZoneWarehouses.vue | 12 +++---------
 src/pages/Zone/ZoneDeliveryDays.vue    |  1 +
 3 files changed, 5 insertions(+), 9 deletions(-)

diff --git a/src/pages/Zone/Card/ZoneLocations.vue b/src/pages/Zone/Card/ZoneLocations.vue
index e69de29bb..e4305c898 100644
--- a/src/pages/Zone/Card/ZoneLocations.vue
+++ b/src/pages/Zone/Card/ZoneLocations.vue
@@ -0,0 +1 @@
+<template>Zone Locations</template>
diff --git a/src/pages/Zone/Card/ZoneWarehouses.vue b/src/pages/Zone/Card/ZoneWarehouses.vue
index 67a81ba4d..7ff73a5e9 100644
--- a/src/pages/Zone/Card/ZoneWarehouses.vue
+++ b/src/pages/Zone/Card/ZoneWarehouses.vue
@@ -6,15 +6,9 @@ import VnLv from 'components/ui/VnLv.vue';
 
 const route = useRoute();
 
-function deleteWarehouse() {
-    let row = this.deleteRow;
-    if (!row) return;
-    return this.$http.delete(`${this.path}/${row.id}`).then(() => {
-        let index = this.$.data.indexOf(row);
-        if (index !== -1) this.$.data.splice(index, 1);
-        this.deleteRow = null;
-    });
-}
+const deleteWarehouse = () => {
+    return true;
+};
 </script>
 
 <template>
diff --git a/src/pages/Zone/ZoneDeliveryDays.vue b/src/pages/Zone/ZoneDeliveryDays.vue
index e69de29bb..485500dba 100644
--- a/src/pages/Zone/ZoneDeliveryDays.vue
+++ b/src/pages/Zone/ZoneDeliveryDays.vue
@@ -0,0 +1 @@
+<template>Zone Delivery days</template>

From d444a8721dab9dc9e1ea22c842cb180bae099b4c Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Mon, 6 May 2024 14:05:58 +0200
Subject: [PATCH 208/305] feat: refs #6891 create composable & update searchbar

---
 src/components/ui/VnSearchbar.vue | 31 ++++++-------------------------
 src/composables/useRedirect.js    | 28 ++++++++++++++++++++++++++++
 2 files changed, 34 insertions(+), 25 deletions(-)
 create mode 100644 src/composables/useRedirect.js

diff --git a/src/components/ui/VnSearchbar.vue b/src/components/ui/VnSearchbar.vue
index 344267ef7..ae8ac05dd 100644
--- a/src/components/ui/VnSearchbar.vue
+++ b/src/components/ui/VnSearchbar.vue
@@ -1,9 +1,9 @@
 <script setup>
 import { onMounted, ref } from 'vue';
-import { useRouter } from 'vue-router';
 import { useQuasar } from 'quasar';
 import { useArrayData } from 'composables/useArrayData';
 import VnInput from 'src/components/common/VnInput.vue';
+import useRedirect from 'src/composables/useRedirect';
 
 const quasar = useQuasar();
 
@@ -65,10 +65,10 @@ const props = defineProps({
     },
 });
 
-const router = useRouter();
 const arrayData = useArrayData(props.dataKey, { ...props });
 const { store } = arrayData;
 const searchText = ref('');
+const { navigate } = useRedirect();
 
 onMounted(() => {
     const params = store.userParams;
@@ -81,37 +81,18 @@ async function search() {
     const staticParams = Object.entries(store.userParams).filter(
         ([key, value]) => value && (props.staticParams || []).includes(key)
     );
-    // const filter =props?.where? { where: JSON.parse(props.where) }: {}
     await arrayData.applyFilter({
         params: {
-            // filter ,
             ...Object.fromEntries(staticParams),
             search: searchText.value,
         },
     });
     if (!props.redirect) return;
 
-    if (props.customRouteRedirectName)
-        return router.push({
-            name: props.customRouteRedirectName,
-            params: { id: searchText.value },
-        });
-
-    const { matched: matches } = router.currentRoute.value;
-    const { path } = matches.at(-1);
-    const [, moduleName] = path.split('/');
-
-    if (!store.data.length || store.data.length > 1)
-        return router.push({ path: `/${moduleName}/list` });
-
-    const targetId = store.data[0].id;
-    let targetUrl;
-
-    if (path.endsWith('/list')) targetUrl = path.replace('/list', `/${targetId}/summary`);
-    if (path.endsWith('-list')) targetUrl = path.replace('-list', `/${targetId}/summary`);
-    else if (path.includes(':id')) targetUrl = path.replace(':id', targetId);
-
-    await router.push({ path: targetUrl });
+    navigate(store.data, {
+        customRouteRedirectName: props.customRouteRedirectName,
+        searchText: searchText.value,
+    });
 }
 </script>
 
diff --git a/src/composables/useRedirect.js b/src/composables/useRedirect.js
new file mode 100644
index 000000000..786e1378b
--- /dev/null
+++ b/src/composables/useRedirect.js
@@ -0,0 +1,28 @@
+import { useRouter } from 'vue-router';
+
+export default function useRedirect() {
+    const router = useRouter();
+
+    const navigate = (data, { customRouteRedirectName, searchText }) => {
+        if (customRouteRedirectName)
+            return router.push({
+                name: customRouteRedirectName,
+                params: { id: searchText },
+            });
+
+        const { matched: matches } = router.currentRoute.value;
+        const { path } = matches.at(-1);
+        const [, moduleName] = path.split('/');
+
+        if (!data.length || data.length > 1)
+            return router.push({ path: `/${moduleName}/list` });
+
+        const targetId = data[0].id;
+
+        if (/\/list|-list/.test(path))
+            router.push({ path: `/${moduleName}/${targetId}/summary` });
+        else router.push({ path: path.replace(/:id/, targetId) });
+    };
+
+    return { navigate };
+}

From b487ff4adc96b9e845994ef21de4e0e5e0e29a68 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Mon, 6 May 2024 14:25:39 +0200
Subject: [PATCH 209/305] feat: refs #6891 create rightMenu

---
 src/components/common/RightMenu.vue | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 src/components/common/RightMenu.vue

diff --git a/src/components/common/RightMenu.vue b/src/components/common/RightMenu.vue
new file mode 100644
index 000000000..a83ebc390
--- /dev/null
+++ b/src/components/common/RightMenu.vue
@@ -0,0 +1,27 @@
+<script setup>
+import { useI18n } from 'vue-i18n';
+import { useStateStore } from 'stores/useStateStore';
+
+defineProps({
+    dataKey: { type: String, required: true },
+});
+
+const { t } = useI18n();
+const stateStore = useStateStore();
+</script>
+<template>
+    <Teleport to="#actions-append">
+        <div class="row q-gutter-x-sm">
+            <QBtn flat @click="stateStore.toggleRightDrawer()" round dense icon="menu">
+                <QTooltip bottom anchor="bottom right">
+                    {{ t('globals.collapseMenu') }}
+                </QTooltip>
+            </QBtn>
+        </div>
+    </Teleport>
+    <QDrawer v-model="stateStore.rightDrawer" side="right" :width="256" show-if-above>
+        <QScrollArea class="fit text-grey-8">
+            <slot name="right-panel" />
+        </QScrollArea>
+    </QDrawer>
+</template>

From 15b080f7bd9b485169e8d1b3c81fa9fff373800b Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Mon, 6 May 2024 14:27:04 +0200
Subject: [PATCH 210/305] feat: refs #6891 add redirection on VnfilterPanel

---
 src/components/common/VnCard.vue    | 46 ++++++++++++++++++-----------
 src/components/ui/VnFilterPanel.vue |  5 +++-
 2 files changed, 32 insertions(+), 19 deletions(-)

diff --git a/src/components/common/VnCard.vue b/src/components/common/VnCard.vue
index 6d0badffb..97c681b79 100644
--- a/src/components/common/VnCard.vue
+++ b/src/components/common/VnCard.vue
@@ -8,6 +8,7 @@ import useCardSize from 'src/composables/useCardSize';
 import VnSubToolbar from '../ui/VnSubToolbar.vue';
 import VnSearchbar from 'components/ui/VnSearchbar.vue';
 import LeftMenu from 'components/LeftMenu.vue';
+import RightMenu from 'components/common/RightMenu.vue';
 
 const props = defineProps({
     dataKey: { type: String, required: true },
@@ -15,6 +16,7 @@ const props = defineProps({
     customUrl: { type: String, default: undefined },
     filter: { type: Object, default: () => {} },
     descriptor: { type: Object, required: true },
+    filterPanel: { type: Object, default: undefined },
     searchbarDataKey: { type: String, default: undefined },
     searchbarUrl: { type: String, default: undefined },
     searchbarLabel: { type: String, default: '' },
@@ -49,24 +51,32 @@ if (props.baseUrl) {
 }
 </script>
 <template>
-    <Teleport
-        to="#searchbar"
-        v-if="stateStore.isHeaderMounted() && props.searchbarDataKey"
-    >
-        <VnSearchbar
-            :data-key="props.searchbarDataKey"
-            :url="props.searchbarUrl"
-            :label="t(props.searchbarLabel)"
-            :info="t(props.searchbarInfo)"
-        />
-    </Teleport>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
-        <QScrollArea class="fit">
-            <component :is="descriptor" />
-            <QSeparator />
-            <LeftMenu source="card" />
-        </QScrollArea>
-    </QDrawer>
+    <template v-if="stateStore.isHeaderMounted()">
+        <Teleport to="#searchbar" v-if="props.searchbarDataKey">
+            <VnSearchbar
+                :data-key="props.searchbarDataKey"
+                :url="props.searchbarUrl"
+                :label="t(props.searchbarLabel)"
+                :info="t(props.searchbarInfo)"
+            />
+        </Teleport>
+        <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
+            <QScrollArea class="fit">
+                <component :is="descriptor" />
+                <QSeparator />
+                <LeftMenu source="card" />
+            </QScrollArea>
+        </QDrawer>
+        <RightMenu>
+            <template #right-panel>
+                <component
+                    v-if="props.filterPanel"
+                    :is="props.filterPanel"
+                    :data-key="props.searchbarDataKey"
+                />
+            </template>
+        </RightMenu>
+    </template>
     <QPageContainer>
         <QPage>
             <VnSubToolbar />
diff --git a/src/components/ui/VnFilterPanel.vue b/src/components/ui/VnFilterPanel.vue
index eb0bbbe66..bc6c313b2 100644
--- a/src/components/ui/VnFilterPanel.vue
+++ b/src/components/ui/VnFilterPanel.vue
@@ -4,7 +4,7 @@ import { useI18n } from 'vue-i18n';
 import { useArrayData } from 'composables/useArrayData';
 import { useRoute } from 'vue-router';
 import toDate from 'filters/toDate';
-
+import useRedirect from 'src/composables/useRedirect';
 import VnFilterPanelChip from 'components/ui/VnFilterPanelChip.vue';
 
 const { t } = useI18n();
@@ -56,6 +56,7 @@ const arrayData = useArrayData(props.dataKey, {
 const route = useRoute();
 const store = arrayData.store;
 const userParams = ref({});
+const { navigate } = useRedirect();
 
 onMounted(() => {
     if (props.params) userParams.value = JSON.parse(JSON.stringify(props.params));
@@ -92,6 +93,7 @@ async function search() {
 
     isLoading.value = false;
     emit('search');
+    navigate(store.data, {});
 }
 
 async function reload() {
@@ -102,6 +104,7 @@ async function reload() {
     if (!props.showAll && !params.length) store.data = [];
     isLoading.value = false;
     emit('refresh');
+    navigate(store.data, {});
 }
 
 async function clearFilters() {

From 6ce57d3c406375a39d51750face88148459e929e Mon Sep 17 00:00:00 2001
From: Jon <jon@verdnatura.es>
Date: Mon, 6 May 2024 14:59:23 +0200
Subject: [PATCH 211/305] fix: #7274

---
 ...stomerNotificationsCampaignConsumption.vue | 32 +++++++++++++++----
 1 file changed, 26 insertions(+), 6 deletions(-)

diff --git a/src/pages/Customer/Notifications/CustomerNotificationsCampaignConsumption.vue b/src/pages/Customer/Notifications/CustomerNotificationsCampaignConsumption.vue
index d168aed6c..34cb0c307 100644
--- a/src/pages/Customer/Notifications/CustomerNotificationsCampaignConsumption.vue
+++ b/src/pages/Customer/Notifications/CustomerNotificationsCampaignConsumption.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, reactive } from 'vue';
+import { ref, toRefs } from 'vue';
 import { useI18n } from 'vue-i18n';
 import axios from 'axios';
 import useNotify from 'src/composables/useNotify';
@@ -7,8 +7,8 @@ import { useValidator } from 'src/composables/useValidator';
 import VnRow from 'components/ui/VnRow.vue';
 import VnInputDate from 'components/common/VnInputDate.vue';
 import FetchData from 'src/components/FetchData.vue';
+import { watch } from 'vue';
 import { onMounted } from 'vue';
-
 const $props = defineProps({
     clients: {
         type: Array,
@@ -23,27 +23,41 @@ const $props = defineProps({
     },
 });
 
+const { selectedRows } = toRefs($props);
 const { notify } = useNotify();
 const { t } = useI18n();
 const validationsStore = useValidator();
-const campaignParams = reactive({});
+const campaignParams = ref(null);
 const moreFields = ref([]);
+const popupProxyRef = ref(null);
+const upcomingOptions = ref(null);
 
+watch(selectedRows, () => {
+    const from = new Date(upcomingOptions.value.dated);
+    from.setDate(from.getDate() - upcomingOptions.value.scopeDays);
+    campaignParams.value = {
+        code: upcomingOptions.value.code,
+        from: from,
+        to: upcomingOptions.value.dated,
+    };
+});
 const onSubmit = async () => {
     try {
         const data = {
             clients: $props.clients.map((item) => item.id),
-            from: campaignParams.from,
-            to: campaignParams.to,
+            from: campaignParams.value.from,
+            to: campaignParams.value.to,
         };
         const params = JSON.stringify(data);
         await axios.post('ClientConsumptionQueues', { params });
 
         notify('globals.dataSaved', 'positive');
+        popupProxyRef.value.hide();
     } catch (error) {
         notify(error.message, 'negative');
     }
 };
+
 onMounted(async () => {
     const { models } = validationsStore;
     const properties = models.Item?.properties || {};
@@ -68,14 +82,20 @@ onMounted(async () => {
         :filter="{ fields: ['id', 'code', 'dated'], order: 'code ASC', limit: 30 }"
         auto-load
     />
+    <FetchData
+        url="Campaigns/upcoming"
+        @on-fetch="(data) => (upcomingOptions = data)"
+        auto-load
+    />
     <QBtn color="primary" icon="show_chart" :disable="!selectedRows">
         <QPopupProxy ref="popupProxyRef">
             <QCard class="column q-pa-md">
+                {{ campaignParams }}
                 <span class="text-body1 q-mb-sm">{{ t('Campaign consumption') }}</span>
                 <VnRow class="row q-gutter-md q-mb-md">
                     <QSelect
                         :options="moreFields"
-                        v-model="campaignParams.campaign"
+                        v-model="campaignParams.code"
                         :label="t('Campaign')"
                         option-label="label"
                     />

From 1a68cc0ced65ef0c67ad6ceaf5659651512da842 Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Mon, 6 May 2024 15:00:18 +0200
Subject: [PATCH 212/305] refs #6877 change attender

---
 src/pages/Item/ItemRequest.vue | 24 +++++++++++++++++++-----
 1 file changed, 19 insertions(+), 5 deletions(-)

diff --git a/src/pages/Item/ItemRequest.vue b/src/pages/Item/ItemRequest.vue
index 1872ad859..599ae2c5f 100644
--- a/src/pages/Item/ItemRequest.vue
+++ b/src/pages/Item/ItemRequest.vue
@@ -1,7 +1,7 @@
 <script setup>
 import { ref, computed, onMounted, onBeforeMount, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
-
+import FetchData from 'components/FetchData.vue';
 import TicketDescriptorProxy from 'src/pages/Ticket/Card/TicketDescriptorProxy.vue';
 import WorkerDescriptorProxy from 'src/pages/Worker/Card/WorkerDescriptorProxy.vue';
 import ItemDescriptorProxy from 'src/pages/Item/Card/ItemDescriptorProxy.vue';
@@ -9,7 +9,7 @@ import VnInput from 'src/components/common/VnInput.vue';
 import ItemRequestDenyForm from './ItemRequestDenyForm.vue';
 import ItemRequestFilter from './ItemRequestFilter.vue';
 import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
-
+import VnSelect from 'components/common/VnSelect.vue';
 import { useStateStore } from 'stores/useStateStore';
 import { useArrayData } from 'composables/useArrayData';
 import { toDateFormat } from 'src/filters/date';
@@ -21,7 +21,7 @@ import axios from 'axios';
 const { t } = useI18n();
 const { notify } = useNotify();
 const stateStore = useStateStore();
-
+const workersOptions = ref([]);
 let filterParams = ref({});
 const denyFormRef = ref(null);
 const denyRequestId = ref(null);
@@ -206,6 +206,13 @@ onBeforeMount(() => {
 </script>
 
 <template>
+    <FetchData
+        url="Workers"
+        :filter="{ where: { role: 'buyer' } }"
+        order="id"
+        @on-fetch="(data) => (workersOptions = data)"
+        auto-load
+    />
     <template v-if="stateStore.isHeaderMounted()">
         <Teleport to="#searchbar">
             <VnSearchbar
@@ -278,8 +285,15 @@ onBeforeMount(() => {
             </template>
             <template #body-cell-attender="{ row }">
                 <QTd>
-                    <QBtn flat dense color="primary"> {{ row.attenderName }}</QBtn>
-                    <WorkerDescriptorProxy :id="row.attenderFk" />
+                    {{ row.attenderFk }}
+                    <VnSelect
+                        v-model="row.attenderFk"
+                        :options="workersOptions"
+                        hide-selected
+                        option-label="firstName"
+                        option-value="id"
+                        dense
+                    />
                 </QTd>
             </template>
             <template #body-cell-item="{ row }">

From b21abf40d212302ce1320f958f5d2751e7e776ad Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 6 May 2024 15:15:35 +0200
Subject: [PATCH 213/305] fix: Update from-to when cmpaign changes

---
 ...stomerNotificationsCampaignConsumption.vue | 27 ++++++++++++-------
 1 file changed, 18 insertions(+), 9 deletions(-)

diff --git a/src/pages/Customer/Notifications/CustomerNotificationsCampaignConsumption.vue b/src/pages/Customer/Notifications/CustomerNotificationsCampaignConsumption.vue
index 34cb0c307..5a4c63925 100644
--- a/src/pages/Customer/Notifications/CustomerNotificationsCampaignConsumption.vue
+++ b/src/pages/Customer/Notifications/CustomerNotificationsCampaignConsumption.vue
@@ -5,6 +5,7 @@ import axios from 'axios';
 import useNotify from 'src/composables/useNotify';
 import { useValidator } from 'src/composables/useValidator';
 import VnRow from 'components/ui/VnRow.vue';
+import VnSelectFilter from 'components/common/VnSelectFilter.vue';
 import VnInputDate from 'components/common/VnInputDate.vue';
 import FetchData from 'src/components/FetchData.vue';
 import { watch } from 'vue';
@@ -28,18 +29,25 @@ const { notify } = useNotify();
 const { t } = useI18n();
 const validationsStore = useValidator();
 const campaignParams = ref(null);
+const campaignsOptions = ref(null);
 const moreFields = ref([]);
 const popupProxyRef = ref(null);
 const upcomingOptions = ref(null);
-
-watch(selectedRows, () => {
-    const from = new Date(upcomingOptions.value.dated);
-    from.setDate(from.getDate() - upcomingOptions.value.scopeDays);
+const campaignChange = ({ name }) => {
+    const campaign = campaignsOptions.value.find((c) => c.code === name);
+    handleDates(campaign);
+};
+const handleDates = (campaign) => {
+    const from = new Date(campaign.dated);
+    from.setDate(from.getDate() - campaign.scopeDays);
     campaignParams.value = {
-        code: upcomingOptions.value.code,
+        code: campaign.code,
         from: from,
-        to: upcomingOptions.value.dated,
+        to: campaign.dated,
     };
+};
+watch(selectedRows, () => {
+    handleDates(upcomingOptions.value);
 });
 const onSubmit = async () => {
     try {
@@ -90,14 +98,15 @@ onMounted(async () => {
     <QBtn color="primary" icon="show_chart" :disable="!selectedRows">
         <QPopupProxy ref="popupProxyRef">
             <QCard class="column q-pa-md">
-                {{ campaignParams }}
                 <span class="text-body1 q-mb-sm">{{ t('Campaign consumption') }}</span>
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <QSelect
+                    <VnSelectFilter
                         :options="moreFields"
+                        option-value="code"
+                        option-label="label"
                         v-model="campaignParams.code"
                         :label="t('Campaign')"
-                        option-label="label"
+                        @update:model-value="campaignChange"
                     />
                 </VnRow>
                 <VnRow class="row q-gutter-md q-mb-md">

From b1147f00d351bf5eddf5d39c15407503edd08303 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Mon, 6 May 2024 16:16:00 +0200
Subject: [PATCH 214/305] refactor: refs #6891 use Teleport | slot

---
 src/components/common/RightMenu.vue  | 23 ++++++++++++++++++++---
 src/pages/Claim/Card/ClaimAction.vue | 27 ++-------------------------
 2 files changed, 22 insertions(+), 28 deletions(-)

diff --git a/src/components/common/RightMenu.vue b/src/components/common/RightMenu.vue
index a83ebc390..71f6c1642 100644
--- a/src/components/common/RightMenu.vue
+++ b/src/components/common/RightMenu.vue
@@ -1,9 +1,25 @@
 <script setup>
+import { ref, onMounted } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useStateStore } from 'stores/useStateStore';
 
-defineProps({
-    dataKey: { type: String, required: true },
+const hasContent = ref(false);
+const rightPanel = ref(null);
+onMounted(() => {
+    rightPanel.value = document.querySelector('#right-panel');
+    if (rightPanel.value.childNodes.length) return (hasContent.value = true);
+
+    // Check if there's content to display
+    const observer = new MutationObserver(() => {
+        hasContent.value = rightPanel.value.childNodes.length;
+    });
+
+    if (rightPanel.value)
+        observer.observe(rightPanel.value, {
+            subtree: true,
+            childList: true,
+            attributes: true,
+        });
 });
 
 const { t } = useI18n();
@@ -21,7 +37,8 @@ const stateStore = useStateStore();
     </Teleport>
     <QDrawer v-model="stateStore.rightDrawer" side="right" :width="256" show-if-above>
         <QScrollArea class="fit text-grey-8">
-            <slot name="right-panel" />
+            <div id="right-panel"></div>
+            <slot v-if="!hasContent" name="right-panel" />
         </QScrollArea>
     </QDrawer>
 </template>
diff --git a/src/pages/Claim/Card/ClaimAction.vue b/src/pages/Claim/Card/ClaimAction.vue
index b0650b610..a24a2a15e 100644
--- a/src/pages/Claim/Card/ClaimAction.vue
+++ b/src/pages/Claim/Card/ClaimAction.vue
@@ -201,30 +201,7 @@ async function post(query, params) {
         auto-load
         @on-fetch="(data) => (destinationTypes = data)"
     />
-    <template v-if="stateStore.isHeaderMounted()">
-        <Teleport to="#actions-append">
-            <div class="row q-gutter-x-sm">
-                <QBtn
-                    flat
-                    @click="stateStore.toggleRightDrawer()"
-                    round
-                    dense
-                    icon="menu"
-                >
-                    <QTooltip bottom anchor="bottom right">
-                        {{ t('globals.collapseMenu') }}
-                    </QTooltip>
-                </QBtn>
-            </div>
-        </Teleport>
-    </template>
-    <QDrawer
-        v-model="stateStore.rightDrawer"
-        side="right"
-        :width="300"
-        show-if-above
-        v-if="claim"
-    >
+    <Teleport to="#right-panel" v-if="stateStore.isHeaderMounted() && claim">
         <QCard class="totalClaim q-my-md q-pa-sm no-box-shadow">
             {{ `${t('Total claimed')}: ${toCurrency(totalClaimed)}` }}
         </QCard>
@@ -274,7 +251,7 @@ async function post(query, params) {
                 v-model="multiplicatorValue"
             />
         </QCard>
-    </QDrawer>
+    </Teleport>
     <Teleport to="#st-data" v-if="stateStore.isSubToolbarShown()"> </Teleport>
     <CrudModel
         v-if="claim"

From 7b6841afc616c182723cb04ee8f479bc4913e64e Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Mon, 6 May 2024 16:44:48 +0200
Subject: [PATCH 215/305] feat: refs #6891 hide if no content

---
 src/components/common/RightMenu.vue | 17 ++++++++++++++---
 src/components/common/VnCard.vue    |  8 ++------
 2 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/src/components/common/RightMenu.vue b/src/components/common/RightMenu.vue
index 71f6c1642..e288fbc87 100644
--- a/src/components/common/RightMenu.vue
+++ b/src/components/common/RightMenu.vue
@@ -1,13 +1,15 @@
 <script setup>
-import { ref, onMounted } from 'vue';
+import { ref, onMounted, useSlots } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useStateStore } from 'stores/useStateStore';
 
+const slots = useSlots();
 const hasContent = ref(false);
 const rightPanel = ref(null);
+
 onMounted(() => {
     rightPanel.value = document.querySelector('#right-panel');
-    if (rightPanel.value.childNodes.length) return (hasContent.value = true);
+    if (rightPanel.value.childNodes.length) hasContent.value = true;
 
     // Check if there's content to display
     const observer = new MutationObserver(() => {
@@ -20,6 +22,8 @@ onMounted(() => {
             childList: true,
             attributes: true,
         });
+
+    if (!slots['right-panel'] && !hasContent.value) stateStore.rightDrawer = false;
 });
 
 const { t } = useI18n();
@@ -28,7 +32,14 @@ const stateStore = useStateStore();
 <template>
     <Teleport to="#actions-append">
         <div class="row q-gutter-x-sm">
-            <QBtn flat @click="stateStore.toggleRightDrawer()" round dense icon="menu">
+            <QBtn
+                v-if="hasContent || $slots['right-panel']"
+                flat
+                @click="stateStore.toggleRightDrawer()"
+                round
+                dense
+                icon="menu"
+            >
                 <QTooltip bottom anchor="bottom right">
                     {{ t('globals.collapseMenu') }}
                 </QTooltip>
diff --git a/src/components/common/VnCard.vue b/src/components/common/VnCard.vue
index 97c681b79..93b6c2f06 100644
--- a/src/components/common/VnCard.vue
+++ b/src/components/common/VnCard.vue
@@ -68,12 +68,8 @@ if (props.baseUrl) {
             </QScrollArea>
         </QDrawer>
         <RightMenu>
-            <template #right-panel>
-                <component
-                    v-if="props.filterPanel"
-                    :is="props.filterPanel"
-                    :data-key="props.searchbarDataKey"
-                />
+            <template #right-panel v-if="props.filterPanel">
+                <component :is="props.filterPanel" :data-key="props.searchbarDataKey" />
             </template>
         </RightMenu>
     </template>

From fe11164ae9c2a282846750c82f1fb9ae8593800d Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Mon, 6 May 2024 16:45:10 +0200
Subject: [PATCH 216/305] fix: refs #6891reactivity on agency module

---
 src/pages/Agency/Card/AgencyCard.vue       | 20 --------------------
 src/pages/Agency/Card/AgencyDescriptor.vue |  4 ++--
 src/pages/Agency/Card/AgencySummary.vue    |  6 ++----
 3 files changed, 4 insertions(+), 26 deletions(-)

diff --git a/src/pages/Agency/Card/AgencyCard.vue b/src/pages/Agency/Card/AgencyCard.vue
index e78d1cc55..5be43248e 100644
--- a/src/pages/Agency/Card/AgencyCard.vue
+++ b/src/pages/Agency/Card/AgencyCard.vue
@@ -1,26 +1,6 @@
 <script setup>
-import { onMounted, watch } from 'vue';
-import { useRoute } from 'vue-router';
-import { useArrayData } from 'src/composables/useArrayData';
-
 import AgencyDescriptor from 'pages/Agency/Card/AgencyDescriptor.vue';
 import VnCard from 'components/common/VnCard.vue';
-
-const route = useRoute();
-const arrayData = useArrayData('Agency', {
-    url: `Agencies/${route.params.id}`,
-});
-const { store } = arrayData;
-onMounted(async () => await arrayData.fetch({ append: false }));
-watch(
-    () => route.params.id,
-    async (newId) => {
-        if (newId) {
-            store.url = `Agencies/${newId}`;
-            await arrayData.fetch({ append: false });
-        }
-    }
-);
 </script>
 <template>
     <VnCard
diff --git a/src/pages/Agency/Card/AgencyDescriptor.vue b/src/pages/Agency/Card/AgencyDescriptor.vue
index 0fa89d07d..b9772037c 100644
--- a/src/pages/Agency/Card/AgencyDescriptor.vue
+++ b/src/pages/Agency/Card/AgencyDescriptor.vue
@@ -15,8 +15,8 @@ const props = defineProps({
 });
 
 const { t } = useI18n();
-const { params } = useRoute();
-const entityId = computed(() => props.id || params.id);
+const route = useRoute();
+const entityId = computed(() => props.id || route.params.id);
 const { store } = useArrayData('Parking');
 const card = computed(() => store.data);
 </script>
diff --git a/src/pages/Agency/Card/AgencySummary.vue b/src/pages/Agency/Card/AgencySummary.vue
index a4a6a2a18..1a506b154 100644
--- a/src/pages/Agency/Card/AgencySummary.vue
+++ b/src/pages/Agency/Card/AgencySummary.vue
@@ -3,11 +3,9 @@ import { computed } from 'vue';
 import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 
-import FetchData from 'src/components/FetchData.vue';
 import CardSummary from 'components/ui/CardSummary.vue';
 import VnLv from 'components/ui/VnLv.vue';
 import VnTitle from 'src/components/common/VnTitle.vue';
-import VnSelect from 'src/components/common/VnSelect.vue';
 
 const $props = defineProps({
     id: {
@@ -15,9 +13,9 @@ const $props = defineProps({
         default: 0,
     },
 });
-const { params } = useRoute();
+const route = useRoute();
 const { t } = useI18n();
-const entityId = computed(() => $props.id || params.id);
+const entityId = computed(() => $props.id || route.params.id);
 
 const filter = {
     fields: ['id', 'sectorFk', 'code', 'pickingOrder', 'row', 'column'],

From 036ef7259335797d91acc1150df1c80d9428ab2f Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Mon, 6 May 2024 17:27:30 +0200
Subject: [PATCH 217/305] fix: refs #6891 showFilterPanel

---
 src/pages/Claim/Card/ClaimCard.vue           |  2 ++
 src/pages/Customer/Card/CustomerCard.vue     |  2 ++
 src/pages/Entry/Card/EntryCard.vue           |  2 ++
 src/pages/InvoiceIn/Card/InvoiceInCard.vue   |  2 ++
 src/pages/InvoiceOut/Card/InvoiceOutCard.vue |  2 ++
 src/pages/Item/Card/ItemCard.vue             | 10 +++++++++-
 src/pages/ItemType/Card/ItemTypeCard.vue     |  5 ++++-
 7 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/src/pages/Claim/Card/ClaimCard.vue b/src/pages/Claim/Card/ClaimCard.vue
index b2f9c4d2e..80ebe55a0 100644
--- a/src/pages/Claim/Card/ClaimCard.vue
+++ b/src/pages/Claim/Card/ClaimCard.vue
@@ -1,12 +1,14 @@
 <script setup>
 import VnCard from 'components/common/VnCard.vue';
 import ClaimDescriptor from './ClaimDescriptor.vue';
+import ClaimFilter from '../ClaimFilter.vue';
 </script>
 <template>
     <VnCard
         data-key="Claim"
         base-url="Claims"
         :descriptor="ClaimDescriptor"
+        :filter-panel="ClaimFilter"
         searchbar-data-key="ClaimList"
         searchbar-url="Claims/filter"
         searchbar-label="Search claim"
diff --git a/src/pages/Customer/Card/CustomerCard.vue b/src/pages/Customer/Card/CustomerCard.vue
index 872bd7da7..7bec1f9f7 100644
--- a/src/pages/Customer/Card/CustomerCard.vue
+++ b/src/pages/Customer/Card/CustomerCard.vue
@@ -1,12 +1,14 @@
 <script setup>
 import VnCard from 'components/common/VnCard.vue';
 import CustomerDescriptor from './CustomerDescriptor.vue';
+import CustomerFilter from '../CustomerFilter.vue';
 </script>
 <template>
     <VnCard
         data-key="Client"
         base-url="Clients"
         :descriptor="CustomerDescriptor"
+        :filter-panel="CustomerFilter"
         searchbar-data-key="CustomerList"
         searchbar-url="Clients/filter"
         searchbar-label="Search customer"
diff --git a/src/pages/Entry/Card/EntryCard.vue b/src/pages/Entry/Card/EntryCard.vue
index 3eb4bd776..08ddf2a4c 100644
--- a/src/pages/Entry/Card/EntryCard.vue
+++ b/src/pages/Entry/Card/EntryCard.vue
@@ -1,12 +1,14 @@
 <script setup>
 import VnCard from 'components/common/VnCard.vue';
 import EntryDescriptor from './EntryDescriptor.vue';
+import EntryFilter from '../EntryFilter.vue';
 </script>
 <template>
     <VnCard
         data-key="Entry"
         base-url="Entries"
         :descriptor="EntryDescriptor"
+        :filter-panel="EntryFilter"
         searchbar-data-key="EntryList"
         searchbar-url="Entries/filter"
         searchbar-label="Search entries"
diff --git a/src/pages/InvoiceIn/Card/InvoiceInCard.vue b/src/pages/InvoiceIn/Card/InvoiceInCard.vue
index ceec5042d..1ed4829c1 100644
--- a/src/pages/InvoiceIn/Card/InvoiceInCard.vue
+++ b/src/pages/InvoiceIn/Card/InvoiceInCard.vue
@@ -1,6 +1,7 @@
 <script setup>
 import VnCard from 'components/common/VnCard.vue';
 import InvoiceInDescriptor from './InvoiceInDescriptor.vue';
+import InvoiceInFilter from '../InvoiceInFilter.vue';
 
 const filter = {
     include: [
@@ -25,6 +26,7 @@ const filter = {
         base-url="InvoiceIns"
         :filter="filter"
         :descriptor="InvoiceInDescriptor"
+        :filter-panel="InvoiceInFilter"
         searchbar-data-key="InvoiceInList"
         searchbar-url="InvoiceIns/filter"
         searchbar-label="Search invoice"
diff --git a/src/pages/InvoiceOut/Card/InvoiceOutCard.vue b/src/pages/InvoiceOut/Card/InvoiceOutCard.vue
index 218e01d83..3dbe2ad0c 100644
--- a/src/pages/InvoiceOut/Card/InvoiceOutCard.vue
+++ b/src/pages/InvoiceOut/Card/InvoiceOutCard.vue
@@ -1,12 +1,14 @@
 <script setup>
 import InvoiceOutDescriptor from './InvoiceOutDescriptor.vue';
 import VnCard from 'components/common/VnCard.vue';
+import InvoiceOutFilter from '../InvoiceOutFilter.vue';
 </script>
 <template>
     <VnCard
         data-key="InvoiceOut"
         base-url="InvoiceOuts"
         :descriptor="InvoiceOutDescriptor"
+        :filter-panel="InvoiceOutFilter"
         searchbar-data-key="InvoiceOutList"
         searchbar-url="InvoiceOuts/filter"
         searchbar-label="Search invoice"
diff --git a/src/pages/Item/Card/ItemCard.vue b/src/pages/Item/Card/ItemCard.vue
index 4eca6137c..ad5a5b831 100644
--- a/src/pages/Item/Card/ItemCard.vue
+++ b/src/pages/Item/Card/ItemCard.vue
@@ -1,7 +1,15 @@
 <script setup>
 import VnCard from 'components/common/VnCard.vue';
 import ItemDescriptor from './ItemDescriptor.vue';
+import ItemListFilter from '../ItemListFilter.vue';
 </script>
 <template>
-    <VnCard data-key="Item" base-url="Items" :descriptor="ItemDescriptor" />
+    <VnCard
+        data-key="Item"
+        base-url="Items"
+        :descriptor="ItemDescriptor"
+        :filter-panel="ItemListFilter"
+        searchbar-data-key="ItemList"
+        url="Items/filter"
+    />
 </template>
diff --git a/src/pages/ItemType/Card/ItemTypeCard.vue b/src/pages/ItemType/Card/ItemTypeCard.vue
index cb8adf7f6..824018ebd 100644
--- a/src/pages/ItemType/Card/ItemTypeCard.vue
+++ b/src/pages/ItemType/Card/ItemTypeCard.vue
@@ -1,12 +1,15 @@
 <script setup>
 import VnCard from 'components/common/VnCard.vue';
-
 import ItemTypeDescriptor from 'src/pages/ItemType/Card/ItemTypeDescriptor.vue';
+import ItemTypeFilter from 'src/pages/ItemType/ItemTypeFilter.vue';
 </script>
 <template>
     <VnCard
         data-key="ItemTypeSummary"
         base-url="ItemTypes"
         :descriptor="ItemTypeDescriptor"
+        :filter-panel="ItemTypeFilter"
+        searchbar-data-key="ItemTypeList"
+        searchbar-url="ItemTypes"
     />
 </template>

From 4caf27b4f88b6430001c2aedbc1f3b0f5150d966 Mon Sep 17 00:00:00 2001
From: alexm <alexm@verdnatura.es>
Date: Tue, 7 May 2024 08:37:52 +0200
Subject: [PATCH 218/305] deploy: init version 2422

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 063cf6de4..7be20a842 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "salix-front",
-    "version": "24.20.0",
+    "version": "24.22.0",
     "description": "Salix frontend",
     "productName": "Salix",
     "author": "Verdnatura",

From b9c6b01437816e84c532750c616d70bfca2514a8 Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Tue, 7 May 2024 08:59:55 +0200
Subject: [PATCH 219/305] refs #6877 update model

---
 src/pages/Item/ItemRequest.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/pages/Item/ItemRequest.vue b/src/pages/Item/ItemRequest.vue
index 599ae2c5f..fac77c693 100644
--- a/src/pages/Item/ItemRequest.vue
+++ b/src/pages/Item/ItemRequest.vue
@@ -293,6 +293,7 @@ onBeforeMount(() => {
                         option-label="firstName"
                         option-value="id"
                         dense
+                        @update:model-value="row.attenderFk"
                     />
                 </QTd>
             </template>

From 48bba65baf2d7210731559d269c207a39a00acb3 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Tue, 7 May 2024 09:30:59 +0200
Subject: [PATCH 220/305] fix: refs #6891 use vnCard searchbar

---
 src/pages/Order/Card/OrderCard.vue      | 12 +++++++++++-
 src/pages/Order/Card/OrderSearchbar.vue | 22 ----------------------
 src/pages/Order/Card/OrderSummary.vue   | 11 +----------
 src/pages/Order/OrderList.vue           |  8 ++++++--
 src/pages/Order/locale/es.yml           |  2 ++
 5 files changed, 20 insertions(+), 35 deletions(-)
 delete mode 100644 src/pages/Order/Card/OrderSearchbar.vue
 create mode 100644 src/pages/Order/locale/es.yml

diff --git a/src/pages/Order/Card/OrderCard.vue b/src/pages/Order/Card/OrderCard.vue
index ef7b30d86..2721979d5 100644
--- a/src/pages/Order/Card/OrderCard.vue
+++ b/src/pages/Order/Card/OrderCard.vue
@@ -1,7 +1,17 @@
 <script setup>
 import VnCard from 'components/common/VnCard.vue';
 import OrderDescriptor from 'pages/Order/Card/OrderDescriptor.vue';
+import OrderFilter from './OrderFilter.vue';
 </script>
 <template>
-    <VnCard data-key="Order" base-url="Orders" :descriptor="OrderDescriptor" />
+    <VnCard
+        data-key="Order"
+        base-url="Orders"
+        :descriptor="OrderDescriptor"
+        :filter-panel="OrderFilter"
+        searchbar-data-key="OrderList"
+        searchbar-url="Orders/filter"
+        searchbar-label="Search order"
+        searchbar-info="You can search order by reference"
+    />
 </template>
diff --git a/src/pages/Order/Card/OrderSearchbar.vue b/src/pages/Order/Card/OrderSearchbar.vue
deleted file mode 100644
index a768768a5..000000000
--- a/src/pages/Order/Card/OrderSearchbar.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<script setup>
-import { useI18n } from 'vue-i18n';
-import VnSearchbar from 'components/ui/VnSearchbar.vue';
-
-const { t } = useI18n();
-</script>
-
-<template>
-    <VnSearchbar
-        data-key="OrderList"
-        url="Orders/filter"
-        :label="t('Search order')"
-        :info="t('You can search orders by reference')"
-    />
-</template>
-
-<style scoped lang="scss"></style>
-<i18n>
-es:
-    Search order: Buscar orden
-    You can search orders by reference: Puedes buscar por referencia de la orden
-</i18n>
diff --git a/src/pages/Order/Card/OrderSummary.vue b/src/pages/Order/Card/OrderSummary.vue
index 6e06be9bf..a674a20d0 100644
--- a/src/pages/Order/Card/OrderSummary.vue
+++ b/src/pages/Order/Card/OrderSummary.vue
@@ -7,7 +7,6 @@ import { dashIfEmpty, toCurrency, toDateHourMinSec } from 'src/filters';
 import VnLv from 'components/ui/VnLv.vue';
 import CardSummary from 'components/ui/CardSummary.vue';
 import CustomerDescriptorProxy from 'pages/Customer/Card/CustomerDescriptorProxy.vue';
-import OrderSearchbar from 'pages/Order/Card/OrderSearchbar.vue';
 import FetchedTags from 'components/ui/FetchedTags.vue';
 
 const { t } = useI18n();
@@ -53,10 +52,6 @@ const detailsColumns = ref([
 </script>
 
 <template>
-    <Teleport to="#searchbar" v-if="stateStore.isHeaderMounted()">
-        <OrderSearchbar />
-    </Teleport>
-
     <div class="q-pa-md">
         <CardSummary ref="summary" :url="`Orders/${entityId}/summary`">
             <template #header="{ entity }">
@@ -158,11 +153,7 @@ const detailsColumns = ref([
                     <p class="header">
                         {{ t('order.summary.details') }}
                     </p>
-                    <QTable
-                        :columns="detailsColumns"
-                        :rows="entity?.rows"
-                        flat
-                    >
+                    <QTable :columns="detailsColumns" :rows="entity?.rows" flat>
                         <template #header="props">
                             <QTr :props="props">
                                 <QTh auto-width>{{ t('order.summary.item') }}</QTh>
diff --git a/src/pages/Order/OrderList.vue b/src/pages/Order/OrderList.vue
index 203eaccd1..0904de71a 100644
--- a/src/pages/Order/OrderList.vue
+++ b/src/pages/Order/OrderList.vue
@@ -9,7 +9,7 @@ import WorkerDescriptorProxy from 'pages/Worker/Card/WorkerDescriptorProxy.vue';
 import CustomerDescriptorProxy from 'pages/Customer/Card/CustomerDescriptorProxy.vue';
 import VnPaginate from 'components/ui/VnPaginate.vue';
 import VnLv from 'components/ui/VnLv.vue';
-import OrderSearchbar from 'pages/Order/Card/OrderSearchbar.vue';
+import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
 import OrderFilter from 'pages/Order/Card/OrderFilter.vue';
 import OrderSummary from 'pages/Order/Card/OrderSummary.vue';
 import { useSummaryDialog } from 'src/composables/useSummaryDialog';
@@ -30,7 +30,11 @@ function navigate(id) {
 <template>
     <template v-if="stateStore.isHeaderMounted()">
         <Teleport to="#searchbar">
-            <OrderSearchbar />
+            <VnSearchbar
+                data-key="OrderList"
+                :label="t('Search order')"
+                :info="t('You can search orders by reference')"
+            />
         </Teleport>
         <Teleport to="#actions-append">
             <div class="row q-gutter-x-sm">
diff --git a/src/pages/Order/locale/es.yml b/src/pages/Order/locale/es.yml
new file mode 100644
index 000000000..5fcfd0f5d
--- /dev/null
+++ b/src/pages/Order/locale/es.yml
@@ -0,0 +1,2 @@
+Search order: Buscar orden
+You can search orders by reference: Puedes buscar por referencia de la orden

From 111333a6cfe54bbf4de46e42cc4c81516ffb94e3 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Tue, 7 May 2024 09:46:52 +0200
Subject: [PATCH 221/305] fix: refs #6891 reactivity & show filter panel

---
 src/pages/Parking/Card/ParkingCard.vue       |  2 ++
 src/pages/Parking/Card/ParkingDescriptor.vue | 13 +++++++------
 src/pages/Parking/Card/ParkingSummary.vue    | 15 +++++++++++----
 3 files changed, 20 insertions(+), 10 deletions(-)

diff --git a/src/pages/Parking/Card/ParkingCard.vue b/src/pages/Parking/Card/ParkingCard.vue
index 5a0b552d6..180228148 100644
--- a/src/pages/Parking/Card/ParkingCard.vue
+++ b/src/pages/Parking/Card/ParkingCard.vue
@@ -1,6 +1,7 @@
 <script setup>
 import VnCard from 'components/common/VnCard.vue';
 import ParkingDescriptor from 'pages/Parking/Card/ParkingDescriptor.vue';
+import ParkingFilter from 'pages/Parking/ParkingFilter.vue';
 
 const filter = {
     fields: ['id', 'sectorFk', 'code', 'pickingOrder', 'row', 'column'],
@@ -13,6 +14,7 @@ const filter = {
         base-url="Parkings"
         :filter="filter"
         :descriptor="ParkingDescriptor"
+        :filter-panel="ParkingFilter"
         searchbar-data-key="ParkingList"
         searchbar-url="Parkings"
         searchbar-label="parking.searchBar.label"
diff --git a/src/pages/Parking/Card/ParkingDescriptor.vue b/src/pages/Parking/Card/ParkingDescriptor.vue
index 3ff0a5d17..b5c8820ed 100644
--- a/src/pages/Parking/Card/ParkingDescriptor.vue
+++ b/src/pages/Parking/Card/ParkingDescriptor.vue
@@ -15,10 +15,10 @@ const props = defineProps({
 });
 
 const { t } = useI18n();
-const { params } = useRoute();
-const entityId = computed(() => props.id || params.id);
+const route = useRoute();
+const entityId = computed(() => props.id || route.params.id);
 const { store } = useArrayData('Parking');
-const card = computed(() => store.data);
+const parking = computed(() => store.data);
 const filter = {
     fields: ['id', 'sectorFk', 'code', 'pickingOrder', 'row', 'column'],
     include: [{ relation: 'sector', scope: { fields: ['id', 'description'] } }],
@@ -29,11 +29,12 @@ const filter = {
         module="Parking"
         data-key="Parking"
         :url="`Parkings/${entityId}`"
-        :title="card?.code"
-        :subtitle="card?.id"
+        :title="parking?.code"
+        :subtitle="parking?.id"
         :filter="filter"
+        @on-fetch="(data) => (parking = data)"
     >
-        <template #body="{ entity: parking }">
+        <template #body>
             <VnLv :label="t('globals.code')" :value="parking.code" />
             <VnLv :label="t('parking.pickingOrder')" :value="parking.pickingOrder" />
             <VnLv :label="t('parking.sector')" :value="parking.sector?.description" />
diff --git a/src/pages/Parking/Card/ParkingSummary.vue b/src/pages/Parking/Card/ParkingSummary.vue
index 9a79f428b..ebc3a996b 100644
--- a/src/pages/Parking/Card/ParkingSummary.vue
+++ b/src/pages/Parking/Card/ParkingSummary.vue
@@ -1,9 +1,10 @@
 <script setup>
-import { computed } from 'vue';
+import { ref, computed } from 'vue';
 import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 import CardSummary from 'components/ui/CardSummary.vue';
 import VnLv from 'components/ui/VnLv.vue';
+import { useArrayData } from 'src/composables/useArrayData';
 
 const $props = defineProps({
     id: {
@@ -14,7 +15,9 @@ const $props = defineProps({
 const router = useRoute();
 const { t } = useI18n();
 const entityId = computed(() => $props.id || router.params.id);
+const { store } = useArrayData('Parking');
 
+const parking = ref(store.data);
 const filter = {
     fields: ['id', 'sectorFk', 'code', 'pickingOrder', 'row', 'column'],
     include: [{ relation: 'sector', scope: { fields: ['id', 'description'] } }],
@@ -23,9 +26,13 @@ const filter = {
 
 <template>
     <div class="q-pa-md">
-        <CardSummary :url="`Parkings/${entityId}`" :filter="filter">
-            <template #header="{ entity: parking }">{{ parking.code }}</template>
-            <template #body="{ entity: parking }">
+        <CardSummary
+            :url="`Parkings/${entityId}`"
+            :filter="filter"
+            @on-fetch="(data) => (parking = data)"
+        >
+            <template #header>{{ parking.code }}</template>
+            <template #body>
                 <QCard class="vn-one">
                     <QCardSection class="q-pa-none">
                         <a

From e9f5c0cc8dca3fde32eeb794efa457368baab207 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Tue, 7 May 2024 10:12:35 +0200
Subject: [PATCH 222/305] feat: refs #6891 add custom url

---
 src/components/common/VnCard.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/common/VnCard.vue b/src/components/common/VnCard.vue
index 93b6c2f06..f6ecc25ab 100644
--- a/src/components/common/VnCard.vue
+++ b/src/components/common/VnCard.vue
@@ -21,6 +21,7 @@ const props = defineProps({
     searchbarUrl: { type: String, default: undefined },
     searchbarLabel: { type: String, default: '' },
     searchbarInfo: { type: String, default: '' },
+    customRouteRedirectName: { type: String, default: undefined },
 });
 
 const { t } = useI18n();
@@ -58,6 +59,7 @@ if (props.baseUrl) {
                 :url="props.searchbarUrl"
                 :label="t(props.searchbarLabel)"
                 :info="t(props.searchbarInfo)"
+                :custom-route-redirect-name="props.customRouteRedirectName"
             />
         </Teleport>
         <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">

From 777ee0895ed6b13d1af12f80ccd37cf0b042fb58 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Tue, 7 May 2024 10:15:47 +0200
Subject: [PATCH 223/305] feat: refs #6891 route & drop searchbar

---
 src/pages/Route/Card/RouteCard.vue      | 12 +++++++++++-
 src/pages/Route/Card/RouteSearchbar.vue | 21 ---------------------
 src/pages/Route/Card/RouteSummary.vue   |  6 ------
 src/pages/Route/RouteList.vue           |  9 +++++++--
 src/pages/Route/locale/en.yml           |  2 ++
 src/pages/Route/locale/es.yml           |  3 +++
 6 files changed, 23 insertions(+), 30 deletions(-)
 delete mode 100644 src/pages/Route/Card/RouteSearchbar.vue
 create mode 100644 src/pages/Route/locale/en.yml
 create mode 100644 src/pages/Route/locale/es.yml

diff --git a/src/pages/Route/Card/RouteCard.vue b/src/pages/Route/Card/RouteCard.vue
index fd0a8a507..0da79acf6 100644
--- a/src/pages/Route/Card/RouteCard.vue
+++ b/src/pages/Route/Card/RouteCard.vue
@@ -1,7 +1,17 @@
 <script setup>
 import VnCard from 'components/common/VnCard.vue';
 import RouteDescriptor from 'pages/Route/Card/RouteDescriptor.vue';
+import RouteFilter from './RouteFilter.vue';
 </script>
 <template>
-    <VnCard data-key="Route" base-url="Routes" :descriptor="RouteDescriptor" />
+    <VnCard
+        data-key="Route"
+        base-url="Routes"
+        :descriptor="RouteDescriptor"
+        :filter-panel="RouteFilter"
+        searchbar-data-key="RouteList"
+        searchbar-label="searchLabel"
+        searchbar-info="searchInfo"
+        custom-route-redirect-name="RouteList"
+    />
 </template>
diff --git a/src/pages/Route/Card/RouteSearchbar.vue b/src/pages/Route/Card/RouteSearchbar.vue
deleted file mode 100644
index e3833d13c..000000000
--- a/src/pages/Route/Card/RouteSearchbar.vue
+++ /dev/null
@@ -1,21 +0,0 @@
-<script setup>
-import VnSearchbar from 'components/ui/VnSearchbar.vue';
-import {useI18n} from "vue-i18n";
-const { t } = useI18n();
-</script>
-
-<template>
-    <VnSearchbar
-        data-key="RouteList"
-        :label="t('Search route')"
-        :info="t('You can search by route reference')"
-        custom-route-redirect-name="RouteList"
-    />
-</template>
-
-<style scoped lang="scss"></style>
-<i18n>
-es:
-    Search route: Buscar rutas
-    You can search by route reference: Puedes buscar por referencia de la ruta
-</i18n>
diff --git a/src/pages/Route/Card/RouteSummary.vue b/src/pages/Route/Card/RouteSummary.vue
index 220f93f30..ac03a8231 100644
--- a/src/pages/Route/Card/RouteSummary.vue
+++ b/src/pages/Route/Card/RouteSummary.vue
@@ -10,7 +10,6 @@ import { dashIfEmpty, toCurrency, toDate, toHour } from 'src/filters';
 import WorkerDescriptorProxy from 'pages/Worker/Card/WorkerDescriptorProxy.vue';
 import CustomerDescriptorProxy from 'pages/Customer/Card/CustomerDescriptorProxy.vue';
 import TicketDescriptorProxy from 'pages/Ticket/Card/TicketDescriptorProxy.vue';
-import RouteSearchbar from 'pages/Route/Card/RouteSearchbar.vue';
 import { openBuscaman } from 'src/utils/buscaman';
 
 const $props = defineProps({
@@ -118,11 +117,6 @@ const ticketColumns = ref([
 </script>
 
 <template>
-    <template v-if="stateStore.isHeaderMounted()">
-        <Teleport to="#searchbar">
-            <RouteSearchbar />
-        </Teleport>
-    </template>
     <div class="q-pa-md full-width">
         <CardSummary
             ref="summary"
diff --git a/src/pages/Route/RouteList.vue b/src/pages/Route/RouteList.vue
index c0888a225..9ebac4bee 100644
--- a/src/pages/Route/RouteList.vue
+++ b/src/pages/Route/RouteList.vue
@@ -11,7 +11,7 @@ import VnInputDate from 'components/common/VnInputDate.vue';
 import VnInput from 'components/common/VnInput.vue';
 import VnInputTime from 'components/common/VnInputTime.vue';
 import axios from 'axios';
-import RouteSearchbar from 'pages/Route/Card/RouteSearchbar.vue';
+import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
 import RouteFilter from 'pages/Route/Card/RouteFilter.vue';
 import RouteSummary from 'pages/Route/Card/RouteSummary.vue';
 import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
@@ -179,7 +179,12 @@ const openTicketsDialog = (id) => {
 <template>
     <template v-if="stateStore.isHeaderMounted()">
         <Teleport to="#searchbar">
-            <RouteSearchbar />
+            <VnSearchbar
+                data-key="RouteList"
+                :label="t('Search route')"
+                :info="t('You can search by route reference')"
+                custom-route-redirect-name="RouteList"
+            />
         </Teleport>
         <Teleport to="#actions-append">
             <div class="row q-gutter-x-sm">
diff --git a/src/pages/Route/locale/en.yml b/src/pages/Route/locale/en.yml
new file mode 100644
index 000000000..427abec1c
--- /dev/null
+++ b/src/pages/Route/locale/en.yml
@@ -0,0 +1,2 @@
+searchLabel: Search route
+searchInfo: You can search by route reference
diff --git a/src/pages/Route/locale/es.yml b/src/pages/Route/locale/es.yml
new file mode 100644
index 000000000..cc75dbbc4
--- /dev/null
+++ b/src/pages/Route/locale/es.yml
@@ -0,0 +1,3 @@
+route:
+    searchLabel: Buscar rutas
+    searchInfo: Puedes buscar por referencia de la ruta

From ac0993aa11e40a72126ac232d713269ab706c9f0 Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Tue, 7 May 2024 10:20:26 +0200
Subject: [PATCH 224/305] refs #6842 pr changes

---
 src/pages/Worker/Card/WorkerCalendar.vue | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/src/pages/Worker/Card/WorkerCalendar.vue b/src/pages/Worker/Card/WorkerCalendar.vue
index 6677cb351..2e525aa30 100644
--- a/src/pages/Worker/Card/WorkerCalendar.vue
+++ b/src/pages/Worker/Card/WorkerCalendar.vue
@@ -16,6 +16,7 @@ const stateStore = useStateStore();
 const route = useRoute();
 const { t } = useI18n();
 const workerIsFreelance = ref();
+const WorkerFreelanceRef = ref();
 const workerCalendarFilterRef = ref(null);
 const workerCalendarRef = ref(null);
 const absenceType = ref(null);
@@ -34,12 +35,6 @@ const onFetchActiveContract = (data) => {
     hasWorkCenter.value = Boolean(data?.workCenterFk);
 };
 
-const isFreelance = async () => {
-    const { data } = await axios.get(`Workers/${route.params.id}`);
-
-    workerIsFreelance.value = data.isFreelance;
-};
-
 const addEvent = (day, newEvent, isFestive = false) => {
     const timestamp = new Date(day).getTime();
     let event = eventsMap.value[timestamp];
@@ -136,7 +131,7 @@ const refreshData = () => {
     updateYearHolidays();
     updateContractHolidays();
     getAbsences();
-    isFreelance();
+    WorkerFreelanceRef.value.fetch();
 };
 
 const onDeletedEvent = (timestamp) => {
@@ -172,6 +167,7 @@ watch([year, businessFk], () => refreshData());
     <FetchData
         :url="`Workers/${route.params.id}`"
         @on-fetch="(data) => (workerIsFreelance = data.isFreelance)"
+        ref="WorkerFreelanceRef"
         auto-load
     />
     <template v-if="stateStore.isHeaderMounted()">

From 097e25a0b8072f9a47602bc8bd40b1efac3d2019 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Tue, 7 May 2024 11:22:35 +0200
Subject: [PATCH 225/305] feat: refs #6891 shelving

---
 src/components/common/VnCard.vue         | 29 +++++++++++++-----------
 src/pages/Shelving/Card/ShelvingCard.vue | 14 +++++++++++-
 2 files changed, 29 insertions(+), 14 deletions(-)

diff --git a/src/components/common/VnCard.vue b/src/components/common/VnCard.vue
index f6ecc25ab..1ad852656 100644
--- a/src/components/common/VnCard.vue
+++ b/src/components/common/VnCard.vue
@@ -17,10 +17,10 @@ const props = defineProps({
     filter: { type: Object, default: () => {} },
     descriptor: { type: Object, required: true },
     filterPanel: { type: Object, default: undefined },
-    searchbarDataKey: { type: String, default: undefined },
-    searchbarUrl: { type: String, default: undefined },
-    searchbarLabel: { type: String, default: '' },
-    searchbarInfo: { type: String, default: '' },
+    searchDataKey: { type: String, default: undefined },
+    searchUrl: { type: String, default: undefined },
+    searchbarLabel: { type: String, default: undefined },
+    searchbarInfo: { type: String, default: undefined },
     customRouteRedirectName: { type: String, default: undefined },
 });
 
@@ -53,15 +53,18 @@ if (props.baseUrl) {
 </script>
 <template>
     <template v-if="stateStore.isHeaderMounted()">
-        <Teleport to="#searchbar" v-if="props.searchbarDataKey">
-            <VnSearchbar
-                :data-key="props.searchbarDataKey"
-                :url="props.searchbarUrl"
-                :label="t(props.searchbarLabel)"
-                :info="t(props.searchbarInfo)"
-                :custom-route-redirect-name="props.customRouteRedirectName"
-            />
+        <Teleport to="#searchbar" v-if="props.searchDataKey">
+            <slot name="searchbar">
+                <VnSearchbar
+                    :data-key="props.searchDataKey"
+                    :url="props.searchUrl"
+                    :label="t(props.searchbarLabel)"
+                    :info="t(props.searchbarInfo)"
+                    :custom-route-redirect-name="props.customRouteRedirectName"
+                />
+            </slot>
         </Teleport>
+        <slot v-else name="searchbar" />
         <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
             <QScrollArea class="fit">
                 <component :is="descriptor" />
@@ -71,7 +74,7 @@ if (props.baseUrl) {
         </QDrawer>
         <RightMenu>
             <template #right-panel v-if="props.filterPanel">
-                <component :is="props.filterPanel" :data-key="props.searchbarDataKey" />
+                <component :is="props.filterPanel" :data-key="props.searchDataKey" />
             </template>
         </RightMenu>
     </template>
diff --git a/src/pages/Shelving/Card/ShelvingCard.vue b/src/pages/Shelving/Card/ShelvingCard.vue
index f4a2fcf60..a501a7a99 100644
--- a/src/pages/Shelving/Card/ShelvingCard.vue
+++ b/src/pages/Shelving/Card/ShelvingCard.vue
@@ -1,7 +1,19 @@
 <script setup>
 import VnCard from 'components/common/VnCard.vue';
 import ShelvingDescriptor from 'pages/Shelving/Card/ShelvingDescriptor.vue';
+import ShelvingFilter from './ShelvingFilter.vue';
+import ShelvingSearchbar from './ShelvingSearchbar.vue';
 </script>
 <template>
-    <VnCard data-key="Shelving" base-url="Shelvings" :descriptor="ShelvingDescriptor" />
+    <VnCard
+        data-key="Shelving"
+        base-url="Shelvings"
+        :descriptor="ShelvingDescriptor"
+        :filter-panel="ShelvingFilter"
+        search-data-key="ShelvingList"
+    >
+        <template #searchbar>
+            <ShelvingSearchbar />
+        </template>
+    </VnCard>
 </template>

From 0dc95ca3a08f867ea9a86184b1e501783befaba8 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Tue, 7 May 2024 11:35:41 +0200
Subject: [PATCH 226/305] fix: VnSelectFilter

---
 .../CustomerNotificationsCampaignConsumption.vue              | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/Customer/Notifications/CustomerNotificationsCampaignConsumption.vue b/src/pages/Customer/Notifications/CustomerNotificationsCampaignConsumption.vue
index 5a4c63925..6d8e00966 100644
--- a/src/pages/Customer/Notifications/CustomerNotificationsCampaignConsumption.vue
+++ b/src/pages/Customer/Notifications/CustomerNotificationsCampaignConsumption.vue
@@ -5,7 +5,7 @@ import axios from 'axios';
 import useNotify from 'src/composables/useNotify';
 import { useValidator } from 'src/composables/useValidator';
 import VnRow from 'components/ui/VnRow.vue';
-import VnSelectFilter from 'components/common/VnSelectFilter.vue';
+import VnSelect from 'components/common/VnSelect.vue';
 import VnInputDate from 'components/common/VnInputDate.vue';
 import FetchData from 'src/components/FetchData.vue';
 import { watch } from 'vue';
@@ -100,7 +100,7 @@ onMounted(async () => {
             <QCard class="column q-pa-md">
                 <span class="text-body1 q-mb-sm">{{ t('Campaign consumption') }}</span>
                 <VnRow class="row q-gutter-md q-mb-md">
-                    <VnSelectFilter
+                    <VnSelect
                         :options="moreFields"
                         option-value="code"
                         option-label="label"

From c0dd140a3ab0a22d475be5216421e50186721128 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Tue, 7 May 2024 11:38:12 +0200
Subject: [PATCH 227/305] fix: validTag

---
 src/components/common/VnSelect.vue | 3 ++-
 src/pages/Item/Card/ItemTags.vue   | 9 ++++++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/common/VnSelect.vue b/src/components/common/VnSelect.vue
index 05c74f00a..e8083dec2 100644
--- a/src/components/common/VnSelect.vue
+++ b/src/components/common/VnSelect.vue
@@ -57,7 +57,7 @@ const $props = defineProps({
 });
 
 const { t } = useI18n();
-const requiredFieldRule = (val) => !!val || t('globals.fieldRequired');
+const requiredFieldRule = (val) => val ?? t('globals.fieldRequired');
 
 const { optionLabel, optionValue, options, modelValue } = toRefs($props);
 const myOptions = ref([]);
@@ -167,6 +167,7 @@ watch(modelValue, (newValue) => {
         hide-selected
         fill-input
         ref="vnSelectRef"
+        lazy-rules
         :class="{ required: $attrs.required }"
         :rules="$attrs.required ? [requiredFieldRule] : null"
         virtual-scroll-slice-size="options.length"
diff --git a/src/pages/Item/Card/ItemTags.vue b/src/pages/Item/Card/ItemTags.vue
index 01df1009b..b3cdfffb1 100644
--- a/src/pages/Item/Card/ItemTags.vue
+++ b/src/pages/Item/Card/ItemTags.vue
@@ -105,7 +105,7 @@ const insertTag = (rows) => {
                 auto-load
                 @on-fetch="onItemTagsFetched"
             >
-                <template #body="{ rows }">
+                <template #body="{ rows, validate }">
                     <QCard class="q-pl-lg q-py-md">
                         <VnRow
                             v-for="(row, index) in rows"
@@ -121,6 +121,8 @@ const insertTag = (rows) => {
                                 @update:model-value="
                                     ($event) => handleTagSelected(rows, index, $event)
                                 "
+                                :required="true"
+                                :rules="validate('itemTag.tagFk')"
                             />
                             <VnSelect
                                 v-if="row.tag?.isFree === false"
@@ -134,6 +136,8 @@ const insertTag = (rows) => {
                                 use-input
                                 class="col"
                                 :is-clearable="false"
+                                :required="false"
+                                :rules="validate('itemTag.tagFk')"
                             />
                             <VnInput
                                 v-else-if="
@@ -148,6 +152,8 @@ const insertTag = (rows) => {
                                 :label="t('itemTags.relevancy')"
                                 type="number"
                                 v-model="row.priority"
+                                :required="true"
+                                :rules="validate('itemTag.priority')"
                             />
                             <div class="col-1 row justify-center items-center">
                                 <QIcon
@@ -167,6 +173,7 @@ const insertTag = (rows) => {
                             <QIcon
                                 @click="insertTag(rows)"
                                 class="cursor-pointer"
+                                :disable="!validRow"
                                 color="primary"
                                 name="add"
                                 size="sm"

From 5712810ae28548f97727adaeefed9aceb2015ca1 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Tue, 7 May 2024 12:00:20 +0200
Subject: [PATCH 228/305] fix: refs #6938 rollback phone

---
 src/pages/Worker/Card/WorkerBasicData.vue  |  3 --
 src/pages/Worker/Card/WorkerDescriptor.vue | 26 +++++++++++-
 src/pages/Worker/Card/WorkerSummary.vue    | 49 ++++++++++++++++++++--
 3 files changed, 69 insertions(+), 9 deletions(-)

diff --git a/src/pages/Worker/Card/WorkerBasicData.vue b/src/pages/Worker/Card/WorkerBasicData.vue
index 775472065..c59f4281d 100644
--- a/src/pages/Worker/Card/WorkerBasicData.vue
+++ b/src/pages/Worker/Card/WorkerBasicData.vue
@@ -27,7 +27,6 @@ const workerFilter = {
         },
         { relation: 'sip', scope: { fields: ['extension', 'secret'] } },
         { relation: 'department', scope: { include: { relation: 'department' } } },
-        { relation: 'client', scope: {fields:['phone']} },
     ],
 };
 const workersFilter = {
@@ -87,7 +86,6 @@ const maritalStatus = [
                     :label="t('Mobile extension')"
                     clearable
                 />
-                <VnInput v-model="data.client.phone" :label="t('Personal phone')" clearable />
             </VnRow>
 
             <VnRow class="row q-gutter-md q-mb-md">
@@ -159,7 +157,6 @@ es:
     Last name: Apellidos
     Business phone: Teléfono de empresa
     Mobile extension: Extensión móvil
-    Personal phone: Teléfono personal
     Boss: Jefe
     Marital status: Estado civil
     Married: Casado/a
diff --git a/src/pages/Worker/Card/WorkerDescriptor.vue b/src/pages/Worker/Card/WorkerDescriptor.vue
index 6f876b8fa..a20ad5546 100644
--- a/src/pages/Worker/Card/WorkerDescriptor.vue
+++ b/src/pages/Worker/Card/WorkerDescriptor.vue
@@ -31,7 +31,29 @@ const entityId = computed(() => {
 });
 
 const worker = ref();
-const filter = { where: { id: entityId } };
+const filter = {
+    include: [
+        {
+            relation: 'user',
+            scope: {
+                fields: ['email', 'name', 'nickname'],
+            },
+        },
+        {
+            relation: 'department',
+            scope: {
+                include: [
+                    {
+                        relation: 'department',
+                    },
+                ],
+            },
+        },
+        {
+            relation: 'sip',
+        },
+    ],
+};
 
 const sip = ref(null);
 
@@ -60,7 +82,7 @@ const setData = (entity) => {
     <CardDescriptor
         module="Worker"
         data-key="workerData"
-        url="Workers/summary"
+        :url="`Workers/${entityId}`"
         :filter="filter"
         :title="data.title"
         :subtitle="data.subtitle"
diff --git a/src/pages/Worker/Card/WorkerSummary.vue b/src/pages/Worker/Card/WorkerSummary.vue
index 43c493565..dad21cda5 100644
--- a/src/pages/Worker/Card/WorkerSummary.vue
+++ b/src/pages/Worker/Card/WorkerSummary.vue
@@ -10,7 +10,7 @@ import CardSummary from 'components/ui/CardSummary.vue';
 import VnUserLink from 'src/components/ui/VnUserLink.vue';
 import VnTitle from 'src/components/common/VnTitle.vue';
 
-const { params } = useRoute();
+const route = useRoute();
 const { t } = useI18n();
 
 const $props = defineProps({
@@ -20,18 +20,53 @@ const $props = defineProps({
     },
 });
 
-const entityId = computed(() => $props.id || params.id);
+const entityId = computed(() => $props.id || route.params.id);
 const workerUrl = ref();
 
 onMounted(async () => {
     workerUrl.value = (await getUrl('')) + `worker/${entityId.value}/`;
 });
 
-const filter = { where: { id: entityId.value } };
+const filter = {
+    include: [
+        {
+            relation: 'user',
+            scope: {
+                fields: ['email', 'name', 'nickname', 'roleFk'],
+                include: {
+                    relation: 'role',
+                    scope: {
+                        fields: ['name'],
+                    },
+                },
+            },
+        },
+        {
+            relation: 'department',
+            scope: {
+                include: {
+                    relation: 'department',
+                    scope: {
+                        fields: ['name'],
+                    },
+                },
+            },
+        },
+        {
+            relation: 'boss',
+        },
+        {
+            relation: 'client',
+        },
+        {
+            relation: 'sip',
+        },
+    ],
+};
 </script>
 
 <template>
-    <CardSummary ref="summary" :url="`Workers/summary`" :filter="filter">
+    <CardSummary ref="summary" :url="`Workers/${entityId}`" :filter="filter">
         <template #header="{ entity }">
             <div>{{ entity.id }} - {{ entity.firstName }} {{ entity.lastName }}</div>
         </template>
@@ -68,6 +103,12 @@ const filter = { where: { id: entityId.value } };
                         <VnLinkPhone :phone-number="worker.phone" />
                     </template>
                 </VnLv>
+                <VnLv :value="worker.client?.phone">
+                    <template #label>
+                        {{ t('worker.summary.personalPhone') }}
+                        <VnLinkPhone :phone-number="worker.client?.phone" />
+                    </template>
+                </VnLv>
                 <VnLv :label="t('worker.summary.locker')" :value="worker.locker" />
             </QCard>
             <QCard class="vn-one">

From 0703de350c18663a8a4c77d2bcf80db520146293 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Tue, 7 May 2024 13:04:27 +0200
Subject: [PATCH 229/305] fix: refs #6891 rollback order & route searchbar

---
 src/pages/Order/Card/OrderCard.vue      | 12 +++++++-----
 src/pages/Order/Card/OrderSearchbar.vue | 22 ++++++++++++++++++++++
 src/pages/Order/OrderList.vue           |  8 ++------
 src/pages/Order/locale/es.yml           |  2 --
 src/pages/Route/Card/RouteCard.vue      | 12 +++++++-----
 src/pages/Route/Card/RouteSearchbar.vue | 21 +++++++++++++++++++++
 src/pages/Route/RouteList.vue           |  9 ++-------
 src/pages/Route/locale/en.yml           |  2 --
 src/pages/Route/locale/es.yml           |  3 ---
 9 files changed, 61 insertions(+), 30 deletions(-)
 create mode 100644 src/pages/Order/Card/OrderSearchbar.vue
 delete mode 100644 src/pages/Order/locale/es.yml
 create mode 100644 src/pages/Route/Card/RouteSearchbar.vue
 delete mode 100644 src/pages/Route/locale/en.yml
 delete mode 100644 src/pages/Route/locale/es.yml

diff --git a/src/pages/Order/Card/OrderCard.vue b/src/pages/Order/Card/OrderCard.vue
index 2721979d5..5b6896656 100644
--- a/src/pages/Order/Card/OrderCard.vue
+++ b/src/pages/Order/Card/OrderCard.vue
@@ -2,6 +2,7 @@
 import VnCard from 'components/common/VnCard.vue';
 import OrderDescriptor from 'pages/Order/Card/OrderDescriptor.vue';
 import OrderFilter from './OrderFilter.vue';
+import OrderSearchbar from './OrderSearchbar.vue';
 </script>
 <template>
     <VnCard
@@ -9,9 +10,10 @@ import OrderFilter from './OrderFilter.vue';
         base-url="Orders"
         :descriptor="OrderDescriptor"
         :filter-panel="OrderFilter"
-        searchbar-data-key="OrderList"
-        searchbar-url="Orders/filter"
-        searchbar-label="Search order"
-        searchbar-info="You can search order by reference"
-    />
+        search-data-key="OrderList"
+    >
+        <template #searchbar>
+            <OrderSearchbar />
+        </template>
+    </VnCard>
 </template>
diff --git a/src/pages/Order/Card/OrderSearchbar.vue b/src/pages/Order/Card/OrderSearchbar.vue
new file mode 100644
index 000000000..a768768a5
--- /dev/null
+++ b/src/pages/Order/Card/OrderSearchbar.vue
@@ -0,0 +1,22 @@
+<script setup>
+import { useI18n } from 'vue-i18n';
+import VnSearchbar from 'components/ui/VnSearchbar.vue';
+
+const { t } = useI18n();
+</script>
+
+<template>
+    <VnSearchbar
+        data-key="OrderList"
+        url="Orders/filter"
+        :label="t('Search order')"
+        :info="t('You can search orders by reference')"
+    />
+</template>
+
+<style scoped lang="scss"></style>
+<i18n>
+es:
+    Search order: Buscar orden
+    You can search orders by reference: Puedes buscar por referencia de la orden
+</i18n>
diff --git a/src/pages/Order/OrderList.vue b/src/pages/Order/OrderList.vue
index 0904de71a..203eaccd1 100644
--- a/src/pages/Order/OrderList.vue
+++ b/src/pages/Order/OrderList.vue
@@ -9,7 +9,7 @@ import WorkerDescriptorProxy from 'pages/Worker/Card/WorkerDescriptorProxy.vue';
 import CustomerDescriptorProxy from 'pages/Customer/Card/CustomerDescriptorProxy.vue';
 import VnPaginate from 'components/ui/VnPaginate.vue';
 import VnLv from 'components/ui/VnLv.vue';
-import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
+import OrderSearchbar from 'pages/Order/Card/OrderSearchbar.vue';
 import OrderFilter from 'pages/Order/Card/OrderFilter.vue';
 import OrderSummary from 'pages/Order/Card/OrderSummary.vue';
 import { useSummaryDialog } from 'src/composables/useSummaryDialog';
@@ -30,11 +30,7 @@ function navigate(id) {
 <template>
     <template v-if="stateStore.isHeaderMounted()">
         <Teleport to="#searchbar">
-            <VnSearchbar
-                data-key="OrderList"
-                :label="t('Search order')"
-                :info="t('You can search orders by reference')"
-            />
+            <OrderSearchbar />
         </Teleport>
         <Teleport to="#actions-append">
             <div class="row q-gutter-x-sm">
diff --git a/src/pages/Order/locale/es.yml b/src/pages/Order/locale/es.yml
deleted file mode 100644
index 5fcfd0f5d..000000000
--- a/src/pages/Order/locale/es.yml
+++ /dev/null
@@ -1,2 +0,0 @@
-Search order: Buscar orden
-You can search orders by reference: Puedes buscar por referencia de la orden
diff --git a/src/pages/Route/Card/RouteCard.vue b/src/pages/Route/Card/RouteCard.vue
index 0da79acf6..461f2d95e 100644
--- a/src/pages/Route/Card/RouteCard.vue
+++ b/src/pages/Route/Card/RouteCard.vue
@@ -2,6 +2,7 @@
 import VnCard from 'components/common/VnCard.vue';
 import RouteDescriptor from 'pages/Route/Card/RouteDescriptor.vue';
 import RouteFilter from './RouteFilter.vue';
+import RouteSearchbar from 'pages/Route/Card/RouteSearchbar.vue';
 </script>
 <template>
     <VnCard
@@ -9,9 +10,10 @@ import RouteFilter from './RouteFilter.vue';
         base-url="Routes"
         :descriptor="RouteDescriptor"
         :filter-panel="RouteFilter"
-        searchbar-data-key="RouteList"
-        searchbar-label="searchLabel"
-        searchbar-info="searchInfo"
-        custom-route-redirect-name="RouteList"
-    />
+        search-data-key="RouteList"
+    >
+        <template #searchbar>
+            <RouteSearchbar />
+        </template>
+    </VnCard>
 </template>
diff --git a/src/pages/Route/Card/RouteSearchbar.vue b/src/pages/Route/Card/RouteSearchbar.vue
new file mode 100644
index 000000000..924280580
--- /dev/null
+++ b/src/pages/Route/Card/RouteSearchbar.vue
@@ -0,0 +1,21 @@
+<script setup>
+import VnSearchbar from 'components/ui/VnSearchbar.vue';
+import { useI18n } from 'vue-i18n';
+const { t } = useI18n();
+</script>
+
+<template>
+    <VnSearchbar
+        data-key="RouteList"
+        :label="t('Search route')"
+        :info="t('You can search by route reference')"
+        custom-route-redirect-name="RouteList"
+    />
+</template>
+
+<style scoped lang="scss"></style>
+<i18n>
+es:
+    Search route: Buscar rutas
+    You can search by route reference: Puedes buscar por referencia de la ruta
+</i18n>
diff --git a/src/pages/Route/RouteList.vue b/src/pages/Route/RouteList.vue
index 9ebac4bee..c0888a225 100644
--- a/src/pages/Route/RouteList.vue
+++ b/src/pages/Route/RouteList.vue
@@ -11,7 +11,7 @@ import VnInputDate from 'components/common/VnInputDate.vue';
 import VnInput from 'components/common/VnInput.vue';
 import VnInputTime from 'components/common/VnInputTime.vue';
 import axios from 'axios';
-import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
+import RouteSearchbar from 'pages/Route/Card/RouteSearchbar.vue';
 import RouteFilter from 'pages/Route/Card/RouteFilter.vue';
 import RouteSummary from 'pages/Route/Card/RouteSummary.vue';
 import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
@@ -179,12 +179,7 @@ const openTicketsDialog = (id) => {
 <template>
     <template v-if="stateStore.isHeaderMounted()">
         <Teleport to="#searchbar">
-            <VnSearchbar
-                data-key="RouteList"
-                :label="t('Search route')"
-                :info="t('You can search by route reference')"
-                custom-route-redirect-name="RouteList"
-            />
+            <RouteSearchbar />
         </Teleport>
         <Teleport to="#actions-append">
             <div class="row q-gutter-x-sm">
diff --git a/src/pages/Route/locale/en.yml b/src/pages/Route/locale/en.yml
deleted file mode 100644
index 427abec1c..000000000
--- a/src/pages/Route/locale/en.yml
+++ /dev/null
@@ -1,2 +0,0 @@
-searchLabel: Search route
-searchInfo: You can search by route reference
diff --git a/src/pages/Route/locale/es.yml b/src/pages/Route/locale/es.yml
deleted file mode 100644
index cc75dbbc4..000000000
--- a/src/pages/Route/locale/es.yml
+++ /dev/null
@@ -1,3 +0,0 @@
-route:
-    searchLabel: Buscar rutas
-    searchInfo: Puedes buscar por referencia de la ruta

From a691644b9aed1e81ca4054c98ee75cf33c5ccf2a Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Tue, 7 May 2024 13:38:25 +0200
Subject: [PATCH 230/305] refs #6877 changes filter date

---
 src/filters/dateRange.js                |  2 +-
 src/pages/Item/Card/ItemLastEntries.vue | 25 ++++++++-----------------
 src/pages/Item/ItemRequest.vue          |  3 ++-
 src/pages/Item/ItemRequestFilter.vue    | 11 +----------
 4 files changed, 12 insertions(+), 29 deletions(-)

diff --git a/src/filters/dateRange.js b/src/filters/dateRange.js
index 4c0cfe654..d014f57fc 100644
--- a/src/filters/dateRange.js
+++ b/src/filters/dateRange.js
@@ -2,7 +2,7 @@ export default function dateRange(value) {
     const minHour = new Date(value);
     minHour.setHours(0, 0, 0, 0);
     const maxHour = new Date(value);
-    maxHour.setHours(23, 59, 59, 59);
+    maxHour.setHours(22, 59, 59, 59);
 
     return [minHour, maxHour];
 }
diff --git a/src/pages/Item/Card/ItemLastEntries.vue b/src/pages/Item/Card/ItemLastEntries.vue
index 5200db239..9071cc6eb 100644
--- a/src/pages/Item/Card/ItemLastEntries.vue
+++ b/src/pages/Item/Card/ItemLastEntries.vue
@@ -2,7 +2,7 @@
 import { onMounted, computed, onUnmounted, reactive, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRoute } from 'vue-router';
-
+import { dateRange } from 'src/filters';
 import EntryDescriptorProxy from 'src/pages/Entry/Card/EntryDescriptorProxy.vue';
 import VnInputDate from 'src/components/common/VnInputDate.vue';
 
@@ -29,28 +29,19 @@ const exprBuilder = (param, value) => {
         case 'landed':
             return {
                 'tr.landed': {
-                    between: getDateRange(value),
+                    between: dateRange(value),
                 },
             };
     }
 };
 
-const dateRange = reactive({
+const datedRange = reactive({
     from: null,
     to: null,
 });
 
-const getDateRange = (val) => {
-    const minHour = new Date(val);
-    minHour.setHours(0, 0, 0, 0);
-    const maxHour = new Date(val);
-    maxHour.setHours(23, 59, 59, 59);
-
-    return [minHour, maxHour];
-};
-
 const from = computed({
-    get: () => dateRange.from,
+    get: () => datedRange.from,
     set: (val) => {
         updateFrom(val);
         updateFilter();
@@ -58,7 +49,7 @@ const from = computed({
 });
 
 const to = computed({
-    get: () => dateRange.to,
+    get: () => datedRange.to,
     set: (val) => {
         updateTo(val);
         updateFilter();
@@ -173,17 +164,17 @@ const fetchItemLastEntries = async () => {
 
 const updateFrom = async (date) => {
     date.setHours(0, 0, 0, 0);
-    dateRange.from = date.toISOString();
+    datedRange.from = date.toISOString();
 };
 
 const updateTo = async (date) => {
     date.setHours(23, 59, 59, 59);
-    dateRange.to = date.toISOString();
+    datedRange.to = date.toISOString();
 };
 
 const updateFilter = async () => {
     arrayData.store.userFilter.where.landed = {
-        between: [dateRange.from, dateRange.to],
+        between: [datedRange.from, datedRange.to],
     };
     await fetchItemLastEntries();
 };
diff --git a/src/pages/Item/ItemRequest.vue b/src/pages/Item/ItemRequest.vue
index fac77c693..9ce8ac370 100644
--- a/src/pages/Item/ItemRequest.vue
+++ b/src/pages/Item/ItemRequest.vue
@@ -147,6 +147,7 @@ const confirmRequest = async (request) => {
             const params = {
                 itemFk: request.itemFk,
                 quantity: request.saleQuantity,
+                attenderFk: request.attenderFk,
             };
 
             const { data } = await axios.post(
@@ -293,7 +294,7 @@ onBeforeMount(() => {
                         option-label="firstName"
                         option-value="id"
                         dense
-                        @update:model-value="row.attenderFk"
+                        @update:model-value="(event) => (row.attenderFk = event)"
                     />
                 </QTd>
             </template>
diff --git a/src/pages/Item/ItemRequestFilter.vue b/src/pages/Item/ItemRequestFilter.vue
index e142c28d3..2fbe849d1 100644
--- a/src/pages/Item/ItemRequestFilter.vue
+++ b/src/pages/Item/ItemRequestFilter.vue
@@ -1,7 +1,7 @@
 <script setup>
 import { ref } from 'vue';
 import { useI18n } from 'vue-i18n';
-
+import { dateRange } from 'src/filters';
 import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
 import VnSelect from 'src/components/common/VnSelect.vue';
 import VnInput from 'src/components/common/VnInput.vue';
@@ -44,15 +44,6 @@ const exprBuilder = (param, value) => {
     }
 };
 
-const dateRange = (value) => {
-    const minHour = new Date(value);
-    minHour.setHours(0, 0, 0, 0);
-    const maxHour = new Date(value);
-    maxHour.setHours(23, 59, 59, 59);
-
-    return [minHour, maxHour];
-};
-
 const add = (paramsObj, key) => {
     if (paramsObj[key] === undefined) {
         paramsObj[key] = 1;

From 014ec60e473624057e823177ab8b53d43d5f10c3 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Tue, 7 May 2024 15:10:36 +0200
Subject: [PATCH 231/305] feat: refs #6891 worker & supplier

---
 src/components/common/VnCard.vue         | 10 ++++------
 src/components/ui/VnSearchbar.vue        |  6 ++++--
 src/pages/Supplier/Card/SupplierCard.vue |  6 ++++--
 src/pages/Worker/Card/WorkerCard.vue     | 11 +++++------
 4 files changed, 17 insertions(+), 16 deletions(-)

diff --git a/src/components/common/VnCard.vue b/src/components/common/VnCard.vue
index 1ad852656..49da99a46 100644
--- a/src/components/common/VnCard.vue
+++ b/src/components/common/VnCard.vue
@@ -1,7 +1,6 @@
 <script setup>
 import { onBeforeMount, computed } from 'vue';
 import { useRoute, onBeforeRouteUpdate } from 'vue-router';
-import { useI18n } from 'vue-i18n';
 import { useArrayData } from 'src/composables/useArrayData';
 import { useStateStore } from 'stores/useStateStore';
 import useCardSize from 'src/composables/useCardSize';
@@ -19,12 +18,11 @@ const props = defineProps({
     filterPanel: { type: Object, default: undefined },
     searchDataKey: { type: String, default: undefined },
     searchUrl: { type: String, default: undefined },
-    searchbarLabel: { type: String, default: undefined },
-    searchbarInfo: { type: String, default: undefined },
+    searchbarLabel: { type: String, default: '' },
+    searchbarInfo: { type: String, default: '' },
     customRouteRedirectName: { type: String, default: undefined },
 });
 
-const { t } = useI18n();
 const stateStore = useStateStore();
 const route = useRoute();
 const url = computed(() => {
@@ -58,8 +56,8 @@ if (props.baseUrl) {
                 <VnSearchbar
                     :data-key="props.searchDataKey"
                     :url="props.searchUrl"
-                    :label="t(props.searchbarLabel)"
-                    :info="t(props.searchbarInfo)"
+                    :label="props.searchbarLabel"
+                    :info="props.searchbarInfo"
                     :custom-route-redirect-name="props.customRouteRedirectName"
                 />
             </slot>
diff --git a/src/components/ui/VnSearchbar.vue b/src/components/ui/VnSearchbar.vue
index ae8ac05dd..99c9d1cd7 100644
--- a/src/components/ui/VnSearchbar.vue
+++ b/src/components/ui/VnSearchbar.vue
@@ -4,8 +4,10 @@ import { useQuasar } from 'quasar';
 import { useArrayData } from 'composables/useArrayData';
 import VnInput from 'src/components/common/VnInput.vue';
 import useRedirect from 'src/composables/useRedirect';
+import { useI18n } from 'vue-i18n';
 
 const quasar = useQuasar();
+const { t } = useI18n();
 
 const props = defineProps({
     dataKey: {
@@ -101,7 +103,7 @@ async function search() {
         <VnInput
             id="searchbar"
             v-model="searchText"
-            :placeholder="props.label"
+            :placeholder="t(props.label)"
             dense
             standout
             autofocus
@@ -120,7 +122,7 @@ async function search() {
                     name="info"
                     class="cursor-info"
                 >
-                    <QTooltip>{{ props.info }}</QTooltip>
+                    <QTooltip>{{ t(props.info) }}</QTooltip>
                 </QIcon>
             </template>
         </VnInput>
diff --git a/src/pages/Supplier/Card/SupplierCard.vue b/src/pages/Supplier/Card/SupplierCard.vue
index c8c503056..adf0315da 100644
--- a/src/pages/Supplier/Card/SupplierCard.vue
+++ b/src/pages/Supplier/Card/SupplierCard.vue
@@ -1,14 +1,16 @@
 <script setup>
 import VnCard from 'components/common/VnCard.vue';
 import SupplierDescriptor from './SupplierDescriptor.vue';
+import SupplierListFilter from '../SupplierListFilter.vue';
 </script>
 <template>
     <VnCard
         data-key="Supplier"
         base-url="Suppliers"
         :descriptor="SupplierDescriptor"
-        searchbar-data-key="SupplierList"
-        searchbar-url="Suppliers/filter"
+        :filter-panel="SupplierListFilter"
+        search-data-key="SupplierList"
+        search-url="Suppliers/filter"
         searchbar-label="Search suppliers"
     />
 </template>
diff --git a/src/pages/Worker/Card/WorkerCard.vue b/src/pages/Worker/Card/WorkerCard.vue
index e0047bf9e..fb9ab9666 100644
--- a/src/pages/Worker/Card/WorkerCard.vue
+++ b/src/pages/Worker/Card/WorkerCard.vue
@@ -1,17 +1,16 @@
 <script setup>
 import VnCard from 'components/common/VnCard.vue';
 import WorkerDescriptor from './WorkerDescriptor.vue';
-
-const filter = { where: {} };
+import WorkerFilter from '../WorkerFilter.vue';
 </script>
 <template>
     <VnCard
         data-key="Worker"
-        custom-url="Workers/Summary"
+        base-url="Workers"
         :descriptor="WorkerDescriptor"
-        :filter="filter"
-        searchbar-data-key="WorkerList"
-        searchbar-url="Workers/filter"
+        :filter-panel="WorkerFilter"
+        search-data-key="WorkerList"
+        search-url="Workers/filter"
         searchbar-label="Search worker"
         searchbar-info="You can search by worker id or name"
     />

From 0a71060f603ead9badd05d1f09b0424f4a14e012 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Tue, 7 May 2024 15:28:00 +0200
Subject: [PATCH 232/305] fix: refs #6938 workerCard

---
 src/pages/Worker/Card/WorkerCard.vue | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/src/pages/Worker/Card/WorkerCard.vue b/src/pages/Worker/Card/WorkerCard.vue
index e0047bf9e..d76ef6f59 100644
--- a/src/pages/Worker/Card/WorkerCard.vue
+++ b/src/pages/Worker/Card/WorkerCard.vue
@@ -1,15 +1,12 @@
 <script setup>
 import VnCard from 'components/common/VnCard.vue';
 import WorkerDescriptor from './WorkerDescriptor.vue';
-
-const filter = { where: {} };
 </script>
 <template>
     <VnCard
         data-key="Worker"
-        custom-url="Workers/Summary"
+        base-url="Workers"
         :descriptor="WorkerDescriptor"
-        :filter="filter"
         searchbar-data-key="WorkerList"
         searchbar-url="Workers/filter"
         searchbar-label="Search worker"

From 5e0db81a211b29b50ec27878434c9d63e76dc3fe Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Tue, 7 May 2024 15:51:55 +0200
Subject: [PATCH 233/305] fix: refs #6938 conflicts

---
 src/pages/Worker/Card/WorkerBasicData.vue | 7 -------
 1 file changed, 7 deletions(-)

diff --git a/src/pages/Worker/Card/WorkerBasicData.vue b/src/pages/Worker/Card/WorkerBasicData.vue
index 0b4250c68..4f1786a67 100644
--- a/src/pages/Worker/Card/WorkerBasicData.vue
+++ b/src/pages/Worker/Card/WorkerBasicData.vue
@@ -86,13 +86,6 @@ const maritalStatus = [
                     :label="t('Mobile extension')"
                     clearable
                 />
-                <<<<<<< HEAD
-                <VnInput
-                    v-model="data.client.phone"
-                    :label="t('Personal phone')"
-                    clearable
-                />
-                ======= >>>>>>> 095e62ebac4b6b88bc431f7c87455a0bb0989e80
             </VnRow>
 
             <VnRow class="row q-gutter-md q-mb-md">

From 29e567d405f39ab1273f533d6ec8f6a6da9d8a74 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Tue, 7 May 2024 16:42:09 +0200
Subject: [PATCH 234/305] fix: refs #6891 use new props

---
 src/pages/Agency/Card/AgencyCard.vue         | 4 ++--
 src/pages/Claim/Card/ClaimCard.vue           | 4 ++--
 src/pages/Customer/Card/CustomerCard.vue     | 4 ++--
 src/pages/Entry/Card/EntryCard.vue           | 4 ++--
 src/pages/InvoiceIn/Card/InvoiceInCard.vue   | 4 ++--
 src/pages/InvoiceOut/Card/InvoiceOutCard.vue | 4 ++--
 src/pages/Item/Card/ItemCard.vue             | 2 +-
 src/pages/ItemType/Card/ItemTypeCard.vue     | 4 ++--
 src/pages/Parking/Card/ParkingCard.vue       | 4 ++--
 9 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/src/pages/Agency/Card/AgencyCard.vue b/src/pages/Agency/Card/AgencyCard.vue
index 5be43248e..6b2296df3 100644
--- a/src/pages/Agency/Card/AgencyCard.vue
+++ b/src/pages/Agency/Card/AgencyCard.vue
@@ -7,8 +7,8 @@ import VnCard from 'components/common/VnCard.vue';
         data-key="Agency"
         base-url="Agencies"
         :descriptor="AgencyDescriptor"
-        searchbar-data-key="AgencyList"
-        searchbar-url="Agencies"
+        search-data-key="AgencyList"
+        search-url="Agencies"
         searchbar-label="agency.searchBar.label"
         searchbar-info="agency.searchBar.info"
     />
diff --git a/src/pages/Claim/Card/ClaimCard.vue b/src/pages/Claim/Card/ClaimCard.vue
index 80ebe55a0..f38ab5484 100644
--- a/src/pages/Claim/Card/ClaimCard.vue
+++ b/src/pages/Claim/Card/ClaimCard.vue
@@ -9,8 +9,8 @@ import ClaimFilter from '../ClaimFilter.vue';
         base-url="Claims"
         :descriptor="ClaimDescriptor"
         :filter-panel="ClaimFilter"
-        searchbar-data-key="ClaimList"
-        searchbar-url="Claims/filter"
+        search-data-key="ClaimList"
+        search-url="Claims/filter"
         searchbar-label="Search claim"
         searchbar-info="You can search by claim id or customer name"
     />
diff --git a/src/pages/Customer/Card/CustomerCard.vue b/src/pages/Customer/Card/CustomerCard.vue
index 7bec1f9f7..98842a0c7 100644
--- a/src/pages/Customer/Card/CustomerCard.vue
+++ b/src/pages/Customer/Card/CustomerCard.vue
@@ -9,8 +9,8 @@ import CustomerFilter from '../CustomerFilter.vue';
         base-url="Clients"
         :descriptor="CustomerDescriptor"
         :filter-panel="CustomerFilter"
-        searchbar-data-key="CustomerList"
-        searchbar-url="Clients/filter"
+        search-data-key="CustomerList"
+        search-url="Clients/filter"
         searchbar-label="Search customer"
         searchbar-info="You can search by customer id or name"
     />
diff --git a/src/pages/Entry/Card/EntryCard.vue b/src/pages/Entry/Card/EntryCard.vue
index 08ddf2a4c..9fadd2d06 100644
--- a/src/pages/Entry/Card/EntryCard.vue
+++ b/src/pages/Entry/Card/EntryCard.vue
@@ -9,8 +9,8 @@ import EntryFilter from '../EntryFilter.vue';
         base-url="Entries"
         :descriptor="EntryDescriptor"
         :filter-panel="EntryFilter"
-        searchbar-data-key="EntryList"
-        searchbar-url="Entries/filter"
+        search-data-key="EntryList"
+        search-url="Entries/filter"
         searchbar-label="Search entries"
         searchbar-info="You can search by entry reference"
     />
diff --git a/src/pages/InvoiceIn/Card/InvoiceInCard.vue b/src/pages/InvoiceIn/Card/InvoiceInCard.vue
index 1ed4829c1..912713f23 100644
--- a/src/pages/InvoiceIn/Card/InvoiceInCard.vue
+++ b/src/pages/InvoiceIn/Card/InvoiceInCard.vue
@@ -27,8 +27,8 @@ const filter = {
         :filter="filter"
         :descriptor="InvoiceInDescriptor"
         :filter-panel="InvoiceInFilter"
-        searchbar-data-key="InvoiceInList"
-        searchbar-url="InvoiceIns/filter"
+        search-data-key="InvoiceInList"
+        search-url="InvoiceIns/filter"
         searchbar-label="Search invoice"
         searchbar-info="You can search by invoice reference"
     />
diff --git a/src/pages/InvoiceOut/Card/InvoiceOutCard.vue b/src/pages/InvoiceOut/Card/InvoiceOutCard.vue
index 3dbe2ad0c..e187a2df2 100644
--- a/src/pages/InvoiceOut/Card/InvoiceOutCard.vue
+++ b/src/pages/InvoiceOut/Card/InvoiceOutCard.vue
@@ -9,8 +9,8 @@ import InvoiceOutFilter from '../InvoiceOutFilter.vue';
         base-url="InvoiceOuts"
         :descriptor="InvoiceOutDescriptor"
         :filter-panel="InvoiceOutFilter"
-        searchbar-data-key="InvoiceOutList"
-        searchbar-url="InvoiceOuts/filter"
+        search-data-key="InvoiceOutList"
+        search-url="InvoiceOuts/filter"
         searchbar-label="Search invoice"
         searchbar-info="You can search by invoice reference"
     />
diff --git a/src/pages/Item/Card/ItemCard.vue b/src/pages/Item/Card/ItemCard.vue
index ad5a5b831..e83728b4e 100644
--- a/src/pages/Item/Card/ItemCard.vue
+++ b/src/pages/Item/Card/ItemCard.vue
@@ -9,7 +9,7 @@ import ItemListFilter from '../ItemListFilter.vue';
         base-url="Items"
         :descriptor="ItemDescriptor"
         :filter-panel="ItemListFilter"
-        searchbar-data-key="ItemList"
+        search-data-key="ItemList"
         url="Items/filter"
     />
 </template>
diff --git a/src/pages/ItemType/Card/ItemTypeCard.vue b/src/pages/ItemType/Card/ItemTypeCard.vue
index 824018ebd..cdcd5b693 100644
--- a/src/pages/ItemType/Card/ItemTypeCard.vue
+++ b/src/pages/ItemType/Card/ItemTypeCard.vue
@@ -9,7 +9,7 @@ import ItemTypeFilter from 'src/pages/ItemType/ItemTypeFilter.vue';
         base-url="ItemTypes"
         :descriptor="ItemTypeDescriptor"
         :filter-panel="ItemTypeFilter"
-        searchbar-data-key="ItemTypeList"
-        searchbar-url="ItemTypes"
+        search-data-key="ItemTypeList"
+        search-url="ItemTypes"
     />
 </template>
diff --git a/src/pages/Parking/Card/ParkingCard.vue b/src/pages/Parking/Card/ParkingCard.vue
index 180228148..620f4bb2d 100644
--- a/src/pages/Parking/Card/ParkingCard.vue
+++ b/src/pages/Parking/Card/ParkingCard.vue
@@ -15,8 +15,8 @@ const filter = {
         :filter="filter"
         :descriptor="ParkingDescriptor"
         :filter-panel="ParkingFilter"
-        searchbar-data-key="ParkingList"
-        searchbar-url="Parkings"
+        search-data-key="ParkingList"
+        search-url="Parkings"
         searchbar-label="parking.searchBar.label"
         searchbar-info="parking.searchBar.info"
     />

From ff0e290963c3c9d4161dadc0a52dcc4b17cbad1f Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Tue, 7 May 2024 17:11:51 +0200
Subject: [PATCH 235/305] feat: refs #6891 ticket

---
 src/pages/Ticket/Card/TicketCard.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/pages/Ticket/Card/TicketCard.vue b/src/pages/Ticket/Card/TicketCard.vue
index 471bfe490..04363b506 100644
--- a/src/pages/Ticket/Card/TicketCard.vue
+++ b/src/pages/Ticket/Card/TicketCard.vue
@@ -1,14 +1,16 @@
 <script setup>
 import VnCard from 'components/common/VnCard.vue';
 import TicketDescriptor from './TicketDescriptor.vue';
+import TicketFilter from '../TicketFilter.vue';
 </script>
 <template>
     <VnCard
         data-key="Ticket"
         base-url="Tickets"
         :descriptor="TicketDescriptor"
-        searchbar-data-key="TicketList"
-        searchbar-url="Tickets/filter"
+        :filter-panel="TicketFilter"
+        search-data-key="TicketList"
+        search-url="Tickets/filter"
         searchbar-label="Search ticket"
         searchbar-info="You can search by ticket id or alias"
     />

From 0a281b2b73f387948697674c4afb104d1db0a3ee Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Tue, 7 May 2024 17:33:12 +0200
Subject: [PATCH 236/305] fix: refs #6891 rollback customUrl

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

diff --git a/src/components/common/VnCard.vue b/src/components/common/VnCard.vue
index 49da99a46..cd70be28a 100644
--- a/src/components/common/VnCard.vue
+++ b/src/components/common/VnCard.vue
@@ -20,7 +20,6 @@ const props = defineProps({
     searchUrl: { type: String, default: undefined },
     searchbarLabel: { type: String, default: '' },
     searchbarInfo: { type: String, default: '' },
-    customRouteRedirectName: { type: String, default: undefined },
 });
 
 const stateStore = useStateStore();
@@ -58,7 +57,6 @@ if (props.baseUrl) {
                     :url="props.searchUrl"
                     :label="props.searchbarLabel"
                     :info="props.searchbarInfo"
-                    :custom-route-redirect-name="props.customRouteRedirectName"
                 />
             </slot>
         </Teleport>

From 05f7c4f2d3cbf599138f65530eb70b6d9a24cc20 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Tue, 7 May 2024 17:34:55 +0200
Subject: [PATCH 237/305] fix: refs #6891 fix prop

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

diff --git a/src/pages/Item/Card/ItemCard.vue b/src/pages/Item/Card/ItemCard.vue
index e83728b4e..c110c6458 100644
--- a/src/pages/Item/Card/ItemCard.vue
+++ b/src/pages/Item/Card/ItemCard.vue
@@ -10,6 +10,6 @@ import ItemListFilter from '../ItemListFilter.vue';
         :descriptor="ItemDescriptor"
         :filter-panel="ItemListFilter"
         search-data-key="ItemList"
-        url="Items/filter"
+        search-url="Items/filter"
     />
 </template>

From 9a6dd6577460fb2fca8c486f62339670e4b900f8 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Wed, 8 May 2024 07:52:18 +0200
Subject: [PATCH 238/305] feat: remove deprecatedHour fn

---
 src/pages/Zone/Card/ZoneDescriptor.vue | 11 ++---------
 src/pages/Zone/ZoneList.vue            | 10 ++--------
 2 files changed, 4 insertions(+), 17 deletions(-)

diff --git a/src/pages/Zone/Card/ZoneDescriptor.vue b/src/pages/Zone/Card/ZoneDescriptor.vue
index 486e4f063..93e951801 100644
--- a/src/pages/Zone/Card/ZoneDescriptor.vue
+++ b/src/pages/Zone/Card/ZoneDescriptor.vue
@@ -5,7 +5,7 @@ import { useI18n } from 'vue-i18n';
 
 import CardDescriptor from 'components/ui/CardDescriptor.vue';
 import VnLv from 'src/components/ui/VnLv.vue';
-import ZoneDescriptorMenuItems from './ZoneDescriptorMenuItems.vue';
+import { toTimeFormat } from 'src/filters/date';
 
 import useCardDescription from 'src/composables/useCardDescription';
 
@@ -40,13 +40,6 @@ const data = ref(useCardDescription());
 const setData = (entity) => {
     data.value = useCardDescription(entity.ref, entity.id);
 };
-
-function extractHour(dateTime) {
-    const date = new Date(dateTime);
-    const hours = date.getHours().toString().padStart(2, '0');
-    const minutes = date.getMinutes().toString().padStart(2, '0');
-    return `${hours}:${minutes}`;
-}
 </script>
 
 <template>
@@ -81,7 +74,7 @@ function extractHour(dateTime) {
         <template #body="{ entity }">
             {{ console.log('entity', entity) }}
             <VnLv :label="t('Agency')" :value="entity.agencyMode.name" />
-            <VnLv :label="t('Closing hour')" :value="extractHour(entity.hour)" />
+            <VnLv :label="t('Closing hour')" :value="toTimeFormat(entity.hour)" />
             <VnLv :label="t('zoneing days')" :value="entity.zoneingDays" />
             <VnLv :label="t('Price')" :value="entity.price" />
             <VnLv :label="t('Bonus')" :value="entity.bonus" />
diff --git a/src/pages/Zone/ZoneList.vue b/src/pages/Zone/ZoneList.vue
index 2140c5e14..f260eb134 100644
--- a/src/pages/Zone/ZoneList.vue
+++ b/src/pages/Zone/ZoneList.vue
@@ -9,6 +9,7 @@ import CardList from 'components/ui/CardList.vue';
 import VnLv from 'components/ui/VnLv.vue';
 import FetchData from 'src/components/FetchData.vue';
 import { useSummaryDialog } from 'src/composables/useSummaryDialog';
+import { toTimeFormat } from 'src/filters/date';
 
 const quasar = useQuasar();
 const arrayData = useArrayData('ZoneList');
@@ -38,13 +39,6 @@ async function remove(row) {
         //
     }
 }
-
-function extractHour(dateTime) {
-    const date = new Date(dateTime);
-    const hours = date.getHours().toString().padStart(2, '0');
-    const minutes = date.getMinutes().toString().padStart(2, '0');
-    return `${hours}:${minutes}`;
-}
 </script>
 
 <template>
@@ -81,7 +75,7 @@ function extractHour(dateTime) {
                             />
                             <VnLv
                                 :label="t('zone.list.close')"
-                                :value="extractHour(row?.hour)"
+                                :value="toTimeFormat(row?.hour)"
                             />
                             <VnLv :label="t('zone.list.price')" :value="row?.price" />
                         </template>

From 1b65ec7c3889e98c0e8e5684430fe32a42efe1da Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Wed, 8 May 2024 09:39:26 +0200
Subject: [PATCH 239/305] refs #6877 fix filterdate

---
 src/filters/dateRange.js             | 2 +-
 src/pages/Item/ItemRequestFilter.vue | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/filters/dateRange.js b/src/filters/dateRange.js
index d014f57fc..4c0cfe654 100644
--- a/src/filters/dateRange.js
+++ b/src/filters/dateRange.js
@@ -2,7 +2,7 @@ export default function dateRange(value) {
     const minHour = new Date(value);
     minHour.setHours(0, 0, 0, 0);
     const maxHour = new Date(value);
-    maxHour.setHours(22, 59, 59, 59);
+    maxHour.setHours(23, 59, 59, 59);
 
     return [minHour, maxHour];
 }
diff --git a/src/pages/Item/ItemRequestFilter.vue b/src/pages/Item/ItemRequestFilter.vue
index 2fbe849d1..2c056acc6 100644
--- a/src/pages/Item/ItemRequestFilter.vue
+++ b/src/pages/Item/ItemRequestFilter.vue
@@ -192,6 +192,7 @@ const decrement = (paramsObj, key) => {
                             v-model="params.from"
                             @update:model-value="searchFn()"
                             is-outlined
+                            emit-date-format
                         />
                     </QItemSection>
                 </QItem>
@@ -202,6 +203,7 @@ const decrement = (paramsObj, key) => {
                             v-model="params.to"
                             @update:model-value="searchFn()"
                             is-outlined
+                            emit-date-format
                         />
                     </QItemSection>
                 </QItem>

From a1f785ccbe2fef3e341066a2f6bf5aa5eee8d3d6 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Wed, 8 May 2024 11:02:40 +0200
Subject: [PATCH 240/305] feat: refs #5919 WIP workerlocker

---
 src/components/FormModel.vue           |  5 ++-
 src/i18n/locale/en.yml                 |  1 +
 src/i18n/locale/es.yml                 |  1 +
 src/pages/Worker/Card/WorkerLocker.vue | 46 ++++++++++++++++++++++++++
 src/pages/Worker/locale/es.yml         |  1 +
 src/router/modules/worker.js           | 10 ++++++
 6 files changed, 63 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/Worker/Card/WorkerLocker.vue

diff --git a/src/components/FormModel.vue b/src/components/FormModel.vue
index b18433d4e..aea4923a9 100644
--- a/src/components/FormModel.vue
+++ b/src/components/FormModel.vue
@@ -156,9 +156,12 @@ const startFormWatcher = () => {
 
 async function fetch() {
     try {
-        const { data } = await axios.get($props.url, {
+        let { data } = await axios.get($props.url, {
             params: { filter: JSON.stringify($props.filter) },
         });
+
+        if (Array.isArray(data)) data = data[0];
+
         state.set($props.model, data);
         originalData.value = data && JSON.parse(JSON.stringify(data));
 
diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index d8fb231f0..743165a3d 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -826,6 +826,7 @@ worker:
         log: Log
         calendar: Calendar
         timeControl: Time control
+        locker: Locker
     list:
         name: Name
         email: Email
diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index 67e075935..556e328f1 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -824,6 +824,7 @@ worker:
         log: Historial
         calendar: Calendario
         timeControl: Control de horario
+        locker: Taquilla
     list:
         name: Nombre
         email: Email
diff --git a/src/pages/Worker/Card/WorkerLocker.vue b/src/pages/Worker/Card/WorkerLocker.vue
new file mode 100644
index 000000000..403aa7160
--- /dev/null
+++ b/src/pages/Worker/Card/WorkerLocker.vue
@@ -0,0 +1,46 @@
+<script setup>
+import { ref } from 'vue';
+import { useRoute } from 'vue-router';
+import { useI18n } from 'vue-i18n';
+import FormModel from 'components/FormModel.vue';
+import FetchData from 'src/components/FetchData.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
+
+const route = useRoute();
+const { t } = useI18n();
+const fetchData = ref();
+const lockers = ref([]);
+const filter = ref({ where: {} });
+
+const getLockers = async (workerLocker) => {
+    console.log(workerLocker);
+    filter.value.where.gender = workerLocker.sex;
+    await fetchData.value.fetch();
+};
+</script>
+<template>
+    <FetchData
+        ref="fetchData"
+        url="Lockers/codes"
+        :filter="filter"
+        @on-fetch="(data) => (lockers = data)"
+    />
+    <FormModel
+        :url="`Workers/locker`"
+        model="Worker"
+        :filter="{ where: { id: route.params.id } }"
+        @on-fetch="getLockers"
+        auto-load
+    >
+        <template #form="{ data }">
+            <VnSelect
+                :label="t('Locker')"
+                v-model="data.locker"
+                :options="lockers"
+                option-label="code"
+                option-value="id"
+                hide-selected
+            />
+        </template>
+    </FormModel>
+</template>
diff --git a/src/pages/Worker/locale/es.yml b/src/pages/Worker/locale/es.yml
index 86dd9d0d9..a960dffe6 100644
--- a/src/pages/Worker/locale/es.yml
+++ b/src/pages/Worker/locale/es.yml
@@ -1,2 +1,3 @@
 Search worker: Buscar trabajador
 You can search by worker id or name: Puedes buscar por id o nombre del trabajador
+Locker: Taquilla
diff --git a/src/router/modules/worker.js b/src/router/modules/worker.js
index d4d3bc3e7..384978d13 100644
--- a/src/router/modules/worker.js
+++ b/src/router/modules/worker.js
@@ -22,6 +22,7 @@ export default {
             'WorkerCalendar',
             'WorkerDms',
             'WorkerTimeControl',
+            'WorkerLocker',
         ],
         departmentCard: ['BasicData'],
     },
@@ -167,6 +168,15 @@ export default {
                     component: () =>
                         import('src/pages/Worker/Card/WorkerTimeControl.vue'),
                 },
+                {
+                    name: 'WorkerLocker',
+                    path: 'locker',
+                    meta: {
+                        title: 'locker',
+                        icon: 'lock',
+                    },
+                    component: () => import('src/pages/Worker/Card/WorkerLocker.vue'),
+                },
             ],
         },
     ],

From 4d1cef7f685852eae9c223436a9149c4be40a200 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Wed, 8 May 2024 12:06:31 +0200
Subject: [PATCH 241/305] feat: refs #6891 improve useRedirect

---
 src/composables/useRedirect.js | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

diff --git a/src/composables/useRedirect.js b/src/composables/useRedirect.js
index 786e1378b..ed9cc2c44 100644
--- a/src/composables/useRedirect.js
+++ b/src/composables/useRedirect.js
@@ -12,16 +12,11 @@ export default function useRedirect() {
 
         const { matched: matches } = router.currentRoute.value;
         const { path } = matches.at(-1);
-        const [, moduleName] = path.split('/');
 
         if (!data.length || data.length > 1)
-            return router.push({ path: `/${moduleName}/list` });
+            return router.push({ path: path.replace(/:id.*/, '') });
 
-        const targetId = data[0].id;
-
-        if (/\/list|-list/.test(path))
-            router.push({ path: `/${moduleName}/${targetId}/summary` });
-        else router.push({ path: path.replace(/:id/, targetId) });
+        router.push({ path: path.replace(/\/(list|-list|:id)/, `/${data[0].id}`) });
     };
 
     return { navigate };

From b5a599c8e7f2d6f193155fe21ece481f8a5418e4 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Wed, 8 May 2024 12:09:16 +0200
Subject: [PATCH 242/305] feat: refs #6891 set text searchbar item

---
 src/pages/Item/Card/ItemCard.vue | 2 ++
 src/pages/Item/locale/en.yml     | 3 +++
 src/pages/Item/locale/es.yml     | 3 +++
 3 files changed, 8 insertions(+)

diff --git a/src/pages/Item/Card/ItemCard.vue b/src/pages/Item/Card/ItemCard.vue
index c110c6458..66d46f576 100644
--- a/src/pages/Item/Card/ItemCard.vue
+++ b/src/pages/Item/Card/ItemCard.vue
@@ -11,5 +11,7 @@ import ItemListFilter from '../ItemListFilter.vue';
         :filter-panel="ItemListFilter"
         search-data-key="ItemList"
         search-url="Items/filter"
+        searchbar-label="searchbar.label"
+        searchbar-info="searchbar.info"
     />
 </template>
diff --git a/src/pages/Item/locale/en.yml b/src/pages/Item/locale/en.yml
index c08c71f48..99dbeb9fd 100644
--- a/src/pages/Item/locale/en.yml
+++ b/src/pages/Item/locale/en.yml
@@ -78,3 +78,6 @@ itemTags:
     tag: Tag
     value: Value
     relevancy: Relevancy
+searchbar:
+    label: Search item
+    info: Search by item id
diff --git a/src/pages/Item/locale/es.yml b/src/pages/Item/locale/es.yml
index 9b6a51b8a..60e589932 100644
--- a/src/pages/Item/locale/es.yml
+++ b/src/pages/Item/locale/es.yml
@@ -78,3 +78,6 @@ itemTags:
     tag: Etiqueta
     value: Valor
     relevancy: Relevancia
+searchbar:
+    label: Buscar artículo
+    info: Buscar por id de artículo

From 07c67b0df2d2a4edaa27bf5004b64ada27c2ac45 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Wed, 8 May 2024 12:30:44 +0200
Subject: [PATCH 243/305] feat: refs #6891 keep arrayData opts

---
 src/components/ui/VnPaginate.vue | 5 +++++
 src/composables/useArrayData.js  | 5 ++++-
 src/pages/Item/ItemList.vue      | 1 +
 src/pages/Order/OrderList.vue    | 1 +
 4 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/ui/VnPaginate.vue b/src/components/ui/VnPaginate.vue
index c00849512..190393d2f 100644
--- a/src/components/ui/VnPaginate.vue
+++ b/src/components/ui/VnPaginate.vue
@@ -42,6 +42,10 @@ const props = defineProps({
         type: Object,
         default: null,
     },
+    keepOpts: {
+        type: Array,
+        default: () => [],
+    },
     offset: {
         type: Number,
         default: 0,
@@ -76,6 +80,7 @@ const arrayData = useArrayData(props.dataKey, {
     order: props.order,
     userParams: props.userParams,
     exprBuilder: props.exprBuilder,
+    keepOpts: props.keepOpts,
 });
 const store = arrayData.store;
 
diff --git a/src/composables/useArrayData.js b/src/composables/useArrayData.js
index 525cf6e6b..326ddff5d 100644
--- a/src/composables/useArrayData.js
+++ b/src/composables/useArrayData.js
@@ -47,7 +47,10 @@ export function useArrayData(key, userOptions) {
                 if (isEmpty || !allowedOptions.includes(option)) continue;
 
                 if (Object.prototype.hasOwnProperty.call(store, option)) {
-                    store[option] = userOptions[option];
+                    const defaultOpts = userOptions[option];
+                    store[option] = userOptions.keepOpts?.includes(option)
+                        ? Object.assign(defaultOpts, store[option])
+                        : defaultOpts;
                 }
             }
         }
diff --git a/src/pages/Item/ItemList.vue b/src/pages/Item/ItemList.vue
index 39e190147..27acf3fdd 100644
--- a/src/pages/Item/ItemList.vue
+++ b/src/pages/Item/ItemList.vue
@@ -457,6 +457,7 @@ onUnmounted(() => (stateStore.rightDrawer = false));
             :limit="12"
             :expr-builder="exprBuilder"
             :user-params="params"
+            :keep-opts="['userParams']"
             :offset="50"
             auto-load
         >
diff --git a/src/pages/Order/OrderList.vue b/src/pages/Order/OrderList.vue
index 203eaccd1..6d36d8b31 100644
--- a/src/pages/Order/OrderList.vue
+++ b/src/pages/Order/OrderList.vue
@@ -61,6 +61,7 @@ function navigate(id) {
                 :limit="20"
                 :order="['landed DESC', 'clientFk', 'id DESC']"
                 :user-params="{ showEmpty: false }"
+                :keep-opts="['userParams']"
                 auto-load
             >
                 <template #body="{ rows }">

From 7b370e6b93dd9f5311986df60df036d53a68e677 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Wed, 8 May 2024 12:39:48 +0200
Subject: [PATCH 244/305] feat: refs #6891 improve useRedirect

---
 src/composables/useRedirect.js | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/composables/useRedirect.js b/src/composables/useRedirect.js
index ed9cc2c44..94ca5d0cb 100644
--- a/src/composables/useRedirect.js
+++ b/src/composables/useRedirect.js
@@ -13,10 +13,12 @@ export default function useRedirect() {
         const { matched: matches } = router.currentRoute.value;
         const { path } = matches.at(-1);
 
-        if (!data.length || data.length > 1)
-            return router.push({ path: path.replace(/:id.*/, '') });
+        if (data.length === 1)
+            return router.push({
+                path: path.replace(/\/(list|-list|:id)/, `/${data[0].id}`),
+            });
 
-        router.push({ path: path.replace(/\/(list|-list|:id)/, `/${data[0].id}`) });
+        router.push({ path: path.replace(/:id.*/, '') });
     };
 
     return { navigate };

From 80336868dc5863ff2d946a2a50319f77651ecfc4 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Wed, 8 May 2024 12:52:42 +0200
Subject: [PATCH 245/305] feat: refs #6891 improve useRedirect

---
 src/composables/useRedirect.js | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/composables/useRedirect.js b/src/composables/useRedirect.js
index 94ca5d0cb..0666a245f 100644
--- a/src/composables/useRedirect.js
+++ b/src/composables/useRedirect.js
@@ -13,12 +13,11 @@ export default function useRedirect() {
         const { matched: matches } = router.currentRoute.value;
         const { path } = matches.at(-1);
 
-        if (data.length === 1)
-            return router.push({
-                path: path.replace(/\/(list|-list|:id)/, `/${data[0].id}`),
-            });
+        let to = path.replace(/:id.*/, '');
 
-        router.push({ path: path.replace(/:id.*/, '') });
+        if (data.length === 1) to = path.replace(/\/(list|-list|:id)/, `/${data[0].id}`);
+
+        router.push({ path: to });
     };
 
     return { navigate };

From f7b6f3b9e1baebe2bd9c549f2a238db0626ae5e1 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Wed, 8 May 2024 12:59:56 +0200
Subject: [PATCH 246/305] fix: refs #6891 parking basicData

---
 src/pages/Parking/Card/ParkingBasicData.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/Parking/Card/ParkingBasicData.vue b/src/pages/Parking/Card/ParkingBasicData.vue
index c1a9dcee8..8e3433a5b 100644
--- a/src/pages/Parking/Card/ParkingBasicData.vue
+++ b/src/pages/Parking/Card/ParkingBasicData.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref } from 'vue';
+import { ref, computed } from 'vue';
 import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 import VnRow from 'components/ui/VnRow.vue';
@@ -10,7 +10,7 @@ import VnSelect from 'src/components/common/VnSelect.vue';
 
 const { t } = useI18n();
 const route = useRoute();
-const parkingId = route.params?.id || null;
+const parkingId = computed(() => route.params?.id || null);
 const sectors = ref([]);
 const sectorFilter = { fields: ['id', 'description'] };
 

From 54de10144278e07115801a9d9ab51d7a3deb88d5 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Wed, 8 May 2024 13:00:54 +0200
Subject: [PATCH 247/305] feat: refs #6891 improve useRedirect

---
 src/composables/useRedirect.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/composables/useRedirect.js b/src/composables/useRedirect.js
index 0666a245f..57233bea0 100644
--- a/src/composables/useRedirect.js
+++ b/src/composables/useRedirect.js
@@ -13,9 +13,10 @@ export default function useRedirect() {
         const { matched: matches } = router.currentRoute.value;
         const { path } = matches.at(-1);
 
-        let to = path.replace(/:id.*/, '');
-
-        if (data.length === 1) to = path.replace(/\/(list|-list|:id)/, `/${data[0].id}`);
+        const to =
+            data.length === 1
+                ? path.replace(/\/(list|-list|:id)/, `/${data[0].id}`)
+                : path.replace(/:id.*/, '');
 
         router.push({ path: to });
     };

From c02dcf622a617fbca7f697b28684ac611c013d89 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Wed, 8 May 2024 13:22:21 +0200
Subject: [PATCH 248/305] fix: refs #6891 correct redirection

---
 src/composables/useRedirect.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/composables/useRedirect.js b/src/composables/useRedirect.js
index 57233bea0..c1470718b 100644
--- a/src/composables/useRedirect.js
+++ b/src/composables/useRedirect.js
@@ -15,7 +15,7 @@ export default function useRedirect() {
 
         const to =
             data.length === 1
-                ? path.replace(/\/(list|-list|:id)/, `/${data[0].id}`)
+                ? path.replace(/\/(list|:id)|-list/, `/${data[0].id}`)
                 : path.replace(/:id.*/, '');
 
         router.push({ path: to });

From e52cb99a8075e43c05eb6f8cf495fbe0b8a87e6a Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Wed, 8 May 2024 13:23:41 +0200
Subject: [PATCH 249/305] feat: refs #6891 itemTypeSearchbar

---
 src/pages/Item/ItemTypeList.vue          | 19 ++-----------------
 src/pages/ItemType/Card/ItemTypeCard.vue |  7 ++++++-
 src/pages/ItemType/ItemTypeSearchbar.vue | 19 +++++++++++++++++++
 3 files changed, 27 insertions(+), 18 deletions(-)
 create mode 100644 src/pages/ItemType/ItemTypeSearchbar.vue

diff --git a/src/pages/Item/ItemTypeList.vue b/src/pages/Item/ItemTypeList.vue
index 9d826655f..dd023f94b 100644
--- a/src/pages/Item/ItemTypeList.vue
+++ b/src/pages/Item/ItemTypeList.vue
@@ -7,8 +7,7 @@ import VnLv from 'src/components/ui/VnLv.vue';
 import CardList from 'src/components/ui/CardList.vue';
 import ItemTypeSummary from 'src/pages/ItemType/Card/ItemTypeSummary.vue';
 import ItemTypeFilter from 'src/pages/ItemType/ItemTypeFilter.vue';
-import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
-
+import ItemTypeSearchbar from '../ItemType/ItemTypeSearchbar.vue';
 import { useStateStore } from 'stores/useStateStore';
 import { useSummaryDialog } from 'src/composables/useSummaryDialog';
 
@@ -63,13 +62,7 @@ const exprBuilder = (param, value) => {
 <template>
     <template v-if="stateStore.isHeaderMounted()">
         <Teleport to="#searchbar">
-            <VnSearchbar
-                data-key="ItemTypeList"
-                url="ItemTypes"
-                :label="t('Search item type')"
-                :info="t('Search itemType by id, name or code')"
-                :expr-builder="exprBuilder"
-            />
+            <ItemTypeSearchbar />
         </Teleport>
         <Teleport to="#actions-append">
             <div class="row q-gutter-x-sm">
@@ -132,11 +125,3 @@ const exprBuilder = (param, value) => {
         </QTooltip>
     </QPageSticky>
 </template>
-
-<i18n>
-es:
-    New item type: Nueva familia
-    Name: Nombre
-    Search item type: Buscar familia
-    Search itemType by id, name or code: Buscar familia por id, nombre o código
-</i18n>
diff --git a/src/pages/ItemType/Card/ItemTypeCard.vue b/src/pages/ItemType/Card/ItemTypeCard.vue
index cdcd5b693..9daec7921 100644
--- a/src/pages/ItemType/Card/ItemTypeCard.vue
+++ b/src/pages/ItemType/Card/ItemTypeCard.vue
@@ -2,6 +2,7 @@
 import VnCard from 'components/common/VnCard.vue';
 import ItemTypeDescriptor from 'src/pages/ItemType/Card/ItemTypeDescriptor.vue';
 import ItemTypeFilter from 'src/pages/ItemType/ItemTypeFilter.vue';
+import ItemTypeSearchbar from '../ItemTypeSearchbar.vue';
 </script>
 <template>
     <VnCard
@@ -11,5 +12,9 @@ import ItemTypeFilter from 'src/pages/ItemType/ItemTypeFilter.vue';
         :filter-panel="ItemTypeFilter"
         search-data-key="ItemTypeList"
         search-url="ItemTypes"
-    />
+    >
+        <template #searchbar>
+            <ItemTypeSearchbar />
+        </template>
+    </VnCard>
 </template>
diff --git a/src/pages/ItemType/ItemTypeSearchbar.vue b/src/pages/ItemType/ItemTypeSearchbar.vue
new file mode 100644
index 000000000..749033d43
--- /dev/null
+++ b/src/pages/ItemType/ItemTypeSearchbar.vue
@@ -0,0 +1,19 @@
+<script setup>
+import VnSearchbar from 'components/ui/VnSearchbar.vue';
+import { useI18n } from 'vue-i18n';
+const { t } = useI18n();
+</script>
+
+<template>
+    <VnSearchbar
+        data-key="ItemTypeList"
+        url="ItemTypes"
+        :label="t('Search item type')"
+        :info="t('Search itemType by id, name or code')"
+    />
+</template>
+<i18n>
+es:
+    Search item type: Buscar familia
+    Search itemType by id, name or code: Buscar familia por id, nombre o código
+</i18n>

From 26506c1f9f96e29cb6130307b2c58c41cb1d6643 Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Wed, 8 May 2024 13:27:42 +0200
Subject: [PATCH 250/305] refs #6877 remove update

---
 src/pages/Item/ItemRequest.vue | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/pages/Item/ItemRequest.vue b/src/pages/Item/ItemRequest.vue
index 9ce8ac370..735f3a7b7 100644
--- a/src/pages/Item/ItemRequest.vue
+++ b/src/pages/Item/ItemRequest.vue
@@ -286,7 +286,6 @@ onBeforeMount(() => {
             </template>
             <template #body-cell-attender="{ row }">
                 <QTd>
-                    {{ row.attenderFk }}
                     <VnSelect
                         v-model="row.attenderFk"
                         :options="workersOptions"
@@ -294,7 +293,6 @@ onBeforeMount(() => {
                         option-label="firstName"
                         option-value="id"
                         dense
-                        @update:model-value="(event) => (row.attenderFk = event)"
                     />
                 </QTd>
             </template>

From fdd94b09f3ae5724132aace12b46279aa5e05220 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Wed, 8 May 2024 11:43:18 +0000
Subject: [PATCH 251/305] style: fix searchba input width

---
 src/pages/Customer/CustomerMain.vue | 7 -------
 1 file changed, 7 deletions(-)

diff --git a/src/pages/Customer/CustomerMain.vue b/src/pages/Customer/CustomerMain.vue
index d7b900e1f..f0dc2e500 100644
--- a/src/pages/Customer/CustomerMain.vue
+++ b/src/pages/Customer/CustomerMain.vue
@@ -15,10 +15,3 @@ const stateStore = useStateStore();
         <RouterView></RouterView>
     </QPageContainer>
 </template>
-
-<style lang="scss">
-#searchbar,
-.search-panel {
-    width: 400px;
-}
-</style>

From 0ebb9c6c5269592115d7b7b9d62edaff8284ffa0 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Wed, 8 May 2024 13:43:45 +0200
Subject: [PATCH 252/305] fix: unnexpected bottom spca

---
 src/components/common/VnInput.vue | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/common/VnInput.vue b/src/components/common/VnInput.vue
index 3f7e46367..684770e9c 100644
--- a/src/components/common/VnInput.vue
+++ b/src/components/common/VnInput.vue
@@ -53,10 +53,12 @@ defineExpose({
     focus,
 });
 
-const inputRules = (val) => {
-    const { min } = vnInputRef.value.$attrs;
-    if (min >= 0) if (Math.floor(val) < min) return t('inputMin', { value: min });
-};
+const inputRules = [
+    (val) => {
+        const { min } = vnInputRef.value.$attrs;
+        if (min >= 0) if (Math.floor(val) < min) return t('inputMin', { value: min });
+    },
+];
 </script>
 
 <template>
@@ -73,8 +75,9 @@ const inputRules = (val) => {
             :class="{ required: $attrs.required }"
             @keyup.enter="onEnterPress()"
             :clearable="false"
-            :rules="[inputRules]"
+            :rules="inputRules"
             :lazy-rules="true"
+            hide-bottom-space
         >
             <template v-if="$slots.prepend" #prepend>
                 <slot name="prepend" />

From 5bdbbf426a8cf0d2537245ecf325df03de7b31ea Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Wed, 8 May 2024 10:43:18 -0300
Subject: [PATCH 253/305] Tables development

---
 src/components/ui/CardSummary.vue       |   9 +-
 src/i18n/locale/en.yml                  |   5 +-
 src/i18n/locale/es.yml                  |   5 +-
 src/pages/Monitor/MonitorList.vue       |  69 +++
 src/pages/Monitor/SalesClientsTable.vue | 219 +++++++++
 src/pages/Monitor/SalesMonitor.vue      | 270 ----------
 src/pages/Monitor/SalesOrdersTable.vue  | 198 ++++++++
 src/pages/Monitor/SalesTicketsTable.vue | 622 ++++++++++++++++++++++++
 src/pages/Monitor/locale/en.yml         |  40 ++
 src/pages/Monitor/locale/es.yml         |  40 ++
 src/pages/Ticket/Card/TicketSale.vue    |   1 +
 src/router/modules/monitor.js           |  22 +-
 src/router/modules/ticket.js            |  11 +-
 13 files changed, 1221 insertions(+), 290 deletions(-)
 create mode 100644 src/pages/Monitor/MonitorList.vue
 create mode 100644 src/pages/Monitor/SalesClientsTable.vue
 delete mode 100644 src/pages/Monitor/SalesMonitor.vue
 create mode 100644 src/pages/Monitor/SalesOrdersTable.vue
 create mode 100644 src/pages/Monitor/SalesTicketsTable.vue
 create mode 100644 src/pages/Monitor/locale/en.yml
 create mode 100644 src/pages/Monitor/locale/es.yml
 create mode 100644 src/pages/Ticket/Card/TicketSale.vue

diff --git a/src/components/ui/CardSummary.vue b/src/components/ui/CardSummary.vue
index 1a4514ef5..e52be753f 100644
--- a/src/components/ui/CardSummary.vue
+++ b/src/components/ui/CardSummary.vue
@@ -54,6 +54,13 @@ async function fetch() {
     emit('onFetch', Array.isArray(data) ? data[0] : data);
     isLoading.value = false;
 }
+
+const showRedirectToSummaryIcon = computed(() => {
+    const routeExists = route.matched.some(
+        (route) => route.name === `${route.meta.moduleName}Summary`
+    );
+    return !isSummary.value && route.meta.moduleName && routeExists;
+});
 </script>
 
 <template>
@@ -64,7 +71,7 @@ async function fetch() {
                 <div class="summaryHeader bg-primary q-pa-sm text-weight-bolder">
                     <slot name="header-left">
                         <router-link
-                            v-if="!isSummary && route.meta.moduleName"
+                            v-if="showRedirectToSummaryIcon"
                             class="header link"
                             :to="{
                                 name: `${route.meta.moduleName}Summary`,
diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index 7acc2043d..946e3242c 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -426,6 +426,7 @@ ticket:
         boxing: Boxing
         sms: Sms
         notes: Notes
+        sale: Sale
     list:
         nickname: Nickname
         state: State
@@ -1237,8 +1238,8 @@ zone:
         upcomingList: Upcoming deliveries
 monitor:
     pageTitles:
-        monitors: Monitors
-        salesMonitor: Sales monitor
+        monitors: Monitores
+        list: Listado
 components:
     topbar: {}
     itemsFilterPanel:
diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index 6e466f483..5a7999b9e 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -424,6 +424,7 @@ ticket:
         boxing: Encajado
         sms: Sms
         notes: Notas
+        sale: Lineas del pedido
     list:
         nickname: Alias
         state: Estado
@@ -1234,10 +1235,10 @@ zone:
         zonesList: Zonas
         deliveryList: Días de entrega
         upcomingList: Próximos repartos
-monitors:
+monitor:
     pageTitles:
         monitors: Monitores
-        salesMonitor: Monitor de ventas
+        list: Listado
 components:
     topbar: {}
     itemsFilterPanel:
diff --git a/src/pages/Monitor/MonitorList.vue b/src/pages/Monitor/MonitorList.vue
new file mode 100644
index 000000000..c7db282c1
--- /dev/null
+++ b/src/pages/Monitor/MonitorList.vue
@@ -0,0 +1,69 @@
+<script setup>
+import { onMounted, onUnmounted, ref } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+import { useStateStore } from 'stores/useStateStore';
+import SalesClientTable from './SalesClientsTable.vue';
+import SalesOrdersTable from './SalesOrdersTable.vue';
+import SalesTicketsTable from './SalesTicketsTable.vue';
+
+const { t } = useI18n();
+const stateStore = useStateStore();
+
+const expanded = ref(true);
+
+onMounted(async () => {
+    stateStore.rightDrawer = true;
+});
+
+onUnmounted(() => (stateStore.rightDrawer = false));
+</script>
+
+<template>
+    <QPage class="column items-center q-pa-md">
+        <QExpansionItem
+            v-model="expanded"
+            dense
+            :duration="150"
+            class="full-width q-mb-lg"
+        >
+            <template v-if="!expanded" #header>
+                <div class="row full-width">
+                    <span class="flex col text-body1">
+                        {{ t('salesMonitor.clientsOnWebsite') }}
+                    </span>
+                    <span class="flex col q-ml-xl text-body1">
+                        {{ t('salesMonitor.recentOrderActions') }}
+                    </span>
+                </div>
+            </template>
+            <template #default>
+                <QCard class="card">
+                    <QCardSection class="col">
+                        <span class="flex col q-mb-sm text-body1">
+                            {{ t('salesMonitor.clientsOnWebsite') }}
+                        </span>
+                        <SalesClientTable />
+                    </QCardSection>
+                    <QCardSection class="col">
+                        <span class="flex col q-mb-sm text-body1">
+                            {{ t('salesMonitor.recentOrderActions') }}
+                        </span>
+                        <SalesOrdersTable />
+                    </QCardSection>
+                </QCard>
+            </template>
+        </QExpansionItem>
+        <SalesTicketsTable />
+    </QPage>
+</template>
+
+<style lang="scss" scoped>
+.card {
+    display: flex;
+
+    @media (max-width: $breakpoint-md-max) {
+        flex-direction: column;
+    }
+}
+</style>
diff --git a/src/pages/Monitor/SalesClientsTable.vue b/src/pages/Monitor/SalesClientsTable.vue
new file mode 100644
index 000000000..84cccf91b
--- /dev/null
+++ b/src/pages/Monitor/SalesClientsTable.vue
@@ -0,0 +1,219 @@
+<script setup>
+import { ref, computed, reactive, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+import FetchData from 'components/FetchData.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
+import VnInputDate from 'src/components/common/VnInputDate.vue';
+import WorkerDescriptorProxy from 'src/pages/Worker/Card/WorkerDescriptorProxy.vue';
+import CustomerDescriptorProxy from 'src/pages/Customer/Card/CustomerDescriptorProxy.vue';
+import VnPaginate from 'components/ui/VnPaginate.vue';
+
+import { toDateFormat } from 'src/filters/date.js';
+import { dashIfEmpty } from 'src/filters';
+
+const { t } = useI18n();
+
+const paginateRef = ref(null);
+const workersActiveOptions = ref([]);
+const clientsOptions = ref([]);
+
+const from = ref(Date.vnNew());
+const to = ref(Date.vnNew());
+
+const dateRange = computed(() => {
+    const minHour = new Date(from.value);
+    minHour.setHours(0, 0, 0, 0);
+    const maxHour = new Date(to.value);
+    maxHour.setHours(23, 59, 59, 59);
+    return [minHour, maxHour];
+});
+
+const filter = reactive({
+    where: {
+        'v.stamp': {
+            between: [from.value, to.value],
+        },
+    },
+});
+
+watch(dateRange, (val) => {
+    filter.where['v.stamp'].between = val;
+    paginateRef.value.fetch();
+});
+
+function exprBuilder(param, value) {
+    switch (param) {
+        case 'clientFk':
+            return { [`c.id`]: value };
+        case 'salesPersonFk':
+            return { [`c.${param}`]: value };
+    }
+}
+
+const params = reactive({});
+
+const applyColumnFilter = async (col) => {
+    try {
+        const paramKey = col.columnFilter?.filterParamKey || col.field;
+        params[paramKey] = col.columnFilter.filterValue;
+        await paginateRef.value.addFilter(null, params);
+    } catch (err) {
+        console.error('Error applying column filter', err);
+    }
+};
+
+const columns = computed(() => [
+    {
+        label: t('salesClientsTable.date'),
+        name: 'date',
+        field: 'dated',
+        align: 'left',
+        columnFilter: null,
+        sortable: true,
+        format: (val) => toDateFormat(val),
+    },
+    {
+        label: t('salesClientsTable.hour'),
+        name: 'hour',
+        field: 'hour',
+        align: 'left',
+        sortable: true,
+    },
+    {
+        label: t('salesClientsTable.salesPerson'),
+        name: 'salesPerson',
+        field: 'salesPerson',
+        align: 'left',
+        sortable: true,
+        columnFilter: {
+            component: VnSelect,
+            filterParamKey: 'salesPersonFk',
+            type: 'select',
+            filterValue: null,
+            attrs: {
+                options: workersActiveOptions.value,
+                'option-value': 'id',
+                'option-label': 'name',
+                dense: true,
+            },
+        },
+        format: (val) => dashIfEmpty(val),
+    },
+    {
+        label: t('salesClientsTable.client'),
+        field: 'clientName',
+        name: 'client',
+        align: 'left',
+        sortable: true,
+        columnFilter: {
+            component: VnSelect,
+            filterParamKey: 'clientFk',
+            type: 'select',
+            filterValue: null,
+            attrs: {
+                options: clientsOptions.value,
+                'option-value': 'id',
+                'option-label': 'name',
+                dense: true,
+            },
+        },
+        format: (val) => dashIfEmpty(val),
+    },
+]);
+</script>
+
+<template>
+    <FetchData
+        url="Workers/activeWithInheritedRole"
+        :filter="{
+            fields: ['id', 'nickname'],
+            order: 'nickname ASC',
+            where: { role: 'salesPerson' },
+        }"
+        auto-load
+        @on-fetch="(data) => (workersActiveOptions = data)"
+    />
+    <FetchData
+        url="Clients"
+        :filter="{
+            fields: ['id', 'name'],
+            order: 'name ASC',
+        }"
+        auto-load
+        @on-fetch="(data) => (clientsOptions = data)"
+    />
+    <QCard style="max-height: 380px; overflow-y: scroll">
+        <VnPaginate
+            ref="paginateRef"
+            data-key="SalesMonitorClients"
+            url="SalesMonitors/clientsFilter"
+            order="dated DESC, hour DESC"
+            :limit="6"
+            :expr-builder="exprBuilder"
+            :user-params="params"
+            :filter="filter"
+            :offset="50"
+            auto-load
+        >
+            <template #body="{ rows }">
+                <QTable
+                    :rows="rows"
+                    :columns="columns"
+                    row-key="id"
+                    :pagination="{ rowsPerPage: 0 }"
+                    class="full-width"
+                    :no-data-label="t('globals.noResults')"
+                >
+                    <template #top>
+                        <VnInputDate
+                            :label="t('salesClientsTable.from')"
+                            dense
+                            emit-date-format
+                            v-model="from"
+                            class="q-mr-lg"
+                            style="width: 150px"
+                        />
+                        <VnInputDate
+                            :label="t('salesClientsTable.to')"
+                            dense
+                            emit-date-format
+                            v-model="to"
+                            style="width: 150px"
+                        />
+                    </template>
+                    <template #top-row="{ cols }">
+                        <QTr>
+                            <QTd
+                                v-for="(col, index) in cols"
+                                :key="index"
+                                style="max-width: 100px"
+                            >
+                                <VnSelect
+                                    :is="col.columnFilter.component"
+                                    v-if="col.columnFilter"
+                                    v-model="col.columnFilter.filterValue"
+                                    v-bind="col.columnFilter.attrs"
+                                    @update:model-value="applyColumnFilter(col)"
+                                    dense
+                                />
+                            </QTd>
+                        </QTr>
+                    </template>
+                    <template #body-cell-salesPerson="{ row }">
+                        <QTd>
+                            <span class="link">{{ row.salesPerson }}</span>
+                            <WorkerDescriptorProxy :id="row.salesPersonFk" dense />
+                        </QTd>
+                    </template>
+                    <template #body-cell-client="{ row }">
+                        <QTd>
+                            <span class="link">{{ row.clientName }}</span>
+                            <CustomerDescriptorProxy :id="row.clientFk" />
+                        </QTd>
+                    </template>
+                </QTable>
+            </template>
+        </VnPaginate>
+    </QCard>
+</template>
diff --git a/src/pages/Monitor/SalesMonitor.vue b/src/pages/Monitor/SalesMonitor.vue
deleted file mode 100644
index 842474545..000000000
--- a/src/pages/Monitor/SalesMonitor.vue
+++ /dev/null
@@ -1,270 +0,0 @@
-<script setup>
-import { onMounted, ref, computed, reactive, onUnmounted } from 'vue';
-import { useI18n } from 'vue-i18n';
-import { useRouter } from 'vue-router';
-
-import FetchData from 'components/FetchData.vue';
-import FetchedTags from 'components/ui/FetchedTags.vue';
-import TableVisibleColumns from 'src/components/common/TableVisibleColumns.vue';
-import VnInput from 'src/components/common/VnInput.vue';
-import VnSelect from 'src/components/common/VnSelect.vue';
-import WorkerDescriptorProxy from 'src/pages/Worker/Card/WorkerDescriptorProxy.vue';
-import VnPaginate from 'components/ui/VnPaginate.vue';
-
-import { useStateStore } from 'stores/useStateStore';
-// import { toDateFormat } from 'src/filters/date.js';
-import { useSession } from 'composables/useSession';
-import { dashIfEmpty } from 'src/filters';
-// import { useSummaryDialog } from 'src/composables/useSummaryDialog';
-// import { useVnConfirm } from 'composables/useVnConfirm';
-import axios from 'axios';
-
-const router = useRouter();
-const { getTokenMultimedia } = useSession();
-const token = getTokenMultimedia();
-const stateStore = useStateStore();
-const { t } = useI18n();
-// const { viewSummary } = useSummaryDialog();
-// const { openConfirmationModal } = useVnConfirm();
-
-const paginateRef = ref(null);
-const itemTypesOptions = ref([]);
-const originsOptions = ref([]);
-const buyersOptions = ref([]);
-const intrastatOptions = ref([]);
-const itemCategoriesOptions = ref([]);
-const visibleColumns = ref([]);
-const allColumnNames = ref([]);
-
-// const exprBuilder = (param, value) => {
-//     switch (param) {
-//         case 'category':
-//             return { 'ic.name': value };
-//         case 'buyerFk':
-//             return { 'it.workerFk': value };
-//         case 'grouping':
-//             return { 'b.grouping': value };
-//         case 'packing':
-//             return { 'b.packing': value };
-//         case 'origin':
-//             return { 'ori.code': value };
-//         case 'typeFk':
-//             return { 'i.typeFk': value };
-//         case 'intrastat':
-//             return { 'intr.description': value };
-//         case 'name':
-//             return { 'i.name': { like: `%${value}%` } };
-//         case 'producer':
-//             return { 'pr.name': { like: `%${value}%` } };
-//         case 'id':
-//         case 'size':
-//         case 'subname':
-//         case 'isActive':
-//         case 'weightByPiece':
-//         case 'stemMultiplier':
-//         case 'stems':
-//             return { [`i.${param}`]: value };
-//     }
-// };
-
-// const params = reactive({ isFloramondo: false, isActive: true });
-
-// const applyColumnFilter = async (col) => {
-//     try {
-//         const paramKey = col.columnFilter?.filterParamKey || col.field;
-//         params[paramKey] = col.columnFilter.filterValue;
-//         await paginateRef.value.addFilter(null, params);
-//     } catch (err) {
-//         console.error('Error applying column filter', err);
-//     }
-// };
-
-// const getInputEvents = (col) => {
-//     return col.columnFilter.type === 'select'
-//         ? { 'update:modelValue': () => applyColumnFilter(col) }
-//         : {
-//               'keyup.enter': () => applyColumnFilter(col),
-//           };
-// };
-
-const columns = computed(() => [
-    {
-        label: '',
-        name: 'picture',
-        align: 'left',
-        columnFilter: null,
-    },
-    {
-        label: t('item.list.id'),
-        name: 'id',
-        field: 'id',
-        align: 'left',
-        sortable: true,
-        // columnFilter: {
-        //     component: VnInput,
-        //     type: 'text',
-        //     filterValue: null,
-        //     event: getInputEvents,
-        //     attrs: {
-        //         dense: true,
-        //     },
-        // },
-    },
-    {
-        label: t('item.list.grouping'),
-        field: 'grouping',
-        name: 'grouping',
-        align: 'left',
-        sortable: true,
-        // columnFilter: {
-        //     component: VnInput,
-        //     type: 'text',
-        //     filterValue: null,
-        //     event: getInputEvents,
-        //     attrs: {
-        //         dense: true,
-        //     },
-        // },
-        format: (val) => dashIfEmpty(val),
-    },
-    {
-        label: t('item.list.packing'),
-        field: 'packing',
-        name: 'packing',
-        align: 'left',
-        sortable: true,
-        // columnFilter: {
-        //     component: VnInput,
-        //     type: 'text',
-        //     filterValue: null,
-        //     event: getInputEvents,
-        //     attrs: {
-        //         dense: true,
-        //     },
-        // },
-        format: (val) => dashIfEmpty(val),
-    },
-]);
-
-const redirectToItemCreate = () => {
-    // router.push({ name: 'ItemCreate' });
-};
-
-const redirectToItemSummary = (id) => {
-    router.push({ name: 'ItemSummary', params: { id } });
-};
-
-onMounted(async () => {
-    stateStore.rightDrawer = true;
-    const filteredColumns = columns.value.filter(
-        (col) => col.name !== 'picture' && col.name !== 'actions'
-    );
-    allColumnNames.value = filteredColumns.map((col) => col.name);
-});
-
-onUnmounted(() => (stateStore.rightDrawer = false));
-</script>
-
-<template>
-    <FetchData
-        url="ItemTypes"
-        :filter="{ fields: ['id', 'name'], order: 'name ASC' }"
-        auto-load
-        @on-fetch="(data) => (itemTypesOptions = data)"
-    />
-    <FetchData
-        url="ItemCategories"
-        :filter="{ fields: ['name'], order: 'name ASC' }"
-        auto-load
-        @on-fetch="(data) => (itemCategoriesOptions = data)"
-    />
-    <FetchData
-        url="Intrastats"
-        :filter="{ fields: ['description'], order: 'description ASC' }"
-        auto-load
-        @on-fetch="(data) => (intrastatOptions = data)"
-    />
-    <FetchData
-        url="Origins"
-        :filter="{ fields: ['code'], order: 'code ASC' }"
-        auto-load
-        @on-fetch="(data) => (originsOptions = data)"
-    />
-    <FetchData
-        url="TicketRequests/getItemTypeWorker"
-        :filter="{ fields: ['id', 'nickname'], order: 'nickname ASC' }"
-        auto-load
-        @on-fetch="(data) => (buyersOptions = data)"
-    />
-
-    <QToolbar class="bg-vn-dark justify-end">
-        <div id="st-data">
-            <TableVisibleColumns
-                :all-columns="allColumnNames"
-                table-code="itemsIndex"
-                labels-traductions-path="item.list"
-                @on-config-saved="visibleColumns = ['picture', ...$event, 'actions']"
-            />
-        </div>
-        <QSpace />
-        <div id="st-actions"></div>
-    </QToolbar>
-
-    <QPage class="column items-center q-pa-md">
-        <VnPaginate
-            ref="paginateRef"
-            data-key="ItemList"
-            url="Items/filter"
-            :order="['isActive DESC', 'name', 'id']"
-            :limit="12"
-            :expr-builder="exprBuilder"
-            :user-params="params"
-            :offset="50"
-            auto-load
-        >
-            <template #body="{ rows }">
-                <QTable
-                    :rows="rows"
-                    :columns="columns"
-                    row-key="id"
-                    :pagination="{ rowsPerPage: 0 }"
-                    class="full-width q-mt-md"
-                    :visible-columns="visibleColumns"
-                    :no-data-label="t('globals.noResults')"
-                    @row-click="(_, row) => redirectToItemSummary(row.id)"
-                >
-                    <!-- <template #top-row="{ cols }">
-                        <QTr>
-                            <QTd
-                                v-for="(col, index) in cols"
-                                :key="index"
-                                style="max-width: 100px"
-                            >
-                                <component
-                                    :is="col.columnFilter.component"
-                                    v-if="col.columnFilter"
-                                    v-model="col.columnFilter.filterValue"
-                                    v-bind="col.columnFilter.attrs"
-                                    v-on="col.columnFilter.event(col)"
-                                    dense
-                                />
-                            </QTd>
-                        </QTr>
-                    </template> -->
-                    <template #body-cell-picture="{ row }">
-                        <QTd>
-                            <QImg
-                                :src="`/api/Images/catalog/50x50/${row.id}/download?access_token=${token}`"
-                                spinner-color="primary"
-                                :ratio="1"
-                                height="50px"
-                                width="50px"
-                                class="image"
-                            />
-                        </QTd>
-                    </template>
-                </QTable>
-            </template>
-        </VnPaginate>
-    </QPage>
-</template>
diff --git a/src/pages/Monitor/SalesOrdersTable.vue b/src/pages/Monitor/SalesOrdersTable.vue
new file mode 100644
index 000000000..2e1d3aaed
--- /dev/null
+++ b/src/pages/Monitor/SalesOrdersTable.vue
@@ -0,0 +1,198 @@
+<script setup>
+import { ref, computed } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { useRouter } from 'vue-router';
+
+import FetchData from 'components/FetchData.vue';
+import WorkerDescriptorProxy from 'src/pages/Worker/Card/WorkerDescriptorProxy.vue';
+import CustomerDescriptorProxy from 'src/pages/Customer/Card/CustomerDescriptorProxy.vue';
+import VnPaginate from 'components/ui/VnPaginate.vue';
+
+import { toDateFormat, toDateTimeFormat } from 'src/filters/date.js';
+import { toCurrency } from 'src/filters';
+import { useVnConfirm } from 'composables/useVnConfirm';
+import axios from 'axios';
+
+const { t } = useI18n();
+const { openConfirmationModal } = useVnConfirm();
+
+const router = useRouter();
+const paginateRef = ref(null);
+const workersActiveOptions = ref([]);
+const clientsOptions = ref([]);
+const selectedRows = ref([]);
+
+const dateRange = (value) => {
+    const minHour = new Date(value);
+    minHour.setHours(0, 0, 0, 0);
+    const maxHour = new Date(value);
+    maxHour.setHours(23, 59, 59, 59);
+
+    return [minHour, maxHour];
+};
+
+function exprBuilder(param, value) {
+    switch (param) {
+        case 'date_send':
+            return {
+                [`o.date_send`]: {
+                    between: dateRange(value),
+                },
+            };
+        case 'clientFk':
+            return { [`c.id`]: value };
+        case 'salesPersonFk':
+            return { [`c.${param}`]: value };
+    }
+}
+
+const columns = computed(() => [
+    {
+        label: t('salesOrdersTable.date'),
+        name: 'date',
+        field: 'dated',
+        align: 'left',
+        columnFilter: null,
+    },
+    {
+        label: t('salesOrdersTable.client'),
+        name: 'client',
+        align: 'left',
+        sortable: true,
+    },
+    {
+        label: t('salesOrdersTable.salesPerson'),
+        name: 'salesPerson',
+        align: 'left',
+        sortable: true,
+    },
+]);
+
+const getBadgeColor = (date) => {
+    const today = Date.vnNew();
+    today.setHours(0, 0, 0, 0);
+
+    const orderLanded = new Date(date);
+    orderLanded.setHours(0, 0, 0, 0);
+
+    const difference = today - orderLanded;
+
+    if (difference == 0) return 'warning';
+    if (difference < 0) return 'success';
+    if (difference > 0) return 'alert';
+};
+
+const removeOrders = async () => {
+    try {
+        const selectedIds = selectedRows.value.map((row) => row.id);
+        const params = { deletes: selectedIds };
+        await axios.post('SalesMonitors/deleteOrders', params);
+        selectedRows.value = [];
+        await paginateRef.value.fetch();
+    } catch (err) {
+        console.error('Error deleting orders', err);
+    }
+};
+
+const redirectToOrderSummary = (orderId) => {
+    const url = `#/order/${orderId}/summary`;
+    window.open(url, '_blank');
+};
+</script>
+
+<template>
+    <FetchData
+        url="Workers/activeWithInheritedRole"
+        :filter="{
+            fields: ['id', 'nickname'],
+            order: 'nickname ASC',
+            where: { role: 'salesPerson' },
+        }"
+        auto-load
+        @on-fetch="(data) => (workersActiveOptions = data)"
+    />
+    <FetchData
+        url="Clients"
+        :filter="{
+            fields: ['id', 'name'],
+            order: 'name ASC',
+        }"
+        auto-load
+        @on-fetch="(data) => (clientsOptions = data)"
+    />
+
+    <QCard style="max-height: 380px; overflow-y: scroll">
+        <VnPaginate
+            ref="paginateRef"
+            data-key="SalesMonitorOrders"
+            url="SalesMonitors/ordersFilter"
+            order="date_make DESC"
+            :limit="6"
+            :expr-builder="exprBuilder"
+            auto-load
+        >
+            <template #body="{ rows }">
+                <QTable
+                    :rows="rows"
+                    :columns="columns"
+                    row-key="id"
+                    selection="multiple"
+                    v-model:selected="selectedRows"
+                    :pagination="{ rowsPerPage: 0 }"
+                    :no-data-label="t('globals.noResults')"
+                    @row-click="(_, row) => redirectToOrderSummary(row.id)"
+                >
+                    <template #top>
+                        <QBtn
+                            v-if="selectedRows.length > 0"
+                            icon="delete"
+                            size="md"
+                            color="primary"
+                            @click="
+                                openConfirmationModal(
+                                    t('salesOrdersTable.deleteConfirmTitle'),
+                                    t('salesOrdersTable.deleteConfirmMessage'),
+                                    removeOrders
+                                )
+                            "
+                        >
+                            <QTooltip>{{ t('salesOrdersTable.delete') }}</QTooltip>
+                        </QBtn>
+                    </template>
+                    <template #body-cell-date="{ row }">
+                        <QTd>
+                            <QBadge
+                                :color="getBadgeColor(row.date_send)"
+                                text-color="black"
+                                class="q-ma-none q-mb-md"
+                                dense
+                                style="font-size: 14px"
+                            >
+                                {{ toDateFormat(row.date_send) }}
+                            </QBadge>
+                            <div>{{ toDateTimeFormat(row.date_make) }}</div>
+                        </QTd>
+                    </template>
+                    <template #body-cell-client="{ row }">
+                        <QTd>
+                            <div class="q-mb-md">
+                                <span class="link">{{ row.salesPerson }}</span>
+                                <WorkerDescriptorProxy :id="row.salesPersonFk" dense />
+                            </div>
+                            <span> {{ row.agencyName }}</span>
+                        </QTd>
+                    </template>
+                    <template #body-cell-salesPerson="{ row }">
+                        <QTd>
+                            <div class="q-mb-md">
+                                <span class="link">{{ row.clientName }}</span>
+                                <CustomerDescriptorProxy :id="row.clientFk" />
+                            </div>
+                            <span>{{ toCurrency(row.import) }}</span>
+                        </QTd>
+                    </template>
+                </QTable>
+            </template>
+        </VnPaginate>
+    </QCard>
+</template>
diff --git a/src/pages/Monitor/SalesTicketsTable.vue b/src/pages/Monitor/SalesTicketsTable.vue
new file mode 100644
index 000000000..d82a5f2ca
--- /dev/null
+++ b/src/pages/Monitor/SalesTicketsTable.vue
@@ -0,0 +1,622 @@
+<script setup>
+import { ref, computed, onMounted, reactive } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { useRouter } from 'vue-router';
+
+import FetchData from 'components/FetchData.vue';
+import WorkerDescriptorProxy from 'src/pages/Worker/Card/WorkerDescriptorProxy.vue';
+import CustomerDescriptorProxy from 'src/pages/Customer/Card/CustomerDescriptorProxy.vue';
+import VnPaginate from 'components/ui/VnPaginate.vue';
+import TableVisibleColumns from 'src/components/common/TableVisibleColumns.vue';
+import TicketDescriptorProxy from 'src/pages/Ticket/Card/TicketDescriptorProxy.vue';
+import InvoiceOutDescriptorProxy from 'src/pages/InvoiceOut/Card/InvoiceOutDescriptorProxy.vue';
+import ZoneDescriptorProxy from 'src/pages/Zone/Card/ZoneDescriptorProxy.vue';
+import TicketSummary from 'src/pages/Ticket/Card/TicketSummary.vue';
+import VnInput from 'src/components/common/VnInput.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
+import VnInputDate from 'src/components/common/VnInputDate.vue';
+
+import { useSummaryDialog } from 'src/composables/useSummaryDialog';
+import { toDateFormat, toTimeFormat } from 'src/filters/date.js';
+import { toCurrency } from 'src/filters';
+
+const { t } = useI18n();
+
+const router = useRouter();
+const paginateRef = ref(null);
+const workersActiveOptions = ref([]);
+const provincesOptions = ref([]);
+const statesOptions = ref([]);
+const zonesOptions = ref([]);
+const visibleColumns = ref([]);
+const allColumnNames = ref([]);
+const { viewSummary } = useSummaryDialog();
+
+const dateRange = (value) => {
+    const minHour = new Date(value);
+    minHour.setHours(0, 0, 0, 0);
+    const maxHour = new Date(value);
+    maxHour.setHours(23, 59, 59, 59);
+
+    return [minHour, maxHour];
+};
+
+function exprBuilder(param, value) {
+    switch (param) {
+        case 'stateFk':
+            return { 'ts.stateFk': value };
+        case 'salesPersonFk':
+            return { 'c.salesPersonFk': value };
+        case 'provinceFk':
+            return { 'a.provinceFk': value };
+        case 'theoreticalHour':
+            return { 'z.hour': value };
+        case 'practicalHour':
+            return { 'zed.etc': value };
+        case 'shippedDate':
+            return {
+                't.shipped': {
+                    between: dateRange(value),
+                },
+            };
+        case 'nickname':
+            return { [`t.nickname`]: { like: `%${value}%` } };
+        case 'zoneFk':
+        case 'totalWithVat':
+            return { [`t.${param}`]: value };
+    }
+}
+
+const filter = { order: ['totalProblems DESC'] };
+let params = reactive({});
+
+const applyColumnFilter = async (col) => {
+    try {
+        const paramKey = col.columnFilter?.filterParamKey || col.field;
+        params[paramKey] = col.columnFilter.filterValue;
+        await paginateRef.value.addFilter(null, params);
+    } catch (err) {
+        console.error('Error applying column filter', err);
+    }
+};
+
+const getInputEvents = (col) => {
+    return col.columnFilter.type === 'select' || col.columnFilter.type === 'date'
+        ? { 'update:modelValue': () => applyColumnFilter(col) }
+        : {
+              'keyup.enter': () => applyColumnFilter(col),
+          };
+};
+
+const fetchParams = ($params = {}) => {
+    const excludedParams = ['search', 'clientFk', 'orderFk', 'refFk', 'scopeDays'];
+
+    const hasExcludedParams = excludedParams.some((param) => {
+        return $params && $params[param] != undefined;
+    });
+    const hasParams = Object.entries($params).length;
+    if (!hasParams || !hasExcludedParams) $params.scopeDays = 1;
+
+    if (typeof $params.scopeDays === 'number') {
+        const from = Date.vnNew();
+        from.setHours(0, 0, 0, 0);
+
+        const to = new Date(from.getTime());
+        to.setDate(to.getDate() + $params.scopeDays);
+        to.setHours(23, 59, 59, 999);
+
+        Object.assign($params, { from, to });
+    }
+    return { tableOrder: 'totalProblems DESC', ...$params };
+};
+
+const columns = computed(() => [
+    {
+        label: t('salesTicketsTable.problems'),
+        name: 'problems',
+        align: 'left',
+        sortable: true,
+        columnFilter: null,
+    },
+    {
+        label: t('salesTicketsTable.identifier'),
+        name: 'identifier',
+        field: 'id',
+        align: 'left',
+        sortable: true,
+        columnFilter: {
+            component: VnInput,
+            type: 'text',
+            filterValue: null,
+            event: getInputEvents,
+            attrs: {
+                dense: true,
+            },
+        },
+    },
+    {
+        label: t('salesTicketsTable.client'),
+        name: 'client',
+        align: 'left',
+        field: 'nickname',
+        sortable: true,
+        columnFilter: {
+            component: VnInput,
+            type: 'text',
+            filterValue: null,
+            event: getInputEvents,
+            attrs: {
+                dense: true,
+            },
+        },
+    },
+    {
+        label: t('salesTicketsTable.salesPerson'),
+        name: 'salesPerson',
+        field: 'userName',
+        align: 'left',
+        sortable: true,
+        columnFilter: {
+            component: VnSelect,
+            filterParamKey: 'salesPersonFk',
+            type: 'select',
+            filterValue: null,
+            event: getInputEvents,
+            attrs: {
+                options: workersActiveOptions.value,
+                'option-value': 'id',
+                'option-label': 'name',
+                dense: true,
+            },
+        },
+    },
+    {
+        label: t('salesTicketsTable.date'),
+        name: 'date',
+        align: 'left',
+        sortable: true,
+        columnFilter: {
+            component: VnInputDate,
+            filterParamKey: 'shippedDate',
+            type: 'date',
+            filterValue: null,
+            event: getInputEvents,
+            attrs: {
+                dense: true,
+            },
+        },
+    },
+    {
+        label: t('salesTicketsTable.theoretical'),
+        name: 'theoretical',
+        field: 'zoneLanding',
+        align: 'left',
+        sortable: true,
+        format: (val) => toTimeFormat(val),
+    },
+    {
+        label: t('salesTicketsTable.practical'),
+        name: 'practical',
+        field: 'practicalHour',
+        align: 'left',
+        sortable: true,
+        columnFilter: {
+            component: VnInput,
+            type: 'text',
+            filterValue: null,
+            event: getInputEvents,
+            attrs: {
+                dense: true,
+            },
+        },
+    },
+    {
+        label: t('salesTicketsTable.preparation'),
+        name: 'preparation',
+        field: 'shipped',
+        align: 'left',
+        sortable: true,
+        format: (val) => toTimeFormat(val),
+    },
+
+    {
+        label: t('salesTicketsTable.province'),
+        name: 'province',
+        field: 'province',
+        align: 'left',
+        sortable: true,
+        columnFilter: {
+            component: VnSelect,
+            filterParamKey: 'provinceFk',
+            type: 'select',
+            filterValue: null,
+            event: getInputEvents,
+            attrs: {
+                options: provincesOptions.value,
+                'option-value': 'id',
+                'option-label': 'name',
+                dense: true,
+            },
+        },
+    },
+    {
+        label: t('salesTicketsTable.state'),
+        name: 'state',
+        align: 'left',
+        sortable: true,
+        columnFilter: {
+            component: VnSelect,
+            filterParamKey: 'stateFk',
+            type: 'select',
+            filterValue: null,
+            event: getInputEvents,
+            attrs: {
+                options: statesOptions.value,
+                'option-value': 'id',
+                'option-label': 'name',
+                dense: true,
+            },
+        },
+    },
+    {
+        label: t('salesTicketsTable.isFragile'),
+        name: 'isFragile',
+        field: 'isFragile',
+        align: 'left',
+        sortable: true,
+        columnFilter: {
+            component: VnInput,
+            type: 'text',
+            filterValue: null,
+            event: getInputEvents,
+            attrs: {
+                dense: true,
+            },
+        },
+    },
+    {
+        label: t('salesTicketsTable.zone'),
+        name: 'zone',
+        align: 'left',
+        sortable: true,
+        columnFilter: {
+            component: VnSelect,
+            filterParamKey: 'zoneFk',
+            type: 'select',
+            filterValue: null,
+            event: getInputEvents,
+            attrs: {
+                options: zonesOptions.value,
+                'option-value': 'id',
+                'option-label': 'name',
+                dense: true,
+            },
+        },
+    },
+    {
+        label: t('salesTicketsTable.total'),
+        name: 'total',
+        field: 'totalWithVat',
+        align: 'left',
+        sortable: true,
+        columnFilter: {
+            component: VnInput,
+            type: 'text',
+            filterValue: null,
+            event: getInputEvents,
+            attrs: {
+                dense: true,
+            },
+        },
+    },
+    {
+        name: 'rowActions',
+        align: 'left',
+        sortable: true,
+    },
+]);
+
+const getBadgeAttrs = (date) => {
+    let today = Date.vnNew();
+    today.setHours(0, 0, 0, 0);
+    let timeTicket = new Date(date);
+    timeTicket.setHours(0, 0, 0, 0);
+
+    let comparation = today - timeTicket;
+
+    if (comparation == 0) return { color: 'warning', 'text-color': 'black' };
+    if (comparation < 0) return { color: 'success', 'text-color': 'black' };
+    return { color: 'transparent', 'text-color': 'white' };
+};
+
+const redirectToTicketSummary = (id) => {
+    router.push({ name: 'TicketSummary', params: { id } });
+};
+
+const stateColors = {
+    notice: 'info',
+    success: 'positive',
+    warning: 'warning',
+    alert: 'negative',
+};
+
+const totalPriceColor = (ticket) => {
+    const total = parseInt(ticket.totalWithVat);
+    if (total > 0 && total < 50) return 'warning';
+};
+
+const formatShippedDate = (date) => {
+    if (!date) return '-';
+    const split1 = date.split('T');
+    const [year, month, day] = split1[0].split('-');
+    const _date = new Date(year, month - 1, day);
+    return toDateFormat(_date);
+};
+
+onMounted(async () => {
+    const filteredColumns = columns.value.filter((col) => col.name !== 'rowActions');
+    allColumnNames.value = filteredColumns.map((col) => col.name);
+    params = fetchParams();
+    await paginateRef.value.addFilter(null, params);
+});
+</script>
+
+<template>
+    <FetchData
+        url="Workers/activeWithInheritedRole"
+        :filter="{
+            fields: ['id', 'nickname'],
+            order: 'nickname ASC',
+            where: { role: 'salesPerson' },
+        }"
+        auto-load
+        @on-fetch="(data) => (workersActiveOptions = data)"
+    />
+    <FetchData
+        url="Provinces"
+        :filter="{
+            fields: ['id', 'name'],
+            order: 'name ASC',
+        }"
+        auto-load
+        @on-fetch="(data) => (provincesOptions = data)"
+    />
+    <FetchData
+        url="States"
+        :filter="{
+            fields: ['id', 'name'],
+            order: 'name ASC',
+        }"
+        auto-load
+        @on-fetch="(data) => (statesOptions = data)"
+    />
+    <FetchData
+        url="Zones"
+        :filter="{
+            fields: ['id', 'name'],
+            order: 'name ASC',
+        }"
+        auto-load
+        @on-fetch="(data) => (zonesOptions = data)"
+    />
+    <VnPaginate
+        ref="paginateRef"
+        data-key="SalesMonitorTickets"
+        url="SalesMonitors/salesFilter"
+        :filter="filter"
+        :limit="20"
+        :expr-builder="exprBuilder"
+        :user-params="params"
+        :offset="50"
+    >
+        <template #body="{ rows }">
+            <QTable
+                :rows="rows"
+                :columns="columns"
+                row-key="id"
+                :pagination="{ rowsPerPage: 0 }"
+                :visible-columns="visibleColumns"
+                :no-data-label="t('globals.noResults')"
+                @row-click="(_, row) => redirectToTicketSummary(row.id)"
+            >
+                <template #top>
+                    <TableVisibleColumns
+                        :all-columns="allColumnNames"
+                        table-code="ticketsMonitor"
+                        labels-traductions-path="salesTicketsTable"
+                        @on-config-saved="visibleColumns = [...$event, 'rowActions']"
+                    />
+                </template>
+                <template #top-row="{ cols }">
+                    <QTr>
+                        <QTd
+                            v-for="(col, index) in cols"
+                            :key="index"
+                            style="max-width: 100px"
+                        >
+                            <component
+                                :is="col.columnFilter.component"
+                                v-if="col.columnFilter"
+                                v-model="col.columnFilter.filterValue"
+                                v-bind="col.columnFilter.attrs"
+                                v-on="col.columnFilter.event(col)"
+                                dense
+                            />
+                        </QTd>
+                    </QTr>
+                </template>
+                <template #body-cell-problems="{ row }">
+                    <QTd class="q-gutter-x-sm">
+                        <QIcon
+                            v-if="row.isTaxDataChecked === 0"
+                            name="vn:no036"
+                            color="primary"
+                            size="xs"
+                        >
+                            <QTooltip>{{
+                                t('salesTicketsTable.noVerifiedData')
+                            }}</QTooltip>
+                        </QIcon>
+                        <QIcon
+                            v-if="row.hasTicketRequest"
+                            name="vn:buyrequest"
+                            color="primary"
+                            size="xs"
+                        >
+                            <QTooltip>{{
+                                t('salesTicketsTable.purchaseRequest')
+                            }}</QTooltip>
+                        </QIcon>
+                        <QIcon
+                            v-if="row.itemShortage"
+                            name="vn:unavailable"
+                            color="primary"
+                            size="xs"
+                        >
+                            <QTooltip>{{ t('salesTicketsTable.notVisible') }}</QTooltip>
+                        </QIcon>
+                        <QIcon
+                            v-if="row.isFreezed"
+                            name="vn:frozen"
+                            color="primary"
+                            size="xs"
+                        >
+                            <QTooltip>{{ t('salesTicketsTable.clientFrozen') }}</QTooltip>
+                        </QIcon>
+                        <QIcon
+                            v-if="row.risk"
+                            name="vn:risk"
+                            :color="row.hasHighRisk ? 'negative' : 'primary'"
+                            size="xs"
+                        >
+                            <QTooltip
+                                >{{ t('salesTicketsTable.risk') }}:
+                                {{ row.risk }}</QTooltip
+                            >
+                        </QIcon>
+                        <QIcon
+                            v-if="row.hasComponentLack"
+                            name="vn:components"
+                            color="primary"
+                            size="xs"
+                        >
+                            <QTooltip>{{
+                                t('salesTicketsTable.componentLack')
+                            }}</QTooltip>
+                        </QIcon>
+                        <QIcon
+                            v-if="row.isTooLittle"
+                            name="vn:isTooLittle"
+                            color="primary"
+                            size="xs"
+                        >
+                            <QTooltip>{{ t('salesTicketsTable.tooLittle') }}</QTooltip>
+                        </QIcon>
+                    </QTd>
+                </template>
+                <template #body-cell-identifier="{ row }">
+                    <QTd>
+                        <span class="link" @click.stop.prevent>{{ row.id }}</span>
+                        <TicketDescriptorProxy :id="row.id" />
+                    </QTd>
+                </template>
+                <template #body-cell-client="{ row }">
+                    <QTd @click.stop.prevent>
+                        <span class="link">{{ row.nickname }}</span>
+                        <CustomerDescriptorProxy :id="row.clientFk" />
+                    </QTd>
+                </template>
+                <template #body-cell-salesPerson="{ row }">
+                    <QTd @click.stop.prevent>
+                        <span class="link">{{ row.userName }}</span>
+                        <WorkerDescriptorProxy :id="row.salesPersonFk" />
+                    </QTd>
+                </template>
+                <template #body-cell-date="{ row }">
+                    <QTd>
+                        <QBadge
+                            v-bind="getBadgeAttrs(row.shippedDate)"
+                            class="q-ma-none"
+                            dense
+                            style="font-size: 14px"
+                        >
+                            {{ formatShippedDate(row.shippedDate) }}
+                        </QBadge>
+                    </QTd>
+                </template>
+                <template #body-cell-state="{ row }">
+                    <QTd @click.stop.prevent>
+                        <div v-if="row.refFk">
+                            <span class="link">{{ row.refFk }}</span>
+                            <InvoiceOutDescriptorProxy :id="row.invoiceOutId" />
+                        </div>
+                        <QBadge
+                            v-else
+                            :color="stateColors[row.classColor] || 'transparent'"
+                            :text-color="stateColors[row.classColor] ? 'black' : 'white'"
+                            dense
+                            style="font-size: 14px"
+                        >
+                            {{ row.state }}
+                        </QBadge>
+                    </QTd>
+                </template>
+                <template #body-cell-isFragile="{ row }">
+                    <QTd>
+                        <QIcon
+                            v-if="row.isFragile"
+                            name="local_bar"
+                            color="primary"
+                            size="sm"
+                        >
+                            <QTooltip>{{ t('salesTicketsTable.isFragile') }}</QTooltip>
+                        </QIcon>
+                    </QTd>
+                </template>
+                <template #body-cell-zone="{ row }">
+                    <QTd @click.stop.prevent>
+                        <span class="link">{{ row.zoneName }}</span>
+                        <ZoneDescriptorProxy :id="row.zoneFk" />
+                    </QTd>
+                </template>
+                <template #body-cell-total="{ row }">
+                    <QTd>
+                        <QBadge
+                            :color="totalPriceColor(row) || 'transparent'"
+                            :text-color="totalPriceColor(row) ? 'black' : 'white'"
+                            dense
+                            style="font-size: 14px"
+                        >
+                            {{ toCurrency(row.totalWithVat) }}
+                        </QBadge>
+                    </QTd>
+                </template>
+                <template #body-cell-rowActions="{ row }">
+                    <QTd @click.stop.prevent>
+                        <QBtn
+                            icon="vn:lines"
+                            color="primary"
+                            size="md"
+                            class="q-mr-sm"
+                            flat
+                            dense
+                            :to="{ name: 'TicketSale', params: { id: row.id } }"
+                        >
+                            <QTooltip>{{ t('salesTicketsTable.goToLines') }}</QTooltip>
+                        </QBtn>
+                        <QBtn
+                            icon="preview"
+                            color="primary"
+                            size="md"
+                            dense
+                            flat
+                            @click="viewSummary(row.id, TicketSummary)"
+                        >
+                            <QTooltip>{{ t('salesTicketsTable.preview') }}</QTooltip>
+                        </QBtn>
+                    </QTd>
+                </template>
+            </QTable>
+        </template>
+    </VnPaginate>
+</template>
diff --git a/src/pages/Monitor/locale/en.yml b/src/pages/Monitor/locale/en.yml
new file mode 100644
index 000000000..a449225ed
--- /dev/null
+++ b/src/pages/Monitor/locale/en.yml
@@ -0,0 +1,40 @@
+salesMonitor:
+    clientsOnWebsite: Clients on website
+    recentOrderActions: Recent order actions
+salesClientsTable:
+    from: From
+    to: To
+    date: Date
+    hour: Hour
+    salesPerson: Salesperson
+    client: Client
+salesOrdersTable:
+    delete: Delete
+    date: Date
+    client: Client
+    salesPerson: Salesperson
+    deleteConfirmTitle: Delete selected elements
+    deleteConfirmMessage: All the selected elements will be deleted. Are you sure you want to continue?
+salesTicketsTable:
+    problems: Problems
+    noVerifiedData: No verified data
+    notVisible: Not visible
+    purchaseRequest: Purchase request
+    clientFrozen: Client frozen
+    risk: Risk
+    componentLack: Component lack
+    tooLittle: Ticket too little
+    identifier: Identifier
+    client: Client
+    salesPerson: Salesperson
+    date: Date
+    theoretical: Theoretical
+    practical: Practical
+    province: Province
+    state: State
+    isFragile: Is fragile
+    zone: Zone
+    goToLines: Go to lines
+    preview: Preview
+    total: Total
+    preparation: Preparation
diff --git a/src/pages/Monitor/locale/es.yml b/src/pages/Monitor/locale/es.yml
new file mode 100644
index 000000000..6ed6604be
--- /dev/null
+++ b/src/pages/Monitor/locale/es.yml
@@ -0,0 +1,40 @@
+salesMonitor:
+    clientsOnWebsite: Clientes activos en la web
+    recentOrderActions: Acciones recientes en pedidos
+salesClientsTable:
+    from: Desde
+    to: Hasta
+    date: Fecha
+    hour: Hora
+    salesPerson: Comercial
+    client: Cliente
+salesOrdersTable:
+    delete: Eliminar
+    date: Fecha
+    client: Cliente
+    salesPerson: Comercial
+    deleteConfirmTitle: Eliminar los elementos seleccionados
+    deleteConfirmMessage: Todos los elementos seleccionados serán eliminados. ¿Seguro que quieres continuar?
+salesTicketsTable:
+    problems: Problemas
+    noVerifiedData: Sin datos comprobados
+    notVisible: No visible
+    purchaseRequest: Petición de compra
+    clientFrozen: Cliente congelado
+    risk: Riesgo
+    componentLack: Faltan componentes
+    tooLittle: Ticket demasiado pequeño
+    identifier: Identificador
+    client: Cliente
+    salesPerson: Comercial
+    date: Fecha
+    theoretical: Teórica
+    practical: Práctica
+    province: Provincia
+    state: Estado
+    isFragile: Es frágil
+    zone: Zona
+    goToLines: Ir a líneas
+    preview: Vista previa
+    total: Total
+    preparation: Preparación
diff --git a/src/pages/Ticket/Card/TicketSale.vue b/src/pages/Ticket/Card/TicketSale.vue
new file mode 100644
index 000000000..02cccaff2
--- /dev/null
+++ b/src/pages/Ticket/Card/TicketSale.vue
@@ -0,0 +1 @@
+<template>Ticket sale</template>
diff --git a/src/router/modules/monitor.js b/src/router/modules/monitor.js
index 0ce6e153b..6c388a474 100644
--- a/src/router/modules/monitor.js
+++ b/src/router/modules/monitor.js
@@ -5,13 +5,13 @@ export default {
     name: 'Monitor',
     meta: {
         title: 'monitors',
-        icon: 'vn:grid',
+        icon: 'grid_view',
         moduleName: 'Monitor',
     },
     component: RouterView,
     redirect: { name: 'MonitorMain' },
     menus: {
-        main: ['SalesMonitor'],
+        main: ['MonitorList'],
         card: [],
     },
     children: [
@@ -19,24 +19,18 @@ export default {
             path: '',
             name: 'MonitorMain',
             component: () => import('src/pages/Monitor/MonitorMain.vue'),
-            redirect: { name: 'SalesMonitor' },
+            redirect: { name: 'MonitorList' },
             children: [
                 {
-                    path: 'index',
-                    name: 'SalesMonitor',
+                    path: 'list',
+                    name: 'MonitorList',
                     meta: {
-                        title: 'salesMonitor',
-                        icon: 'vn:grid',
+                        title: 'list',
+                        icon: 'grid_view',
                     },
-                    component: () => import('src/pages/Monitor/SalesMonitor.vue'),
+                    component: () => import('src/pages/Monitor/MonitorList.vue'),
                 },
             ],
         },
-        // {
-        //     name: 'ItemCard',
-        //     path: ':id',
-        //     component: () => import('src/pages/Item/Card/ItemCard.vue'),
-        //     children: [],
-        // },
     ],
 };
diff --git a/src/router/modules/ticket.js b/src/router/modules/ticket.js
index eb6c1b6d2..6cb7291dc 100644
--- a/src/router/modules/ticket.js
+++ b/src/router/modules/ticket.js
@@ -12,7 +12,7 @@ export default {
     redirect: { name: 'TicketMain' },
     menus: {
         main: ['TicketList'],
-        card: ['TicketBoxing', 'TicketSms'],
+        card: ['TicketBoxing', 'TicketSms', 'TicketSale'],
     },
     children: [
         {
@@ -66,6 +66,15 @@ export default {
                     },
                     component: () => import('src/pages/Ticket/Card/TicketBasicData.vue'),
                 },
+                {
+                    name: 'TicketSale',
+                    path: 'sale',
+                    meta: {
+                        title: 'sale',
+                        icon: 'vn:lines',
+                    },
+                    component: () => import('src/pages/Ticket/Card/TicketSale.vue'),
+                },
                 {
                     path: 'boxing',
                     name: 'TicketBoxing',

From 399c2723a945ff21249ab5dc99fe5aec35429152 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Wed, 8 May 2024 10:58:27 -0300
Subject: [PATCH 254/305] change monitor list layout

---
 src/pages/Monitor/MonitorList.vue | 59 +++++++++++++++----------------
 1 file changed, 29 insertions(+), 30 deletions(-)

diff --git a/src/pages/Monitor/MonitorList.vue b/src/pages/Monitor/MonitorList.vue
index c7db282c1..a084f0c99 100644
--- a/src/pages/Monitor/MonitorList.vue
+++ b/src/pages/Monitor/MonitorList.vue
@@ -21,46 +21,45 @@ onUnmounted(() => (stateStore.rightDrawer = false));
 
 <template>
     <QPage class="column items-center q-pa-md">
-        <QExpansionItem
-            v-model="expanded"
-            dense
-            :duration="150"
-            class="full-width q-mb-lg"
-        >
-            <template v-if="!expanded" #header>
-                <div class="row full-width">
-                    <span class="flex col text-body1">
-                        {{ t('salesMonitor.clientsOnWebsite') }}
-                    </span>
-                    <span class="flex col q-ml-xl text-body1">
-                        {{ t('salesMonitor.recentOrderActions') }}
-                    </span>
-                </div>
-            </template>
-            <template #default>
-                <QCard class="card">
-                    <QCardSection class="col">
-                        <span class="flex col q-mb-sm text-body1">
+        <QCard class="full-width q-mb-lg">
+            <QExpansionItem v-model="expanded" dense :duration="150">
+                <template v-if="!expanded" #header>
+                    <div class="row full-width">
+                        <span class="flex col text-body1">
                             {{ t('salesMonitor.clientsOnWebsite') }}
                         </span>
-                        <SalesClientTable />
-                    </QCardSection>
-                    <QCardSection class="col">
-                        <span class="flex col q-mb-sm text-body1">
+                        <span class="flex col q-ml-xl text-body1">
                             {{ t('salesMonitor.recentOrderActions') }}
                         </span>
-                        <SalesOrdersTable />
-                    </QCardSection>
-                </QCard>
-            </template>
-        </QExpansionItem>
+                    </div>
+                </template>
+                <template #default>
+                    <div class="expansion-tables-container">
+                        <QCardSection class="col">
+                            <span class="flex col q-mb-sm text-body1">
+                                {{ t('salesMonitor.clientsOnWebsite') }}
+                            </span>
+                            <SalesClientTable />
+                        </QCardSection>
+                        <QCardSection class="col">
+                            <span class="flex col q-mb-sm text-body1">
+                                {{ t('salesMonitor.recentOrderActions') }}
+                            </span>
+                            <SalesOrdersTable />
+                        </QCardSection>
+                    </div>
+                </template>
+            </QExpansionItem>
+        </QCard>
+
         <SalesTicketsTable />
     </QPage>
 </template>
 
 <style lang="scss" scoped>
-.card {
+.expansion-tables-container {
     display: flex;
+    border-top: 1px solid $color-spacer;
 
     @media (max-width: $breakpoint-md-max) {
         flex-direction: column;

From e74afae5b3ed9f3d248ee0a908671ba77defaa29 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Wed, 8 May 2024 12:04:23 -0300
Subject: [PATCH 255/305] remove padding bottom from some inputs

---
 src/pages/Monitor/SalesTicketsTable.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/pages/Monitor/SalesTicketsTable.vue b/src/pages/Monitor/SalesTicketsTable.vue
index d82a5f2ca..584a36c72 100644
--- a/src/pages/Monitor/SalesTicketsTable.vue
+++ b/src/pages/Monitor/SalesTicketsTable.vue
@@ -441,6 +441,7 @@ onMounted(async () => {
                                 v-bind="col.columnFilter.attrs"
                                 v-on="col.columnFilter.event(col)"
                                 dense
+                                style="padding-bottom: 0"
                             />
                         </QTd>
                     </QTr>

From a3ce81d66d3dc65efeaa9b3377869470793fbe84 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Wed, 8 May 2024 15:23:52 -0300
Subject: [PATCH 256/305] Zone list

---
 src/pages/Zone/Card/ZoneSummary.vue | 22 ++++---
 src/pages/Zone/ZoneList.vue         | 86 +++++++++++++-------------
 src/pages/Zone/locale/en.yml        |  2 +
 src/pages/Zone/locale/es.yml        |  2 +
 src/router/modules/zone.js          | 96 ++++++++++++++---------------
 5 files changed, 106 insertions(+), 102 deletions(-)

diff --git a/src/pages/Zone/Card/ZoneSummary.vue b/src/pages/Zone/Card/ZoneSummary.vue
index 00df03cb0..90241c9a3 100644
--- a/src/pages/Zone/Card/ZoneSummary.vue
+++ b/src/pages/Zone/Card/ZoneSummary.vue
@@ -28,19 +28,25 @@ onMounted(async () => {
 });
 
 const filter = computed(() => {
-    return { where: { id: entityId.value } };
+    const params = {
+        filter: {
+            include: {
+                relation: 'agencyMode',
+                fields: ['name'],
+            },
+            where: {
+                id: entityId.value,
+            },
+        },
+    };
+    return params;
 });
 </script>
 
 <template>
-    <CardSummary
-        data-key="zoneData"
-        ref="summary"
-        :url="`Zones/summary`"
-        :filter="filter"
-    >
+    <CardSummary data-key="zoneData" ref="summary" url="Zones/findOne" :filter="filter">
         <template #header="{ entity }">
-            <div>{{ entity.id }} - {{ entity.firstName }} {{ entity.lastName }}</div>
+            <div>#{{ entity.id }} - {{ entity.name }}</div>
         </template>
         <template #body="{ entity: zone }">
             <QCard class="vn-one">
diff --git a/src/pages/Zone/ZoneList.vue b/src/pages/Zone/ZoneList.vue
index f260eb134..2b18df033 100644
--- a/src/pages/Zone/ZoneList.vue
+++ b/src/pages/Zone/ZoneList.vue
@@ -1,63 +1,61 @@
 <script setup>
 import axios from 'axios';
-import { useQuasar } from 'quasar';
 import VnPaginate from 'src/components/ui/VnPaginate.vue';
-import { useArrayData } from 'src/composables/useArrayData';
 import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 import CardList from 'components/ui/CardList.vue';
 import VnLv from 'components/ui/VnLv.vue';
-import FetchData from 'src/components/FetchData.vue';
+import ZoneSummary from 'src/pages/Zone/Card/ZoneSummary.vue';
 import { useSummaryDialog } from 'src/composables/useSummaryDialog';
 import { toTimeFormat } from 'src/filters/date';
+import { toCurrency } from 'filters/index';
+import { useVnConfirm } from 'composables/useVnConfirm';
+import useNotify from 'src/composables/useNotify.js';
 
-const quasar = useQuasar();
-const arrayData = useArrayData('ZoneList');
-const store = arrayData.store;
-const router = useRouter();
 const { t } = useI18n();
+const router = useRouter();
+const { notify } = useNotify();
 const { viewSummary } = useSummaryDialog();
+const { openConfirmationModal } = useVnConfirm();
 
-function navigate(id) {
-    router.push({ path: `/zone/${id}/edit` });
-}
+const redirectToZoneSummary = (id) => {
+    router.push({ name: 'ZoneSummary', params: { id } });
+};
 
-function create() {
+function redirectToCreateView() {
     router.push({ path: `/zone/create` });
 }
 
-async function remove(row) {
+async function clone(id) {
     try {
-        await axios.delete(`Zones/${row.id}`).then(async () => {
-            quasar.notify({
-                message: t('zone.list.removeItem'),
-                type: 'positive',
-            });
-            store.data.splice(store.data.indexOf(row), 1);
-        });
+        await axios.post(`Zones/${id}/clone`);
+        notify(t('globals.dataSaved'), 'positive');
+        //TODO: Redireccionar Zone Basic data cuando exista
+        // router.push({ name: 'ZoneBasicData', params: { id: row.id } });
     } catch (error) {
-        //
+        console.error('Error cloning zone: ', error);
     }
 }
 </script>
 
 <template>
-    <FetchData
-        url="/Agencies"
-        @on-fetch="(data) => (agencyOptions = data)"
-        :filter="{ fields: ['id', 'name'] }"
-        auto-load
-    />
     <QPage class="column items-center q-pa-md">
         <div class="vn-card-list">
-            <VnPaginate data-key="ZoneList" url="/Zones" order="id DESC" auto-load>
+            <VnPaginate
+                data-key="ZoneList"
+                url="Zones"
+                :filter="{
+                    include: { relation: 'agencyMode', scope: { fields: ['name'] } },
+                }"
+                auto-load
+            >
                 <template #body="{ rows }">
                     <CardList
                         v-for="row of rows"
                         :key="row.id"
-                        :title="(row.label || '').toString()"
+                        :title="row.name"
                         :id="row.id"
-                        @click="navigate(row.id)"
+                        @click="redirectToZoneSummary(row.id)"
                     >
                         <template #list-items>
                             <VnLv
@@ -68,22 +66,29 @@ async function remove(row) {
                             <VnLv :label="t('zone.list.name')" :value="row?.name" />
                             <VnLv
                                 :label="t('zone.list.agency')"
-                                :options="agencyOptions"
-                                option-value="id"
-                                option-label="name"
-                                :value="row?.agencyFk"
+                                :value="row.agencyMode?.name"
                             />
                             <VnLv
                                 :label="t('zone.list.close')"
                                 :value="toTimeFormat(row?.hour)"
                             />
-                            <VnLv :label="t('zone.list.price')" :value="row?.price" />
+                            <VnLv
+                                :label="t('zone.list.price')"
+                                :value="toCurrency(row?.price)"
+                            />
                         </template>
                         <template #actions>
                             <QBtn
-                                :label="t('components.smartCard.openCard')"
-                                @click.stop="navigate(row.id)"
+                                :label="t('zone.list.clone')"
+                                @click.stop="
+                                    openConfirmationModal(
+                                        t('zone.list.confirmCloneTitle'),
+                                        t('zone.list.confirmCloneSubtitle'),
+                                        () => clone(row.id)
+                                    )
+                                "
                                 outline
+                                style="margin-top: 15px"
                             />
                             <QBtn
                                 :label="t('zone.list.openSummary')"
@@ -91,20 +96,13 @@ async function remove(row) {
                                 color="primary"
                                 style="margin-top: 15px"
                             />
-                            <!--AQUI PONER BOTÓN CLONAR-->
-                            <QBtn
-                                :label="t('zone.list.clone')"
-                                @click.stop="remove(row)"
-                                color="primary"
-                                style="margin-top: 15px"
-                            />
                         </template>
                     </CardList>
                 </template>
             </VnPaginate>
         </div>
         <QPageSticky position="bottom-right" :offset="[18, 18]">
-            <QBtn @click="create" fab icon="add" color="primary">
+            <QBtn @click="redirectToCreateView()" fab icon="add" color="primary">
                 <QTooltip>{{ t('zone.list.create') }}</QTooltip>
             </QBtn>
         </QPageSticky>
diff --git a/src/pages/Zone/locale/en.yml b/src/pages/Zone/locale/en.yml
index e62111d57..273092f88 100644
--- a/src/pages/Zone/locale/en.yml
+++ b/src/pages/Zone/locale/en.yml
@@ -9,6 +9,8 @@ zone:
         price: Price
         create: Create zone
         openSummary: Details
+        confirmCloneTitle: All it's properties will be copied
+        confirmCloneSubtitle: Do you want to clone this zone?
     create:
         name: Name
         agency: Agency
diff --git a/src/pages/Zone/locale/es.yml b/src/pages/Zone/locale/es.yml
index 5d7a265bf..e1f928621 100644
--- a/src/pages/Zone/locale/es.yml
+++ b/src/pages/Zone/locale/es.yml
@@ -9,6 +9,8 @@ zone:
         price: Precio
         create: Crear zona
         openSummary: Detalles
+        confirmCloneTitle: Todas sus propiedades serán copiadas
+        confirmCloneSubtitle: ¿Seguro que quieres clonar esta zona?
     create:
         name: Nombre
         agency: Agencia
diff --git a/src/router/modules/zone.js b/src/router/modules/zone.js
index 079dfaa84..e01099ff3 100644
--- a/src/router/modules/zone.js
+++ b/src/router/modules/zone.js
@@ -11,58 +11,54 @@ export default {
     component: RouterView,
     redirect: { name: 'ZoneMain' },
     menus: {
-        main: [
-            /*'ZoneList', 'ZoneDeliveryList', 'ZoneUpcomingList'*/
-        ],
-        card: [
-            //
-        ],
+        main: ['ZoneList', 'ZoneDeliveryList', 'ZoneUpcomingList'],
+        card: [],
     },
     children: [
-        // {
-        // path: '/zone',
-        // name: 'ZoneMain',
-        // component: () => import('src/pages/Zone/ZoneMain.vue'),
-        // redirect: { name: 'ZoneList' },
-        // children: [
-        //     {
-        //         path: 'list',
-        //         name: 'ZoneList',
-        //         meta: {
-        //             title: 'zonesList',
-        //             icon: 'vn:zone',
-        //         },
-        //         component: () => import('src/pages/Zone/ZoneList.vue'),
-        //     },
-        // {
-        //     path: 'create',
-        //     name: 'ZoneCreate',
-        //     meta: {
-        //         title: 'zoneCreate',
-        //         icon: 'create',
-        //     },
-        //     component: () => import('src/pages/Zone/ZoneCreate.vue'),
-        // },
-        // {
-        //     path: ':id/edit',
-        //     name: 'ZoneEdit',
-        //     meta: {
-        //         title: 'zoneEdit',
-        //         icon: 'edit',
-        //     },
-        //     component: () => import('src/pages/Zone/ZoneCreate.vue'),
-        // },
-        // {
-        //     path: 'counter',
-        //     name: 'ZoneCounter',
-        //     meta: {
-        //         title: 'zoneCounter',
-        //         icon: 'add_circle',
-        //     },
-        //     component: () => import('src/pages/Zone/ZoneCounter.vue'),
-        // },
-        // ],
-        // },
+        {
+            path: '/zone',
+            name: 'ZoneMain',
+            component: () => import('src/pages/Zone/ZoneMain.vue'),
+            redirect: { name: 'ZoneList' },
+            children: [
+                {
+                    path: 'list',
+                    name: 'ZoneList',
+                    meta: {
+                        title: 'zonesList',
+                        icon: 'vn:zone',
+                    },
+                    component: () => import('src/pages/Zone/ZoneList.vue'),
+                },
+                {
+                    path: 'create',
+                    name: 'ZoneCreate',
+                    meta: {
+                        title: 'zoneCreate',
+                        icon: 'create',
+                    },
+                    component: () => import('src/pages/Zone/ZoneCreate.vue'),
+                },
+                {
+                    path: ':id/edit',
+                    name: 'ZoneEdit',
+                    meta: {
+                        title: 'zoneEdit',
+                        icon: 'edit',
+                    },
+                    component: () => import('src/pages/Zone/ZoneCreate.vue'),
+                },
+                {
+                    path: 'counter',
+                    name: 'ZoneCounter',
+                    meta: {
+                        title: 'zoneCounter',
+                        icon: 'add_circle',
+                    },
+                    component: () => import('src/pages/Zone/ZoneCounter.vue'),
+                },
+            ],
+        },
         {
             name: 'ZoneCard',
             path: ':id',

From b5951a5cefd70230a6c952d4be3dad7416925f98 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Thu, 9 May 2024 10:15:24 +0200
Subject: [PATCH 257/305] fix: CustomerNotifications paginate

---
 .../Notifications/CustomerNotifications.vue   | 78 ++++++++++++-------
 1 file changed, 48 insertions(+), 30 deletions(-)

diff --git a/src/pages/Customer/Notifications/CustomerNotifications.vue b/src/pages/Customer/Notifications/CustomerNotifications.vue
index d19b52c2c..9ccac98ff 100644
--- a/src/pages/Customer/Notifications/CustomerNotifications.vue
+++ b/src/pages/Customer/Notifications/CustomerNotifications.vue
@@ -2,16 +2,15 @@
 import { ref, computed } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { QBtn } from 'quasar';
-import FetchData from 'components/FetchData.vue';
 import CustomerNotificationsFilter from './CustomerNotificationsFilter.vue';
 import CustomerDescriptorProxy from '../Card/CustomerDescriptorProxy.vue';
 import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
 import { useStateStore } from 'stores/useStateStore';
+import VnPaginate from 'src/components/ui/VnPaginate.vue';
 import CustomerNotificationsCampaignConsumption from './CustomerNotificationsCampaignConsumption.vue';
 
 const stateStore = useStateStore();
 const { t } = useI18n();
-const rows = ref([]);
 const selected = ref([]);
 const selectedCustomerId = ref(0);
 
@@ -75,6 +74,7 @@ const columns = computed(() => [
         name: 'email',
     },
 ]);
+const refreshKey = ref(0);
 
 const selectCustomerId = (id) => {
     selectedCustomerId.value = id;
@@ -99,12 +99,6 @@ const selectCustomerId = (id) => {
             </div>
         </Teleport>
     </template>
-    <FetchData
-        :filter="filter"
-        @on-fetch="(data) => (rows = data)"
-        auto-load
-        url="Clients"
-    />
 
     <QDrawer v-model="stateStore.rightDrawer" side="right" :width="256" show-if-above>
         <QScrollArea class="fit text-grey-8">
@@ -121,30 +115,54 @@ const selectCustomerId = (id) => {
         </template>
     </VnSubToolbar>
     <QPage class="column items-center q-pa-md">
-        <QTable
-            :columns="columns"
-            :rows="rows"
-            class="full-width q-mt-md"
-            row-key="id"
-            selection="multiple"
-            v-model:selected="selected"
+        <VnPaginate
+            :key="refreshKey"
+            data-key="CustomerNotifications"
+            url="Clients"
+            auto-load
         >
-            <template #body-cell="props">
-                <QTd :props="props">
-                    <QTr :props="props" class="cursor-pointer">
-                        <component
-                            :is="tableColumnComponents[props.col.name].component"
-                            class="col-content"
-                            v-bind="tableColumnComponents[props.col.name].props(props)"
-                            @click="tableColumnComponents[props.col.name].event(props)"
-                        >
-                            {{ props.value }}
-                            <CustomerDescriptorProxy :id="selectedCustomerId" />
-                        </component>
-                    </QTr>
-                </QTd>
+            <template #body="{ rows }">
+                <div class="q-pa-md">
+                    <QTable
+                        :columns="columns"
+                        :rows="rows"
+                        class="full-width q-mt-md"
+                        row-key="id"
+                        selection="multiple"
+                        v-model:selected="selected"
+                    >
+                        <template #body-cell="props">
+                            <QTd :props="props">
+                                <QTr :props="props" class="cursor-pointer">
+                                    <component
+                                        :is="
+                                            tableColumnComponents[props.col.name]
+                                                .component
+                                        "
+                                        class="col-content"
+                                        v-bind="
+                                            tableColumnComponents[props.col.name].props(
+                                                props
+                                            )
+                                        "
+                                        @click="
+                                            tableColumnComponents[props.col.name].event(
+                                                props
+                                            )
+                                        "
+                                    >
+                                        {{ props.value }}
+                                        <CustomerDescriptorProxy
+                                            :id="selectedCustomerId"
+                                        />
+                                    </component>
+                                </QTr>
+                            </QTd>
+                        </template>
+                    </QTable>
+                </div>
             </template>
-        </QTable>
+        </VnPaginate>
     </QPage>
 </template>
 

From dac00236bc6ec4e493a4fbf4607163d84c545aab Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Thu, 9 May 2024 10:20:28 +0200
Subject: [PATCH 258/305] fix: CustomerDefaulter paginate

---
 .../Customer/Defaulter/CustomerDefaulter.vue  | 153 ++++++++++--------
 1 file changed, 88 insertions(+), 65 deletions(-)

diff --git a/src/pages/Customer/Defaulter/CustomerDefaulter.vue b/src/pages/Customer/Defaulter/CustomerDefaulter.vue
index 3daf7ee54..1af5b3fd9 100644
--- a/src/pages/Customer/Defaulter/CustomerDefaulter.vue
+++ b/src/pages/Customer/Defaulter/CustomerDefaulter.vue
@@ -6,8 +6,7 @@ import { QBtn, QCheckbox, useQuasar } from 'quasar';
 import { useStateStore } from 'stores/useStateStore';
 
 import { toCurrency, toDate } from 'filters/index';
-
-import FetchData from 'components/FetchData.vue';
+import VnPaginate from 'src/components/ui/VnPaginate.vue';
 import CustomerNotificationsFilter from './CustomerDefaulterFilter.vue';
 import CustomerBalanceDueTotal from './CustomerBalanceDueTotal.vue';
 import CustomerDescriptorProxy from 'src/pages/Customer/Card/CustomerDescriptorProxy.vue';
@@ -16,6 +15,7 @@ import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import CustomerDefaulterAddObservation from './CustomerDefaulterAddObservation.vue';
 const stateStore = useStateStore();
+const refreshKey = ref(0);
 
 const { t } = useI18n();
 const quasar = useQuasar();
@@ -23,7 +23,6 @@ const dataRef = ref(null);
 
 const balanceDueTotal = ref(0);
 const selected = ref([]);
-const rows = ref([]);
 
 const tableColumnComponents = {
     client: {
@@ -171,7 +170,6 @@ const columns = computed(() => [
 ]);
 
 const setRows = (data) => {
-    rows.value = data;
     balanceDueTotal.value = data.reduce((accumulator, currentValue) => {
         return accumulator + (currentValue['amount'] || 0);
     }, 0);
@@ -217,13 +215,6 @@ const onFetch = (data) => {
             </div>
         </Teleport></template
     >
-    <FetchData
-        ref="dataRef"
-        :filter="filter"
-        @on-fetch="onFetch"
-        auto-load
-        url="Defaulters/filter"
-    />
 
     <QDrawer v-model="stateStore.rightDrawer" side="right" :width="256" show-if-above>
         <QScrollArea class="fit text-grey-8">
@@ -248,63 +239,95 @@ const onFetch = (data) => {
     </VnSubToolbar>
 
     <QPage class="column items-center q-pa-md">
-        <QTable
-            :columns="columns"
-            :rows="rows"
-            class="full-width q-mt-md"
-            row-key="clientFk"
-            selection="multiple"
-            v-model:selected="selected"
+        <VnPaginate
+            @on-fetch="onFetch"
+            data-key="CustomerDefaulter"
+            :key="refreshKey"
+            :filter="filter"
+            auto-load
+            url="Defaulters/filter"
         >
-            <template #header="props">
-                <QTr :props="props" class="bg">
-                    <QTh>
-                        <QCheckbox v-model="props.selected" />
-                    </QTh>
-                    <QTh v-for="col in props.cols" :key="col.name" :props="props">
-                        {{ t(col.label) }}
-                        <QTooltip v-if="col.tooltip">{{ col.tooltip }}</QTooltip>
-                    </QTh>
-                </QTr>
-            </template>
+            <template #body="{ rows }">
+                <div class="q-pa-md">
+                    <QTable
+                        :columns="columns"
+                        :rows="rows"
+                        class="full-width q-mt-md"
+                        row-key="clientFk"
+                        selection="multiple"
+                        v-model:selected="selected"
+                    >
+                        <template #header="props">
+                            <QTr :props="props" class="bg">
+                                <QTh>
+                                    <QCheckbox v-model="props.selected" />
+                                </QTh>
+                                <QTh
+                                    v-for="col in props.cols"
+                                    :key="col.name"
+                                    :props="props"
+                                >
+                                    {{ t(col.label) }}
+                                    <QTooltip v-if="col.tooltip">{{
+                                        col.tooltip
+                                    }}</QTooltip>
+                                </QTh>
+                            </QTr>
+                        </template>
 
-            <template #body-cell="props">
-                <QTd :props="props">
-                    <QTr :props="props" class="cursor-pointer">
-                        <component
-                            :is="tableColumnComponents[props.col.name].component"
-                            class="col-content"
-                            v-bind="tableColumnComponents[props.col.name].props(props)"
-                            @click="tableColumnComponents[props.col.name].event(props)"
-                        >
-                            <template v-if="props.col.name !== 'isWorker'">
-                                <div v-if="props.col.name === 'lastObservation'">
-                                    <VnInput
-                                        type="textarea"
-                                        v-model="props.value"
-                                        autogrow
-                                    />
-                                </div>
-                                <div v-else>{{ props.value }}</div>
-                            </template>
+                        <template #body-cell="props">
+                            <QTd :props="props">
+                                <QTr :props="props" class="cursor-pointer">
+                                    <component
+                                        :is="
+                                            tableColumnComponents[props.col.name]
+                                                .component
+                                        "
+                                        class="col-content"
+                                        v-bind="
+                                            tableColumnComponents[props.col.name].props(
+                                                props
+                                            )
+                                        "
+                                        @click="
+                                            tableColumnComponents[props.col.name].event(
+                                                props
+                                            )
+                                        "
+                                    >
+                                        <template v-if="props.col.name !== 'isWorker'">
+                                            <div
+                                                v-if="
+                                                    props.col.name === 'lastObservation'
+                                                "
+                                            >
+                                                <VnInput
+                                                    type="textarea"
+                                                    v-model="props.value"
+                                                    autogrow
+                                                />
+                                            </div>
+                                            <div v-else>{{ props.value }}</div>
+                                        </template>
 
-                            <WorkerDescriptorProxy
-                                :id="props.row.salesPersonFk"
-                                v-if="props.col.name === 'salesPerson'"
-                            />
-                            <WorkerDescriptorProxy
-                                :id="props.row.workerFk"
-                                v-if="props.col.name === 'author'"
-                            />
-                            <CustomerDescriptorProxy
-                                :id="props.row.clientFk"
-                                v-if="props.col.name === 'client'"
-                            />
-                        </component>
-                    </QTr>
-                </QTd>
-            </template>
-        </QTable>
+                                        <WorkerDescriptorProxy
+                                            :id="props.row.salesPersonFk"
+                                            v-if="props.col.name === 'salesPerson'"
+                                        />
+                                        <WorkerDescriptorProxy
+                                            :id="props.row.workerFk"
+                                            v-if="props.col.name === 'author'"
+                                        />
+                                        <CustomerDescriptorProxy
+                                            :id="props.row.clientFk"
+                                            v-if="props.col.name === 'client'"
+                                        />
+                                    </component>
+                                </QTr>
+                            </QTd>
+                        </template>
+                    </QTable></div></template
+        ></VnPaginate>
     </QPage>
 </template>
 

From 437a75da4e34e4b9f99e81688bffe4918ec071ca Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Thu, 9 May 2024 10:25:27 +0200
Subject: [PATCH 259/305] fix: CustomerExtendedList paginate

---
 .../Customer/Defaulter/CustomerDefaulter.vue  |   2 -
 .../ExtendedList/CustomerExtendedList.vue     | 152 ++++++++++--------
 .../Notifications/CustomerNotifications.vue   |   8 +-
 3 files changed, 90 insertions(+), 72 deletions(-)

diff --git a/src/pages/Customer/Defaulter/CustomerDefaulter.vue b/src/pages/Customer/Defaulter/CustomerDefaulter.vue
index 1af5b3fd9..475672009 100644
--- a/src/pages/Customer/Defaulter/CustomerDefaulter.vue
+++ b/src/pages/Customer/Defaulter/CustomerDefaulter.vue
@@ -15,7 +15,6 @@ import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import CustomerDefaulterAddObservation from './CustomerDefaulterAddObservation.vue';
 const stateStore = useStateStore();
-const refreshKey = ref(0);
 
 const { t } = useI18n();
 const quasar = useQuasar();
@@ -242,7 +241,6 @@ const onFetch = (data) => {
         <VnPaginate
             @on-fetch="onFetch"
             data-key="CustomerDefaulter"
-            :key="refreshKey"
             :filter="filter"
             auto-load
             url="Defaulters/filter"
diff --git a/src/pages/Customer/ExtendedList/CustomerExtendedList.vue b/src/pages/Customer/ExtendedList/CustomerExtendedList.vue
index cd39c7d6f..b5b509d1b 100644
--- a/src/pages/Customer/ExtendedList/CustomerExtendedList.vue
+++ b/src/pages/Customer/ExtendedList/CustomerExtendedList.vue
@@ -10,7 +10,7 @@ import CustomerExtendedListActions from './CustomerExtendedListActions.vue';
 import CustomerExtendedListFilter from './CustomerExtendedListFilter.vue';
 import TableVisibleColumns from 'src/components/common/TableVisibleColumns.vue';
 import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
-
+import VnPaginate from 'src/components/ui/VnPaginate.vue';
 import { useArrayData } from 'composables/useArrayData';
 import { useStateStore } from 'stores/useStateStore';
 import { toDate } from 'src/filters';
@@ -37,8 +37,6 @@ onMounted(() => {
     allColumnNames.value = filteredColumns.map((col) => col.name);
 });
 
-const rows = computed(() => arrayData.value.store.data);
-
 const selectedCustomerId = ref(0);
 const selectedSalesPersonId = ref(0);
 const allColumnNames = ref([]);
@@ -536,69 +534,97 @@ const selectSalesPersonId = (id) => (selectedSalesPersonId.value = id);
     </VnSubToolbar>
 
     <QPage class="column items-center q-pa-md">
-        <QTable
-            :columns="columns"
-            :rows="rows"
-            class="full-width q-mt-md"
-            row-key="id"
-            :visible-columns="visibleColumns"
-            @row-click="(evt, row, id) => navigateToTravelId(row.id)"
+        <VnPaginate
+            data-key="CustomerExtendedList"
+            url="Clients/extendedListFilter"
+            auto-load
         >
-            <template #body-cell="{ col, value }">
-                <QTd @click="stopEventPropagation($event, col)">
-                    {{ value }}
-                </QTd>
-            </template>
-            <template #body-cell-customerStatus="props">
-                <QTd @click="stopEventPropagation($event, props.col)">
-                    <component
-                        :is="tableColumnComponents[props.col.name].component"
-                        class="col-content"
-                        v-bind="tableColumnComponents[props.col.name].props(props)"
-                        @click="tableColumnComponents[props.col.name].event(props)"
+            <template #body="{ rows }">
+                <div class="q-pa-md">
+                    <QTable
+                        :columns="columns"
+                        :rows="rows"
+                        class="full-width q-mt-md"
+                        row-key="id"
+                        :visible-columns="visibleColumns"
+                        @row-click="(evt, row, id) => navigateToTravelId(row.id)"
                     >
-                    </component>
-                </QTd>
+                        <template #body-cell="{ col, value }">
+                            <QTd @click="stopEventPropagation($event, col)">
+                                {{ value }}
+                            </QTd>
+                        </template>
+                        <template #body-cell-customerStatus="props">
+                            <QTd @click="stopEventPropagation($event, props.col)">
+                                <component
+                                    :is="tableColumnComponents[props.col.name].component"
+                                    class="col-content"
+                                    v-bind="
+                                        tableColumnComponents[props.col.name].props(props)
+                                    "
+                                    @click="
+                                        tableColumnComponents[props.col.name].event(props)
+                                    "
+                                >
+                                </component>
+                            </QTd>
+                        </template>
+                        <template #body-cell-id="props">
+                            <QTd @click="stopEventPropagation($event, props.col)">
+                                <component
+                                    :is="tableColumnComponents[props.col.name].component"
+                                    class="col-content"
+                                    v-bind="
+                                        tableColumnComponents[props.col.name].props(props)
+                                    "
+                                    @click="
+                                        tableColumnComponents[props.col.name].event(props)
+                                    "
+                                >
+                                    <CustomerDescriptorProxy :id="props.row.id" />
+                                    {{ props.row.id }}
+                                </component>
+                            </QTd>
+                        </template>
+                        <template #body-cell-salesPersonFk="props">
+                            <QTd @click="stopEventPropagation($event, props.col)">
+                                <component
+                                    v-if="props.row.salesPerson"
+                                    class="col-content"
+                                    :is="tableColumnComponents[props.col.name].component"
+                                    v-bind="
+                                        tableColumnComponents[props.col.name].props(props)
+                                    "
+                                    @click="
+                                        tableColumnComponents[props.col.name].event(props)
+                                    "
+                                >
+                                    <WorkerDescriptorProxy
+                                        :id="props.row.salesPersonFk"
+                                    />
+                                    {{ props.row.salesPerson }}
+                                </component>
+                                <span class="col-content" v-else>-</span>
+                            </QTd>
+                        </template>
+                        <template #body-cell-actions="props">
+                            <QTd @click="stopEventPropagation($event, props.col)">
+                                <component
+                                    :is="tableColumnComponents[props.col.name].component"
+                                    class="col-content"
+                                    v-bind="
+                                        tableColumnComponents[props.col.name].props(props)
+                                    "
+                                    @click="
+                                        tableColumnComponents[props.col.name].event(props)
+                                    "
+                                />
+                            </QTd>
+                        </template>
+                    </QTable>
+                </div>
             </template>
-            <template #body-cell-id="props">
-                <QTd @click="stopEventPropagation($event, props.col)">
-                    <component
-                        :is="tableColumnComponents[props.col.name].component"
-                        class="col-content"
-                        v-bind="tableColumnComponents[props.col.name].props(props)"
-                        @click="tableColumnComponents[props.col.name].event(props)"
-                    >
-                        <CustomerDescriptorProxy :id="props.row.id" />
-                        {{ props.row.id }}
-                    </component>
-                </QTd>
-            </template>
-            <template #body-cell-salesPersonFk="props">
-                <QTd @click="stopEventPropagation($event, props.col)">
-                    <component
-                        v-if="props.row.salesPerson"
-                        class="col-content"
-                        :is="tableColumnComponents[props.col.name].component"
-                        v-bind="tableColumnComponents[props.col.name].props(props)"
-                        @click="tableColumnComponents[props.col.name].event(props)"
-                    >
-                        <WorkerDescriptorProxy :id="props.row.salesPersonFk" />
-                        {{ props.row.salesPerson }}
-                    </component>
-                    <span class="col-content" v-else>-</span>
-                </QTd>
-            </template>
-            <template #body-cell-actions="props">
-                <QTd @click="stopEventPropagation($event, props.col)">
-                    <component
-                        :is="tableColumnComponents[props.col.name].component"
-                        class="col-content"
-                        v-bind="tableColumnComponents[props.col.name].props(props)"
-                        @click="tableColumnComponents[props.col.name].event(props)"
-                    />
-                </QTd>
-            </template>
-        </QTable>
+        </VnPaginate>
     </QPage>
 </template>
 
diff --git a/src/pages/Customer/Notifications/CustomerNotifications.vue b/src/pages/Customer/Notifications/CustomerNotifications.vue
index 9ccac98ff..9ff6b2301 100644
--- a/src/pages/Customer/Notifications/CustomerNotifications.vue
+++ b/src/pages/Customer/Notifications/CustomerNotifications.vue
@@ -74,7 +74,6 @@ const columns = computed(() => [
         name: 'email',
     },
 ]);
-const refreshKey = ref(0);
 
 const selectCustomerId = (id) => {
     selectedCustomerId.value = id;
@@ -115,12 +114,7 @@ const selectCustomerId = (id) => {
         </template>
     </VnSubToolbar>
     <QPage class="column items-center q-pa-md">
-        <VnPaginate
-            :key="refreshKey"
-            data-key="CustomerNotifications"
-            url="Clients"
-            auto-load
-        >
+        <VnPaginate data-key="CustomerNotifications" url="Clients" auto-load>
             <template #body="{ rows }">
                 <div class="q-pa-md">
                     <QTable

From e7833206e7581d1cb32b902748c6a07faf533493 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Thu, 9 May 2024 12:10:26 +0200
Subject: [PATCH 260/305] fix: Risk field

---
 src/components/ui/CardSummary.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/components/ui/CardSummary.vue b/src/components/ui/CardSummary.vue
index 1a4514ef5..f99fcd412 100644
--- a/src/components/ui/CardSummary.vue
+++ b/src/components/ui/CardSummary.vue
@@ -135,6 +135,9 @@ async function fetch() {
             box-shadow: none;
 
             .vn-label-value {
+                &.negative > .value span {
+                    color: $alert;
+                }
                 display: flex;
                 flex-direction: row;
                 margin-top: 2px;

From 9b9e482fa76e1b75af4c0c677ac801e7c947f8bf Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Thu, 9 May 2024 08:21:30 -0300
Subject: [PATCH 261/305] Zone list and Zone summary

---
 src/pages/Zone/Card/ZoneSummary.vue          | 119 ++++++++++---------
 src/pages/Zone/Delivery/ZoneDeliveryList.vue |   2 +-
 src/pages/Zone/Upcoming/ZoneUpcomingList.vue |   2 +-
 src/pages/Zone/ZoneCreate.vue                |  12 +-
 src/pages/Zone/ZoneFilterPanel.vue           |  34 +++---
 src/pages/Zone/ZoneList.vue                  |  88 +++++++++++---
 src/pages/Zone/locale/en.yml                 |  55 +++++----
 src/pages/Zone/locale/es.yml                 |  55 +++++----
 src/router/modules/zone.js                   |  11 +-
 9 files changed, 243 insertions(+), 135 deletions(-)

diff --git a/src/pages/Zone/Card/ZoneSummary.vue b/src/pages/Zone/Card/ZoneSummary.vue
index 90241c9a3..b39d2aaab 100644
--- a/src/pages/Zone/Card/ZoneSummary.vue
+++ b/src/pages/Zone/Card/ZoneSummary.vue
@@ -2,14 +2,16 @@
 import { ref, onMounted, computed } from 'vue';
 import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
-import { dashIfEmpty } from 'src/filters';
-import { getUrl } from 'src/composables/getUrl';
+
 import VnLv from 'src/components/ui/VnLv.vue';
-import VnLinkPhone from 'src/components/ui/VnLinkPhone.vue';
 import CardSummary from 'components/ui/CardSummary.vue';
-import VnUserLink from 'src/components/ui/VnUserLink.vue';
 import VnTitle from 'src/components/common/VnTitle.vue';
 
+import { getUrl } from 'src/composables/getUrl';
+import { toCurrency } from 'filters/index';
+import { toTimeFormat } from 'src/filters/date';
+import axios from 'axios';
+
 const route = useRoute();
 const { t } = useI18n();
 
@@ -23,77 +25,84 @@ const $props = defineProps({
 const entityId = computed(() => $props.id || route.params.id);
 const zoneUrl = ref();
 
-onMounted(async () => {
-    zoneUrl.value = (await getUrl('')) + `zone/${entityId.value}/`;
+const filter = computed(() => {
+    const filter = {
+        include: {
+            relation: 'agencyMode',
+            fields: ['name'],
+        },
+        where: {
+            id: route.params.id,
+        },
+    };
+    return filter;
 });
 
-const filter = computed(() => {
+const columns = computed(() => [
+    {
+        label: t('summary.name'),
+        name: 'name',
+        field: 'warehouse',
+        align: 'left',
+        format: (val) => val.name,
+    },
+]);
+const warehouses = ref([]);
+
+const getWarehouses = async () => {
     const params = {
         filter: {
             include: {
-                relation: 'agencyMode',
+                relation: 'warehouse',
                 fields: ['name'],
             },
-            where: {
-                id: entityId.value,
-            },
         },
     };
-    return params;
+
+    const { data } = await axios.get(`Zones/${entityId.value}/warehouses`, { params });
+    warehouses.value = data;
+};
+
+onMounted(async () => {
+    zoneUrl.value = (await getUrl('')) + `zone/${entityId.value}/`;
+    await getWarehouses();
 });
 </script>
 
 <template>
-    <CardSummary data-key="zoneData" ref="summary" url="Zones/findOne" :filter="filter">
+    <CardSummary
+        data-key="ZoneSummary"
+        ref="summary"
+        url="Zones/findOne"
+        :filter="filter"
+    >
         <template #header="{ entity }">
             <div>#{{ entity.id }} - {{ entity.name }}</div>
         </template>
         <template #body="{ entity: zone }">
             <QCard class="vn-one">
-                <VnTitle
-                    :url="zoneUrl + `basic-data`"
-                    :text="t('zone.summary.basicData')"
-                />
-                <VnLv :label="t('zone.card.name')" :value="zone.user?.nickname" />
-                <VnLv
-                    :label="t('zone.list.department')"
-                    :value="zone.department?.department?.name"
-                />
-                <VnLv :label="t('zone.list.email')" :value="zone.user.email" copy />
-                <VnLv :label="t('zone.summary.boss')" link>
-                    <template #value>
-                        <VnUserLink
-                            v-if="zone.boss"
-                            :name="dashIfEmpty(zone.boss?.name)"
-                            :zone-id="zone.bossFk"
-                        />
-                    </template>
-                </VnLv>
-                <VnLv :value="zone.mobileExtension">
-                    <template #label>
-                        {{ t('zone.summary.phoneExtension') }}
-                        <VnLinkPhone :phone-number="zone.mobileExtension" />
-                    </template>
-                </VnLv>
-                <VnLv :value="zone.phone">
-                    <template #label>
-                        {{ t('zone.summary.entPhone') }}
-                        <VnLinkPhone :phone-number="zone.phone" />
-                    </template>
-                </VnLv>
-                <VnLv :label="t('zone.summary.locker')" :value="zone.locker" />
+                <VnTitle :url="zoneUrl + `basic-data`" :text="t('summary.basicData')" />
+                <VnLv :label="t('summary.agency')" :value="zone.agencyMode?.name" />
+                <VnLv :label="t('summary.price')" :value="toCurrency(zone.price)" />
+                <VnLv :label="t('summary.bonus')" :value="toCurrency(zone.bonus)" />
             </QCard>
             <QCard class="vn-one">
-                <VnTitle :text="t('zone.summary.userData')" />
-                <VnLv :label="t('zone.summary.userId')" :value="zone.user.id" />
-                <VnLv :label="t('zone.card.name')" :value="zone.user.nickname" />
-                <VnLv :label="t('zone.summary.role')" :value="zone.user.role.name" />
-                <VnLv :value="zone?.sip?.extension">
-                    <template #label>
-                        {{ t('zone.summary.sipExtension') }}
-                        <VnLinkPhone :phone-number="zone?.sip?.extension" />
-                    </template>
-                </VnLv>
+                <VnTitle :url="zoneUrl + `basic-data`" :text="t('summary.basicData')" />
+                <VnLv :label="t('summary.closeHour')" :value="toTimeFormat(zone.hour)" />
+                <VnLv :label="t('summary.travelingDays')" :value="zone.travelingDays" />
+                <QCheckbox
+                    :label="t('summary.volumetric')"
+                    v-model="zone.isVolumetric"
+                    :disable="true"
+                />
+            </QCard>
+            <QCard class="full-width">
+                <VnTitle :url="zoneUrl + `warehouses`" :text="t('summary.warehouse')" />
+                <QTable
+                    :columns="columns"
+                    :rows="warehouses"
+                    :no-data-label="t('globals.noResults')"
+                />
             </QCard>
         </template>
     </CardSummary>
diff --git a/src/pages/Zone/Delivery/ZoneDeliveryList.vue b/src/pages/Zone/Delivery/ZoneDeliveryList.vue
index 695388a9b..ca87dbd84 100644
--- a/src/pages/Zone/Delivery/ZoneDeliveryList.vue
+++ b/src/pages/Zone/Delivery/ZoneDeliveryList.vue
@@ -63,7 +63,7 @@ async function remove(row) {
                                 outline
                             />
                             <QBtn
-                                :label="t('zone.list.remove')"
+                                :label="t('list.remove')"
                                 @click.stop="remove(row)"
                                 color="primary"
                                 style="margin-top: 15px"
diff --git a/src/pages/Zone/Upcoming/ZoneUpcomingList.vue b/src/pages/Zone/Upcoming/ZoneUpcomingList.vue
index 2d3016f25..89e53132e 100644
--- a/src/pages/Zone/Upcoming/ZoneUpcomingList.vue
+++ b/src/pages/Zone/Upcoming/ZoneUpcomingList.vue
@@ -63,7 +63,7 @@ async function remove(row) {
                                 outline
                             />
                             <QBtn
-                                :label="t('zone.list.remove')"
+                                :label="t('list.remove')"
                                 @click.stop="remove(row)"
                                 color="primary"
                                 style="margin-top: 15px"
diff --git a/src/pages/Zone/ZoneCreate.vue b/src/pages/Zone/ZoneCreate.vue
index 93ea9589b..c287bce42 100644
--- a/src/pages/Zone/ZoneCreate.vue
+++ b/src/pages/Zone/ZoneCreate.vue
@@ -96,7 +96,7 @@ function filterType(val, update) {
                         <QInput
                             filled
                             v-model="zone.label"
-                            :label="t('zone.create.name')"
+                            :label="t('create.name')"
                             type="number"
                             min="0"
                             :rules="[(val) => !!val || t('zone.warnings.labelNotEmpty')]"
@@ -106,7 +106,7 @@ function filterType(val, update) {
                         <VnInput
                             filled
                             v-model="zone.plate"
-                            :label="t('zone.create.agency')"
+                            :label="t('create.agency')"
                             :rules="[(val) => !!val || t('zone.warnings.plateNotEmpty')]"
                         />
                     </div>
@@ -116,7 +116,7 @@ function filterType(val, update) {
                         <QInput
                             filled
                             v-model="zone.volume"
-                            :label="t('zone.create.close')"
+                            :label="t('create.close')"
                             type="number"
                             min="0"
                             :rules="[(val) => !!val || t('zone.warnings.volumeNotEmpty')]"
@@ -134,7 +134,7 @@ function filterType(val, update) {
                             option-value="id"
                             emit-value
                             map-options
-                            :label="t('zone.create.price')"
+                            :label="t('create.price')"
                             :options="filteredZoneTypes"
                             :rules="[(val) => !!val || t('zone.warnings.typeNotEmpty')]"
                             @filter="filterType"
@@ -158,9 +158,9 @@ function filterType(val, update) {
                 </div>
             </QCard>
             <div class="q-mt-md">
-                <QBtn :label="t('zone.type.submit')" type="submit" color="primary" />
+                <QBtn :label="t('type.submit')" type="submit" color="primary" />
                 <QBtn
-                    :label="t('zone.type.reset')"
+                    :label="t('type.reset')"
                     type="reset"
                     color="primary"
                     flat
diff --git a/src/pages/Zone/ZoneFilterPanel.vue b/src/pages/Zone/ZoneFilterPanel.vue
index 94765919d..32026bd5b 100644
--- a/src/pages/Zone/ZoneFilterPanel.vue
+++ b/src/pages/Zone/ZoneFilterPanel.vue
@@ -4,7 +4,7 @@ import { useI18n } from 'vue-i18n';
 import VnInput from 'components/common/VnInput.vue';
 import FetchData from 'components/FetchData.vue';
 import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
-import VnSelectFilter from 'components/common/VnSelectFilter.vue';
+import VnSelect from 'components/common/VnSelect.vue';
 
 const { t } = useI18n();
 const props = defineProps({
@@ -17,37 +17,43 @@ const props = defineProps({
         default: null,
     },
 });
+
 const agencies = ref([]);
 </script>
 
 <template>
-    <FetchData
-        url="agencies"
-        limit="30"
-        @on-fetch="(data) => (agencies = data)"
-        auto-load
-    />
+    <FetchData url="agencies" @on-fetch="(data) => (agencies = data)" auto-load />
     <VnFilterPanel :data-key="props.dataKey" :search-button="true">
-        <template #body="{ params }">
+        <template #tags="{ tag }">
+            <div class="q-gutter-x-xs">
+                <strong>{{ t(`filterPanel.${tag.label}`) }}: </strong>
+                <span>{{ tag.value }}</span>
+            </div>
+        </template>
+        <template #body="{ params, searchFn }">
             <QItem>
                 <QItemSection>
-                    <VnInput :label="t('Name')" v-model="params.name" is-outlined />
+                    <VnInput
+                        :label="t('filterPanel.name')"
+                        v-model="params.name"
+                        is-outlined
+                    />
                 </QItemSection>
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnSelectFilter
-                        :label="t('Agency')"
-                        v-model="params.agencyModefK"
+                    <VnSelect
+                        :label="t('filterPanel.agencyModeFk')"
+                        v-model="params.agencyModeFk"
                         :options="agencies"
                         option-value="id"
                         option-label="name"
-                        @input-value="agencies.fetch()"
+                        @update:model-value="searchFn()"
                         dense
                         outlined
                         rounded
                     >
-                    </VnSelectFilter>
+                    </VnSelect>
                 </QItemSection>
             </QItem>
         </template>
diff --git a/src/pages/Zone/ZoneList.vue b/src/pages/Zone/ZoneList.vue
index 2b18df033..cf9acf3e7 100644
--- a/src/pages/Zone/ZoneList.vue
+++ b/src/pages/Zone/ZoneList.vue
@@ -1,17 +1,24 @@
 <script setup>
-import axios from 'axios';
-import VnPaginate from 'src/components/ui/VnPaginate.vue';
 import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
+import { onMounted } from 'vue';
+
+import VnPaginate from 'src/components/ui/VnPaginate.vue';
 import CardList from 'components/ui/CardList.vue';
 import VnLv from 'components/ui/VnLv.vue';
 import ZoneSummary from 'src/pages/Zone/Card/ZoneSummary.vue';
+import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
+import ZoneFilterPanel from './ZoneFilterPanel.vue';
+
 import { useSummaryDialog } from 'src/composables/useSummaryDialog';
 import { toTimeFormat } from 'src/filters/date';
 import { toCurrency } from 'filters/index';
 import { useVnConfirm } from 'composables/useVnConfirm';
 import useNotify from 'src/composables/useNotify.js';
+import { useStateStore } from 'stores/useStateStore';
+import axios from 'axios';
 
+const stateStore = useStateStore();
 const { t } = useI18n();
 const router = useRouter();
 const { notify } = useNotify();
@@ -26,19 +33,70 @@ function redirectToCreateView() {
     router.push({ path: `/zone/create` });
 }
 
+const exprBuilder = (param, value) => {
+    switch (param) {
+        case 'name':
+            return {
+                name: { like: `%${value}%` },
+            };
+        case 'code':
+            return {
+                code: { like: `%${value}%` },
+            };
+        case 'agencyModeFk':
+            return {
+                agencyModeFk: value,
+            };
+        case 'search':
+            if (value) {
+                if (!isNaN(value)) {
+                    return { id: value };
+                } else {
+                    return {
+                        name: {
+                            like: `%${value}%`,
+                        },
+                    };
+                }
+            }
+    }
+};
+
 async function clone(id) {
     try {
         await axios.post(`Zones/${id}/clone`);
         notify(t('globals.dataSaved'), 'positive');
-        //TODO: Redireccionar Zone Basic data cuando exista
-        // router.push({ name: 'ZoneBasicData', params: { id: row.id } });
+        router.push({ name: 'ZoneBasicData', params: { id } });
     } catch (error) {
         console.error('Error cloning zone: ', error);
     }
 }
+
+onMounted(async () => {
+    stateStore.rightDrawer = true;
+});
 </script>
 
 <template>
+    <template v-if="stateStore.isHeaderMounted()">
+        <Teleport to="#searchbar">
+            <VnSearchbar
+                data-key="ZoneList"
+                url="Zones"
+                :filter="{
+                    include: { relation: 'agencyMode', scope: { fields: ['name'] } },
+                }"
+                :expr-builder="exprBuilder"
+                :label="t('list.searchZone')"
+                :info="t('list.searchInfo')"
+            />
+        </Teleport>
+    </template>
+    <QDrawer v-model="stateStore.rightDrawer" side="right" :width="256" show-if-above>
+        <QScrollArea class="fit text-grey-8">
+            <ZoneFilterPanel data-key="ZoneList" :expr-builder="exprBuilder" />
+        </QScrollArea>
+    </QDrawer>
     <QPage class="column items-center q-pa-md">
         <div class="vn-card-list">
             <VnPaginate
@@ -59,31 +117,31 @@ async function clone(id) {
                     >
                         <template #list-items>
                             <VnLv
-                                :label="t('zone.list.id')"
-                                :title-label="t('zone.list.id')"
+                                :label="t('list.id')"
+                                :title-label="t('list.id')"
                                 :value="row.id"
                             />
-                            <VnLv :label="t('zone.list.name')" :value="row?.name" />
+                            <VnLv :label="t('list.name')" :value="row?.name" />
                             <VnLv
-                                :label="t('zone.list.agency')"
+                                :label="t('list.agency')"
                                 :value="row.agencyMode?.name"
                             />
                             <VnLv
-                                :label="t('zone.list.close')"
+                                :label="t('list.close')"
                                 :value="toTimeFormat(row?.hour)"
                             />
                             <VnLv
-                                :label="t('zone.list.price')"
+                                :label="t('list.price')"
                                 :value="toCurrency(row?.price)"
                             />
                         </template>
                         <template #actions>
                             <QBtn
-                                :label="t('zone.list.clone')"
+                                :label="t('list.clone')"
                                 @click.stop="
                                     openConfirmationModal(
-                                        t('zone.list.confirmCloneTitle'),
-                                        t('zone.list.confirmCloneSubtitle'),
+                                        t('list.confirmCloneTitle'),
+                                        t('list.confirmCloneSubtitle'),
                                         () => clone(row.id)
                                     )
                                 "
@@ -91,7 +149,7 @@ async function clone(id) {
                                 style="margin-top: 15px"
                             />
                             <QBtn
-                                :label="t('zone.list.openSummary')"
+                                :label="t('list.openSummary')"
                                 @click.stop="viewSummary(row.id, ZoneSummary)"
                                 color="primary"
                                 style="margin-top: 15px"
@@ -103,7 +161,7 @@ async function clone(id) {
         </div>
         <QPageSticky position="bottom-right" :offset="[18, 18]">
             <QBtn @click="redirectToCreateView()" fab icon="add" color="primary">
-                <QTooltip>{{ t('zone.list.create') }}</QTooltip>
+                <QTooltip>{{ t('list.create') }}</QTooltip>
             </QBtn>
         </QPageSticky>
     </QPage>
diff --git a/src/pages/Zone/locale/en.yml b/src/pages/Zone/locale/en.yml
index 273092f88..65067e6d9 100644
--- a/src/pages/Zone/locale/en.yml
+++ b/src/pages/Zone/locale/en.yml
@@ -1,21 +1,34 @@
-zone:
-    list:
-        volume: Volume
-        clone: Clone
-        id: Id
-        name: Name
-        agency: Agency
-        close: Close
-        price: Price
-        create: Create zone
-        openSummary: Details
-        confirmCloneTitle: All it's properties will be copied
-        confirmCloneSubtitle: Do you want to clone this zone?
-    create:
-        name: Name
-        agency: Agency
-        close: Close
-        price: Price
-    type:
-        submit: Save
-        reset: Reset
+list:
+    clone: Clone
+    id: Id
+    name: Name
+    agency: Agency
+    close: Close
+    price: Price
+    create: Create zone
+    openSummary: Details
+    confirmCloneTitle: All it's properties will be copied
+    confirmCloneSubtitle: Do you want to clone this zone?
+    searchZone: Search zones
+    searchInfo: Search zone by id or name
+create:
+    name: Name
+    agency: Agency
+    close: Close
+    price: Price
+type:
+    submit: Save
+    reset: Reset
+summary:
+    agency: Agency
+    price: Price
+    basicData: Basic data
+    bonus: Bonus
+    closeHour: Close hour
+    travelingDays: Traveling days
+    volumetric: Volumetric
+    warehouse: Warehouse
+    name: Name
+filterPanel:
+    name: Name
+    agencyModeFk: Agency
diff --git a/src/pages/Zone/locale/es.yml b/src/pages/Zone/locale/es.yml
index e1f928621..df889db10 100644
--- a/src/pages/Zone/locale/es.yml
+++ b/src/pages/Zone/locale/es.yml
@@ -1,21 +1,34 @@
-zone:
-    list:
-        volume: Volumen
-        clone: Clonar
-        id: Id
-        name: Nombre
-        agency: Agencia
-        close: Cierre
-        price: Precio
-        create: Crear zona
-        openSummary: Detalles
-        confirmCloneTitle: Todas sus propiedades serán copiadas
-        confirmCloneSubtitle: ¿Seguro que quieres clonar esta zona?
-    create:
-        name: Nombre
-        agency: Agencia
-        close: Cierre
-        price: Precio
-    type:
-        submit: Guardar
-        reset: Reiniciar
+list:
+    clone: Clonar
+    id: Id
+    name: Nombre
+    agency: Agencia
+    close: Cierre
+    price: Precio
+    create: Crear zona
+    openSummary: Detalles
+    confirmCloneTitle: Todas sus propiedades serán copiadas
+    confirmCloneSubtitle: ¿Seguro que quieres clonar esta zona?
+    searchZone: Buscar zonas
+    searchInfo: Buscar zonas por identificador o nombre
+create:
+    name: Nombre
+    agency: Agencia
+    close: Cierre
+    price: Precio
+type:
+    submit: Guardar
+    reset: Reiniciar
+summary:
+    agency: Agencia
+    price: Precio
+    basicData: Datos básicos
+    bonus: Bonificaciones
+    closeHour: Hora de cierre
+    travelingDays: Días de viaje
+    volumetric: Volumétrico
+    warehouse: Almacén
+    name: Nombre
+filterPanel:
+    name: Nombre
+    agencyModeFk: Agencia
diff --git a/src/router/modules/zone.js b/src/router/modules/zone.js
index e01099ff3..d39ed82d0 100644
--- a/src/router/modules/zone.js
+++ b/src/router/modules/zone.js
@@ -12,7 +12,7 @@ export default {
     redirect: { name: 'ZoneMain' },
     menus: {
         main: ['ZoneList', 'ZoneDeliveryList', 'ZoneUpcomingList'],
-        card: [],
+        card: ['ZoneBasicData'],
     },
     children: [
         {
@@ -74,6 +74,15 @@ export default {
                     },
                     component: () => import('src/pages/Zone/Card/ZoneSummary.vue'),
                 },
+                {
+                    name: 'ZoneBasicData',
+                    path: 'basic-data',
+                    meta: {
+                        title: 'basicData',
+                        icon: 'vn:settings',
+                    },
+                    component: () => import('src/pages/Zone/Card/ZoneBasicData.vue'),
+                },
                 // {
                 //     path: '/zone/delivery',
                 //     name: 'ZoneDeliveryMain',

From 2df0c1eba92fd27446e3d4e72ff2f5a9224e257d Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Thu, 9 May 2024 13:26:53 +0200
Subject: [PATCH 262/305] fix: ticketsMonitor title

---
 src/pages/Monitor/MonitorList.vue | 12 ++++++++++--
 src/pages/Monitor/locale/en.yml   |  1 +
 src/pages/Monitor/locale/es.yml   |  1 +
 3 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/pages/Monitor/MonitorList.vue b/src/pages/Monitor/MonitorList.vue
index a084f0c99..60c6ca164 100644
--- a/src/pages/Monitor/MonitorList.vue
+++ b/src/pages/Monitor/MonitorList.vue
@@ -51,8 +51,16 @@ onUnmounted(() => (stateStore.rightDrawer = false));
                 </template>
             </QExpansionItem>
         </QCard>
-
-        <SalesTicketsTable />
+        <QCard class="full-width q-mb-lg">
+            <QItem class="justify-between">
+                <QItemLabel class="slider-container">
+                    <span class="text-body1"
+                        >{{ t('salesMonitor.ticketsMonitor') }}
+                    </span>
+                    <QCardSection class="col"><SalesTicketsTable /> </QCardSection>
+                </QItemLabel>
+            </QItem>
+        </QCard>
     </QPage>
 </template>
 
diff --git a/src/pages/Monitor/locale/en.yml b/src/pages/Monitor/locale/en.yml
index a449225ed..de3e7d735 100644
--- a/src/pages/Monitor/locale/en.yml
+++ b/src/pages/Monitor/locale/en.yml
@@ -1,6 +1,7 @@
 salesMonitor:
     clientsOnWebsite: Clients on website
     recentOrderActions: Recent order actions
+    ticketsMonitor: Tickets monitor
 salesClientsTable:
     from: From
     to: To
diff --git a/src/pages/Monitor/locale/es.yml b/src/pages/Monitor/locale/es.yml
index 6ed6604be..a717df4ad 100644
--- a/src/pages/Monitor/locale/es.yml
+++ b/src/pages/Monitor/locale/es.yml
@@ -1,6 +1,7 @@
 salesMonitor:
     clientsOnWebsite: Clientes activos en la web
     recentOrderActions: Acciones recientes en pedidos
+    ticketsMonitor: Monitor de tickets
 salesClientsTable:
     from: Desde
     to: Hasta

From a6ec40beb475951873a213da38cec04e6509563e Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Thu, 9 May 2024 13:32:03 +0200
Subject: [PATCH 263/305] fix: style second row

---
 src/pages/Monitor/SalesOrdersTable.vue | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/pages/Monitor/SalesOrdersTable.vue b/src/pages/Monitor/SalesOrdersTable.vue
index 2e1d3aaed..d8e28f6b7 100644
--- a/src/pages/Monitor/SalesOrdersTable.vue
+++ b/src/pages/Monitor/SalesOrdersTable.vue
@@ -176,8 +176,8 @@ const redirectToOrderSummary = (orderId) => {
                     <template #body-cell-client="{ row }">
                         <QTd>
                             <div class="q-mb-md">
-                                <span class="link">{{ row.salesPerson }}</span>
-                                <WorkerDescriptorProxy :id="row.salesPersonFk" dense />
+                                <span class="link">{{ row.clientName }}</span>
+                                <CustomerDescriptorProxy :id="row.clientFk" />
                             </div>
                             <span> {{ row.agencyName }}</span>
                         </QTd>
@@ -185,8 +185,8 @@ const redirectToOrderSummary = (orderId) => {
                     <template #body-cell-salesPerson="{ row }">
                         <QTd>
                             <div class="q-mb-md">
-                                <span class="link">{{ row.clientName }}</span>
-                                <CustomerDescriptorProxy :id="row.clientFk" />
+                                <span class="link">{{ row.salesPerson }}</span>
+                                <WorkerDescriptorProxy :id="row.salesPersonFk" dense />
                             </div>
                             <span>{{ toCurrency(row.import) }}</span>
                         </QTd>
@@ -196,3 +196,8 @@ const redirectToOrderSummary = (orderId) => {
         </VnPaginate>
     </QCard>
 </template>
+<style lang="scss" scoped>
+.q-td {
+    color: gray;
+}
+</style>

From 7cc5c0bdbd51e2dcb7e2c1ef4a83fae7e894dbf2 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Thu, 9 May 2024 08:40:09 -0300
Subject: [PATCH 264/305] Fix client table initial request

---
 src/pages/Monitor/SalesClientsTable.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/Monitor/SalesClientsTable.vue b/src/pages/Monitor/SalesClientsTable.vue
index 84cccf91b..3f2389471 100644
--- a/src/pages/Monitor/SalesClientsTable.vue
+++ b/src/pages/Monitor/SalesClientsTable.vue
@@ -32,7 +32,7 @@ const dateRange = computed(() => {
 const filter = reactive({
     where: {
         'v.stamp': {
-            between: [from.value, to.value],
+            between: dateRange.value,
         },
     },
 });
@@ -148,7 +148,7 @@ const columns = computed(() => [
             ref="paginateRef"
             data-key="SalesMonitorClients"
             url="SalesMonitors/clientsFilter"
-            order="dated DESC, hour DESC"
+            :order="['dated DESC', 'hour DESC']"
             :limit="6"
             :expr-builder="exprBuilder"
             :user-params="params"

From b4f983b9462d168cc4670c678fbc0ce6d253b593 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Thu, 9 May 2024 09:15:52 -0300
Subject: [PATCH 265/305] Add searchbar

---
 src/components/ui/VnSearchbar.vue |  4 ++--
 src/pages/Monitor/MonitorList.vue | 12 ++++++++++++
 src/pages/Monitor/locale/en.yml   |  3 +++
 src/pages/Monitor/locale/es.yml   |  3 +++
 4 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/components/ui/VnSearchbar.vue b/src/components/ui/VnSearchbar.vue
index 344267ef7..aaf197d74 100644
--- a/src/components/ui/VnSearchbar.vue
+++ b/src/components/ui/VnSearchbar.vue
@@ -81,14 +81,14 @@ async function search() {
     const staticParams = Object.entries(store.userParams).filter(
         ([key, value]) => value && (props.staticParams || []).includes(key)
     );
-    // const filter =props?.where? { where: JSON.parse(props.where) }: {}
+    store.skip = 0;
     await arrayData.applyFilter({
         params: {
-            // filter ,
             ...Object.fromEntries(staticParams),
             search: searchText.value,
         },
     });
+
     if (!props.redirect) return;
 
     if (props.customRouteRedirectName)
diff --git a/src/pages/Monitor/MonitorList.vue b/src/pages/Monitor/MonitorList.vue
index a084f0c99..03b6eb920 100644
--- a/src/pages/Monitor/MonitorList.vue
+++ b/src/pages/Monitor/MonitorList.vue
@@ -6,6 +6,7 @@ import { useStateStore } from 'stores/useStateStore';
 import SalesClientTable from './SalesClientsTable.vue';
 import SalesOrdersTable from './SalesOrdersTable.vue';
 import SalesTicketsTable from './SalesTicketsTable.vue';
+import VnSearchbar from 'components/ui/VnSearchbar.vue';
 
 const { t } = useI18n();
 const stateStore = useStateStore();
@@ -20,6 +21,17 @@ onUnmounted(() => (stateStore.rightDrawer = false));
 </script>
 
 <template>
+    <template v-if="stateStore.isHeaderMounted()">
+        <Teleport to="#searchbar">
+            <VnSearchbar
+                data-key="SalesMonitorTickets"
+                url="SalesMonitors/salesFilter"
+                :redirect="false"
+                :label="t('searchBar.label')"
+                :info="t('searchBar.info')"
+            />
+        </Teleport>
+    </template>
     <QPage class="column items-center q-pa-md">
         <QCard class="full-width q-mb-lg">
             <QExpansionItem v-model="expanded" dense :duration="150">
diff --git a/src/pages/Monitor/locale/en.yml b/src/pages/Monitor/locale/en.yml
index a449225ed..8732077b0 100644
--- a/src/pages/Monitor/locale/en.yml
+++ b/src/pages/Monitor/locale/en.yml
@@ -38,3 +38,6 @@ salesTicketsTable:
     preview: Preview
     total: Total
     preparation: Preparation
+searchBar:
+    label: Search tickets
+    info: Search tickets by id or alias
diff --git a/src/pages/Monitor/locale/es.yml b/src/pages/Monitor/locale/es.yml
index 6ed6604be..3e7cc3f5b 100644
--- a/src/pages/Monitor/locale/es.yml
+++ b/src/pages/Monitor/locale/es.yml
@@ -38,3 +38,6 @@ salesTicketsTable:
     preview: Vista previa
     total: Total
     preparation: Preparación
+searchBar:
+    label: Buscar tickets
+    info: Buscar tickets por identificador o alias

From d227d4b09b687888589d9458af0fa2952abf6312 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Thu, 9 May 2024 11:32:04 -0300
Subject: [PATCH 266/305] Zone create

---
 src/i18n/locale/en.yml                       |   2 +
 src/i18n/locale/es.yml                       |   2 +
 src/pages/Zone/Card/ZoneSummary.vue          |   4 +-
 src/pages/Zone/Delivery/ZoneDeliveryList.vue |   2 +-
 src/pages/Zone/Upcoming/ZoneUpcomingList.vue |   2 +-
 src/pages/Zone/ZoneCreate.vue                | 269 +++++++------------
 src/pages/Zone/ZoneList.vue                  |  20 +-
 src/pages/Zone/locale/en.yml                 |  41 +--
 src/pages/Zone/locale/es.yml                 |  41 +--
 src/router/modules/zone.js                   | 106 ++++----
 10 files changed, 217 insertions(+), 272 deletions(-)

diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index d8fb231f0..b8ddbef3d 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -1238,6 +1238,8 @@ zone:
     pageTitles:
         zones: Zone
         zonesList: Zones
+        zoneCreate: New zone
+        locations: Locations
         deliveryList: Delivery days
         upcomingList: Upcoming deliveries
 components:
diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index 67e075935..7489a4747 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -1237,6 +1237,8 @@ zone:
     pageTitles:
         zones: Zona
         zonesList: Zonas
+        zoneCreate: Nueva zona
+        locations: Localizaciones
         deliveryList: Días de entrega
         upcomingList: Próximos repartos
 components:
diff --git a/src/pages/Zone/Card/ZoneSummary.vue b/src/pages/Zone/Card/ZoneSummary.vue
index 00df03cb0..7e49da7cc 100644
--- a/src/pages/Zone/Card/ZoneSummary.vue
+++ b/src/pages/Zone/Card/ZoneSummary.vue
@@ -50,10 +50,10 @@ const filter = computed(() => {
                 />
                 <VnLv :label="t('zone.card.name')" :value="zone.user?.nickname" />
                 <VnLv
-                    :label="t('zone.list.department')"
+                    :label="t('list.department')"
                     :value="zone.department?.department?.name"
                 />
-                <VnLv :label="t('zone.list.email')" :value="zone.user.email" copy />
+                <VnLv :label="t('list.email')" :value="zone.user.email" copy />
                 <VnLv :label="t('zone.summary.boss')" link>
                     <template #value>
                         <VnUserLink
diff --git a/src/pages/Zone/Delivery/ZoneDeliveryList.vue b/src/pages/Zone/Delivery/ZoneDeliveryList.vue
index 695388a9b..ca87dbd84 100644
--- a/src/pages/Zone/Delivery/ZoneDeliveryList.vue
+++ b/src/pages/Zone/Delivery/ZoneDeliveryList.vue
@@ -63,7 +63,7 @@ async function remove(row) {
                                 outline
                             />
                             <QBtn
-                                :label="t('zone.list.remove')"
+                                :label="t('list.remove')"
                                 @click.stop="remove(row)"
                                 color="primary"
                                 style="margin-top: 15px"
diff --git a/src/pages/Zone/Upcoming/ZoneUpcomingList.vue b/src/pages/Zone/Upcoming/ZoneUpcomingList.vue
index 2d3016f25..89e53132e 100644
--- a/src/pages/Zone/Upcoming/ZoneUpcomingList.vue
+++ b/src/pages/Zone/Upcoming/ZoneUpcomingList.vue
@@ -63,7 +63,7 @@ async function remove(row) {
                                 outline
                             />
                             <QBtn
-                                :label="t('zone.list.remove')"
+                                :label="t('list.remove')"
                                 @click.stop="remove(row)"
                                 color="primary"
                                 style="margin-top: 15px"
diff --git a/src/pages/Zone/ZoneCreate.vue b/src/pages/Zone/ZoneCreate.vue
index 93ea9589b..8aa72f0d1 100644
--- a/src/pages/Zone/ZoneCreate.vue
+++ b/src/pages/Zone/ZoneCreate.vue
@@ -1,184 +1,113 @@
 <script setup>
-import { computed, onMounted, onUpdated, ref } from 'vue';
+import { reactive, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { QIcon, QInput, QItem, QItemSection, QSelect } from 'quasar';
+import { useRouter } from 'vue-router';
 
+import FormModel from 'components/FormModel.vue';
+import VnRow from 'components/ui/VnRow.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
+import FetchData from 'components/FetchData.vue';
 import VnInput from 'src/components/common/VnInput.vue';
-
-import { useRoute, useRouter } from 'vue-router';
-import axios from 'axios';
-
-onMounted(() => fetch());
-onUpdated(() => fetch());
+import VnInputTime from 'components/common/VnInputTime.vue';
+import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
 
 const { t } = useI18n();
-const route = useRoute();
 const router = useRouter();
-const $props = defineProps({
-    id: {
-        type: Number,
-        required: false,
-        default: null,
-    },
+
+const newZoneForm = reactive({
+    travelingDays: 0,
+    price: 0.2,
+    bonus: 0.2,
+    hour: Date.vnNew(),
 });
-const entityId = computed(() => $props.id || route.params.id);
+const warehousesOptions = ref([]);
+const agencyOptions = ref([]);
 
-let zoneTypes = [];
-let originalData = {};
-const zone = ref({});
-const filteredZoneTypes = ref(zoneTypes);
-
-async function onSubmit() {
-    try {
-        const params = {
-            id: entityId.value,
-            label: zone.value.label,
-            plate: zone.value.plate,
-            volume: zone.value.volume,
-            typeFk: zone.value.typeFk,
-        };
-        await axios.patch('Zones', params).then((res) => {
-            if (res.status == 200) router.push({ path: `/zone/list` });
-        });
-    } catch (error) {
-        //
-    }
-}
-
-async function onReset() {
-    if (entityId.value) {
-        zone.value = { ...originalData };
-    } else {
-        zone.value = {};
-    }
-}
-
-async function fetch() {
-    try {
-        await axios.get('ZoneTypes').then(async (res) => {
-            if (res.data) {
-                filteredZoneTypes.value = zoneTypes = res.data;
-            }
-        });
-        if (entityId.value) {
-            await axios.get(`Zones/${entityId.value}`).then(async (res) => {
-                const data = res.data;
-                if (data) {
-                    zone.value.label = data.label;
-                    zone.value.plate = data.plate;
-                    zone.value.volume = data.volume;
-                    zone.value.typeFk = data.typeFk;
-                    originalData = { ...zone.value };
-                }
-            });
-        }
-    } catch (e) {
-        //
-    }
-}
-
-function filterType(val, update) {
-    update(() => {
-        const needle = val.toLowerCase();
-        filteredZoneTypes.value = zoneTypes.filter(
-            (v) => v.name.toLowerCase().indexOf(needle) > -1
-        );
-    });
-}
+const redirectToZoneLocations = (_, { id }) => {
+    router.push({ name: 'ZoneLocations', params: { id } });
+};
 </script>
 
 <template>
-    <QPage class="q-pa-sm q-mx-xl">
-        <QForm @submit="onSubmit()" @reset="onReset()" class="q-pa-sm">
-            <QCard class="q-pa-md">
-                <div class="row q-col-gutter-md">
-                    <div class="col">
-                        <QInput
-                            filled
-                            v-model="zone.label"
-                            :label="t('zone.create.name')"
-                            type="number"
-                            min="0"
-                            :rules="[(val) => !!val || t('zone.warnings.labelNotEmpty')]"
-                        />
-                    </div>
-                    <div class="col">
-                        <VnInput
-                            filled
-                            v-model="zone.plate"
-                            :label="t('zone.create.agency')"
-                            :rules="[(val) => !!val || t('zone.warnings.plateNotEmpty')]"
-                        />
-                    </div>
-                </div>
-                <div class="row q-col-gutter-md">
-                    <div class="col">
-                        <QInput
-                            filled
-                            v-model="zone.volume"
-                            :label="t('zone.create.close')"
-                            type="number"
-                            min="0"
-                            :rules="[(val) => !!val || t('zone.warnings.volumeNotEmpty')]"
-                        />
-                    </div>
-                    <div class="col">
-                        <QSelect
-                            filled
-                            v-model="zone.typeFk"
-                            use-input
-                            fill-input
-                            hide-selected
-                            input-debounce="0"
-                            option-label="name"
-                            option-value="id"
-                            emit-value
-                            map-options
-                            :label="t('zone.create.price')"
-                            :options="filteredZoneTypes"
-                            :rules="[(val) => !!val || t('zone.warnings.typeNotEmpty')]"
-                            @filter="filterType"
-                        >
-                            <template v-if="zone.typeFk" #append>
-                                <QIcon
-                                    name="cancel"
-                                    @click.stop.prevent="zone.typeFk = null"
-                                    class="cursor-pointer"
-                                />
-                            </template>
-                            <template #no-option>
-                                <QItem>
-                                    <QItemSection class="text-grey">
-                                        {{ t('zone.warnings.noData') }}
-                                    </QItemSection>
-                                </QItem>
-                            </template>
-                        </QSelect>
-                    </div>
-                </div>
-            </QCard>
-            <div class="q-mt-md">
-                <QBtn :label="t('zone.type.submit')" type="submit" color="primary" />
-                <QBtn
-                    :label="t('zone.type.reset')"
-                    type="reset"
-                    color="primary"
-                    flat
-                    class="q-ml-sm"
-                />
-            </div>
-        </QForm>
+    <FetchData
+        url="Warehouses"
+        :filter="{ order: ['name'] }"
+        @on-fetch="(data) => (warehousesOptions = data)"
+        auto-load
+    />
+    <FetchData
+        url="AgencyModes/isActive"
+        :filter="{ order: ['name'] }"
+        @on-fetch="(data) => (agencyOptions = data)"
+        auto-load
+    />
+    <QPage>
+        <VnSubToolbar />
+        <FormModel
+            url-create="Zones"
+            model="Zones"
+            :form-initial-data="newZoneForm"
+            @on-data-saved="redirectToZoneLocations"
+        >
+            <template #form="{ data }">
+                <VnRow class="row q-gutter-md q-mb-md">
+                    <VnInput
+                        v-model="data.name"
+                        :label="t('create.name')"
+                        :required="true"
+                    />
+                </VnRow>
+                <VnRow class="row q-gutter-md q-mb-md">
+                    <VnSelect
+                        :label="t('create.warehouse')"
+                        :options="warehousesOptions"
+                        hide-selected
+                        option-label="name"
+                        option-value="id"
+                        v-model="data.warehouseFk"
+                    />
+                    <VnSelect
+                        :label="t('create.agency')"
+                        :options="agencyOptions"
+                        hide-selected
+                        option-label="name"
+                        option-value="id"
+                        v-model="data.agencyModeFk"
+                        :required="true"
+                    />
+                </VnRow>
+                <VnRow class="row q-gutter-md q-mb-md">
+                    <VnInput
+                        v-model="data.travelingDays"
+                        :label="t('create.travelingDays')"
+                        type="number"
+                        min="0"
+                    />
+
+                    <VnInputTime v-model="data.hour" :label="t('create.closingHour')" />
+                </VnRow>
+                <VnRow class="row q-gutter-md q-mb-md">
+                    <VnInput
+                        v-model="data.price"
+                        :label="t('create.price')"
+                        type="number"
+                        min="0"
+                    />
+                    <VnInput
+                        v-model="data.bonus"
+                        :label="t('create.bonus')"
+                        type="number"
+                        min="0"
+                    />
+                </VnRow>
+                <VnRow class="row q-gutter-md q-mb-md">
+                    <QCheckbox
+                        :label="t('create.volumetric')"
+                        v-model="data.isVolumetric"
+                        :toggle-indeterminate="false"
+                    />
+                </VnRow>
+            </template>
+        </FormModel>
     </QPage>
 </template>
-
-<style lang="scss" scoped>
-.q-page {
-    display: flex;
-    justify-content: center;
-    align-items: flex-start;
-}
-
-.q-form {
-    width: 70%;
-}
-</style>
diff --git a/src/pages/Zone/ZoneList.vue b/src/pages/Zone/ZoneList.vue
index f260eb134..79273b198 100644
--- a/src/pages/Zone/ZoneList.vue
+++ b/src/pages/Zone/ZoneList.vue
@@ -30,7 +30,7 @@ async function remove(row) {
     try {
         await axios.delete(`Zones/${row.id}`).then(async () => {
             quasar.notify({
-                message: t('zone.list.removeItem'),
+                message: t('list.removeItem'),
                 type: 'positive',
             });
             store.data.splice(store.data.indexOf(row), 1);
@@ -61,23 +61,23 @@ async function remove(row) {
                     >
                         <template #list-items>
                             <VnLv
-                                :label="t('zone.list.id')"
-                                :title-label="t('zone.list.id')"
+                                :label="t('list.id')"
+                                :title-label="t('list.id')"
                                 :value="row.id"
                             />
-                            <VnLv :label="t('zone.list.name')" :value="row?.name" />
+                            <VnLv :label="t('list.name')" :value="row?.name" />
                             <VnLv
-                                :label="t('zone.list.agency')"
+                                :label="t('list.agency')"
                                 :options="agencyOptions"
                                 option-value="id"
                                 option-label="name"
                                 :value="row?.agencyFk"
                             />
                             <VnLv
-                                :label="t('zone.list.close')"
+                                :label="t('list.close')"
                                 :value="toTimeFormat(row?.hour)"
                             />
-                            <VnLv :label="t('zone.list.price')" :value="row?.price" />
+                            <VnLv :label="t('list.price')" :value="row?.price" />
                         </template>
                         <template #actions>
                             <QBtn
@@ -86,14 +86,14 @@ async function remove(row) {
                                 outline
                             />
                             <QBtn
-                                :label="t('zone.list.openSummary')"
+                                :label="t('list.openSummary')"
                                 @click.stop="viewSummary(row.id, ZoneSummary)"
                                 color="primary"
                                 style="margin-top: 15px"
                             />
                             <!--AQUI PONER BOTÓN CLONAR-->
                             <QBtn
-                                :label="t('zone.list.clone')"
+                                :label="t('list.clone')"
                                 @click.stop="remove(row)"
                                 color="primary"
                                 style="margin-top: 15px"
@@ -105,7 +105,7 @@ async function remove(row) {
         </div>
         <QPageSticky position="bottom-right" :offset="[18, 18]">
             <QBtn @click="create" fab icon="add" color="primary">
-                <QTooltip>{{ t('zone.list.create') }}</QTooltip>
+                <QTooltip>{{ t('list.create') }}</QTooltip>
             </QBtn>
         </QPageSticky>
     </QPage>
diff --git a/src/pages/Zone/locale/en.yml b/src/pages/Zone/locale/en.yml
index e62111d57..68227253c 100644
--- a/src/pages/Zone/locale/en.yml
+++ b/src/pages/Zone/locale/en.yml
@@ -1,19 +1,22 @@
-zone:
-    list:
-        volume: Volume
-        clone: Clone
-        id: Id
-        name: Name
-        agency: Agency
-        close: Close
-        price: Price
-        create: Create zone
-        openSummary: Details
-    create:
-        name: Name
-        agency: Agency
-        close: Close
-        price: Price
-    type:
-        submit: Save
-        reset: Reset
+list:
+    volume: Volume
+    clone: Clone
+    id: Id
+    name: Name
+    agency: Agency
+    close: Close
+    price: Price
+    create: Create zone
+    openSummary: Details
+create:
+    name: Name
+    warehouse: Warehouse
+    agency: Agency
+    travelingDays: Traveling days
+    closingHour: Closing hour
+    price: Price
+    bonus: Bonus
+    volumetric: Volumetric
+type:
+    submit: Save
+    reset: Reset
diff --git a/src/pages/Zone/locale/es.yml b/src/pages/Zone/locale/es.yml
index 5d7a265bf..6db837145 100644
--- a/src/pages/Zone/locale/es.yml
+++ b/src/pages/Zone/locale/es.yml
@@ -1,19 +1,22 @@
-zone:
-    list:
-        volume: Volumen
-        clone: Clonar
-        id: Id
-        name: Nombre
-        agency: Agencia
-        close: Cierre
-        price: Precio
-        create: Crear zona
-        openSummary: Detalles
-    create:
-        name: Nombre
-        agency: Agencia
-        close: Cierre
-        price: Precio
-    type:
-        submit: Guardar
-        reset: Reiniciar
+list:
+    volume: Volumen
+    clone: Clonar
+    id: Id
+    name: Nombre
+    agency: Agencia
+    close: Cierre
+    price: Precio
+    create: Crear zona
+    openSummary: Detalles
+create:
+    name: Nombre
+    warehouse: Almacén
+    agency: Agencia
+    travelingDays: Días de viaje
+    closingHour: Hora de cierre
+    price: Precio
+    bonus: Bonificación
+    volumetric: Volumétrico
+type:
+    submit: Guardar
+    reset: Reiniciar
diff --git a/src/router/modules/zone.js b/src/router/modules/zone.js
index 079dfaa84..ecf750bdc 100644
--- a/src/router/modules/zone.js
+++ b/src/router/modules/zone.js
@@ -11,58 +11,54 @@ export default {
     component: RouterView,
     redirect: { name: 'ZoneMain' },
     menus: {
-        main: [
-            /*'ZoneList', 'ZoneDeliveryList', 'ZoneUpcomingList'*/
-        ],
-        card: [
-            //
-        ],
+        main: ['ZoneList', 'ZoneDeliveryList', 'ZoneUpcomingList'],
+        card: ['ZoneLocations'],
     },
     children: [
-        // {
-        // path: '/zone',
-        // name: 'ZoneMain',
-        // component: () => import('src/pages/Zone/ZoneMain.vue'),
-        // redirect: { name: 'ZoneList' },
-        // children: [
-        //     {
-        //         path: 'list',
-        //         name: 'ZoneList',
-        //         meta: {
-        //             title: 'zonesList',
-        //             icon: 'vn:zone',
-        //         },
-        //         component: () => import('src/pages/Zone/ZoneList.vue'),
-        //     },
-        // {
-        //     path: 'create',
-        //     name: 'ZoneCreate',
-        //     meta: {
-        //         title: 'zoneCreate',
-        //         icon: 'create',
-        //     },
-        //     component: () => import('src/pages/Zone/ZoneCreate.vue'),
-        // },
-        // {
-        //     path: ':id/edit',
-        //     name: 'ZoneEdit',
-        //     meta: {
-        //         title: 'zoneEdit',
-        //         icon: 'edit',
-        //     },
-        //     component: () => import('src/pages/Zone/ZoneCreate.vue'),
-        // },
-        // {
-        //     path: 'counter',
-        //     name: 'ZoneCounter',
-        //     meta: {
-        //         title: 'zoneCounter',
-        //         icon: 'add_circle',
-        //     },
-        //     component: () => import('src/pages/Zone/ZoneCounter.vue'),
-        // },
-        // ],
-        // },
+        {
+            path: '/zone',
+            name: 'ZoneMain',
+            component: () => import('src/pages/Zone/ZoneMain.vue'),
+            redirect: { name: 'ZoneList' },
+            children: [
+                {
+                    path: 'list',
+                    name: 'ZoneList',
+                    meta: {
+                        title: 'zonesList',
+                        icon: 'vn:zone',
+                    },
+                    component: () => import('src/pages/Zone/ZoneList.vue'),
+                },
+                {
+                    path: 'create',
+                    name: 'ZoneCreate',
+                    meta: {
+                        title: 'zoneCreate',
+                        icon: 'create',
+                    },
+                    component: () => import('src/pages/Zone/ZoneCreate.vue'),
+                },
+                {
+                    path: ':id/edit',
+                    name: 'ZoneEdit',
+                    meta: {
+                        title: 'zoneEdit',
+                        icon: 'edit',
+                    },
+                    component: () => import('src/pages/Zone/ZoneCreate.vue'),
+                },
+                {
+                    path: 'counter',
+                    name: 'ZoneCounter',
+                    meta: {
+                        title: 'zoneCounter',
+                        icon: 'add_circle',
+                    },
+                    component: () => import('src/pages/Zone/ZoneCounter.vue'),
+                },
+            ],
+        },
         {
             name: 'ZoneCard',
             path: ':id',
@@ -78,6 +74,16 @@ export default {
                     },
                     component: () => import('src/pages/Zone/Card/ZoneSummary.vue'),
                 },
+                {
+                    name: 'ZoneLocations',
+                    path: 'location',
+                    meta: {
+                        title: 'locations',
+                        icon: 'vn:greuge',
+                    },
+                    component: () => import('src/pages/Zone/Card/ZoneLocations.vue'),
+                },
+
                 // {
                 //     path: '/zone/delivery',
                 //     name: 'ZoneDeliveryMain',

From 104ea5b8e5bab18ff56e1c73fed8f34fb0352035 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Thu, 9 May 2024 17:46:24 +0200
Subject: [PATCH 267/305] feat: refreshInterval

---
 src/pages/Monitor/SalesTicketsTable.vue | 21 +++++++++++++++++----
 src/pages/Monitor/locale/en.yml         |  1 +
 src/pages/Monitor/locale/es.yml         |  1 +
 3 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/pages/Monitor/SalesTicketsTable.vue b/src/pages/Monitor/SalesTicketsTable.vue
index 584a36c72..f451123e9 100644
--- a/src/pages/Monitor/SalesTicketsTable.vue
+++ b/src/pages/Monitor/SalesTicketsTable.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, computed, onMounted, reactive } from 'vue';
+import { ref, computed, onMounted, reactive, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 
@@ -19,9 +19,9 @@ import VnInputDate from 'src/components/common/VnInputDate.vue';
 import { useSummaryDialog } from 'src/composables/useSummaryDialog';
 import { toDateFormat, toTimeFormat } from 'src/filters/date.js';
 import { toCurrency } from 'src/filters';
-
+const DEFAULT_AUTO_REFRESH = 1000;
 const { t } = useI18n();
-
+const autoRefresh = ref(false);
 const router = useRouter();
 const paginateRef = ref(null);
 const workersActiveOptions = ref([]);
@@ -328,7 +328,15 @@ const getBadgeAttrs = (date) => {
     if (comparation < 0) return { color: 'success', 'text-color': 'black' };
     return { color: 'transparent', 'text-color': 'white' };
 };
-
+let refreshTimer = null;
+const autoRefreshHandler = (value) => {
+    if (value)
+        refreshTimer = setInterval(() => paginateRef.value.fetch(), DEFAULT_AUTO_REFRESH);
+    else {
+        clearInterval(refreshTimer);
+        refreshTimer = null;
+    }
+};
 const redirectToTicketSummary = (id) => {
     router.push({ name: 'TicketSummary', params: { id } });
 };
@@ -426,6 +434,11 @@ onMounted(async () => {
                         labels-traductions-path="salesTicketsTable"
                         @on-config-saved="visibleColumns = [...$event, 'rowActions']"
                     />
+                    <QCheckbox
+                        v-model="autoRefresh"
+                        :label="t('salesTicketsTable.autoRefresh')"
+                        @update:model-value="autoRefreshHandler"
+                    />
                 </template>
                 <template #top-row="{ cols }">
                     <QTr>
diff --git a/src/pages/Monitor/locale/en.yml b/src/pages/Monitor/locale/en.yml
index de3e7d735..40dfacb1c 100644
--- a/src/pages/Monitor/locale/en.yml
+++ b/src/pages/Monitor/locale/en.yml
@@ -17,6 +17,7 @@ salesOrdersTable:
     deleteConfirmTitle: Delete selected elements
     deleteConfirmMessage: All the selected elements will be deleted. Are you sure you want to continue?
 salesTicketsTable:
+    autoRefresh: Auto-refresh
     problems: Problems
     noVerifiedData: No verified data
     notVisible: Not visible
diff --git a/src/pages/Monitor/locale/es.yml b/src/pages/Monitor/locale/es.yml
index a717df4ad..029b9759a 100644
--- a/src/pages/Monitor/locale/es.yml
+++ b/src/pages/Monitor/locale/es.yml
@@ -17,6 +17,7 @@ salesOrdersTable:
     deleteConfirmTitle: Eliminar los elementos seleccionados
     deleteConfirmMessage: Todos los elementos seleccionados serán eliminados. ¿Seguro que quieres continuar?
 salesTicketsTable:
+    autoRefresh: Auto-refresco
     problems: Problemas
     noVerifiedData: Sin datos comprobados
     notVisible: No visible

From 7216b90a3eddbf3ffa2f65c579b14315fdd5edea Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Thu, 9 May 2024 15:13:45 -0300
Subject: [PATCH 268/305] Fix filter panel bug

---
 src/components/ui/VnFilterPanel.vue | 2 +-
 src/pages/Zone/ZoneFilterPanel.vue  | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/ui/VnFilterPanel.vue b/src/components/ui/VnFilterPanel.vue
index eb0bbbe66..dac028965 100644
--- a/src/components/ui/VnFilterPanel.vue
+++ b/src/components/ui/VnFilterPanel.vue
@@ -147,7 +147,7 @@ const customTags = computed(() =>
 
 async function remove(key) {
     userParams.value[key] = null;
-    await search();
+    await arrayData.applyFilter({ params: userParams.value });
     emit('remove', key);
 }
 
diff --git a/src/pages/Zone/ZoneFilterPanel.vue b/src/pages/Zone/ZoneFilterPanel.vue
index 32026bd5b..c84355eb0 100644
--- a/src/pages/Zone/ZoneFilterPanel.vue
+++ b/src/pages/Zone/ZoneFilterPanel.vue
@@ -23,7 +23,11 @@ const agencies = ref([]);
 
 <template>
     <FetchData url="agencies" @on-fetch="(data) => (agencies = data)" auto-load />
-    <VnFilterPanel :data-key="props.dataKey" :search-button="true">
+    <VnFilterPanel
+        :data-key="props.dataKey"
+        :search-button="true"
+        :hidden-tags="['search']"
+    >
         <template #tags="{ tag }">
             <div class="q-gutter-x-xs">
                 <strong>{{ t(`filterPanel.${tag.label}`) }}: </strong>

From 7f185c091bb331b3fc421b64f4d5648a5086c0ff Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 10 May 2024 08:13:02 +0200
Subject: [PATCH 269/305] feat: add descriptor

---
 src/i18n/locale/en.yml           |  6 ------
 src/i18n/locale/es.yml           |  7 +------
 src/pages/Zone/Card/ZoneCard.vue | 11 ++++++++++-
 src/pages/Zone/locale/en.yml     |  6 ++++++
 src/pages/Zone/locale/es.yml     |  8 ++++++++
 5 files changed, 25 insertions(+), 13 deletions(-)

diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index d8fb231f0..c5f923855 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -1234,12 +1234,6 @@ item/itemType:
         itemType: Item type
         basicData: Basic data
         summary: Summary
-zone:
-    pageTitles:
-        zones: Zone
-        zonesList: Zones
-        deliveryList: Delivery days
-        upcomingList: Upcoming deliveries
 components:
     topbar: {}
     itemsFilterPanel:
diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index 67e075935..3b417c3a6 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -1233,12 +1233,7 @@ item/itemType:
         itemType: Familia
         basicData: Datos básicos
         summary: Resumen
-zone:
-    pageTitles:
-        zones: Zona
-        zonesList: Zonas
-        deliveryList: Días de entrega
-        upcomingList: Próximos repartos
+
 components:
     topbar: {}
     itemsFilterPanel:
diff --git a/src/pages/Zone/Card/ZoneCard.vue b/src/pages/Zone/Card/ZoneCard.vue
index 948636c55..9d6895f36 100644
--- a/src/pages/Zone/Card/ZoneCard.vue
+++ b/src/pages/Zone/Card/ZoneCard.vue
@@ -1,6 +1,15 @@
 <script setup>
 import VnCard from 'components/common/VnCard.vue';
+import ZoneDescriptor from './ZoneDescriptor.vue';
 </script>
 <template>
-    <VnCard data-key="Zone" base-url="Zones" />
+    <VnCard
+        data-key="Zone"
+        base-url="Zones"
+        :descriptor="ZoneDescriptor"
+        searchbar-data-key="ZoneList"
+        searchbar-url="Zones/filter"
+        searchbar-label="Search zones"
+        searchbar-info="You can search by zone reference"
+    />
 </template>
diff --git a/src/pages/Zone/locale/en.yml b/src/pages/Zone/locale/en.yml
index 65067e6d9..d0a22ebcd 100644
--- a/src/pages/Zone/locale/en.yml
+++ b/src/pages/Zone/locale/en.yml
@@ -1,3 +1,9 @@
+zone:
+    pageTitles:
+        zones: Zone
+        zonesList: Zones
+        deliveryList: Delivery days
+        upcomingList: Upcoming deliveries
 list:
     clone: Clone
     id: Id
diff --git a/src/pages/Zone/locale/es.yml b/src/pages/Zone/locale/es.yml
index df889db10..3062950c8 100644
--- a/src/pages/Zone/locale/es.yml
+++ b/src/pages/Zone/locale/es.yml
@@ -1,3 +1,9 @@
+zone:
+    pageTitles:
+        zones: Zonas
+        zonesList: Zonas
+        deliveryList: Días de entrega
+        upcomingList: Próximos repartos
 list:
     clone: Clonar
     id: Id
@@ -32,3 +38,5 @@ summary:
 filterPanel:
     name: Nombre
     agencyModeFk: Agencia
+Search zones: Buscar zonas
+You can search by zone reference: Puedes buscar por referencia de la zona

From 2697078a557ac85d3f7c6fd3f22e5c5690e35fc3 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 10 May 2024 08:40:47 +0200
Subject: [PATCH 270/305] feat: Replace CarList by Table

---
 src/pages/Zone/ZoneList.vue | 168 ++++++++++++++++++++++++------------
 1 file changed, 114 insertions(+), 54 deletions(-)

diff --git a/src/pages/Zone/ZoneList.vue b/src/pages/Zone/ZoneList.vue
index cf9acf3e7..f3de8a41a 100644
--- a/src/pages/Zone/ZoneList.vue
+++ b/src/pages/Zone/ZoneList.vue
@@ -1,7 +1,8 @@
 <script setup>
 import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
-import { onMounted } from 'vue';
+import { onMounted, computed } from 'vue';
+import { dashIfEmpty, toCurrency, toDate } from 'src/filters';
 
 import VnPaginate from 'src/components/ui/VnPaginate.vue';
 import CardList from 'components/ui/CardList.vue';
@@ -12,7 +13,6 @@ import ZoneFilterPanel from './ZoneFilterPanel.vue';
 
 import { useSummaryDialog } from 'src/composables/useSummaryDialog';
 import { toTimeFormat } from 'src/filters/date';
-import { toCurrency } from 'filters/index';
 import { useVnConfirm } from 'composables/useVnConfirm';
 import useNotify from 'src/composables/useNotify.js';
 import { useStateStore } from 'stores/useStateStore';
@@ -25,13 +25,56 @@ const { notify } = useNotify();
 const { viewSummary } = useSummaryDialog();
 const { openConfirmationModal } = useVnConfirm();
 
-const redirectToZoneSummary = (id) => {
+const redirectToZoneSummary = (event, { id }) => {
     router.push({ name: 'ZoneSummary', params: { id } });
 };
 
 function redirectToCreateView() {
     router.push({ path: `/zone/create` });
 }
+const columns = computed(() => [
+    {
+        name: 'ID',
+        label: t('list.id'),
+        field: (row) => row.id,
+        sortable: true,
+        align: 'left',
+    },
+    {
+        name: 'name',
+        label: t('list.name'),
+        field: (row) => row.name,
+        sortable: true,
+        align: 'left',
+    },
+    {
+        name: 'agency',
+        label: t('list.agency'),
+        field: (row) => row?.agencyMode?.name,
+        sortable: true,
+        align: 'left',
+    },
+    {
+        name: 'close',
+        label: t('list.close'),
+        field: (row) => (row?.hour ? toTimeFormat(row?.hour) : '-'),
+        sortable: true,
+        align: 'left',
+    },
+    {
+        name: 'price',
+        label: t('list.price'),
+        field: (row) => (row?.price ? toCurrency(row.price) : '-'),
+        sortable: true,
+        align: 'left',
+    },
+    {
+        name: 'actions',
+        label: '',
+        sortable: false,
+        align: 'right',
+    },
+]);
 
 const exprBuilder = (param, value) => {
     switch (param) {
@@ -71,7 +114,13 @@ async function clone(id) {
         console.error('Error cloning zone: ', error);
     }
 }
-
+const handleClone = (id) => {
+    openConfirmationModal(
+        t('list.confirmCloneTitle'),
+        t('list.confirmCloneSubtitle'),
+        () => clone(id)
+    );
+};
 onMounted(async () => {
     stateStore.rightDrawer = true;
 });
@@ -97,8 +146,8 @@ onMounted(async () => {
             <ZoneFilterPanel data-key="ZoneList" :expr-builder="exprBuilder" />
         </QScrollArea>
     </QDrawer>
-    <QPage class="column items-center q-pa-md">
-        <div class="vn-card-list">
+    <QPage class="column items-center">
+        <div style="width: 100%">
             <VnPaginate
                 data-key="ZoneList"
                 url="Zones"
@@ -108,54 +157,65 @@ onMounted(async () => {
                 auto-load
             >
                 <template #body="{ rows }">
-                    <CardList
-                        v-for="row of rows"
-                        :key="row.id"
-                        :title="row.name"
-                        :id="row.id"
-                        @click="redirectToZoneSummary(row.id)"
-                    >
-                        <template #list-items>
-                            <VnLv
-                                :label="t('list.id')"
-                                :title-label="t('list.id')"
-                                :value="row.id"
-                            />
-                            <VnLv :label="t('list.name')" :value="row?.name" />
-                            <VnLv
-                                :label="t('list.agency')"
-                                :value="row.agencyMode?.name"
-                            />
-                            <VnLv
-                                :label="t('list.close')"
-                                :value="toTimeFormat(row?.hour)"
-                            />
-                            <VnLv
-                                :label="t('list.price')"
-                                :value="toCurrency(row?.price)"
-                            />
-                        </template>
-                        <template #actions>
-                            <QBtn
-                                :label="t('list.clone')"
-                                @click.stop="
-                                    openConfirmationModal(
-                                        t('list.confirmCloneTitle'),
-                                        t('list.confirmCloneSubtitle'),
-                                        () => clone(row.id)
-                                    )
-                                "
-                                outline
-                                style="margin-top: 15px"
-                            />
-                            <QBtn
-                                :label="t('list.openSummary')"
-                                @click.stop="viewSummary(row.id, ZoneSummary)"
-                                color="primary"
-                                style="margin-top: 15px"
-                            />
-                        </template>
-                    </CardList>
+                    <div class="q-pa-md">
+                        <QTable
+                            :rows="rows"
+                            :columns="columns"
+                            row-key="clientId"
+                            class="full-width"
+                            @row-click="redirectToZoneSummary"
+                        >
+                            <template #header="props">
+                                <QTr :props="props" class="bg">
+                                    <QTh
+                                        v-for="col in props.cols"
+                                        :key="col.name"
+                                        :props="props"
+                                    >
+                                        {{ t(col.label) }}
+                                        <QTooltip v-if="col.tooltip">{{
+                                            col.tooltip
+                                        }}</QTooltip>
+                                    </QTh>
+                                </QTr>
+                            </template>
+
+                            <template #body-cell="props">
+                                <QTd :props="props">
+                                    <QTr :props="props" class="cursor-pointer">
+                                        {{ props.value }}
+                                    </QTr></QTd
+                                ></template
+                            >
+                            <template #body-cell-actions="props">
+                                <QTd :props="props">
+                                    <div class="table-actions">
+                                        <QIcon
+                                            style="margin-top: 15px"
+                                            name="vn:clone"
+                                            size="sm"
+                                            color="primary"
+                                            @click.stop="handleClone(props.row.id)"
+                                        >
+                                            <QTooltip>{{
+                                                t('globals.clone')
+                                            }}</QTooltip> </QIcon
+                                        ><QIcon
+                                            style="margin-top: 15px"
+                                            name="preview"
+                                            size="sm"
+                                            color="primary"
+                                            @click.stop="
+                                                viewSummary(props.row.id, ZoneSummary)
+                                            "
+                                        >
+                                            <QTooltip>{{ t('Preview') }}</QTooltip>
+                                        </QIcon>
+                                    </div>
+                                </QTd>
+                            </template>
+                        </QTable>
+                    </div>
                 </template>
             </VnPaginate>
         </div>

From 1100588af589193c69242a28e04237feaabb75f1 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 10 May 2024 08:40:56 +0200
Subject: [PATCH 271/305] fix: minor size icons

---
 src/pages/Route/RouteAutonomous.vue | 2 +-
 src/pages/Route/RouteList.vue       | 4 ++--
 src/pages/Route/RouteRoadmap.vue    | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/Route/RouteAutonomous.vue b/src/pages/Route/RouteAutonomous.vue
index 0ecf0a971..238dce070 100644
--- a/src/pages/Route/RouteAutonomous.vue
+++ b/src/pages/Route/RouteAutonomous.vue
@@ -280,7 +280,7 @@ function navigateToRouteSummary(event, row) {
                                     <div class="table-actions">
                                         <QIcon
                                             name="preview"
-                                            size="xs"
+                                            size="sm"
                                             color="primary"
                                             @click.stop="
                                                 viewSummary(
diff --git a/src/pages/Route/RouteList.vue b/src/pages/Route/RouteList.vue
index c0888a225..73801e13a 100644
--- a/src/pages/Route/RouteList.vue
+++ b/src/pages/Route/RouteList.vue
@@ -422,7 +422,7 @@ const openTicketsDialog = (id) => {
                                     <div class="flex items-center no-wrap table-actions">
                                         <QIcon
                                             name="vn:ticketAdd"
-                                            size="xs"
+                                            size="sm"
                                             color="primary"
                                             class="cursor-pointer"
                                             @click="openTicketsDialog(props?.row?.id)"
@@ -431,7 +431,7 @@ const openTicketsDialog = (id) => {
                                         </QIcon>
                                         <QIcon
                                             name="preview"
-                                            size="xs"
+                                            size="sm"
                                             color="primary"
                                             @click="
                                                 viewSummary(props?.row?.id, RouteSummary)
diff --git a/src/pages/Route/RouteRoadmap.vue b/src/pages/Route/RouteRoadmap.vue
index 7a7dbd948..2ed8b6a9a 100644
--- a/src/pages/Route/RouteRoadmap.vue
+++ b/src/pages/Route/RouteRoadmap.vue
@@ -242,7 +242,7 @@ function navigateToRoadmapSummary(event, row) {
                                     <div class="flex items-center table-actions">
                                         <QIcon
                                             name="preview"
-                                            size="xs"
+                                            size="sm"
                                             color="primary"
                                             @click.stop="
                                                 viewSummary(

From 049564f443143054889e6017c0804970b4f39a98 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 10 May 2024 08:45:38 +0200
Subject: [PATCH 272/305] fix: Descriptor

---
 src/pages/Zone/Card/ZoneDescriptor.vue | 24 ++++++------------------
 src/pages/Zone/locale/es.yml           |  2 +-
 2 files changed, 7 insertions(+), 19 deletions(-)

diff --git a/src/pages/Zone/Card/ZoneDescriptor.vue b/src/pages/Zone/Card/ZoneDescriptor.vue
index 93e951801..8f0aa9e07 100644
--- a/src/pages/Zone/Card/ZoneDescriptor.vue
+++ b/src/pages/Zone/Card/ZoneDescriptor.vue
@@ -6,6 +6,7 @@ import { useI18n } from 'vue-i18n';
 import CardDescriptor from 'components/ui/CardDescriptor.vue';
 import VnLv from 'src/components/ui/VnLv.vue';
 import { toTimeFormat } from 'src/filters/date';
+import { toCurrency } from 'filters/index';
 
 import useCardDescription from 'src/composables/useCardDescription';
 
@@ -73,24 +74,11 @@ const setData = (entity) => {
         </template> -->
         <template #body="{ entity }">
             {{ console.log('entity', entity) }}
-            <VnLv :label="t('Agency')" :value="entity.agencyMode.name" />
-            <VnLv :label="t('Closing hour')" :value="toTimeFormat(entity.hour)" />
-            <VnLv :label="t('zoneing days')" :value="entity.zoneingDays" />
-            <VnLv :label="t('Price')" :value="entity.price" />
-            <VnLv :label="t('Bonus')" :value="entity.bonus" />
+            <VnLv :label="t('summary.agency')" :value="entity.agencyMode.name" />
+            <VnLv :label="t('summary.closeHour')" :value="toTimeFormat(entity.hour)" />
+            <VnLv :label="t('summary.travelingDays')" :value="entity.travelingDays" />
+            <VnLv :label="t('summary.price')" :value="toCurrency(entity.price)" />
+            <VnLv :label="t('summary.bonus')" :value="toCurrency(entity.bonus)" />
         </template>
     </CardDescriptor>
 </template>
-
-<i18n>
-es:
-    Summary: Detalles
-    The zone will be deleted: El envío será eliminado
-    Do you want to delete this zone?: ¿Quieres eliminar este envío?
-    All zones with current agency: Todos los envíos con la agencia actual
-    Agency: Agencia
-    Closing hour: Hora de cierre
-    zoneing days: Días de viaje
-    Price: Precio
-    Bonus: Bonificación
-</i18n>
diff --git a/src/pages/Zone/locale/es.yml b/src/pages/Zone/locale/es.yml
index 3062950c8..ad740d5f7 100644
--- a/src/pages/Zone/locale/es.yml
+++ b/src/pages/Zone/locale/es.yml
@@ -29,7 +29,7 @@ summary:
     agency: Agencia
     price: Precio
     basicData: Datos básicos
-    bonus: Bonificaciones
+    bonus: Bonificación
     closeHour: Hora de cierre
     travelingDays: Días de viaje
     volumetric: Volumétrico

From daf1d4de2dab1bab3b32d977b66350889c3d6c7d Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 10 May 2024 08:51:47 +0200
Subject: [PATCH 273/305] style changes

---
 src/css/app.scss            | 4 ++++
 src/pages/Zone/ZoneList.vue | 8 ++++----
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/css/app.scss b/src/css/app.scss
index 2e524e693..1b2e56add 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -182,3 +182,7 @@ input::-webkit-inner-spin-button {
 .q-scrollarea__content {
     max-width: 100%;
 }
+
+.mt-15 {
+    margin-top: 15px;
+}
diff --git a/src/pages/Zone/ZoneList.vue b/src/pages/Zone/ZoneList.vue
index f3de8a41a..c220ebb7b 100644
--- a/src/pages/Zone/ZoneList.vue
+++ b/src/pages/Zone/ZoneList.vue
@@ -146,8 +146,8 @@ onMounted(async () => {
             <ZoneFilterPanel data-key="ZoneList" :expr-builder="exprBuilder" />
         </QScrollArea>
     </QDrawer>
-    <QPage class="column items-center">
-        <div style="width: 100%">
+    <QPage class="column items-center q-pa-md">
+        <div class="vn-card-list">
             <VnPaginate
                 data-key="ZoneList"
                 url="Zones"
@@ -191,7 +191,7 @@ onMounted(async () => {
                                 <QTd :props="props">
                                     <div class="table-actions">
                                         <QIcon
-                                            style="margin-top: 15px"
+                                            class="mt-15"
                                             name="vn:clone"
                                             size="sm"
                                             color="primary"
@@ -201,7 +201,7 @@ onMounted(async () => {
                                                 t('globals.clone')
                                             }}</QTooltip> </QIcon
                                         ><QIcon
-                                            style="margin-top: 15px"
+                                            class="mt-15"
                                             name="preview"
                                             size="sm"
                                             color="primary"

From 7fd4c43b8bbbcdb5383e52b7b6da56b3d32fd5c7 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Fri, 10 May 2024 13:07:58 +0200
Subject: [PATCH 274/305] feat: refs #5919 workerlocker

---
 src/components/FormModel.vue           |  2 +-
 src/pages/Worker/Card/WorkerLocker.vue | 38 ++++++++++++++++----------
 2 files changed, 25 insertions(+), 15 deletions(-)

diff --git a/src/components/FormModel.vue b/src/components/FormModel.vue
index aea4923a9..2c2acb61c 100644
--- a/src/components/FormModel.vue
+++ b/src/components/FormModel.vue
@@ -160,7 +160,7 @@ async function fetch() {
             params: { filter: JSON.stringify($props.filter) },
         });
 
-        if (Array.isArray(data)) data = data[0];
+        if (Array.isArray(data)) data = data[0] ?? {};
 
         state.set($props.model, data);
         originalData.value = data && JSON.parse(JSON.stringify(data));
diff --git a/src/pages/Worker/Card/WorkerLocker.vue b/src/pages/Worker/Card/WorkerLocker.vue
index 403aa7160..d7cd10b48 100644
--- a/src/pages/Worker/Card/WorkerLocker.vue
+++ b/src/pages/Worker/Card/WorkerLocker.vue
@@ -1,22 +1,31 @@
 <script setup>
-import { ref } from 'vue';
+import { ref, computed } from 'vue';
 import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
+import axios from 'axios';
+import { useRole } from 'src/composables/useRole';
 import FormModel from 'components/FormModel.vue';
-import FetchData from 'src/components/FetchData.vue';
 import VnSelect from 'src/components/common/VnSelect.vue';
+import { useArrayData } from 'src/composables/useArrayData';
+import FetchData from 'components/FetchData.vue';
 
-const route = useRoute();
+const { hasAny } = useRole();
 const { t } = useI18n();
 const fetchData = ref();
 const lockers = ref([]);
-const filter = ref({ where: {} });
+const { store } = useArrayData('Worker');
+const entityId = computed(() => useRoute().params.id);
+const filter = computed(() => ({
+    where: {
+        gender: store.data?.sex,
+        or: [{ workerFk: null }, { workerFk: entityId.value }],
+    },
+}));
 
-const getLockers = async (workerLocker) => {
-    console.log(workerLocker);
-    filter.value.where.gender = workerLocker.sex;
-    await fetchData.value.fetch();
-};
+const canEdit = () => hasAny(['productionBoss', 'hr']);
+
+const save = async (data) =>
+    await axios.patch(`Lockers/${data.id}`, { workerFk: entityId.value });
 </script>
 <template>
     <FetchData
@@ -26,20 +35,21 @@ const getLockers = async (workerLocker) => {
         @on-fetch="(data) => (lockers = data)"
     />
     <FormModel
-        :url="`Workers/locker`"
-        model="Worker"
-        :filter="{ where: { id: route.params.id } }"
-        @on-fetch="getLockers"
+        :url="`Workers/${entityId}/locker`"
+        model="worker"
         auto-load
+        :save-fn="save"
+        @on-fetch="() => canEdit() && fetchData.fetch()"
     >
         <template #form="{ data }">
             <VnSelect
                 :label="t('Locker')"
-                v-model="data.locker"
+                v-model="data.id"
                 :options="lockers"
                 option-label="code"
                 option-value="id"
                 hide-selected
+                :readonly="!canEdit()"
             />
         </template>
     </FormModel>

From a692ca4a1828ab356a90bba2d90fc1f1e7751e0e Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Fri, 10 May 2024 16:01:32 +0200
Subject: [PATCH 275/305] feat: refs #5919 test & set workerFk null.

---
 src/pages/Worker/Card/WorkerLocker.vue        | 18 +++++++++++++-----
 .../integration/worker/workerLocker.spec.js   | 19 +++++++++++++++++++
 2 files changed, 32 insertions(+), 5 deletions(-)
 create mode 100644 test/cypress/integration/worker/workerLocker.spec.js

diff --git a/src/pages/Worker/Card/WorkerLocker.vue b/src/pages/Worker/Card/WorkerLocker.vue
index d7cd10b48..171074b20 100644
--- a/src/pages/Worker/Card/WorkerLocker.vue
+++ b/src/pages/Worker/Card/WorkerLocker.vue
@@ -12,6 +12,7 @@ import FetchData from 'components/FetchData.vue';
 const { hasAny } = useRole();
 const { t } = useI18n();
 const fetchData = ref();
+const originaLockerId = ref();
 const lockers = ref([]);
 const { store } = useArrayData('Worker');
 const entityId = computed(() => useRoute().params.id);
@@ -22,10 +23,17 @@ const filter = computed(() => ({
     },
 }));
 
-const canEdit = () => hasAny(['productionBoss', 'hr']);
+const save = async (data) => {
+    const lockerId = data.id ?? originaLockerId.value;
+    const workerFk = lockerId == originaLockerId.value ? null : entityId.value;
 
-const save = async (data) =>
-    await axios.patch(`Lockers/${data.id}`, { workerFk: entityId.value });
+    await axios.patch(`Lockers/${lockerId}`, { workerFk });
+};
+
+const init = async (data) => {
+    await fetchData.value.fetch();
+    originaLockerId.value = data.id;
+};
 </script>
 <template>
     <FetchData
@@ -39,7 +47,7 @@ const save = async (data) =>
         model="worker"
         auto-load
         :save-fn="save"
-        @on-fetch="() => canEdit() && fetchData.fetch()"
+        @on-fetch="init"
     >
         <template #form="{ data }">
             <VnSelect
@@ -49,7 +57,7 @@ const save = async (data) =>
                 option-label="code"
                 option-value="id"
                 hide-selected
-                :readonly="!canEdit()"
+                :readonly="!hasAny(['productionBoss', 'hr'])"
             />
         </template>
     </FormModel>
diff --git a/test/cypress/integration/worker/workerLocker.spec.js b/test/cypress/integration/worker/workerLocker.spec.js
new file mode 100644
index 000000000..8c1886438
--- /dev/null
+++ b/test/cypress/integration/worker/workerLocker.spec.js
@@ -0,0 +1,19 @@
+describe('WorkerList', () => {
+    const workerId = 1110;
+    const lockerCode = '200A';
+    const input = '.q-card input';
+    const firstOpt = '[role="listbox"] .q-item:nth-child(1)';
+    beforeEach(() => {
+        cy.viewport(1280, 720);
+        cy.login('productionBoss');
+        cy.visit(`/#/worker/${workerId}/locker`);
+    });
+
+    it('should allocates a locker', () => {
+        cy.get(input).click();
+        cy.get(input).type(lockerCode);
+        cy.get(firstOpt).click();
+        cy.saveCard();
+        cy.get(input).invoke('val').should('eq', lockerCode);
+    });
+});

From cd0dd6a735ef50eb4337ac57b4972d184bc209a9 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Fri, 10 May 2024 16:12:52 +0200
Subject: [PATCH 276/305] feat: refs #5919 changeLog

---
 CHANGELOG.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index e34523545..fd8a900b6 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -13,6 +13,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Added
 
+-   (Worker) => Se crea la sección Taquilla
+
 ### Fixed
 
 -   (General) => Se vuelven a mostrar los parámetros en la url al aplicar un filtro

From a28d18f1e1632b23a5c748fb3b078ed8edd709f1 Mon Sep 17 00:00:00 2001
From: alexm <alexm@verdnatura.es>
Date: Mon, 13 May 2024 09:30:03 +0200
Subject: [PATCH 277/305] fix: redirection when clone and styles

---
 src/css/app.scss            |  4 ---
 src/pages/Zone/ZoneList.vue | 60 ++++++++++++++++---------------------
 2 files changed, 26 insertions(+), 38 deletions(-)

diff --git a/src/css/app.scss b/src/css/app.scss
index 1b2e56add..2e524e693 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -182,7 +182,3 @@ input::-webkit-inner-spin-button {
 .q-scrollarea__content {
     max-width: 100%;
 }
-
-.mt-15 {
-    margin-top: 15px;
-}
diff --git a/src/pages/Zone/ZoneList.vue b/src/pages/Zone/ZoneList.vue
index c220ebb7b..3806a519e 100644
--- a/src/pages/Zone/ZoneList.vue
+++ b/src/pages/Zone/ZoneList.vue
@@ -106,13 +106,9 @@ const exprBuilder = (param, value) => {
 };
 
 async function clone(id) {
-    try {
-        await axios.post(`Zones/${id}/clone`);
-        notify(t('globals.dataSaved'), 'positive');
-        router.push({ name: 'ZoneBasicData', params: { id } });
-    } catch (error) {
-        console.error('Error cloning zone: ', error);
-    }
+    const { data } = await axios.post(`Zones/${id}/clone`);
+    notify(t('globals.dataSaved'), 'positive');
+    router.push({ name: 'ZoneBasicData', params: { id: data.id } });
 }
 const handleClone = (id) => {
     openConfirmationModal(
@@ -154,6 +150,7 @@ onMounted(async () => {
                 :filter="{
                     include: { relation: 'agencyMode', scope: { fields: ['name'] } },
                 }"
+                :limit="20"
                 auto-load
             >
                 <template #body="{ rows }">
@@ -184,34 +181,29 @@ onMounted(async () => {
                                 <QTd :props="props">
                                     <QTr :props="props" class="cursor-pointer">
                                         {{ props.value }}
-                                    </QTr></QTd
-                                ></template
-                            >
+                                    </QTr>
+                                </QTd>
+                            </template>
                             <template #body-cell-actions="props">
-                                <QTd :props="props">
-                                    <div class="table-actions">
-                                        <QIcon
-                                            class="mt-15"
-                                            name="vn:clone"
-                                            size="sm"
-                                            color="primary"
-                                            @click.stop="handleClone(props.row.id)"
-                                        >
-                                            <QTooltip>{{
-                                                t('globals.clone')
-                                            }}</QTooltip> </QIcon
-                                        ><QIcon
-                                            class="mt-15"
-                                            name="preview"
-                                            size="sm"
-                                            color="primary"
-                                            @click.stop="
-                                                viewSummary(props.row.id, ZoneSummary)
-                                            "
-                                        >
-                                            <QTooltip>{{ t('Preview') }}</QTooltip>
-                                        </QIcon>
-                                    </div>
+                                <QTd :props="props" class="q-gutter-x-sm">
+                                    <QIcon
+                                        name="vn:clone"
+                                        size="sm"
+                                        color="primary"
+                                        @click.stop="handleClone(props.row.id)"
+                                    >
+                                        <QTooltip>{{ t('globals.clone') }}</QTooltip>
+                                    </QIcon>
+                                    <QIcon
+                                        name="preview"
+                                        size="sm"
+                                        color="primary"
+                                        @click.stop="
+                                            viewSummary(props.row.id, ZoneSummary)
+                                        "
+                                    >
+                                        <QTooltip>{{ t('Preview') }}</QTooltip>
+                                    </QIcon>
                                 </QTd>
                             </template>
                         </QTable>

From 14910c5899f437b32295cd9ba3bbbbc5edb6d255 Mon Sep 17 00:00:00 2001
From: Jon <jon@verdnatura.es>
Date: Mon, 13 May 2024 12:46:25 +0200
Subject: [PATCH 278/305] feat: refs #7271 basicData and Log

---
 src/pages/Zone/Card/ZoneBasicData.vue  | 58 +++++++-------------------
 src/pages/Zone/Card/ZoneDescriptor.vue |  6 +--
 src/router/modules/zone.js             | 11 ++++-
 3 files changed, 29 insertions(+), 46 deletions(-)

diff --git a/src/pages/Zone/Card/ZoneBasicData.vue b/src/pages/Zone/Card/ZoneBasicData.vue
index 5d57b920e..00f34b431 100644
--- a/src/pages/Zone/Card/ZoneBasicData.vue
+++ b/src/pages/Zone/Card/ZoneBasicData.vue
@@ -1,34 +1,23 @@
 <script setup>
 import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
-
+import { ref } from 'vue';
 import FetchData from 'components/FetchData.vue';
 import FormModel from 'src/components/FormModel.vue';
 import VnRow from 'components/ui/VnRow.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import { QCheckbox } from 'quasar';
+import VnInputTime from 'src/components/common/VnInputTime.vue';
 
 const route = useRoute();
 const { t } = useI18n();
-const zoneFilter = {
-    include: [
-        {
-            relation: 'agency',
-            scope: {
-                fields: ['name'],
-                include: { relation: 'agencyModeFk', scope: { fields: ['id'] } },
-            },
-        },
-        { relation: 'sip', scope: { fields: ['extension', 'secret'] } },
-        { relation: 'department', scope: { include: { relation: 'department' } } },
-        { relation: 'client', scope: { fields: ['phone'] } },
-    ],
-};
+
 const agencyFilter = {
     fields: ['id', 'name'],
     order: 'name ASC',
     limit: 30,
 };
+const agencyOptions = ref([]);
 </script>
 
 <template>
@@ -36,53 +25,38 @@ const agencyFilter = {
         :filter="agencyFilter"
         @on-fetch="(data) => (agencyOptions = data)"
         auto-load
-        url="agencies"
-    />
-    <FetchData
-        :filter="zoneFilter"
-        @on-fetch="(data) => (zoneOptions = data)"
-        auto-load
-        url="zones"
+        url="AgencyModes"
     />
 
-    <FormModel
-        :filter="zoneFilter"
-        :url="`zone/${route.params.id}/basic-data`"
-        auto-load
-        model="Zone"
-    >
+    <FormModel :url="`Zones/${route.params.id}`" auto-load model="zone">
         <template #form="{ data }">
             <VnRow class="row q-gutter-md q-mb-md">
-                <VnInput :label="t('Name')" clearable v-model="data.zone.name" />
+                <VnInput :label="t('Name')" clearable v-model="data.name" />
             </VnRow>
 
             <VnRow class="row q-gutter-md q-mb-md">
-                <VnInput v-model="data.agency.name" :label="t('Agency')" clearable />
-                <VnInput v-model="data.zone.itemMaxSize" :label="t('Max m³')" clearable />
-                <VnInput v-model="data.zone.m3Max" :label="t('Maximum m³')" clearable />
+                <VnInput v-model="data.agencyModeFk" :label="t('Agency')" clearable />
+                <VnInput v-model="data.itemMaxSize" :label="t('Max m³')" clearable />
+                <VnInput v-model="data.m3Max" :label="t('Maximum m³')" clearable />
             </VnRow>
 
             <VnRow class="row q-gutter-md q-mb-md">
                 <VnInput
-                    v-model="data.zone.travelingDays"
+                    v-model="data.travelingDays"
                     :label="t('Traveling days')"
                     clearable
                 />
-                <VnInput v-model="data.zone.hour" :label="t('Closing')" clearable />
+                <VnInputTime v-model="data.hour" :label="t('Closing')" clearable />
             </VnRow>
 
             <VnRow class="row q-gutter-md q-mb-md">
-                <VnInput v-model="data.zone.price" :label="t('Price')" clearable />
-                <VnInput v-model="data.zone.bonus" :label="t('Bonus')" clearable />
+                <VnInput v-model="data.price" :label="t('Price')" clearable />
+                <VnInput v-model="data.bonus" :label="t('Bonus')" clearable />
             </VnRow>
 
             <VnRow class="row q-gutter-md q-mb-md">
-                <VnInput
-                    v-model="data.zone.inflation"
-                    :label="t('Inflation')"
-                    clearable
-                />
-                <QCheckbox v-model="data.zone.isVolumetric" :label="t('Volumetric')" />
+                <VnInput v-model="data.inflation" :label="t('Inflation')" clearable />
+                <QCheckbox v-model="data.isVolumetric" :label="t('Volumetric')" />
             </VnRow>
         </template>
     </FormModel>
diff --git a/src/pages/Zone/Card/ZoneDescriptor.vue b/src/pages/Zone/Card/ZoneDescriptor.vue
index 8f0aa9e07..f257a3159 100644
--- a/src/pages/Zone/Card/ZoneDescriptor.vue
+++ b/src/pages/Zone/Card/ZoneDescriptor.vue
@@ -9,6 +9,7 @@ import { toTimeFormat } from 'src/filters/date';
 import { toCurrency } from 'filters/index';
 
 import useCardDescription from 'src/composables/useCardDescription';
+import ZoneDescriptorMenuItems from './ZoneDescriptorMenuItems.vue';
 
 const $props = defineProps({
     id: {
@@ -69,11 +70,10 @@ const setData = (entity) => {
                 </QTooltip>
             </QBtn>
         </template>
-        <!-- <template #menu="{ entity }">
+        <template #menu="{ entity }">
             <ZoneDescriptorMenuItems :zone="entity" />
-        </template> -->
+        </template>
         <template #body="{ entity }">
-            {{ console.log('entity', entity) }}
             <VnLv :label="t('summary.agency')" :value="entity.agencyMode.name" />
             <VnLv :label="t('summary.closeHour')" :value="toTimeFormat(entity.hour)" />
             <VnLv :label="t('summary.travelingDays')" :value="entity.travelingDays" />
diff --git a/src/router/modules/zone.js b/src/router/modules/zone.js
index d39ed82d0..01c23c499 100644
--- a/src/router/modules/zone.js
+++ b/src/router/modules/zone.js
@@ -12,7 +12,7 @@ export default {
     redirect: { name: 'ZoneMain' },
     menus: {
         main: ['ZoneList', 'ZoneDeliveryList', 'ZoneUpcomingList'],
-        card: ['ZoneBasicData'],
+        card: ['ZoneBasicData', 'ZoneHistory'],
     },
     children: [
         {
@@ -83,6 +83,15 @@ export default {
                     },
                     component: () => import('src/pages/Zone/Card/ZoneBasicData.vue'),
                 },
+                {
+                    name: 'ZoneHistory',
+                    path: 'history',
+                    meta: {
+                        title: 'log',
+                        icon: 'history',
+                    },
+                    component: () => import('src/pages/Zone/Card/ZoneLog.vue'),
+                },
                 // {
                 //     path: '/zone/delivery',
                 //     name: 'ZoneDeliveryMain',

From a94c1a32e10ff80484b4884ef7e0f591e5335a30 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 13 May 2024 14:13:41 +0200
Subject: [PATCH 279/305] fix: show label agency instead id

---
 src/pages/Zone/Card/ZoneBasicData.vue | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/pages/Zone/Card/ZoneBasicData.vue b/src/pages/Zone/Card/ZoneBasicData.vue
index 00f34b431..819fec7e3 100644
--- a/src/pages/Zone/Card/ZoneBasicData.vue
+++ b/src/pages/Zone/Card/ZoneBasicData.vue
@@ -8,6 +8,7 @@ import VnRow from 'components/ui/VnRow.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import { QCheckbox } from 'quasar';
 import VnInputTime from 'src/components/common/VnInputTime.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 
 const route = useRoute();
 const { t } = useI18n();
@@ -29,13 +30,21 @@ const agencyOptions = ref([]);
     />
 
     <FormModel :url="`Zones/${route.params.id}`" auto-load model="zone">
-        <template #form="{ data }">
+        <template #form="{ data, validate }">
             <VnRow class="row q-gutter-md q-mb-md">
                 <VnInput :label="t('Name')" clearable v-model="data.name" />
             </VnRow>
 
             <VnRow class="row q-gutter-md q-mb-md">
-                <VnInput v-model="data.agencyModeFk" :label="t('Agency')" clearable />
+                <VnSelect
+                    option-label="name"
+                    option-value="id"
+                    v-model="data.agencyModeFk"
+                    :rules="validate('zone.agencyModeFk')"
+                    :options="agencyOptions"
+                    :label="t('Agency')"
+                    clearable
+                />
                 <VnInput v-model="data.itemMaxSize" :label="t('Max m³')" clearable />
                 <VnInput v-model="data.m3Max" :label="t('Maximum m³')" clearable />
             </VnRow>

From 7b99d2f38b89f5767443fd534c1e281a3306b3b6 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Mon, 13 May 2024 10:31:11 -0300
Subject: [PATCH 280/305] re order translation

---
 src/pages/Zone/locale/en.yml | 7 ++-----
 src/pages/Zone/locale/es.yml | 7 ++-----
 2 files changed, 4 insertions(+), 10 deletions(-)

diff --git a/src/pages/Zone/locale/en.yml b/src/pages/Zone/locale/en.yml
index b619def8f..746d3f2e7 100644
--- a/src/pages/Zone/locale/en.yml
+++ b/src/pages/Zone/locale/en.yml
@@ -16,6 +16,8 @@ list:
     openSummary: Details
     searchZone: Search zones
     searchInfo: Search zone by id or name
+    confirmCloneTitle: All it's properties will be copied
+    confirmCloneSubtitle: Do you want to clone this zone?
 create:
     name: Name
     warehouse: Warehouse
@@ -25,11 +27,6 @@ create:
     price: Price
     bonus: Bonus
     volumetric: Volumetric
-type:
-    submit: Save
-    reset: Reset
-    confirmCloneTitle: All it's properties will be copied
-    confirmCloneSubtitle: Do you want to clone this zone?
 summary:
     agency: Agency
     price: Price
diff --git a/src/pages/Zone/locale/es.yml b/src/pages/Zone/locale/es.yml
index 066e0c174..d9266b150 100644
--- a/src/pages/Zone/locale/es.yml
+++ b/src/pages/Zone/locale/es.yml
@@ -16,6 +16,8 @@ list:
     openSummary: Detalles
     searchZone: Buscar zonas
     searchInfo: Buscar zonas por identificador o nombre
+    confirmCloneTitle: Todas sus propiedades serán copiadas
+    confirmCloneSubtitle: ¿Seguro que quieres clonar esta zona?
 create:
     name: Nombre
     warehouse: Almacén
@@ -25,11 +27,6 @@ create:
     price: Precio
     bonus: Bonificación
     volumetric: Volumétrico
-type:
-    submit: Guardar
-    reset: Reiniciar
-    confirmCloneTitle: Todas sus propiedades serán copiadas
-    confirmCloneSubtitle: ¿Seguro que quieres clonar esta zona?
 summary:
     agency: Agencia
     price: Precio

From 07b91febb672f7cc00eb947bbb02bbca0047cb67 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Mon, 13 May 2024 15:41:35 +0200
Subject: [PATCH 281/305] feat: refs #6891 unit test

---
 .../components/common/VnSearchBar.spec.js     | 62 -------------------
 .../__tests__/composables/useRedirect.spec.js | 52 ++++++++++++++++
 2 files changed, 52 insertions(+), 62 deletions(-)
 delete mode 100644 test/vitest/__tests__/components/common/VnSearchBar.spec.js
 create mode 100644 test/vitest/__tests__/composables/useRedirect.spec.js

diff --git a/test/vitest/__tests__/components/common/VnSearchBar.spec.js b/test/vitest/__tests__/components/common/VnSearchBar.spec.js
deleted file mode 100644
index 0938ae9c0..000000000
--- a/test/vitest/__tests__/components/common/VnSearchBar.spec.js
+++ /dev/null
@@ -1,62 +0,0 @@
-import { vi, describe, expect, it, beforeAll, afterEach, beforeEach } from 'vitest';
-import { createWrapper } from 'app/test/vitest/helper';
-import VnSearchbar from 'components/ui/VnSearchbar.vue';
-// Probar a importar como plugin vue-router en archivo helper
-describe('VnSearchBar', () => {
-    let vm;
-    let wrapper;
-    let pushSpy;
-
-    beforeAll(() => {
-        wrapper = createWrapper(VnSearchbar, {
-            propsData: {
-                dataKey: 'CustomerList',
-                label: 'Search customer',
-                info: 'Info customer',
-            },
-        });
-        vm = wrapper.vm;
-        vm.router.currentRoute.value.matched = [
-            {
-                path: '/',
-            },
-            {
-                path: '/customer',
-            },
-            {
-                path: '/customer/:id',
-            },
-            {
-                path: '/customer/:id/basic-data',
-            },
-        ];
-
-        pushSpy = vi.spyOn(vm.router, 'push');
-        vi.spyOn(vm.arrayData, 'applyFilter');
-    });
-
-    beforeEach(() => (vm.store.data = [{ id: 1112, name: 'Trash' }]));
-    afterEach(() => vi.clearAllMocks());
-
-    it('should be defined', async () => {
-        expect(vm.searchText).toBeDefined();
-        expect(vm.searchText).toEqual('');
-    });
-
-    it('should redirect to list page if there are several results', async () => {
-        vm.store.data.push({ id: 1, name: 'employee' });
-        await vm.search();
-        expect(pushSpy).toHaveBeenCalledWith({ path: '/customer/list' });
-    });
-
-    it('should redirect to list page if there is no results', async () => {
-        vm.store.data.pop();
-        await vm.search();
-        expect(pushSpy).toHaveBeenCalledWith({ path: '/customer/list' });
-    });
-
-    it('should redirect to basic-data page if there is only one result', async () => {
-        await vm.search();
-        expect(pushSpy).toHaveBeenCalledWith({ path: '/customer/1112/basic-data' });
-    });
-});
diff --git a/test/vitest/__tests__/composables/useRedirect.spec.js b/test/vitest/__tests__/composables/useRedirect.spec.js
new file mode 100644
index 000000000..ce56189b9
--- /dev/null
+++ b/test/vitest/__tests__/composables/useRedirect.spec.js
@@ -0,0 +1,52 @@
+import { vi, describe, expect, it, beforeEach, beforeAll } from 'vitest';
+import useRedirect from 'src/composables/useRedirect';
+import { useRouter } from 'vue-router';
+
+vi.mock('vue-router');
+
+describe('useRedirect', () => {
+    useRouter.mockReturnValue({
+        push: vi.fn(),
+        currentRoute: {
+            value: {
+                matched: [
+                    { path: '/' },
+                    { path: '/customer' },
+                    { path: '/customer/:id' },
+                    { path: '/customer/:id/basic-data' },
+                ],
+            },
+        },
+    });
+    const data = [];
+    let navigate;
+    let spy;
+
+    beforeAll(() => {
+        const { navigate: navigateFn } = useRedirect();
+        navigate = navigateFn;
+        spy = useRouter().push;
+    });
+
+    beforeEach(() => {
+        data.length = 0;
+        spy.mockReset();
+    });
+
+    it('should redirect to list page if there are several results', async () => {
+        data.push({ id: 1, name: 'employee' }, { id: 2, name: 'boss' });
+        navigate(data, {});
+        expect(spy).toHaveBeenCalledWith({ path: '/customer/' });
+    });
+
+    it('should redirect to list page if there is no results', async () => {
+        navigate(data, {});
+        expect(spy).toHaveBeenCalledWith({ path: '/customer/' });
+    });
+
+    it('should redirect to basic-data page if there is only one result', async () => {
+        data.push({ id: 1, name: 'employee' });
+        navigate(data, {});
+        expect(spy).toHaveBeenCalledWith({ path: '/customer/1/basic-data' });
+    });
+});

From fdd3c41c96f4644213bf2f8aa1716f721f5d19ac Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Mon, 13 May 2024 15:46:48 +0200
Subject: [PATCH 282/305] feat: refs #6891 update changelog

---
 CHANGELOG.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index fd8a900b6..b72bc2c8a 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -14,6 +14,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Added
 
 -   (Worker) => Se crea la sección Taquilla
+-   (General) => Se mantiene el filtro lateral en cualquier parte de la seccíon.
 
 ### Fixed
 

From a878ad23b9d81721ce54818d90907b56ce3f65d0 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Mon, 13 May 2024 16:01:18 +0200
Subject: [PATCH 283/305] fix: refs #6891 fix invoiceInform design

---
 .../InvoiceIn/Card/InvoiceInBasicData.vue     | 32 ++++++++-----------
 1 file changed, 13 insertions(+), 19 deletions(-)

diff --git a/src/pages/InvoiceIn/Card/InvoiceInBasicData.vue b/src/pages/InvoiceIn/Card/InvoiceInBasicData.vue
index bdba33500..a963f1792 100644
--- a/src/pages/InvoiceIn/Card/InvoiceInBasicData.vue
+++ b/src/pages/InvoiceIn/Card/InvoiceInBasicData.vue
@@ -3,14 +3,13 @@ import { ref, computed } from 'vue';
 import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 import { useQuasar } from 'quasar';
+import axios from 'axios';
 import { useArrayData } from 'src/composables/useArrayData';
 import { downloadFile } from 'src/composables/downloadFile';
-
 import FormModel from 'components/FormModel.vue';
 import VnSelect from 'src/components/common/VnSelect.vue';
 import FetchData from 'src/components/FetchData.vue';
-
-import axios from 'axios';
+import VnRow from 'src/components/ui/VnRow.vue';
 
 const quasar = useQuasar();
 const route = useRoute();
@@ -181,7 +180,7 @@ async function upsert() {
         :auto-load="true"
     >
         <template #form="{ data }">
-            <div class="row q-gutter-md q-mb-md">
+            <VnRow>
                 <VnSelect
                     :label="t('supplierFk')"
                     v-model="data.supplierFk"
@@ -208,8 +207,8 @@ async function upsert() {
                     :label="t('Supplier ref')"
                     v-model="data.supplierRef"
                 />
-            </div>
-            <div class="row q-gutter-md q-mb-md">
+            </VnRow>
+            <VnRow>
                 <QInput
                     :label="t('Expedition date')"
                     v-model="data.issued"
@@ -264,8 +263,8 @@ async function upsert() {
                         </QIcon>
                     </template>
                 </QInput>
-            </div>
-            <div class="row q-gutter-md q-mb-md">
+            </VnRow>
+            <VnRow>
                 <QInput
                     :label="t('Undeductible VAT')"
                     v-model="data.deductibleExpenseFk"
@@ -318,8 +317,8 @@ async function upsert() {
                         </QBtn>
                     </template>
                 </QInput>
-            </div>
-            <div class="row q-gutter-md q-mb-md">
+            </VnRow>
+            <VnRow>
                 <QInput
                     :label="t('Entry date')"
                     v-model="data.bookEntried"
@@ -378,8 +377,8 @@ async function upsert() {
                         </QIcon>
                     </template>
                 </QInput>
-            </div>
-            <div class="row q-gutter-md q-mb-md">
+            </VnRow>
+            <VnRow>
                 <VnSelect
                     :label="t('Currency')"
                     v-model="data.currencyFk"
@@ -395,13 +394,8 @@ async function upsert() {
                     option-value="id"
                     option-label="code"
                 />
-            </div>
-            <div class="row q-gutter-md q-mb-md">
-                <QCheckbox
-                    :label="t('invoiceIn.summary.booked')"
-                    v-model="data.isBooked"
-                />
-            </div>
+            </VnRow>
+            <QCheckbox :label="t('invoiceIn.summary.booked')" v-model="data.isBooked" />
         </template>
     </FormModel>
     <QDialog ref="editDmsRef">

From 6a6d5b6d23be3e0c9d431fb28faa992d0413b0fd Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Mon, 13 May 2024 16:22:12 +0200
Subject: [PATCH 284/305] fix: refs #6891 fix workerLocker test

---
 test/cypress/integration/worker/workerLocker.spec.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/test/cypress/integration/worker/workerLocker.spec.js b/test/cypress/integration/worker/workerLocker.spec.js
index 8c1886438..01e74760b 100644
--- a/test/cypress/integration/worker/workerLocker.spec.js
+++ b/test/cypress/integration/worker/workerLocker.spec.js
@@ -1,6 +1,6 @@
 describe('WorkerList', () => {
-    const workerId = 1110;
-    const lockerCode = '200A';
+    const workerId = 1109;
+    const lockerCode = '201A';
     const input = '.q-card input';
     const firstOpt = '[role="listbox"] .q-item:nth-child(1)';
     beforeEach(() => {

From 364367d2f110e5691b32a16ede9ca68346965c75 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Mon, 13 May 2024 16:46:28 +0200
Subject: [PATCH 285/305] fix: refs #6891 fix invoiceInBasicData test test

---
 .../invoiceIn/invoiceInBasicData.spec.js           | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/test/cypress/integration/invoiceIn/invoiceInBasicData.spec.js b/test/cypress/integration/invoiceIn/invoiceInBasicData.spec.js
index fc989d6c5..963dda3e2 100644
--- a/test/cypress/integration/invoiceIn/invoiceInBasicData.spec.js
+++ b/test/cypress/integration/invoiceIn/invoiceInBasicData.spec.js
@@ -1,7 +1,8 @@
 /// <reference types="cypress" />
 describe('InvoiceInBasicData', () => {
-    const selects = '.q-form .q-card>:nth-child(1) > :nth-child(1) > .q-field';
-    const appendBtns = 'label button';
+    const formInputs = '.q-form > .q-card input';
+    const firstFormSelect = '.q-card > .vn-row:nth-child(1) > .q-select';
+    const appendBtns = '.q-form label button';
     const dialogAppendBtns = '.q-dialog label button';
     const dialogInputs = '.q-dialog input';
     const dialogActionBtns = '.q-card__actions button';
@@ -12,15 +13,14 @@ describe('InvoiceInBasicData', () => {
     });
 
     it('should edit the provideer and supplier ref', () => {
-        cy.selectOption(selects, 'Bros');
-
+        cy.selectOption(firstFormSelect, 'Bros');
         cy.get('[title="Reset"]').click();
         cy.get(appendBtns).eq(0).click();
-        cy.get('input').eq(2).type(4739);
+        cy.get(formInputs).eq(1).type(4739);
         cy.saveCard();
 
-        cy.get(`${selects} input`).eq(0).invoke('val').should('eq', 'Plants nick');
-        cy.get('input').eq(2).invoke('val').should('eq', '4739');
+        cy.get(`${firstFormSelect} input`).invoke('val').should('eq', 'Plants nick');
+        cy.get(formInputs).eq(1).invoke('val').should('eq', '4739');
     });
 
     it('should edit the dms data', () => {

From 5b3ee220d46d68c195581df3b6cebe061b30c675 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Mon, 13 May 2024 17:07:59 +0200
Subject: [PATCH 286/305] fix: refs #6891 fix ticketDescriptor test

---
 test/cypress/integration/ticket/ticketDescriptor.spec.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/test/cypress/integration/ticket/ticketDescriptor.spec.js b/test/cypress/integration/ticket/ticketDescriptor.spec.js
index 22401f0b4..fc920f346 100644
--- a/test/cypress/integration/ticket/ticketDescriptor.spec.js
+++ b/test/cypress/integration/ticket/ticketDescriptor.spec.js
@@ -1,6 +1,6 @@
 /// <reference types="cypress" />
 describe('Ticket descriptor', () => {
-    const toCloneOpt = '.q-list > :nth-child(5)';
+    const toCloneOpt = '[role="menu"] .q-list > :nth-child(5)';
     const warehouseValue = ':nth-child(1) > :nth-child(6) > .value > span';
     const summaryHeader = '.summaryHeader > div';
 

From b062474f91f164303151bfc40e5c1992336c612c Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Mon, 13 May 2024 17:20:50 +0200
Subject: [PATCH 287/305] fix: refs #6891 fix invoiceInDueDay test

---
 test/cypress/integration/invoiceIn/invoiceInDueDay.spec.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/test/cypress/integration/invoiceIn/invoiceInDueDay.spec.js b/test/cypress/integration/invoiceIn/invoiceInDueDay.spec.js
index f39c80809..124b60c34 100644
--- a/test/cypress/integration/invoiceIn/invoiceInDueDay.spec.js
+++ b/test/cypress/integration/invoiceIn/invoiceInDueDay.spec.js
@@ -1,6 +1,6 @@
 /// <reference types="cypress" />
 describe('InvoiceInDueDay', () => {
-    const inputs = 'label input';
+    const amountInput = 'tbody > tr:nth-child(1) td:nth-child(4)';
     const addBtn = '.q-page-sticky > div > .q-btn > .q-btn__content';
 
     beforeEach(() => {
@@ -9,7 +9,7 @@ describe('InvoiceInDueDay', () => {
     });
 
     it('should update the amount', () => {
-        cy.get(inputs).eq(3).type(23);
+        cy.get(amountInput).type('{selectall}{backspace}23');
         cy.saveCard();
         cy.get('.q-notification__message').should('have.text', 'Data saved');
     });

From 289bdeecae0645252b5c811b5117429c3861ee58 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Tue, 14 May 2024 10:41:07 +0200
Subject: [PATCH 288/305] fix: Workers/isActive

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

diff --git a/src/pages/Zone/Card/ZoneBasicData.vue b/src/pages/Zone/Card/ZoneBasicData.vue
index 819fec7e3..19fbe49d3 100644
--- a/src/pages/Zone/Card/ZoneBasicData.vue
+++ b/src/pages/Zone/Card/ZoneBasicData.vue
@@ -26,7 +26,7 @@ const agencyOptions = ref([]);
         :filter="agencyFilter"
         @on-fetch="(data) => (agencyOptions = data)"
         auto-load
-        url="AgencyModes"
+        url="AgencyModes/isActive"
     />
 
     <FormModel :url="`Zones/${route.params.id}`" auto-load model="zone">

From fa82efe5d25a4f7a2dce4c94b0f044511c1e07af Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Tue, 14 May 2024 10:41:28 +0200
Subject: [PATCH 289/305] fix: limit width some fields

---
 quasar.config.js                      |  2 +-
 src/pages/Zone/Card/ZoneBasicData.vue | 23 ++++++++++++++++++++---
 2 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/quasar.config.js b/quasar.config.js
index dd7a91002..b59c62eeb 100644
--- a/quasar.config.js
+++ b/quasar.config.js
@@ -29,7 +29,7 @@ module.exports = configure(function (/* ctx */) {
         // app boot file (/src/boot)
         // --> boot files are part of "main.js"
         // https://v2.quasar.dev/quasar-cli/boot-files
-        boot: ['i18n', 'axios', 'vnDate', 'validations', 'quasar.defaults'],
+        boot: ['i18n', 'axios', 'vnDate', 'validations', 'quasar', 'quasar.defaults'],
 
         // https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#css
         css: ['app.scss'],
diff --git a/src/pages/Zone/Card/ZoneBasicData.vue b/src/pages/Zone/Card/ZoneBasicData.vue
index 19fbe49d3..d5b727112 100644
--- a/src/pages/Zone/Card/ZoneBasicData.vue
+++ b/src/pages/Zone/Card/ZoneBasicData.vue
@@ -43,10 +43,23 @@ const agencyOptions = ref([]);
                     :rules="validate('zone.agencyModeFk')"
                     :options="agencyOptions"
                     :label="t('Agency')"
+                    emit-value
+                    map-options
+                    use-input
+                    hide-bottom-space
+                />
+                <VnInput
+                    class="mw-10"
+                    v-model="data.itemMaxSize"
+                    :label="t('Max m³')"
+                    clearable
+                />
+                <VnInput
+                    class="mw-10"
+                    v-model="data.m3Max"
+                    :label="t('Maximum m³')"
                     clearable
                 />
-                <VnInput v-model="data.itemMaxSize" :label="t('Max m³')" clearable />
-                <VnInput v-model="data.m3Max" :label="t('Maximum m³')" clearable />
             </VnRow>
 
             <VnRow class="row q-gutter-md q-mb-md">
@@ -70,7 +83,11 @@ const agencyOptions = ref([]);
         </template>
     </FormModel>
 </template>
-
+<style lang="scss" scoped>
+.mw-10 {
+    max-width: 10vw;
+}
+</style>
 <i18n>
 es:
     Name: Nombre

From c443b0a00f29c870323a3ba475ac4bed9ae3afae Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Tue, 14 May 2024 10:50:29 +0200
Subject: [PATCH 290/305] feat: input validations

---
 src/pages/Zone/Card/ZoneBasicData.vue | 28 ++++++++++++++++++++++++---
 1 file changed, 25 insertions(+), 3 deletions(-)

diff --git a/src/pages/Zone/Card/ZoneBasicData.vue b/src/pages/Zone/Card/ZoneBasicData.vue
index d5b727112..7a2c505fa 100644
--- a/src/pages/Zone/Card/ZoneBasicData.vue
+++ b/src/pages/Zone/Card/ZoneBasicData.vue
@@ -53,12 +53,16 @@ const agencyOptions = ref([]);
                     v-model="data.itemMaxSize"
                     :label="t('Max m³')"
                     clearable
+                    type="number"
+                    min="0"
                 />
                 <VnInput
                     class="mw-10"
                     v-model="data.m3Max"
                     :label="t('Maximum m³')"
                     clearable
+                    type="number"
+                    min="0"
                 />
             </VnRow>
 
@@ -67,18 +71,36 @@ const agencyOptions = ref([]);
                     v-model="data.travelingDays"
                     :label="t('Traveling days')"
                     clearable
+                    type="number"
+                    min="0"
                 />
                 <VnInputTime v-model="data.hour" :label="t('Closing')" clearable />
             </VnRow>
 
             <VnRow class="row q-gutter-md q-mb-md">
-                <VnInput v-model="data.price" :label="t('Price')" clearable />
-                <VnInput v-model="data.bonus" :label="t('Bonus')" clearable />
+                <VnInput
+                    v-model="data.price"
+                    :label="t('Price')"
+                    type="number"
+                    min="0"
+                    clearable
+                />
+                <VnInput
+                    v-model="data.bonus"
+                    :label="t('Bonus')"
+                    type="number"
+                    min="0"
+                    clearable
+                />
             </VnRow>
 
             <VnRow class="row q-gutter-md q-mb-md">
                 <VnInput v-model="data.inflation" :label="t('Inflation')" clearable />
-                <QCheckbox v-model="data.isVolumetric" :label="t('Volumetric')" />
+                <QCheckbox
+                    v-model="data.isVolumetric"
+                    :label="t('Volumetric')"
+                    :toggle-indeterminate="false"
+                />
             </VnRow>
         </template>
     </FormModel>

From cb40505f82c90be4d29a742bc6d939e55d957a7e Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Tue, 14 May 2024 11:11:28 +0200
Subject: [PATCH 291/305] fix: VnLocation > workercreate

---
 test/cypress/integration/VnLocation.spec.js | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/test/cypress/integration/VnLocation.spec.js b/test/cypress/integration/VnLocation.spec.js
index f373bad8a..008594642 100644
--- a/test/cypress/integration/VnLocation.spec.js
+++ b/test/cypress/integration/VnLocation.spec.js
@@ -1,13 +1,13 @@
 const locationOptions = '[role="listbox"] > div.q-virtual-scroll__content > .q-item';
 describe('VnLocation', () => {
     const dialogInputs = '.q-dialog label input';
-    describe('Create', () => {
+    describe('Worker Create', () => {
         const inputLocation =
-            '.q-form .q-card> :nth-child(3) > :nth-child(1) > .q-field > .q-field__inner > .q-field__control';
+            '.q-form .q-card > :nth-child(3) > .q-field > .q-field__inner > .q-field__control > .q-field__control-container';
         beforeEach(() => {
             cy.viewport(1280, 720);
             cy.login('developer');
-            cy.visit('/#/worker/create');
+            cy.visit('/#/worker/create', { timeout: 5000 });
             cy.waitForElement('.q-card');
         });
         it('Show all options', function () {
@@ -25,8 +25,9 @@ describe('VnLocation', () => {
             cy.get(inputLocation).clear();
             cy.get(inputLocation).type('ecuador');
             cy.get(locationOptions).should('have.length.at.least', 1);
-            cy.get(`${locationOptions}:nth-child(1)`).click();
-            cy.get(inputLocation + '> :nth-child(2) > .q-icon').click();
+            cy.get(
+                '.q-form .q-card > :nth-child(3) > .q-field > .q-field__inner > .q-field__control > :nth-child(3) > .q-icon'
+            ).click();
         });
     });
     describe('Fiscal-data', () => {

From f4dd9b84fd5c4be44ae856aaa8f645beb9b402ae Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Tue, 14 May 2024 11:42:34 +0200
Subject: [PATCH 292/305] fix: VnLocation > fiscal-data

---
 src/components/CreateNewPostcodeForm.vue    |  7 ++++---
 test/cypress/integration/VnLocation.spec.js | 12 ++++++------
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/components/CreateNewPostcodeForm.vue b/src/components/CreateNewPostcodeForm.vue
index fd8570176..064ad1631 100644
--- a/src/components/CreateNewPostcodeForm.vue
+++ b/src/components/CreateNewPostcodeForm.vue
@@ -127,9 +127,10 @@ const onProvinceCreated = async ({ name }, formData) => {
                         <CreateNewProvinceForm
                             @on-data-saved="onProvinceCreated($event, data)"
                         />
-                    </template>
-                </VnSelectDialog>
-                <VnSelect
+                    </template> </VnSelectDialog
+            ></VnRow>
+            <VnRow class="row q-gutter-md q-mb-xl"
+                ><VnSelect
                     :label="t('Country')"
                     :options="countriesOptions"
                     hide-selected
diff --git a/test/cypress/integration/VnLocation.spec.js b/test/cypress/integration/VnLocation.spec.js
index 008594642..d1cddd0e7 100644
--- a/test/cypress/integration/VnLocation.spec.js
+++ b/test/cypress/integration/VnLocation.spec.js
@@ -34,26 +34,26 @@ describe('VnLocation', () => {
         beforeEach(() => {
             cy.viewport(1280, 720);
             cy.login('developer');
-            cy.visit('/#/supplier/567/fiscal-data', { timeout: 2000 });
-            cy.waitForElement('.q-card');
+            cy.visit('/#/supplier/567/fiscal-data', { timeout: 7000 });
+            cy.waitForElement('.q-form');
         });
         it('Create postCode', function () {
             cy.get(
-                ':nth-child(6) > :nth-child(1) > .q-field > .q-field__inner > .q-field__control > :nth-child(3) > .q-icon'
+                ':nth-child(6) > .q-field > .q-field__inner > .q-field__control > :nth-child(3) > .q-icon'
             ).click();
             cy.get('.q-card > h1').should('have.text', 'New postcode');
             cy.get(dialogInputs).eq(0).clear('12');
             cy.get(dialogInputs).eq(0).type('1234453');
             cy.selectOption(
-                '.q-dialog__inner > .column > #formModel > .q-card > :nth-child(4) > :nth-child(2) > .q-field > .q-field__inner > .q-field__control ',
+                '.q-dialog__inner > .column > #formModel > .q-card > :nth-child(4)   > .q-select > .q-field__inner > .q-field__control ',
                 'Valencia'
             );
             cy.selectOption(
-                '.q-dialog__inner > .column > #formModel > .q-card > :nth-child(5) > :nth-child(1) > .q-field > .q-field__inner > .q-field__control ',
+                '.q-dialog__inner > .column > #formModel > .q-card > :nth-child(5)   > .q-select > .q-field__inner > .q-field__control ',
                 'Province one'
             );
             cy.selectOption(
-                '.q-dialog__inner > .column > #formModel > .q-card > :nth-child(5) > :nth-child(2) > .q-field > .q-field__inner > .q-field__control ',
+                '.q-dialog__inner > .column > #formModel > .q-card > :nth-child(6)  > .q-select > .q-field__inner > .q-field__control ',
                 'España'
             );
             cy.get('.q-mt-lg > .q-btn--standard').click();

From 189c3e0218c3d76a401cc46f14d5af0803b0a679 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Tue, 14 May 2024 13:00:03 +0200
Subject: [PATCH 293/305] fix: refs #6891 fix invoiceInVat test

---
 test/cypress/integration/invoiceIn/invoiceInVat.spec.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/test/cypress/integration/invoiceIn/invoiceInVat.spec.js b/test/cypress/integration/invoiceIn/invoiceInVat.spec.js
index ff891399b..389be671c 100644
--- a/test/cypress/integration/invoiceIn/invoiceInVat.spec.js
+++ b/test/cypress/integration/invoiceIn/invoiceInVat.spec.js
@@ -29,7 +29,7 @@ describe('InvoiceInVat', () => {
     });
 
     it('should remove the first line', () => {
-        cy.removeRow(1);
+        cy.removeRow(2);
     });
 
     it('should throw an error if there are fields undefined', () => {

From 90a9a7dcc73d6f4903055458b8a09401010eef39 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Tue, 14 May 2024 13:07:29 +0200
Subject: [PATCH 294/305] fix: refs #6891 fix invoiceIntrastat test

---
 .../integration/invoiceIn/invoiceInIntrastat.spec.js       | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/test/cypress/integration/invoiceIn/invoiceInIntrastat.spec.js b/test/cypress/integration/invoiceIn/invoiceInIntrastat.spec.js
index 306c0b8c0..c87fd4315 100644
--- a/test/cypress/integration/invoiceIn/invoiceInIntrastat.spec.js
+++ b/test/cypress/integration/invoiceIn/invoiceInIntrastat.spec.js
@@ -17,10 +17,7 @@ describe('InvoiceInIntrastat', () => {
         cy.saveCard();
         cy.visit(`/#/invoice-in/1/intrastat`);
 
-        cy.getValue(firstLineCode).should(
-            'equal',
-            'Plantas vivas: Esqueje/injerto, Vid'
-        );
+        cy.getValue(firstLineCode).should('equal', 'Plantas vivas: Esqueje/injerto, Vid');
     });
 
     it('should add a new row', () => {
@@ -33,6 +30,6 @@ describe('InvoiceInIntrastat', () => {
     });
 
     it('should remove the first line', () => {
-        cy.removeRow(1);
+        cy.removeRow(2);
     });
 });

From e4637b7d150e243d4065bfa6b640e45ab575b446 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Tue, 14 May 2024 14:39:55 +0200
Subject: [PATCH 295/305] fix: refs #7274 add note

---
 src/components/common/VnInput.vue             |  2 +-
 .../Customer/Defaulter/CustomerDefaulter.vue  | 31 +++++++------------
 2 files changed, 13 insertions(+), 20 deletions(-)

diff --git a/src/components/common/VnInput.vue b/src/components/common/VnInput.vue
index 684770e9c..9d5849b68 100644
--- a/src/components/common/VnInput.vue
+++ b/src/components/common/VnInput.vue
@@ -83,7 +83,7 @@ const inputRules = [
                 <slot name="prepend" />
             </template>
 
-            <template #append>
+            <template #append v-if="!!$attrs.disabled">
                 <slot name="append" v-if="$slots.append" />
                 <QIcon
                     name="close"
diff --git a/src/pages/Customer/Defaulter/CustomerDefaulter.vue b/src/pages/Customer/Defaulter/CustomerDefaulter.vue
index 475672009..3817e8a49 100644
--- a/src/pages/Customer/Defaulter/CustomerDefaulter.vue
+++ b/src/pages/Customer/Defaulter/CustomerDefaulter.vue
@@ -168,31 +168,20 @@ const columns = computed(() => [
     },
 ]);
 
-const setRows = (data) => {
-    balanceDueTotal.value = data.reduce((accumulator, currentValue) => {
-        return accumulator + (currentValue['amount'] || 0);
-    }, 0);
-};
-
 const viewAddObservation = (rowsSelected) => {
     quasar.dialog({
         component: CustomerDefaulterAddObservation,
         componentProps: {
             clients: rowsSelected,
-            promise: refreshData,
+            promise: async () => await dataRef.value.fetch(),
         },
     });
 };
 
-const refreshData = async () => {
-    await dataRef.value.fetch();
-};
-
 const onFetch = (data) => {
-    for (const element of data) {
-        element.isWorker = element.businessTypeFk === 'worker';
-    }
-    setRows(data);
+    for (const element of data) element.isWorker = element.businessTypeFk === 'worker';
+
+    balanceDueTotal.value = data.reduce((acc, { amount = 0 }) => acc + amount, 0);
 };
 </script>
 
@@ -212,8 +201,8 @@ const onFetch = (data) => {
                     </QTooltip>
                 </QBtn>
             </div>
-        </Teleport></template
-    >
+        </Teleport>
+    </template>
 
     <QDrawer v-model="stateStore.rightDrawer" side="right" :width="256" show-if-above>
         <QScrollArea class="fit text-grey-8">
@@ -239,6 +228,7 @@ const onFetch = (data) => {
 
     <QPage class="column items-center q-pa-md">
         <VnPaginate
+            ref="dataRef"
             @on-fetch="onFetch"
             data-key="CustomerDefaulter"
             :filter="filter"
@@ -303,6 +293,7 @@ const onFetch = (data) => {
                                                     type="textarea"
                                                     v-model="props.value"
                                                     autogrow
+                                                    :disable="true"
                                                 />
                                             </div>
                                             <div v-else>{{ props.value }}</div>
@@ -324,8 +315,10 @@ const onFetch = (data) => {
                                 </QTr>
                             </QTd>
                         </template>
-                    </QTable></div></template
-        ></VnPaginate>
+                    </QTable>
+                </div>
+            </template>
+        </VnPaginate>
     </QPage>
 </template>
 

From 9d9d3db43bacc7f2430f6186f229efb602f95dcd Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Tue, 14 May 2024 17:29:15 +0200
Subject: [PATCH 296/305] fix: refs #7274 defaulterFilter

---
 .../Customer/Defaulter/CustomerDefaulter.vue  | 33 +++++++++++++++++--
 .../Defaulter/CustomerDefaulterFilter.vue     |  2 +-
 2 files changed, 32 insertions(+), 3 deletions(-)

diff --git a/src/pages/Customer/Defaulter/CustomerDefaulter.vue b/src/pages/Customer/Defaulter/CustomerDefaulter.vue
index 3817e8a49..6fc36bcff 100644
--- a/src/pages/Customer/Defaulter/CustomerDefaulter.vue
+++ b/src/pages/Customer/Defaulter/CustomerDefaulter.vue
@@ -5,7 +5,7 @@ import { useI18n } from 'vue-i18n';
 import { QBtn, QCheckbox, useQuasar } from 'quasar';
 import { useStateStore } from 'stores/useStateStore';
 
-import { toCurrency, toDate } from 'filters/index';
+import { toCurrency, toDate, dateRange } from 'filters/index';
 import VnPaginate from 'src/components/ui/VnPaginate.vue';
 import CustomerNotificationsFilter from './CustomerDefaulterFilter.vue';
 import CustomerBalanceDueTotal from './CustomerBalanceDueTotal.vue';
@@ -16,7 +16,7 @@ import VnInput from 'src/components/common/VnInput.vue';
 import CustomerDefaulterAddObservation from './CustomerDefaulterAddObservation.vue';
 const stateStore = useStateStore();
 
-const { t } = useI18n();
+const { t, locale } = useI18n();
 const quasar = useQuasar();
 const dataRef = ref(null);
 
@@ -183,6 +183,34 @@ const onFetch = (data) => {
 
     balanceDueTotal.value = data.reduce((acc, { amount = 0 }) => acc + amount, 0);
 };
+
+function getRange(value) {
+    let date;
+    if (locale.value === 'es') {
+        const [day, month, year] = value.split('/');
+        date = new Date(year, month - 1, day);
+    } else date = new Date(value);
+
+    return dateRange(date);
+}
+
+function exprBuilder(param, value) {
+    switch (param) {
+        case 'clientFk':
+            return { [`d.${param}`]: value?.id };
+        case 'creditInsurance':
+        case 'amount':
+        case 'workerFk':
+        case 'countryFk':
+        case 'payMethod':
+        case 'salesPersonFk':
+            return { [`d.${param}`]: value };
+        case 'date':
+            return { 'd.created': { between: getRange(value) } };
+        case 'defaulterSinced':
+            return { 'd.defaulterSinced': { between: getRange(value) } };
+    }
+}
 </script>
 
 <template>
@@ -232,6 +260,7 @@ const onFetch = (data) => {
             @on-fetch="onFetch"
             data-key="CustomerDefaulter"
             :filter="filter"
+            :expr-builder="exprBuilder"
             auto-load
             url="Defaulters/filter"
         >
diff --git a/src/pages/Customer/Defaulter/CustomerDefaulterFilter.vue b/src/pages/Customer/Defaulter/CustomerDefaulterFilter.vue
index 9d173087b..0a594f92f 100644
--- a/src/pages/Customer/Defaulter/CustomerDefaulterFilter.vue
+++ b/src/pages/Customer/Defaulter/CustomerDefaulterFilter.vue
@@ -57,7 +57,7 @@ const authors = ref();
                         hide-selected
                         map-options
                         option-label="name"
-                        option-value="clientTypeFk"
+                        option-value="id"
                         outlined
                         rounded
                         use-input

From 2b27e39d7206a46a51416105fcd4c98bc377e70e Mon Sep 17 00:00:00 2001
From: alexm <alexm@verdnatura.es>
Date: Wed, 15 May 2024 09:37:33 +0200
Subject: [PATCH 297/305] fix: zone icon and isVolumetric default false

---
 src/pages/Zone/Card/ZoneDescriptor.vue |  2 +-
 src/pages/Zone/ZoneCreate.vue          |  1 +
 src/router/modules/zone.js             | 18 +++++++++---------
 3 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/src/pages/Zone/Card/ZoneDescriptor.vue b/src/pages/Zone/Card/ZoneDescriptor.vue
index f257a3159..b3a55bbe0 100644
--- a/src/pages/Zone/Card/ZoneDescriptor.vue
+++ b/src/pages/Zone/Card/ZoneDescriptor.vue
@@ -60,7 +60,7 @@ const setData = (entity) => {
                 flat
                 dense
                 size="md"
-                icon="preview"
+                icon="vn:zone"
                 color="white"
                 class="link"
                 :to="{ name: 'ZoneList' }"
diff --git a/src/pages/Zone/ZoneCreate.vue b/src/pages/Zone/ZoneCreate.vue
index 8aa72f0d1..e25ccae3a 100644
--- a/src/pages/Zone/ZoneCreate.vue
+++ b/src/pages/Zone/ZoneCreate.vue
@@ -19,6 +19,7 @@ const newZoneForm = reactive({
     price: 0.2,
     bonus: 0.2,
     hour: Date.vnNew(),
+    isVolumetric: false,
 });
 const warehousesOptions = ref([]);
 const agencyOptions = ref([]);
diff --git a/src/router/modules/zone.js b/src/router/modules/zone.js
index 4b0ce0a5b..9c917c301 100644
--- a/src/router/modules/zone.js
+++ b/src/router/modules/zone.js
@@ -48,15 +48,15 @@ export default {
                     },
                     component: () => import('src/pages/Zone/ZoneCreate.vue'),
                 },
-                {
-                    path: 'counter',
-                    name: 'ZoneCounter',
-                    meta: {
-                        title: 'zoneCounter',
-                        icon: 'add_circle',
-                    },
-                    component: () => import('src/pages/Zone/ZoneCounter.vue'),
-                },
+                // {
+                //     path: 'counter',
+                //     name: 'ZoneCounter',
+                //     meta: {
+                //         title: 'zoneCounter',
+                //         icon: 'add_circle',
+                //     },
+                //     component: () => import('src/pages/Zone/ZoneCounter.vue'),
+                // },
             ],
         },
         {

From a3f074ea0ae3a92960dd4b7aef1c9b8da8ef9a5e Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Wed, 15 May 2024 10:13:49 +0200
Subject: [PATCH 298/305] refs #6905 fix data

---
 src/components/UserPanel.vue | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/components/UserPanel.vue b/src/components/UserPanel.vue
index c2011639f..de4dcdadc 100644
--- a/src/components/UserPanel.vue
+++ b/src/components/UserPanel.vue
@@ -178,6 +178,10 @@ function copyUserToken() {
                     :options="warehousesData"
                     option-label="name"
                     option-value="id"
+                    emit-value
+                    dense
+                    input-debounce="0"
+                    hide-selected
                 />
                 <VnSelect
                     :label="t('components.userPanel.localBank')"
@@ -185,6 +189,10 @@ function copyUserToken() {
                     :options="accountBankData"
                     option-label="bank"
                     option-value="id"
+                    emit-value
+                    dense
+                    input-debounce="0"
+                    hide-selected
                 >
                     <template #option="{ itemProps, opt }">
                         <QItem v-bind="itemProps">
@@ -201,10 +209,13 @@ function copyUserToken() {
                 <VnSelect
                     :label="t('components.userPanel.localCompany')"
                     hide-selected
-                    v-model="user.companyFk"
+                    v-model="user.localCompanyFk"
                     :options="companiesData"
                     option-label="code"
                     option-value="id"
+                    emit-value
+                    dense
+                    input-debounce="0"
                 />
                 <VnSelect
                     :label="t('components.userPanel.userWarehouse')"
@@ -213,6 +224,9 @@ function copyUserToken() {
                     :options="warehousesData"
                     option-label="name"
                     option-value="id"
+                    emit-value
+                    dense
+                    input-debounce="0"
                 />
             </VnRow>
             <VnRow>
@@ -224,6 +238,8 @@ function copyUserToken() {
                     option-label="code"
                     option-value="id"
                     style="flex: 0"
+                    dense
+                    input-debounce="0"
                 />
             </VnRow>
         </div>

From 942efc319a7546303fcb825fe1a638634ec17e79 Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Wed, 15 May 2024 11:46:04 +0200
Subject: [PATCH 299/305] refs #6905 fix userState

---
 src/composables/useState.js | 20 ++------------------
 1 file changed, 2 insertions(+), 18 deletions(-)

diff --git a/src/composables/useState.js b/src/composables/useState.js
index e671d41bd..9b9c9d642 100644
--- a/src/composables/useState.js
+++ b/src/composables/useState.js
@@ -20,28 +20,12 @@ const headerMounted = ref(false);
 export function useState() {
     function getUser() {
         return computed(() => {
-            return {
-                id: user.value.id,
-                name: user.value.name,
-                nickname: user.value.nickname,
-                lang: user.value.lang,
-                darkMode: user.value.darkMode,
-                companyFk: user.value.companyFk,
-                warehouseFk: user.value.warehouseFk,
-            };
+            return user.value;
         });
     }
 
     function setUser(data) {
-        user.value = {
-            id: data.id,
-            name: data.name,
-            nickname: data.nickname,
-            lang: data.lang,
-            darkMode: data.darkMode,
-            companyFk: data.companyFk,
-            warehouseFk: data.warehouseFk,
-        };
+        user.value = data;
     }
 
     function getRoles() {

From 2eca98d31d241bf0494ae0c05a0122890ca93748 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Wed, 15 May 2024 11:54:14 +0200
Subject: [PATCH 300/305] feat: refs #7274 show total on rightMenu

---
 src/pages/Customer/Card/CustomerGreuges.vue | 53 ++++++++++++---------
 1 file changed, 31 insertions(+), 22 deletions(-)

diff --git a/src/pages/Customer/Card/CustomerGreuges.vue b/src/pages/Customer/Card/CustomerGreuges.vue
index 0c6e04520..0dcb3a3a9 100644
--- a/src/pages/Customer/Card/CustomerGreuges.vue
+++ b/src/pages/Customer/Card/CustomerGreuges.vue
@@ -1,20 +1,17 @@
 <script setup>
 import { ref, computed } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { useRoute, useRouter } from 'vue-router';
-
+import { useRoute } from 'vue-router';
 import { QBtn } from 'quasar';
-
+import { useStateStore } from 'src/stores/useStateStore';
 import { toCurrency } from 'src/filters';
 import { toDateTimeFormat } from 'src/filters/date';
-
 import FetchData from 'components/FetchData.vue';
 import WorkerDescriptorProxy from 'src/pages/Worker/Card/WorkerDescriptorProxy.vue';
 
 const { t } = useI18n();
 const route = useRoute();
-const router = useRouter();
-
+const stateStore = computed(() => useStateStore());
 const rows = ref([]);
 const totalAmount = ref(0);
 
@@ -105,28 +102,40 @@ const columns = computed(() => [
 
 const setRows = (data) => {
     rows.value = data;
-    totalAmount.value = data.reduce((accumulator, currentValue) => {
-        return accumulator + currentValue.amount;
-    }, 0);
-};
-
-const toCustomerGreugeCreate = () => {
-    router.push({ name: 'CustomerGreugeCreate' });
+    totalAmount.value = data.reduce((acc, { amount = 0 }) => acc + amount, 0);
 };
 </script>
 
 <template>
     <FetchData :filter="filter" @on-fetch="setRows" auto-load url="greuges" />
-
+    <template v-if="stateStore.isHeaderMounted()">
+        <Teleport to="#actions-append">
+            <div class="row q-gutter-x-sm">
+                <QBtn
+                    flat
+                    @click="stateStore.toggleRightDrawer()"
+                    round
+                    dense
+                    icon="menu"
+                >
+                    <QTooltip bottom anchor="bottom right">
+                        {{ t('globals.collapseMenu') }}
+                    </QTooltip>
+                </QBtn>
+            </div>
+        </Teleport>
+    </template>
+    <QDrawer v-model="stateStore.rightDrawer" side="right" :width="300" show-if-above>
+        <QCard class="full-width q-pa-sm">
+            <h6 class="flex justify-end q-my-lg q-pr-lg" v-if="totalAmount">
+                <span class="color-vn-label q-mr-md">{{ t('Total') }}:</span>
+                {{ toCurrency(totalAmount) }}
+            </h6>
+            <QSkeleton v-else type="QInput" square />
+        </QCard>
+    </QDrawer>
     <div class="full-width flex justify-center">
         <QPage class="card-width q-pa-lg">
-            <QCard class="full-width q-pa-sm" v-if="totalAmount">
-                <h6 class="flex justify-end q-my-lg q-pr-lg">
-                    <span class="color-vn-label q-mr-md">{{ t('Total') }}:</span>
-                    {{ toCurrency(totalAmount) }}
-                </h6>
-            </QCard>
-
             <QCard class="q-pa-sm q-mt-md">
                 <QTable
                     :columns="columns"
@@ -164,7 +173,7 @@ const toCustomerGreugeCreate = () => {
     </div>
 
     <QPageSticky :offset="[18, 18]">
-        <QBtn @click.stop="toCustomerGreugeCreate()" color="primary" fab icon="add" />
+        <QBtn color="primary" fab icon="add" :to="{ name: 'CustomerGreugeCreate' }" />
         <QTooltip>
             {{ t('New greuge') }}
         </QTooltip>

From 0819d00d05cea8ee60c8e7aadd4510760366687d Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Wed, 15 May 2024 12:55:39 +0200
Subject: [PATCH 301/305] refs #6905 fix pr

---
 src/components/UserPanel.vue | 8 --------
 1 file changed, 8 deletions(-)

diff --git a/src/components/UserPanel.vue b/src/components/UserPanel.vue
index de4dcdadc..3ae05a268 100644
--- a/src/components/UserPanel.vue
+++ b/src/components/UserPanel.vue
@@ -178,8 +178,6 @@ function copyUserToken() {
                     :options="warehousesData"
                     option-label="name"
                     option-value="id"
-                    emit-value
-                    dense
                     input-debounce="0"
                     hide-selected
                 />
@@ -189,8 +187,6 @@ function copyUserToken() {
                     :options="accountBankData"
                     option-label="bank"
                     option-value="id"
-                    emit-value
-                    dense
                     input-debounce="0"
                     hide-selected
                 >
@@ -213,8 +209,6 @@ function copyUserToken() {
                     :options="companiesData"
                     option-label="code"
                     option-value="id"
-                    emit-value
-                    dense
                     input-debounce="0"
                 />
                 <VnSelect
@@ -224,8 +218,6 @@ function copyUserToken() {
                     :options="warehousesData"
                     option-label="name"
                     option-value="id"
-                    emit-value
-                    dense
                     input-debounce="0"
                 />
             </VnRow>

From bf43893b054a4c8e76e0e29c68bc0867fe76bcd1 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Wed, 15 May 2024 14:06:42 +0200
Subject: [PATCH 302/305] fix: refs #7274 use VnInputDate

---
 src/pages/Customer/Defaulter/CustomerDefaulter.vue | 14 ++------------
 .../Customer/Defaulter/CustomerDefaulterFilter.vue |  2 +-
 2 files changed, 3 insertions(+), 13 deletions(-)

diff --git a/src/pages/Customer/Defaulter/CustomerDefaulter.vue b/src/pages/Customer/Defaulter/CustomerDefaulter.vue
index 6fc36bcff..c1e537c0a 100644
--- a/src/pages/Customer/Defaulter/CustomerDefaulter.vue
+++ b/src/pages/Customer/Defaulter/CustomerDefaulter.vue
@@ -184,16 +184,6 @@ const onFetch = (data) => {
     balanceDueTotal.value = data.reduce((acc, { amount = 0 }) => acc + amount, 0);
 };
 
-function getRange(value) {
-    let date;
-    if (locale.value === 'es') {
-        const [day, month, year] = value.split('/');
-        date = new Date(year, month - 1, day);
-    } else date = new Date(value);
-
-    return dateRange(date);
-}
-
 function exprBuilder(param, value) {
     switch (param) {
         case 'clientFk':
@@ -206,9 +196,9 @@ function exprBuilder(param, value) {
         case 'salesPersonFk':
             return { [`d.${param}`]: value };
         case 'date':
-            return { 'd.created': { between: getRange(value) } };
+            return { 'd.created': { between: dateRange(value) } };
         case 'defaulterSinced':
-            return { 'd.defaulterSinced': { between: getRange(value) } };
+            return { 'd.defaulterSinced': { between: dateRange(value) } };
     }
 }
 </script>
diff --git a/src/pages/Customer/Defaulter/CustomerDefaulterFilter.vue b/src/pages/Customer/Defaulter/CustomerDefaulterFilter.vue
index 0a594f92f..26a6743d5 100644
--- a/src/pages/Customer/Defaulter/CustomerDefaulterFilter.vue
+++ b/src/pages/Customer/Defaulter/CustomerDefaulterFilter.vue
@@ -162,7 +162,7 @@ const authors = ref();
 
             <QItem class="q-mb-sm">
                 <QItemSection>
-                    <VnInput
+                    <VnInputDate
                         :label="t('L. O. Date')"
                         clearable
                         is-outlined

From 628fc888ba0916d69b763bc57ed654fa58f3aaa1 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Wed, 15 May 2024 14:31:51 +0200
Subject: [PATCH 303/305] fix: refs #7281 fix warnings

---
 src/components/CreateBankEntityForm.vue       |  7 +------
 src/components/FormModelPopup.vue             |  2 +-
 src/components/FormPopup.vue                  |  2 +-
 src/components/common/SendEmailDialog.vue     |  6 ++++--
 src/components/ui/VnLinkPhone.vue             | 11 +++--------
 src/components/ui/VnTree.vue                  |  2 +-
 src/pages/Agency/Card/AgencySummary.vue       |  7 -------
 src/pages/Claim/ClaimList.vue                 |  1 -
 src/pages/Customer/Card/CustomerAddress.vue   |  4 ++--
 src/pages/Customer/Card/CustomerWebAccess.vue |  1 -
 .../Customer/Card/CustomerWebPayment.vue      |  1 -
 .../components/CustomerAddressCreate.vue      |  1 -
 .../components/CustomerAddressEdit.vue        |  1 -
 .../components/CustomerNewCustomsAgent.vue    |  1 -
 src/pages/Entry/Card/EntrySummary.vue         |  1 -
 src/pages/Item/ItemFixedPrice.vue             |  6 +++---
 src/pages/Monitor/SalesOrdersTable.vue        |  2 --
 src/pages/Monitor/SalesTicketsTable.vue       | 19 +++----------------
 src/pages/Order/Card/OrderForm.vue            |  2 +-
 src/pages/Route/Roadmap/RoadmapCreate.vue     |  9 ++-------
 src/pages/Shelving/Card/ShelvingSummary.vue   | 17 +++--------------
 .../Supplier/Card/SupplierAddressesCreate.vue | 11 +----------
 .../Supplier/Card/SupplierConsumption.vue     |  2 +-
 src/pages/Travel/TravelFilter.vue             |  1 -
 src/pages/Wagon/Type/WagonTypeList.vue        |  1 -
 src/pages/Worker/WorkerCreate.vue             |  1 -
 src/pages/Zone/ZoneList.vue                   | 13 +++----------
 27 files changed, 30 insertions(+), 102 deletions(-)

diff --git a/src/components/CreateBankEntityForm.vue b/src/components/CreateBankEntityForm.vue
index 068646c9a..fb50865a1 100644
--- a/src/components/CreateBankEntityForm.vue
+++ b/src/components/CreateBankEntityForm.vue
@@ -8,12 +8,7 @@ import FetchData from 'components/FetchData.vue';
 import VnRow from 'components/ui/VnRow.vue';
 import FormModelPopup from './FormModelPopup.vue';
 
-const props = defineProps({
-    showEntityField: {
-        type: Boolean,
-        default: true,
-    },
-});
+defineProps({ showEntityField: { type: Boolean, default: true } });
 
 const emit = defineEmits(['onDataSaved']);
 const { t } = useI18n();
diff --git a/src/components/FormModelPopup.vue b/src/components/FormModelPopup.vue
index c5caf9778..25213a8b7 100644
--- a/src/components/FormModelPopup.vue
+++ b/src/components/FormModelPopup.vue
@@ -6,7 +6,7 @@ import FormModel from 'components/FormModel.vue';
 
 const emit = defineEmits(['onDataSaved']);
 
-const $props = defineProps({
+defineProps({
     title: {
         type: String,
         default: '',
diff --git a/src/components/FormPopup.vue b/src/components/FormPopup.vue
index e203a7c75..2da986006 100644
--- a/src/components/FormPopup.vue
+++ b/src/components/FormPopup.vue
@@ -4,7 +4,7 @@ import { useI18n } from 'vue-i18n';
 
 const emit = defineEmits(['onSubmit']);
 
-const $props = defineProps({
+defineProps({
     title: {
         type: String,
         default: '',
diff --git a/src/components/common/SendEmailDialog.vue b/src/components/common/SendEmailDialog.vue
index 501c48a4d..d73133921 100644
--- a/src/components/common/SendEmailDialog.vue
+++ b/src/components/common/SendEmailDialog.vue
@@ -29,10 +29,12 @@ async function confirm() {
     const response = { address: address.value };
     if (props.promise) {
         isLoading.value = true;
-        const { address: _address, ...restData } = props.data;
 
         try {
-            Object.assign(response, restData);
+            const dataCopy = JSON.parse(JSON.stringify({ ...props.data }));
+            delete dataCopy.address;
+
+            Object.assign(response, dataCopy);
             await props.promise(response);
         } finally {
             isLoading.value = false;
diff --git a/src/components/ui/VnLinkPhone.vue b/src/components/ui/VnLinkPhone.vue
index b04ab3e5b..3ce0b7aa6 100644
--- a/src/components/ui/VnLinkPhone.vue
+++ b/src/components/ui/VnLinkPhone.vue
@@ -1,21 +1,16 @@
 <script setup>
-import { useI18n } from 'vue-i18n';
-const props = defineProps({
-    phoneNumber: { type: [String, Number], default: null },
-});
-const { t } = useI18n();
+defineProps({ phoneNumber: { type: [String, Number], default: null } });
 </script>
 <template>
     <QBtn
-        v-if="props.phoneNumber"
+        v-if="phoneNumber"
         flat
         round
         icon="phone"
         size="sm"
         color="primary"
         padding="none"
-        :href="`sip:${props.phoneNumber}`"
+        :href="`sip:${phoneNumber}`"
         @click.stop
     />
 </template>
-<style scoped></style>
diff --git a/src/components/ui/VnTree.vue b/src/components/ui/VnTree.vue
index 13aa05635..928d045e9 100644
--- a/src/components/ui/VnTree.vue
+++ b/src/components/ui/VnTree.vue
@@ -90,7 +90,7 @@ const onNodeCreated = async () => {
     await fetchNodeLeaves(creationNodeSelectedId.value);
 };
 
-onMounted(async (n) => {
+onMounted(async () => {
     const tree = [...state.get('Tree'), 1];
     const lastStateTree = state.get('TreeState');
     if (tree) {
diff --git a/src/pages/Agency/Card/AgencySummary.vue b/src/pages/Agency/Card/AgencySummary.vue
index a4a6a2a18..d2cf41763 100644
--- a/src/pages/Agency/Card/AgencySummary.vue
+++ b/src/pages/Agency/Card/AgencySummary.vue
@@ -3,11 +3,9 @@ import { computed } from 'vue';
 import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 
-import FetchData from 'src/components/FetchData.vue';
 import CardSummary from 'components/ui/CardSummary.vue';
 import VnLv from 'components/ui/VnLv.vue';
 import VnTitle from 'src/components/common/VnTitle.vue';
-import VnSelect from 'src/components/common/VnSelect.vue';
 
 const $props = defineProps({
     id: {
@@ -18,11 +16,6 @@ const $props = defineProps({
 const { params } = useRoute();
 const { t } = useI18n();
 const entityId = computed(() => $props.id || params.id);
-
-const filter = {
-    fields: ['id', 'sectorFk', 'code', 'pickingOrder', 'row', 'column'],
-    include: [{ relation: 'sector', scope: { fields: ['id', 'description'] } }],
-};
 </script>
 
 <template>
diff --git a/src/pages/Claim/ClaimList.vue b/src/pages/Claim/ClaimList.vue
index 6e0a08f2c..c3c5f5b7b 100644
--- a/src/pages/Claim/ClaimList.vue
+++ b/src/pages/Claim/ClaimList.vue
@@ -12,7 +12,6 @@ import CustomerDescriptorProxy from 'src/pages/Customer/Card/CustomerDescriptorP
 import VnUserLink from 'src/components/ui/VnUserLink.vue';
 import ClaimSummary from './Card/ClaimSummary.vue';
 import { useSummaryDialog } from 'src/composables/useSummaryDialog';
-import { getUrl } from 'src/composables/getUrl';
 
 const stateStore = useStateStore();
 const router = useRouter();
diff --git a/src/pages/Customer/Card/CustomerAddress.vue b/src/pages/Customer/Card/CustomerAddress.vue
index cd5ef1483..f3bf6038d 100644
--- a/src/pages/Customer/Card/CustomerAddress.vue
+++ b/src/pages/Customer/Card/CustomerAddress.vue
@@ -202,9 +202,9 @@ const toCustomerAddressEdit = (addressId) => {
 
                     <div v-if="item.observations.length">
                         <div
-                            :key="index"
+                            :key="obsIndex"
                             class="flex q-mb-sm"
-                            v-for="(observation, index) in item.observations"
+                            v-for="(observation, obsIndex) in item.observations"
                         >
                             <div class="text-weight-bold q-mr-sm">
                                 {{ observation.observationType.description }}:
diff --git a/src/pages/Customer/Card/CustomerWebAccess.vue b/src/pages/Customer/Card/CustomerWebAccess.vue
index f447c5256..9e534235c 100644
--- a/src/pages/Customer/Card/CustomerWebAccess.vue
+++ b/src/pages/Customer/Card/CustomerWebAccess.vue
@@ -11,7 +11,6 @@ import useNotify from 'src/composables/useNotify';
 import { useStateStore } from 'stores/useStateStore';
 
 import FetchData from 'components/FetchData.vue';
-import VnRow from 'components/ui/VnRow.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import CustomerChangePassword from 'src/pages/Customer/components/CustomerChangePassword.vue';
 
diff --git a/src/pages/Customer/Card/CustomerWebPayment.vue b/src/pages/Customer/Card/CustomerWebPayment.vue
index b1c45aa6c..13ec6b128 100644
--- a/src/pages/Customer/Card/CustomerWebPayment.vue
+++ b/src/pages/Customer/Card/CustomerWebPayment.vue
@@ -7,7 +7,6 @@ import axios from 'axios';
 
 import { toCurrency, toDateHourMinSec } from 'src/filters';
 
-import FetchData from 'components/FetchData.vue';
 import CustomerCloseIconTooltip from '../components/CustomerCloseIconTooltip.vue';
 import CustomerCheckIconTooltip from '../components/CustomerCheckIconTooltip.vue';
 
diff --git a/src/pages/Customer/components/CustomerAddressCreate.vue b/src/pages/Customer/components/CustomerAddressCreate.vue
index d92377f54..57997fb01 100644
--- a/src/pages/Customer/components/CustomerAddressCreate.vue
+++ b/src/pages/Customer/components/CustomerAddressCreate.vue
@@ -11,7 +11,6 @@ import VnRow from 'components/ui/VnRow.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import VnSelect from 'src/components/common/VnSelect.vue';
 import VnSelectDialog from 'src/components/common/VnSelectDialog.vue';
-import CustomerCreateNewPostcode from 'src/components/CreateNewPostcodeForm.vue';
 import CustomerNewCustomsAgent from 'src/pages/Customer/components/CustomerNewCustomsAgent.vue';
 
 const { t } = useI18n();
diff --git a/src/pages/Customer/components/CustomerAddressEdit.vue b/src/pages/Customer/components/CustomerAddressEdit.vue
index 734924993..2d14b571e 100644
--- a/src/pages/Customer/components/CustomerAddressEdit.vue
+++ b/src/pages/Customer/components/CustomerAddressEdit.vue
@@ -11,7 +11,6 @@ import VnRow from 'components/ui/VnRow.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import VnSelect from 'src/components/common/VnSelect.vue';
 import VnSelectDialog from 'src/components/common/VnSelectDialog.vue';
-import CustomerCreateNewPostcode from 'src/components/CreateNewPostcodeForm.vue';
 import CustomsNewCustomsAgent from 'src/pages/Customer/components/CustomerNewCustomsAgent.vue';
 
 const { t } = useI18n();
diff --git a/src/pages/Customer/components/CustomerNewCustomsAgent.vue b/src/pages/Customer/components/CustomerNewCustomsAgent.vue
index b6aa7a173..3c95dcae6 100644
--- a/src/pages/Customer/components/CustomerNewCustomsAgent.vue
+++ b/src/pages/Customer/components/CustomerNewCustomsAgent.vue
@@ -1,5 +1,4 @@
 <script setup>
-import { reactive } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 import VnRow from 'components/ui/VnRow.vue';
diff --git a/src/pages/Entry/Card/EntrySummary.vue b/src/pages/Entry/Card/EntrySummary.vue
index 1f9aaea28..766587bde 100644
--- a/src/pages/Entry/Card/EntrySummary.vue
+++ b/src/pages/Entry/Card/EntrySummary.vue
@@ -6,7 +6,6 @@ import { useI18n } from 'vue-i18n';
 import CardSummary from 'components/ui/CardSummary.vue';
 import VnLv from 'src/components/ui/VnLv.vue';
 import TravelDescriptorProxy from 'src/pages/Travel/Card/TravelDescriptorProxy.vue';
-import VnTitle from 'src/components/common/VnTitle.vue';
 
 import { toDate, toCurrency } from 'src/filters';
 import { getUrl } from 'src/composables/getUrl';
diff --git a/src/pages/Item/ItemFixedPrice.vue b/src/pages/Item/ItemFixedPrice.vue
index 2a753a3a5..e74f7f828 100644
--- a/src/pages/Item/ItemFixedPrice.vue
+++ b/src/pages/Item/ItemFixedPrice.vue
@@ -309,9 +309,9 @@ const addRow = () => {
     const lastItemCopy = JSON.parse(
         JSON.stringify(fixedPrices.value[fixedPrices.value.length - 1])
     );
-    const { id, ...restOfItem } = lastItemCopy;
-    fixedPricesOriginalData.value.push(restOfItem);
-    fixedPrices.value.push(restOfItem);
+    delete lastItemCopy.id;
+    fixedPricesOriginalData.value.push(lastItemCopy);
+    fixedPrices.value.push(lastItemCopy);
 };
 
 const openEditTableCellDialog = () => {
diff --git a/src/pages/Monitor/SalesOrdersTable.vue b/src/pages/Monitor/SalesOrdersTable.vue
index d8e28f6b7..0ba900393 100644
--- a/src/pages/Monitor/SalesOrdersTable.vue
+++ b/src/pages/Monitor/SalesOrdersTable.vue
@@ -1,7 +1,6 @@
 <script setup>
 import { ref, computed } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { useRouter } from 'vue-router';
 
 import FetchData from 'components/FetchData.vue';
 import WorkerDescriptorProxy from 'src/pages/Worker/Card/WorkerDescriptorProxy.vue';
@@ -16,7 +15,6 @@ import axios from 'axios';
 const { t } = useI18n();
 const { openConfirmationModal } = useVnConfirm();
 
-const router = useRouter();
 const paginateRef = ref(null);
 const workersActiveOptions = ref([]);
 const clientsOptions = ref([]);
diff --git a/src/pages/Monitor/SalesTicketsTable.vue b/src/pages/Monitor/SalesTicketsTable.vue
index f451123e9..222ccb9d0 100644
--- a/src/pages/Monitor/SalesTicketsTable.vue
+++ b/src/pages/Monitor/SalesTicketsTable.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, computed, onMounted, reactive, watch } from 'vue';
+import { ref, computed, onMounted, reactive } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 
@@ -18,7 +18,7 @@ import VnInputDate from 'src/components/common/VnInputDate.vue';
 
 import { useSummaryDialog } from 'src/composables/useSummaryDialog';
 import { toDateFormat, toTimeFormat } from 'src/filters/date.js';
-import { toCurrency } from 'src/filters';
+import { toCurrency, dateRange } from 'src/filters';
 const DEFAULT_AUTO_REFRESH = 1000;
 const { t } = useI18n();
 const autoRefresh = ref(false);
@@ -32,15 +32,6 @@ const visibleColumns = ref([]);
 const allColumnNames = ref([]);
 const { viewSummary } = useSummaryDialog();
 
-const dateRange = (value) => {
-    const minHour = new Date(value);
-    minHour.setHours(0, 0, 0, 0);
-    const maxHour = new Date(value);
-    maxHour.setHours(23, 59, 59, 59);
-
-    return [minHour, maxHour];
-};
-
 function exprBuilder(param, value) {
     switch (param) {
         case 'stateFk':
@@ -54,11 +45,7 @@ function exprBuilder(param, value) {
         case 'practicalHour':
             return { 'zed.etc': value };
         case 'shippedDate':
-            return {
-                't.shipped': {
-                    between: dateRange(value),
-                },
-            };
+            return { 't.shipped': { between: dateRange(value) } };
         case 'nickname':
             return { [`t.nickname`]: { like: `%${value}%` } };
         case 'zoneFk':
diff --git a/src/pages/Order/Card/OrderForm.vue b/src/pages/Order/Card/OrderForm.vue
index 08ed074e5..378073897 100644
--- a/src/pages/Order/Card/OrderForm.vue
+++ b/src/pages/Order/Card/OrderForm.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { useRoute } from 'vue-router';
-import { reactive, ref, onMounted } from 'vue';
+import { reactive, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import axios from 'axios';
 import { useState } from 'composables/useState';
diff --git a/src/pages/Route/Roadmap/RoadmapCreate.vue b/src/pages/Route/Roadmap/RoadmapCreate.vue
index f5cc9ee66..fb3b29f33 100644
--- a/src/pages/Route/Roadmap/RoadmapCreate.vue
+++ b/src/pages/Route/Roadmap/RoadmapCreate.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { useI18n } from 'vue-i18n';
-import { useRoute, useRouter } from 'vue-router';
+import { useRouter } from 'vue-router';
 import VnRow from 'components/ui/VnRow.vue';
 import FormModel from 'components/FormModel.vue';
 import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
@@ -9,7 +9,6 @@ import VnInput from 'components/common/VnInput.vue';
 import VnInputTime from 'components/common/VnInputTime.vue';
 
 const { t } = useI18n();
-const route = useRoute();
 const router = useRouter();
 const defaultInitialData = {
     etd: Date.vnNew().toISOString(),
@@ -31,11 +30,7 @@ const onSave = (data, response) => {
     >
         <template #form="{ data }">
             <VnRow class="row q-gutter-md q-mb-md">
-                <VnInput
-                    v-model="data.name"
-                    :label="t('Roadmap')"
-                    clearable
-                />
+                <VnInput v-model="data.name" :label="t('Roadmap')" clearable />
                 <VnInputDate v-model="data.etd" :label="t('ETD date')" />
                 <VnInputTime v-model="data.etd" :label="t('ETD hour')" />
             </VnRow>
diff --git a/src/pages/Shelving/Card/ShelvingSummary.vue b/src/pages/Shelving/Card/ShelvingSummary.vue
index 649799b00..168552832 100644
--- a/src/pages/Shelving/Card/ShelvingSummary.vue
+++ b/src/pages/Shelving/Card/ShelvingSummary.vue
@@ -1,11 +1,9 @@
 <script setup>
-import { computed, onMounted, onUnmounted } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
+import { computed } from 'vue';
+import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
-import { useStateStore } from 'stores/useStateStore';
 import CardSummary from 'components/ui/CardSummary.vue';
 import VnLv from 'components/ui/VnLv.vue';
-import ShelvingFilter from 'pages/Shelving/Card/ShelvingFilter.vue';
 import VnUserLink from 'components/ui/VnUserLink.vue';
 
 const $props = defineProps({
@@ -15,19 +13,10 @@ const $props = defineProps({
     },
 });
 const route = useRoute();
-const stateStore = useStateStore();
-const router = useRouter();
 const { t } = useI18n();
 
 const entityId = computed(() => $props.id || route.params.id);
-const isDialog = false;
-// const hideRightDrawer = () => {
-//     if (!isDialog) {
-//         stateStore.rightDrawer = false;
-//     }
-// };
-// onMounted(hideRightDrawer);
-// onUnmounted(hideRightDrawer);
+
 const filter = {
     include: [
         {
diff --git a/src/pages/Supplier/Card/SupplierAddressesCreate.vue b/src/pages/Supplier/Card/SupplierAddressesCreate.vue
index 440922ebc..eccf06204 100644
--- a/src/pages/Supplier/Card/SupplierAddressesCreate.vue
+++ b/src/pages/Supplier/Card/SupplierAddressesCreate.vue
@@ -2,23 +2,16 @@
 import { useI18n } from 'vue-i18n';
 import { reactive, ref, onMounted, onBeforeMount } from 'vue';
 import { useRouter, useRoute } from 'vue-router';
-
-import FetchData from 'components/FetchData.vue';
-import VnSelect from 'src/components/common/VnSelect.vue';
 import FormModel from 'components/FormModel.vue';
 import VnInput from 'src/components/common/VnInput.vue';
-import VnSelectDialog from 'src/components/common/VnSelectDialog.vue';
 import VnRow from 'components/ui/VnRow.vue';
-import CustomerCreateNewPostcode from 'src/components/CreateNewPostcodeForm.vue';
 import VnLocation from 'src/components/common/VnLocation.vue';
 
 const { t } = useI18n();
 const route = useRoute();
 const router = useRouter();
 
-const provincesOptions = ref([]);
 const postcodesOptions = ref([]);
-const townsLocationOptions = ref([]);
 const viewAction = ref();
 const updateAddressId = ref(null);
 const newAddressForm = reactive({
@@ -94,9 +87,7 @@ function handleLocation(data, location) {
                         :roles-allowed-to-create="['deliveryAssistant']"
                         :options="postcodesOptions"
                         v-model="data.location"
-                        @update:model-value="
-                            (location) => handleLocation(data, location)
-                        "
+                        @update:model-value="(location) => handleLocation(data, location)"
                     >
                     </VnLocation>
                 </VnRow>
diff --git a/src/pages/Supplier/Card/SupplierConsumption.vue b/src/pages/Supplier/Card/SupplierConsumption.vue
index 8dbb87529..4eac24469 100644
--- a/src/pages/Supplier/Card/SupplierConsumption.vue
+++ b/src/pages/Supplier/Card/SupplierConsumption.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { useRoute } from 'vue-router';
-import { computed, onMounted, watch, onUnmounted, ref } from 'vue';
+import { computed, onMounted, onUnmounted, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useQuasar } from 'quasar';
 import FetchedTags from 'components/ui/FetchedTags.vue';
diff --git a/src/pages/Travel/TravelFilter.vue b/src/pages/Travel/TravelFilter.vue
index 43e0db3eb..77f7ec112 100644
--- a/src/pages/Travel/TravelFilter.vue
+++ b/src/pages/Travel/TravelFilter.vue
@@ -4,7 +4,6 @@ import { useI18n } from 'vue-i18n';
 
 import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
 import VnSelect from 'src/components/common/VnSelect.vue';
-import VnInput from 'src/components/common/VnInput.vue';
 import FetchData from 'components/FetchData.vue';
 import VnInputDate from 'components/common/VnInputDate.vue';
 
diff --git a/src/pages/Wagon/Type/WagonTypeList.vue b/src/pages/Wagon/Type/WagonTypeList.vue
index 23f56e4c3..3ecca1ea3 100644
--- a/src/pages/Wagon/Type/WagonTypeList.vue
+++ b/src/pages/Wagon/Type/WagonTypeList.vue
@@ -6,7 +6,6 @@ import { useArrayData } from 'src/composables/useArrayData';
 import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 import CardList from 'components/ui/CardList.vue';
-import VnLv from 'components/ui/VnLv.vue';
 
 const quasar = useQuasar();
 const arrayData = useArrayData('WagonTypeList');
diff --git a/src/pages/Worker/WorkerCreate.vue b/src/pages/Worker/WorkerCreate.vue
index 85259c043..7347417a9 100644
--- a/src/pages/Worker/WorkerCreate.vue
+++ b/src/pages/Worker/WorkerCreate.vue
@@ -9,7 +9,6 @@ import VnInputDate from 'components/common/VnInputDate.vue';
 import VnSelect from 'src/components/common/VnSelect.vue';
 import VnSelectDialog from 'src/components/common/VnSelectDialog.vue';
 import CreateBankEntityForm from 'src/components/CreateBankEntityForm.vue';
-import CustomerCreateNewPostcode from 'src/components/CreateNewPostcodeForm.vue';
 import VnLocation from 'src/components/common/VnLocation.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
diff --git a/src/pages/Zone/ZoneList.vue b/src/pages/Zone/ZoneList.vue
index 3806a519e..5a7d07d71 100644
--- a/src/pages/Zone/ZoneList.vue
+++ b/src/pages/Zone/ZoneList.vue
@@ -2,11 +2,9 @@
 import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 import { onMounted, computed } from 'vue';
-import { dashIfEmpty, toCurrency, toDate } from 'src/filters';
+import { toCurrency } from 'src/filters';
 
 import VnPaginate from 'src/components/ui/VnPaginate.vue';
-import CardList from 'components/ui/CardList.vue';
-import VnLv from 'components/ui/VnLv.vue';
 import ZoneSummary from 'src/pages/Zone/Card/ZoneSummary.vue';
 import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
 import ZoneFilterPanel from './ZoneFilterPanel.vue';
@@ -29,9 +27,6 @@ const redirectToZoneSummary = (event, { id }) => {
     router.push({ name: 'ZoneSummary', params: { id } });
 };
 
-function redirectToCreateView() {
-    router.push({ path: `/zone/create` });
-}
 const columns = computed(() => [
     {
         name: 'ID',
@@ -117,9 +112,7 @@ const handleClone = (id) => {
         () => clone(id)
     );
 };
-onMounted(async () => {
-    stateStore.rightDrawer = true;
-});
+onMounted(() => (stateStore.rightDrawer = true));
 </script>
 
 <template>
@@ -212,7 +205,7 @@ onMounted(async () => {
             </VnPaginate>
         </div>
         <QPageSticky position="bottom-right" :offset="[18, 18]">
-            <QBtn @click="redirectToCreateView()" fab icon="add" color="primary">
+            <QBtn :to="{ path: `/zone/create` }" fab icon="add" color="primary">
                 <QTooltip>{{ t('list.create') }}</QTooltip>
             </QBtn>
         </QPageSticky>

From c7cb59100877f2a03ae6cdc8f2ba250cefd0b4bf Mon Sep 17 00:00:00 2001
From: alexm <alexm@verdnatura.es>
Date: Thu, 16 May 2024 08:52:02 +0200
Subject: [PATCH 304/305] warmFix(customerFiscalData): fix vnRows

---
 .../Customer/Card/CustomerFiscalData.vue      | 41 +++++++++++--------
 1 file changed, 24 insertions(+), 17 deletions(-)

diff --git a/src/pages/Customer/Card/CustomerFiscalData.vue b/src/pages/Customer/Card/CustomerFiscalData.vue
index 50fbec25d..deaaefc50 100644
--- a/src/pages/Customer/Card/CustomerFiscalData.vue
+++ b/src/pages/Customer/Card/CustomerFiscalData.vue
@@ -102,22 +102,24 @@ function handleLocation(data, location) {
                 </VnLocation>
             </VnRow>
 
-            <VnRow class="row q-gutter-md q-mb-md">
+            <VnRow>
                 <QCheckbox :label="t('Active')" v-model="data.isActive" />
                 <QCheckbox :label="t('Frozen')" v-model="data.isFreezed" />
             </VnRow>
 
-            <VnRow class="row q-gutter-md q-mb-md">
+            <VnRow>
                 <QCheckbox :label="t('Has to invoice')" v-model="data.hasToInvoice" />
-                <QCheckbox :label="t('Vies')" v-model="data.isVies" />
-                <QIcon name="info" class="cursor-info q-ml-sm" size="sm">
-                    <QTooltip>
-                        {{ t('whenActivatingIt') }}
-                    </QTooltip>
-                </QIcon>
+                <div>
+                    <QCheckbox :label="t('Vies')" v-model="data.isVies" />
+                    <QIcon name="info" class="cursor-info q-ml-sm" size="sm">
+                        <QTooltip>
+                            {{ t('whenActivatingIt') }}
+                        </QTooltip>
+                    </QIcon>
+                </div>
             </VnRow>
 
-            <VnRow class="row q-gutter-md q-mb-md">
+            <VnRow>
                 <QCheckbox :label="t('Notify by email')" v-model="data.isToBeMailed" />
                 <QCheckbox
                     :label="t('Invoice by address')"
@@ -125,17 +127,22 @@ function handleLocation(data, location) {
                 />
             </VnRow>
 
-            <VnRow class="row q-gutter-md q-mb-md">
-                <QCheckbox :label="t('Is equalizated')" v-model="data.isEqualizated" />
-                <QIcon class="cursor-info q-ml-sm" name="info" size="sm">
-                    <QTooltip>
-                        {{ t('inOrderToInvoice') }}
-                    </QTooltip>
-                </QIcon>
+            <VnRow>
+                <div>
+                    <QCheckbox
+                        :label="t('Is equalizated')"
+                        v-model="data.isEqualizated"
+                    />
+                    <QIcon class="cursor-info q-ml-sm" name="info" size="sm">
+                        <QTooltip>
+                            {{ t('inOrderToInvoice') }}
+                        </QTooltip>
+                    </QIcon>
+                </div>
                 <QCheckbox :label="t('Verified data')" v-model="data.isTaxDataChecked" />
             </VnRow>
 
-            <VnRow class="row q-gutter-md q-mb-md">
+            <VnRow>
                 <QCheckbox
                     :label="t('Incoterms authorization')"
                     v-model="data.hasIncoterms"

From 1654fb93d432853dc81f4ccd2ed41fc73e9fde2f Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Thu, 16 May 2024 09:06:12 +0200
Subject: [PATCH 305/305] fix: refs #6598 build

---
 src/pages/Customer/Card/CustomerAddress.vue | 4 ++--
 src/pages/Order/Card/OrderSummary.vue       | 2 --
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/pages/Customer/Card/CustomerAddress.vue b/src/pages/Customer/Card/CustomerAddress.vue
index f3bf6038d..6c8279d84 100644
--- a/src/pages/Customer/Card/CustomerAddress.vue
+++ b/src/pages/Customer/Card/CustomerAddress.vue
@@ -202,9 +202,9 @@ const toCustomerAddressEdit = (addressId) => {
 
                     <div v-if="item.observations.length">
                         <div
-                            :key="obsIndex"
+                            :key="obIndex"
                             class="flex q-mb-sm"
-                            v-for="(observation, obsIndex) in item.observations"
+                            v-for="(observation, obIndex) in item.observations"
                         >
                             <div class="text-weight-bold q-mr-sm">
                                 {{ observation.observationType.description }}:
diff --git a/src/pages/Order/Card/OrderSummary.vue b/src/pages/Order/Card/OrderSummary.vue
index a674a20d0..426cdc712 100644
--- a/src/pages/Order/Card/OrderSummary.vue
+++ b/src/pages/Order/Card/OrderSummary.vue
@@ -2,7 +2,6 @@
 import { computed, ref } from 'vue';
 import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
-import { useStateStore } from 'stores/useStateStore';
 import { dashIfEmpty, toCurrency, toDateHourMinSec } from 'src/filters';
 import VnLv from 'components/ui/VnLv.vue';
 import CardSummary from 'components/ui/CardSummary.vue';
@@ -11,7 +10,6 @@ import FetchedTags from 'components/ui/FetchedTags.vue';
 
 const { t } = useI18n();
 const route = useRoute();
-const stateStore = useStateStore();
 
 const $props = defineProps({
     id: {