Files
InvoiceShelf/resources/scripts/features/admin/routes.ts
Darko Gjorgjijoski 7885bf9d11 feat(menu): priority-sorted menu groups, user-menu items, sidebar appearance toggle
Every main_menu entry moves from numeric group (1/2/3) to string-based group + group_label + priority. Groups now carry their own i18n label and child entries are sorted by an explicit priority field instead of config-array order, so module-contributed menu items can slot into any existing group at any position.

BootstrapController merges module-registered menu items into main_menu (previously they lived in a separate module_menu response key) and introduces a user_menu response key for items modules want to place in the avatar dropdown. The global store follows suit: moduleMenu becomes userMenu, menuGroups is a computed that sorts by priority, and hasActiveModules drops out.

New admin Appearance setting page with a single toggle for whether sidebar group labels render — so instances that prefer a compact sidebar can hide the Documents/Administration/Modules headings without losing the grouping itself. CompanyLayout watches route meta and re-bootstraps when the admin-mode flag flips so the sidebar repaints with the right menu on navigation across the admin boundary.

Test suites updated: module menu merging is asserted against main_menu (name: 'module-{slug}') rather than the old module_menu response; HelloWorldIntegrationTest verifies the schema translation path; CompanyModulesIndexTest covers the display_name attachment.
2026-04-11 00:30:00 +02:00

143 lines
4.0 KiB
TypeScript

import type { RouteRecordRaw } from 'vue-router'
import { adminModuleRoutes } from './modules/routes'
const CompanyLayout = () => import('../../layouts/CompanyLayout.vue')
const AdminDashboardView = () => import('./views/AdminDashboardView.vue')
const AdminCompaniesView = () => import('./views/AdminCompaniesView.vue')
const AdminCompanyEditView = () => import('./views/AdminCompanyEditView.vue')
const AdminUsersView = () => import('./views/AdminUsersView.vue')
const AdminUserEditView = () => import('./views/AdminUserEditView.vue')
const AdminSettingsView = () => import('./views/AdminSettingsView.vue')
const AdminMailConfigView = () => import('./views/settings/AdminMailConfigView.vue')
const AdminPdfGenerationView = () => import('./views/settings/AdminPdfGenerationView.vue')
const AdminBackupView = () => import('./views/settings/AdminBackupView.vue')
const AdminFileDiskView = () => import('./views/settings/AdminFileDiskView.vue')
const AdminFontView = () => import('./views/settings/AdminFontView.vue')
const AdminUpdateAppView = () => import('./views/settings/AdminUpdateAppView.vue')
const AdminAppearanceView = () => import('./views/settings/AdminAppearanceView.vue')
export const adminRoutes: RouteRecordRaw[] = [
{
path: '/admin/administration',
component: CompanyLayout,
meta: {
requiresAuth: true,
isSuperAdmin: true,
usesAdminBootstrap: true,
},
children: [
{
path: 'dashboard',
name: 'admin.dashboard',
component: AdminDashboardView,
meta: {
isSuperAdmin: true,
},
},
{
path: 'companies',
name: 'admin.companies.index',
component: AdminCompaniesView,
meta: {
isSuperAdmin: true,
},
},
{
path: 'companies/:id/edit',
name: 'admin.companies.edit',
component: AdminCompanyEditView,
meta: {
isSuperAdmin: true,
},
},
{
path: 'users',
name: 'admin.users.index',
component: AdminUsersView,
meta: {
isSuperAdmin: true,
},
},
{
path: 'users/:id/edit',
name: 'admin.users.edit',
component: AdminUserEditView,
meta: {
isSuperAdmin: true,
},
},
...adminModuleRoutes,
{
path: 'settings',
name: 'admin.settings',
component: AdminSettingsView,
meta: {
isSuperAdmin: true,
},
children: [
{
path: '',
redirect: 'mail-configuration',
},
{
path: 'mail-configuration',
name: 'admin.settings.mail',
meta: {
isSuperAdmin: true,
},
component: AdminMailConfigView,
},
{
path: 'pdf-generation',
name: 'admin.settings.pdf',
meta: {
isSuperAdmin: true,
},
component: AdminPdfGenerationView,
},
{
path: 'backup',
name: 'admin.settings.backup',
meta: {
isSuperAdmin: true,
},
component: AdminBackupView,
},
{
path: 'file-disk',
name: 'admin.settings.disk',
meta: {
isSuperAdmin: true,
},
component: AdminFileDiskView,
},
{
path: 'fonts',
name: 'admin.settings.fonts',
meta: {
isSuperAdmin: true,
},
component: AdminFontView,
},
{
path: 'update-app',
name: 'admin.settings.update',
meta: {
isSuperAdmin: true,
},
component: AdminUpdateAppView,
},
{
path: 'appearance',
name: 'admin.settings.appearance',
meta: {
isSuperAdmin: true,
},
component: AdminAppearanceView,
},
],
},
],
},
]