wn/smartclient
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

changes

Browse Source
This commit is contained in:
Wolfgang Hottgenroth
2018-09-15 18:21:09 +02:00
parent 30097df6ef
commit cfc7608571
1 changed files with 15 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/app/heating-controller/heating-controller.component.ts
View File

@ -6,23 +6,28 @@ import {coerceNumberProperty} from '@angular/cdk/coercion'
selector: 'heatingcontroller', selector: 'heatingcontroller',
template: ` template: `
<div [ngStyle]="{ 'text-align': 'center', 'background-color':'lightgrey', 'border-radius':'10px', <div [ngStyle]="{ 'text-align': 'center', 'background-color':'lightgrey', 'border-radius':'10px',
'width': '150px', 'padding':'5px', 'margin': '5px', 'width': '300px', 'padding':'5px', 'margin': '5px 5px 5px 0',
'font-family': 'sans-serif' }"> 'font-family': 'sans-serif' }">
{{label}}<br/> {{label}}
<button mat-mini-fab color="primary" (click)="clickOff()" [ngStyle]="{'font-size':'100%'}">off</button> <p>
<button mat-mini-fab color="primary" (click)="clickOn()" [ngStyle]="{'font-size':'100%'}">on</button> <button mat-raised-button color="primary" (click)="clickOff()" [ngStyle]="{'font-size':'100%'}">off</button>
<button mat-mini-fab color="primary" (click)="clickForceOn()" [ngStyle]="{'font-size':'100%'}">forceOn</button> <button mat-raised-button color="accent" (click)="clickOn()" [ngStyle]="{'font-size':'100%'}">on</button>
<br/> <button mat-raised-button color="warn" (click)="clickForceOn()" [ngStyle]="{'font-size':'100%'}">forceOn</button>
<mat-form-field [ngStyle]="{'margin':'10px', 'width':'80%'}"> </p>
<p>
<mat-form-field [ngStyle]="{'margin':'10px', 'width':'40%'}">
<input type="checkbox" [(ngModel)]="enableCurrentTemperature">
<input matInput type="number" placeholder="Current" [(ngModel)]="currentTemperature" <input matInput type="number" placeholder="Current" [(ngModel)]="currentTemperature"
(click)="setCurrentTemperature()" (keyup)="setCurrentTemperature()"> (click)="setCurrentTemperature()" (keyup)="setCurrentTemperature()"
[disabled]="! enableCurrentTemperature">
</mat-form-field> </mat-form-field>
<mat-form-field [ngStyle]="{'margin':'10px', 'width':'80%'}"> <mat-form-field [ngStyle]="{'margin':'10px', 'width':'40%'}">
<input type="checkbox" [(ngModel)]="enablePresetTemperature"> <input type="checkbox" [(ngModel)]="enablePresetTemperature">
<input matInput type="number" placeholder="Preset" [(ngModel)]="presetTemperature" <input matInput type="number" placeholder="Preset" [(ngModel)]="presetTemperature"
(click)="setPresetTemperature()" (keyup)="setPresetTemperature()" (click)="setPresetTemperature()" (keyup)="setPresetTemperature()"
[disabled]="! enablePresetTemperature"> [disabled]="! enablePresetTemperature">
</mat-form-field> </mat-form-field>
</p>
</div> </div>
` `
@ -36,6 +41,7 @@ export class HeatingControllerComponent implements OnInit {
feedbackTemperatureTopic : string = 'invalid' feedbackTemperatureTopic : string = 'invalid'
@Input() label : string = 'invalid' @Input() label : string = 'invalid'
enableCurrentTemperature : boolean = false
currentTemperature : number = 20 currentTemperature : number = 20
enablePresetTemperature : boolean = false enablePresetTemperature : boolean = false
presetTemperature : number = 20 presetTemperature : number = 20