65 lines
2.6 KiB
TypeScript
65 lines
2.6 KiB
TypeScript
|
import { createRouter, createWebHistory } from 'vue-router'
|
||
|
|
import { useAuthStore } from '../stores/auth'
|
||
|
|
|
||
|
|
declare module 'vue-router' {
|
||
|
|
interface RouteMeta {
|
||
|
|
public?: boolean
|
||
|
|
screenKey?: string
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
const router = createRouter({
|
||
|
|
history: createWebHistory(),
|
||
|
|
routes: [
|
||
|
|
{
|
||
|
|
path: '/login',
|
||
|
|
name: 'login',
|
||
|
|
component: () => import('../views/auth/LoginView.vue'),
|
||
|
|
meta: { public: true },
|
||
|
|
},
|
||
|
|
{
|
||
|
|
path: '/',
|
||
|
|
component: () => import('../layouts/MainLayout.vue'),
|
||
|
|
children: [
|
||
|
|
{ path: '', redirect: '/projects' },
|
||
|
|
{ path: 'dashboard', name: 'dashboard', component: () => import('../views/DashboardView.vue'), meta: { screenKey: 'dashboard' } },
|
||
|
|
{ path: 'projects', name: 'projects', component: () => import('../views/projects/ProjectsListView.vue'), meta: { screenKey: 'projects' } },
|
||
|
|
{ path: 'accounts', name: 'accounts', component: () => import('../views/AccountsView.vue'), meta: { screenKey: 'accounts' } },
|
||
|
|
{ path: 'roles', name: 'roles', component: () => import('../views/RolesView.vue'), meta: { screenKey: 'roles' } },
|
||
|
|
{
|
||
|
|
path: 'projects/:id',
|
||
|
|
component: () => import('../layouts/ProjectLayout.vue'),
|
||
|
|
meta: { screenKey: 'projects' },
|
||
|
|
children: [
|
||
|
|
{ path: '', name: 'project-overview', component: () => import('../views/projects/ProjectOverviewView.vue') },
|
||
|
|
{ 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/SettingsView.vue') },
|
||
|
|
],
|
||
|
|
},
|
||
|
|
{ path: '/:pathMatch(.*)*', redirect: '/projects' },
|
||
|
|
],
|
||
|
|
})
|
||
|
|
|
||
|
|
router.beforeEach(async (to) => {
|
||
|
|
const auth = useAuthStore()
|
||
|
|
if (!to.meta.public && !auth.isAuthenticated) {
|
||
|
|
return { name: 'login', query: { redirect: to.fullPath } }
|
||
|
|
}
|
||
|
|
if (to.name === 'login' && auth.isAuthenticated) {
|
||
|
|
return { path: '/projects' }
|
||
|
|
}
|
||
|
|
if (auth.isAuthenticated) {
|
||
|
|
await auth.ensureMenu()
|
||
|
|
}
|
||
|
|
if (to.meta.screenKey && !auth.canView(to.meta.screenKey)) {
|
||
|
|
return { path: '/projects' }
|
||
|
|
}
|
||
|
|
})
|
||
|
|
|
||
|
|
export default router
|