penambahan button back pada breadcrumb
This commit is contained in:
parent
3bd4e1df1c
commit
ee2b7e35e6
|
|
@ -1,12 +1,22 @@
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="content-header-left col-md-6 col-12 mb-2 breadcrumb-new" *ngIf="breadcrumb">
|
<div
|
||||||
<h3 class="content-header-title mb-0 d-inline-block">{{breadcrumb.mainlabel}}</h3>
|
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="row breadcrumbs-top d-inline-block">
|
||||||
<div class="breadcrumb-wrapper col-12">
|
<div class="breadcrumb-wrapper col-12">
|
||||||
<ol class="breadcrumb">
|
<ol class="breadcrumb">
|
||||||
<li class="breadcrumb-item" *ngFor="let link of breadcrumb.links">
|
<li class="breadcrumb-item" *ngFor="let link of breadcrumb.links">
|
||||||
<a *ngIf="link.isLink" routerLink="{{link.link}}">{{link.name}}</a>
|
<a *ngIf="link.isLink" routerLink="{{ link.link }}">{{
|
||||||
<span *ngIf="!link.isLink">{{link.name}}</span>
|
link.name
|
||||||
|
}}</a>
|
||||||
|
<span *ngIf="!link.isLink">{{ link.name }}</span>
|
||||||
</li>
|
</li>
|
||||||
</ol>
|
</ol>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -854,28 +854,7 @@ export const MenuSettingsConfig: MenuConfig = {
|
||||||
|
|
||||||
vertical_menu: {
|
vertical_menu: {
|
||||||
items: [
|
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',
|
// title: 'Templates',
|
||||||
// icon: 'la-television',
|
// 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',
|
title: 'Monitoring',
|
||||||
|
|
@ -955,6 +934,28 @@ export const MenuSettingsConfig: MenuConfig = {
|
||||||
},
|
},
|
||||||
|
|
||||||
{ section: 'APPS', icon: 'la-ellipsis-h' },
|
{ 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',
|
title: 'To Do',
|
||||||
icon: 'la-edit',
|
icon: 'la-edit',
|
||||||
|
|
@ -1645,31 +1646,31 @@ export const MenuSettingsConfig: MenuConfig = {
|
||||||
icon: 'la-pie-chart',
|
icon: 'la-pie-chart',
|
||||||
page: '/ngchartist/linecharts'
|
page: '/ngchartist/linecharts'
|
||||||
},
|
},
|
||||||
{
|
// {
|
||||||
title: 'Starter Kit',
|
// title: 'Starter Kit',
|
||||||
icon: 'la-puzzle-piece',
|
// icon: 'la-puzzle-piece',
|
||||||
page: 'https://modern-admin-8453e.firebaseapp.com/changelog',
|
// page: 'https://modern-admin-8453e.firebaseapp.com/changelog',
|
||||||
isStarterkitExternalLink: true,
|
// isStarterkitExternalLink: true,
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
title: 'Changelog',
|
// title: 'Changelog',
|
||||||
icon: 'la-file',
|
// icon: 'la-file',
|
||||||
page: '/changelog',
|
// page: '/changelog',
|
||||||
badge: { type: 'badge-danger', value: '3.5' }
|
// badge: { type: 'badge-danger', value: '3.5' }
|
||||||
},
|
// },
|
||||||
{ section: 'SUPPORT', icon: 'la-ellipsis-h' },
|
// { section: 'SUPPORT', icon: 'la-ellipsis-h' },
|
||||||
{
|
// {
|
||||||
title: 'Raise Support',
|
// title: 'Raise Support',
|
||||||
icon: 'la-support',
|
// icon: 'la-support',
|
||||||
page: 'https://pixinvent.ticksy.com/',
|
// page: 'https://pixinvent.ticksy.com/',
|
||||||
isExternalLink: true
|
// isExternalLink: true
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
title: 'Documentaion',
|
// title: 'Documentaion',
|
||||||
icon: 'la-text-height',
|
// icon: 'la-text-height',
|
||||||
page: 'https://modern-admin-docs.web.app/html/ltr/documentation/index.html',
|
// page: 'https://modern-admin-docs.web.app/html/ltr/documentation/index.html',
|
||||||
isExternalLink: true,
|
// isExternalLink: true,
|
||||||
}
|
// }
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -73,7 +73,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!--/ Sales and Expenses -->
|
<!--/ Sales and Expenses -->
|
||||||
<div class="row" matchHeight="card">
|
<div class="row">
|
||||||
<!-- Your Top Expenses -->
|
<!-- Your Top Expenses -->
|
||||||
<div class="col-lg-6 col-md-12">
|
<div class="col-lg-6 col-md-12">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
|
|
@ -118,45 +118,175 @@
|
||||||
</div>
|
</div>
|
||||||
<!-- Your Top Expenses -->
|
<!-- Your Top Expenses -->
|
||||||
<!-- Sales, Receipts and Dues -->
|
<!-- Sales, Receipts and Dues -->
|
||||||
<div
|
<div class="col-lg-6 col-md-12">
|
||||||
class="col-lg-6 col-md-12"
|
<div class="row">
|
||||||
*blockUI="'salesRecieptsDues'; message: 'Loading'"
|
<div class="col-xl-4 col-lg-6 col-12">
|
||||||
>
|
<div class="card pull-up">
|
||||||
<m-card
|
<div class="card-content">
|
||||||
[options]="options"
|
<div class="card-body card_padding">
|
||||||
(reloadFunction)="reloadSalesRecieptsDues($event)"
|
<div class="media d-flex">
|
||||||
>
|
<div class="media-body text-left">
|
||||||
<ng-container mCardHeaderTitle>
|
<h3 class="info">850</h3>
|
||||||
Sales, Receipts and Dues
|
<h6>Products Sold</h6>
|
||||||
</ng-container>
|
</div>
|
||||||
|
<div>
|
||||||
<ng-container mCardBody>
|
<i
|
||||||
<div class="px-0 py-0">
|
class="icon-basket-loaded info font-large-2 float-right"
|
||||||
<div class="table-responsive">
|
></i>
|
||||||
<table class="table table-hover">
|
</div>
|
||||||
<thead>
|
</div>
|
||||||
<tr>
|
<div class="mb-0 mt-1">
|
||||||
<th></th>
|
<ngb-progressbar
|
||||||
<th>Sales</th>
|
height="7px"
|
||||||
<th>Receipts</th>
|
width="100%"
|
||||||
<th>Due</th>
|
type="gradient-x-info"
|
||||||
</tr>
|
[value]="80"
|
||||||
</thead>
|
></ngb-progressbar>
|
||||||
<tbody>
|
</div>
|
||||||
<tr *ngFor="let element of Sales; index as i">
|
</div>
|
||||||
<td>
|
|
||||||
<b>{{ element.name }}</b>
|
|
||||||
</td>
|
|
||||||
<td>{{ element.sales }}</td>
|
|
||||||
<td>{{ element.receipts }}</td>
|
|
||||||
<td>{{ element.due }}</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</ng-container>
|
</div>
|
||||||
</m-card>
|
<div class="col-xl-4 col-lg-6 col-12">
|
||||||
|
<div class="card pull-up">
|
||||||
|
<div class="card-content">
|
||||||
|
<div class="card-body card_padding">
|
||||||
|
<div class="media d-flex">
|
||||||
|
<div class="media-body text-left">
|
||||||
|
<h3 class="warning">$748</h3>
|
||||||
|
<h6>Net Profit</h6>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<i
|
||||||
|
class="icon-pie-chart warning font-large-2 float-right"
|
||||||
|
></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="mb-0 mt-1">
|
||||||
|
<ngb-progressbar
|
||||||
|
height="7px"
|
||||||
|
width="100%"
|
||||||
|
type="gradient-x-warning"
|
||||||
|
[value]="65"
|
||||||
|
>
|
||||||
|
</ngb-progressbar>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-4 col-lg-6 col-12">
|
||||||
|
<div class="card pull-up">
|
||||||
|
<div class="card-content">
|
||||||
|
<div class="card-body card_padding">
|
||||||
|
<div class="media d-flex">
|
||||||
|
<div class="media-body text-left">
|
||||||
|
<h3 class="warning">$748</h3>
|
||||||
|
<h6>Net Profit</h6>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<i
|
||||||
|
class="icon-pie-chart warning font-large-2 float-right"
|
||||||
|
></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="mb-0 mt-1">
|
||||||
|
<ngb-progressbar
|
||||||
|
height="7px"
|
||||||
|
width="100%"
|
||||||
|
type="gradient-x-warning"
|
||||||
|
[value]="65"
|
||||||
|
>
|
||||||
|
</ngb-progressbar>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-4 col-lg-6 col-12">
|
||||||
|
<div class="card pull-up">
|
||||||
|
<div class="card-content">
|
||||||
|
<div class="card-body card_padding">
|
||||||
|
<div class="media d-flex">
|
||||||
|
<div class="media-body text-left">
|
||||||
|
<h3 class="info">850</h3>
|
||||||
|
<h6>Products Sold</h6>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<i
|
||||||
|
class="icon-basket-loaded info font-large-2 float-right"
|
||||||
|
></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="mb-0 mt-1">
|
||||||
|
<ngb-progressbar
|
||||||
|
height="7px"
|
||||||
|
width="100%"
|
||||||
|
type="gradient-x-info"
|
||||||
|
[value]="80"
|
||||||
|
></ngb-progressbar>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-4 col-lg-6 col-12">
|
||||||
|
<div class="card pull-up">
|
||||||
|
<div class="card-content">
|
||||||
|
<div class="card-body card_padding">
|
||||||
|
<div class="media d-flex">
|
||||||
|
<div class="media-body text-left">
|
||||||
|
<h3 class="warning">$748</h3>
|
||||||
|
<h6>Net Profit</h6>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<i
|
||||||
|
class="icon-pie-chart warning font-large-2 float-right"
|
||||||
|
></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="mb-0 mt-1">
|
||||||
|
<ngb-progressbar
|
||||||
|
height="7px"
|
||||||
|
width="100%"
|
||||||
|
type="gradient-x-warning"
|
||||||
|
[value]="65"
|
||||||
|
>
|
||||||
|
</ngb-progressbar>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-4 col-lg-6 col-12">
|
||||||
|
<div class="card pull-up">
|
||||||
|
<div class="card-content">
|
||||||
|
<div class="card-body card_padding">
|
||||||
|
<div class="media d-flex">
|
||||||
|
<div class="media-body text-left">
|
||||||
|
<h3 class="warning">$748</h3>
|
||||||
|
<h6>Net Profit</h6>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<i
|
||||||
|
class="icon-pie-chart warning font-large-2 float-right"
|
||||||
|
></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="mb-0 mt-1">
|
||||||
|
<ngb-progressbar
|
||||||
|
height="7px"
|
||||||
|
width="100%"
|
||||||
|
type="gradient-x-warning"
|
||||||
|
[value]="65"
|
||||||
|
>
|
||||||
|
</ngb-progressbar>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Sales, Receipts and Dues -->
|
<!-- Sales, Receipts and Dues -->
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -150,6 +150,8 @@ export class DetailComponent {
|
||||||
ngOnInit() {
|
ngOnInit() {
|
||||||
this.breadcrumb = {
|
this.breadcrumb = {
|
||||||
mainlabel: "Detail Monitoring",
|
mainlabel: "Detail Monitoring",
|
||||||
|
linkBack: '/monitoring',
|
||||||
|
isLinkBack: true,
|
||||||
links: [
|
links: [
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home",
|
||||||
|
|
|
||||||
|
|
@ -25,6 +25,8 @@ export class RoomComponent implements OnInit {
|
||||||
});
|
});
|
||||||
this.breadcrumb = {
|
this.breadcrumb = {
|
||||||
mainlabel: "Room",
|
mainlabel: "Room",
|
||||||
|
linkBack: '/monitoring',
|
||||||
|
isLinkBack: true,
|
||||||
links: [
|
links: [
|
||||||
{
|
{
|
||||||
name: "Dashboard",
|
name: "Dashboard",
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue