FTUI - Müllkalender

Begonnen von dancatt, 01 Oktober 2015, 21:02:51

Vorheriges Thema - Nächstes Thema

dancatt

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
Cubietruck: FHEM-Server 6.0

Homematic: HM-USB-CFG2, HM-CFG-LAN, HM-LC-SW1-FM, HM-LC-Sw1-Pl-DN-R1, HM-CC-RT-DN, HM-TC-IT-WM-W-EU, HM-SEC-SC-2, HM-SEC-SD, HM-PB-6-WM55

setstate

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.

dancatt

Vielen Dank. Werde ich mal probieren.
Aber bei einem update wird das ja immer wieder überschrieben, oder?
Cubietruck: FHEM-Server 6.0

Homematic: HM-USB-CFG2, HM-CFG-LAN, HM-LC-SW1-FM, HM-LC-Sw1-Pl-DN-R1, HM-CC-RT-DN, HM-TC-IT-WM-W-EU, HM-SEC-SC-2, HM-SEC-SD, HM-PB-6-WM55