Voucher basic working running tables shifted to cards from buttons, this gives us immense styling oportunities
16 lines
726 B
HTML
16 lines
726 B
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-card fxLayout="column" class="square-button"
|
|
*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>
|
|
<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}}</span>
|
|
</mat-card>
|
|
</mat-card-content>
|
|
</mat-card>
|