From 8619abdfb425dd901818a50c7ec8fe5f34d66e7b Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Wed, 28 Aug 2024 14:03:37 +0200
Subject: [PATCH 01/14] feat: change navBar buttons

---
 src/components/NavBar.vue                     |  8 ++++-
 src/components/common/RightMenu.vue           |  2 +-
 src/pages/Customer/Card/CustomerBasicData.vue | 36 ++++++++++++++-----
 src/pages/Zone/Card/ZoneEvents.vue            |  2 +-
 4 files changed, 36 insertions(+), 12 deletions(-)

diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue
index e80a293c6..00faaebc2 100644
--- a/src/components/NavBar.vue
+++ b/src/components/NavBar.vue
@@ -24,7 +24,13 @@ const pinnedModulesRef = ref();
 <template>
     <QHeader color="white" elevated>
         <QToolbar class="q-py-sm q-px-md">
-            <QBtn @click="stateStore.toggleLeftDrawer()" icon="menu" round dense flat>
+            <QBtn
+                @click="stateStore.toggleLeftDrawer()"
+                icon="dock_to_right"
+                round
+                dense
+                flat
+            >
                 <QTooltip bottom anchor="bottom right">
                     {{ t('globals.collapseMenu') }}
                 </QTooltip>
diff --git a/src/components/common/RightMenu.vue b/src/components/common/RightMenu.vue
index 732e5367d..3aa1891f9 100644
--- a/src/components/common/RightMenu.vue
+++ b/src/components/common/RightMenu.vue
@@ -37,7 +37,7 @@ const stateStore = useStateStore();
                 @click="stateStore.toggleRightDrawer()"
                 round
                 dense
-                icon="menu"
+                icon="dock_to_left"
             >
                 <QTooltip bottom anchor="bottom right">
                     {{ t('globals.collapseMenu') }}
diff --git a/src/pages/Customer/Card/CustomerBasicData.vue b/src/pages/Customer/Card/CustomerBasicData.vue
index 87a3b08f7..e4c9ab062 100644
--- a/src/pages/Customer/Card/CustomerBasicData.vue
+++ b/src/pages/Customer/Card/CustomerBasicData.vue
@@ -38,7 +38,7 @@ const title = ref();
                     clearable
                     v-model="data.name"
                 />
-                <QSelect
+                <VnSelect
                     :input-debounce="0"
                     :label="t('customer.basicData.businessType')"
                     :options="businessTypes"
@@ -89,15 +89,18 @@ const title = ref();
             </VnRow>
             <VnRow>
                 <VnSelect
-                    url="Workers/activeWithInheritedRole"
-                    :filter="{ where: { role: 'salesPerson' } }"
-                    option-filter="firstName"
+                    url="Workers/search"
                     v-model="data.salesPersonFk"
                     :label="t('customer.basicData.salesPerson')"
+                    :params="{
+                        departmentCodes: ['VT', 'shopping'],
+                    }"
+                    :fields="['id', 'nickname']"
+                    sort-by="nickname ASC"
                     :rules="validate('client.salesPersonFk')"
                     :use-like="false"
-                    :emit-value="false"
-                    @update:model-value="(val) => (title = val?.nickname)"
+                    emit-value
+                    auto-load
                 >
                     <template #prepend>
                         <VnAvatar
@@ -106,8 +109,19 @@ const title = ref();
                             :title="title"
                         />
                     </template>
+                    <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>
                 </VnSelect>
-                <QSelect
+                <VnSelect
                     v-model="data.contactChannelFk"
                     :options="contactChannels"
                     option-value="id"
@@ -120,7 +134,9 @@ const title = ref();
                 />
             </VnRow>
             <VnRow>
-                <QSelect
+                <VnSelect
+                    url="Clients"
+                    :where="{ id: { neq: $route.params.id } }"
                     :input-debounce="0"
                     :label="t('customer.basicData.previousClient')"
                     :options="clients"
@@ -129,7 +145,9 @@ const title = ref();
                     map-options
                     option-label="name"
                     option-value="id"
+                    sort-by="name ASC"
                     v-model="data.transferorFk"
+                    :fields="['id', 'name']"
                 >
                     <template #append>
                         <QIcon name="info" class="cursor-pointer">
@@ -140,7 +158,7 @@ const title = ref();
                             }}</QTooltip>
                         </QIcon>
                     </template>
-                </QSelect>
+                </VnSelect>
             </VnRow>
         </template>
     </FormModel>
diff --git a/src/pages/Zone/Card/ZoneEvents.vue b/src/pages/Zone/Card/ZoneEvents.vue
index e4fe5ff22..45c976cb2 100644
--- a/src/pages/Zone/Card/ZoneEvents.vue
+++ b/src/pages/Zone/Card/ZoneEvents.vue
@@ -52,7 +52,7 @@ onUnmounted(() => (stateStore.rightDrawer = false));
                     @click="stateStore.toggleRightDrawer()"
                     round
                     dense
-                    icon="menu"
+                    icon="dock_to_left"
                 >
                     <QTooltip bottom anchor="bottom right">
                         {{ t('globals.collapseMenu') }}

From 72388af4184dc3b96edcff5899169287e28d4507 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Wed, 28 Aug 2024 14:04:48 +0200
Subject: [PATCH 02/14] feat: keyShortcut directive

---
 src/boot/keyShortcut.js | 32 ++++++++++++++++++++++++++++++++
 src/boot/quasar.js      |  2 ++
 2 files changed, 34 insertions(+)
 create mode 100644 src/boot/keyShortcut.js

diff --git a/src/boot/keyShortcut.js b/src/boot/keyShortcut.js
new file mode 100644
index 000000000..2d84dcc6d
--- /dev/null
+++ b/src/boot/keyShortcut.js
@@ -0,0 +1,32 @@
+export default {
+    mounted: function (el, binding) {
+        const shortcut = binding.value ?? '+';
+
+        const { key, ctrl, alt, callback } =
+            typeof shortcut === 'string'
+                ? {
+                      key: shortcut,
+                      ctrl: true,
+                      alt: true,
+                      callback: () =>
+                          document.querySelector('button[shortcut="+"]')?.click(),
+                  }
+                : binding.value;
+
+        const handleKeydown = (event) => {
+            if (event.key === key && (!ctrl || event.ctrlKey) && (!alt || event.altKey)) {
+                callback();
+            }
+        };
+
+        // Attach the event listener to the window
+        window.addEventListener('keydown', handleKeydown);
+
+        el._handleKeydown = handleKeydown;
+    },
+    unmounted: function (el) {
+        if (el._handleKeydown) {
+            window.removeEventListener('keydown', el._handleKeydown);
+        }
+    },
+};
diff --git a/src/boot/quasar.js b/src/boot/quasar.js
index a8d9b7ad9..00dd2cd5e 100644
--- a/src/boot/quasar.js
+++ b/src/boot/quasar.js
@@ -1,6 +1,8 @@
 import { boot } from 'quasar/wrappers';
 import qFormMixin from './qformMixin';
+import keyShortcut from './keyShortcut';
 
 export default boot(({ app }) => {
     app.mixin(qFormMixin);
+    app.directive('shortcut', keyShortcut);
 });

From 57c9035751936f7016494169726494e75ad349f3 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Wed, 28 Aug 2024 14:06:14 +0200
Subject: [PATCH 03/14] feat: add plus shortcut in VnTable

---
 src/components/VnTable/VnTable.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/VnTable/VnTable.vue b/src/components/VnTable/VnTable.vue
