barker/bookie/src/app/sales/bill-type/bill-type.component.html

34 lines
1021 B
HTML

<h2 mat-dialog-title>Bill Type</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
(click)="select('REGULAR_BILL')"
[class.selected]="selected === 'REGULAR_BILL'"
>
<h3 class="item-name">Regular</h3>
</mat-card>
<mat-card
class="flex flex-col square-button mr-5, mb-5"
matRipple
(click)="select('STAFF')"
[class.selected]="selected === 'STAFF'"
>
<h3 class="item-name">Staff</h3>
</mat-card>
<mat-card
class="flex flex-col square-button mr-5, mb-5"
matRipple
(click)="select('NO_CHARGE')"
[class.selected]="selected === 'NO_CHARGE'"
>
<h3 class="item-name">No Charge</h3>
</mat-card>
</div>
</mat-dialog-content>
<mat-dialog-actions align="end">
<button mat-button [mat-dialog-close]="false">Cancel</button>
<button mat-button [mat-dialog-close]="selectedVal">Done</button>
</mat-dialog-actions>