chamomind/jws-frontend
chamomind/jws-frontend
7
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

refactor: drawer menu (#34)

Browse source
This commit is contained in:
Methapon Metanipat 2024-10-31 10:46:42 +07:00 • committed by GitHub
parent 2558122a6b
commit 10e963e430
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 4 additions and 95 deletions
Download patch file Download diff file Expand all files Collapse all files

99
src/layouts/DrawerComponent.vue
View file

@ -29,7 +29,7 @@ const props = defineProps<{
}>();
const role = ref();
const menuActive = ref<boolean[]>([false, false, false, false, false]);
const menuActive = ref<boolean[]>([]);
const menuData = ref<Menu[]>([]);
const currentPath = computed(() => {
return router.currentRoute.value.path;
@ -52,8 +52,6 @@ function navigateTo(label: string, destination?: string) {
}
function reActiveMenu() {
menuActive.value.fill(false);
const currMenu = menuData.value.find((m) =>
m.children?.some((c) => c.route === currentPath.value),
);
@ -87,6 +85,7 @@ watch(
onMounted(async () => {
const uid = getUserId();
role.value = getRole();
if (!uid) return;
@ -98,98 +97,6 @@ onMounted(async () => {
const result = await userBranch.fetchListMyBranch(uid);
if (result && result.total > 0) currentMyBranch.value = result.result[0];
// labelMenu.value = [
// {
// label: 'menu.dashboard',
// icon: 'isax-element-35',
// route: '',
// isax: true,
// disabled: true,
// },
// {
// label: 'menu.branch',
// icon: 'mdi-chart-donut',
// route: '/branch-management',
// hidden:
// role.value.includes('admin') ||
// role.value.includes('branch_admin') ||
// role.value.includes('head_of_admin') ||
// role.value.includes('system') ||
// role.value.includes('owner') ||
// role.value.includes('head_of_account')
// ? false
// : true,
// },
// {
// label: 'menu.user',
// icon: 'fa6-solid:building-user',
// route: '/personnel-management',
// hidden:
// role.value.includes('admin') ||
// role.value.includes('branch_admin') ||
// role.value.includes('head_of_admin') ||
// role.value.includes('system') ||
// role.value.includes('owner') ||
// role.value.includes('branch_manager')
// ? false
// : true,
// },
// {
// label: 'menu.customer',
// icon: 'isax-frame5',
// route: '/customer-management',
// isax: true,
// },
// {
// label: 'menu.product',
// icon: 'heroicons-truck-solid',
// route: '/product-service',
// },
// {
// label: 'menu.dms',
// icon: 'mdi-folder-file',
// route: '/document-management',
// },
// {
// label: 'menu.quotation',
// icon: 'mdi-file-document',
// route: '/quotation',
// },
// {
// label: 'menu.requestList',
// icon: 'isax-device-message5',
// route: '',
// disabled: true,
// isax: true,
// },
// {
// label: 'menu.workOrder',
// icon: 'isax-receipt-2-15',
// route: '',
// disabled: true,
// isax: true,
// },
// {
// label: 'menu.invoice',
// icon: 'material-symbols:box',
// route: '',
// disabled: true,
// },
// {
// label: 'menu.accountingLedger',
// icon: 'isax-dollar-circle4',
// route: '',
// isax: true,
// disabled: true,
// },
// {
// label: 'menu.report',
// icon: 'mdi-file-document',
// route: '',
// disabled: true,
// },
// ];
menuData.value = [
{
label: 'menu.manage',
@ -267,6 +174,8 @@ onMounted(async () => {
},
];
menuActive.value = menuData.value.map(() => false);
if (currentPath.value === '/') menuActive.value[0] = true;
else reActiveMenu();
});