45 lines
1.3 KiB
HTML
45 lines
1.3 KiB
HTML
<h1>Items!</h1>
|
|
<div *ngIf="items.length > 0">
|
|
<div class="card" *ngFor="let item of itemsUpdate | async">
|
|
<mat-card>
|
|
<mat-card-title class="card">
|
|
<table cellspacing="0" width="100%">
|
|
<tr>
|
|
<td>{{item.name}}</td>
|
|
<td align="right">
|
|
<p class="price">{{item.cost | currency: 'USD'}}</p>
|
|
<p class="price"><img class="icon" src="/assets/zec.png" width="12px" />{{(item.cost/price) | number: '1.0-6'}}</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</mat-card-title>
|
|
<mat-card-subtitle class="card">
|
|
<p>{{item.description}}</p>
|
|
</mat-card-subtitle>
|
|
<mat-card-actions>
|
|
<table cellspacing="0" width="100%">
|
|
<tr>
|
|
<td>
|
|
<button mat-icon-button class="icons" (click)="edit(item._id!)">
|
|
<mat-icon inline=true>edit</mat-icon>
|
|
</button>
|
|
<button mat-icon-button class="icons" (click)="delete(item._id!)">
|
|
<mat-icon inline=true>delete</mat-icon>
|
|
</button>
|
|
</td>
|
|
<td align="right">
|
|
<button mat-raised-button color="primary" class="icons">
|
|
<mat-icon>shopping_cart</mat-icon>
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</mat-card-actions>
|
|
</mat-card>
|
|
</div>
|
|
</div>
|
|
<p *ngIf = "items.length <= 0">No items yet!</p>
|
|
<br>
|
|
<button mat-raised-button (click)="openDialog()">
|
|
<mat-icon>add</mat-icon>Add item</button>
|