FTUI 2.5

[moonsorrox]

ich habe nach wie vor keine Warnkringel... aber das ist ja nicht das einzige. Ich kämpfe nach wie vor mit allen Anzeigen alles ist verrutscht

bei mir sieht es so aus bei den Abfall Symbolen:

Code Auswählen Erweitern

<div class="cell"
data-type="symbol"
data-device="myAbfall"
data-get-warn="(\d+)"
data-get="Restmuell_tage"
data-icons='["fs-dustbin warn","fs-dustbin warn fa-spin","fs-dustbin warn"]'
data-on-colors='["#778899","#778899","#778899"]'
data-get-on='["off","^[01]$","^[1-9][0-9]|[2-9]$"]'
data-on-background-color="#7A7A7A"
data-off-background-color="#A6BF17"
data-background-icon="fa-circle-thin"
data-off-background-color="#7A7A7A" data-on-background-color="#7A7A7A"
class="top-space">
</div>

ich habe jetzt keinen Bock... mehr es nervt einfach nur zumal ich nicht mehr durchsehe 

[SamNitro]

Bei mir nicht, obwohl ich das genauso habe wie Du.
Wenn ich mir die Bild URL kopiere, sieht die so aus: http://xxx.xxx.xxx.xxx:8083/fhem/ftui/images/guest_wifi_config1.png?_=1485360984048
Wenn ich die mit einem Browser aufrufe, kommt ein "File not found", mache ich die "?_=1485360984048" weg, dann wird mir das Bild im Browser angezeigt, wer oder was hängt da die Zahl dran?

Ist die link Angabe auch indirekt?
Habe bei mir festgestellt wenn ich die direkt anwähle funktioniert es auch nicht.

[olindner]

@SamNitro ... habe bei image-url erstmal den absoluten path genommen, bei mir so

Code Auswählen Erweitern

data-url="/fhem/tablet/images/hem.pngdann hat es erstmal funktioniert, bei relativen path bin ich auch gescheitert!

@moonsorrox ... versuche es mal so

Code Auswählen Erweitern

<div class="cell"
data-type="symbol"
data-device="myAbfall"
data-warn="Restmuell_tage"
data-icons='["fs-dustbin warn","fs-dustbin warn fa-spin","fs-dustbin warn"]'
data-on-colors='["#778899","#778899","#778899"]'
data-get-on='["off","^[01]$","^[1-9][0-9]|[2-9]$"]'
data-on-background-color="#7A7A7A"
data-off-background-color="#A6BF17"
data-background-icon="fa-circle-thin"
data-off-background-color="#7A7A7A" data-on-background-color="#7A7A7A"
class="top-space">
</div> vg Olaf

[grossmaggul]

Ist die link Angabe auch indirekt?

Was meinst Du mit indirekt.

Ich habe jetzt auch mal den absoluten Pfad genommen, damit geht's, relativer Pfad geht nicht.

[SamNitro]

Was meinst Du mit indirekt.

Ich habe jetzt auch mal den absoluten Pfad genommen, damit geht's, relativer Pfad geht nicht.

absoluter Pfad: domainname/bilder/beispiel
relativer Pfad: ./bilder/beispiel

mit indirekt meinte ich relativ...

[SamNitro]

Warn Kringel läuft bei mir hiermit:

Code Auswählen Erweitern

<div data-type="button"
    data-url="status.html"
    data-device="Update.Counter"
    data-get="ALL"
    data-background-icon="fs-system_fhem"
    data-on-background-color="#505050"
    data-off-background-color="#505050"
    data-icon="warn"
    class="readonly warn">
</div>


[eazy_isi]

Bei mir läuft der Warnkringel

Code Auswählen Erweitern

<div data-type="button"
data-background-icon="none"
data-device="myAbfall"
data-warn="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>
und so

Code Auswählen Erweitern

<div data-type="symbol"
data-background-icon="none"
data-device="myAbfall"
data-get="Papiertonne_tage"
data-icon="warn"
class="readonly warn">
</div>

Anzeige Abfall korrigieren von vertikal auf hoizontal:

Code Auswählen Erweitern

<div class="cell">  ändern auf

Code Auswählen Erweitern

