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

37 lines
1.1 KiB
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.strong-primary]="selected === 'REGULAR_BILL'"
[class.primary]="selected !== 'REGULAR_BILL'"
>
<h3>Regular</h3>
</mat-card>
<mat-card
class="flex flex-col square-button mr-5, mb-5"
matRipple
(click)="select('STAFF')"
[class.strong-primary]="selected === 'STAFF'"
[class.primary]="selected !== 'STAFF'"
>
<h3>Staff</h3>
</mat-card>
<mat-card
class="flex flex-col square-button mr-5, mb-5"
matRipple
(click)="select('NO_CHARGE')"
[class.strong-primary]="selected === 'NO_CHARGE'"
[class.primary]="selected !== 'NO_CHARGE'"
>
<h3>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>