41 lines
1.1 KiB
HTML
41 lines
1.1 KiB
HTML
|
<mat-card>
|
||
|
|
<mat-card-title class="scan-header">
|
||
|
|
Enter tip:
|
||
|
|
</mat-card-title>
|
||
|
|
<mat-card-content>
|
||
|
|
<br>
|
||
|
|
<div align="center" class="card-contents">
|
||
|
|
<table cellspacing="0">
|
||
|
|
<tr>
|
||
|
|
<th align="center">Subtotal</th>
|
||
|
|
<th align="center"></th>
|
||
|
|
<th align="center">Tip</th>
|
||
|
|
<th align="center"></th>
|
||
|
|
<th align="center">Total</th>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td align="center">{{orderTotal | currency}}</td>
|
||
|
|
<td align="center">+</td>
|
||
|
|
<td align="center">{{orderTotal * value | currency}}</td>
|
||
|
|
<td align="center">=</td>
|
||
|
|
<td align="center">{{orderTotal * (1 + value) | currency}}</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
<br>
|
||
|
|
<div align="center" class="card-contents">
|
||
|
|
{{value | percent}}
|
||
|
|
<br>
|
||
|
|
<input type="range" min="0" max="1" step="0.01" [(ngModel)]="value">
|
||
|
|
</div>
|
||
|
|
</mat-card-content>
|
||
|
|
<mat-card-actions class="card-buttons">
|
||
|
|
<button mat-raised-button (click)="close()">
|
||
|
|
<mat-icon class="icon">close</mat-icon>No Tip
|
||
|
|
</button>
|
||
|
|
<button mat-raised-button color="primary" (click)="confirm()">
|
||
|
|
<mat-icon class="icon">done</mat-icon>Done
|
||
|
|
</button>
|
||
|
|
</mat-card-actions>
|
||
|
|
</mat-card>
|