2021-10-22 22:20:36 +00:00
|
|
|
<div *ngIf="items.length > 0">
|
2023-01-27 23:25:42 +00:00
|
|
|
<mat-toolbar color="accent">
|
|
|
|
<span align="center" class="text">
|
|
|
|
Available Items:
|
|
|
|
</span>
|
|
|
|
<span class="spacer"></span>
|
|
|
|
<span align="center">
|
|
|
|
<button mat-icon-button
|
|
|
|
color="primary"
|
2022-07-27 01:37:14 +00:00
|
|
|
(click)="openDialog()">
|
2023-01-27 23:25:42 +00:00
|
|
|
<mat-icon aria-button-label="Add Item">
|
2022-07-27 01:37:14 +00:00
|
|
|
add
|
|
|
|
</mat-icon>
|
|
|
|
</button>
|
2023-01-27 23:25:42 +00:00
|
|
|
</span>
|
|
|
|
</mat-toolbar>
|
2022-07-27 01:37:14 +00:00
|
|
|
<div style="display: block;
|
|
|
|
overflow-y: auto;
|
|
|
|
height: 500px;">
|
|
|
|
<div class="card" *ngFor="let item of itemsUpdate | async">
|
|
|
|
<mat-card>
|
|
|
|
<table cellspacing="0" width="100%" >
|
2021-10-26 15:09:34 +00:00
|
|
|
<tr>
|
2022-07-27 01:37:14 +00:00
|
|
|
<td style="font-family: Roboto Mono;
|
|
|
|
font-size: 16px;
|
|
|
|
font-weight: 700;
|
|
|
|
height: 20px;">
|
|
|
|
{{item.name}}
|
2021-10-26 15:09:34 +00:00
|
|
|
</td>
|
2022-07-27 01:37:14 +00:00
|
|
|
<td></td>
|
|
|
|
</tr>
|
|
|
|
<tr>
|
|
|
|
<td style="font-family: Roboto Mono;
|
|
|
|
font-size: 16px;
|
|
|
|
font-weight: 400;
|
|
|
|
height: 20px;">
|
|
|
|
{{item.description}}
|
|
|
|
</td>
|
|
|
|
<td>
|
|
|
|
<div class="rv_price"
|
|
|
|
*ngIf="!owner.zats">
|
|
|
|
<img class="icon"
|
|
|
|
src="/assets/zec_rv.png"
|
|
|
|
height="16px">
|
|
|
|
{{(item.cost/zecPrice) | number: '1.08'}}
|
|
|
|
[{{item.cost | number: '1.02' | currency: getCurrency() }}]
|
|
|
|
</div>
|
|
|
|
<p class="rv_price"
|
|
|
|
*ngIf="owner.zats">
|
|
|
|
ⓩ{{(item.cost/zecPrice)*100000000 | number: '1.0-0'}}
|
|
|
|
</p>
|
2021-10-26 15:09:34 +00:00
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
</table>
|
2022-07-27 01:37:14 +00:00
|
|
|
<mat-card-actions>
|
|
|
|
<table cellspacing="0" width="100%">
|
|
|
|
<tr>
|
|
|
|
<td>
|
|
|
|
<button mat-icon-button class="icons" (click)="edit(item._id!)">
|
2023-01-27 23:25:42 +00:00
|
|
|
<mat-icon>edit</mat-icon>
|
2022-07-27 01:37:14 +00:00
|
|
|
</button>
|
|
|
|
<button mat-icon-button class="icons" (click)="delete(item._id!)">
|
2023-01-27 23:25:42 +00:00
|
|
|
<mat-icon>delete</mat-icon>
|
2022-07-27 01:37:14 +00:00
|
|
|
</button>
|
|
|
|
</td>
|
|
|
|
<td align="right">
|
2023-01-27 23:25:42 +00:00
|
|
|
<button mat-icon-button
|
2022-07-27 01:37:14 +00:00
|
|
|
color="primary"
|
|
|
|
class="buttons-class-cart"
|
|
|
|
(click)="addToOrder(item._id!)">
|
2023-01-27 23:25:42 +00:00
|
|
|
<mat-icon>
|
2022-07-27 01:37:14 +00:00
|
|
|
shopping_cart
|
|
|
|
</mat-icon>
|
|
|
|
</button>
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
</mat-card-actions>
|
|
|
|
</mat-card>
|
|
|
|
</div>
|
|
|
|
</div>
|
2021-10-22 22:20:36 +00:00
|
|
|
</div>
|
2022-07-27 01:37:14 +00:00
|
|
|
<div *ngIf = "items.length <= 0">
|
|
|
|
<div class="availableItems" >
|
|
|
|
No items yet!
|
|
|
|
<button mat-raised-button
|
|
|
|
class="buttons-class"
|
|
|
|
(click)="openDialog()">
|
|
|
|
<mat-icon class="icon">
|
|
|
|
add
|
|
|
|
</mat-icon>
|
|
|
|
Add item
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
2021-10-22 22:20:36 +00:00
|
|
|
<br>
|