Hauptmenü

FTUI 2.5

Begonnen von setstate, 23 Januar 2017, 22:25:41

Vorheriges Thema - Nächstes Thema

h3llsp4wn

@setstate: man sollte Dich zum Mega Hero Member promoten :)

Sehr geil! ... und ja - ich kotze jetzt schon, weil ich dann wohl demnächst alles Seiten/Features einbauen/umbauen werde ... das gibt wieder Ärger zu Hause,
ich hatte gerade die 2.4 kpl. durch und war mit neuen Featurerequest unterwegs ... gibt schlimmeres ...

choetzu

Mega!!! Endlich hab ich wieder was zu tun... ;) Herzlichen Dank für deine Supermühe...


Frage: was hat dies für einen Einfluss auf die Mobile Seiten? Kann ich hier den selben Header nutzen?


Raspi3, EnOcean, Zwave, Homematic

Tabularasa

Für einen Anfänger wie mich ist das gerade wieder ne extreme Herausforderung :-\ hatte nämlich schon ganz schön Mühe mir das alte hinzubasteln. Aber war jetzt schon langweilig weil ich am Sonntag fertig geworden bin ;) Dann mal los...

rvideobaer

Hallo,

schön gemacht, das Umstellen war relativ schnell erledigt da nur wenig geändert werden musste. Aber ich habe ein problem das ich ein paar Steckdosen in meiner Anordnung durch Horizontale linen getrennt habe.
<li data-row="1" data-col="8" data-sizex="3" data-sizey="7">
        <header>Steckdosen</header>
<!-- ============ Steckdose Balkon ============= -->       
<div class="vbox ">
<div class="hbox">

        <div data-type="switch" data-device="HM_4Fach_Sw_01"
              data-icon="fa-check" data-on-background-color="DarkGreen" data-off-background-color="lime"
              data-set-off="on" class="big"></div>
        <div data-type="switch" data-device="HM_4Fach_Sw_01"
              data-icon="fa-ban" data-off-background-color="DarkRed" data-on-background-color="Red"
              data-set-on="off" class="big"></div>
       
      <div data-type="popup" data-height="150px" data-width="360px" >
       
        <div data-type="switch"
        data-device="T_HM_4Fach_Sw_01"
        data-icon="fa-clock-o"
        data-background-color-off="orange"
        data-set-on=""
        data-set-off=""
        data-get-on="!off"
        data-get-off="inactive"
        class="top-space-2x"></div>
       
    <div class="dialog" style="overflow:hidden">
      <header>Startzeit-Endzeit</header>
      <div class="vbox">
      <div class="hbox top-narrow">
    <div style="color:#ffa30d; font-size:25px">An&nbsp;</div>
   
            <div data-type="datetimepicker" data-device="T_HM_4Fach_Sw_01"
              data-get="TIMESPEC" data-set-value="*$v" data-cmd="modify"
              data-step="15"
              data-datepicker="false" data-format="H:i"
              class="big orange left-space right-space"></div>
              <div data-type="checkbox" data-device='T_HM_4Fach_Sw_01'
                data-get-on="!off" data-get-off="inactive"
                data-set-on="active" data-set-off="inactive"></div>
              </div>
             
              <div class="hbox top-narrow">
    <span style="color:#ffa30d; font-size:25px">Aus</span>
   
                <div data-type="datetimepicker" data-device="T_HM_4Fach_Sw_01_aus"
              data-get="TIMESPEC" data-set-value="*$v" data-cmd="modify"
              data-step="15"
              data-datepicker="false" data-format="H:i"
              class="big orange left-space right-space"></div>
             
              <div data-type="checkbox" data-device='T_HM_4Fach_Sw_01_aus'
                data-get-on="!off" data-get-off="inactive"
                data-set-on="active" data-set-off="inactive"></div>
               </div></div></div></div></div>
                <div class="hbox items-space-around">
        <div class="orange2 inline">Balkon</div><div class="orange2 inline">Timer</div>
        </div>
        <div class="orange2 top-narrow"></div><hr>
