74 lines
3.6 KiB
HTML
74 lines
3.6 KiB
HTML
<mat-card>
|
|
<mat-card-title-group>
|
|
<mat-card-title>Bill</mat-card-title>
|
|
<a mat-button [routerLink]="['/']">
|
|
<mat-icon>home</mat-icon>
|
|
Main Menu
|
|
</a>
|
|
</mat-card-title-group>
|
|
<mat-card-content>
|
|
<table mat-table #table [dataSource]="dataSource" aria-label="Elements" class="mat-elevation-z8">
|
|
<!-- Info Column -->
|
|
<ng-container matColumnDef="info">
|
|
<mat-cell *matCellDef="let row" [class.blue800]="row.newKot">
|
|
<span>
|
|
{{row.info}}
|
|
</span>
|
|
<ul>
|
|
<li *ngFor="let m of row.modifiers">{{m.name}}</li>
|
|
</ul>
|
|
</mat-cell>
|
|
<mat-footer-cell *matFooterCellDef class="grey900 bold">Amount</mat-footer-cell>
|
|
</ng-container>
|
|
<!-- Quantity Column -->
|
|
<ng-container matColumnDef="quantity">
|
|
<mat-header-cell *matHeaderCellDef>Quantity</mat-header-cell>
|
|
<mat-cell *matCellDef="let row" class="right-align">
|
|
<button mat-icon-button (click)="subtractOne(row)" [disabled]="row.isPrinted" *ngIf="!row.isKot">
|
|
<mat-icon class="del">indeterminate_check_box</mat-icon>
|
|
</button>
|
|
<button mat-icon-button (click)="quantity(row)" [disabled]="row.isPrinted" *ngIf="!row.isKot">
|
|
{{row.quantity}}
|
|
</button>
|
|
<button mat-icon-button (click)="addOne(row)" [disabled]="row.isPrinted" *ngIf="!row.isKot">
|
|
<mat-icon class="del">control_point</mat-icon>
|
|
</button>
|
|
<button mat-icon-button (click)="removeItem(row)" [disabled]="row.isPrinted" *ngIf="!row.isKot">
|
|
<mat-icon class="del">cancel</mat-icon>
|
|
</button>
|
|
<button mat-icon-button (click)="modifier(row)" [disabled]="row.isPrinted" *ngIf="!row.isKot">
|
|
<mat-icon class="del">assignment</mat-icon>
|
|
</button>
|
|
</mat-cell>
|
|
<mat-footer-cell *matFooterCellDef class="grey900 bold right-align">{{ amount() | currency: 'INR' }}</mat-footer-cell>
|
|
</ng-container>
|
|
<ng-container matColumnDef="net-title">
|
|
<mat-footer-cell *matFooterCellDef class="grey300 bold">Net</mat-footer-cell>
|
|
</ng-container>
|
|
<ng-container matColumnDef="net-amount">
|
|
<mat-footer-cell *matFooterCellDef class="grey300 bold right-align">{{ netAmount() | currency: 'INR' }}</mat-footer-cell>
|
|
</ng-container>
|
|
<ng-container matColumnDef="discount-title">
|
|
<mat-footer-cell *matFooterCellDef class="grey500 bold">Discount</mat-footer-cell>
|
|
</ng-container>
|
|
<ng-container matColumnDef="discount-amount">
|
|
<mat-footer-cell *matFooterCellDef class="grey500 bold right-align">{{ discountAmount() | currency: 'INR' }}</mat-footer-cell>
|
|
</ng-container>
|
|
<ng-container matColumnDef="tax-title">
|
|
<mat-footer-cell *matFooterCellDef class="grey700 bold">Tax</mat-footer-cell>
|
|
</ng-container>
|
|
<ng-container matColumnDef="tax-amount">
|
|
<mat-footer-cell *matFooterCellDef class="grey700 bold right-align">{{ taxAmount() | currency: 'INR' }}</mat-footer-cell>
|
|
</ng-container>
|
|
|
|
<mat-row *matRowDef="let row; columns: displayedColumns;" [class.blue400]="row.oldKot" [class.blue800]="row.newKot"
|
|
[class.red100]="row.isPrinted"></mat-row>
|
|
<mat-footer-row *matFooterRowDef="['net-title', 'net-amount']"></mat-footer-row>
|
|
<mat-footer-row *matFooterRowDef="['discount-title', 'discount-amount']"></mat-footer-row>
|
|
<mat-footer-row *matFooterRowDef="['tax-title', 'tax-amount']"></mat-footer-row>
|
|
<mat-footer-row *matFooterRowDef="displayedColumns"></mat-footer-row>
|
|
</table>
|
|
</mat-card-content>
|
|
</mat-card>
|
|
<router-outlet></router-outlet>
|