Fehlerhafte Darstellung symbol

[knopf_piano]

Grüße euch,
hab heute ein git pull für tablet-ui gemacht, danach wollte meine Abfall/Fenster-Status-Anzeige nicht mehr.
Keine farbliche Darstellung der Symbole/-Ringe.
Diese Files hab ich wieder hergestellt, dann gings wieder

Sende              tablet/www/tablet/css/fhem-tablet-ui.css
Sende              tablet/www/tablet/css/fhem-tablet-ui.min.css
Sende              tablet/www/tablet/js/fhem-tablet-ui.js
Sende              tablet/www/tablet/js/fhem-tablet-ui.min.js
Sende              tablet/www/tablet/js/widget_famultibutton.js

[TomLee]

Kann ich bestätigen, meine Symbole bemerke ich jetzt erst, sind auch etwas blaß geworden nach dem update 

[setstate]

Vielen Dank für die Info. Aber viel kann ich damit nicht anfangen. Ich brauche schon ein Beispiel.

[benz_freak]

Hallo hier ein Beispiel

Code Auswählen Erweitern

<li data-row="2" data-col="4" data-sizex="3" data-sizey="1">
<header><font size="+1">Abfall</font></header>
    <div data-type="symbol"
        data-device="Abfall"
        data-get="Biotonne_days"
        data-icons='["fa-trash warn fa-spin","fa-trash warn"]'
        data-on-colors='["SaddleBrown","SaddleBrown"]'
        data-get-on='["0","2"]'
        data-background-icon="fa-circle"
        class="bigger inline" >
    </div>
    <div data-type="symbol"
        data-device="Abfall"
        data-get="Gelbersack_days"
        data-icons='["fa-trash warn fa-spin","fa-trash warn"]'
        data-on-colors='["yellow","yellow"]'
        data-get-on='["0","2"]'
        data-background-icon="fa-circle"
        class="bigger inline" >
    </div>
    <div data-type="symbol"
        data-device="Abfall"
        data-get="Papiertonne_days"
        data-icons='["fa-trash warn fa-spin","fa-trash warn"]'
        data-on-colors='["blue","blue"]'
        data-get-on='["0","2"]'
        data-background-icon="fa-circle"
        class="bigger inline" >
    </div>
    <div  data-type="symbol"
        data-device="Abfall"
        data-get="Restmuelltonne_days"
        data-icons='["fa-trash warn fa-spin","fa-trash warn"]'
        data-on-colors='["black","black"]'
        data-get-on='["0","2"]'
        data-background-icon="fa-circle"
        class="bigger inline" >
    </div>
</li>

MfG Benny

[knopf_piano]

noch ein Beispiel:

Code Auswählen Erweitern


                <div
                 data-type="symbol"
                 data-background-icon="fa-circle-thin"
                 data-off-background-color="#7A7A7A"
                 data-on-background-colors='["#7A7A7A","red","#7A7A7A"]'
                 data-device="AbfallTermine"
                 data-get='Abfall_GelberSack_days'
                 data-off-color="#E6E600"
                 data-get-on='["off","^[01]$","^[1-9][0-9]|[2-9]$"]'
                 data-icons='["fs-bag warn","fs-bag warn blink","fs-bag warn"]'
                 data-on-colors='["#E6E600","#E6E600","#E6E600"]' class="big" style="margin-bottom: 0px">
                </div>


[TomLee]

Noch zwei:

     

Code Auswählen Erweitern

<div data-type="symbol" data-device="Calllist"
                        data-get="1-state"
                        data-icons='["fa-phone","fa-phone","fa-phone","fa-phone"]'
                        data-get-on='["=>","<=","=> X","<= X"]'
                        data-on-colors='["green","green","red","red"]'
                        class="inline"></div>
                   
                    <div data-type="symbol" data-device="Calllist"
                        data-get="1-state"
                        data-icons='["fa-arrow-circle-left","fa-arrow-circle-right","fa-arrow-circle-left","fa-arrow-circle-right"]'
                        data-get-on='["=>","<=","=> X","<= X"]'
                        data-on-colors='["green","green","red","red"]'
                        class="inline"></div>