<!-- ============ Steckdose Wohnzimmer links ============= -->
<div class="hbox">

        <div data-type="switch" data-device="HM_4Fach_Sw_02"
              data-icon="fa-check" data-on-background-color="DarkGreen" data-off-background-color="lime"
              data-set-off="on" class="big"></div>
        <div data-type="switch" data-device="HM_4Fach_Sw_02"
              data-icon="fa-ban" data-off-background-color="DarkRed" data-on-background-color="Red"
              data-set-on="off" class="big"></div>
       
      <div data-type="popup" data-height="150px" data-width="360px">
     
        <div data-type="switch"
        data-device="timer_4_2"
        data-icon="fa-clock-o"
        data-background-color-off="orange"
        data-set-on=""
        data-set-off=""
        data-get-on="!off"
        data-get-off="inactive"
        class="top-space-2x"></div>
       
    <div class="dialog" style="overflow:hidden">
      <header>Startzeit-Endzeit</header>
      <div class="vbox">
      <div class="hbox top-narrow">
      <div style="color:#ffa30d; font-size:25px">An&nbsp;</div>
     
            <div data-type="datetimepicker" data-device="T_HM_4Fach_Sw_02"
              data-get="TIMESPEC" data-set-value="*$v" data-cmd="modify"
              data-step="15"
              data-datepicker="false" data-format="H:i"
              class="big orange left-space right-space"></div>
              </div>
              <div class="hbox top-narrow">
    <div style="color:#ffa30d; font-size:25px">Aus</div>
   
                <div data-type="datetimepicker" data-device="T_HM_4Fach_Sw_02_aus"
              data-get="TIMESPEC" data-set-value="*$v" data-cmd="modify"
              data-step="15"
              data-datepicker="false" data-format="H:i"
              class="big orange left-space right-space"></div>
             
              <div data-type="checkbox" data-device='timer_4_2'
                data-get-on="!off" data-get-off="inactive"
                data-set-on="active" data-set-off="inactive"></div>
               </div></div></div></div></div>
        <div class="hbox items-space-around left-space-2x">
        <div class="orange2 inline">Wohnzimmer links</div><div class="orange2 inline">Timer</div>
        </div>
        <div class="orange2 top-narrow"></div><hr>
<!-- ============ Steckdose Wohnzimmer rechts ============= -->
       
       
       
    <div class="hbox">
   
        <div data-type="switch" data-device="HM_4Fach_Sw_03"
              data-icon="fa-check" data-on-background-color="DarkGreen" data-off-background-color="lime"
              data-set-off="on" class="big"></div>
        <div data-type="switch" data-device="HM_4Fach_Sw_03"
              data-icon="fa-ban" data-off-background-color="DarkRed" data-on-background-color="Red"
              data-set-on="off" class="big"></div>
             
      <div data-type="popup" data-height="150px" data-width="360px">
     
        <div data-type="switch"
        data-device="timer_4_3"
        data-icon="fa-clock-o"
        data-background-color-off="orange"
        data-set-on=""
        data-set-off=""
        data-get-on="!off"
        data-get-off="inactive"
        class="top-space-2x"></div>
       
        <div class="dialog" style="overflow:hidden">
      <header>Startzeit-Endzeit</header>
      <div class="vbox">
      <div class="hbox top-narrow">
    <div style="color:#ffa30d; font-size:25px">An&nbsp;</div>
   
            <div data-type="datetimepicker" data-device="T_HM_4Fach_Sw_03"
              data-get="TIMESPEC" data-set-value="*$v" data-cmd="modify"
              data-step="15"
              data-datepicker="false" data-format="H:i"
              class="big orange left-space right-space"></div>
              </div>
             
              <div class="hbox top-narrow">
    <div style="color:#ffa30d; font-size:25px">Aus</div>
   
                <div data-type="datetimepicker" data-device="T_HM_4Fach_Sw_03_aus"
              data-get="TIMESPEC" data-set-value="*$v" data-cmd="modify"
              data-step="15"
              data-datepicker="false" data-format="H:i"
              class="big orange left-space right-space"></div>
             
              <div data-type="checkbox" data-device='timer_4_3'
                data-get-on="!off" data-get-off="inactive"
                data-set-on="active" data-set-off="inactive"></div>
                </div></div></div></div></div>
        <div class="hbox items-space-around left-space-2x">
        <div class="orange2 inline">Wohnzimmer rechts</div><div class="orange2 inline">Timer</div>
        </div>
        <div class="orange2 top-narrow"></div><hr>
