Vergara_Tech/zgo
Vergara_Tech
/
zgo
2
1
Fork 0
Code Issues Pull Requests Packages Projects Releases 5 Wiki Activity

Commit before angular update

This commit is contained in:
Rene V. Vergara A. 2022-07-13 06:58:42 -05:00
parent e407ecdf29
commit 31aa39335a
5 changed files with 102 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/items/item-list/item-list.component.css
View File

@ -25,6 +25,12 @@ div.card{
}
p.price{
font-family: 'Roboto-Mono', monospace;
font-family: 'Roboto Mono', monospace;
margin: 0px;
}
.rv_price {
font-family: Roboto Mono;
font-size: 16px;
text-align: right;
}

34
src/app/items/item-list/item-list.component.html
View File

@ -1,19 +1,35 @@
<div *ngIf="items.length > 0">
<div class="card" *ngFor="let item of itemsUpdate | async">
<mat-card>
<table cellspacing="0" width="100%" class="text">
<table cellspacing="0" width="100%" >
<tr>
<td>{{item.name}}</td>
<td align="right">
<p class="price">{{item.cost | currency: getCurrency() }}</p>
<p class="price" *ngIf="!owner.zats"><img class="icon" src="/assets/spartan-zec.png" width="12px" />{{(item.cost/price) | number: '1.0-6'}}</p>
<p class="price" *ngIf="owner.zats">&#x24e9; {{(item.cost/price)*100000000 | number: '1.0-0'}}</p>
<td style="font-family: Roboto Mono;
font-size: 16px;
font-weight: 700;
height: 20px;">
{{item.name}}
</td>
<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">
{{item.cost | currency: getCurrency() }}
[<img class="icon"
src="/assets/zec_rv.png"
height="18px" />{{(item.cost/price) | number: '1.0-6'}}]
</div>
<p class="price" *ngIf="owner.zats"> &#x24e9;(item.cost/price)*100000000 | number: '1.0-0'}}</p>
</td>
</tr>
</table>
<div align="center">
<p class="text small">{{item.description}}</p>
</div>
<mat-card-actions>
<table cellspacing="0" width="100%">
<tr>

2
src/app/listorders/listorders.component.html
View File

@ -47,7 +47,7 @@
margin: auto;'>
<img src="/assets/zec_rv.png"
style='height: 16px;
margin: auto; '/>&nbsp;{{order.totalZec | number: '1.0-6'}}
margin: auto; '/>&nbsp;{{order.totalZec | number: '1.06'}}
</span>
</mat-panel-title>
<mat-panel-description>

3
src/app/order/order.component.css
View File

@ -7,7 +7,8 @@
}
img.icon{
margin-bottom: -3px;
margin-bottom: -2px;
height: 18px;
}
.tbheader {

102
src/app/order/order.component.html
View File

@ -6,47 +6,79 @@
No open order!
</div>
<mat-card style="margin-top: 10px;" *ngIf="order.address.length" >
<div>
<mat-card-title>
<table cellspacing="0" width="100%">
<tr>
<td>Order Total:</td>
<td align="right">
<p class="number">{{total | currency: getCurrency()}}</p>
<p class="number"><img class="icon" src="/assets/zec_rv.png" width="15px" />{{(total/price) | number: '1.0-6'}}</p>
<table style="width: 100%;"
cellspacing="0">
<tr style="font-family: Roboto Mono;
font-size: 18px;
font-weight: 700;
height: 20px;">
<td width="50%">Order Total:</td>
<td width="50%" align="right">
{{total | currency: getCurrency()}}
</td>
</tr>
<tr style="font-family: Roboto Mono;
font-size: 18px;
font-weight: 700;
height: 20px;">
<td width="50%"> </td>
<td align="right"
width="50%">
<img class="icon" src="/assets/zec_rv.png" >
{{(total/price) | number: '1.0-6'}}
</td>
</tr>
</table>
</mat-card-title>
<table width="100%">
<tr style="background: lightblue;">
<th class="tbheader"
style="text-align: left;"
width="55%">Item
</th>
<th class="tbheader"
style="text-align: left;"
width="15%">Qty.
</th>
<th class="tbheader"
style="text-align: right;"
width="30%">Total
</th>
</tr>
<tr *ngFor="let item of order.lines">
<td class="tbdetail"
style="text-align: left;"
width="55%">{{item.name}}
</td>
<td class="tbdetail"
style="text-align: left;"
width="15%">{{item.qty}}
</td>
<td class="tbdetail"
style="text-align: right;"
width="30%">{{item.qty * item.cost | number:'1.02'}}
</td>
</tr>
<table style="width: 100%;">
<!--
<div style="display: block;">
-->
<thead style="width: 100%;">
<tr style="background: lightblue;">
<th style= "font-family: Roboto Mono;
font-size: 14px;
font-weight: 700;
text-align: left;"
width="55%">Item
</th>
<th style= "font-family: Roboto Mono;
font-size: 14px;
font-weight: 700;
text-align: left;"
width="15%">Qty.
</th>
<th style= "font-family: Roboto Mono;
font-size: 14px;
font-weight: 700;
text-align: right;"
width="30%">Total
</th>
</tr>
</thead>
<!--
</div>
-->
<tbody style="overflow-y: auto;
overflow-x: hidden;">
<tr style="height: 20px !important;" *ngFor="let item of order.lines">
<td class="tbdetail"
style="text-align: left;"
width="55%">{{item.name}}
</td>
<td class="tbdetail"
style="text-align: left;"
width="15%">{{item.qty}}
</td>
<td class="tbdetail"
style="text-align: right;"
width="30%">{{item.qty * item.cost | number:'1.02'}}
</td>
</tr>
</tbody>
</table>
</div>
<mat-card-actions>