From a4975f8eda99665f4942b1d6c0b2dc4880a64a32 Mon Sep 17 00:00:00 2001
From: Pau Navarro <pau@verdnatura.es>
Date: Tue, 3 Jan 2023 09:20:18 +0100
Subject: [PATCH] added default msg when there isnt a pinned module

---
 src/components/PinnedModules.vue | 49 ++++++++++++++++----------------
 src/i18n/en/index.js             | 14 ++++-----
 src/i18n/es/index.js             | 14 ++++-----
 3 files changed, 39 insertions(+), 38 deletions(-)

diff --git a/src/components/PinnedModules.vue b/src/components/PinnedModules.vue
index 27767a248..3df492b59 100644
--- a/src/components/PinnedModules.vue
+++ b/src/components/PinnedModules.vue
@@ -14,30 +14,31 @@ const pinnedModules = computed(() => navigation.getPinnedModules());
 </script>
 
 <template>
-    <q-menu
-        anchor="bottom left"
-        class="row q-pa-md q-col-gutter-lg"
-        max-width="350px"
-        max-height="400px"
-        v-if="pinnedModules.length"
-    >
-        <div v-for="item of pinnedModules" :key="item.title" class="row no-wrap q-pa-xs flex-item">
-            <q-btn
-                align="evenly"
-                padding="16px"
-                flat
-                stack
-                size="lg"
-                :icon="item.icon"
-                color="primary"
-                class="col-4 button"
-                :to="{ name: item.name }"
-            >
-                <div class="text-center text-primary button-text">
-                    {{ t(item.title) }}
-                </div>
-            </q-btn>
-        </div>
+    <q-menu anchor="bottom left" class="row q-pa-md q-col-gutter-lg" max-width="350px" max-height="400px">
+        <template v-if="pinnedModules.length">
+            <div v-for="item of pinnedModules" :key="item.title" class="row no-wrap q-pa-xs flex-item">
+                <q-btn
+                    align="evenly"
+                    padding="16px"
+                    flat
+                    stack
+                    size="lg"
+                    :icon="item.icon"
+                    color="primary"
+                    class="col-4 button"
+                    :to="{ name: item.name }"
+                >
+                    <div class="text-center text-primary button-text">
+                        {{ t(item.title) }}
+                    </div>
+                </q-btn>
+            </div>
+        </template>
+        <template v-else>
+            <div class="row no-wrap q-pa-xs flex-item text-center text-grey-5" style="min-width: max-content">
+                {{ t('globals.noPinnedModules') }}
+            </div>
+        </template>
     </q-menu>
 </template>
 
diff --git a/src/i18n/en/index.js b/src/i18n/en/index.js
index 119d7362d..0c1b9d0c7 100644
--- a/src/i18n/en/index.js
+++ b/src/i18n/en/index.js
@@ -30,6 +30,7 @@ export default {
         rowAdded: 'Row added',
         rowRemoved: 'Row removed',
         pleaseWait: 'Please wait...',
+        noPinnedModules: 'You have dont have any pinned modules',
     },
     moduleIndex: {
         allModules: 'All modules',
@@ -228,8 +229,8 @@ export default {
             requester: 'Requester',
             atender: 'Atender',
             request: 'Request',
-            goTo: 'Go to'
-        }
+            goTo: 'Go to',
+        },
     },
     claim: {
         pageTitles: {
@@ -300,7 +301,7 @@ export default {
             list: 'List',
             createInvoiceOut: 'Create invoice out',
             summary: 'Summary',
-            basicData: 'Basic Data'
+            basicData: 'Basic Data',
         },
         list: {
             ref: 'Reference',
@@ -309,7 +310,7 @@ export default {
             client: 'Client',
             created: 'Created',
             company: 'Company',
-            dued: 'Due date'
+            dued: 'Due date',
         },
         card: {
             issued: 'Issued',
@@ -317,7 +318,7 @@ export default {
             client: 'Client',
             company: 'Company',
             customerCard: 'Customer card',
-            ticketList: 'Ticket List'
+            ticketList: 'Ticket List',
         },
         summary: {
             issued: 'Issued',
@@ -335,8 +336,7 @@ export default {
             nickname: 'Alias',
             shipped: 'Shipped',
             totalWithVat: 'Amount',
-
-        }
+        },
     },
     components: {
         topbar: {},
diff --git a/src/i18n/es/index.js b/src/i18n/es/index.js
index 89b52e237..7de7c5263 100644
--- a/src/i18n/es/index.js
+++ b/src/i18n/es/index.js
@@ -30,6 +30,7 @@ export default {
         rowAdded: 'Fila añadida',
         rowRemoved: 'Fila eliminada',
         pleaseWait: 'Por favor, espera...',
+        noPinnedModules: 'No has fijado ningún módulo',
     },
     moduleIndex: {
         allModules: 'Todos los módulos',
@@ -227,8 +228,8 @@ export default {
             requester: 'Solicitante',
             atender: 'Comprador',
             request: 'Petición de compra',
-            goTo: 'Ir a'
-        }
+            goTo: 'Ir a',
+        },
     },
     claim: {
         pageTitles: {
@@ -299,7 +300,7 @@ export default {
             list: 'Listado',
             createInvoiceOut: 'Crear fact. emitida',
             summary: 'Resumen',
-            basicData: 'Datos básicos'
+            basicData: 'Datos básicos',
         },
         list: {
             ref: 'Referencia',
@@ -308,7 +309,7 @@ export default {
             client: 'Cliente',
             created: 'Fecha creación',
             company: 'Empresa',
-            dued: 'Fecha vencimineto'
+            dued: 'Fecha vencimineto',
         },
         card: {
             issued: 'Fecha emisión',
@@ -316,7 +317,7 @@ export default {
             client: 'Cliente',
             company: 'Empresa',
             customerCard: 'Ficha del cliente',
-            ticketList: 'Listado de tickets'
+            ticketList: 'Listado de tickets',
         },
         summary: {
             issued: 'Fecha',
@@ -334,8 +335,7 @@ export default {
             nickname: 'Alias',
             shipped: 'F. envío',
             totalWithVat: 'Importe',
-
-        }
+        },
     },
     components: {
         topbar: {},