<!-- ============ Steckdose Kueche ============= -->     
   
    <div class="hbox">
       
        <div data-type="switch" data-device="HM_S_Kueche"
              data-icon="fa-check" data-on-background-color="DarkGreen" data-off-background-color="lime"
              data-set-off="on" class="big"></div>
        <div data-type="switch" data-device="HM_S_Kueche"
              data-icon="fa-ban" data-off-background-color="DarkRed" data-on-background-color="Red"
              data-set-on="off" class="big"></div>
     
      <div data-type="popup" data-height="150px" data-width="360px">
     
        <div data-type="switch"
        data-device="timer_Kueche"
        data-icon="fa-clock-o"
        data-background-color-off="orange"
        data-set-on=""
        data-set-off=""
        data-get-on="!off"
        data-get-off="inactive"
        class="top-space-2x"></div>
       
    <div class="dialog" style="overflow:hidden">
      <header>Startzeit-Endzeit</header>
      <div class="vbox">
      <div class="hbox top-narrow">
    <div style="color:#ffa30d; font-size:25px">An&nbsp;</div>
   
            <div data-type="datetimepicker" data-device="timer_Kueche_01"
              data-get="TIMESPEC" data-set-value="*$v" data-cmd="modify"
              data-step="15"
              data-datepicker="false" data-format="H:i"
              class="big orange left-space right-space"></div>
              <div data-type="checkbox" data-device='timer_Kueche'
                data-get-on="!off" data-get-off="inactive"
                data-set-on="active" data-set-off="inactive"></div>
                </div>
               
                <div class="hbox top-narrow">
    <div style="color:#ffa30d; font-size:25px">Aus</div>
   
                <div data-type="datetimepicker" data-device="timer_Kueche_01_aus"
              data-get="TIMESPEC" data-set-value="*$v" data-cmd="modify"
              data-step="15"
              data-datepicker="false" data-format="H:i"
              class="big orange left-space right-space"></div>
              <div data-type="checkbox" data-device='timer_Kueche_01_aus'
                data-get-on="!off" data-get-off="inactive"
                data-set-on="active" data-set-off="inactive"></div>
                </div></div></div></div></div>
               
        <div class="hbox items-space-around left-space-2x">
        <div class="orange2 inline">K&uuml;che</div><div class="orange2 inline">Timer</div>
        </div>
        <div class="orange2 top-narrow"></div><hr>
<!-- ============ Steckdose Schlafzimmer ============= -->       
       
        <div class="hbox ">
        <div data-type="switch" data-device="PW_Stecker_02_Sw"
              data-icon="fa-check" data-on-background-color="DarkGreen" data-off-background-color="lime"
              data-set-on="on" class="big"></div>
        <div data-type="switch" data-device="PW_Stecker_02_Sw"
              data-icon="fa-ban" data-off-background-color="DarkRed" data-on-background-color="Red"
              data-set-on="off" class="big"></div>
       
      <div data-type="popup" data-height="150px" data-width="360px">
     
        <div data-type="switch"
        data-device="timer_PW_02"
        data-icon="fa-clock-o"
        data-background-color-off="orange"
        data-set-on=""
        data-set-off=""
        data-get-on="!off"
        data-get-off="inactive"
        class="top-space-2x"></div>
       
    <div class="dialog" style="overflow:hidden">
      <header>Startzeit-Endzeit</header>
      <div class="vbox">
      <div class="hbox top-narrow">
    <div style="color:#ffa30d; font-size:25px">An&nbsp;</div>
   
            <div data-type="datetimepicker" data-device="T_PW_Stecker_02"
              data-get="TIMESPEC" data-set-value="*$v" data-cmd="modify"
              data-step="15"
              data-datepicker="false" data-format="H:i"
              class="big orange left-space right-space"></div>
              <div data-type="checkbox" data-device='timer_PW_02'
                data-get-on="!off" data-get-off="inactive"
                data-set-on="active" data-set-off="inactive"></div>
                </div>
                <div class="hbox top-narrow">
    <div style="color:#ffa30d; font-size:25px">Aus</div>
   
                <div data-type="datetimepicker" data-device="T_PW_Stecker_02_aus"
              data-get="TIMESPEC" data-set-value="*$v" data-cmd="modify"
              data-step="15"
              data-datepicker="false" data-format="H:i"
              class="big orange left-space right-space"></div>
           
              <div data-type="checkbox" data-device='T_PW_Stecker_02_aus'
                data-get-on="!off" data-get-off="inactive"
                data-set-on="active" data-set-off="inactive"></div>
                </div></div></div></div></div>
               
        <div class="hbox items-space-around left-space-2x">
        <div class="orange2 inline">Schlafzimmer</div><div class="orange2 inline">Timer</div>
        </div>
        <div class="orange2 top-narrow"></div><hr>

