modoboa/frontend/src/router/index.js

import { createRouter, createWebHistory } from 'vue-router'
import { useAuthStore } from '@/stores'
import constants from '@/constants.json'

const routes = [
  {
    path: '/login',
    component: () => import('@/layouts/empty/EmptyLayout.vue'),
    children: [
      {
        path: '',
        name: 'Login',
        component: () => import('@/views/login/LoginView.vue'),
      },
      {
        path: 'logged',
        name: 'LoginCallback',
        component: () => import('@/views/login/LoginCallbackView.vue'),
        props: {
          redirectUrl: '/admin',
        },
      },
    ],
  },
  {
    path: '/admin',
    component: () => import('@/layouts/admin/AdminLayout.vue'),
    meta: {
      allowedRoles: [
        constants.DOMAIN_ADMIN,
        constants.RESELLER,
        constants.SUPER_ADMIN,
      ],
    },
    children: [
      {
        path: '',
        name: 'Dashboard',
        component: () => import('@/views/DashboardView.vue'),
        meta: {
          requiresAuth: true,
        },
      },
      {
        path: 'domains',
        component: () => import('@/layouts/empty/EmptyLayout.vue'),
        meta: {
          requiresAuth: true,
          allowedRoles: [
            constants.DOMAIN_ADMIN,
            constants.RESELLER,
            constants.SUPER_ADMIN,
          ],
        },
        children: [
          {
            path: '',
            name: 'DomainList',
            component: () => import('@/views/admin/domains/DomainsView.vue'),
            meta: {
              requiresAuth: true,
              allowedRoles: [
                constants.DOMAIN_ADMIN,
                constants.RESELLER,
                constants.SUPER_ADMIN,
              ],
            },
          },
          {
            path: ':id',
            name: 'DomainDetail',
            meta: {
              requiresAuth: true,
              allowedRoles: [
                constants.DOMAIN_ADMIN,
                constants.RESELLER,
                constants.SUPER_ADMIN,
              ],
            },
            component: () => import('@/views/admin/domains/DomainView.vue'),
          },
          {
            path: ':id/edit',
            name: 'DomainEdit',
            meta: {
              requiresAuth: true,
              allowedRoles: [
                constants.DOMAIN_ADMIN,
                constants.RESELLER,
                constants.SUPER_ADMIN,
              ],
            },
            component: () => import('@/views/admin/domains/DomainEditView.vue'),
          },
        ],
      },
      {
        path: 'imap_migration',
        component: () => import('@/layouts/empty/EmptyLayout.vue'),
        meta: {
          requiresAuth: true,
          allowedRoles: [
            constants.DOMAIN_ADMIN,
            constants.RESELLER,
            constants.SUPER_ADMIN,
          ],
        },
        children: [
          {
            path: 'migrations',
            name: 'MigrationsList',
            component: () =>
              import('@/views/admin/imap_migration/MigrationsView.vue'),
            meta: {
              requiresAuth: true,
              allowedRoles: [constants.RESELLER, constants.SUPER_ADMIN],
            },
          },
          {
            path: 'providers',
            component: () => import('@/layouts/empty/EmptyLayout.vue'),
            meta: {
              requiresAuth: true,
              allowedRoles: [constants.RESELLER, constants.SUPER_ADMIN],
            },
            children: [
              {
                path: '',
                name: 'ProvidersList',
                component: () =>
                  import('@/views/admin/imap_migration/ProvidersView.vue'),
                meta: {
                  requiresAuth: true,
                  allowedRoles: [constants.RESELLER, constants.SUPER_ADMIN],
                },
              },
              {
                path: 'providers/:id/edit',
                name: 'ProviderEdit',
                component: () =>
                  import('@/views/admin/imap_migration/ProviderEditView.vue'),
                meta: {
                  requiresAuth: true,
                  allowedRoles: [constants.RESELLER, constants.SUPER_ADMIN],
                },
              },
            ],
          },
        ],
      },
      {
        path: 'identities',
        component: () => import('@/layouts/empty/EmptyLayout.vue'),
        meta: {
          requiresAuth: true,
          allowedRoles: [
            constants.DOMAIN_ADMIN,
            constants.RESELLER,
            constants.SUPER_ADMIN,
          ],
        },
        children: [
          {
            path: '',
            name: 'Identities',
            component: () =>
              import('@/views/admin/identities/IdentitiesView.vue'),
            meta: {
              requiresAuth: true,
              allowedRoles: [
                constants.DOMAIN_ADMIN,
                constants.RESELLER,
                constants.SUPER_ADMIN,
              ],
            },
          },
          {
            path: 'accounts/:id',
            name: 'AccountDetail',
            component: () => import('@/views/admin/identities/AccountView.vue'),
            meta: {
              requiresAuth: true,
              allowedRoles: [
                constants.DOMAIN_ADMIN,
                constants.RESELLER,
                constants.SUPER_ADMIN,
              ],
            },
          },
          {
            path: 'accounts/:id/edit',
            name: 'AccountEdit',
            component: () =>
              import('@/views/admin/identities/AccountEditView.vue'),
            meta: {
              requiresAuth: true,
              allowedRoles: [
                constants.DOMAIN_ADMIN,
                constants.RESELLER,
                constants.SUPER_ADMIN,
              ],
            },
          },
          {
            path: 'aliases/:id',
            name: 'AliasDetail',
            component: () => import('@/views/admin/identities/AliasView.vue'),
            meta: {
              requiresAuth: true,
              allowedRoles: [
                constants.DOMAIN_ADMIN,
                constants.RESELLER,
                constants.SUPER_ADMIN,
              ],
            },
          },
          {
            path: 'aliases/:id/edit',
            name: 'AliasEdit',
            component: () =>
              import('@/views/admin/identities/AliasEditView.vue'),
            meta: {
              requiresAuth: true,
              allowedRoles: [
                constants.DOMAIN_ADMIN,
                constants.RESELLER,
                constants.SUPER_ADMIN,
              ],
            },
          },
        ],
      },
      {
        path: 'parameters/:app',
        name: 'ParametersEdit',
        component: () => import('@/views/admin/ParametersView.vue'),
        meta: {
          requiresAuth: true,
          allowedRoles: [constants.SUPER_ADMIN],
        },
      },
      {
        path: 'alarms',
        name: 'Alarms',
        component: () => import('@/views/admin/alarms/AlarmsView.vue'),
        meta: {
          requiresAuth: true,
        },
      },
      {
        path: 'monitoring/statistics',
        name: 'Statistics',
        component: () => import('@/views/admin/monitoring/StatisticsView.vue'),
        meta: {
          requiresAuth: true,
          allowedRoles: [constants.SUPER_ADMIN],
        },
      },
      {
        path: 'monitoring/audit_trail',
        name: 'AuditTrail',
        component: () => import('@/views/admin/monitoring/AuditTrailView.vue'),
        meta: {
          requiresAuth: true,
          allowedRoles: [constants.SUPER_ADMIN],
        },
      },
      {
        path: 'monitoring/messages',
        name: 'MessageLog',
        component: () => import('@/views/admin/monitoring/MessagesView.vue'),
        meta: {
          requiresAuth: true,
          allowedRoles: [constants.DOMAIN_ADMIN, constants.SUPER_ADMIN],
        },
      },
      {
        path: 'information',
        name: 'Information',
        component: () => import('@/views/admin/InformationView.vue'),
        meta: {
          requiresAuth: true,
          allowedRoles: [constants.SUPER_ADMIN],
        },
      },
    ],
  },
  {
    path: '/account',
    component: () => import('@/layouts/account/AccountLayout.vue'),
    meta: {
      requiresAuth: true,
    },
    children: [
      {
        path: 'filters/:filterset?',
        name: 'AccountFilters',
        component: () => import('@/views/account/FiltersView.vue'),
        meta: {
          requiresAuth: true,
          requiresMailbox: true,
        },
      },
      {
        path: 'parameters/:app',
        name: 'AccountParametersEdit',
        component: () => import('@/views/account/ParametersView.vue'),
        meta: {
          requiresAuth: true,
        },
      },
      {
        path: ':tab?',
        name: 'AccountSettings',
        component: () => import('@/views/account/SettingsView.vue'),
        meta: {
          requiresAuth: true,
        },
      },
    ],
  },
  {
    path: '/user',
    meta: {
      requiresAuth: true,
    },
    children: [
      {
        path: '',
        name: 'UserDashboard',
        component: () => import('@/views/DashboardView.vue'),
        meta: {
          requiresAuth: true,
        },
      },
      {
        path: 'contacts',
        component: () => import('@/layouts/user/UserLayout.vue'),
        meta: {
          requiresAuth: true,
          requiresMailbox: true,
        },
        children: [
          {
            path: ':category?',
            name: 'ContactList',
            component: () => import('@/views/contacts/AddressBook.vue'),
            meta: {
              requiresAuth: true,
            },
          },
        ],
      },
      {
        path: 'calendars',
        component: () => import('@/layouts/user/UserLayout.vue'),
        meta: {
          requiresAuth: true,
          requiresMailbox: true,
        },
        children: [
          {
            path: '',
            name: 'CalendarView',
            component: () => import('@/views/calendars/CalendarView.vue'),
            meta: {
              requiresAuth: true,
              requiresMailbox: true,
            },
          },
        ],
      },
      {
        path: 'webmail',
        component: () => import('@/layouts/webmail/WebmailLayout.vue'),
        meta: {
          requiresAuth: true,
          requiresMailbox: true,
        },
        children: [
          {
            path: '',
            name: 'MailboxView',
            component: () => import('@/views/webmail/MailboxView.vue'),
            meta: {
              requiresAuth: true,
              requiresMailbox: true,
            },
          },
          {
            path: 'view',
            name: 'EmailView',
            component: () => import('@/views/webmail/EmailView.vue'),
            meta: {
              requiresAuth: true,
              requiresMailbox: true,
            },
          },
          {
            path: 'compose',
            name: 'ComposeEmailView',
            component: () => import('@/views/webmail/ComposeEmailView.vue'),
            meta: {
              requiresAuth: true,
              requiresMailbox: true,
            },
          },
          {
            path: 'reply',
            name: 'ReplyEmailView',
            component: () => import('@/views/webmail/ReplyEmailView.vue'),
            meta: {
              requiresAuth: true,
              requiresMailbox: true,
            },
          },
          {
            path: 'forward',
            name: 'ForwardEmailView',
            component: () => import('@/views/webmail/ForwardEmailView.vue'),
            meta: {
              requiresAuth: true,
              requiresMailbox: true,
            },
          },
        ],
      },
    ],
  },
  {
    path: '/:pathMatch(.*)*',
    name: 'NotFound',
    redirect: { name: 'Dashboard', params: {} },
  },
]

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes,
})

router.beforeEach(async (to, from, next) => {
  if (to.meta.requiresAuth !== undefined) {
    const previousPage = window.location.href
    sessionStorage.setItem('previousPage', previousPage)
    const authStore = useAuthStore()
    if (!authStore.authUser) {
      await authStore.initialize()
    }
    const isAuth = await authStore.validateAccess()
    if (isAuth) {
      if (to.meta.allowedRoles !== undefined) {
        if (to.meta.allowedRoles.indexOf(authStore.authUser.role) === -1) {
          next({ name: 'AccountSettings' })
          return
        }
      }
      if (to.meta.requiresMailbox && !authStore.authUser.mailbox) {
        next({ name: 'Dashboard' })
        return
      }
    } else {
      next({ name: 'Login' })
      return
    }
  }
  next()
})

export default router