zgo/src/app/listorders/listorders.component.html

42 lines
1.5 KiB
HTML
Raw Normal View History

<app-header></app-header>
<div align="center">
2021-11-11 15:18:38 +00:00
<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>
2021-11-11 15:18:38 +00:00
<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>
2021-11-11 15:18:38 +00:00
<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>
2021-11-11 15:18:38 +00:00
<span class="price"><img src="/assets/zec-roboto.png" height="50%" />{{order.totalZec}}</span>
</mat-panel-title>
<mat-panel-description>
2021-11-11 15:18:38 +00:00
{{order.timestamp | date: 'short'}}
</mat-panel-description>
</mat-expansion-panel-header>
<p class="text">Order: {{order._id}}</p>
2021-11-11 15:18:38 +00:00
<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>