update code
This commit is contained in:
manhlab
562
resources/js/src/router/index.js
Normal file
562
resources/js/src/router/index.js
Normal file
@@ -0,0 +1,562 @@
|
||||
import Vue from 'vue'
|
||||
import Router from 'vue-router'
|
||||
import store from '../state/store'
|
||||
|
||||
// Containers
|
||||
const TheContainer = () => import('../containers/TheContainer')
|
||||
|
||||
// Views
|
||||
const Dashboard = () => import('../views/Dashboard')
|
||||
|
||||
const Colors = () => import('../views/theme/Colors')
|
||||
const Typography = () => import('../views/theme/Typography')
|
||||
const CKEditor = () => import('../views/theme/CKEditor')
|
||||
|
||||
const Charts = () => import('../views/charts/Charts')
|
||||
const Widgets = () => import('../views/widgets/Widgets')
|
||||
|
||||
// Views - Components
|
||||
const Cards = () => import('../views/base/Cards')
|
||||
const Forms = () => import('../views/base/Forms')
|
||||
const Switches = () => import('../views/base/Switches')
|
||||
const Tables = () => import('../views/base/Tables')
|
||||
const Tabs = () => import('../views/base/Tabs')
|
||||
const Breadcrumbs = () => import('../views/base/Breadcrumbs')
|
||||
const Carousels = () => import('../views/base/Carousels')
|
||||
const Collapses = () => import('../views/base/Collapses')
|
||||
const Jumbotrons = () => import('../views/base/Jumbotrons')
|
||||
const ListGroups = () => import('../views/base/ListGroups')
|
||||
const Navs = () => import('../views/base/Navs')
|
||||
const Navbars = () => import('../views/base/Navbars')
|
||||
const Paginations = () => import('../views/base/Paginations')
|
||||
const Popovers = () => import('../views/base/Popovers')
|
||||
const ProgressBars = () => import('../views/base/ProgressBars')
|
||||
const Tooltips = () => import('../views/base/Tooltips')
|
||||
|
||||
// Views - Buttons
|
||||
const StandardButtons = () => import('../views/buttons/StandardButtons')
|
||||
const ButtonGroups = () => import('../views/buttons/ButtonGroups')
|
||||
const Dropdowns = () => import('../views/buttons/Dropdowns')
|
||||
const BrandButtons = () => import('../views/buttons/BrandButtons')
|
||||
|
||||
// Views - Icons
|
||||
const CoreUIIcons = () => import('../views/icons/CoreUIIcons')
|
||||
const Brands = () => import('../views/icons/Brands')
|
||||
const Flags = () => import('../views/icons/Flags')
|
||||
|
||||
// Views - Notifications
|
||||
const Alerts = () => import('../views/notifications/Alerts')
|
||||
const Badges = () => import('../views/notifications/Badges')
|
||||
const Modals = () => import('../views/notifications/Modals')
|
||||
|
||||
// Views - Pages
|
||||
const Page404 = () => import('../views/pages/Page404')
|
||||
const Page500 = () => import('../views/pages/Page500')
|
||||
const Login = () => import('../views/pages/Login')
|
||||
const Register = () => import('../views/pages/Register')
|
||||
|
||||
// Users
|
||||
const Users = () => import('../views/users/Users')
|
||||
const User = () => import('../views/users/User')
|
||||
const CreateUser = () => import('../views/users/Create')
|
||||
const Me = () => import('../views/users/Me')
|
||||
|
||||
// Documents
|
||||
const Documents = () => import('../views/documents/Documents')
|
||||
const Document = () => import('../views/documents/Document')
|
||||
const DocumentCreate = () => import('../views/documents/Create')
|
||||
|
||||
// Statistic
|
||||
const Statistic = () => import('../views/statistic/Statistic')
|
||||
|
||||
// System
|
||||
const Titles = () => import('../views/system/Titles')
|
||||
const Departments = () => import('../views/system/Departments')
|
||||
const Signers = () => import('../views/system/Signers')
|
||||
const Publishers = () => import('../views/system/Publishers')
|
||||
const DocumentTypes = () => import('../views/system/DocumentTypes')
|
||||
const Books = () => import('../views/system/Books')
|
||||
const Groups = () => import('../views/system/Groups')
|
||||
const Permissions = () => import('../views/system/Permissions')
|
||||
|
||||
Vue.use(Router)
|
||||
|
||||
const router = new Router({
|
||||
mode: 'hash', // https://router.vuejs.org/api/#mode
|
||||
linkActiveClass: 'active',
|
||||
scrollBehavior: () => ({ y: 0 }),
|
||||
routes: configRoutes()
|
||||
})
|
||||
|
||||
// Before each route evaluates...
|
||||
router.beforeEach((routeTo, routeFrom, next) => {
|
||||
// Check if auth is required on this route
|
||||
// (including nested routes).
|
||||
const authRequired = routeTo.matched.some((route) => route.meta.authRequired)
|
||||
|
||||
// If auth isn't required for the route, just continue.
|
||||
if (!authRequired) return next()
|
||||
|
||||
if (store.getters['auth/loggedIn']) return next()
|
||||
|
||||
// Validate the local user token...
|
||||
return store.dispatch('auth/validate').then((validUser) => {
|
||||
// Then continue if the token still represents a valid user,
|
||||
// otherwise redirect to login.
|
||||
return validUser ? next() : redirectToLogin()
|
||||
}).catch(error => {
|
||||
return redirectToLogin()
|
||||
})
|
||||
|
||||
// eslint-disable-next-line no-unused-vars
|
||||
function redirectToLogin() {
|
||||
// Pass the original route to the login component
|
||||
next({ name: 'Login', query: { redirectFrom: routeTo.fullPath } })
|
||||
}
|
||||
})
|
||||
|
||||
router.beforeResolve(async (routeTo, routeFrom, next) => {
|
||||
// Create a `beforeResolve` hook, which fires whenever
|
||||
// `beforeRouteEnter` and `beforeRouteUpdate` would. This
|
||||
// allows us to ensure data is fetched even when params change,
|
||||
// but the resolved route does not. We put it in `meta` to
|
||||
// indicate that it's a hook we created, rather than part of
|
||||
// Vue Router (yet?).
|
||||
try {
|
||||
// For each matched route...
|
||||
for (const route of routeTo.matched) {
|
||||
await new Promise((resolve, reject) => {
|
||||
// If a `beforeResolve` hook is defined, call it with
|
||||
// the same arguments as the `beforeEnter` hook.
|
||||
if (route.meta && route.meta.beforeResolve) {
|
||||
route.meta.beforeResolve(routeTo, routeFrom, (...args) => {
|
||||
// If the user chose to redirect...
|
||||
if (args.length) {
|
||||
// If redirecting to the same route we're coming from...
|
||||
// Complete the redirect.
|
||||
next(...args)
|
||||
reject(new Error('Redirected'))
|
||||
} else {
|
||||
resolve()
|
||||
}
|
||||
})
|
||||
} else {
|
||||
// Otherwise, continue resolving the route.
|
||||
resolve()
|
||||
}
|
||||
})
|
||||
}
|
||||
// If a `beforeResolve` hook chose to redirect, just return.
|
||||
} catch (error) {
|
||||
return
|
||||
}
|
||||
|
||||
// If we reach this point, continue resolving the route.
|
||||
next()
|
||||
})
|
||||
|
||||
export default router
|
||||
|
||||
function configRoutes () {
|
||||
return [
|
||||
{
|
||||
path: '/',
|
||||
redirect: '/dashboard',
|
||||
name: 'Trang chủ',
|
||||
component: TheContainer,
|
||||
meta: {
|
||||
authRequired: true
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: 'dashboard',
|
||||
component: Dashboard
|
||||
},
|
||||
// Books
|
||||
{
|
||||
path: 'books',
|
||||
meta: {
|
||||
label: 'Sổ văn bản',
|
||||
},
|
||||
component: {
|
||||
render(c) {
|
||||
return c('router-view')
|
||||
}
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: '',
|
||||
name: 'Sổ văn bản',
|
||||
component: Books
|
||||
},
|
||||
{
|
||||
path: ':book',
|
||||
name: 'Chi tiết sổ',
|
||||
component: Documents,
|
||||
children: [
|
||||
{
|
||||
path: 'documents',
|
||||
name: 'Danh sách văn bản',
|
||||
component: Documents,
|
||||
},
|
||||
]
|
||||
},
|
||||
]
|
||||
},
|
||||
// Documents
|
||||
{
|
||||
path: 'documents',
|
||||
meta: {
|
||||
label: 'Văn bản',
|
||||
},
|
||||
component: {
|
||||
render(c) {
|
||||
return c('router-view')
|
||||
}
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: '',
|
||||
name: 'Danh sách',
|
||||
component: Documents
|
||||
},
|
||||
{
|
||||
path: 'create',
|
||||
name: 'Tạo mới',
|
||||
component: DocumentCreate
|
||||
},
|
||||
{
|
||||
path: ':document',
|
||||
name: 'Chi tiết',
|
||||
component: Document,
|
||||
},
|
||||
]
|
||||
},
|
||||
// Statistic
|
||||
{
|
||||
path: 'statistic',
|
||||
name: 'Thống kê',
|
||||
component: Statistic
|
||||
},
|
||||
|
||||
//
|
||||
{
|
||||
path: 'theme',
|
||||
redirect: '/theme/colors',
|
||||
name: 'Theme',
|
||||
component: {
|
||||
render (c) { return c('router-view') }
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: 'colors',
|
||||
name: 'Colors',
|
||||
component: Colors
|
||||
},
|
||||
{
|
||||
path: 'typography',
|
||||
name: 'Typography',
|
||||
component: Typography
|
||||
},
|
||||
{
|
||||
path: 'ckeditor',
|
||||
name: 'CKEditor',
|
||||
component: CKEditor
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
path: 'charts',
|
||||
name: 'Charts',
|
||||
component: Charts
|
||||
},
|
||||
{
|
||||
path: 'widgets',
|
||||
name: 'Widgets',
|
||||
component: Widgets
|
||||
},
|
||||
{
|
||||
path: 'me',
|
||||
name: 'Profile',
|
||||
meta: {
|
||||
label: 'Cá nhân'
|
||||
},
|
||||
component: Me
|
||||
},
|
||||
{
|
||||
path: 'users',
|
||||
meta: {
|
||||
label: 'Người dùng'
|
||||
},
|
||||
component: {
|
||||
render(c) {
|
||||
return c('router-view')
|
||||
}
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: '',
|
||||
name: 'Danh sách',
|
||||
component: Users
|
||||
},
|
||||
{
|
||||
path: 'create',
|
||||
meta: {
|
||||
label: 'Tạo mới'
|
||||
},
|
||||
name: 'Create User',
|
||||
component: CreateUser
|
||||
},
|
||||
{
|
||||
path: ':id',
|
||||
meta: {
|
||||
label: 'Chi tiết'
|
||||
},
|
||||
name: 'User',
|
||||
component: User
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
path: 'titles',
|
||||
name: 'Chức danh',
|
||||
component: Titles
|
||||
},
|
||||
{
|
||||
path: 'departments',
|
||||
name: 'Phòng ban',
|
||||
component: Departments
|
||||
},
|
||||
{
|
||||
path: 'signers',
|
||||
name: 'Người ký',
|
||||
component: Signers
|
||||
},
|
||||
{
|
||||
path: 'publishers',
|
||||
name: 'Nơi ban hành',
|
||||
component: Publishers
|
||||
},
|
||||
{
|
||||
path: 'document-types',
|
||||
name: 'Loại văn bản',
|
||||
component: DocumentTypes
|
||||
},
|
||||
{
|
||||
path: 'roles',
|
||||
name: 'Nhóm',
|
||||
component: Groups
|
||||
},
|
||||
{
|
||||
path: 'permissions',
|
||||
name: 'Quyền',
|
||||
component: Permissions
|
||||
},
|
||||
{
|
||||
path: 'base',
|
||||
redirect: '/base/cards',
|
||||
name: 'Base',
|
||||
component: {
|
||||
render (c) { return c('router-view') }
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: 'cards',
|
||||
name: 'Cards',
|
||||
component: Cards
|
||||
},
|
||||
{
|
||||
path: 'forms',
|
||||
name: 'Forms',
|
||||
component: Forms
|
||||
},
|
||||
{
|
||||
path: 'switches',
|
||||
name: 'Switches',
|
||||
component: Switches
|
||||
},
|
||||
{
|
||||
path: 'tables',
|
||||
name: 'Tables',
|
||||
component: Tables
|
||||
},
|
||||
{
|
||||
path: 'tabs',
|
||||
name: 'Tabs',
|
||||
component: Tabs
|
||||
},
|
||||
{
|
||||
path: 'breadcrumbs',
|
||||
name: 'Breadcrumbs',
|
||||
component: Breadcrumbs
|
||||
},
|
||||
{
|
||||
path: 'carousels',
|
||||
name: 'Carousels',
|
||||
component: Carousels
|
||||
},
|
||||
{
|
||||
path: 'collapses',
|
||||
name: 'Collapses',
|
||||
component: Collapses
|
||||
},
|
||||
{
|
||||
path: 'jumbotrons',
|
||||
name: 'Jumbotrons',
|
||||
component: Jumbotrons
|
||||
},
|
||||
{
|
||||
path: 'list-groups',
|
||||
name: 'List Groups',
|
||||
component: ListGroups
|
||||
},
|
||||
{
|
||||
path: 'navs',
|
||||
name: 'Navs',
|
||||
component: Navs
|
||||
},
|
||||
{
|
||||
path: 'navbars',
|
||||
name: 'Navbars',
|
||||
component: Navbars
|
||||
},
|
||||
{
|
||||
path: 'paginations',
|
||||
name: 'Paginations',
|
||||
component: Paginations
|
||||
},
|
||||
{
|
||||
path: 'popovers',
|
||||
name: 'Popovers',
|
||||
component: Popovers
|
||||
},
|
||||
{
|
||||
path: 'progress-bars',
|
||||
name: 'Progress Bars',
|
||||
component: ProgressBars
|
||||
},
|
||||
{
|
||||
path: 'tooltips',
|
||||
name: 'Tooltips',
|
||||
component: Tooltips
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
path: 'buttons',
|
||||
redirect: '/buttons/standard-buttons',
|
||||
name: 'Buttons',
|
||||
component: {
|
||||
render (c) { return c('router-view') }
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: 'standard-buttons',
|
||||
name: 'Standard Buttons',
|
||||
component: StandardButtons
|
||||
},
|
||||
{
|
||||
path: 'button-groups',
|
||||
name: 'Button Groups',
|
||||
component: ButtonGroups
|
||||
},
|
||||
{
|
||||
path: 'dropdowns',
|
||||
name: 'Dropdowns',
|
||||
component: Dropdowns
|
||||
},
|
||||
{
|
||||
path: 'brand-buttons',
|
||||
name: 'Brand Buttons',
|
||||
component: BrandButtons
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
path: 'icons',
|
||||
redirect: '/icons/coreui-icons',
|
||||
name: 'CoreUI Icons',
|
||||
component: {
|
||||
render (c) { return c('router-view') }
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: 'coreui-icons',
|
||||
name: 'Icons library',
|
||||
component: CoreUIIcons
|
||||
},
|
||||
{
|
||||
path: 'brands',
|
||||
name: 'Brands',
|
||||
component: Brands
|
||||
},
|
||||
{
|
||||
path: 'flags',
|
||||
name: 'Flags',
|
||||
component: Flags
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
path: 'notifications',
|
||||
redirect: '/notifications/alerts',
|
||||
name: 'Notifications',
|
||||
component: {
|
||||
render (c) { return c('router-view') }
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: 'alerts',
|
||||
name: 'Alerts',
|
||||
component: Alerts
|
||||
},
|
||||
{
|
||||
path: 'badges',
|
||||
name: 'Badges',
|
||||
component: Badges
|
||||
},
|
||||
{
|
||||
path: 'modals',
|
||||
name: 'Modals',
|
||||
component: Modals
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
path: '/pages',
|
||||
redirect: '/pages/404',
|
||||
name: 'Pages',
|
||||
component: {
|
||||
render (c) { return c('router-view') }
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: '404',
|
||||
name: 'Page404',
|
||||
component: Page404
|
||||
},
|
||||
{
|
||||
path: '500',
|
||||
name: 'Page500',
|
||||
component: Page500
|
||||
},
|
||||
{
|
||||
path: 'login',
|
||||
name: 'Login',
|
||||
meta: {
|
||||
authRequired: false
|
||||
},
|
||||
component: Login
|
||||
},
|
||||
{
|
||||
path: 'register',
|
||||
name: 'Register',
|
||||
component: Register
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user