new-landing-page-homenas/src/app/tasmota-control/tasmota-control.component.html

<!-- tasmota-control.component.html -->
<div class="tasmota-control">
  <h2>Tasmota Steckdosen Steuerung</h2>

  <div class="socket-control">
    <h3>Aktiv Kohle Lüfter</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>Bambu P1P</h3>
    <button
      (click)="toggleSocket2()"
      [class.on]="socket2Status"
      [class.off]="!socket2Status">
      {{ socket2Status ? 'Ausschalten' : 'Einschalten' }}
    </button>
    <span>Status: {{ socket2Status ? 'Ein' : 'Aus' }}</span>
  </div>
</div>