From c72bfdc100fba09f2ba6c17067b8cbec7001349b Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Fri, 4 Oct 2024 09:40:26 -0300
Subject: [PATCH] Menu order

---
 src/i18n/es-ES/index.js    |  2 +-
 src/layouts/MainLayout.vue | 11 +++--------
 src/stores/app.js          | 28 ++++++++++++++++++++++++++--
 3 files changed, 30 insertions(+), 11 deletions(-)

diff --git a/src/i18n/es-ES/index.js b/src/i18n/es-ES/index.js
index 69927961..dda8dab9 100644
--- a/src/i18n/es-ES/index.js
+++ b/src/i18n/es-ES/index.js
@@ -108,7 +108,7 @@ export default {
         Connections: 'Conexiones',
         Visits: 'Visitas',
         News: 'Noticias',
-        Photos: 'Imágenes',
+        Photos: 'Fotos',
         Items: 'Artículos',
         Account: 'Cuenta',
         Addresses: 'Direcciones'
diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index 228a342c..12f774d8 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, onMounted, computed } from 'vue';
+import { ref, onMounted } from 'vue';
 
 import { storeToRefs } from 'pinia';
 import { useRouter } from 'vue-router';
@@ -10,19 +10,14 @@ import { useAppStore } from 'stores/app';
 const router = useRouter();
 const userStore = useUserStore();
 const appStore = useAppStore();
-const hiddenMenuItems = new Set(['Reports']);
 
 const refreshContentKey = ref(0);
 const { mainUser, supplantedUser } = storeToRefs(userStore);
-const { menuEssentialLinks, title, subtitle, useRightDrawer, rightDrawerOpen } =
+const { title, subtitle, useRightDrawer, rightDrawerOpen, filteredMenuItems } =
     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;
 };
diff --git a/src/stores/app.js b/src/stores/app.js
index 8f480997..ad5e35d8 100644
--- a/src/stores/app.js
+++ b/src/stores/app.js
@@ -16,6 +16,16 @@ export const useAppStore = defineStore('hedera', {
         rightDrawerOpen: false,
         isHeaderMounted: false,
         menuEssentialLinks: [],
+        menuOrderLinks: [
+            'Home',
+            'Orders',
+            'Basket',
+            'Catalog',
+            'Administration',
+            'Agencies',
+            'Configuration'
+        ],
+        hiddenMenuLinks: new Set(['Reports']),
         basketOrderId: null,
         localeDates: {
             days: [],
@@ -24,7 +34,6 @@ export const useAppStore = defineStore('hedera', {
             monthsShort: []
         }
     }),
-
     actions: {
         async getMenuLinks() {
             const sections = await jApi.query('SELECT * FROM myMenu');
@@ -49,9 +58,19 @@ export const useAppStore = defineStore('hedera', {
                 }
             }
 
+            // Crear un objeto que mapea los elementos de menuOrderLinks a sus índices
+            const orderMap = {};
+            this.menuOrderLinks.forEach((item, index) => {
+                orderMap[item] = index;
+            });
+
+            // Ordenar sectionTree basado en el orden de menuOrderLinks
+            sectionTree.sort((a, b) => {
+                return orderMap[a.name] - orderMap[b.name];
+            });
+
             this.menuEssentialLinks = sectionTree;
         },
-
         async loadConfig() {
             const imageUrl = await jApi.getValue('SELECT url FROM imageConfig');
             this.$patch({ imageUrl });
@@ -147,6 +166,11 @@ export const useAppStore = defineStore('hedera', {
         }
     },
     getters: {
+        filteredMenuItems: state => {
+            return (state.menuEssentialLinks || []).filter(
+                item => !state.hiddenMenuLinks.has(item.description)
+            );
+        },
         isMobile() {
             const $q = useQuasar();
             return $q?.screen?.width <= 768;