fuzi_fauzia/hemat_solution
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

penambahan button back pada breadcrumb

Browse Source
This commit is contained in:
Fuzi_fauzia
2024-04-26 15:28:14 +07:00
parent 3bd4e1df1c
commit ee2b7e35e6
5 changed files with 235 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files

206
src/app/content/hemat-app/monitoring/detail/detail.component.html
View File

@@ -73,7 +73,7 @@
</div>
</div>
<!--/ Sales and Expenses -->
<div class="row" matchHeight="card">
<div class="row">
<!-- Your Top Expenses -->
<div class="col-lg-6 col-md-12">
<div class="card">
@@ -118,45 +118,175 @@
</div>
<!-- Your Top Expenses -->
<!-- Sales, Receipts and Dues -->
<div
class="col-lg-6 col-md-12"
*blockUI="'salesRecieptsDues'; message: 'Loading'"
>
<m-card
[options]="options"
(reloadFunction)="reloadSalesRecieptsDues($event)"
>
<ng-container mCardHeaderTitle>
Sales, Receipts and Dues
</ng-container>
<ng-container mCardBody>
<div class="px-0 py-0">
<div class="table-responsive">
<table class="table table-hover">
<thead>
<tr>
<th></th>
<th>Sales</th>
<th>Receipts</th>
<th>Due</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let element of Sales; index as i">
<td>
<b>{{ element.name }}</b>
</td>
<td>{{ element.sales }}</td>
<td>{{ element.receipts }}</td>
<td>{{ element.due }}</td>
</tr>
</tbody>
</table>
<div class="col-lg-6 col-md-12">
<div class="row">
<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>
</ng-container>
</m-card>
</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 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>
<!-- Sales, Receipts and Dues -->
</div>

2
src/app/content/hemat-app/monitoring/detail/detail.component.ts
View File

@@ -150,6 +150,8 @@ export class DetailComponent {
ngOnInit() {
this.breadcrumb = {
mainlabel: "Detail Monitoring",
linkBack: '/monitoring',
isLinkBack: true,
links: [
{
name: "Home",