index 6c77d44df..efa8df61c 100644
--- a/src/components/VnTable/VnTable.vue
+++ b/src/components/VnTable/VnTable.vue
@@ -281,6 +281,7 @@ defineExpose({
 </script>
 <template>
     <QDrawer
+        v-shortcut
         v-if="$props.rightSearch"
         v-model="stateStore.rightDrawer"
         side="right"
@@ -623,7 +624,7 @@ defineExpose({
         </CrudModel>
     </div>
     <QPageSticky v-if="create" :offset="[20, 20]" style="z-index: 2">
-        <QBtn @click="showForm = !showForm" color="primary" fab icon="add" />
+        <QBtn @click="showForm = !showForm" color="primary" fab icon="add" shortcut="+" />
         <QTooltip>
             {{ createForm.title }}
         </QTooltip>

From 391c908d1b358e5cec3eea5ac0ff26f97fb727f0 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Wed, 28 Aug 2024 20:31:19 +0200
Subject: [PATCH 04/14] perf: restore CustomerBasicData

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

diff --git a/src/pages/Customer/Card/CustomerBasicData.vue b/src/pages/Customer/Card/CustomerBasicData.vue
index e4c9ab062..87a3b08f7 100644
--- a/src/pages/Customer/Card/CustomerBasicData.vue
+++ b/src/pages/Customer/Card/CustomerBasicData.vue
@@ -38,7 +38,7 @@ const title = ref();
                     clearable
                     v-model="data.name"
                 />
-                <VnSelect
+                <QSelect
                     :input-debounce="0"
                     :label="t('customer.basicData.businessType')"
                     :options="businessTypes"
@@ -89,18 +89,15 @@ const title = ref();
             </VnRow>
             <VnRow>
                 <VnSelect
-                    url="Workers/search"
+                    url="Workers/activeWithInheritedRole"
+                    :filter="{ where: { role: 'salesPerson' } }"
+                    option-filter="firstName"
                     v-model="data.salesPersonFk"
                     :label="t('customer.basicData.salesPerson')"
-                    :params="{
-                        departmentCodes: ['VT', 'shopping'],
-                    }"
-                    :fields="['id', 'nickname']"
-                    sort-by="nickname ASC"
                     :rules="validate('client.salesPersonFk')"
                     :use-like="false"
-                    emit-value
-                    auto-load
+                    :emit-value="false"
+                    @update:model-value="(val) => (title = val?.nickname)"
                 >
                     <template #prepend>
                         <VnAvatar
@@ -109,19 +106,8 @@ const title = ref();
                             :title="title"
                         />
                     </template>
-                    <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>
                 </VnSelect>
-                <VnSelect
+                <QSelect
                     v-model="data.contactChannelFk"
                     :options="contactChannels"
                     option-value="id"
@@ -134,9 +120,7 @@ const title = ref();
                 />
             </VnRow>
             <VnRow>
-                <VnSelect
-                    url="Clients"
-                    :where="{ id: { neq: $route.params.id } }"
+                <QSelect
                     :input-debounce="0"
                     :label="t('customer.basicData.previousClient')"
                     :options="clients"
@@ -145,9 +129,7 @@ const title = ref();
                     map-options
                     option-label="name"
                     option-value="id"
-                    sort-by="name ASC"
                     v-model="data.transferorFk"
-                    :fields="['id', 'name']"
                 >
                     <template #append>
                         <QIcon name="info" class="cursor-pointer">
@@ -158,7 +140,7 @@ const title = ref();
                             }}</QTooltip>
                         </QIcon>
                     </template>
-                </VnSelect>
+                </QSelect>
             </VnRow>
         </template>
     </FormModel>

From 4880da8febbd9c9772ba70fb6ecbd4d3f0349858 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Thu, 29 Aug 2024 10:20:05 +0200
Subject: [PATCH 05/14] perf: add v-shortcut in VnCard

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

diff --git a/src/components/common/VnCard.vue b/src/components/common/VnCard.vue
index a7fe651ad..921b41a4c 100644
--- a/src/components/common/VnCard.vue
+++ b/src/components/common/VnCard.vue
@@ -50,6 +50,7 @@ if (props.baseUrl) {
 </script>
 <template>
     <QDrawer
+        v-shortcut
         v-model="stateStore.leftDrawer"
         show-if-above
         :width="256"

From 592ca3e43ce8104c37354e39485fdace20e931cd Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Thu, 29 Aug 2024 10:20:27 +0200
Subject: [PATCH 06/14] Add shortcut value in AccountMailAliases, for example

---
 src/pages/Account/Card/AccountMailAlias.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/pages/Account/Card/AccountMailAlias.vue b/src/pages/Account/Card/AccountMailAlias.vue
index 594353219..15d03c665 100644
--- a/src/pages/Account/Card/AccountMailAlias.vue
+++ b/src/pages/Account/Card/AccountMailAlias.vue
@@ -169,7 +169,13 @@ onMounted(async () => await getAccountData(false));
             <AccountMailAliasCreateForm @on-submit-create-alias="createMailAlias" />
         </QDialog>
         <QPageSticky position="bottom-right" :offset="[18, 18]">
-            <QBtn fab icon="add" color="primary" @click="openCreateMailAliasForm()">
+            <QBtn
+                fab
+                icon="add"
+                color="primary"
+                @click="openCreateMailAliasForm()"
+                shortcut="+"
+            >
                 <QTooltip>{{ t('warehouses.add') }}</QTooltip>
             </QBtn>
         </QPageSticky>

From 0475083a2b5b415f07234723b4f0698d11d3c6b4 Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Mon, 2 Sep 2024 14:57:01 +0200
Subject: [PATCH 07/14] refs #7407 Medical Section

---
 src/i18n/locale/en.yml                  | 11 +++
 src/i18n/locale/es.yml                  | 12 ++++
 src/pages/Worker/Card/WorkerMedical.vue | 92 +++++++++++++++++++++++++
 src/router/modules/worker.js            | 10 +++
 4 files changed, 125 insertions(+)
 create mode 100644 src/pages/Worker/Card/WorkerMedical.vue

diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index 4abaeeb5b..272b7911b 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -259,6 +259,7 @@ globals:
         ticketsMonitor: Tickets monitor
         clientsActionsMonitor: Clients and actions
         serial: Serial
+        medical: Mutual
     created: Created
     worker: Worker
     now: Now
@@ -877,6 +878,7 @@ worker:
         timeControl: Time control
         locker: Locker
         balance: Balance
+        medical: Medical
     list:
         name: Name
         email: Email
@@ -956,6 +958,15 @@ worker:
             amount: Importe
             remark: Bonficado
             hasDiploma: Diploma
+    medical:
+        tableVisibleColumns:
+            date: Date
+            time: Hour
+            center: Formation Center
+            invoice: Invoice
+            amount: Amount
+            isFit: Fit
+            remark: Observations
     imageNotFound: Image not found
     balance:
         tableVisibleColumns:
diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index 335c2d651..0e1c52cc4 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -261,6 +261,7 @@ globals:
         ticketsMonitor: Monitor de tickets
         clientsActionsMonitor: Clientes y acciones
         serial: Facturas por serie
+        medical: Mutua
     created: Fecha creación
     worker: Trabajador
     now: Ahora
@@ -878,6 +879,8 @@ worker:
         timeControl: Control de horario
         locker: Taquilla
         balance: Balance
+        formation: Formación
+        medical: Mutua
     list:
         name: Nombre
         email: Email
@@ -948,6 +951,15 @@ worker:
             amount: Importe
             remark: Bonficado
             hasDiploma: Diploma
+    medical:
+        tableVisibleColumns:
+            date: Fecha
+            time: Hora
+            center: Centro de Formación
+            invoice: Factura
+            amount: Importe
+            isFit: Apto
+            remark: Observaciones
     imageNotFound: No se ha encontrado la imagen
     balance:
         tableVisibleColumns:
diff --git a/src/pages/Worker/Card/WorkerMedical.vue b/src/pages/Worker/Card/WorkerMedical.vue
new file mode 100644
index 000000000..b6d1ad248
--- /dev/null
+++ b/src/pages/Worker/Card/WorkerMedical.vue
@@ -0,0 +1,92 @@
+<script setup>
+import { ref, computed } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { useRoute } from 'vue-router';
+import VnTable from 'components/VnTable/VnTable.vue';
+const tableRef = ref();
+const { t } = useI18n();
+const route = useRoute();
+const entityId = computed(() => route.params.id);
+
+const columns = [
+    {
+        align: 'left',
+        name: 'date',
+        label: t('worker.medical.tableVisibleColumns.date'),
+        create: true,
+        component: 'date',
+    },
+    {
+        align: 'left',
+        name: 'time',
+        label: t('worker.medical.tableVisibleColumns.time'),
+        create: true,
+        component: 'time',
+        attrs: {
+            timeOnly: true,
+        },
+    },
+    {
+        align: 'left',
+        name: 'centerFk',
+        label: t('worker.medical.tableVisibleColumns.center'),
+        create: true,
+        component: 'select',
+        attrs: {
+            url: 'medicalCenters',
+            fields: ['id', 'name'],
+        },
+    },
+    {
+        align: 'left',
+        name: 'invoice',
+        label: t('worker.medical.tableVisibleColumns.invoice'),
+        create: true,
+        component: 'input',
+    },
+    {
+        align: 'left',
+        name: 'amount',
+        label: t('worker.medical.tableVisibleColumns.amount'),
+        create: true,
+        component: 'input',
+    },
+    {
+        align: 'left',
+        name: 'isFit',
+        label: t('worker.medical.tableVisibleColumns.isFit'),
+        create: true,
+        component: 'checkbox',
+    },
+    {
+        align: 'left',
+        name: 'remark',
+        label: t('worker.medical.tableVisibleColumns.remark'),
+        create: true,
+        component: 'input',
+    },
+];
+</script>
+<template>
+    <VnTable
+        ref="tableRef"
+        data-key="WorkerMedical"
+        :url="`Workers/${entityId}/medicalReview`"
+        save-url="MedicalReviews/crud"
+        :create="{
+            urlCreate: 'medicalReviews',
+            title: t('Create medicalReview'),
+            onDataSaved: () => tableRef.reload(),
+            formInitialData: {
+                workerFk: entityId,
+            },
+        }"
+        order="date DESC"
+        :columns="columns"
+        default-mode="table"
+        auto-load
+        :right-search="false"
+        :is-editable="true"
+        :use-model="true"
+    />
+</template>
diff --git a/src/router/modules/worker.js b/src/router/modules/worker.js
index f80df5e06..2a523e7fe 100644
--- a/src/router/modules/worker.js
+++ b/src/router/modules/worker.js
@@ -25,6 +25,7 @@ export default {
             'WorkerLocker',
             'WorkerBalance',
             'WorkerFormation',
+            'WorkerMedical',
         ],
     },
     children: [
@@ -196,6 +197,15 @@ export default {
                     },
                     component: () => import('src/pages/Worker/Card/WorkerFormation.vue'),
                 },
