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

View file

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

View file

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

View file

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

View file

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

View file

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