From 577a6281b86678997ae5a784db2e5f40702986c8 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Thu, 26 Sep 2024 15:02:40 -0300
Subject: [PATCH 01/15] Create VnList

---
 src/components/ui/VnList.vue         | 38 +++++++++++++
 src/i18n/ca-ES/index.js              |  2 +
 src/i18n/en-US/index.js              |  2 +
 src/i18n/es-ES/index.js              |  2 +
 src/i18n/fr-FR/index.js              |  2 +
 src/i18n/pt-PT/index.js              |  2 +
 src/pages/Account/AddressList.vue    |  9 ++-
 src/pages/Admin/AccessLogView.vue    |  5 +-
 src/pages/Admin/ConnectionsView.vue  | 17 +++---
 src/pages/Admin/ItemsView.vue        | 37 +++---------
 src/pages/Admin/NewsView.vue         | 14 ++---
 src/pages/Admin/UsersView.vue        | 22 +++----
 src/pages/Ecomerce/OrdersView.vue    | 16 +-----
 src/pages/Ecomerce/PendingOrders.vue | 85 +++++++++++++++-------------
 14 files changed, 137 insertions(+), 116 deletions(-)
 create mode 100644 src/components/ui/VnList.vue

diff --git a/src/components/ui/VnList.vue b/src/components/ui/VnList.vue
new file mode 100644
index 00000000..aeb27922
--- /dev/null
+++ b/src/components/ui/VnList.vue
@@ -0,0 +1,38 @@
+<script setup>
+import { useI18n } from 'vue-i18n';
+
+defineProps({
+    emptyMessage: {
+        type: String,
+        default: 'emptyList'
+    },
+    emptyIcon: {
+        type: String,
+        default: 'block'
+    },
+    rows: {
+        type: Array,
+        default: () => []
+    },
+    loading: {
+        type: Boolean,
+        default: false
+    }
+});
+
+const { t } = useI18n();
+</script>
+
+<template>
+    <QList v-bind="$attrs" class="column items-center">
+        <span
+            v-if="!rows?.length"
+            class="flex items-center q-pa-md justify-center items-center"
+        >
+            <QIcon :name="emptyIcon" size="sm" class="q-mr-sm" />
+            {{ t(emptyMessage) }}
+        </span>
+        <QSpinner v-if="loading" color="primary" size="3em" :thickness="2" />
+        <slot v-else />
+    </QList>
+</template>
diff --git a/src/i18n/ca-ES/index.js b/src/i18n/ca-ES/index.js
index c21533d9..c61d7daf 100644
--- a/src/i18n/ca-ES/index.js
+++ b/src/i18n/ca-ES/index.js
@@ -106,6 +106,8 @@ export default {
     shoppingCart: 'Cistella de la compra',
     available: 'Disponible',
     minQuantity: 'Quantitat mínima',
+    introduceSearchTerm: 'Introdueix un terme de cerca',
+    noOrdersFound: `No s'han trobat comandes`,
     // Image related translations
     'Cant lock cache': 'No es pot bloquejar la memòria cau',
     'Bad file format': 'Format de fitxer no reconegut',
diff --git a/src/i18n/en-US/index.js b/src/i18n/en-US/index.js
index 6938af07..95eafbab 100644
--- a/src/i18n/en-US/index.js
+++ b/src/i18n/en-US/index.js
@@ -139,6 +139,8 @@ export default {
     shoppingCart: 'Shopping cart',
     available: 'Available',
     minQuantity: 'Minimum quantity',
+    introduceSearchTerm: 'Enter a search term',
+    noOrdersFound: 'No orders found',
     // Image related translations
     'Cant lock cache': 'The cache could not be blocked',
     'Bad file format': 'Unrecognized file format',
diff --git a/src/i18n/es-ES/index.js b/src/i18n/es-ES/index.js
index d826b2d8..ffc1ffef 100644
--- a/src/i18n/es-ES/index.js
+++ b/src/i18n/es-ES/index.js
@@ -138,6 +138,8 @@ export default {
     shoppingCart: 'Cesta de la compra',
     available: 'Disponible',
     minQuantity: 'Cantidad mínima',
+    introduceSearchTerm: 'Introduce un término de búsqueda',
+    noOrdersFound: 'No se encontrado pedidos',
     // Image related translations
     'Cant lock cache': 'La caché no pudo ser bloqueada',
     'Bad file format': 'Formato de archivo no reconocido',
diff --git a/src/i18n/fr-FR/index.js b/src/i18n/fr-FR/index.js
index 549eae58..db69c3c0 100644
--- a/src/i18n/fr-FR/index.js
+++ b/src/i18n/fr-FR/index.js
@@ -106,6 +106,8 @@ export default {
     shoppingCart: 'Panier',
     available: 'Disponible',
     minQuantity: 'Quantité minimum',
+    introduceSearchTerm: 'Entrez un terme de recherche',
+    noOrdersFound: 'Aucune commande trouvée',
     // Image related translations
     'Cant lock cache': "Le cache n'a pas pu être verrouillé",
     'Bad file format': 'Format de fichier non reconnu',
diff --git a/src/i18n/pt-PT/index.js b/src/i18n/pt-PT/index.js
index 80b9a222..059ef103 100644
--- a/src/i18n/pt-PT/index.js
+++ b/src/i18n/pt-PT/index.js
@@ -104,6 +104,8 @@ export default {
     shoppingCart: 'Cesta da compra',
     available: 'Disponível',
     minQuantity: 'Quantidade mínima',
+    introduceSearchTerm: 'Digite um termo de pesquisa',
+    noOrdersFound: 'Nenhum pedido encontrado',
     // Image related translations
     'Cant lock cache': 'O cache não pôde ser bloqueado',
     'Bad file format': 'Formato de arquivo inválido',
diff --git a/src/pages/Account/AddressList.vue b/src/pages/Account/AddressList.vue
index 0b91d52c..ebfadb67 100644
--- a/src/pages/Account/AddressList.vue
+++ b/src/pages/Account/AddressList.vue
@@ -4,6 +4,7 @@ import { ref, onMounted, inject } from 'vue';
 import { useRouter } from 'vue-router';
 
 import CardList from 'src/components/ui/CardList.vue';
+import VnList from 'src/components/ui/VnList.vue';
 
 import useNotify from 'src/composables/useNotify.js';
 import { useVnConfirm } from 'src/composables/useVnConfirm.js';
@@ -104,7 +105,11 @@ onMounted(async () => {
         </QBtn>
     </Teleport>
     <QPage class="vn-w-sm">
-        <QList class="rounded-borders shadow-1 shadow-transition" separator>
+        <VnList
+            class="rounded-borders shadow-1 shadow-transition"
+            separator
+            :rows="addresses"
+        >
             <CardList
                 v-for="(address, index) in addresses"
                 :key="index"
@@ -158,7 +163,7 @@ onMounted(async () => {
                     </QBtn>
                 </template>
             </CardList>
-        </QList>
+        </VnList>
     </QPage>
 </template>
 
diff --git a/src/pages/Admin/AccessLogView.vue b/src/pages/Admin/AccessLogView.vue
index b93a64f5..45a71af2 100644
--- a/src/pages/Admin/AccessLogView.vue
+++ b/src/pages/Admin/AccessLogView.vue
@@ -3,6 +3,7 @@ import { onMounted, inject, ref } from 'vue';
 import { useRoute } from 'vue-router';
 
 import CardList from 'src/components/ui/CardList.vue';
+import VnList from 'src/components/ui/VnList.vue';
 
 import { formatDateTitle } from 'src/lib/filters.js';
 
@@ -72,7 +73,7 @@ onMounted(async () => {
                 <span>{{ user?.phone }} </span>
             </template>
         </CardList>
-        <QList>
+        <VnList :rows="accessLogs">
             <CardList
                 v-for="(accessLog, index) in accessLogs"
                 :key="index"
@@ -101,6 +102,6 @@ onMounted(async () => {
                     </span>
                 </template>
             </CardList>
-        </QList>
+        </VnList>
     </QPage>
 </template>
diff --git a/src/pages/Admin/ConnectionsView.vue b/src/pages/Admin/ConnectionsView.vue
index eec50614..175f32c7 100644
--- a/src/pages/Admin/ConnectionsView.vue
+++ b/src/pages/Admin/ConnectionsView.vue
@@ -4,6 +4,7 @@ import { useRouter } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 
 import CardList from 'src/components/ui/CardList.vue';
+import VnList from 'src/components/ui/VnList.vue';
 
 import { date as qdate } from 'quasar';
 import { useUserStore } from 'stores/user';
@@ -80,15 +81,12 @@ onBeforeUnmount(() => clearInterval(intervalId.value));
         </div>
     </Teleport>
     <QPage class="vn-w-xs">
-        <QList class="flex justify-center">
-            <QSpinner
-                v-if="loading"
-                color="primary"
-                size="3em"
-                :thickness="2"
-            />
+        <VnList
+            class="flex justify-center"
+            :loading="loading"
+            :rows="connections"
+        >
             <CardList
-                v-else
                 v-for="(connection, index) in connections"
                 :key="index"
                 :to="{ name: 'accessLog', params: { id: connection.userId } }"
@@ -133,8 +131,7 @@ onBeforeUnmount(() => clearInterval(intervalId.value));
                     </QBtn>
                 </template>
             </CardList>
-            <pre>{{ connections }}</pre>
-        </QList>
+        </VnList>
     </QPage>
 </template>
 
diff --git a/src/pages/Admin/ItemsView.vue b/src/pages/Admin/ItemsView.vue
index bbcefc60..27d9dce6 100644
--- a/src/pages/Admin/ItemsView.vue
+++ b/src/pages/Admin/ItemsView.vue
@@ -1,15 +1,14 @@
 <script setup>
 import { ref } from 'vue';
-import { useI18n } from 'vue-i18n';
 
 import CardList from 'src/components/ui/CardList.vue';
 import VnImg from 'src/components/ui/VnImg.vue';
 import VnSearchBar from 'src/components/ui/VnSearchBar.vue';
+import VnList from 'src/components/ui/VnList.vue';
 
 import { useAppStore } from 'stores/app';
 import { storeToRefs } from 'pinia';
 
-const { t } = useI18n();
 const appStore = useAppStore();
 const { isHeaderMounted } = storeToRefs(appStore);
 
@@ -39,19 +38,14 @@ const onSearch = data => (items.value = data || []);
         />
     </Teleport>
     <QPage class="vn-w-xs">
-        <QList class="flex justify-center">
-            <span v-if="!loading && !items.length" class="flex items-center">
-                <QIcon name="refresh" size="sm" class="q-mr-sm" />
-                {{ t('introduceSearchTerm') }}
-            </span>
-            <QSpinner
-                v-if="loading"
-                color="primary"
-                size="3em"
-                :thickness="2"
-            />
+        <VnList
+            class="flex justify-center"
+            empty-message="introduceSearchTerm"
+            empty-icon="refresh"
+            :loading="loading"
+            :rows="items"
+        >
             <CardList
-                v-else
                 v-for="(item, index) in items"
                 :key="index"
                 :clickable="false"
@@ -82,19 +76,6 @@ const onSearch = data => (items.value = data || []);
                     <span>{{ item.image }}</span>
                 </template>
             </CardList>
-        </QList>
+        </VnList>
     </QPage>
 </template>
-
-<i18n lang="yaml">
-en-US:
-    introduceSearchTerm: Enter a search term
-es-ES:
-    introduceSearchTerm: Introduce un término de búsqueda
-ca-ES:
-    introduceSearchTerm: Introdueix un terme de cerca
-fr-FR:
-    introduceSearchTerm: Entrez un terme de recherche
-pt-PT:
-    introduceSearchTerm: Digite um termo de pesquisa
-</i18n>
diff --git a/src/pages/Admin/NewsView.vue b/src/pages/Admin/NewsView.vue
index c0f363a3..d94c6d84 100644
--- a/src/pages/Admin/NewsView.vue
+++ b/src/pages/Admin/NewsView.vue
@@ -4,6 +4,7 @@ import { useI18n } from 'vue-i18n';
 
 import CardList from 'src/components/ui/CardList.vue';
 import VnImg from 'src/components/ui/VnImg.vue';
+import VnList from 'src/components/ui/VnList.vue';
 
 import { useAppStore } from 'stores/app';
 import { storeToRefs } from 'pinia';
@@ -22,12 +23,14 @@ const news = ref([]);
 
 const getNews = async () => {
     try {
+        loading.value = true;
         news.value = await jApi.query(
             `SELECT n.id, u.nickname, n.priority, n.image, n.title
             FROM news n
             JOIN account.user u ON u.id = n.userFk
             ORDER BY priority, n.created DESC`
         );
+        loading.value = false;
     } catch (error) {
         console.error('Error getting news:', error);
     }
@@ -66,15 +69,8 @@ onMounted(async () => getNews());
         </QBtn>
     </Teleport>
     <QPage class="vn-w-sm">
-        <QList class="flex justify-center">
-            <QSpinner
-                v-if="loading"
-                color="primary"
-                size="3em"
-                :thickness="2"
-            />
+        <VnList class="flex justify-center" :loading="loading" :rows="news">
             <CardList
-                v-else
                 v-for="(newsItem, index) in news"
                 :key="index"
                 :to="{ name: 'adminNewsDetails', params: { id: newsItem.id } }"
@@ -115,7 +111,7 @@ onMounted(async () => getNews());
                     </QBtn>
                 </template>
             </CardList>
-        </QList>
+        </VnList>
     </QPage>
 </template>
 
diff --git a/src/pages/Admin/UsersView.vue b/src/pages/Admin/UsersView.vue
index 0ba48a7e..babd3008 100644
--- a/src/pages/Admin/UsersView.vue
+++ b/src/pages/Admin/UsersView.vue
@@ -5,6 +5,7 @@ import { useRouter } from 'vue-router';
 
 import CardList from 'src/components/ui/CardList.vue';
 import VnSearchBar from 'src/components/ui/VnSearchBar.vue';
+import VnList from 'src/components/ui/VnList.vue';
 
 import { useAppStore } from 'stores/app';
 import { storeToRefs } from 'pinia';
@@ -49,19 +50,14 @@ const supplantUser = async user => {
         />
     </Teleport>
     <QPage class="vn-w-xs">
-        <QList class="flex justify-center">
-            <span v-if="!loading && !users.length" class="flex items-center">
-                <QIcon name="refresh" size="sm" class="q-mr-sm" />
-                {{ t('noData') }}
-            </span>
-            <QSpinner
-                v-if="loading"
-                color="primary"
-                size="3em"
-                :thickness="2"
-            />
+        <VnList
+            class="flex justify-center"
+            empty-message="noData"
+            empty-icon="refresh"
+            :loading="loading"
+            :rows="users"
+        >
             <CardList
-                v-else
                 v-for="(user, index) in users"
                 :key="index"
                 :to="{ name: 'accessLog', params: { id: user.id } }"
@@ -87,7 +83,7 @@ const supplantUser = async user => {
                     <QBadge v-else color="negative">{{ t('Disabled') }}</QBadge>
                 </template>
             </CardList>
-        </QList>
+        </VnList>
     </QPage>
 </template>
 
diff --git a/src/pages/Ecomerce/OrdersView.vue b/src/pages/Ecomerce/OrdersView.vue
index f801b090..7b10a53a 100644
--- a/src/pages/Ecomerce/OrdersView.vue
+++ b/src/pages/Ecomerce/OrdersView.vue
@@ -6,6 +6,7 @@ import { useI18n } from 'vue-i18n';
 import CardList from 'src/components/ui/CardList.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import VnConfirm from 'src/components/ui/VnConfirm.vue';
+import VnList from 'src/components/ui/VnList.vue';
 
 import useNotify from 'src/composables/useNotify.js';
 import { currency, formatDateTitle } from 'src/lib/filters.js';
@@ -90,13 +91,7 @@ const onConfirmPay = async () => {
         </QBtn>
     </Teleport>
     <QPage class="vn-w-sm">
-        <div
-            v-if="!orders?.length"
-            class="text-subtitle1 text-center text-grey-7 q-pa-md"
-        >
-            {{ t('noOrdersFound') }}
-        </div>
-        <QList v-if="orders?.length">
+        <VnList empty-message="noOrdersFound" :loading="loading" :rows="orders">
             <CardList
                 v-for="order in orders"
                 :key="order.id"
@@ -115,7 +110,7 @@ const onConfirmPay = async () => {
                     <QItemLabel>{{ order.agency }}</QItemLabel>
                 </template>
             </CardList>
-        </QList>
+        </VnList>
         <QPageSticky>
             <QBtn
                 fab
@@ -172,7 +167,6 @@ const onConfirmPay = async () => {
 <i18n lang="yaml">
 en-US:
     startOrder: Start order
-    noOrdersFound: No orders found
     makePayment: Make payment
     balance: 'Balance:'
     paymentInfo: >-
@@ -184,7 +178,6 @@ en-US:
     amountError: The amount must be a positive number less than or equal to the outstanding amount
 es-ES:
     startOrder: Empezar pedido
-    noOrdersFound: No se encontrado pedidos
     makePayment: Realizar pago
     balance: 'Saldo:'
     paymentInfo: >-
@@ -197,7 +190,6 @@ es-ES:
     amountError: La cantidad debe ser un número positivo e inferior o igual al importe pendiente
 ca-ES:
     startOrder: Començar encàrrec
-    noOrdersFound: No s'han trobat comandes
     makePayment: Realitzar pagament
     balance: 'Saldo:'
     paymentInfo: >-
@@ -210,7 +202,6 @@ ca-ES:
     amountError: La quantitat ha de ser un nombre positiu i inferior o igual a l'import pendent
 fr-FR:
     startOrder: Acheter
-    noOrdersFound: Aucune commande trouvée
     makePayment: Effectuer un paiement
     balance: 'Balance:'
     paymentInfo: >-
@@ -223,7 +214,6 @@ fr-FR:
     amountError: La quantité doit être un neméro positif et inférieur ou égal  à la somme restant à payer
 pt-PT:
     startOrder: Iniciar encomenda
-    noOrdersFound: Nenhum pedido encontrado
     makePayment: Realizar pagamento
     balance: 'Saldo:'
     paymentInfo: >-
diff --git a/src/pages/Ecomerce/PendingOrders.vue b/src/pages/Ecomerce/PendingOrders.vue
index 38053da8..9b5966df 100644
--- a/src/pages/Ecomerce/PendingOrders.vue
+++ b/src/pages/Ecomerce/PendingOrders.vue
@@ -4,6 +4,8 @@ import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 
 import CardList from 'src/components/ui/CardList.vue';
+import VnList from 'src/components/ui/VnList.vue';
+
 import { currency, formatDateTitle } from 'src/lib/filters.js';
 import { useVnConfirm } from 'src/composables/useVnConfirm.js';
 import useNotify from 'src/composables/useNotify.js';
@@ -18,10 +20,12 @@ const appStore = useAppStore();
 const { isHeaderMounted } = storeToRefs(appStore);
 const router = useRouter();
 
+const loading = ref(false);
 const orders = ref([]);
 
 const getOrders = async () => {
     try {
+        loading.value = true;
         orders.value = await jApi.query(
             `SELECT o.id, o.sent, o.deliveryMethodFk, o.taxableBase,
         a.nickname, am.description agency
@@ -31,6 +35,7 @@ const getOrders = async () => {
         WHERE NOT o.isConfirmed
         ORDER BY o.sent DESC`
         );
+        loading.value = false;
     } catch (error) {
         console.error('Error getting orders:', error);
     }
@@ -78,45 +83,47 @@ onMounted(async () => {
         </QBtn>
     </Teleport>
     <QPage class="vn-w-sm">
-        <CardList
-            v-for="(order, index) in orders"
-            :key="index"
-            :to="{ name: 'basket', params: { id: order.id } }"
-        >
-            <template #content>
-                <QItemLabel class="text-bold q-mb-sm">
-                    {{ formatDateTitle(order.sent) }}
-                </QItemLabel>
-                <QItemLabel> #{{ order.id }} </QItemLabel>
-                <QItemLabel>{{ order.nickname }}</QItemLabel>
-                <QItemLabel>{{ order.agency }}</QItemLabel>
-                <QItemLabel>{{ currency(order.taxableBase) }}</QItemLabel>
-            </template>
-            <template #actions>
-                <QBtn
-                    icon="delete"
-                    flat
-                    rounded
-                    @click.stop.prevent="
-                        openConfirmationModal(
-                            null,
-                            t('areYouSureDeleteOrder'),
-                            () => removeOrder(order.id, index)
-                        )
-                    "
-                >
-                    <QTooltip>{{ t('deleteOrder') }}</QTooltip>
-                </QBtn>
-                <QBtn
-                    icon="shopping_bag"
-                    flat
-                    rounded
-                    @click.stop.prevent="loadOrder(order.id)"
-                >
-                    <QTooltip>{{ t('loadOrderIntoCart') }}</QTooltip>
-                </QBtn>
-            </template>
-        </CardList>
+        <VnList :rows="orders" :loading="loading">
+            <CardList
+                v-for="(order, index) in orders"
+                :key="index"
+                :to="{ name: 'basket', params: { id: order.id } }"
+            >
+                <template #content>
+                    <QItemLabel class="text-bold q-mb-sm">
+                        {{ formatDateTitle(order.sent) }}
+                    </QItemLabel>
+                    <QItemLabel> #{{ order.id }} </QItemLabel>
+                    <QItemLabel>{{ order.nickname }}</QItemLabel>
+                    <QItemLabel>{{ order.agency }}</QItemLabel>
+                    <QItemLabel>{{ currency(order.taxableBase) }}</QItemLabel>
+                </template>
+                <template #actions>
+                    <QBtn
+                        icon="delete"
+                        flat
+                        rounded
+                        @click.stop.prevent="
+                            openConfirmationModal(
+                                null,
+                                t('areYouSureDeleteOrder'),
+                                () => removeOrder(order.id, index)
+                            )
+                        "
+                    >
+                        <QTooltip>{{ t('deleteOrder') }}</QTooltip>
+                    </QBtn>
+                    <QBtn
+                        icon="shopping_bag"
+                        flat
+                        rounded
+                        @click.stop.prevent="loadOrder(order.id)"
+                    >
+                        <QTooltip>{{ t('loadOrderIntoCart') }}</QTooltip>
+                    </QBtn>
+                </template>
+            </CardList>
+        </VnList>
     </QPage>
 </template>
 
-- 
2.40.1


From 6927b86570b253e44da28be22741e90ff8c1556f Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Thu, 26 Sep 2024 15:05:04 -0300
Subject: [PATCH 02/15] Remove title attr in invoices view

---
 src/pages/Ecomerce/InvoicesView.vue | 10 ++--------
 1 file changed, 2 insertions(+), 8 deletions(-)

diff --git a/src/pages/Ecomerce/InvoicesView.vue b/src/pages/Ecomerce/InvoicesView.vue
index fb42b959..76599998 100644
--- a/src/pages/Ecomerce/InvoicesView.vue
+++ b/src/pages/Ecomerce/InvoicesView.vue
@@ -114,15 +114,9 @@ onMounted(async () => {
                             {{ t('downloadInvoicePdf') }}
                         </QTooltip>
                     </QBtn>
-                    <QIcon
-                        v-else
-                        name="warning"
-                        :title="t('notDownloadable')"
-                        color="warning"
-                        size="sm"
-                    >
+                    <QIcon v-else name="warning" color="warning" size="sm">
                         <QTooltip>
-                            {{ t('requestTheInvoiceToComercial') }}
+                            {{ t('notDownloadable') }}
                         </QTooltip>
                     </QIcon>
                 </QTd>
-- 
2.40.1


From ce7e04379aace47e2807b4a7f1fdc4cf829288ae Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Thu, 26 Sep 2024 15:09:37 -0300
Subject: [PATCH 03/15] Orders view changes in pay modal

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

diff --git a/src/pages/Ecomerce/OrdersView.vue b/src/pages/Ecomerce/OrdersView.vue
index 7b10a53a..de2b462e 100644
--- a/src/pages/Ecomerce/OrdersView.vue
+++ b/src/pages/Ecomerce/OrdersView.vue
@@ -122,7 +122,7 @@ const onConfirmPay = async () => {
         </QPageSticky>
         <VnConfirm
             v-model="showAmountToPayDialog"
-            :message="t('amountToPay')"
+            message=" "
             :promise="onConfirmPay"
         >
             <template #customHTML>
@@ -133,7 +133,9 @@ const onConfirmPay = async () => {
                     type="number"
                     min="0"
                     :max="debt * -1"
-                />
+                >
+                    <template #append>€</template>
+                </VnInput>
             </template>
         </VnConfirm>
     </QPage>
-- 
2.40.1


From 4111dd866987d6bcab2ef2defc79ee15411093b0 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Thu, 26 Sep 2024 15:12:35 -0300
Subject: [PATCH 04/15] In address details make CP input number

---
 src/pages/Account/AddressDetails.vue | 16 ++++------------
 1 file changed, 4 insertions(+), 12 deletions(-)

diff --git a/src/pages/Account/AddressDetails.vue b/src/pages/Account/AddressDetails.vue
index 1e0e77e1..171c5b5f 100644
--- a/src/pages/Account/AddressDetails.vue
+++ b/src/pages/Account/AddressDetails.vue
@@ -90,20 +90,12 @@ onMounted(() => getCountries());
             @on-data-saved="goBack()"
         >
             <template #form="{ data }">
-                <VnInput
-                    v-model="data.nickname"
-                    :label="t('name')"
-                />
-                <VnInput
-                    v-model="data.street"
-                    :label="t('address')"
-                />
-                <VnInput
-                    v-model="data.city"
-                    :label="t('city')"
-                />
+                <VnInput v-model="data.nickname" :label="t('name')" />
+                <VnInput v-model="data.street" :label="t('address')" />
+                <VnInput v-model="data.city" :label="t('city')" />
                 <VnInput
                     v-model="data.postalCode"
+                    type="number"
                     :label="t('postalCode')"
                 />
                 <VnSelect
-- 
2.40.1


From baaff90aef7a30049afc7f4cc45554f85e30c45b Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Fri, 27 Sep 2024 08:59:04 -0300
Subject: [PATCH 05/15] Adjust account conf form checkbox

---
 src/components/common/VnForm.vue    | 30 +++++++++--------------------
 src/pages/Account/AccountConfig.vue |  8 +++++++-
 2 files changed, 16 insertions(+), 22 deletions(-)

diff --git a/src/components/common/VnForm.vue b/src/components/common/VnForm.vue
index b918c9a7..bb78317c 100644
--- a/src/components/common/VnForm.vue
+++ b/src/components/common/VnForm.vue
@@ -82,7 +82,7 @@ const props = defineProps({
     }
 });
 
-const emit = defineEmits(['onDataSaved']);
+const emit = defineEmits(['onDataSaved', 'onDataFetched']);
 
 const { t } = useI18n();
 const jApi = inject('jApi');
@@ -133,6 +133,7 @@ const fetchFormData = async () => {
 
     formData.value = { ...modelInfo.value.data[0] };
     loading.value = false;
+    emit('onDataFetched', formData.value);
 };
 
 const onSubmitSuccess = () => {
@@ -200,10 +201,7 @@ defineExpose({
 </script>
 
 <template>
-    <QCard
-        class="form-container"
-        v-bind="$attrs"
-    >
+    <QCard class="form-container" v-bind="$attrs">
         <QForm
             v-if="!loading"
             ref="addressFormRef"
@@ -213,14 +211,8 @@ defineExpose({
             <span v-if="title" class="text-h6 text-bold">
                 {{ title }}
             </span>
-            <slot
-                name="form"
-                :data="formData"
-            />
-            <slot
-                name="extraForm"
-                :data="formData"
-            />
+            <slot name="form" :data="formData" />
+            <slot name="extraForm" :data="formData" />
             <component
                 v-if="isHeaderMounted"
                 :is="showBottomActions ? 'div' : Teleport"
@@ -254,24 +246,21 @@ defineExpose({
                 <slot name="actions" :data="formData" />
             </component>
         </QForm>
-        <QSpinner
-            v-else
-            color="primary"
-            size="3em"
-            :thickness="2"
-        />
+        <QSpinner v-else color="primary" size="3em" :thickness="2" />
     </QCard>
 </template>
+
 <style lang="scss" scoped>
 .no-form-container {
     padding: 0 !important;
     box-shadow: none;
     border: none;
 }
+
 .form-container {
     width: 100%;
     height: max-content;
-    padding: 0 !important;
+    padding: 32px;
     max-width: 544px;
     display: flex;
     justify-content: center;
@@ -280,7 +269,6 @@ defineExpose({
 .form {
     display: flex;
     flex-direction: column;
-    padding: 32px;
     width: 100%;
 }
 </style>
diff --git a/src/pages/Account/AccountConfig.vue b/src/pages/Account/AccountConfig.vue
index 92774f60..631073ab 100644
--- a/src/pages/Account/AccountConfig.vue
+++ b/src/pages/Account/AccountConfig.vue
@@ -53,6 +53,10 @@ const updateUserNickname = async nickname => {
     }
 };
 
+const formatMailData = data => {
+    data.isToBeMailed = Boolean(data.isToBeMailed);
+};
+
 onMounted(() => fetchLanguagesSql());
 </script>
 
@@ -116,18 +120,20 @@ onMounted(() => fetchLanguagesSql());
                 </template>
                 <template #extraForm>
                     <VnForm
-                        class="no-form-container"
+                        class="no-form-container q-mt-md"
                         ref="vnFormRef2"
                         :pks="pks"
                         table="myClient"
                         schema="hedera"
                         :fetch-form-data-sql="fetchConfigDataSql"
                         :default-actions="false"
+                        @on-data-fetched="$event => formatMailData($event)"
                     >
                         <template #form="{ data }">
                             <QCheckbox
                                 v-model="data.isToBeMailed"
                                 :label="t('isToBeMailed')"
+                                :toggle-indeterminate="false"
                                 @update:model-value="vnFormRef2.submit()"
                                 dense
                             />
-- 
2.40.1


From 477c42b964a8f834b26f69bb67529ef6273f15af Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Fri, 27 Sep 2024 09:03:43 -0300
Subject: [PATCH 06/15] Change agencies header title

---
 src/i18n/ca-ES/index.js | 2 +-
 src/i18n/en-US/index.js | 2 +-
 src/i18n/es-ES/index.js | 2 +-
 src/i18n/fr-FR/index.js | 2 +-
 src/i18n/pt-PT/index.js | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/i18n/ca-ES/index.js b/src/i18n/ca-ES/index.js
index c61d7daf..b799db9e 100644
--- a/src/i18n/ca-ES/index.js
+++ b/src/i18n/ca-ES/index.js
@@ -68,7 +68,7 @@ export default {
     Photos: 'Imatges',
     Images: 'Imatges',
     Items: 'Articles',
-    Agencies: 'Agències',
+    Agencies: 'Paquets per agència',
     Reports: 'Informes',
     Configuration: 'Configuració',
     Shelves: 'Prestatgeries',
diff --git a/src/i18n/en-US/index.js b/src/i18n/en-US/index.js
index 95eafbab..a37c227c 100644
--- a/src/i18n/en-US/index.js
+++ b/src/i18n/en-US/index.js
@@ -80,7 +80,7 @@ export default {
     Photos: 'Images',
     Images: 'Images',
     Items: 'Items',
-    Agencies: 'Agencies',
+    Agencies: 'Bundles by agency',
     Reports: 'Reports',
     Configuration: 'Configuration',
     Shelves: 'Shelves',
diff --git a/src/i18n/es-ES/index.js b/src/i18n/es-ES/index.js
index ffc1ffef..d0e0cc77 100644
--- a/src/i18n/es-ES/index.js
+++ b/src/i18n/es-ES/index.js
@@ -77,7 +77,7 @@ export default {
     Photos: 'Imágenes',
     Images: 'Imágenes',
     Items: 'Artículos',
-    Agencies: 'Agencias',
+    Agencies: 'Bultos por agencia',
     Reports: 'Informes',
     Configuration: 'Configuración',
     Shelves: 'Estanterías',
diff --git a/src/i18n/fr-FR/index.js b/src/i18n/fr-FR/index.js
index db69c3c0..4329842e 100644
--- a/src/i18n/fr-FR/index.js
+++ b/src/i18n/fr-FR/index.js
@@ -68,7 +68,7 @@ export default {
     Photos: 'Images',
     Images: 'Images',
     Items: 'Articles',
-    Agencies: 'Agences',
+    Agencies: 'Liste par agence',
     Reports: 'Rapports',
     Configuration: 'Configuration',
     Shelves: 'Étagères',
diff --git a/src/i18n/pt-PT/index.js b/src/i18n/pt-PT/index.js
index 059ef103..0d4ac121 100644
--- a/src/i18n/pt-PT/index.js
+++ b/src/i18n/pt-PT/index.js
@@ -67,7 +67,7 @@ export default {
     Photos: 'Imagens',
     Images: 'Imagens',
     Items: 'Artigos',
-    Agencies: 'Agências',
+    Agencies: 'Bultos por agencia',
     Reports: 'Informes',
     Configuration: 'Configuração',
     Shelves: 'Estantes',
-- 
2.40.1


From 2eb0963829ea1866fe4014904c00a49151cd2f9e Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Sun, 29 Sep 2024 20:30:16 -0300
Subject: [PATCH 07/15] Add different translations for header titles and menu
 titles

---
 src/i18n/ca-ES/index.js    | 81 ++++++++++++++++++++++++-------------
 src/i18n/en-US/index.js    | 82 +++++++++++++++++++++++++-------------
 src/i18n/es-ES/index.js    | 82 +++++++++++++++++++++++++-------------
 src/i18n/fr-FR/index.js    | 82 +++++++++++++++++++++++++-------------
 src/i18n/pt-PT/index.js    | 81 ++++++++++++++++++++++++-------------
 src/layouts/MainLayout.vue | 10 +++--
 src/router/index.js        |  4 +-
 7 files changed, 278 insertions(+), 144 deletions(-)

diff --git a/src/i18n/ca-ES/index.js b/src/i18n/ca-ES/index.js
index b799db9e..0e033814 100644
--- a/src/i18n/ca-ES/index.js
+++ b/src/i18n/ca-ES/index.js
@@ -51,34 +51,59 @@ export default {
     of: 'de',
 
     // Sections titles
-    Home: 'Inici',
-    Orders: 'Comandes',
-    Ticket: `Detall de l'encarrec`,
-    'Pending orders': 'Comandes pendents',
-    'Last orders': 'Comandes confirmades',
-    Invoices: 'Factures',
-    Basket: 'Cistella',
-    Catalog: 'Catàleg',
-    Administration: 'Administració',
-    'Control panel': 'Panell de control',
-    Users: 'Usuaris',
-    Connections: 'Connexions',
-    Visits: 'Visites',
-    News: 'Gestió de noticies',
-    Photos: 'Imatges',
-    Images: 'Imatges',
-    Items: 'Articles',
-    Agencies: 'Paquets per agència',
-    Reports: 'Informes',
-    Configuration: 'Configuració',
-    Shelves: 'Prestatgeries',
-    Account: 'Compte',
-    Addresses: 'Adreces',
-    OrderSummary: 'Resum de la comanda',
-    Checkout: `Configurar l'encarrec`,
-    'Address details': 'Configuració',
-    'Admin news details': `Afegir o editar notícia`,
-    'Access log': 'Registre d’accés',
+    titles: {
+        Home: 'Inici',
+        Orders: 'Comandes',
+        Ticket: `Detall de l'encarrec`,
+        'Pending orders': 'Comandes pendents',
+        'Last orders': 'Comandes confirmades',
+        Invoices: 'Factures',
+        Basket: 'Cistella',
+        Catalog: 'Catàleg',
+        Administration: 'Administració',
+        'Control panel': 'Panell de control',
+        Users: 'Usuaris',
+        Connections: 'Connexions',
+        Visits: 'Visites',
+        News: 'Gestió de noticies',
+        Photos: 'Imatges',
+        Images: 'Imatges',
+        Items: 'Articles',
+        Agencies: 'Paquets per agència',
+        Reports: 'Informes',
+        Configuration: 'Configuració',
+        Shelves: 'Prestatgeries',
+        Account: 'Compte',
+        Addresses: 'Adreces',
+        OrderSummary: 'Resum de la comanda',
+        Checkout: `Configurar l'encarrec`,
+        'Address details': 'Configuració',
+        'Admin news details': `Afegir o editar notícia`,
+        'Access log': 'Registre d’accés'
+    },
+    menuTitles: {
+        Home: 'Inici',
+        Orders: 'Comandes',
+        Basket: 'Cistella',
+        Catalog: 'Catàleg',
+        Administration: 'Administració',
+        Agencies: 'Agències',
+        Reports: 'Informes',
+        Shelves: 'Prestatgeries',
+        Configuration: 'Configuració',
+        'Pending orders': 'Pendents',
+        'Last orders': 'Confirmades',
+        Invoices: 'Factures',
+        'Control panel': 'Panell de control',
+        Users: 'Usuaris',
+        Connections: 'Connexions',
+        Visits: 'Visites',
+        News: 'Gestió de notícies',
+        Photos: 'Imatges',
+        Items: 'Articles',
+        Account: 'Compte',
+        Addresses: 'Adreces'
+    },
     //
     orderLoadedIntoBasket: 'Comanda carregada a la cistella!',
     loadAnOrder:
diff --git a/src/i18n/en-US/index.js b/src/i18n/en-US/index.js
index a37c227c..e3f546f8 100644
--- a/src/i18n/en-US/index.js
+++ b/src/i18n/en-US/index.js
@@ -63,34 +63,60 @@ export default {
     },
 
     // Sections titles
-    Home: 'Home',
-    Orders: 'Orders',
-    Ticket: 'Detalle del pedido',
-    'Pending orders': 'Pending orders',
-    'Last orders': 'Confirmed orders',
-    Invoices: 'Invoices',
-    Basket: 'Basket',
-    Catalog: 'Catalog',
-    Administration: 'Administration',
-    'Control panel': 'Control panel',
-    Users: 'Users',
-    Connections: 'Connections',
-    Visits: 'Visits',
-    News: 'News management',
-    Photos: 'Images',
-    Images: 'Images',
-    Items: 'Items',
-    Agencies: 'Bundles by agency',
-    Reports: 'Reports',
-    Configuration: 'Configuration',
-    Shelves: 'Shelves',
-    Account: 'Account',
-    Addresses: 'Addresses',
-    OrderSummary: 'Order summary',
-    Checkout: 'Configure order',
-    'Address details': 'Configuration',
-    'Admin news details': 'Add or edit new',
-    'Access log': 'Access log',
+    titles: {
+        Home: 'Home',
+        Orders: 'Orders',
+        Ticket: 'Detalle del pedido',
+        'Pending orders': 'Pending orders',
+        'Last orders': 'Confirmed orders',
+        Invoices: 'Invoices',
+        Basket: 'Basket',
+        Catalog: 'Catalog',
+        Administration: 'Administration',
+        'Control panel': 'Control panel',
+        Users: 'Users',
+        Connections: 'Connections',
+        Visits: 'Visits',
+        News: 'News management',
+        Photos: 'Images',
+        Images: 'Images',
+        Items: 'Items',
+        Agencies: 'Bundles by agency',
+        Reports: 'Reports',
+        Configuration: 'Configuration',
+        Shelves: 'Shelves',
+        Account: 'Account',
+        Addresses: 'Addresses',
+        OrderSummary: 'Order summary',
+        Checkout: 'Configure order',
+        'Address details': 'Configuration',
+        'Admin news details': 'Add or edit new',
+        'Access log': 'Access log'
+    },
+    menuTitles: {
+        Home: 'Home',
+        Orders: 'Orders',
+        Basket: 'Basket',
+        Catalog: 'Catalog',
+        Administration: 'Administration',
+        Agencies: 'Agencies',
+        Reports: 'Reports',
+        Shelves: 'Shelves',
+        Configuration: 'Configuration',
+        'Pending orders': 'Pending',
+        'Last orders': 'Confirmed',
+        Invoices: 'Invoices',
+        'Control panel': 'Control panel',
+        Users: 'Users',
+        Connections: 'Connections',
+        Visits: 'Visits',
+        News: 'News',
+        Photos: 'Images',
+        Items: 'Items',
+        Account: 'Account',
+        Addresses: 'Addresses'
+    },
+
     //
     orderLoadedIntoBasket: 'Order loaded into basket!',
     loadAnOrder: 'Please load a pending order to the cart or start a new one',
diff --git a/src/i18n/es-ES/index.js b/src/i18n/es-ES/index.js
index d0e0cc77..d1fbdd7a 100644
--- a/src/i18n/es-ES/index.js
+++ b/src/i18n/es-ES/index.js
@@ -60,34 +60,60 @@ export default {
     },
 
     // Sections titles
-    Home: 'Inicio',
-    Orders: 'Pedidos',
-    Ticket: 'Pedido',
-    'Pending orders': 'Pedidos pendientes',
-    'Last orders': 'Pedidos confirmados',
-    Invoices: 'Facturas',
-    Basket: 'Cesta',
-    Catalog: 'Catálogo',
-    Administration: 'Administración',
-    'Control panel': 'Panel de control',
-    Users: 'Usuarios',
-    Connections: 'Conexiones',
-    Visits: 'Visitas',
-    News: 'Gestión de noticias',
-    Photos: 'Imágenes',
-    Images: 'Imágenes',
-    Items: 'Artículos',
-    Agencies: 'Bultos por agencia',
-    Reports: 'Informes',
-    Configuration: 'Configuración',
-    Shelves: 'Estanterías',
-    Account: 'Cuenta',
-    Addresses: 'Direcciones',
-    OrderSummary: 'Resumen del pedido',
-    Checkout: 'Configurar pedido',
-    'Address details': 'Configuración',
-    'Admin news details': 'Añadir o editar noticia',
-    'Access log': 'Registro de accesos',
+    titles: {
+        Home: 'Inicio',
+        Orders: 'Pedidos',
+        Ticket: 'Pedido',
+        'Pending orders': 'Pedidos pendientes',
+        'Last orders': 'Pedidos confirmados',
+        Invoices: 'Facturas',
+        Basket: 'Cesta',
+        Catalog: 'Catálogo',
+        Administration: 'Administración',
+        'Control panel': 'Panel de control',
+        Users: 'Usuarios',
+        Connections: 'Conexiones',
+        Visits: 'Visitas',
+        News: 'Gestión de noticias',
+        Photos: 'Imágenes',
+        Images: 'Imágenes',
+        Items: 'Artículos',
+        Agencies: 'Bultos por agencia',
+        Reports: 'Informes',
+        Configuration: 'Configuración',
+        Shelves: 'Estanterías',
+        Account: 'Cuenta',
+        Addresses: 'Direcciones',
+        OrderSummary: 'Resumen del pedido',
+        Checkout: 'Configurar pedido',
+        'Address details': 'Configuración',
+        'Admin news details': 'Añadir o editar noticia',
+        'Access log': 'Registro de accesos'
+    },
+    menuTitles: {
+        Home: 'Inicio',
+        Orders: 'Pedidos',
+        Basket: 'Cesta',
+        Catalog: 'Catálogo',
+        Administration: 'Administración',
+        Agencies: 'Agencias',
+        Reports: 'Informes',
+        Shelves: 'Estanterías',
+        Configuration: 'Configuración',
+        'Pending orders': 'Pendientes',
+        'Last orders': 'Confirmados',
+        Invoices: 'Facturas',
+        'Control panel': 'Panel de control',
+        Users: 'Usuarios',
+        Connections: 'Conexiones',
+        Visits: 'Visitas',
+        News: 'Noticias',
+        Photos: 'Imágenes',
+        Items: 'Artículos',
+        Account: 'Cuenta',
+        Addresses: 'Direcciones'
+    },
+
     //
     orderLoadedIntoBasket: '¡Pedido cargado en la cesta!',
     loadAnOrder:
diff --git a/src/i18n/fr-FR/index.js b/src/i18n/fr-FR/index.js
index 4329842e..6c04a77f 100644
--- a/src/i18n/fr-FR/index.js
+++ b/src/i18n/fr-FR/index.js
@@ -51,34 +51,60 @@ export default {
     of: 'de',
 
     // Sections titles
-    Home: 'Accueil',
-    Orders: 'Commandes',
-    Ticket: 'Détail de la commande',
-    'Pending orders': 'Commandes en attente',
-    'Last orders': 'Commandes confirmées',
-    Invoices: 'Factures',
-    Basket: 'Panier',
-    Catalog: 'Catalogue',
-    Administration: 'Administration',
-    'Control panel': 'Panneau de configuration',
-    Users: 'Utilisateurs',
-    Connections: 'Connexions',
-    Visits: 'Visites',
-    News: 'Gestion des nouvelles',
-    Photos: 'Images',
-    Images: 'Images',
-    Items: 'Articles',
-    Agencies: 'Liste par agence',
-    Reports: 'Rapports',
-    Configuration: 'Configuration',
-    Shelves: 'Étagères',
-    Account: 'Compte',
-    Addresses: 'Adresses',
-    OrderSummary: 'Résumé de la commande',
-    Checkout: 'Configurer la commande',
-    'Address details': 'Configuration',
-    'Admin news details': 'Ajouter ou éditer une nouvelle',
-    'Access log': "Journal d'accès",
+    titles: {
+        Home: 'Accueil',
+        Orders: 'Commandes',
+        Ticket: 'Détail de la commande',
+        'Pending orders': 'Commandes en attente',
+        'Last orders': 'Commandes confirmées',
+        Invoices: 'Factures',
+        Basket: 'Panier',
+        Catalog: 'Catalogue',
+        Administration: 'Administration',
+        'Control panel': 'Panneau de configuration',
+        Users: 'Utilisateurs',
+        Connections: 'Connexions',
+        Visits: 'Visites',
+        News: 'Gestion des nouvelles',
+        Photos: 'Images',
+        Images: 'Images',
+        Items: 'Articles',
+        Agencies: 'Liste par agence',
+        Reports: 'Rapports',
+        Configuration: 'Configuration',
+        Shelves: 'Étagères',
+        Account: 'Compte',
+        Addresses: 'Adresses',
+        OrderSummary: 'Résumé de la commande',
+        Checkout: 'Configurer la commande',
+        'Address details': 'Configuration',
+        'Admin news details': 'Ajouter ou éditer une nouvelle',
+        'Access log': "Journal d'accès"
+    },
+    menuTitles: {
+        Home: 'Accueil',
+        Orders: 'Commandes',
+        Basket: 'Panier',
+        Catalog: 'Catalogue',
+        Administration: 'Administration',
+        Agencies: 'Agences',
+        Reports: 'Rapports',
+        Shelves: 'Étagères',
+        Configuration: 'Configuration',
+        'Pending orders': 'En attente',
+        'Last orders': 'Confirmées',
+        Invoices: 'Factures',
+        'Control panel': 'Panneau de configuration',
+        Users: 'Utilisateurs',
+        Connections: 'Connexions',
+        Visits: 'Visites',
+        News: 'Nouvelles',
+        Photos: 'Images',
+        Items: 'Articles',
+        Account: 'Compte',
+        Addresses: 'Adresses'
+    },
+
     //
     orderLoadedIntoBasket: 'Commande chargée dans le panier!',
     loadAnOrder:
diff --git a/src/i18n/pt-PT/index.js b/src/i18n/pt-PT/index.js
index 0d4ac121..abaf4f49 100644
--- a/src/i18n/pt-PT/index.js
+++ b/src/i18n/pt-PT/index.js
@@ -50,34 +50,59 @@ export default {
     },
     of: 'de',
     // Sections titles
-    Home: 'Início',
-    Orders: 'Pedidos',
-    Ticket: 'Detalhe do pedido',
-    'Pending orders': 'Pedidos pendentes',
-    'Last orders': 'Pedidos confirmados',
-    Invoices: 'Faturas',
-    Basket: 'Carrinho',
-    Catalog: 'Catálogo',
-    Administration: 'Administração',
-    'Control panel': 'Painel de controle',
-    Users: 'Usuários',
-    Connections: 'Conexões',
-    Visits: 'Visitas',
-    News: 'Gestão de noticias',
-    Photos: 'Imagens',
-    Images: 'Imagens',
-    Items: 'Artigos',
-    Agencies: 'Bultos por agencia',
-    Reports: 'Informes',
-    Configuration: 'Configuração',
-    Shelves: 'Estantes',
-    Account: 'Conta',
-    Addresses: 'Moradas',
-    OrderSummary: 'Resumo da encomenda',
-    Checkout: 'Configurar encomenda',
-    'Address details': 'Configuração',
-    'Admin news details': 'Adicionar ou editar notícia',
-    'Access log': 'Registo de acessos',
+    titles: {
+        Home: 'Início',
+        Orders: 'Pedidos',
+        Ticket: 'Detalhe do pedido',
+        'Pending orders': 'Pedidos pendentes',
+        'Last orders': 'Pedidos confirmados',
+        Invoices: 'Faturas',
+        Basket: 'Carrinho',
+        Catalog: 'Catálogo',
+        Administration: 'Administração',
+        'Control panel': 'Painel de controle',
+        Users: 'Usuários',
+        Connections: 'Conexões',
+        Visits: 'Visitas',
+        News: 'Gestão de noticias',
+        Photos: 'Imagens',
+        Images: 'Imagens',
+        Items: 'Artigos',
+        Agencies: 'Bultos por agencia',
+        Reports: 'Informes',
+        Configuration: 'Configuração',
+        Shelves: 'Estantes',
+        Account: 'Conta',
+        Addresses: 'Moradas',
+        OrderSummary: 'Resumo da encomenda',
+        Checkout: 'Configurar encomenda',
+        'Address details': 'Configuração',
+        'Admin news details': 'Adicionar ou editar notícia',
+        'Access log': 'Registo de acessos'
+    },
+    menuTitles: {
+        Home: 'Início',
+        Orders: 'Pedidos',
+        Basket: 'Carrinho',
+        Catalog: 'Catálogo',
+        Administration: 'Administração',
+        Agencies: 'Agências',
+        Reports: 'Informes',
+        Shelves: 'Estantes',
+        Configuration: 'Configuração',
+        'Pending orders': 'Pendentes',
+        'Last orders': 'Confirmados',
+        Invoices: 'Faturas',
+        'Control panel': 'Painel de controle',
+        Users: 'Usuários',
+        Connections: 'Conexões',
+        Visits: 'Visitas',
+        News: 'Notícias',
+        Photos: 'Imagens',
+        Items: 'Artigos',
+        Account: 'Conta',
+        Addresses: 'Moradas'
+    },
     //
     orderLoadedIntoBasket: 'Pedido carregado na cesta!',
     loadAnOrder: 'Carregue um pedido pendente no carrinho ou inicie um novo',
diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index b137e175..33f6c8c6 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -93,12 +93,14 @@ const logoutSupplantedUser = async () => {
             <QList v-for="item in menuEssentialLinks" :key="item.id">
                 <QItem v-if="!item.childs" :to="`/${item.path}`">
                     <QItemSection>
-                        <QItemLabel>{{ $t(item.description) }}</QItemLabel>
+                        <QItemLabel>{{
+                            $t(`menuTitles.${item.description}`)
+                        }}</QItemLabel>
                     </QItemSection>
                 </QItem>
                 <QExpansionItem
                     v-if="item.childs"
-                    :label="$t(item.description)"
+                    :label="$t(`menuTitles.${item.description}`)"
                     expand-separator
                 >
                     <QList>
@@ -110,7 +112,9 @@ const logoutSupplantedUser = async () => {
                         >
                             <QItemSection>
                                 <QItemLabel>
-                                    {{ $t(subitem.description) }}
+                                    {{
+                                        $t(`menuTitles.${subitem.description}`)
+                                    }}
                                 </QItemLabel>
                             </QItemSection>
                         </QItem>
diff --git a/src/router/index.js b/src/router/index.js
index 340fc410..e37683bd 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -41,7 +41,9 @@ export default route(function (/* { store, ssrContext } */) {
         if (from.name === to.name) return;
         const app = useAppStore();
         app.$patch({
-            title: i18n.global.t(to.meta.title || 'home'),
+            title: i18n.global.t(
+                to.meta.title ? `titles.${to.meta.title}` : 'home'
+            ),
             subtitle: null,
             useRightDrawer: false,
             rightDrawerOpen: true
-- 
2.40.1


From 49244a411c70bb230104a45caec044010f8e39da Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Sun, 29 Sep 2024 20:38:57 -0300
Subject: [PATCH 08/15] Hide Reports from menu

---
 src/layouts/MainLayout.vue | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index 33f6c8c6..e35f5d82 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, onMounted } from 'vue';
+import { ref, onMounted, computed } from 'vue';
 
 import { storeToRefs } from 'pinia';
 import { useRouter } from 'vue-router';
@@ -10,13 +10,18 @@ import { useAppStore } from 'stores/app';
 const router = useRouter();
 const userStore = useUserStore();
 const appStore = useAppStore();
+const hiddenMenuItems = new Set(['Reports']);
 
 const { user, supplantedUser } = storeToRefs(userStore);
 const { menuEssentialLinks, title, subtitle, useRightDrawer, rightDrawerOpen } =
     storeToRefs(appStore);
 const actions = ref(null);
 const leftDrawerOpen = ref(false);
-
+const filteredMenuItems = computed(() =>
+    menuEssentialLinks.value.filter(
+        item => !hiddenMenuItems.has(item.description)
+    )
+);
 const toggleLeftDrawer = () => {
     leftDrawerOpen.value = !leftDrawerOpen.value;
 };
@@ -90,7 +95,7 @@ const logoutSupplantedUser = async () => {
                     />
                 </div>
             </div>
-            <QList v-for="item in menuEssentialLinks" :key="item.id">
+            <QList v-for="item in filteredMenuItems" :key="item.id">
                 <QItem v-if="!item.childs" :to="`/${item.path}`">
                     <QItemSection>
                         <QItemLabel>{{
-- 
2.40.1


From 5cab14f37160642deea9c4027c65031491733f15 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Sun, 29 Sep 2024 20:53:14 -0300
Subject: [PATCH 09/15] Refresh content after supplanted user logout

---
 src/layouts/MainLayout.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index e35f5d82..94daa6f8 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -12,6 +12,7 @@ const userStore = useUserStore();
 const appStore = useAppStore();
 const hiddenMenuItems = new Set(['Reports']);
 
+const refreshContentKey = ref(0);
 const { user, supplantedUser } = storeToRefs(userStore);
 const { menuEssentialLinks, title, subtitle, useRightDrawer, rightDrawerOpen } =
     storeToRefs(appStore);
@@ -40,6 +41,7 @@ const logout = async () => {
 const logoutSupplantedUser = async () => {
     await userStore.logoutSupplantedUser();
     await appStore.getMenuLinks();
+    refreshContentKey.value++;
 };
 </script>
 
@@ -127,7 +129,7 @@ const logoutSupplantedUser = async () => {
                 </QExpansionItem>
             </QList>
         </QDrawer>
-        <QPageContainer>
+        <QPageContainer :key="refreshContentKey">
             <router-view />
         </QPageContainer>
     </QLayout>
-- 
2.40.1


From 3e93f141963c3b553f8d617dc0017eb3687c7640 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Sun, 29 Sep 2024 20:59:07 -0300
Subject: [PATCH 10/15] Al iniciar sesion no se traduce el titulo

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

diff --git a/src/router/index.js b/src/router/index.js
index e37683bd..ad3a202f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -42,7 +42,7 @@ export default route(function (/* { store, ssrContext } */) {
         const app = useAppStore();
         app.$patch({
             title: i18n.global.t(
-                to.meta.title ? `titles.${to.meta.title}` : 'home'
+                to.meta.title ? `titles.${to.meta.title}` : 'titles.Home'
             ),
             subtitle: null,
             useRightDrawer: false,
-- 
2.40.1


From 68f32c36e79f24e6d4b125f489acbfe83bc26a8b Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Sun, 29 Sep 2024 21:11:09 -0300
Subject: [PATCH 11/15] Redirect to login when init

---
 src/stores/app.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/stores/app.js b/src/stores/app.js
index ece6d4bb..43619b69 100644
--- a/src/stores/app.js
+++ b/src/stores/app.js
@@ -68,6 +68,7 @@ export const useAppStore = defineStore('hedera', {
         },
 
         async init() {
+            this.router.push({ name: 'login' });
             this.getBasketOrderId();
             this.getLocaleDates();
         },
-- 
2.40.1


From fdff59a74ddf540f0ef0865489c28cd6cbd8d2d1 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Sun, 29 Sep 2024 21:11:42 -0300
Subject: [PATCH 12/15] Remove home link in login

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

diff --git a/src/pages/Login/LoginView.vue b/src/pages/Login/LoginView.vue
index 1dabc431..f4fd6e1d 100644
--- a/src/pages/Login/LoginView.vue
+++ b/src/pages/Login/LoginView.vue
@@ -63,9 +63,7 @@ const loginAsGuest = async () => {
 <template>
     <div class="main">
         <div class="header">
-            <router-link to="/" class="block">
-                <img src="statics/logo.svg" alt="Verdnatura" class="block" />
-            </router-link>
+            <img src="statics/logo.svg" alt="Verdnatura" class="block" />
         </div>
         <QForm @submit="login()" class="q-gutter-y-md">
             <div class="q-gutter-y-sm">
-- 
2.40.1


From c950bf5ef17949da50a4863f3f2e8230f8518227 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Mon, 30 Sep 2024 12:42:35 -0300
Subject: [PATCH 13/15] Add lateral arrows to stepper and add hedera
 tryAutoLogin logic

---
 src/css/responsive.scss             |  12 +++-
 src/pages/Ecomerce/CheckoutView.vue | 106 +++++++++++++++++++++++-----
 src/stores/app.js                   |   6 +-
 src/stores/user.js                  |  19 +++++
 4 files changed, 120 insertions(+), 23 deletions(-)

diff --git a/src/css/responsive.scss b/src/css/responsive.scss
index 5e170ab8..e06defc2 100644
--- a/src/css/responsive.scss
+++ b/src/css/responsive.scss
@@ -1,5 +1,11 @@
 @mixin mobile {
-  @media screen and (max-width: 1023px) {
-    @content;
-  }
+    @media screen and (max-width: 768px) {
+        @content;
+    }
+}
+
+@mixin tablet {
+    @media screen and (min-width: 769px) and (max-width: 1024px) {
+        @content;
+    }
 }
diff --git a/src/pages/Ecomerce/CheckoutView.vue b/src/pages/Ecomerce/CheckoutView.vue
index 946815be..301758f0 100644
--- a/src/pages/Ecomerce/CheckoutView.vue
+++ b/src/pages/Ecomerce/CheckoutView.vue
@@ -16,10 +16,11 @@ const route = useRoute();
 const router = useRouter();
 const { notify } = useNotify();
 const appStore = useAppStore();
-const { localeDates } = storeToRefs(appStore);
+const { localeDates, isMobile } = storeToRefs(appStore);
 
 const stepperRef = ref(null);
 
+const showNavigationButtons = ref(true);
 const loading = ref(false);
 const today = ref(null);
 const addresses = ref([]);
@@ -210,6 +211,13 @@ const getWarehouses = async () => {
     }
 };
 
+const hideNavigationButtons = () => {
+    showNavigationButtons.value = false;
+    setTimeout(() => {
+        showNavigationButtons.value = true;
+    }, 350);
+};
+
 const onNextStep = async stepIndex => {
     const currentStep = steps[orderForm.value.method][stepIndex];
     if (currentStep.onBeforeNextStep) {
@@ -220,6 +228,8 @@ const onNextStep = async stepIndex => {
         return;
     }
 
+    hideNavigationButtons();
+
     currentStep.stepDone = true;
     await stepperRef.value.next();
 
@@ -230,6 +240,7 @@ const onNextStep = async stepIndex => {
 };
 
 const onPreviousStep = async stepIndex => {
+    hideNavigationButtons();
     await stepperRef.value.previous();
 
     const previousStep = steps[orderForm.value.method][stepIndex - 1];
@@ -301,15 +312,16 @@ onMounted(async () => {
 </script>
 
 <template>
-    <QPage class="vn-w-sm">
+    <QPage class="page-container">
         <QStepper
             v-if="steps[orderForm.method] && steps[orderForm.method].length"
             v-model="currentStep"
             ref="stepperRef"
             animated
             keep-alive
+            :flat="isMobile"
             contracted
-            class="default-radius"
+            class="default-radius stepper-container"
         >
             <QStep
                 v-for="(step, stepIndex) in steps[orderForm.method]"
@@ -317,6 +329,7 @@ onMounted(async () => {
                 :name="step.name"
                 :done="step.stepDone"
                 done-color="accent"
+                class="step-container full-height"
             >
                 <!-- Method step -->
                 <div
@@ -436,33 +449,88 @@ onMounted(async () => {
                         <span>{{ confirmPlaceText }}</span>
                     </div>
                 </div>
-                <QStepperNavigation class="flex justify-between">
-                    <QBtn
-                        flat
-                        color="primary"
-                        @click="onPreviousStep(stepIndex)"
-                        :label="step.backButtonLabel || t('back')"
-                        class="q-ml-sm"
-                        :class="{ invisible: currentStep === 'method' }"
-                    />
-                    <QBtn
-                        @click="onNextStep(stepIndex)"
-                        color="primary"
-                        :label="step.nextButtonLabel || t('next')"
-                    />
-                </QStepperNavigation>
+                <QBtn
+                    v-if="showNavigationButtons"
+                    color="primary"
+                    @click="onPreviousStep(stepIndex)"
+                    :disabled="currentStep === 'method'"
+                    icon="arrow_back"
+                    dense
+                    class="left-navigation-button"
+                >
+                    <QTooltip>
+                        {{ t(`${step.backButtonLabel || 'back'}`) }}
+                    </QTooltip>
+                </QBtn>
+                <QBtn
+                    v-if="showNavigationButtons"
+                    @click="onNextStep(stepIndex)"
+                    :color="currentStep === 'confirm' ? 'accent ' : 'primary'"
+                    :icon="
+                        currentStep === 'confirm' ? 'check' : 'arrow_forward'
+                    "
+                    dense
+                    class="right-navigation-button"
+                >
+                    <QTooltip>
+                        {{ t(`${step.nextButtonLabel || 'next'}`) }}
+                    </QTooltip>
+                </QBtn>
             </QStep>
         </QStepper>
     </QPage>
 </template>
 
-<style lang="scss" scoped>
+<style lang="scss">
+@import 'src/css/responsive';
+
 .step-title {
     min-width: 100%;
     margin-bottom: 16px;
     text-align: center;
     font-weight: bold;
 }
+
+.page-container {
+    max-width: 544px;
+    margin: auto;
+    @include mobile {
+        max-height: calc(100svh - 64px);
+        padding: 0 !important;
+    }
+}
+
+.stepper-container > * {
+    @include mobile {
+        max-height: calc(100svh - 136px);
+    }
+}
+
+.step-container {
+    @include mobile {
+        .q-stepper__step-content {
+            height: calc(100svh - 64px);
+        }
+    }
+}
+
+.left-navigation-button {
+    position: absolute;
+    left: 5px;
+    top: 50%;
+    @include mobile {
+        top: 35%;
+    }
+}
+
+.right-navigation-button {
+    position: absolute;
+    right: 5px;
+    top: 50%;
+    @include mobile {
+        top: 35%;
+    }
+}
 </style>
 
 <i18n lang="yaml">
diff --git a/src/stores/app.js b/src/stores/app.js
index 43619b69..ed16085e 100644
--- a/src/stores/app.js
+++ b/src/stores/app.js
@@ -68,7 +68,7 @@ export const useAppStore = defineStore('hedera', {
         },
 
         async init() {
-            this.router.push({ name: 'login' });
+            // this.router.push({ name: 'login' });
             this.getBasketOrderId();
             this.getLocaleDates();
         },
@@ -151,6 +151,10 @@ export const useAppStore = defineStore('hedera', {
         isMobile() {
             const $q = useQuasar();
             return $q?.screen?.width <= 768;
+        },
+        isTablet() {
+            const $q = useQuasar();
+            return $q?.screen?.width <= 1024;
         }
     }
 });
diff --git a/src/stores/user.js b/src/stores/user.js
index 4fc4c650..5c347005 100644
--- a/src/stores/user.js
+++ b/src/stores/user.js
@@ -37,6 +37,10 @@ export const useUserStore = defineStore('user', {
     actions: {
         async init() {
             this.isGuest = localStorage.getItem('hederaGuest') || false;
+            const autoLoginStatus = await this.tryAutoLogin();
+            if (!autoLoginStatus) {
+                this.router.push({ name: 'login' });
+            }
             await this.fetchUser();
             await this.supplantInit();
             this.updateSiteLocale();
@@ -48,6 +52,21 @@ export const useUserStore = defineStore('user', {
                 localStorage.getItem('vnToken');
         },
 
+        async tryAutoLogin() {
+            const guest = localStorage.getItem('hederaGuest');
+
+            if (this.isGuest || guest) {
+                localStorage.setItem('hederaGuest', true);
+                return true;
+            }
+
+            if (!this.token) this.getToken();
+
+            if (this.token) return true;
+
+            return false;
+        },
+
         async login(user, password, remember) {
             const params = { user, password };
             const res = await api.post('Accounts/login', params);
-- 
2.40.1


From 514af4f11e3c9e7d80e0ee4c0ce62bf061008474 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Tue, 1 Oct 2024 17:01:40 -0300
Subject: [PATCH 14/15] Catalog mobile adjustments

---
 src/components/ui/VnSearchBar.vue  | 10 ++++++++++
 src/i18n/ca-ES/index.js            |  1 +
 src/i18n/en-US/index.js            |  3 ++-
 src/i18n/fr-FR/index.js            |  1 +
 src/i18n/pt-PT/index.js            |  1 +
 src/pages/Ecomerce/CatalogView.vue | 17 +++++++++++++++--
 src/stores/app.js                  |  4 ++++
 7 files changed, 34 insertions(+), 3 deletions(-)

diff --git a/src/components/ui/VnSearchBar.vue b/src/components/ui/VnSearchBar.vue
index 375e9e8f..c4de44f3 100644
--- a/src/components/ui/VnSearchBar.vue
+++ b/src/components/ui/VnSearchBar.vue
@@ -70,6 +70,7 @@ onMounted(() => {
         bg-color="white"
         is-outlined
         :clearable="false"
+        class="searchbar"
     >
         <template #prepend>
             <QIcon name="search" class="cursor-pointer" @click="search()" />
@@ -77,6 +78,15 @@ onMounted(() => {
     </VnInput>
 </template>
 
+<style lang="scss" scoped>
+@import 'src/css/responsive';
+
+.searchbar {
+    @include mobile {
+        max-width: 120px;
+    }
+}
+</style>
 <i18n lang="yaml">
 en-US:
     search: Search
diff --git a/src/i18n/ca-ES/index.js b/src/i18n/ca-ES/index.js
index 0e033814..41f2a1a8 100644
--- a/src/i18n/ca-ES/index.js
+++ b/src/i18n/ca-ES/index.js
@@ -119,6 +119,7 @@ export default {
     confirmDelete: 'Estàs segur que vols esborrar la línia?',
     emptyList: 'Llista buida',
     logInAsGuest: `Accedir com a convidat`,
+    logIn: 'Iniciar sessió',
     haveForgottenPassword: '¿Has oblidat la teva contrasenya?',
     signUp: 'Registrar-me',
     notACustomerYet: `Encara no ets client?`,
diff --git a/src/i18n/en-US/index.js b/src/i18n/en-US/index.js
index e3f546f8..47a25a50 100644
--- a/src/i18n/en-US/index.js
+++ b/src/i18n/en-US/index.js
@@ -153,7 +153,8 @@ export default {
     save: 'Save',
     cancel: 'Cancel',
     of: 'of',
-    loginAsGuest: 'Login as guest',
+    logInAsGuest: 'Login as guest',
+    logIn: 'Log in',
     haveForgottenPassword: 'Have you forgotten your password?',
     signUp: 'Sign up',
     notACustomerYet: 'Not a customer yet?',
diff --git a/src/i18n/fr-FR/index.js b/src/i18n/fr-FR/index.js
index 6c04a77f..57590f43 100644
--- a/src/i18n/fr-FR/index.js
+++ b/src/i18n/fr-FR/index.js
@@ -120,6 +120,7 @@ export default {
     emptyList: 'Vider la liste',
     confirmDelete: 'Voulez-vous vraiment supprimer la ligne?',
     logInAsGuest: `Entrez en tant qu'invité`,
+    logIn: 'Se connecter',
     haveForgottenPassword: 'Avez-vous oublié votre mot de passe?',
     signUp: `S'inscrire`,
     notACustomerYet: `Pas encore client?`,
diff --git a/src/i18n/pt-PT/index.js b/src/i18n/pt-PT/index.js
index abaf4f49..18b5cdc2 100644
--- a/src/i18n/pt-PT/index.js
+++ b/src/i18n/pt-PT/index.js
@@ -117,6 +117,7 @@ export default {
     confirmDelete: 'Tens certeza que queres eliminar esta linha?',
     emptyList: 'Lista vazia',
     logInAsGuest: 'Entrar como convidado',
+    logIn: 'Iniciar sessão',
     haveForgottenPassword: 'Esqueceu a senha?',
     signUp: 'Registar',
     notACustomerYet: 'Ainda não é cliente?',
diff --git a/src/pages/Ecomerce/CatalogView.vue b/src/pages/Ecomerce/CatalogView.vue
index 1faa5674..4a365038 100644
--- a/src/pages/Ecomerce/CatalogView.vue
+++ b/src/pages/Ecomerce/CatalogView.vue
@@ -1,6 +1,6 @@
 <template>
     <Teleport v-if="isHeaderMounted" to="#actions">
-        <div class="q-gutter-x-sm row">
+        <div class="row">
             <VnSearchBar :search-term="search" @on-search-error="items = []" />
             <QBtn
                 :icon="viewTypeButtonContent.icon"
@@ -24,6 +24,15 @@
                     {{ t('shoppingCart') }}
                 </QTooltip>
             </QBtn>
+            <QBtn
+                v-if="!isDesktop"
+                flat
+                dense
+                round
+                icon="menu"
+                aria-label="Menu"
+                @click="toggleRightDrawer()"
+            />
         </div>
     </Teleport>
     <div style="padding-bottom: 5em">
@@ -290,7 +299,7 @@ const appStore = useAppStore();
 const userStore = useUserStore();
 const route = useRoute();
 const router = useRouter();
-const { isHeaderMounted, rightDrawerOpen, basketOrderId } =
+const { isHeaderMounted, rightDrawerOpen, basketOrderId, isDesktop } =
     storeToRefs(appStore);
 const { isGuest } = storeToRefs(userStore);
 const { notify } = useNotify();
@@ -915,6 +924,10 @@ const redirectToBasket = () => {
     router.push({ name: 'basket' });
 };
 
+const toggleRightDrawer = () => {
+    rightDrawerOpen.value = !rightDrawerOpen.value;
+};
+
 watch(
     () => route.query.search,
     val => {
diff --git a/src/stores/app.js b/src/stores/app.js
index ed16085e..8a856ad2 100644
--- a/src/stores/app.js
+++ b/src/stores/app.js
@@ -155,6 +155,10 @@ export const useAppStore = defineStore('hedera', {
         isTablet() {
             const $q = useQuasar();
             return $q?.screen?.width <= 1024;
+        },
+        isDesktop() {
+            const $q = useQuasar();
+            return $q?.screen?.width > 1024;
         }
     }
 });
-- 
2.40.1


From e5efdff1d8db77de1367625d58bb645181cb4ae9 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Tue, 1 Oct 2024 17:03:31 -0300
Subject: [PATCH 15/15] Add desktop mixin

---
 src/css/responsive.scss | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/css/responsive.scss b/src/css/responsive.scss
index e06defc2..38f75a4b 100644
--- a/src/css/responsive.scss
+++ b/src/css/responsive.scss
@@ -9,3 +9,9 @@
         @content;
     }
 }
+
+@mixin desktop {
+    @media screen and (min-width: 1025px) {
+        @content;
+    }
+}
-- 
2.40.1