+                {
+                    name: 'WorkerMedical',
+                    path: 'medical',
+                    meta: {
+                        title: 'medical',
+                        icon: 'medical_information',
+                    },
+                    component: () => import('src/pages/Worker/Card/WorkerMedical.vue'),
+                },
             ],
         },
     ],

From e73930a4ebc08b55cbc471cb689b4e553091e4e6 Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Mon, 2 Sep 2024 15:11:04 +0200
Subject: [PATCH 08/14] refs #7407 Medical Section remove table

---
 src/pages/Worker/Card/WorkerMedical.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/pages/Worker/Card/WorkerMedical.vue b/src/pages/Worker/Card/WorkerMedical.vue
index b6d1ad248..6bca4ae85 100644
--- a/src/pages/Worker/Card/WorkerMedical.vue
+++ b/src/pages/Worker/Card/WorkerMedical.vue
@@ -83,7 +83,6 @@ const columns = [
         }"
         order="date DESC"
         :columns="columns"
-        default-mode="table"
         auto-load
         :right-search="false"
         :is-editable="true"

From 9063f5e5a8462e2ab06103e68739df2f481c9d12 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 2 Sep 2024 15:26:06 +0200
Subject: [PATCH 09/14] perf: change directive location

---
 src/components/common/VnCard.vue        | 1 -
 src/components/common/VnSectionMain.vue | 2 +-
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/common/VnCard.vue b/src/components/common/VnCard.vue
index 921b41a4c..a7fe651ad 100644
--- a/src/components/common/VnCard.vue
+++ b/src/components/common/VnCard.vue
@@ -50,7 +50,6 @@ if (props.baseUrl) {
 </script>
 <template>
     <QDrawer
-        v-shortcut
         v-model="stateStore.leftDrawer"
         show-if-above
         :width="256"
diff --git a/src/components/common/VnSectionMain.vue b/src/components/common/VnSectionMain.vue
index 0c1641ce1..2372fb2b0 100644
--- a/src/components/common/VnSectionMain.vue
+++ b/src/components/common/VnSectionMain.vue
@@ -14,7 +14,7 @@ onMounted(() => (stateStore.leftDrawer = $props.leftDrawer));
 </script>
 
 <template>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
+    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256" v-shortcut>
         <QScrollArea class="fit text-grey-8">
             <LeftMenu />
         </QScrollArea>

From 5b53e9dc37651a22ca2ea9d3c1dc87079aba6519 Mon Sep 17 00:00:00 2001
From: jgallego <jgallego@verdnatura.es>
Date: Tue, 3 Sep 2024 15:25:36 +0200
Subject: [PATCH 10/14] feat: transfer an invoice

---
 src/components/TransferInvoiceForm.vue        |  4 +---
 .../Card/InvoiceOutDescriptorMenu.vue         | 21 ++++++++++++++-----
 2 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/src/components/TransferInvoiceForm.vue b/src/components/TransferInvoiceForm.vue
index 17c11d87e..23c988ee7 100644
--- a/src/components/TransferInvoiceForm.vue
+++ b/src/components/TransferInvoiceForm.vue
@@ -26,7 +26,6 @@ const { notify } = useNotify();
 const checked = ref(true);
 const transferInvoiceParams = reactive({
     id: $props.invoiceOutData?.id,
-    refFk: $props.invoiceOutData?.ref,
 });
 
 const rectificativeTypeOptions = ref([]);
@@ -46,7 +45,6 @@ const makeInvoice = async () => {
         cplusRectificationTypeFk: transferInvoiceParams.cplusRectificationTypeFk,
         invoiceCorrectionTypeFk: transferInvoiceParams.invoiceCorrectionTypeFk,
         newClientFk: transferInvoiceParams.newClientFk,
-        refFk: transferInvoiceParams.refFk,
         siiTypeInvoiceOutFk: transferInvoiceParams.siiTypeInvoiceOutFk,
         makeInvoice: checked.value,
     };
@@ -74,7 +72,7 @@ const makeInvoice = async () => {
             }
         }
 
-        const { data } = await axios.post('InvoiceOuts/transferInvoice', params);
+        const { data } = await axios.post('InvoiceOuts/transfer', params);
         notify(t('Transferred invoice'), 'positive');
         const id = data?.[0];
         if (id) router.push({ name: 'InvoiceOutSummary', params: { id } });