<div class="hbox narrow">

[octek0815]

Hallo,

mit dem 2.5 Update geht meine Verschachtelung von push und symbol auch nicht mehr richtig.

Code Auswählen Erweitern

<div data-type="push"
data-set-on="-"
data-icon=""
data-device="dFTUIdummy"
data-warn="dFenster_Gesamtstatus:openWindowsCount"
style="font-size:160%; margin-top:3px; margin-right:-8px"
class="thin">
<div data-type="symbol"
data-device="dFenster_Gesamtstatus"
data-get-on='["closed","open"]'
data-icons='["oa-fts_window_1w","oa-fts_window_1w blink"]'
data-on-colors='["lightgrey","#FF0101"]'
class="thin"></div>
                </div>

Beim Refresh der Seite sieht es mal richtig aus und mal verschoben...

Grüße
Olli

[scooty]

Danke für den Hinweis zu data-warn, um den "Kringel" wieder zu bekommen.

Hat jemand ggf. auch noch einen Hinweis, warum bei einem symbol Widget das data-hide nicht mehr funktioniert?

Code Auswählen Erweitern


<div data-type="symbol"
data-device="WETTER_Regen"
data-get-on="ja"
data-get-off="nein"
data-on-color="green"
data-icon="oa-weather_rain blink"
data-hide="nein"
class="tall">
</div>
"WETTER_Regen" ist bei mir ein Dummy mit dem state/STATE "nein", das Icon dürfte also nicht auf der FTUI Oberfläche erscheinen, tut es aber leider doch.

Vielen Dank für jeglichen Hinweis,
Andreas

[setstate]

Das Problem mit dem Warn-Symbol habe ich gefixed.

Noch kurze Erklärung zu Benutzung

Entweder man benutzt die Warn-Klasse im Icon-Status-Array. Damit erfolgt die Anzeige einfach über das data-get Reading und den data-get-on (bzw. data-states) Vergleich.

Code Auswählen Erweitern


<div data-type="symbol" data-device="ftuitest" data-get="STATE" data-icons='["fa-trash warn fa-spin","fa-trash warn","fa-trash"]' data-on-colors='["red","yellow","#333333"]' data-get-on='["(0|1)","(2|3|4|5|6)","(7|8|9|10|11|12|13|14|15|16|17|18|19|20|21|22|23|24|25|26|27|28|29|30|31)"]' class="big inline">



Oder man schaltet das Warn-Symbol über ein data-warn Reading direkt zu. Mit data-warn-on und data-warn-off stellt man ein, wann es angezeigt wird bzw. verschwindet. default für data-warn-on ist 'true|on|[1-9]{1}[0-9]*'). Für data-warn-off ist der default 'false|off|0'

Code Auswählen Erweitern

<div data-type="symbol" data-device="ftuitest" data-get="STATE" data-warn="countWarnings" data-icon="fa-trash" data-on-colors="yellow" data-get-on="(0|1)" >

Aber nicht beides gemixt. Also warn zu den Icons oder als data-warn.

[TWART016]

Gibt es mittlerweile aktuellere Examples auf Github?

https://github.com/knowthelist/fhem-tablet-ui/tree/master/examples

Oder auf welcher Basis soll eine neue Seite erstellt werden?

[setstate]

mit dem 2.5 Update geht meine Verschachtelung von push und symbol auch nicht mehr richtig.

Die Verschachteln wäre jetzt mehr nötig. Push kann jetzt auch auf Inputs reagieren. Also data-get und data-get-on an Push anfügen.

Die Vertchachtlung passt aber auch wieder, wenn man class="mini" an das Symbol setzt.

[moonsorrox]

@setstate

also ich bin hier echt am verzweifeln, ich bin dabei mein Layout wieder etwas anzupassen was mir rein von der Formatierung per css so gar nicht gelingt. (ich möchte aber die aktuelle Version 2.5 nutzen)
Ich habe hier mal ein Beispiel evtl. kannst du mal drauf schauen, ich weiß sonst nicht wie ich weiter machen soll.
Es sind die 4 Abfallarten die ich bisher nebeneinander abgebildet hatte mit den entsprechenden Warnicons.

