ref: app UI

This commit is contained in:
2026-08-26 00:11:45 +07:00
parent 8fe5e44f52
commit 5f52a6c554
16 changed files with 634 additions and 309 deletions
+22 -12
View File
@@ -18,31 +18,42 @@ const router = createRouter({
component: () => import('../views/auth/LoginView.vue'),
meta: { public: true },
},
{
path: '/select-project',
name: 'select-project',
component: () => import('../views/projects/ProjectSelectView.vue'),
},
{
path: '/',
component: () => import('../layouts/MainLayout.vue'),
children: [
{ path: '', redirect: '/projects' },
{ path: 'dashboard', name: 'dashboard', component: () => import('../views/dashboard/DashboardView.vue'), meta: { screenKey: 'dashboard', title: 'Dashboard' } },
{ path: 'projects', name: 'projects', component: () => import('../views/projects/ProjectsListView.vue'), meta: { screenKey: 'projects', title: 'Projects' } },
{ path: '', redirect: '/select-project' },
{ path: 'users', name: 'users', component: () => import('../views/users/UsersView.vue'), meta: { screenKey: 'users', title: 'Users' } },
{
path: 'projects/:id',
component: () => import('../layouts/ProjectLayout.vue'),
meta: { screenKey: 'projects' },
children: [
{ path: '', name: 'project-overview', component: () => import('../views/projects/ProjectOverviewView.vue') },
{ path: '', redirect: (to) => ({ name: 'tasks-board', params: { id: to.params.id } }) },
{ path: 'documents', name: 'documents', component: () => import('../views/documents/DocumentsView.vue'), meta: { screenKey: 'documents' } },
{ path: 'tasks', name: 'tasks', component: () => import('../views/tasks/TasksListView.vue'), meta: { screenKey: 'tasks' } },
{ path: 'tasks/board', name: 'tasks-board', component: () => import('../views/tasks/TasksBoardView.vue'), meta: { screenKey: 'tasks' } },
{ path: 'members', name: 'members', component: () => import('../views/projects/MembersView.vue') },
],
},
{ path: 'settings', name: 'settings', component: () => import('../views/settings/SettingsView.vue'), meta: { title: 'Settings' } },
{ path: 'profile', name: 'profile', component: () => import('../views/profile/ProfileView.vue'), meta: { title: 'Profile' } },
{
path: 'settings',
component: () => import('../views/settings/SettingsView.vue'),
meta: { title: 'Settings' },
children: [
{ path: '', redirect: '/settings/masterdata' },
{ path: 'masterdata', name: 'settings-masterdata', component: () => import('../views/settings/masterdata/MasterDataView.vue'), meta: { title: 'Master Data', screenKey: 'masterdata' } },
{ path: 'roles', name: 'settings-roles', component: () => import('../views/settings/roles/RolesView.vue'), meta: { title: 'Roles', screenKey: 'permissions' } },
{ path: 'permissions', name: 'settings-permissions', component: () => import('../views/settings/permissions/PermissionsView.vue'), meta: { title: 'Permissions', screenKey: 'permissions' } },
],
},
],
},
{ path: '/:pathMatch(.*)*', redirect: '/projects' },
{ path: '/:pathMatch(.*)*', redirect: '/select-project' },
],
})
@@ -52,15 +63,14 @@ router.beforeEach(async (to) => {
return { name: 'login', query: { redirect: to.fullPath } }
}
if (to.name === 'login' && auth.isAuthenticated) {
return { path: '/dashboard' }
return { path: '/select-project' }
}
if (auth.isAuthenticated) {
await auth.ensureMenu()
}
if (to.meta.screenKey && !auth.canView(to.meta.screenKey)) {
if (to.path !== '/dashboard') {
return { path: '/dashboard' }
}
const last = localStorage.getItem('mws_last_project')
return last ? { name: 'tasks-board', params: { id: last } } : { name: 'select-project' }
}
})