FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: dancatt am 01 Oktober 2015, 21:02:51

Titel: FTUI - Müllkalender
Beitrag von: dancatt am 01 Oktober 2015, 21:02:51
Nabend zusammen,

versuche mir gerade einen Müllkalender in FTUI zu kreieren.
Funktioniert auch soweit. Es drehen sich immer die Eimer welche morgen geleert werden. Dies können maximal 4 sein.
Was mir noch nicht so gefällt, ist, dass der Platz schon für 4 Eimer reserviert werden muss.
Gibt es eine Möglichkeit den Platz dynamisch anzupassen?


  <li data-row="2" data-col="2" data-sizex="3" data-sizey="2">
    <header>M&uuml;llabfuhr</header>
    <div class="centered container">
      <div data-type="symbol"
          data-device="holiday_Abfall"
          data-get="tomorrow"
          data-get-on='["",".*(Restmuell).*"]'
          data-on-colors='["","black"]'
          data-icons='["","fa-trash fa-spin"]'
          class="narrow big" >
      </div>
      <div data-type="symbol"
          data-device="holiday_Abfall"
          data-get="tomorrow"
          data-states='["",".*(Plastik).*"]'
          data-on-colors='["","yellow"]'
          data-icons='["","fa-trash fa-spin"]'
          class="narrow big" >
      </div>
      <div data-type="symbol"
          data-device="holiday_Abfall"
          data-get="tomorrow"
          data-states='["",".*(Papier).*"]'
          data-on-colors='["","blue"]'
          data-icons='["","fa-trash fa-spin"]'
          class="narrow big" >
      </div>
      <div data-type="symbol"
          data-device="holiday_Abfall"
          data-get="tomorrow"
          data-states='["",".*(Glas).*"]'
          data-on-colors='["","white"]'
          data-icons='["","fa-trash fa-spin"]'
          class="narrow big" >
      </div>
    </div>
  </li>


Vielen Dank.

MfG
Daniel
Titel: Antw:FTUI - Müllkalender
Beitrag von: setstate am 01 Oktober 2015, 22:05:29
Ohne Trick geht das nicht, weil die Class 'fa-stack' eine feste Breite mitbringt
Man könnte die Icons so definieren:

data-icons='["zero","fa-trash fa-spin"]'

Und dann irgendwo diesen Code ausführen:
$('.fa-stack:has(.zero)').removeClass('fa-stack');
Zum Beispiel in der widget_symbol.js Zeile 25 einfügen.
Titel: Antw:FTUI - Müllkalender
Beitrag von: dancatt am 02 Oktober 2015, 07:59:37
Vielen Dank. Werde ich mal probieren.
Aber bei einem update wird das ja immer wieder überschrieben, oder?