104 lines
2.8 KiB
HTML
104 lines
2.8 KiB
HTML
<div class="noOrderMsg"
|
|
*ngIf="order.address.length == 0">
|
|
No open order!
|
|
</div>
|
|
<mat-card style="margin-top: 10px;" *ngIf="order.address.length" >
|
|
|
|
<div class="newOrder">
|
|
<mat-card-title>
|
|
<table style="width: 100%;"
|
|
cellspacing="0">
|
|
<tr class="newOrderTitle1">
|
|
<td width="50%">Order Total:</td>
|
|
<td align="right"
|
|
width="50%">
|
|
<img class="icon" src="/assets/zec_rv.png"
|
|
>{{(total/price) | number: '1.0-6'}}
|
|
</td>
|
|
</tr>
|
|
<tr class="newOrderTitle2">
|
|
<td width="50%">
|
|
<img class="icon"
|
|
style="color: lightgray;
|
|
margin-bottom: -3px;"
|
|
src="/assets/zec_rv.png"
|
|
>1.0 ≅ {{ price | currency: getCurrency()}}
|
|
</td>
|
|
<td width="50%" align="right">
|
|
{{total | currency: getCurrency()}}
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</mat-card-title>
|
|
<table style="width: 100%;">
|
|
|
|
<thead style="width: 100%;">
|
|
<tr style="background: lightblue;">
|
|
<th class="newOrdertbheader"
|
|
style="text-align: left;"
|
|
width="50%">Item
|
|
</th>
|
|
<th class="newOrdertbheader"
|
|
style="text-align: left;"
|
|
width="15%">Qty.
|
|
</th>
|
|
<th class="newOrdertbheader"
|
|
style="text-align: right;"
|
|
width="30%">Total
|
|
</th>
|
|
<th></th>
|
|
</tr>
|
|
</thead>
|
|
|
|
<tbody>
|
|
<tr *ngFor="let item of order.lines">
|
|
<td class="newOrdertbdetail"
|
|
style="text-align: left;"
|
|
width="50%">{{item.name}}
|
|
</td>
|
|
<td class="newOrdertbdetail"
|
|
style="text-align: left;"
|
|
width="15%">{{item.qty}}
|
|
</td>
|
|
<td class="newOrdertbdetail"
|
|
style="text-align: right;"
|
|
width="30%">{{item.qty * item.cost | number:'1.02' | currency: getCurrency() }}
|
|
</td>
|
|
<td class="lineTrashCan">
|
|
<a (click)='trashCanClicked(item,order.lines)' >
|
|
<fa-icon [icon]="faTrashAlt"
|
|
style="color: lightslategrey;
|
|
font-size: 16px;
|
|
margin: auto;">
|
|
</fa-icon>
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<mat-card-actions>
|
|
<table cellspacing="0" width="100%">
|
|
<tr>
|
|
<td>
|
|
<button mat-raised-button class="text" (click)="cancelOrder()">Cancel</button>
|
|
</td>
|
|
<td>
|
|
<button mat-raised-button class="text" (click)="invoice()"><fa-icon [icon]="faInvoice" size="2x"></fa-icon> Invoice</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>
|
|
<div style="font-family: Roboto Mono;
|
|
font-size: 18px;
|
|
font-weight: 700;
|
|
margin-left: 10px;
|
|
margin-top: 5px;" >
|
|
Available Items:
|
|
</div>
|
|
|