diff --git a/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue b/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue
index 4c02ccf84..0ded54688 100644
--- a/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue
+++ b/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue
@@ -228,11 +228,19 @@ const showTransferInvoiceForm = async () => {
         </QItemSection>
         <QMenu anchor="top end" self="top start">
             <QList>
-                <QItem v-ripple clickable @click="refundInvoice(true)">
-                    <QItemSection>{{ t('With warehouse') }}</QItemSection>
+                <QItem v-ripple clickable @click="refundInvoice(true, false)">
+                    <QItemSection>{{ t('With warehouse, no invoice') }}</QItemSection>
                 </QItem>
-                <QItem v-ripple clickable @click="refundInvoice(false)">
-                    <QItemSection>{{ t('Without warehouse') }}</QItemSection>
+                <QItem v-ripple clickable @click="refundInvoice(false, false)">
+                    <QItemSection>{{ t('Without warehouse, no invoice') }}</QItemSection>
+                </QItem>
+                <QItem v-ripple clickable @click="refundInvoice(true, true)">
+                    <QItemSection>{{ t('With warehouse, with invoice') }}</QItemSection>
+                </QItem>
+                <QItem v-ripple clickable @click="refundInvoice(false, true)">
+                    <QItemSection>{{
+                        t('Without warehouse, with invoice')
+                    }}</QItemSection>
                 </QItem>
             </QList>
         </QMenu>
@@ -255,7 +263,10 @@ es:
     As CSV: como CSV
     Send PDF: Enviar PDF
     Send CSV: Enviar CSV
-    With warehouse: Con almacén
+    With warehouse, no invoice: Con almacén, sin factura
+    Without warehouse, no invoice: Sin almacén, sin factura
+    With warehouse, with invoice: Con almacén, con factura
+    Without warehouse, with invoice: Sin almacén, con factura
     Without warehouse: Sin almacén
     InvoiceOut deleted: Factura eliminada
     Confirm deletion: Confirmar eliminación

From 91164da2ebdf3db9a48f7170c305e7e6114e6882 Mon Sep 17 00:00:00 2001
From: jgallego <jgallego@verdnatura.es>
Date: Wed, 4 Sep 2024 18:16:40 +0200
Subject: [PATCH 11/14] feat: refuncInvoiceForm component

---
 src/components/RefundInvoiceForm.vue          | 173 ++++++++++++++++++
 src/components/TransferInvoiceForm.vue        |  12 +-
 .../Card/InvoiceOutDescriptorMenu.vue         |  33 ++--
 3 files changed, 194 insertions(+), 24 deletions(-)
 create mode 100644 src/components/RefundInvoiceForm.vue

diff --git a/src/components/RefundInvoiceForm.vue b/src/components/RefundInvoiceForm.vue
new file mode 100644
index 000000000..1b545103a
--- /dev/null
+++ b/src/components/RefundInvoiceForm.vue
@@ -0,0 +1,173 @@
+<script setup>
+import { ref, reactive } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { useRouter } from 'vue-router';
+import { useDialogPluginComponent } from 'quasar';
+import VnRow from 'components/ui/VnRow.vue';
+import FetchData from 'components/FetchData.vue';
+import VnSelect from 'components/common/VnSelect.vue';
+import FormPopup from './FormPopup.vue';
+import axios from 'axios';
+import useNotify from 'src/composables/useNotify.js';
+
+const $props = defineProps({
+    invoiceOutData: {
+        type: Object,
+        default: () => {},
+    },
+});
+
+const { dialogRef } = useDialogPluginComponent();
+const { t } = useI18n();
+const router = useRouter();
+const { notify } = useNotify();
+
+const rectificativeTypeOptions = ref([]);
+const siiTypeInvoiceOutsOptions = ref([]);
+const inheritWarehouse = ref(true);
+const invoiceParams = reactive({
+    id: $props.invoiceOutData?.id,
+});
+const invoiceCorrectionTypesOptions = ref([]);
+
+const refund = async () => {
+    const params = {
+        id: invoiceParams.id,
+        cplusRectificationTypeFk: invoiceParams.cplusRectificationTypeFk,
+        siiTypeInvoiceOutFk: invoiceParams.siiTypeInvoiceOutFk,
+        invoiceCorrectionTypeFk: invoiceParams.invoiceCorrectionTypeFk,
+    };
+
+    try {
+        const { data } = await axios.post('InvoiceOuts/refundAndInvoice', params);
+        notify(t('Refunded invoice'), 'positive');
+        const [id] = data?.refundId || [];
+        if (id) router.push({ name: 'InvoiceOutSummary', params: { id } });
+    } catch (err) {
+        console.error('Error refunding invoice', err);
+    }
+};
+</script>
+
+<template>
+    <FetchData
+        url="CplusRectificationTypes"
+        :filter="{ order: 'description' }"
+        @on-fetch="
+            (data) => (
+                (rectificativeTypeOptions = data),
+                (invoiceParams.cplusRectificationTypeFk = data.filter(
+                    (type) => type.description == 'I – Por diferencias'
+                )[0].id)
+            )
+        "
+        auto-load
+    />
+    <FetchData
+        url="SiiTypeInvoiceOuts"
+        :filter="{ where: { code: { like: 'R%' } } }"
+        @on-fetch="
+            (data) => (
+                (siiTypeInvoiceOutsOptions = data),
+                (invoiceParams.siiTypeInvoiceOutFk = data.filter(
+                    (type) => type.code == 'R4'
+                )[0].id)
+            )
+        "
+        auto-load
+    />
+    <FetchData
+        url="InvoiceCorrectionTypes"
+        @on-fetch="(data) => (invoiceCorrectionTypesOptions = data)"
+        auto-load
+    />
+
+    <QDialog ref="dialogRef">
+        <FormPopup
+            @on-submit="refund()"
+            :custom-submit-button-label="t('Accept')"
+            :default-cancel-button="false"
+        >
+            <template #form-inputs>
+                <VnRow>
+                    <VnSelect
+                        :label="t('Rectificative type')"
+                        :options="rectificativeTypeOptions"
+                        hide-selected
+                        option-label="description"
+                        option-value="id"
+                        v-model="invoiceParams.cplusRectificationTypeFk"
+                        :required="true"
+                    />
+                </VnRow>
+                <VnRow>
+                    <VnSelect
+                        :label="t('Class')"
+                        :options="siiTypeInvoiceOutsOptions"
+                        hide-selected
+                        option-label="description"
+                        option-value="id"
+                        v-model="invoiceParams.siiTypeInvoiceOutFk"
+                        :required="true"
+                    >
+                        <template #option="scope">
+                            <QItem v-bind="scope.itemProps">
+                                <QItemSection>
+                                    <QItemLabel>
+                                        {{ scope.opt?.code }} -
+                                        {{ scope.opt?.description }}
+                                    </QItemLabel>
+                                </QItemSection>
+                            </QItem>
+                        </template>
+                    </VnSelect>
+                </VnRow>
+
+                <VnRow>
+                    <VnSelect
+                        :label="t('Type')"
+                        :options="invoiceCorrectionTypesOptions"
+                        hide-selected
+                        option-label="description"
+                        option-value="id"
+                        v-model="invoiceParams.invoiceCorrectionTypeFk"
+                        :required="true"
+                    /> </VnRow
+                ><VnRow>
+                    <div>
+                        <QCheckbox
+                            :label="t('Inherit warehouse')"
+                            v-model="inheritWarehouse"
+                        />
+                        <QIcon name="info" class="cursor-info q-ml-sm" size="sm">
+                            <QTooltip>{{ t('Inherit warehouse tooltip') }}</QTooltip>
+                        </QIcon>
+                    </div>
+                </VnRow>
+            </template>
+        </FormPopup>
+    </QDialog>
+</template>
+
+<i18n>
+en:
+    Refund invoice: Refund invoice
+    Rectificative type: Rectificative type
+    Class: Class
+    Type: Type
+    Refunded invoice: Refunded invoice
+    Inherit warehouse: Inherit the warehouse
+    Inherit warehouse tooltip: Select this option to inherit the warehouse when refunding the invoice
+    Accept: Accept
+    Error refunding invoice: Error refunding invoice
+es:
+    Refund invoice: Abonar factura
+    Rectificative type: Tipo rectificativa
+    Class: Clase
+    Type: Tipo
+    Refunded invoice: Factura abonada
+    Inherit warehouse: Heredar el almacén
+    Inherit warehouse tooltip: Seleccione esta opción para heredar el almacén al abonar la factura.
+    Accept: Aceptar
+    Error refunding invoice: Error abonando factura
+</i18n>
diff --git a/src/components/TransferInvoiceForm.vue b/src/components/TransferInvoiceForm.vue
index 23c988ee7..f7050cdba 100644
--- a/src/components/TransferInvoiceForm.vue
+++ b/src/components/TransferInvoiceForm.vue
@@ -2,13 +2,12 @@
 import { ref, reactive } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
-import { useQuasar } from 'quasar';
+import { useQuasar, useDialogPluginComponent } from 'quasar';
 import VnConfirm from 'components/ui/VnConfirm.vue';
 import VnRow from 'components/ui/VnRow.vue';
 import FetchData from 'components/FetchData.vue';
 import VnSelect from 'components/common/VnSelect.vue';
 import FormPopup from './FormPopup.vue';
-import { useDialogPluginComponent } from 'quasar';
 import axios from 'axios';
 import useNotify from 'src/composables/useNotify.js';
 
@@ -18,18 +17,19 @@ const $props = defineProps({
         default: () => {},
     },
 });
+
 const { dialogRef } = useDialogPluginComponent();
 const quasar = useQuasar();
 const { t } = useI18n();
 const router = useRouter();
 const { notify } = useNotify();
+
+const rectificativeTypeOptions = ref([]);
+const siiTypeInvoiceOutsOptions = ref([]);
 const checked = ref(true);
 const transferInvoiceParams = reactive({
     id: $props.invoiceOutData?.id,
 });
-
-const rectificativeTypeOptions = ref([]);
-const siiTypeInvoiceOutsOptions = ref([]);
 const invoiceCorrectionTypesOptions = ref([]);
 
 const selectedClient = (client) => {
@@ -43,9 +43,9 @@ const makeInvoice = async () => {
     const params = {
         id: transferInvoiceParams.id,
         cplusRectificationTypeFk: transferInvoiceParams.cplusRectificationTypeFk,
+        siiTypeInvoiceOutFk: transferInvoiceParams.siiTypeInvoiceOutFk,
         invoiceCorrectionTypeFk: transferInvoiceParams.invoiceCorrectionTypeFk,
         newClientFk: transferInvoiceParams.newClientFk,
-        siiTypeInvoiceOutFk: transferInvoiceParams.siiTypeInvoiceOutFk,
         makeInvoice: checked.value,
     };
 
diff --git a/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue b/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue
index 0ded54688..6a3bb5a78 100644
--- a/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue
+++ b/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue
@@ -5,6 +5,7 @@ import { useRouter } from 'vue-router';
 import { useQuasar } from 'quasar';
 
 import TransferInvoiceForm from 'src/components/TransferInvoiceForm.vue';
+import RefundInvoiceForm from 'src/components/RefundInvoiceForm.vue';
 import SendEmailDialog from 'components/common/SendEmailDialog.vue';
 
 import useNotify from 'src/composables/useNotify';
@@ -37,7 +38,6 @@ const { openConfirmationModal } = useVnConfirm();
 const quasar = useQuasar();
 const salixUrl = ref();
 const invoiceFormType = ref('pdf');
-const defaultEmailAddress = ref($props.invoiceOutData.client?.email);
 
 const showInvoicePdf = () => {
     const url = `api/InvoiceOuts/${$props.invoiceOutData.id}/download?access_token=${token}`;
@@ -54,12 +54,6 @@ const showSendInvoiceDialog = (type) => {
     invoiceFormType.value = type;
     quasar.dialog({
         component: SendEmailDialog,
-        componentProps: {
-            data: {
-                address: defaultEmailAddress.value,
-            },
-            promise: sendEmailInvoice,
-        },
     });
 };
 
@@ -141,6 +135,15 @@ const showTransferInvoiceForm = async () => {
         },
     });
 };
+
+const showRefundInvoiceForm = () => {
+    quasar.dialog({
+        component: RefundInvoiceForm,
+        componentProps: {
+            invoiceOutData: $props.invoiceOutData,
+        },
+    });
+};
 </script>
 
 <template>
