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

Powerwall page reformatted

Browse Source
This commit is contained in:
Zakary Timson
2019-01-01 22:15:50 -05:00
parent d388e8b73d
commit 31f0399e35
2 changed files with 8 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,18 +1,12 @@
<div class="desktop-height p-3" style="background-color: #b52e3c !important;">
<div style="max-width: 1000px;">
<div class="d-flex mb-3">
<div class="d-flex flex-grow-1 align-items-center">
<h3 class="mb-0 text-white">Powerwall: {{batteryService.charge | round}} V</h3>
</div>
<div class="d-flex flex-grow-1 align-content-center justify-content-end">
<mat-button-toggle-group [(ngModel)]="batteryService.relayMode" (change)="batteryService.setRelayMode($event.value)">
<mat-button-toggle [value]="null" checked>Auto</mat-button-toggle>
<mat-button-toggle [value]="true">On</mat-button-toggle>
<mat-button-toggle [value]="false">Off</mat-button-toggle>
</mat-button-toggle-group>
</div>
</div>
<mat-card class="mb-2" *ngFor="let battery of batteryService.batteries; let i = index">
<h1 class="text-white">Powerwall: {{batteryService.charge | round}} V</h1>
<mat-button-toggle-group [(ngModel)]="batteryService.relayMode" (change)="batteryService.setRelayMode($event.value)">
<mat-button-toggle [value]="null" checked>Auto</mat-button-toggle>
<mat-button-toggle [value]="true">On</mat-button-toggle>
<mat-button-toggle [value]="false">Off</mat-button-toggle>
</mat-button-toggle-group>
<mat-card class="mt-2" *ngFor="let battery of batteryService.batteries; let i = index">
<div class="d-flex">
<div class="d-flex flex-grow-1 align-items-center">
<h5 class="mb-0">{{battery.name}}</h5>

2
src/app/battery/battery.component.ts
View File

@@ -12,7 +12,7 @@ export class BatteryComponent implements OnInit {
name: 'cool',
selectable: true,
group: 'Ordinal',
domain: ['#a8385d', '#7aa3e5', '#a27ea8', '#aae3f5', '#adcded', '#a95963', '#8796c0', '#7ed3ed', '#50abcc', '#ad6886']
domain: ['#2830a8']
};
selected;