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:
<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:
<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.
.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?
<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
Hallo,
habe es doch noch gefunden,
ich habe die openautomation.css erweitert
statt
[class^="oa-"], [class*=" oa-"] {
steht nun bei mir
.oa, [class^="oa-"], [class*=" oa-"] {
somit klappt es in tablet-ui mit
<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
Und sowas klappt nicht?
<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. :-)
Zitat von: setstate am 28 November 2016, 16:33:53
Und sowas klappt nicht?
<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
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"
Zitat von: setstate am 28 November 2016, 17:02:39
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
data-hide gibt es jetzt auch beim Symbol
<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
data-hide="ftuitest:hide"
Wenn das Reading "on" oder "true" oder "1" ist, wird das Symbol versteckt
Zitat von: setstate am 03 Dezember 2016, 02:57:33
data-hide gibt es jetzt auch beim Symbol
<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
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
Zitat von: setstate am 03 Dezember 2016, 02:57:33
data-hide gibt es jetzt auch beim Symbol
<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
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