Files
InvoiceShelf/resources/scripts/features/admin/views/settings/AdminAppearanceView.vue
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

38 lines
1023 B
Vue

<script setup lang="ts">
import { computed } from 'vue'
import { useI18n } from 'vue-i18n'
import { useGlobalStore } from '@/scripts/stores/global.store'
const { t } = useI18n()
const globalStore = useGlobalStore()
const showSidebarGroupLabels = computed<boolean>({
get: () => globalStore.globalSettings?.show_sidebar_group_labels === 'YES',
set: async (enabled) => {
await globalStore.updateGlobalSettings({
data: {
settings: {
show_sidebar_group_labels: enabled ? 'YES' : 'NO',
},
},
message: t('general.setting_updated'),
})
},
})
</script>
<template>
<BaseSettingCard
:title="$t('settings.appearance.title')"
:description="$t('settings.appearance.description')"
>
<div class="mt-14">
<BaseSwitchSection
v-model="showSidebarGroupLabels"
:title="$t('settings.appearance.sidebar_group_labels')"
:description="$t('settings.appearance.sidebar_group_labels_desc')"
/>
</div>
</BaseSettingCard>
</template>