mirror of
https://github.com/InvoiceShelf/InvoiceShelf.git
synced 2026-04-15 09:14:08 +00:00
7885bf9d11
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.
128 lines
3.2 KiB
Vue
128 lines
3.2 KiB
Vue
<template>
|
|
<BasePage>
|
|
<BasePageHeader :title="$t('administration.settings.title')" class="mb-6">
|
|
<BaseBreadcrumb>
|
|
<BaseBreadcrumbItem :title="$t('general.home')" to="/admin/dashboard" />
|
|
<BaseBreadcrumbItem
|
|
:title="$t('administration.settings.title')"
|
|
to="#"
|
|
active
|
|
/>
|
|
</BaseBreadcrumb>
|
|
</BasePageHeader>
|
|
|
|
<div class="w-full mb-6 select-wrapper xl:hidden">
|
|
<BaseMultiselect
|
|
v-model="currentSetting"
|
|
:options="menuItems"
|
|
:can-deselect="false"
|
|
value-prop="title"
|
|
track-by="title"
|
|
label="title"
|
|
object
|
|
@update:model-value="navigateToSetting"
|
|
/>
|
|
</div>
|
|
|
|
<div class="flex gap-8">
|
|
<div class="hidden mt-1 xl:block min-w-[240px] sticky top-20 self-start">
|
|
<BaseList>
|
|
<BaseListItem
|
|
v-for="(menuItem, index) in menuItems"
|
|
:key="index"
|
|
:title="menuItem.title"
|
|
:to="menuItem.link"
|
|
:active="hasActiveUrl(menuItem.link)"
|
|
:index="index"
|
|
class="py-3"
|
|
>
|
|
<template #icon>
|
|
<BaseIcon :name="menuItem.icon" />
|
|
</template>
|
|
</BaseListItem>
|
|
</BaseList>
|
|
</div>
|
|
|
|
<div class="w-full overflow-visible">
|
|
<RouterView />
|
|
</div>
|
|
</div>
|
|
</BasePage>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { ref, computed, watchEffect } from 'vue'
|
|
import { useRoute, useRouter, RouterView } from 'vue-router'
|
|
import { useI18n } from 'vue-i18n'
|
|
|
|
interface SettingsMenuItem {
|
|
title: string
|
|
link: string
|
|
icon: string
|
|
}
|
|
|
|
const { t } = useI18n()
|
|
const route = useRoute()
|
|
const router = useRouter()
|
|
|
|
const currentSetting = ref<SettingsMenuItem | undefined>(undefined)
|
|
|
|
const menuItems = computed<SettingsMenuItem[]>(() => [
|
|
{
|
|
title: t('settings.mail.mail_config'),
|
|
link: '/admin/administration/settings/mail-configuration',
|
|
icon: 'EnvelopeIcon',
|
|
},
|
|
{
|
|
title: t('settings.menu_title.pdf_generation'),
|
|
link: '/admin/administration/settings/pdf-generation',
|
|
icon: 'DocumentIcon',
|
|
},
|
|
{
|
|
title: t('settings.menu_title.backup'),
|
|
link: '/admin/administration/settings/backup',
|
|
icon: 'CircleStackIcon',
|
|
},
|
|
{
|
|
title: t('settings.menu_title.file_disk'),
|
|
link: '/admin/administration/settings/file-disk',
|
|
icon: 'FolderIcon',
|
|
},
|
|
{
|
|
title: t('settings.menu_title.fonts'),
|
|
link: '/admin/administration/settings/fonts',
|
|
icon: 'LanguageIcon',
|
|
},
|
|
{
|
|
title: t('settings.menu_title.update_app'),
|
|
link: '/admin/administration/settings/update-app',
|
|
icon: 'ArrowPathIcon',
|
|
},
|
|
{
|
|
title: t('settings.menu_title.appearance'),
|
|
link: '/admin/administration/settings/appearance',
|
|
icon: 'PaintBrushIcon',
|
|
},
|
|
])
|
|
|
|
watchEffect(() => {
|
|
if (route.path === '/admin/administration/settings') {
|
|
router.push('/admin/administration/settings/mail-configuration')
|
|
}
|
|
|
|
const item = menuItems.value.find((item) => {
|
|
return route.path.indexOf(item.link) > -1
|
|
})
|
|
|
|
currentSetting.value = item
|
|
})
|
|
|
|
function hasActiveUrl(url: string): boolean {
|
|
return route.path.indexOf(url) > -1
|
|
}
|
|
|
|
function navigateToSetting(setting: SettingsMenuItem): void {
|
|
router.push(setting.link)
|
|
}
|
|
</script>
|