dcaf23b390
Auth guard and auth service simplified and fixed so that user is updated upon login Home component changed to use square buttons Fixed showing the totals in the bill ng linted the project
77 lines
3.8 KiB
HTML
77 lines
3.8 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>
|
|
<button mat-icon-button (click)="modifier(row)" [disabled]="row.newKot" *ngIf="row.isKot">
|
|
<mat-icon class="del">open_in_new</mat-icon>
|
|
</button>
|
|
</mat-cell>
|
|
<mat-footer-cell *matFooterCellDef class="grey900 bold right-align">{{ bs.amount | async | 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">{{ bs.netAmount | async | 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">{{ bs.discountAmount | async | 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">{{ bs.taxAmount | async | 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>
|