Code Auswählen Erweitern

<div data-device="myAbfall"
data-type="symbol"
class="bigger symbol"
data-get="next"
data-get-warn=".*(\d+).*"
data-get-on='["RestabfallWertstoffe_1","Bioabfall_1","Hecken-undBaumschnitt_1","Schadstoffmobil_1","RestabfallWertstoffe_.*","Bioabfall_.*","Hecken-undBaumschnitt_.*","Schadstoffmobil_.*"]'
data-on-colors='["#87837D","#783C00","green","red","#87837D","#783C00","green","red"]'
data-icons='["fa-trash-o warn fa-spin","fa-trash-o warn blink","fa-trash-o warn fa-spin","fa-trash-o warn fa-spin","fa-trash-o warn","fa-trash-o warn","fa-trash-o warn","fa-trash-o warn"]'>
</div>

[paul79]

Hallo,

ist mir auch aufgefallen nach dem ändern von data-on-colors= zu data-colors= waren die Farben wieder da.


Gruß Paul

[TomLee]

Hallo,

ist mir auch aufgefallen nach dem ändern von data-on-colors= zu data-colors= waren die Farben wieder da.


Gruß Paul

Das ändern zu data-colors führt bei mir zu keiner Änderung.

[setstate]

Ich habe gestern noch ein Update hochgeladen

[TomLee]

Danke.

Jetzt stellt sich mir aber auch die Frage welche Angabe bei den gezeigten Beispielen richtig ist. data-on-colors oder data-colors. Nach dem update sind die Farben wieder, auch mit data-colors.

[yersinia]

Hi,

habe heute morgen ein update gezogen und bei mir werden die Farben zwar korrekt dargestellt, aber die Icons nichts. Die Abfall-Icons werden angezeigt.
Code:

Code Auswählen Erweitern

<div class="compressed big" data-type="symbol" data-device="BAD_Fenster"
                                        data-states='["open","closed"]'
                                        data-icons='["ftui-window warn","ftui-window"]'
                                        data-colors='["red","green"]' >
         </div>

Was nun?

[Eisix]

Hallo

nach folgender Änderung geht es bei mir.

Neu:

Code Auswählen Erweitern


<div class="cell">
        <div data-type="symbol"
                data-device="Unifi"
                data-get="state"
                data-get-on='["disconnected","connected"]'
                data-icons='["fa-unlink","fa-link"]'
                data-colors='["#FA2828","#21a000"]'
                class="readonly"
        ></div>
        <div data-type="label">Unifi</div>
</div>



Alt:

Code Auswählen Erweitern



<div class="cell">
        <div data-type="symbol"
                data-device="Unifi"
                data-get-on="connected"
                data-get-off="disconnected"
                data-icon="fa-link"
                data-on-color="#21a000"
                data-off-color="#FA2828"
                class="readonly"
        ></div>
        <div data-type="label">Unifi</div>
</div>



Gruß
Eisix

[setstate]

Eigentlich solle kein Umbau notwendig sein.
Ich war nur gerade dabei, die Anwendung von Themes besser zu unterstützen.

Code Auswählen Erweitern

<link rel="stylesheet" href="css/fhem-green-ui.css" data-type="theme" data-device="ftuitest" data-get="state" data-get-on="on" data-get-off="!on" />


Dabei sind halbfertige Änderungen mit ausgerollt worden. Ich versuche das auf Zuruf schnell zu fixen

Ein nötige Änderung wäre aber das

alt:

Code Auswählen Erweitern

<div data-type="label">Unifi</div>

neu:

Code Auswählen Erweitern

<div>Unifi</div>

[Eisix]

Heist das der data-type Label wird rausgenommen???

Wenn ja habe ich glaube ich ein größeres Problem

Gruß
Eisix

[setstate]

Wenn es kein dynamischer Text sein soll, der von FHEM geholt werden soll, sondern nur statischer Text, sollte man data-type weglassen. Das spart Ressourcen