fhsons/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases Activity

Added unit conversions and formula scaling

Browse Source
This commit is contained in:
Zakary Timson
2018-06-25 11:19:17 -04:00
parent f10ad02136
commit 3ad6de5b6c
6 changed files with 186 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/app/app.component.html
View File

@@ -6,24 +6,28 @@
<table class="table">
<thead>
<tr>
<td>Name</td>
<td>Quantity</td>
<td>Cost</td>
<td>Name</td>
<td>Quantity</td>
<td>Cost</td>
</tr>
</thead>
<tbody>
<tr *ngFor="let c of formula.components">
<td>{{(c.component | async)?.name}}</td>
<td>{{c.quantity | scale: formula.total : newTotal | convertFromG: unit}}</td>
<td>{{(c.component | async)?.cost | currency}}</td>
<tr *ngFor="let c of formula.components">
<td>{{(c.component | async)?.name}}</td>
<td>{{c.quantity | scale: formula.total : _newTotal | convertFromG: unit}} {{unit}}</td>
<td>{{(c.component | async)?.cost | currency}}</td>
</tbody>
</table>
<input type="number" [(ngModel)]="newTotal">
<select [(ngModel)]="unit">
<option>g</option>
<option>oz</option>
<option>kg</option>
<option>lb</option>
</select>
<mat-form-field style="width: 75px">
<input matInput type="number" placeholder="Yield" [(ngModel)]="newTotal">
</mat-form-field>
<mat-form-field style="width: 40px">
<mat-select placeholder="Unit" [(ngModel)]="unit">
<mat-option value="g">g</mat-option>
<mat-option value="oz">oz</mat-option>
<mat-option value="kg">kg</mat-option>
<mat-option value="lb">lb</mat-option>
</mat-select>
</mat-form-field>
</div>
</div>