enhance (layout): adjust base layout

This commit is contained in:
Abizrh
2025-08-10 15:49:31 +07:00
parent 53e9658424
commit cb77624026
4 changed files with 90 additions and 45 deletions

No files matched your search

+61 -13
View File
@@ -4,15 +4,57 @@ const navMenu: any[] = [
heading: 'Menu Utama',
items: [
{
title: 'Home',
title: 'Dashboard',
icon: 'i-lucide-home',
link: '/',
},
{
title: 'Pasien',
icon: 'i-lucide-home',
icon: 'i-lucide-users',
link: '/patient',
},
{
title: 'Rehabilitasi Medik',
icon: 'i-lucide-heart',
link: '/rehabilitasi',
},
{
title: 'Rawat Jalan',
icon: 'i-lucide-stethoscope',
link: '/rawat-jalan',
},
{
title: 'Rawat Inap',
icon: 'i-lucide-building-2',
link: '/rawat-inap',
},
{
title: 'VClaim BPJS',
icon: 'i-lucide-refresh-cw',
link: '/vclaim',
badge: 'Live',
},
{
title: 'SATUSEHAT',
icon: 'i-lucide-database',
link: '/satusehat',
badge: 'FHIR',
},
{
title: 'Medical Records',
icon: 'i-lucide-file-text',
link: '/medical-records',
},
{
title: 'Laporan',
icon: 'i-lucide-clipboard-list',
link: '/laporan',
},
{
title: 'Monitoring',
icon: 'i-lucide-bar-chart-3',
link: '/monitoring',
},
],
},
]
@@ -43,15 +85,15 @@ const teams: {
},
]
const user: {
name: string
email: string
avatar: string
} = {
name: 'John Doe',
email: '[email protected]',
avatar: '/avatars/avatartion.png',
}
// const user: {
// name: string
// email: string
// avatar: string
// } = {
// name: '',
// email: '',
// avatar: '/',
// }
// const { sidebar } = useAppSettings()
const sidebar = {
@@ -72,7 +114,13 @@ const sidebar = {
<SidebarGroupLabel v-if="nav.heading">
{{ nav.heading }}
</SidebarGroupLabel>
<component :is="resolveNavItemComponent(item)" v-for="(item, index) in nav.items" :key="index" :item="item" />
<component
:is="resolveNavItemComponent(item)"
v-for="(item, index) in nav.items"
:key="index"
:item="item"
class="mb-2"
/>
</SidebarGroup>
<SidebarGroup class="mt-auto">
<component
@@ -85,7 +133,7 @@ const sidebar = {
</SidebarGroup>
</SidebarContent>
<SidebarFooter>
<LayoutSidebarNavFooter :user="user" />
<LayoutSidebarNavFooter />
</SidebarFooter>
<SidebarRail />
</Sidebar>