28 lines
742 B
HTML
28 lines
742 B
HTML
|
<!-- tasmota-control.component.html -->
|
||
|
|
<div class="tasmota-control">
|
||
|
|
<h2>Tasmota Steckdosen Steuerung</h2>
|
||
|
|
|
||
|
|
<div class="socket-control">
|
||
|
|
<h3>Steckdose 1</h3>
|
||
|
|
<button
|
||
|
|
(click)="toggleSocket1()"
|
||
|
|
[class.on]="socket1Status"
|
||
|
|
[class.off]="!socket1Status">
|
||
|
|
{{ socket1Status ? 'Ausschalten' : 'Einschalten' }}
|
||
|
|
</button>
|
||
|
|
<span>Status: {{ socket1Status ? 'Ein' : 'Aus' }}</span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="socket-control">
|
||
|
|
<h3>Steckdose 2</h3>
|
||
|
|
<button
|
||
|
|
(click)="toggleSocket2()"
|
||
|
|
[class.on]="socket2Status"
|
||
|
|
[class.off]="!socket2Status">
|
||
|
|
{{ socket2Status ? 'Ausschalten' : 'Einschalten' }}
|
||
|
|
</button>
|
||
|
|
<span>Status: {{ socket2Status ? 'Ein' : 'Aus' }}</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|