<!-- ============ Steckdose Zwischenstecker ============= -->

<div class="hbox">
        <div data-type="switch" data-device="Zw_Stecker_01"
              data-icon="fa-check" data-on-background-color="DarkGreen" data-off-background-color="lime"
              data-set-off="on"
              class="big"></div>
    <div data-type="switch" data-device="Zw_Stecker_01"
              data-icon="fa-ban" data-off-background-color="DarkRed" data-on-background-color="Red"
              data-set-on="off"
              class="big"></div>
                   
      <div data-type="popup" data-height="150px" data-width="360px">
     
        <div data-type="switch"
        data-device="timer_T_Zw_Stecker_01"
        data-icon="fa-clock-o"
        data-background-color-off="orange"
        data-set-on=""
        data-set-off=""
        data-get-on="!off"
        data-get-off="inactive"
        class="top-space-2x"></div>

<div class="dialog" style="overflow:hidden">
      <header>Startzeit-Endzeit</header>
      <div class="vbox">
      <div class="hbox top-narrow">
    <div style="color:#ffa30d; font-size:25px">An&nbsp;</div>
       
        <div data-type="datetimepicker" data-device="T_Zw_Stecker_01"
              data-get="TIMESPEC" data-set-value="*$v" data-cmd="modify"
              data-step="15"
              data-datepicker="false" data-format="H:i"
              class="big orange  left-space right-space">
              </div>
              <div data-type="checkbox" data-device='timer_T_Zw_Stecker_01'
                data-get-on="!off" data-get-off="inactive"
                data-set-on="active" data-set-off="inactive">
                </div>
                </div>
               
                <div class="hbox top-narrow">
              <div style="color:#ffa30d; font-size:25px">Aus</div>
              <div data-type="datetimepicker" data-device="T_Zw_Stecker_01_aus"
              data-get="TIMESPEC" data-set-value="*$v" data-cmd="modify"
              data-step="15"
              data-datepicker="false" data-format="H:i"
              class="big orange  left-space right-space"></div>
              <div data-type="checkbox" data-device='T_Zw_Stecker_01_aus'
                data-get-on="!off" data-get-off="inactive"
                data-set-on="active" data-set-off="inactive"></div>
                </div>
        </div></div></div></div>
       
        <div class="hbox items-space-around left-space-2x">
        <div class="orange2 inline">Zwischenstecker</div><div class="orange2 inline">Timer</div>
        </div>
        <div class="orange2 top-narrow"></div><hr>
</div>       
</li>

jetzt ist es so das Safari die Linien anzeigt aber zb. Chrome oder Firefox nicht mehr korrekt.

Wer hat einen Tip für mich, oder kann man das auch anders als mit <hr> lösen?

Gruß Rolf
Raspberry Pi 2, HM-Uart,1x HM-LC-Sw1PBU-FM, 1x HM-RC-2-PBU-FM,1x HM-LC-SW4-DR,1x HM-LC-Sw1-Pl-DN-R1,1x HM-TC-IT-WM-W-EU, 5x HM-CC-RT-DN und noch mehr

Ralf.E

Wenn ich mich jetzt nicht verguckt habe, sind

  • bigplus
  • medium
verschwunden?

Zitat von: setstate am 23 Januar 2017, 22:25:41
- mini         : 50%
- tiny          : 60%
- small        : 80%
- normal      : 100%
- large        : 125%
- big           : 150%
- bigger      : 200%
- tall           : 350%
- grande      : 600%
- gigantic     : 144px
Rpi4> FHEM, TabletUI, Z-Wave, EnOcean, Hue, HmIP via Debmatic

Ralf.E

Ich hoffe mal nichts überlesen zu haben - bei mir verhält sich Pagetab etwas anders:
- auf der Index-/Startseite ist wie bisher der zuständige Button aktiv
- beim Aufrufen einer anderen Seite wird der zugehörige Button aktiv - der Button der Index-/Startseite bleibt weiterhin aktiv und lässt sich nicht mehr auswählen

Wie bereits oben erwähnt fehlt auch bei mir der Warn-Kringel...

Gruß Ralf
Rpi4> FHEM, TabletUI, Z-Wave, EnOcean, Hue, HmIP via Debmatic

