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.
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

View File

@@ -144,13 +144,30 @@
</BaseDropdownItem>
</router-link>
<router-link
v-for="item in globalStore.userMenu"
:key="item.name"
:to="item.link"
>
<BaseDropdownItem>
<BaseIcon
:name="item.icon"
class="w-5 h-5 mr-3 text-subtle group-hover:text-muted"
aria-hidden="true"
/>
{{ item.title }}
</BaseDropdownItem>
</router-link>
<div class="my-1 border-t border-line-light" />
<BaseDropdownItem @click="logout">
<BaseIcon
name="ArrowRightOnRectangleIcon"
class="w-5 h-5 mr-3 text-subtle group-hover:text-muted"
class="w-5 h-5 mr-3 text-red-400"
aria-hidden="true"
/>
{{ $t('navigation.logout') }}
<span class="text-red-600">{{ $t('navigation.logout') }}</span>
</BaseDropdownItem>
</BaseDropdown>
</li>