First Committ

src/layouts/menuone/menuOne.ts

@@ -0,0 +1,88 @@
+import { IListRoutes } from '@src/model'
+import { useGlobalStore } from '@store/globalStore'
+import { tools } from '@store/Modules/tools'
+import { computed, defineComponent, watch } from 'vue'
+import { useRoute } from 'vue-router'
+
+export default defineComponent({
+  name: 'MenuOne',
+  props: {
+    clBase: {
+      type: String,
+      required: false,
+      default: 'my-menu',
+    },
+  },
+
+  setup(props) {
+    const route = useRoute()
+
+    const path = computed(() => route.path)
+
+    function getmenu(): any {
+      const globalStore = useGlobalStore()
+      return globalStore.getmenu
+    }
+
+    function setParentVisibilityBasedOnRoute(parent: any) {
+      parent.routes.forEach((item: any) => {
+        if (path.value === item.path) {
+          parent.show = true
+        }
+      })
+    }
+
+    watch(path, (to: string, from: string) => {
+      Object.keys(getmenu()).forEach((parentName: any) => {
+        // @ts-ignore
+        setParentVisibilityBasedOnRoute(getmenu[parentName])
+      })
+    })
+
+    function isfinishLoading() {
+      const globalStore = useGlobalStore()
+      return globalStore.finishLoading
+    }
+
+    /* function replaceUnderlineToSpace(text: string) {
+      while (text.indexOf('_') !== -1) {
+        text = text.replace('_', ' ')
+      }
+      return text
+    } */
+
+    function getroute(elem: IListRoutes) {
+      if (elem.idelem) {
+        return tools.getUrlByTipoProj(elem.urlroute ? elem.urlroute : '') + elem.idelem
+      }
+      return elem.path
+    }
+
+    function getmymenuclass(elem: IListRoutes) {
+      let menu: string = props.clBase
+
+      if (elem.color) {
+        menu += ` ${elem.color}`
+      } else {
+        if (elem.onlyAdmin) menu += ' isAdmin'
+        if (elem.onlyManager) menu += ' isManager'
+        if (elem.onlySocioResidente) menu += ' isSocioResidente'
+        if (elem.onlyConsiglio) menu += ' isConsiglio'
+        if (elem.onlyDepartment) menu += ' isDepartment'
+        if (elem.onlyTutor) menu += ' isTutor'
+        if (elem.onlyEditor) menu += ' isEditor'
+      }
+
+      if (elem.extraclass) menu += ` ${elem.extraclass}`
+
+      return menu
+    }
+
+    return {
+      getmenu,
+      isfinishLoading,
+      getmymenuclass,
+      getroute,
+    }
+  },
+})