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

formula manager touched up a little

Browse Source
This commit is contained in:
Andre Mourinho 2018-07-12 20:05:56 -04:00
parent f1fa2714db
commit c110e972e4
3 changed files with 30 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/app/formulaManager/formulaManager.component.html
View File

@ -1,7 +1,7 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-2 h-100"> <div class="col-12 col-lg-3 h-100 mb-4">
<mat-form-field class="w-100"> <mat-form-field class="w-100 pt-4">
<input #search matInput placeholder="Search"> <input #search matInput placeholder="Search">
<mat-icon matSuffix>search</mat-icon> <mat-icon matSuffix>search</mat-icon>
</mat-form-field> </mat-form-field>
@ -12,8 +12,13 @@
</ng-container> </ng-container>
</mat-list> </mat-list>
</div> </div>
<div class="col-10"> <div class="col-12 d-block d-lg-none w-100 mb-4" style="height: 4px; background:black;"></div>
<div *ngIf="!electron.isElectronApp" class="jumbotron mt-3 text-white" style="background-color: #53709f;"> <div class="col-12 col-lg-9">
<div *ngIf="!electron.isElectronApp" class="jumbotron p-3 mt-3 text-white d-none d-lg-block" style="
background-color: #000;
background-image: url('../../assets/img/formula.jpg');
background-size: cover;
">
<h1 class="display-4">Standalone</h1> <h1 class="display-4">Standalone</h1>
<p class="lead text-white-50">Download Formula Manager 2.0</p> <p class="lead text-white-50">Download Formula Manager 2.0</p>
<hr class="my-4"> <hr class="my-4">
@ -31,9 +36,9 @@
<table class="w-100 table"> <table class="w-100 table">
<thead> <thead>
<tr> <tr>
<td style="width: 80%">Name</td> <th style="width: 80%">Name</th>
<td style="width: 10%">Quantity</td> <th style="width: 10%">Quantity</th>
<td style="width: 10%">Cost</td> <th style="width: 10%">Cost</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@ -43,10 +48,11 @@
<td style="width: 10%">{{c.quantity | scale: formula.total : _newTotal / 1000 * c.component.cost | currency}}</td> <td style="width: 10%">{{c.quantity | scale: formula.total : _newTotal / 1000 * c.component.cost | currency}}</td>
</tbody> </tbody>
</table> </table>
<table class="w-100 mt-5"> <div class="col-12 d-none d-lg-block" style="height: 4px; background:black; width: 100%;"></div>
<table class="w-100 my-4">
<tr> <tr>
<td style="width: 80%"></td> <td style="width: 70%"></td>
<td style="width: 10%"> <td style="width: 20%">
<mat-form-field style="width: 75px"> <mat-form-field style="width: 75px">
<input matInput type="number" placeholder="Yield" [(ngModel)]="newTotal"> <input matInput type="number" placeholder="Yield" [(ngModel)]="newTotal">
</mat-form-field> </mat-form-field>
@ -60,8 +66,8 @@
</mat-form-field> </mat-form-field>
</td> </td>
<td style="width: 10%"> <td style="width: 10%">
<mat-form-field> <mat-form-field id="totalCost">
<input matInput placeholder="Total Cost" [value]="cost() | currency" [readonly]="true"> <input matInput placeholder="Total Cost" [value]="cost() | currency" [readonly]="true" style="font-size: x-large; text-align: right;">
</mat-form-field> </mat-form-field>
</td> </td>
</tr> </tr>

12
src/assets/css/base.scss
View File

@ -54,3 +54,15 @@ u:hover,
position: relative !important; position: relative !important;
margin-top: .75rem !important; margin-top: .75rem !important;
} }
.btn-primary {
color: #fff;
background-color: #3c3c3c;
border-color: #5a5e63;
}
mat-list-item:hover {
background-color: #ececec;
cursor: pointer;
}
mat-form-field#totalCost .mat-form-field-label-wrapper {
text-align: right;
}

BIN
src/assets/img/formula.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 100 KiB