ih-sqeezer

Hallo,

zunächst mal möchte ich mich bei den kreativen Köpfen hier bedanken. Ihr leistet wirklich tolle Arbeit mit der Umsetzung neuer Ideen.
Ich habe gestern ebenfalls auf die v2.5 gewechselt. Ich bin jedoch wöchentlich mit Updates dabei und komme daher immer ganz gut mit ;-)
Für die neue Version musste ich ein paar Dinge nachziehen, lief aber fast alles problemlos.

Jedoch erscheinen bei mir images nicht mehr, welche vorher ohne jegliche Probleme angezeigt wurden. Mit der neuen Version erscheint nun immer nur "img".

Hier der code dazu:
<div class="top-space">
<div data-type="image"
data-size="25%"
data-url="./images/HEM_logo.jpg"
class="">
</div>
<div data-type="label"
data-device="HEM"
data-get="Super"
data-unit="€"
class="big">
</div>
</div>


Weiterhin bekomme ich ebenfalls keine Warn-Kringel mehr angezeigt :-(

Grüße,
Ingo

moonsorrox

Oh je bei mir ist auch alles durcheinander.. ich weiß jetzt gar nicht mehr wo ich anfangen soll.
Alles was horizontal war wie die Abfallanzeige ist jetzt senkrecht..:! Die roten Warnmeldungen sind an allen Icons weg
Intel-NUC i5: FHEM-Server 6.1 :: Perl v5.18.2

Homematic: HM-USB-CFG2,HM-CFG-LAN Adapter, HM-LC-BL1-FM, HM-LC-Sw1PBU-FM, HM-LC-Sw1-PI-2, HM-WDS10-TH-O, HM-CC-TC, HM-LC-SW2-FM

alpha1974

Danke für das Update!

Bislang hatte ich nach diesem Beispiel ein Menu aufgebaut. In der menu.html war ein Popup-Widget definiert, das sich auch ordnungsgemäß öffnete, egal, welcher Pagetab gerade aktiviert war.

Seit dem Update ist das Menu hinter die Pagetabs verrutscht. Abhilfe nur dadurch,dass man das Popup-Widget aus menu.html entfernt. Ist das eine ungewollte oder gewollte Änderung mit dem Update?

Gruß
alpha
FHEM/Z-Wave USB-Dongle + div. Devices

setstate

Switch mit Warn habe ich gerade bei mir getestet. Geht auf Anhieb. Da müsst ihr mir mal den Code geben (bis hoch zum Gridster-<li>)
Vielleicht liegt es an bestimmten CSS Klassen, die verbaut sind.

markukug

Es tut mir leid, wenn ich das hier so schreiben muss, da sicher gute Absicht und eine Menge Aufwand in dem Update steckt, aber bei mir sieht alles unbrauchbar aus. Da steckt jetzt mindestens ein Tag Arbeit drin, um wieder eine halbwegs brauchbare Anzeige über Tablet UI hinzubekommen. Bis ich mir diesen Tag nehmen kann, sind alle Terminals, die ich mühsam konfiguriert habe, unbrauchbar.

In so einem Fall wäre eine Vorwarnung bzw. evtl. sogar eine eine eigene Tablet UI 2.5 ohne die bestehende Version anzugreifen, hiflreich. Das würde einem auch die zeit geben, um mit der neuen Version zu testen.

:'(

Tobias

Zitat von: markukug am 25 Januar 2017, 07:31:08
Es tut mir leid, wenn ich das hier so schreiben muss, da sicher gute Absicht und eine Menge Aufwand in dem Update steckt, aber bei mir sieht alles unbrauchbar aus. Da steckt jetzt mindestens ein Tag Arbeit drin, um wieder eine halbwegs brauchbare Anzeige über Tablet UI hinzubekommen. Bis ich mir diesen Tag nehmen kann, sind alle Terminals, die ich mühsam konfiguriert habe, unbrauchbar.

In so einem Fall wäre eine Vorwarnung bzw. evtl. sogar eine eine eigene Tablet UI 2.5 ohne die bestehende Version anzugreifen, hiflreich. Das würde einem auch die zeit geben, um mit der neuen Version zu testen.

:'(
Hi setstate, da wäre es besser wenn du in deinem Repo für jede Revision einen eigenen Zweig anlegst. So kann jeder USer selbst entscheiden, wann er sein TabletUI auf eine neue Version umbiegt. Einfach die controls.txt anpassen - ein update - und schon hat man auf die neue Version umgestellt
Maintainer: Text2Speech, TrashCal, MediaList

Meine Projekte: https://github.com/tobiasfaust
* PumpControl v2: allround Bewässerungssteuerung mit ESP und FHEM
* Ein Modbus RS485 zu MQTT Gateway für SolarWechselrichter

fhainz

Oder einfach die datein aus dem backup zurückspielen?

eazy_isi

Hatte dasselbe Problem mit dem Abfallkalender,
so funkioniert es jetzt wieder, horizontal und mit Warnkreisen

<li class="semitransparent3d" data-row="7" data-col="1" data-sizex="6" data-sizey="2">
<header class="semitransparentheader">Abfall</header>
<div class="cell">
<div data-type="symbol"
data-background-icon="fa-circle-thin"
data-device="myAbfall"
data-get="Restmuellgefaess_tage"
data-off-color="#000000"
data-fhem-cmd="setreading myAbfall Restmuellgefaess_tage off"
data-get-on='["off","0","1","[2-9]{1}|[0-9]{2}"]'
data-icons='["fa-trash warn","fa-trash warn fa-spin","fa-trahs warn blink","fa-trash warn"]'
data-on-colors='["#000000","#000000","#000000","#000000"]'
class="big">
</div>
<div data-type="symbol"
data-background-icon="fa-circle-thin"
data-device="myAbfall"
data-get="GelberSack_tage"
data-off-color="yellow"
data-fhem-cmd="setreading myAbfall GelberSack_tage off"
data-get-on='["off","0","1","[2-9]{1}|[0-9]{2}"]'
data-icons='["fs-bag warn","fs-bag warn fa-spin","fs-bag warn blink","fs-bag warn"]'
data-on-colors='["gold","gold","gold","gold"]'
class="big">
</div>
<div data-type="symbol"
data-background-icon="fa-circle-thin"
data-device="myAbfall"
data-get="Papiertonne_tage"
data-off-color="#0088CC"
data-fhem-cmd="setreading myAbfall Papiertonne_tage off"
data-get-on='["off","0","1","[2-9]{1}|[0-9]{2}"]'
data-icons='["fa-trash warn","fa-trash warn fa-spin","fa-trahs warn blink","fa-trash warn"]'
data-on-colors='["#0088CC","#0088CC","#0088CC","#0088CC"]'
class="big">
</div>
<div data-type="symbol"
data-background-icon="fa-circle-thin"
data-device="myAbfall"
data-get="Gruengutbuendelsammlung_tage"
data-off-color="#00cc0a"
data-fhem-cmd="setreading myAbfall Gruengutbuendelsammlung_tage off"
data-get-on='["off","0","1","[2-9]{1}|[0-9]{2}"]'
data-icons='["fs-bag warn","fs-bag warn fa-spin","fs-bag warn blink","fs-bag warn"]'
data-on-colors='["#00cc0a","#00cc0a","#00cc0a","#00cc0a"]'
class="big">
</div>
</div>
</li>



Zitat von: moonsorrox am 25 Januar 2017, 02:31:10
Oh je bei mir ist auch alles durcheinander.. ich weiß jetzt gar nicht mehr wo ich anfangen soll.
Alles was horizontal war wie die Abfallanzeige ist jetzt senkrecht..:! Die roten Warnmeldungen sind an allen Icons weg

gloob

#29
Zitat von: eazy_isi am 25 Januar 2017, 07:52:10
Hatte dasselbe Problem mit dem Abfallkalender,
so funkioniert es jetzt wieder, horizontal und mit Warnkreisen

<li class="semitransparent3d" data-row="7" data-col="1" data-sizex="6" data-sizey="2">
               <header class="semitransparentheader">Abfall</header>
               <div class="cell">
                  <div data-type="symbol"
                      data-background-icon="fa-circle-thin"
                      data-device="myAbfall"
                      data-get="Restmuellgefaess_tage"
                      data-off-color="#000000"
                      data-fhem-cmd="setreading myAbfall Restmuellgefaess_tage off"
                      data-get-on='["off","0","1","[2-9]{1}|[0-9]{2}"]'
                      data-icons='["fa-trash warn","fa-trash warn fa-spin","fa-trahs warn blink","fa-trash warn"]'
                      data-on-colors='["#000000","#000000","#000000","#000000"]'
                      class="big">
                  <>
                  <div data-type="symbol"
                      data-background-icon="fa-circle-thin"
                      data-device="myAbfall"
                      data-get="GelberSack_tage"
                      data-off-color="yellow"
                      data-fhem-cmd="setreading myAbfall GelberSack_tage off"
                      data-get-on='["off","0","1","[2-9]{1}|[0-9]{2}"]'
                      data-icons='["fs-bag warn","fs-bag warn fa-spin","fs-bag warn blink","fs-bag warn"]'
                      data-on-colors='["gold","gold","gold","gold"]'
                      class="big">
                  <>
                  <div data-type="symbol"
                      data-background-icon="fa-circle-thin"
                      data-device="myAbfall"
                      data-get="Papiertonne_tage"
                      data-off-color="#0088CC"
                      data-fhem-cmd="setreading myAbfall Papiertonne_tage off"
                      data-get-on='["off","0","1","[2-9]{1}|[0-9]{2}"]'
                      data-icons='["fa-trash warn","fa-trash warn fa-spin","fa-trahs warn blink","fa-trash warn"]'
                      data-on-colors='["#0088CC","#0088CC","#0088CC","#0088CC"]'
                      class="big">
                  <>
                  <div data-type="symbol"
                      data-background-icon="fa-circle-thin"
                      data-device="myAbfall"
                      data-get="Gruengutbuendelsammlung_tage"
                      data-off-color="#00cc0a"
                      data-fhem-cmd="setreading myAbfall Gruengutbuendelsammlung_tage off"
                      data-get-on='["off","0","1","[2-9]{1}|[0-9]{2}"]'
                      data-icons='["fs-bag warn","fs-bag warn fa-spin","fs-bag warn blink","fs-bag warn"]'
                      data-on-colors='["#00cc0a","#00cc0a","#00cc0a","#00cc0a"]'
                      class="big">
                  <>
               <>
                        </li>


Was musstest du denn ändern, damit es wieder geht?


Ich habe meine so definiert:



<li data-row="1" data-col="1" data-sizex="4" data-sizey="2" class="semitransparent">
<div class="hbox items-space-around">
<div data-type="symbol" data-background-icon="fa-circle-thin " data-off-background-color="#7A7A7A" data-on-background-color="#7A7A7A" data-device="abfall_Restmuell" data-get='STATE' data-off-color="grey" data-get-on='["off","^[01]$","^[1-9][0-9]|[2-9]$"]' data-icons='["fa-trash warn","fa-trash warn blink","fa-trash warn"]' data-on-colors='["gray","gray","gray"]' class="large"/>
<div data-type="symbol" data-background-icon="fa-circle-thin " data-off-background-color="#7A7A7A" data-on-background-color="#7A7A7A" data-device="abfall_GelberSack" data-get='STATE' data-off-color="#E6E600" data-get-on='["off","^[01]$","^[1-9][0-9]|[2-9]$"]' data-icons='["fa-recycle warn","fa-recycle warn blink","fa-recycle warn"]' data-on-colors='["gold", "gold", "gold"]' class="large"/>
<div data-type="symbol" data-background-icon="fa-circle-thin " data-off-background-color="#7A7A7A" data-on-background-color="#7A7A7A" data-device="abfall_Biomuell" data-get='STATE' data-off-color="#996633" data-get-on='["off","^[01]$","^[1-9][0-9]|[2-9]$"]' data-icons='["fa-trash warn","fa-trash warn blink","fa-trash warn"]' data-on-colors='["green","green","green"]' class="large"/>
<div data-type="symbol" data-background-icon="fa-circle-thin " data-off-background-color="#7A7A7A" data-on-background-color="#7A7A7A" data-device="abfall_Papier" data-get='STATE' data-off-color="#4747D1" data-get-on='["off","^[01]$","^[1-9][0-9]|[2-9]$"]' data-icons='["fa-trash warn","fa-trash warn blink","fa-trash warn"]' data-on-colors='["blue","blue","blue"]' class="large"/>
<>
</li>



und bekomme keine Kreise mit den Resttagen.
Raspberry Pi 3 | miniCUL 433MHz | nanoCUL 868 MHz | nanoCUL 433 MHz | MySensors WLAN Gateway | LaCrosse WLAN Gateway | SignalESP 433 MHz | SignalESP 868 MHz | HM-MOD-UART WLAN Gateway | IR - 360 Grad WLAN Gateway