ztimson/homefront
ztimson/homefront
1
0
Fork 0
Code Issues Pull Requests Actions Releases Activity

mobile formatting

Browse Source
This commit is contained in:
Zakary Timson 2019-06-16 16:41:01 -04:00
parent 7e5a6f8352
commit daeb960d9e
1 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/app/battery/battery.component.html
View File

@ -1,20 +1,22 @@
<div class="fill-height p-3" style="background-color: #b52e3c !important;"> <div class="fill-height p-3" style="background-color: #b52e3c !important;">
<div style="max-width: 1000px;"> <div style="max-width: 1000px;">
<div class="d-flex justify-content-between mb-4"> <div class="d-flex flex-column flex-md-row justify-content-between">
<div> <div class="mb-3">
<h1 class="mb-0">Powerwall: {{batteryService.charge | number : '1.1-1'}} V</h1> <h1 class="mb-0">Powerwall: {{batteryService.charge | number : '1.1-1'}} V</h1>
<h6>Last Updated At: {{batteryService.lastUpdate | date: 'short'}}</h6> <h6>Last Updated At: {{batteryService.lastUpdate | date: 'short'}}</h6>
</div> </div>
<div class="d-flex flex-column align-content-center"> <div class="d-flex flex-column align-content-center mb-3">
<div> <div>
<h5><mat-icon *ngIf="locked" class="mr-1">lock</mat-icon>Cooling Fans</h5> <h5><mat-icon *ngIf="locked" class="mr-1">lock</mat-icon>Cooling Fans</h5>
</div> </div>
<mat-button-toggle-group class="mb-3" [ngModel]="batteryService.relayMode" <div>
(change)="batteryService.setRelayMode($event.value)" [disabled]="locked"> <mat-button-toggle-group class="mb-3" [ngModel]="batteryService.relayMode"
<mat-button-toggle value="null">Auto</mat-button-toggle> (change)="batteryService.setRelayMode($event.value)" [disabled]="locked">
<mat-button-toggle value="true">On</mat-button-toggle> <mat-button-toggle value="null">Auto</mat-button-toggle>
<mat-button-toggle value="false">Off</mat-button-toggle> <mat-button-toggle value="true">On</mat-button-toggle>
</mat-button-toggle-group> <mat-button-toggle value="false">Off</mat-button-toggle>
</mat-button-toggle-group>
</div>
</div> </div>
</div> </div>
<mat-card class="mt-2" *ngFor="let battery of batteryService.batteries; let i = index"> <mat-card class="mt-2" *ngFor="let battery of batteryService.batteries; let i = index">