114 lines
2.8 KiB
TypeScript
Executable File
114 lines
2.8 KiB
TypeScript
Executable File
import { IListRoutes } from '@src/model'
|
|
import { useGlobalStore } from '@store/globalStore'
|
|
import { tools } from '@store/Modules/tools'
|
|
import { computed, defineComponent, ref, watch } from 'vue'
|
|
import { useRoute } from 'vue-router'
|
|
import { static_data } from '@/db/static_data'
|
|
import { useUserStore } from '@store/UserStore'
|
|
|
|
export default defineComponent({
|
|
name: 'MenuOne',
|
|
props: {
|
|
clBase: {
|
|
type: String,
|
|
required: false,
|
|
default: 'my-menu',
|
|
},
|
|
},
|
|
|
|
setup(props) {
|
|
const route = useRoute()
|
|
const userStore = useUserStore()
|
|
const globalStore = useGlobalStore()
|
|
|
|
const finishLoading = computed(() => globalStore.finishLoading)
|
|
|
|
const path = computed(() => route.path)
|
|
|
|
const getroutes = computed(() => static_data.routes)
|
|
|
|
const myroutes = ref(<IListRoutes[]>[])
|
|
|
|
const getmenu = computed(() => globalStore.getmenu )
|
|
|
|
const islogged = computed(() => userStore.isLogged)
|
|
|
|
function setParentVisibilityBasedOnRoute(parent: any) {
|
|
parent.routes.forEach((item: any) => {
|
|
if (path.value === item.path) {
|
|
parent.show = true
|
|
}
|
|
})
|
|
}
|
|
|
|
function updatemenu() {
|
|
const mymenu = globalStore.getmenu
|
|
Object.keys(mymenu).forEach((parentName: any) => {
|
|
// @ts-ignore
|
|
setParentVisibilityBasedOnRoute(mymenu[parentName])
|
|
})
|
|
myroutes.value = []
|
|
myroutes.value = static_data.routes
|
|
}
|
|
|
|
watch(() => islogged.value,(to, from) => {
|
|
updatemenu()
|
|
})
|
|
|
|
watch(() => finishLoading.value,(to, from) => {
|
|
updatemenu()
|
|
})
|
|
|
|
watch(() => path, (to, from) => {
|
|
updatemenu()
|
|
})
|
|
|
|
/* 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.onlyFacilitatore) menu += ' isTutor'
|
|
if (elem.onlyEditor) menu += ' isEditor'
|
|
}
|
|
|
|
if (elem.extraclass) menu += ` ${elem.extraclass}`
|
|
|
|
return menu
|
|
}
|
|
|
|
myroutes.value = static_data.routes
|
|
|
|
return {
|
|
getmenu,
|
|
finishLoading,
|
|
getmymenuclass,
|
|
getroute,
|
|
static_data,
|
|
tools,
|
|
getroutes,
|
|
myroutes,
|
|
}
|
|
},
|
|
})
|