Was ich bisher geschafft habe, ist diese wieder nebeneinander darzustellen..! Ist das alles richtig was ich mir da gebaut habe, oder ist das jetzt nur ein Zufall das es wieder von der Ansicht passt.?

Was gar nicht geht ist, das mit den Warnicons - auch mit deinen beiden Varianten aus #54 die ich ausprobiert habe kommt kein WarnIcon..!
Oder muss ich dazu ein Update machen.?

Dieser Code ist einem kleinem Fenster welches mir eben nur den Abfall darstellt ohne jegliche Schrift dazu, ein sogenanntes Statusfenster welches ich an jeder Stelle auf meiner Seite einsetzen könnte

Code Auswählen Erweitern

<div class="sheet">
<div class="row">
<div class="cell normal" 
data-type="symbol"
data-device="myAbfall"
data-get-warn="(\d+)"
data-get="Restmuell_tage"
data-icons='["fs-dustbin warn","fs-dustbin warn fa-spin","fs-dustbin warn"]'
data-on-colors='["#778899","#778899","#778899"]'
data-get-on='["off","^[01]$","^[1-9][0-9]|[2-9]$"]'
data-on-background-color="#7A7A7A"
data-off-background-color="#A6BF17"
data-background-icon="fa-circle-thin"
data-off-background-color="#7A7A7A" data-on-background-color="#7A7A7A">
</div>

<div class="cell normal"
data-type="symbol"
data-device="myAbfall"
data-get-warn="(\d+)"
data-get="GelberSackLeichtverpackungen_tage"
data-icons='["fs-bag warn","fs-bag warn fa-spin","fs-bag warn"]'
data-on-colors='["yellow","yellow","yellow"]'
data-get-on='["off","^[01]$","^[1-9][0-9]|[2-9]$"]'
data-on-background-color="#7A7A7A"
data-off-background-color="#A6BF17"
data-background-icon="fa-circle-thin"
data-off-background-color="#7A7A7A" data-on-background-color="#7A7A7A">
</div>
   
<div class="cell normal"
data-type="symbol"
        data-device="myAbfall"
data-get-warn="(\d+)"
        data-get="PapierAbfall_tage"
        data-icons='["fs-bag warn","fs-bag warn fa-spin","fs-bag warn"]'
        data-on-colors='["royalblue","royalblue","royalblue"]'
        data-get-on='["off","^[01]$","^[1-9][0-9]|[2-9]$"]'
data-on-background-color="#7A7A7A"
data-off-background-color="#A6BF17"
data-background-icon="fa-circle-thin"
data-off-background-color="#7A7A7A" data-on-background-color="#7A7A7A">
</div>
   
<div class="cell normal"
data-type="symbol"
        data-device="myAbfall"
data-get-warn="(\d+)"
        data-get="BioabfallGruengut_tage"
        data-icons='["fs-bag warn","fs-bag warn fa-spin","fs-bag warn"]'
        data-on-colors='["limegreen","limegreen","limegreen"]'
        data-get-on='["off","^[01]$","^[1-9][0-9]|[2-9]$"]'
data-on-background-color="#7A7A7A"
data-off-background-color="#A6BF17"
data-background-icon="fa-circle-thin"
        data-off-background-color="#7A7A7A" data-on-background-color="#7A7A7A">
</div>
    </div>
</div>


[setstate]

Hat jemand ggf. auch noch einen Hinweis, warum bei einem symbol Widget das data-hide nicht mehr funktioniert?

Code Auswählen Erweitern


<div data-type="symbol"
data-device="WETTER_Regen"
data-get-on="ja"
data-get-off="nein"
data-on-color="green"
data-icon="oa-weather_rain blink"
data-hide="nein"
class="tall">
</div>

Mit data-hide-on="nein" geht es.
data-hide zeigt auf das Reading, anhand dessen versteckt wird. data-hide-off und data-hide-on sind die Werte, auf die reagiert werden.

Das ist jetzt einheitlich zu lock, reachable und warn

[moonsorrox]

so nach einem Update werden jetzt erst einmal wieder die Warnicons angezeigt...!
Eine Baustelle beseitigt...! Morgen gehts weiter, jetzt geht nix mehr