@@ -228,19 +231,14 @@ const showTransferInvoiceForm = async () => {
         </QItemSection>
         <QMenu anchor="top end" self="top start">
             <QList>
-                <QItem v-ripple clickable @click="refundInvoice(true, false)">
+                <QItem v-ripple clickable @click="refundInvoice(true)">
                     <QItemSection>{{ t('With warehouse, no invoice') }}</QItemSection>
                 </QItem>
-                <QItem v-ripple clickable @click="refundInvoice(false, false)">
+                <QItem v-ripple clickable @click="refundInvoice(false)">
                     <QItemSection>{{ t('Without warehouse, no invoice') }}</QItemSection>
                 </QItem>
-                <QItem v-ripple clickable @click="refundInvoice(true, true)">
-                    <QItemSection>{{ t('With warehouse, with invoice') }}</QItemSection>
-                </QItem>
-                <QItem v-ripple clickable @click="refundInvoice(false, true)">
-                    <QItemSection>{{
-                        t('Without warehouse, with invoice')
-                    }}</QItemSection>
+                <QItem v-ripple clickable @click="showRefundInvoiceForm()">
+                    <QItemSection>{{ t('Invoiced') }}</QItemSection>
                 </QItem>
             </QList>
         </QMenu>
@@ -265,8 +263,7 @@ es:
     Send CSV: Enviar CSV
     With warehouse, no invoice: Con almacén, sin factura
     Without warehouse, no invoice: Sin almacén, sin factura
-    With warehouse, with invoice: Con almacén, con factura
-    Without warehouse, with invoice: Sin almacén, con factura
+    Invoiced: Facturado
     Without warehouse: Sin almacén
     InvoiceOut deleted: Factura eliminada
     Confirm deletion: Confirmar eliminación

From c2e2d5ca8149c5a8a65de2b11e565922059b66aa Mon Sep 17 00:00:00 2001
From: jgallego <jgallego@verdnatura.es>
Date: Wed, 4 Sep 2024 18:30:20 +0200
Subject: [PATCH 12/14] feat: minor fixes

---
 src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue b/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue
index 6a3bb5a78..213e25b4a 100644
--- a/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue
+++ b/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue
@@ -38,6 +38,7 @@ const { openConfirmationModal } = useVnConfirm();
 const quasar = useQuasar();
 const salixUrl = ref();
 const invoiceFormType = ref('pdf');
+const defaultEmailAddress = ref($props.invoiceOutData.client?.email);
 
 const showInvoicePdf = () => {
     const url = `api/InvoiceOuts/${$props.invoiceOutData.id}/download?access_token=${token}`;
@@ -54,6 +55,12 @@ const showSendInvoiceDialog = (type) => {
     invoiceFormType.value = type;
     quasar.dialog({
         component: SendEmailDialog,
+        componentProps: {
+            data: {
+                address: defaultEmailAddress.value,
+            },
+            promise: sendEmailInvoice,
+        },
     });
 };
 
@@ -264,7 +271,6 @@ es:
     With warehouse, no invoice: Con almacén, sin factura
     Without warehouse, no invoice: Sin almacén, sin factura
     Invoiced: Facturado
-    Without warehouse: Sin almacén
     InvoiceOut deleted: Factura eliminada
     Confirm deletion: Confirmar eliminación
     Are you sure you want to delete this invoice?: Estas seguro de eliminar esta factura?

From 70806769ce476b23725ae0cb0f827008a0698457 Mon Sep 17 00:00:00 2001
From: Jon <jon@verdnatura.es>
Date: Thu, 5 Sep 2024 08:25:28 +0200
Subject: [PATCH 13/14] feat: refs #7911 added shortcut to modules

---
 src/pages/Account/Card/AccountMailAlias.vue         |  2 +-
 src/pages/Customer/Card/CustomerAddress.vue         | 10 ++++++++--
 src/pages/Customer/Card/CustomerCreditContracts.vue |  3 ++-
 src/pages/Item/ItemList.vue                         | 10 ++++++++--
 src/pages/Item/ItemTypeList.vue                     | 10 ++++++++--
 src/pages/Shelving/ShelvingList.vue                 |  4 ++--
 src/pages/Supplier/Card/SupplierAddresses.vue       | 11 +++++++++--
 src/pages/Supplier/Card/SupplierAgencyTerm.vue      | 10 ++++++++--
 src/pages/Ticket/Card/TicketPurchaseRequest.vue     |  9 ++++++++-
 src/pages/Ticket/Card/TicketTracking.vue            | 11 +++++++++--
 src/pages/Travel/Card/TravelThermographs.vue        |  2 ++
 src/pages/Wagon/Type/WagonTypeList.vue              |  4 ++--
 src/pages/Wagon/WagonList.vue                       |  4 ++--
 src/pages/Worker/Card/WorkerPda.vue                 |  4 ++--
 src/pages/Zone/Card/ZoneEvents.vue                  |  3 ++-
 src/pages/Zone/Card/ZoneWarehouses.vue              | 10 ++++++++--
 16 files changed, 81 insertions(+), 26 deletions(-)

diff --git a/src/pages/Account/Card/AccountMailAlias.vue b/src/pages/Account/Card/AccountMailAlias.vue
index 15d03c665..94e713538 100644
--- a/src/pages/Account/Card/AccountMailAlias.vue
+++ b/src/pages/Account/Card/AccountMailAlias.vue
@@ -110,7 +110,7 @@ onMounted(async () => await getAccountData(false));
 </script>
 
 <template>
-    <QPage class="column items-center q-pa-md">
+    <QPage class="column items-center q-pa-md" v-shortcut>
         <div class="full-width" style="max-width: 400px">
             <QSpinner v-if="loading" color="primary" size="md" />
             <VnPaginate
diff --git a/src/pages/Customer/Card/CustomerAddress.vue b/src/pages/Customer/Card/CustomerAddress.vue
index 6c8279d84..c93693e57 100644
--- a/src/pages/Customer/Card/CustomerAddress.vue
+++ b/src/pages/Customer/Card/CustomerAddress.vue
@@ -135,7 +135,7 @@ const toCustomerAddressEdit = (addressId) => {
     />
 
     <div class="full-width flex justify-center">
-        <QCard class="card-width q-pa-lg" v-if="addresses.length">
+        <QCard class="card-width q-pa-lg" v-if="addresses.length" v-shortcut>
             <QCardSection>
                 <div
                     v-for="(item, index) in addresses"
@@ -218,7 +218,13 @@ const toCustomerAddressEdit = (addressId) => {
     </div>
 
     <QPageSticky :offset="[18, 18]">
-        <QBtn @click.stop="toCustomerAddressCreate()" color="primary" fab icon="add" />
+        <QBtn
+            @click.stop="toCustomerAddressCreate()"
+            color="primary"
+            fab
+            icon="add"
+            shortcut="+"
+        />
         <QTooltip>
             {{ t('New consignee') }}
         </QTooltip>
diff --git a/src/pages/Customer/Card/CustomerCreditContracts.vue b/src/pages/Customer/Card/CustomerCreditContracts.vue
index 568adcf0b..607015ce5 100644
--- a/src/pages/Customer/Card/CustomerCreditContracts.vue
+++ b/src/pages/Customer/Card/CustomerCreditContracts.vue
@@ -71,7 +71,7 @@ const updateData = () => {
 
 <template>
     <div class="full-width flex justify-center">
-        <QCard class="card-width q-pa-lg">
+        <QCard class="card-width q-pa-lg" v-shortcut>
             <VnPaginate
                 :filter="filter"
                 @on-fetch="fetch"
@@ -193,6 +193,7 @@ const updateData = () => {
             color="primary"
             fab
             icon="add"
+            shortcut="+"
         />
         <QTooltip>
             {{ t('New contract') }}
diff --git a/src/pages/Item/ItemList.vue b/src/pages/Item/ItemList.vue
index 2e829c6a1..8f1957257 100644
--- a/src/pages/Item/ItemList.vue
+++ b/src/pages/Item/ItemList.vue
@@ -445,7 +445,7 @@ onUnmounted(() => (stateStore.rightDrawer = false));
             <ItemListFilter data-key="ItemList" />
         </template>
     </RightMenu>
-    <QPage class="column items-center q-pa-md">
+    <QPage class="column items-center q-pa-md" v-shortcut>
         <VnPaginate
             ref="paginateRef"
             data-key="ItemList"
@@ -562,7 +562,13 @@ onUnmounted(() => (stateStore.rightDrawer = false));
         </VnPaginate>
 
         <QPageSticky :offset="[20, 20]">
-            <QBtn @click="redirectToItemCreate()" color="primary" fab icon="add" />
+            <QBtn
+                @click="redirectToItemCreate()"
+                color="primary"
+                fab
+                icon="add"
+                shortcut="+"
+            />
             <QTooltip class="text-no-wrap">
                 {{ t('New item') }}
             </QTooltip>
diff --git a/src/pages/Item/ItemTypeList.vue b/src/pages/Item/ItemTypeList.vue
index 125672d60..b9a40a754 100644
--- a/src/pages/Item/ItemTypeList.vue
+++ b/src/pages/Item/ItemTypeList.vue
@@ -65,7 +65,7 @@ const exprBuilder = (param, value) => {
             <ItemTypeFilter data-key="ItemTypeList" />
         </template>
     </RightMenu>
-    <QPage class="column items-center q-pa-md">
+    <QPage class="column items-center q-pa-md" v-shortcut>
         <div class="vn-card-list">
             <VnPaginate
                 data-key="ItemTypeList"
@@ -99,7 +99,13 @@ const exprBuilder = (param, value) => {
         </div>
     </QPage>
     <QPageSticky :offset="[20, 20]">
-        <QBtn fab icon="add" color="primary" @click="redirectToCreateView()" />
+        <QBtn
+            fab
+            icon="add"
+            color="primary"
+            @click="redirectToCreateView()"
+            shortcut="+"
+        />
         <QTooltip>
             {{ t('New item type') }}
         </QTooltip>
diff --git a/src/pages/Shelving/ShelvingList.vue b/src/pages/Shelving/ShelvingList.vue
index 3f16f8ef7..e19c8a244 100644
--- a/src/pages/Shelving/ShelvingList.vue
+++ b/src/pages/Shelving/ShelvingList.vue
@@ -46,7 +46,7 @@ function exprBuilder(param, value) {
             <ShelvingFilter data-key="ShelvingList" />
         </template>
     </RightMenu>
-    <QPage class="column items-center q-pa-md">
+    <QPage class="column items-center q-pa-md" v-shortcut>
         <div class="vn-card-list">
             <VnPaginate
                 data-key="ShelvingList"
@@ -87,7 +87,7 @@ function exprBuilder(param, value) {
         </div>
         <QPageSticky :offset="[20, 20]">
             <RouterLink :to="{ name: 'ShelvingCreate' }">
-                <QBtn fab icon="add" color="primary" />
+                <QBtn fab icon="add" color="primary" shortcut="+" />
                 <QTooltip>
                     {{ t('shelving.list.newShelving') }}
                 </QTooltip>
diff --git a/src/pages/Supplier/Card/SupplierAddresses.vue b/src/pages/Supplier/Card/SupplierAddresses.vue
index 735b50625..818cc2efa 100644
--- a/src/pages/Supplier/Card/SupplierAddresses.vue
+++ b/src/pages/Supplier/Card/SupplierAddresses.vue
@@ -46,7 +46,7 @@ const redirectToUpdateView = (addressData) => {
 </script>
 
 <template>
-    <QPage class="column items-center q-pa-md">
+    <QPage class="column items-center q-pa-md" v-shortcut>
         <div class="vn-card-list">
             <VnPaginate
                 data-key="SupplierAddress"
@@ -81,7 +81,13 @@ const redirectToUpdateView = (addressData) => {
             </VnPaginate>
         </div>
         <QPageSticky :offset="[20, 20]">
-            <QBtn fab icon="add" color="primary" @click="redirectToCreateView()" />
+            <QBtn
+                fab
+                icon="add"
+                color="primary"
+                @click="redirectToCreateView()"
+                shortcut="+"
+            />
             <QTooltip>
                 {{ t('New address') }}
             </QTooltip>
@@ -93,3 +99,4 @@ const redirectToUpdateView = (addressData) => {
 es:
     New address: Nueva dirección
 </i18n>
+s
diff --git a/src/pages/Supplier/Card/SupplierAgencyTerm.vue b/src/pages/Supplier/Card/SupplierAgencyTerm.vue
index 26a410e8c..f6de30b06 100644
--- a/src/pages/Supplier/Card/SupplierAgencyTerm.vue
+++ b/src/pages/Supplier/Card/SupplierAgencyTerm.vue
@@ -48,7 +48,7 @@ const redirectToCreateView = () => {
         auto-load
     >
         <template #body="{ rows }">
-            <QCard class="q-pa-md">
+            <QCard class="q-pa-md" v-shortcut>
                 <VnRow
                     v-for="(row, index) in rows"
                     :key="index"
@@ -109,7 +109,13 @@ const redirectToCreateView = () => {
         </template>
     </CrudModel>
     <QPageSticky :offset="[20, 20]">
-        <QBtn fab icon="add" color="primary" @click="redirectToCreateView()" />
+        <QBtn
+            fab
+            icon="add"
+            color="primary"
+            @click="redirectToCreateView()"
+            shortcut="+"
+        />
         <QTooltip>
             {{ t('supplier.agencyTerms.addRow') }}
         </QTooltip>
diff --git a/src/pages/Ticket/Card/TicketPurchaseRequest.vue b/src/pages/Ticket/Card/TicketPurchaseRequest.vue
index 281dc46a1..2acca6aa9 100644
--- a/src/pages/Ticket/Card/TicketPurchaseRequest.vue
+++ b/src/pages/Ticket/Card/TicketPurchaseRequest.vue
@@ -174,6 +174,7 @@ const openCreateModal = () => createTicketRequestDialogRef.value.show();
                     class="full-width q-mt-md"
                     :no-data-label="t('globals.noResults')"
                     @row-click="(_, row) => redirectToTicketSummary(row.ticketFk)"
+                    v-shortcut
                 >
                     <template #body-cell-description="{ row }">
                         <QTd @click.stop>
@@ -252,7 +253,13 @@ const openCreateModal = () => createTicketRequestDialogRef.value.show();
             <TicketCreateRequest @on-request-created="crudModelRef.reload()" />
         </QDialog>
         <QPageSticky :offset="[20, 20]">
-            <QBtn @click="openCreateModal()" color="primary" fab icon="add" />
+            <QBtn
+                @click="openCreateModal()"
+                color="primary"
+                fab
+                icon="add"
+                shortcut="+"
+            />
             <QTooltip class="text-no-wrap">
                 {{ t('purchaseRequest.newRequest') }}
             </QTooltip>
diff --git a/src/pages/Ticket/Card/TicketTracking.vue b/src/pages/Ticket/Card/TicketTracking.vue
index 53f59adf9..ab6e97842 100644
--- a/src/pages/Ticket/Card/TicketTracking.vue
+++ b/src/pages/Ticket/Card/TicketTracking.vue
@@ -82,7 +82,7 @@ const openCreateModal = () => createTrackingDialogRef.value.show();
             data-key="TicketTracking"
             :filter="paginateFilter"
             url="TicketTrackings"
-            auto-load            
+            auto-load
             order="created DESC"
             :limit="0"
         >
@@ -94,6 +94,7 @@ const openCreateModal = () => createTrackingDialogRef.value.show();
                     :pagination="{ rowsPerPage: 0 }"
                     class="full-width q-mt-md"
                     :no-data-label="t('globals.noResults')"
+                    v-shortcut
                 >
                     <template #body-cell-worker="{ row }">
                         <QTd @click.stop>
@@ -114,7 +115,13 @@ const openCreateModal = () => createTrackingDialogRef.value.show();
             <TicketCreateTracking @on-request-created="paginateRef.fetch()" />
         </QDialog>
         <QPageSticky :offset="[20, 20]">
-            <QBtn @click="openCreateModal()" color="primary" fab icon="add" />
+            <QBtn
+                @click="openCreateModal()"
+                color="primary"
+                fab
+                icon="add"
+                shortcut="+"
+            />
             <QTooltip class="text-no-wrap">
                 {{ t('tracking.addState') }}
             </QTooltip>
diff --git a/src/pages/Travel/Card/TravelThermographs.vue b/src/pages/Travel/Card/TravelThermographs.vue
index 9f224154c..60084ff04 100644
--- a/src/pages/Travel/Card/TravelThermographs.vue
+++ b/src/pages/Travel/Card/TravelThermographs.vue
@@ -147,6 +147,7 @@ const removeThermograph = async (id) => {
                 :no-data-label="t('No results')"
                 row-key="id"
                 class="full-width q-mt-md"
+                v-shortcut
             >
                 <template #body-cell-downloadFile="{ row }">
                     <QTd auto-width>
@@ -196,6 +197,7 @@ const removeThermograph = async (id) => {
             icon="add"
             color="primary"
             @click="redirectToThermographForm('create')"
+            shortcut="+"
         />
         <QTooltip class="text-no-wrap">
             {{ t('Add thermograph') }}
diff --git a/src/pages/Wagon/Type/WagonTypeList.vue b/src/pages/Wagon/Type/WagonTypeList.vue
index 3ecca1ea3..070b120ba 100644
--- a/src/pages/Wagon/Type/WagonTypeList.vue
+++ b/src/pages/Wagon/Type/WagonTypeList.vue
@@ -40,7 +40,7 @@ async function remove(row) {
 </script>
 
 <template>
-    <QPage class="column items-center q-pa-md">
+    <QPage class="column items-center q-pa-md" v-shortcut>
         <div class="vn-card-list">
             <VnPaginate
                 data-key="WagonTypeList"
@@ -74,7 +74,7 @@ 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" shortcut="+" />
         </QPageSticky>
     </QPage>
 </template>
diff --git a/src/pages/Wagon/WagonList.vue b/src/pages/Wagon/WagonList.vue
index a8b6728c3..ed68bddfd 100644
--- a/src/pages/Wagon/WagonList.vue
+++ b/src/pages/Wagon/WagonList.vue
@@ -47,7 +47,7 @@ async function remove(row) {
 </script>
 
 <template>
-    <QPage class="column items-center q-pa-md">
+    <QPage class="column items-center q-pa-md" v-shortcut>
         <div class="vn-card-list">
             <VnPaginate
                 data-key="WagonList"
@@ -94,7 +94,7 @@ 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" shortcut="+" />
         </QPageSticky>
     </QPage>
 </template>
diff --git a/src/pages/Worker/Card/WorkerPda.vue b/src/pages/Worker/Card/WorkerPda.vue
index 4e0abc20c..c2ce292bb 100644
--- a/src/pages/Worker/Card/WorkerPda.vue
+++ b/src/pages/Worker/Card/WorkerPda.vue
@@ -51,7 +51,7 @@ function reloadData() {
 </script>
 
 <template>
-    <QPage class="column items-center q-pa-md centerCard">
+    <QPage class="column items-center q-pa-md centerCard" v-shortcut>
         <FetchData
             url="workers/getAvailablePda"
             @on-fetch="(data) => (deviceProductions = data)"
@@ -116,7 +116,7 @@ function reloadData() {
             </template>
         </VnPaginate>
         <QPageSticky :offset="[18, 18]">
-            <QBtn @click.stop="dialog.show()" color="primary" fab icon="add">
+            <QBtn @click.stop="dialog.show()" color="primary" fab icon="add" shortcut="+">
                 <QDialog ref="dialog">
                     <FormModelPopup
                         :title="t('Add new device')"
diff --git a/src/pages/Zone/Card/ZoneEvents.vue b/src/pages/Zone/Card/ZoneEvents.vue
index 33e2f2ffa..07400dec1 100644
--- a/src/pages/Zone/Card/ZoneEvents.vue
+++ b/src/pages/Zone/Card/ZoneEvents.vue
@@ -72,7 +72,7 @@ onUnmounted(() => (stateStore.rightDrawer = false));
             />
         </QScrollArea>
     </QDrawer>
-    <QPage class="q-pa-md flex justify-center">
+    <QPage class="q-pa-md flex justify-center" v-shortcut>
         <ZoneCalendarGrid
             v-model:events="events"
             v-model:firstDay="firstDay"
@@ -102,6 +102,7 @@ onUnmounted(() => (stateStore.rightDrawer = false));
                 color="primary"
                 fab
                 icon="add"
+                shortcut="+"
             />
             <QTooltip class="text-no-wrap">
                 {{ t('eventsInclusionForm.addEvent') }}
diff --git a/src/pages/Zone/Card/ZoneWarehouses.vue b/src/pages/Zone/Card/ZoneWarehouses.vue
index 1d28bf391..d0ba00389 100644
--- a/src/pages/Zone/Card/ZoneWarehouses.vue
+++ b/src/pages/Zone/Card/ZoneWarehouses.vue
@@ -66,7 +66,7 @@ const openCreateWarehouseForm = () => createWarehouseDialogRef.value.show();
 </script>
 
 <template>
-    <QPage class="column items-center q-pa-md">
+    <QPage class="column items-center q-pa-md" v-shortcut>
         <div class="full-width" style="max-width: 400px">
             <VnPaginate
                 ref="paginateRef"
@@ -111,7 +111,13 @@ const openCreateWarehouseForm = () => createWarehouseDialogRef.value.show();
             <ZoneCreateWarehouse @on-submit-create-warehouse="createZoneWarehouse" />
         </QDialog>
         <QPageSticky position="bottom-right" :offset="[18, 18]">
-            <QBtn fab icon="add" color="primary" @click="openCreateWarehouseForm()">
+            <QBtn
+                fab
+                icon="add"
+                color="primary"
+                @click="openCreateWarehouseForm()"
+                shortcut="+"
+            >
                 <QTooltip>{{ t('warehouses.add') }}</QTooltip>
             </QBtn>
         </QPageSticky>

From b6e14c4e6a1de74cc198714ab943279c62ab552f Mon Sep 17 00:00:00 2001
From: Jon <jon@verdnatura.es>
Date: Thu, 5 Sep 2024 13:08:02 +0200
Subject: [PATCH 14/14] fix: refs #7911 fixed shortcut and related files

---
 src/boot/keyShortcut.js                             | 4 +++-
 src/components/VnTable/VnTable.vue                  | 1 -
 src/components/common/VnSectionMain.vue             | 2 +-
 src/layouts/MainLayout.vue                          | 2 +-
 src/pages/Account/Card/AccountMailAlias.vue         | 2 +-
 src/pages/Customer/Card/CustomerAddress.vue         | 2 +-
 src/pages/Customer/Card/CustomerBalance.vue         | 8 +++++++-
 src/pages/Customer/Card/CustomerCreditContracts.vue | 2 +-
 src/pages/Item/ItemList.vue                         | 2 +-
 src/pages/Item/ItemTypeList.vue                     | 2 +-
 src/pages/Shelving/ShelvingList.vue                 | 2 +-
 src/pages/Supplier/Card/SupplierAddresses.vue       | 2 +-
 src/pages/Supplier/Card/SupplierAgencyTerm.vue      | 2 +-
 src/pages/Ticket/Card/TicketPurchaseRequest.vue     | 1 -
 src/pages/Ticket/Card/TicketTracking.vue            | 1 -
 src/pages/Travel/Card/TravelThermographs.vue        | 1 -
 src/pages/Wagon/Type/WagonTypeList.vue              | 2 +-
 src/pages/Wagon/WagonList.vue                       | 2 +-
 src/pages/Worker/Card/WorkerPda.vue                 | 2 +-
 src/pages/Zone/Card/ZoneEvents.vue                  | 2 +-
 src/pages/Zone/Card/ZoneWarehouses.vue              | 2 +-
 21 files changed, 25 insertions(+), 21 deletions(-)

diff --git a/src/boot/keyShortcut.js b/src/boot/keyShortcut.js
index 2d84dcc6d..5afb5b74a 100644
--- a/src/boot/keyShortcut.js
+++ b/src/boot/keyShortcut.js
@@ -9,7 +9,9 @@ export default {
                       ctrl: true,
                       alt: true,
                       callback: () =>
-                          document.querySelector('button[shortcut="+"]')?.click(),
+                          document
+                              .querySelector(`button[shortcut="${shortcut}"]`)
+                              ?.click(),
                   }
                 : binding.value;
 
diff --git a/src/components/VnTable/VnTable.vue b/src/components/VnTable/VnTable.vue
index 2582ea892..71ca07a53 100644
--- a/src/components/VnTable/VnTable.vue
+++ b/src/components/VnTable/VnTable.vue
@@ -291,7 +291,6 @@ defineExpose({
 </script>
 <template>
     <QDrawer
-        v-shortcut
         v-if="$props.rightSearch"
         v-model="stateStore.rightDrawer"
         side="right"
diff --git a/src/components/common/VnSectionMain.vue b/src/components/common/VnSectionMain.vue
index 2372fb2b0..0c1641ce1 100644
--- a/src/components/common/VnSectionMain.vue
+++ b/src/components/common/VnSectionMain.vue
@@ -14,7 +14,7 @@ onMounted(() => (stateStore.leftDrawer = $props.leftDrawer));
 </script>
 
 <template>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256" v-shortcut>
+    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
         <QScrollArea class="fit text-grey-8">
             <LeftMenu />
         </QScrollArea>
diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index 88c5ee293..51cd20071 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -5,7 +5,7 @@ const quasar = useQuasar();
 </script>
 
 <template>
-    <QLayout view="hHh LpR fFf">
+    <QLayout view="hHh LpR fFf" v-shortcut>
         <Navbar />
         <RouterView></RouterView>
         <QFooter v-if="quasar.platform.is.mobile"></QFooter>
diff --git a/src/pages/Account/Card/AccountMailAlias.vue b/src/pages/Account/Card/AccountMailAlias.vue
index 94e713538..15d03c665 100644
--- a/src/pages/Account/Card/AccountMailAlias.vue
+++ b/src/pages/Account/Card/AccountMailAlias.vue
@@ -110,7 +110,7 @@ onMounted(async () => await getAccountData(false));
 </script>
 
 <template>
-    <QPage class="column items-center q-pa-md" v-shortcut>
+    <QPage class="column items-center q-pa-md">
         <div class="full-width" style="max-width: 400px">
             <QSpinner v-if="loading" color="primary" size="md" />
             <VnPaginate
diff --git a/src/pages/Customer/Card/CustomerAddress.vue b/src/pages/Customer/Card/CustomerAddress.vue
index c93693e57..a9e7affef 100644
--- a/src/pages/Customer/Card/CustomerAddress.vue
+++ b/src/pages/Customer/Card/CustomerAddress.vue
@@ -135,7 +135,7 @@ const toCustomerAddressEdit = (addressId) => {
     />
 
     <div class="full-width flex justify-center">
-        <QCard class="card-width q-pa-lg" v-if="addresses.length" v-shortcut>
+        <QCard class="card-width q-pa-lg" v-if="addresses.length">
             <QCardSection>
                 <div
                     v-for="(item, index) in addresses"
diff --git a/src/pages/Customer/Card/CustomerBalance.vue b/src/pages/Customer/Card/CustomerBalance.vue
index 346e76681..548a67b0b 100644
--- a/src/pages/Customer/Card/CustomerBalance.vue
+++ b/src/pages/Customer/Card/CustomerBalance.vue
@@ -292,7 +292,13 @@ const showBalancePdf = ({ id }) => {
         </template>
     </VnTable>
     <QPageSticky :offset="[18, 18]" style="z-index: 2">
-        <QBtn @click.stop="showNewPaymentDialog()" color="primary" fab icon="add" />
+        <QBtn
+            @click.stop="showNewPaymentDialog()"
+            color="primary"
+            fab
+            icon="add"
+            shortcut="+"
+        />
         <QTooltip>
             {{ t('New payment') }}
         </QTooltip>
diff --git a/src/pages/Customer/Card/CustomerCreditContracts.vue b/src/pages/Customer/Card/CustomerCreditContracts.vue
index 607015ce5..12719b2cf 100644
--- a/src/pages/Customer/Card/CustomerCreditContracts.vue
+++ b/src/pages/Customer/Card/CustomerCreditContracts.vue
@@ -71,7 +71,7 @@ const updateData = () => {
 
 <template>
     <div class="full-width flex justify-center">
-        <QCard class="card-width q-pa-lg" v-shortcut>
+        <QCard class="card-width q-pa-lg">
             <VnPaginate
                 :filter="filter"
                 @on-fetch="fetch"
diff --git a/src/pages/Item/ItemList.vue b/src/pages/Item/ItemList.vue
index 8f1957257..e3fcceb3a 100644
--- a/src/pages/Item/ItemList.vue
+++ b/src/pages/Item/ItemList.vue
@@ -445,7 +445,7 @@ onUnmounted(() => (stateStore.rightDrawer = false));
             <ItemListFilter data-key="ItemList" />
         </template>
     </RightMenu>
-    <QPage class="column items-center q-pa-md" v-shortcut>
+    <QPage class="column items-center q-pa-md">
         <VnPaginate
             ref="paginateRef"
             data-key="ItemList"
diff --git a/src/pages/Item/ItemTypeList.vue b/src/pages/Item/ItemTypeList.vue
index b9a40a754..d874a5dcb 100644
--- a/src/pages/Item/ItemTypeList.vue
+++ b/src/pages/Item/ItemTypeList.vue
@@ -65,7 +65,7 @@ const exprBuilder = (param, value) => {
             <ItemTypeFilter data-key="ItemTypeList" />
         </template>
     </RightMenu>
-    <QPage class="column items-center q-pa-md" v-shortcut>
+    <QPage class="column items-center q-pa-md">
         <div class="vn-card-list">
             <VnPaginate
                 data-key="ItemTypeList"
diff --git a/src/pages/Shelving/ShelvingList.vue b/src/pages/Shelving/ShelvingList.vue
index e19c8a244..d29f6ff15 100644
--- a/src/pages/Shelving/ShelvingList.vue
+++ b/src/pages/Shelving/ShelvingList.vue
@@ -46,7 +46,7 @@ function exprBuilder(param, value) {
             <ShelvingFilter data-key="ShelvingList" />
         </template>
     </RightMenu>
-    <QPage class="column items-center q-pa-md" v-shortcut>
+    <QPage class="column items-center q-pa-md">
         <div class="vn-card-list">
             <VnPaginate
                 data-key="ShelvingList"
diff --git a/src/pages/Supplier/Card/SupplierAddresses.vue b/src/pages/Supplier/Card/SupplierAddresses.vue
index 818cc2efa..4bb6d5622 100644
--- a/src/pages/Supplier/Card/SupplierAddresses.vue
+++ b/src/pages/Supplier/Card/SupplierAddresses.vue
@@ -46,7 +46,7 @@ const redirectToUpdateView = (addressData) => {
 </script>
 
 <template>
-    <QPage class="column items-center q-pa-md" v-shortcut>
+    <QPage class="column items-center q-pa-md">
         <div class="vn-card-list">
             <VnPaginate
                 data-key="SupplierAddress"
diff --git a/src/pages/Supplier/Card/SupplierAgencyTerm.vue b/src/pages/Supplier/Card/SupplierAgencyTerm.vue
index f6de30b06..99b672cc4 100644
--- a/src/pages/Supplier/Card/SupplierAgencyTerm.vue
+++ b/src/pages/Supplier/Card/SupplierAgencyTerm.vue
@@ -48,7 +48,7 @@ const redirectToCreateView = () => {
         auto-load
     >
         <template #body="{ rows }">
-            <QCard class="q-pa-md" v-shortcut>
+            <QCard class="q-pa-md">
                 <VnRow
                     v-for="(row, index) in rows"
                     :key="index"
diff --git a/src/pages/Ticket/Card/TicketPurchaseRequest.vue b/src/pages/Ticket/Card/TicketPurchaseRequest.vue
index 2acca6aa9..8d84e2b46 100644
--- a/src/pages/Ticket/Card/TicketPurchaseRequest.vue
+++ b/src/pages/Ticket/Card/TicketPurchaseRequest.vue
@@ -174,7 +174,6 @@ const openCreateModal = () => createTicketRequestDialogRef.value.show();
                     class="full-width q-mt-md"
                     :no-data-label="t('globals.noResults')"
                     @row-click="(_, row) => redirectToTicketSummary(row.ticketFk)"
-                    v-shortcut
                 >
                     <template #body-cell-description="{ row }">
                         <QTd @click.stop>
diff --git a/src/pages/Ticket/Card/TicketTracking.vue b/src/pages/Ticket/Card/TicketTracking.vue
index ab6e97842..f7cbb14e9 100644
--- a/src/pages/Ticket/Card/TicketTracking.vue
+++ b/src/pages/Ticket/Card/TicketTracking.vue
@@ -94,7 +94,6 @@ const openCreateModal = () => createTrackingDialogRef.value.show();
                     :pagination="{ rowsPerPage: 0 }"
                     class="full-width q-mt-md"
                     :no-data-label="t('globals.noResults')"
-                    v-shortcut
                 >
                     <template #body-cell-worker="{ row }">
                         <QTd @click.stop>
diff --git a/src/pages/Travel/Card/TravelThermographs.vue b/src/pages/Travel/Card/TravelThermographs.vue
index 60084ff04..6d83581ee 100644
--- a/src/pages/Travel/Card/TravelThermographs.vue
+++ b/src/pages/Travel/Card/TravelThermographs.vue
@@ -147,7 +147,6 @@ const removeThermograph = async (id) => {
                 :no-data-label="t('No results')"
                 row-key="id"
                 class="full-width q-mt-md"
-                v-shortcut
             >
                 <template #body-cell-downloadFile="{ row }">
                     <QTd auto-width>
diff --git a/src/pages/Wagon/Type/WagonTypeList.vue b/src/pages/Wagon/Type/WagonTypeList.vue
index 070b120ba..b7bbf8c5d 100644
--- a/src/pages/Wagon/Type/WagonTypeList.vue
+++ b/src/pages/Wagon/Type/WagonTypeList.vue
@@ -40,7 +40,7 @@ async function remove(row) {
 </script>
 
 <template>
-    <QPage class="column items-center q-pa-md" v-shortcut>
+    <QPage class="column items-center q-pa-md">
         <div class="vn-card-list">
             <VnPaginate
                 data-key="WagonTypeList"
diff --git a/src/pages/Wagon/WagonList.vue b/src/pages/Wagon/WagonList.vue
index ed68bddfd..c4824b861 100644
--- a/src/pages/Wagon/WagonList.vue
+++ b/src/pages/Wagon/WagonList.vue
@@ -47,7 +47,7 @@ async function remove(row) {
 </script>
 
 <template>
-    <QPage class="column items-center q-pa-md" v-shortcut>
+    <QPage class="column items-center q-pa-md">
         <div class="vn-card-list">
             <VnPaginate
                 data-key="WagonList"
diff --git a/src/pages/Worker/Card/WorkerPda.vue b/src/pages/Worker/Card/WorkerPda.vue
index c2ce292bb..a53aac270 100644
--- a/src/pages/Worker/Card/WorkerPda.vue
+++ b/src/pages/Worker/Card/WorkerPda.vue
@@ -51,7 +51,7 @@ function reloadData() {
 </script>
 
 <template>
-    <QPage class="column items-center q-pa-md centerCard" v-shortcut>
+    <QPage class="column items-center q-pa-md centerCard">
         <FetchData
             url="workers/getAvailablePda"
             @on-fetch="(data) => (deviceProductions = data)"
diff --git a/src/pages/Zone/Card/ZoneEvents.vue b/src/pages/Zone/Card/ZoneEvents.vue
index 07400dec1..32a7db4c4 100644
--- a/src/pages/Zone/Card/ZoneEvents.vue
+++ b/src/pages/Zone/Card/ZoneEvents.vue
@@ -72,7 +72,7 @@ onUnmounted(() => (stateStore.rightDrawer = false));
             />
         </QScrollArea>
     </QDrawer>
-    <QPage class="q-pa-md flex justify-center" v-shortcut>
+    <QPage class="q-pa-md flex justify-center">
         <ZoneCalendarGrid
             v-model:events="events"
             v-model:firstDay="firstDay"
diff --git a/src/pages/Zone/Card/ZoneWarehouses.vue b/src/pages/Zone/Card/ZoneWarehouses.vue
index d0ba00389..6b2933224 100644
--- a/src/pages/Zone/Card/ZoneWarehouses.vue
+++ b/src/pages/Zone/Card/ZoneWarehouses.vue
@@ -66,7 +66,7 @@ const openCreateWarehouseForm = () => createWarehouseDialogRef.value.show();
 </script>
 
 <template>
-    <QPage class="column items-center q-pa-md" v-shortcut>
+    <QPage class="column items-center q-pa-md">
         <div class="full-width" style="max-width: 400px">
             <VnPaginate
                 ref="paginateRef"