penambahan button back pada breadcrumb

This commit is contained in:
2024-04-26 15:28:14 +07:00
parent 3bd4e1df1c
commit ee2b7e35e6
5 changed files with 235 additions and 90 deletions

View File

@@ -1,12 +1,22 @@
<div class="row">
<div class="content-header-left col-md-6 col-12 mb-2 breadcrumb-new" *ngIf="breadcrumb">
<h3 class="content-header-title mb-0 d-inline-block">{{breadcrumb.mainlabel}}</h3>
<div
class="content-header-left col-md-6 col-12 mb-2 breadcrumb-new"
*ngIf="breadcrumb"
>
<button *ngIf="breadcrumb.isLinkBack" type="button" class="btn btn-icon btn-pure secondary mr-1" routerLink="{{ breadcrumb.linkBack }}">
<i class="feather ft-chevron-left"></i>
</button>
<h3 class="content-header-title mb-0 d-inline-block">
{{ breadcrumb.mainlabel }}
</h3>
<div class="row breadcrumbs-top d-inline-block">
<div class="breadcrumb-wrapper col-12">
<ol class="breadcrumb">
<li class="breadcrumb-item" *ngFor="let link of breadcrumb.links">
<a *ngIf="link.isLink" routerLink="{{link.link}}">{{link.name}}</a>
<span *ngIf="!link.isLink">{{link.name}}</span>
<a *ngIf="link.isLink" routerLink="{{ link.link }}">{{
link.name
}}</a>
<span *ngIf="!link.isLink">{{ link.name }}</span>
</li>
</ol>
</div>

View File

@@ -854,28 +854,7 @@ export const MenuSettingsConfig: MenuConfig = {
vertical_menu: {
items: [
{
title: 'Dashboard',
icon: 'la-home',
page: 'null',
badge: { type: 'badge-info', value: '3' },
submenu: {
items: [
{
title: 'Sales',
page: '/dashboard/sales'
},
{
title: 'Ecommerce',
page: '/dashboard/ecommerce'
},
{
title: 'Hospital',
page: '/dashboard/hospital'
}
]
}
},
// {
// title: 'Templates',
// icon: 'la-television',
@@ -894,7 +873,7 @@ export const MenuSettingsConfig: MenuConfig = {
// }
// },
{ section: 'Hemat', icon: 'la-ellipsis-h' },
// { section: 'Hemat', icon: 'la-ellipsis-h' },
{
title: 'Monitoring',
@@ -955,6 +934,28 @@ export const MenuSettingsConfig: MenuConfig = {
},
{ section: 'APPS', icon: 'la-ellipsis-h' },
{
title: 'Dashboard',
icon: 'la-home',
page: 'null',
badge: { type: 'badge-info', value: '3' },
submenu: {
items: [
{
title: 'Sales',
page: '/dashboard/sales'
},
{
title: 'Ecommerce',
page: '/dashboard/ecommerce'
},
{
title: 'Hospital',
page: '/dashboard/hospital'
}
]
}
},
{
title: 'To Do',
icon: 'la-edit',
@@ -1645,31 +1646,31 @@ export const MenuSettingsConfig: MenuConfig = {
icon: 'la-pie-chart',
page: '/ngchartist/linecharts'
},
{
title: 'Starter Kit',
icon: 'la-puzzle-piece',
page: 'https://modern-admin-8453e.firebaseapp.com/changelog',
isStarterkitExternalLink: true,
},
{
title: 'Changelog',
icon: 'la-file',
page: '/changelog',
badge: { type: 'badge-danger', value: '3.5' }
},
{ section: 'SUPPORT', icon: 'la-ellipsis-h' },
{
title: 'Raise Support',
icon: 'la-support',
page: 'https://pixinvent.ticksy.com/',
isExternalLink: true
},
{
title: 'Documentaion',
icon: 'la-text-height',
page: 'https://modern-admin-docs.web.app/html/ltr/documentation/index.html',
isExternalLink: true,
}
// {
// title: 'Starter Kit',
// icon: 'la-puzzle-piece',
// page: 'https://modern-admin-8453e.firebaseapp.com/changelog',
// isStarterkitExternalLink: true,
// },
// {
// title: 'Changelog',
// icon: 'la-file',
// page: '/changelog',
// badge: { type: 'badge-danger', value: '3.5' }
// },
// { section: 'SUPPORT', icon: 'la-ellipsis-h' },
// {
// title: 'Raise Support',
// icon: 'la-support',
// page: 'https://pixinvent.ticksy.com/',
// isExternalLink: true
// },
// {
// title: 'Documentaion',
// icon: 'la-text-height',
// page: 'https://modern-admin-docs.web.app/html/ltr/documentation/index.html',
// isExternalLink: true,
// }
]
}