Switch

Homestatus button

to toggle between two states

<li data-row="1" data-col="1" data-sizex="2" data-sizey="2">
    <header>HOMESTATUS</header>
    <div data-type="switch"
         data-device="dummy3"
         data-set-on="Anwesend"
         data-set-off="Abwesend"
         data-states='["Anwesend","Abwesend"]'
         data-icons='["fa-home", "fa-car"]'
         data-colors='["white", "white"]'
         data-background-colors='["green", "red"]'
         class="bigger top-space"></div>
</li>

Colors changed switches

      <div data-type="switch" data-device="dummy1" data-icon="fa-tint warn"
       data-off-background-color="#424242" data-off-color="#898989"
       data-on-background-color="#284D77" data-on-color="#00A8FD" class="warnsamecolor"></div>
      <div data-type="switch" data-device="dummy1" data-icon="fa-rocket warn"
       data-off-background-color="#424242" data-off-color="#898989"
       data-on-background-color="#6C2D49" data-on-color="#E5225A" class="warnsamecolor"></div>
      <div data-type="switch" data-device="dummy1" data-icon="fa-gear warn"
        data-off-background-color="#424242" data-off-color="#898989"
        data-on-background-color="#2D6C37" data-on-color="#3CE333" class="warnsamecolor"></div>