27 lines
1.0 KiB
HTML
27 lines
1.0 KiB
HTML
<mat-card>
|
|
<mat-card-title-group>
|
|
<mat-card-title>Running Tables</mat-card-title>
|
|
</mat-card-title-group>
|
|
<mat-card-content fxLayout="row wrap" fxLayoutGap="grid 20px">
|
|
<mat-divider></mat-divider>
|
|
<mat-card
|
|
fxLayout="column"
|
|
class="square-button"
|
|
matRipple
|
|
*ngFor="let table of list"
|
|
(click)="navigateToBill(table)"
|
|
[class.running]="table.status === 'running'"
|
|
[class.printed]="table.status === 'printed'"
|
|
>
|
|
<h3 class="item-name">{{ table.name }}</h3>
|
|
<mat-card-subtitle class="center">{{ table.guest }}</mat-card-subtitle>
|
|
<span class="center">{{ table.pax || 0 }} / {{ table.seats }} Seats</span>
|
|
<span class="center" *ngIf="table.date">{{ table.date }}</span>
|
|
<span class="center" *ngIf="table.amount">{{ table.amount | currency: 'INR' }}</span>
|
|
</mat-card>
|
|
<mat-card fxLayout="column" class="square-button open-bill" matRipple (click)="openBill()">
|
|
<h3 class="item-name">Open Bill</h3>
|
|
</mat-card>
|
|
</mat-card-content>
|
|
</mat-card>
|