Files
InvoiceShelf/resources/scripts/api/services/bootstrap.service.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

58 lines
1.6 KiB
TypeScript

import { client } from '../client'
import { API } from '../endpoints'
import type { User, UserSetting } from '@/scripts/types/domain/user'
import type { Company } from '@/scripts/types/domain/company'
import type { Currency } from '@/scripts/types/domain/currency'
import type { Ability } from '@/scripts/types/domain/role'
export interface MenuItem {
title: string
name: string
link: string
icon: string
group: string
group_label?: string
priority?: number
ability?: string
}
export interface BootstrapResponse {
current_user: User
current_user_settings: Record<string, string>
current_user_abilities: Ability[]
companies: Company[]
current_company: Company | null
current_company_settings: Record<string, string>
current_company_currency: Currency | null
main_menu: MenuItem[]
setting_menu: MenuItem[]
config: Record<string, unknown>
global_settings: Record<string, string>
modules: string[]
user_menu?: Array<{ title: string; link: string; icon: string; priority: number; name: string }>
admin_mode?: boolean
pending_invitations?: Array<{
token: string
company_name: string
invited_by: string
email: string
}>
}
export interface CurrentCompanyResponse {
data: Company
}
export const bootstrapService = {
async bootstrap(adminMode?: boolean): Promise<BootstrapResponse> {
const url = adminMode ? `${API.BOOTSTRAP}?admin_mode=1` : API.BOOTSTRAP
const { data } = await client.get(url)
return data
},
async getCurrentCompany(): Promise<CurrentCompanyResponse> {
const { data } = await client.get(API.CURRENT_COMPANY)
return data
},
}