login is ready

This commit is contained in:
root
2025-09-12 10:02:09 +05:00
parent c52b1c72e7
commit 4f18dd6ae3
18 changed files with 1050 additions and 170 deletions
+80 -19
View File
@@ -1,4 +1,6 @@
import AppLayout from '@/layout/AppLayout.vue';
import AuthService from '@/service/AuthService';
import IdentityService from '@/service/IdentityService';
import { createRouter, createWebHistory } from 'vue-router';
const router = createRouter({
@@ -11,98 +13,136 @@ const router = createRouter({
{
path: '/',
name: 'dashboard',
component: () => import('@/views/Dashboard.vue')
component: () => import('@/views/Dashboard.vue'),
meta: { requiresAuth: true }
},
{
path: '/dashboard-new',
name: 'dashboard-new',
component: () => import('@/views/DashboardNew.vue'),
meta: { requiresAuth: true }
},
{
path: '/uikit/formlayout',
name: 'formlayout',
component: () => import('@/views/uikit/FormLayout.vue')
component: () => import('@/views/uikit/FormLayout.vue'),
meta: { requiresAuth: true }
},
{
path: '/uikit/input',
name: 'input',
component: () => import('@/views/uikit/InputDoc.vue')
component: () => import('@/views/uikit/InputDoc.vue'),
meta: { requiresAuth: true }
},
{
path: '/uikit/button',
name: 'button',
component: () => import('@/views/uikit/ButtonDoc.vue')
component: () => import('@/views/uikit/ButtonDoc.vue'),
meta: { requiresAuth: true }
},
{
path: '/uikit/table',
name: 'table',
component: () => import('@/views/uikit/TableDoc.vue')
component: () => import('@/views/uikit/TableDoc.vue'),
meta: { requiresAuth: true }
},
{
path: '/uikit/list',
name: 'list',
component: () => import('@/views/uikit/ListDoc.vue')
component: () => import('@/views/uikit/ListDoc.vue'),
meta: { requiresAuth: true }
},
{
path: '/uikit/tree',
name: 'tree',
component: () => import('@/views/uikit/TreeDoc.vue')
component: () => import('@/views/uikit/TreeDoc.vue'),
meta: { requiresAuth: true }
},
{
path: '/uikit/panel',
name: 'panel',
component: () => import('@/views/uikit/PanelsDoc.vue')
component: () => import('@/views/uikit/PanelsDoc.vue'),
meta: { requiresAuth: true }
},
{
path: '/uikit/overlay',
name: 'overlay',
component: () => import('@/views/uikit/OverlayDoc.vue')
component: () => import('@/views/uikit/OverlayDoc.vue'),
meta: { requiresAuth: true }
},
{
path: '/uikit/media',
name: 'media',
component: () => import('@/views/uikit/MediaDoc.vue')
component: () => import('@/views/uikit/MediaDoc.vue'),
meta: { requiresAuth: true }
},
{
path: '/uikit/message',
name: 'message',
component: () => import('@/views/uikit/MessagesDoc.vue')
component: () => import('@/views/uikit/MessagesDoc.vue'),
meta: { requiresAuth: true }
},
{
path: '/uikit/file',
name: 'file',
component: () => import('@/views/uikit/FileDoc.vue')
component: () => import('@/views/uikit/FileDoc.vue'),
meta: { requiresAuth: true }
},
{
path: '/uikit/menu',
name: 'menu',
component: () => import('@/views/uikit/MenuDoc.vue')
component: () => import('@/views/uikit/MenuDoc.vue'),
meta: { requiresAuth: true }
},
{
path: '/uikit/charts',
name: 'charts',
component: () => import('@/views/uikit/ChartDoc.vue')
component: () => import('@/views/uikit/ChartDoc.vue'),
meta: { requiresAuth: true }
},
{
path: '/uikit/misc',
name: 'misc',
component: () => import('@/views/uikit/MiscDoc.vue')
component: () => import('@/views/uikit/MiscDoc.vue'),
meta: { requiresAuth: true }
},
{
path: '/uikit/timeline',
name: 'timeline',
component: () => import('@/views/uikit/TimelineDoc.vue')
component: () => import('@/views/uikit/TimelineDoc.vue'),
meta: { requiresAuth: true }
},
{
path: '/pages/empty',
name: 'empty',
component: () => import('@/views/pages/Empty.vue')
component: () => import('@/views/pages/Empty.vue'),
meta: { requiresAuth: true }
},
{
path: '/pages/crud',
name: 'crud',
component: () => import('@/views/pages/Crud.vue')
component: () => import('@/views/pages/Crud.vue'),
meta: { requiresAuth: true }
},
{
path: '/documentation',
name: 'documentation',
component: () => import('@/views/pages/Documentation.vue')
component: () => import('@/views/pages/Documentation.vue'),
meta: { requiresAuth: true }
}
]
},
{
path: '/admin',
component: AppLayout,
children: [
{
path: 'users',
name: 'admin-users',
component: () => import('@/views/pages/AdminUsers.vue'),
meta: { requiresAuth: true, requiresAdmin: true }
}
]
},
@@ -135,4 +175,25 @@ const router = createRouter({
]
});
router.beforeEach(async (to) => {
const isAuthenticated = !!AuthService.getAccessToken();
if (to.meta.requiresAuth && !isAuthenticated) {
return { name: 'login', query: { redirect: to.fullPath } };
}
if (to.name === 'login' && isAuthenticated) {
return { path: '/' };
}
if (to.meta.requiresAdmin) {
try {
const me = await IdentityService.getCurrentUser();
const roles = Array.isArray(me?.roles) ? me.roles : [];
if (!roles.includes('ROLE_ADMIN')) {
return { name: 'accessDenied' };
}
} catch (_) {
return { name: 'login', query: { redirect: to.fullPath } };
}
}
});
export default router;