Merge pull request '#5018-pinned-modules-popover' (!34) from #5018-pinned-modules-popover into dev

Reviewed-on: verdnatura/salix-front#34
Reviewed-by: Joan Sanchez <joan@verdnatura.es>

src/boot/i18n.js

@@ -8,7 +8,6 @@ const i18n = createI18n({
     globalInjection: true,
     messages,
     missingWarn: false,
-    fallbackRoot: false,
     legacy: false,
 });
 

src/components/PinnedModules.vue

@@ -14,30 +14,31 @@ const pinnedModules = computed(() => navigation.getPinnedModules());
 </script>
 
 <template>
-    <q-menu
+    <q-menu anchor="bottom left" class="row q-pa-md q-col-gutter-lg" max-width="350px" max-height="400px">
-        anchor="bottom left"
+        <template v-if="pinnedModules.length">
-        class="row q-pa-md q-col-gutter-lg"
+            <div v-for="item of pinnedModules" :key="item.title" class="row no-wrap q-pa-xs flex-item">
-        max-width="350px"
+                <q-btn
-        max-height="400px"
+                    align="evenly"
-        v-if="pinnedModules.length"
+                    padding="16px"
-    >
+                    flat
-        <div v-for="item of pinnedModules" :key="item.title" class="row no-wrap q-pa-xs flex-item">
+                    stack
-            <q-btn
+                    size="lg"
-                align="evenly"
+                    :icon="item.icon"
-                padding="16px"
+                    color="primary"
-                flat
+                    class="col-4 button"
-                stack
+                    :to="{ name: item.name }"
-                size="lg"
+                >
-                :icon="item.icon"
+                    <div class="text-center text-primary button-text">
-                color="primary"
+                        {{ t(item.title) }}
-                class="col-4 button"
+                    </div>
-                :to="{ name: item.name }"
+                </q-btn>
-            >
+            </div>
-                <div class="text-center text-primary button-text">
+        </template>
-                    {{ t(item.title) }}
+        <template v-else>
-                </div>
+            <div class="row no-wrap q-pa-xs flex-item text-center text-grey-5" style="min-width: 200px">
-            </q-btn>
+                {{ t('globals.noPinnedModules') }}
-        </div>
+            </div>
+        </template>
     </q-menu>
 </template>
 

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',

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: {},