QT/InvoiceShelf
1
0
Fork 0
mirror of https://github.com/InvoiceShelf/InvoiceShelf.git synced 2026-04-19 19:24:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(menu): priority-sorted menu groups, user-menu items, sidebar appearance toggle

Browse Source 
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.
This commit is contained in:
Darko Gjorgjijoski
2026-04-11 00:30:00 +02:00
parent 345bfde306
commit 7885bf9d11
17 changed files with 246 additions and 148 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
resources/scripts/layouts/CompanyLayout.vue
View File

@@ -29,7 +29,7 @@
<script setup lang="ts">
import { useI18n } from 'vue-i18n'
import { onMounted, computed } from 'vue'
import { onMounted, computed, watch } from 'vue'
import { useRoute, useRouter } from 'vue-router'
import { useGlobalStore } from '@/scripts/stores/global.store'
import { useUserStore } from '@/scripts/stores/user.store'
@@ -63,6 +63,10 @@ const hasCompany = computed<boolean>(() => {
return !!companyStore.selectedCompany || companyStore.isAdminMode
})
const usesAdminBootstrap = computed<boolean>(() => {
return route.meta.usesAdminBootstrap === true
})
async function initializeLayout(): Promise<void> {
const meta = route.meta as RouteMeta
const res = await globalStore.bootstrap({
@@ -102,4 +106,10 @@ async function initializeLayout(): Promise<void> {
onMounted(() => {
void initializeLayout()
})
watch(usesAdminBootstrap, (isAdminBootstrap, previousValue) => {
if (previousValue !== undefined && isAdminBootstrap !== previousValue) {
void initializeLayout()
}
})
</script>