25 lines
1010 B
HTML
25 lines
1010 B
HTML
<h2 mat-dialog-title>Tables</h2>
|
|
<mat-dialog-content>
|
|
<div class="flex flex-row flex-wrap -mr-5 -mb-5">
|
|
<mat-card
|
|
class="flex flex-col square-button mr-5, mb-5"
|
|
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>
|
|
</div>
|
|
</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>
|