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

floating

Browse Source
This commit is contained in:
Wolfgang Hottgenroth
2018-06-23 22:45:19 +02:00
parent 239485fab6
commit 93fb9bf192
3 changed files with 18 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/app.component.css
View File

@ -0,0 +1,8 @@
ledbutton2 {
float: left;
display: block;
}
p.clear {
clear: both;
}

21
src/app/app.component.html
View File

@ -8,22 +8,19 @@
Wohnzimmer Wohnzimmer
</mat-panel-title> </mat-panel-title>
</mat-expansion-panel-header> </mat-expansion-panel-header>
<table id="maintable">
<tr>
<td>
<ledbutton2 topic="led/test1" label="Küche Deckenlampe"></ledbutton2> <ledbutton2 topic="led/test1" label="Küche Deckenlampe"></ledbutton2>
</td>
<td>
<ledbutton2 topic="led/test2" label="Keller normal"></ledbutton2> <ledbutton2 topic="led/test2" label="Keller normal"></ledbutton2>
</td>
<td>
<ledbutton2 topic="led/test3" label="Keller hell"></ledbutton2> <ledbutton2 topic="led/test3" label="Keller hell"></ledbutton2>
</td>
<td>
<ledbutton2 topic="led/test4" label="test4"></ledbutton2> <ledbutton2 topic="led/test4" label="test4"></ledbutton2>
</td> <ledbutton2 topic="led/test1" label="Küche Deckenlampe"></ledbutton2>
</tr> <ledbutton2 topic="led/test2" label="Keller normal"></ledbutton2>
</table> <ledbutton2 topic="led/test3" label="Keller hell"></ledbutton2>
<ledbutton2 topic="led/test4" label="test4"></ledbutton2>
<ledbutton2 topic="led/test1" label="Küche Deckenlampe"></ledbutton2>
<ledbutton2 topic="led/test2" label="Keller normal"></ledbutton2>
<ledbutton2 topic="led/test3" label="Keller hell"></ledbutton2>
<ledbutton2 topic="led/test4" label="test4"></ledbutton2>
<p class="clear"></p>
</mat-expansion-panel> </mat-expansion-panel>
<mat-expansion-panel> <mat-expansion-panel>
<mat-expansion-panel-header> <mat-expansion-panel-header>

2
src/app/led-button-group2/led-button-group2.component.ts
View File

@ -5,7 +5,7 @@ import { MqttclientService } from '../mqttclient.service'
selector: 'ledbutton2', selector: 'ledbutton2',
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', 'width': '150px', 'padding':'5px', 'margin': '5px',
'font-family': 'sans-serif' }"> 'font-family': 'sans-serif' }">
{{label}}<br/> {{label}}<br/>
<button mat-mini-fab color="primary" (click)="clickOff()" [ngStyle]="{'font-size':'100%'}">off</button> <button mat-mini-fab color="primary" (click)="clickOff()" [ngStyle]="{'font-size':'100%'}">off</button>