41 lines
1.5 KiB
HTML
41 lines
1.5 KiB
HTML
<app-header></app-header>
|
|
<div align="center">
|
|
<h3 class="text">{{(ownerUpdate | async)!.name}}</h3>
|
|
<button class="text" mat-raised-button [routerLink]="['/shop']" color="primary">
|
|
Back to Shop
|
|
</button>
|
|
</div>
|
|
<mat-divider></mat-divider>
|
|
<div align="center">
|
|
<table class="text" width="75%">
|
|
<tr>
|
|
<td width="50%" align="center">
|
|
<h3>Today's Total:</h3>
|
|
<p class="total"><img class="total" src="/assets/zec-roboto.png" height="18px" />{{todayTotal | number: '1.0-6'}}</p>
|
|
</td>
|
|
<td width="50%" align="center">
|
|
<h3>Overall Total:</h3>
|
|
<p class="total"><img class="total" src="/assets/zec-roboto.png" height="18px" />{{total | number: '1.0-6'}}</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<mat-divider></mat-divider>
|
|
<mat-accordion *ngIf = "orders.length > 0">
|
|
<mat-expansion-panel class="text" *ngFor = "let order of orders">
|
|
<mat-expansion-panel-header class="text" >
|
|
<mat-panel-title>
|
|
<span class="price"><img src="/assets/zec-roboto.png" height="50%" />{{order.totalZec}}</span>
|
|
</mat-panel-title>
|
|
<mat-panel-description>
|
|
{{order.timestamp | date: 'short'}}
|
|
</mat-panel-description>
|
|
</mat-expansion-panel-header>
|
|
<p class="text">Order: {{order._id}}</p>
|
|
<p class="text">Zcash price: {{order.price | currency: 'USD'}}</p>
|
|
<mat-list>
|
|
<mat-list-item class="text small" *ngFor="let item of order.lines">{{item.qty}} x {{item.name}}</mat-list-item>
|
|
</mat-list>
|
|
</mat-expansion-panel>
|
|
</mat-accordion>
|
|
<p class="text" *ngIf = "orders.length <= 0">No orders</p>
|