Fehlerhafte Darstellung symbol

Begonnen von knopf_piano, 06 Februar 2018, 14:03:25

Vorheriges Thema - Nächstes Thema

octek0815

Hallo,

seit einem der letzten Updates haut das entfernen des aktiven Hintergrund Icons bei Pagebutton nicht mehr hin wenn die Pagebutton Definition mehrere Icons hat.

<div data-type="pagebutton" data-url="#flur_content1.html" data-load="#flur_content1" data-active-pattern="(.*/||.*index_flur.html||.*#flur_content1.html)" data-device="Flur_EG_Haustuerschloss" data-get="state" data-get-on='["locked","unlocked","locked (uncertain)","unlocked (uncertain)"]' data-icons='["mf1-home-locked","mf1-home-unlocked","mf1-home-locked-uncertain","mf1-home-unlocked-uncertain"]' data-off-color="white" data-on-color="white" data-fade-duration="fast" data-background-icon="fa-square" class="default"></div>
<div data-type="pagebutton" data-url="#flur_content2.html" data-load="#flur_content2" data-active-pattern=".*#flur_content2.html" data-icon="oa-sani_heating" data-off-color="white" data-on-color="white" data-fade-duration="fast" data-background-icon="fa-square"></div>
<div data-type="pagebutton" data-url="#flur_content3.html" data-load="#flur_content3" data-active-pattern=".*#flur_content3.html" data-off-color="white" data-on-color="white" data-device="dRolllaeden_Gesamtstatus" data-get="state" data-icons='["mf1-fts_shutter_10_medium","mf1-fts_shutter_50_medium","mf1-fts_shutter_100_medium","mf1-fts_shutter_20_attention_medium warn"]' data-get-on='["opened","partial","closed","attention"]' data-fade-duration="fast" data-background-icon="fa-square"></div>
<div data-type="pagebutton" data-url="#flur_content4.html" data-load="#flur_content4" data-active-pattern=".*#flur_content4.html" data-icon="mf1-verbraeuche" data-off-color="white" data-on-color="white" data-fade-duration="fast" data-background-icon="fa-square"></div>
<div data-type="pagebutton" data-url="#flur_content5.html" data-load="#flur_content5" data-active-pattern=".*#flur_content5.html" data-icon="mi-tune" data-off-color="white" data-on-color="white" data-fade-duration="fast" data-background-icon="fa-square"></div>
<div data-type="pagebutton" data-url="#flur_content6.html" data-load="#flur_content6" data-active-pattern=".*#flur_content6.html" data-icon="fa-calendar" data-off-color="white" data-on-color="white" data-fade-duration="fast" data-background-icon="fa-square"></div>


Grüße
Olli



setstate

Stimmt, dann war das zu viel optimiert. Ist wieder repariert.

octek0815

Ja, ist wieder alles gut.

Vielen Dank, wie immer für die schnelle Behebung!

drhirn

Ich reite nochmal schnell auf meinem Problem herum ;)
Konnte die Sache auf die Kombination von data-get-on und RegEx eingrenzen.

Ein paar Beispiele:

Dummy Test = 0
<div data-type="symbol"></div>
... Graues Symbol

Dummy Test = 0
<div data-type="symbol" data-device="Test"></div>
... Graues Symbol

Dummy Test = 1
<div data-type="symbol" data-device="Test"></div>
... Oranges Symbol

Dummy Test = 1.1
<div data-type="symbol" data-device="Test"></div>
... Graues Symbol

Dummy Test = 1.1
<div data-type="symbol" data-device="Test" data-get-on="1.1"></div>
... Oranges Symbol

Dummy Test = 1.1
<div data-type="symbol" data-device="Test" data-get-on="[d]\.[d]"></div>
... Graues Symbol

Und genau das letzte Beispiel ist mein Problem. Das sollte nach Adam Riese auch orange sein. War's zumindest bis vor der "Update-Orgie" immer ;).

setstate


drhirn

Ach, käse :(. Ja, meine ich.
Gut, dann liegt's nicht daran und ich suche weiter. Im "Original-Code" ist's richtig, die Symbole trotzdem grau.

setstate

data-get-on,data-get-off sollte man auch nicht mit data-states mixen

nimm lieber

data-classes='["","active","active","active","active"]'

oder

data-colors='["red","yellow","yellow","yellow","green"]'

drhirn

Öhhhm, ähh, ja. Macht eigentlich total Sinn! Kopf -> Tisch

In meinem Fall reicht auch ein ganz einfaches data-color. Weil, der Akku ist ja eh immer da. Nur halt manchmal nicht voll. Aber das zeigt dann ja das eigene Icon.

Halt gemein, weil's mal funktioniert hat ;)

Danke dir!

setstate

ZitatHalt gemein, weil's mal funktioniert hat ;)

Ja, das glaube ich, aber hier leider bloß zufällig. Es passt nicht in die Philosophie, weil das meiste diesem Muster folgt:

Status-Array oder on/off


if ($.isArray(states)) {
         me.showMultiStates(elem, states, state);
} else {
....
   if (elem.matchingState('get', state) === 'on') {
          faelem.setOn();
   }
   if (elem.matchingState('get', state) === 'off') {
         faelem.setOff();
   }

}


cbl

Hallo Setstate,

hast du noch eine Idee, ob und wenn ja wodurch dieses Anfang-Februar-Update die Darstellungsprobleme mit meiner Kopfzeile aus den Beiträgen #22 und #23 hervorgerufen hat?

Gruß
Christian