42 lines
1.0 KiB
HTML
42 lines
1.0 KiB
HTML
<div align="center">
|
|
<p *ngIf="order.address.length == 0">No open order!</p>
|
|
</div>
|
|
<mat-card class="text" *ngIf="order.address.length > 0">
|
|
<div align="center">
|
|
<mat-card-title>
|
|
<table cellspacing="0" width="100%">
|
|
<tr>
|
|
<td>Order Total:</td>
|
|
<td align="right">
|
|
<p class="number">{{total | currency: 'USD'}}</p>
|
|
<p class="number"><img class="icon" src="/assets/zec-roboto.png" width="14px" />{{(total/price) | number: '1.0-6'}}</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</mat-card-title>
|
|
<table>
|
|
<tr>
|
|
<th>Qty.</th>
|
|
<th>Items</th>
|
|
</tr>
|
|
<tr *ngFor="let item of order.lines">
|
|
<td align="right">{{item.qty}}</td>
|
|
<td>{{item.name}}</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<mat-card-actions>
|
|
<table cellspacing="0" width="100%">
|
|
<tr>
|
|
<td>
|
|
<button mat-raised-button class="text" (click)="cancelOrder()">Cancel</button>
|
|
</td>
|
|
<td align="right">
|
|
<button mat-raised-button class="text" color="primary" (click)="checkout()">Checkout</button>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</mat-card-actions>
|
|
</mat-card>
|
|
|