barker/bookie/src/app/sales/tables-dialog/tables-dialog.component.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>