zgo/src/app/listorders/listorders.component.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 number"><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>
<mat-divider></mat-divider>
<div align="center">
	<p class="text"> <mat-icon class="icon" inline>copyright</mat-icon> 2021 ZGo </p>
</div>