24 lines
959 B
HTML
24 lines
959 B
HTML
<h2 mat-dialog-title>Tables</h2>
|
|
<mat-dialog-content fxLayout="row wrap" fxLayoutGap="grid 20px">
|
|
<mat-card
|
|
fxLayout="column"
|
|
class="square-button"
|
|
matRipple
|
|
*ngFor="let table of list"
|
|
(click)="select(table)"
|
|
[class.running]="table.status === 'running'"
|
|
[class.printed]="table.status === 'printed'"
|
|
[class.selected]="table === selected"
|
|
>
|
|
<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-dialog-content>
|
|
<mat-dialog-actions align="end">
|
|
<button mat-button [mat-dialog-close]="false">Cancel</button>
|
|
<button mat-button (click)="accept()" color="primary">Ok</button>
|
|
</mat-dialog-actions>
|