17 lines
933 B
HTML
17 lines
933 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>
|