ztimson/homefront
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,18 +1,12 @@
<div class="desktop-height p-3" style="background-color: #b52e3c !important;"> <div class="desktop-height p-3" style="background-color: #b52e3c !important;">
<div style="max-width: 1000px;"> <div style="max-width: 1000px;">
<div class="d-flex mb-3"> <h1 class="text-white">Powerwall: {{batteryService.charge | round}} V</h1>
<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-group [(ngModel)]="batteryService.relayMode" (change)="batteryService.setRelayMode($event.value)">
<mat-button-toggle [value]="null" checked>Auto</mat-button-toggle> <mat-button-toggle [value]="null" checked>Auto</mat-button-toggle>
<mat-button-toggle [value]="true">On</mat-button-toggle> <mat-button-toggle [value]="true">On</mat-button-toggle>
<mat-button-toggle [value]="false">Off</mat-button-toggle> <mat-button-toggle [value]="false">Off</mat-button-toggle>
</mat-button-toggle-group> </mat-button-toggle-group>
</div> <mat-card class="mt-2" *ngFor="let battery of batteryService.batteries; let i = index">
</div>
<mat-card class="mb-2" *ngFor="let battery of batteryService.batteries; let i = index">
<div class="d-flex"> <div class="d-flex">
<div class="d-flex flex-grow-1 align-items-center"> <div class="d-flex flex-grow-1 align-items-center">
<h5 class="mb-0">{{battery.name}}</h5> <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', name: 'cool',
selectable: true, selectable: true,
group: 'Ordinal', group: 'Ordinal',
domain: ['#a8385d', '#7aa3e5', '#a27ea8', '#aae3f5', '#adcded', '#a95963', '#8796c0', '#7ed3ed', '#50abcc', '#ad6886'] domain: ['#2830a8']
}; };
selected; selected;