Formula Manager organization

This commit is contained in:
Zakary Timson 2018-07-11 23:12:27 -04:00
parent bbefb80ddd
commit 94839757e4

View File

@ -1,5 +1,15 @@
<div class="container-fluid"> <div class="container-fluid">
<div *ngIf="!electron.isElectronApp" class="jumbotron mt-3 text-white" style="background-color: #124578;"> <div class="row">
<div class="col-2 h-100">
<mat-list>
<ng-container *ngFor="let f of formulas | async; let i = index">
<mat-divider *ngIf="i > 0"></mat-divider>
<mat-list-item (click)="displayFormula(f)">{{f.name}}</mat-list-item>
</ng-container>
</mat-list>
</div>
<div class="col-10">
<div *ngIf="!electron.isElectronApp" class="jumbotron mt-3 text-white" style="background-color: #53709f;">
<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">
@ -13,16 +23,6 @@
<button *ngIf="installPrompt" class="btn btn-primary btn-lg mb-3" (click)="prompt()"> <button *ngIf="installPrompt" class="btn btn-primary btn-lg mb-3" (click)="prompt()">
<i class="fas fa-mobile-alt"></i> Mobile</button> <i class="fas fa-mobile-alt"></i> Mobile</button>
</div> </div>
<div class="row">
<div class="col-2">
<mat-list>
<ng-container *ngFor="let f of formulas | async; let i = index">
<mat-divider *ngIf="i > 0"></mat-divider>
<mat-list-item (click)="displayFormula(f)">{{f.name}}</mat-list-item>
</ng-container>
</mat-list>
</div>
<div class="col-10">
<div *ngIf="formula"> <div *ngIf="formula">
<table class="w-100 table"> <table class="w-100 table">
<thead> <thead>