[GELÖST] openautomation-fonts für data-type="label"

[Pankratius]

Hallo zusammen,

irgendwie drehe ich mich im Kreise:

Ich möchte bei "Frost" ein Symbol auf meiner Tablet-UI Oberfläche anzeigen,
wenn kein Frost ist, soll kein Symbol erscheinen und die Stelle auch nicht frei bleiben.

Die Wetterdaten hole ich über Proplanta und als Symbol möchte ich "oa-weather_frost" verwenden.
Mit Farbwechsel klappt es:

Code Auswählen Erweitern


<div data-type="symbol" data-device='Wetter' data-get="fc0_frost"
    data-icon="oa-weather_frost"
    data-on-color="#bb3232"
    data-get-on="1"
    data-get-off="!1"
    class="cell">
</div>

aber damit ist ja immer das Icon vorhanden.

Ich habe hier bereits eine Lösung über "data-hide" und "data-substitution" gefunden,
welche auch funktioniert:

Code Auswählen Erweitern


<div style="display:none;" data-type="label"
        data-device='Wetter'
data-get="fc1_frost"
data-hide="0"
data-substitution='["1", "","0",""]'
        class="fa">
</div>


Nun möchte ich aber statt des Font-Awesome-Symbols das Openautomation-Symbol verwenden.

Code Auswählen Erweitern


.oa-weather_frost:before {
content: "\e628";
}


Aber ich schaffe es nicht die Class auf openautomation umzustellen,
class="oa" funktioniert nicht, da es keine Klasse "oa" gibt,
wie schaffe ich es den Font auf openautomation umzustellen so das dieses hier klappt?

Code Auswählen Erweitern


<div style="display:none;" data-type="label"
data-device='Wetter'
data-get="fc1_frost"
data-hide="0"
data-substitution='["1", "","0",""]'
        class="oa">
</div>


Vielen Dank
Rüdiger

[Pankratius]

Hallo,
habe es doch noch gefunden,
ich habe die openautomation.css erweitert

statt

Code Auswählen Erweitern


[class^="oa-"], [class*=" oa-"] {


steht nun bei mir

Code Auswählen Erweitern


.oa, [class^="oa-"], [class*=" oa-"] {


somit klappt es in tablet-ui mit

Code Auswählen Erweitern


<div style="display:none;" data-type="label"
data-device='Wetter'
data-get="fc0_frost"
data-color="red"
data-hide="0"
data-substitution='["1", "","0",""]'
class="oa big" >
</div>


Vielleicht sollte man es generell in der openautomation.css eintragen
dann wäre es analog zur font-awesome.css bzw.font-awesome.min.css

Achtung, nach der Änderung am Besten den Browser einmal neu starten, da es zwischendurch zu Problemen beim Neuladen von CSS-Dateien kommt.
Viele Grüße
Rüdiger

[setstate]

Und sowas klappt nicht?

Code Auswählen Erweitern


<div data-type="symbol" data-device="dummy1"
data-states='["1","0"]'
data-icons='["fa-arrow-up show","fa-arrow-down hide"]'
data-background-icons='["transparent","transparent"]'
data-colors='["SeaGreen","IndianRed"]' >
</div>



Update: ich glaube, dass muss ich erst noch implementieren.

[Pankratius]

Und sowas klappt nicht?

Code Auswählen Erweitern


<div data-type="symbol" data-device="dummy1"
data-states='["1","0"]'
data-icons='["fa-arrow-up show","fa-arrow-down hide"]'
data-background-icons='["transparent","transparent"]'
data-colors='["SeaGreen","IndianRed"]' >
</div>



Update: ich glaube, dass muss ich erst noch implementieren.

Wenn Du beim "Implementieren" bist, warum können wir nicht auch bei Symbol ein "data-hide" wie
beim "label" hinzufügen?

Viele Grüße
Rüdiger

[setstate]

Ok, noch besser.
Aber das würde ich dann gleich in zwei Geschmacksrichtungen bauen. Einmal als

Fixwert, erwartet im data-get
data-hide="Wert"

Ein anderes Reading liefert die Sichtbarkeit.
data-hide="myDevice:myReading"

[Pankratius]

Ok, noch besser.
Aber das würde ich dann gleich in zwei Geschmacksrichtungen bauen. Einmal als

Fixwert, erwartet im data-get
data-hide="Wert"

Ein anderes Reading liefert die Sichtbarkeit.
data-hide="myDevice:myReading"

Hallo,
kann man data-hide auch mit  RegEx realisieren?

Das zweite versteh ich nicht,
was meinst Du mit data-hide="myDevice:myReading" ?

Bin leider in Perl nicht so firm, kenne mich mit Java, JSP, Javascript und JQuery aus.

Gruß
Rüdiger

[setstate]

data-hide gibt es jetzt auch beim Symbol

Code Auswählen Erweitern


<div data-type="symbol"
data-device='AgroWeather'
data-get="fc0_frost"
data-get-on="1" data-get-off="!on"
data-icon="fa-snowflake-o"
data-on-color="#bb3232"
data-hide="0"></div>


gerne auch als RegEx oder als Referenz zu einem Reading

Code Auswählen Erweitern

data-hide="ftuitest:hide"

Wenn das Reading "on" oder "true" oder "1" ist, wird das Symbol versteckt

[Pankratius]

data-hide gibt es jetzt auch beim Symbol

Code Auswählen Erweitern


<div data-type="symbol"
data-device='AgroWeather'
data-get="fc0_frost"
data-get-on="1" data-get-off="!on"
data-icon="fa-snowflake-o"
data-on-color="#bb3232"
data-hide="0"></div>


gerne auch als RegEx oder als Referenz zu einem Reading

Code Auswählen Erweitern

data-hide="ftuitest:hide"

Wenn das Reading "on" oder "true" oder "1" ist, wird das Symbol versteckt

SUPER.......

werde es am Nachmittag mal ausprobieren,
aktuell klemmmt mein CubieTruck ein bisschen....

Aber so ist es logisch, da sich "Symbol" wie "Label" verhält.

Danke vielmals
Rüdiger

[Pankratius]

data-hide gibt es jetzt auch beim Symbol

Code Auswählen Erweitern


<div data-type="symbol"
data-device='AgroWeather'
data-get="fc0_frost"
data-get-on="1" data-get-off="!on"
data-icon="fa-snowflake-o"
data-on-color="#bb3232"
data-hide="0"></div>


gerne auch als RegEx oder als Referenz zu einem Reading

Code Auswählen Erweitern

data-hide="ftuitest:hide"

Wenn das Reading "on" oder "true" oder "1" ist, wird das Symbol versteckt

Hallo,

es klappt super.

Vielen Dank für  die Arbeit.


Rüdiger