devStateIcon zurück erhalten

[Steffen@Home]

Hallo Miteinander,

mein Dummy hat 2 devStateIcons für die Zustände on & off was auch funktioniert.

Nun habe ich ein UserReading und stateFormat erstellt um auch den verknüpften Wert anzeigen zu können erstellt.
Leider funktioniert dadurch das devStateIcon nicht mehr und es steht jetzt dann

Code Auswählen Erweitern

48.2 % off da, ich hätte aber gerne den Wert plus das richtige devStateIcon für den Zustand on bzw. off dahinter.
Der dummy wird per notify auf on oder off gestellt.

Hat jemand einen Tip für mich? Danke!

Internals:

Code Auswählen Erweitern

NAME d_GaOstHumAlarm
NR 170
STATE <span style="color:blue">48.2 % </span><span style="color:green">off</span>
TYPE dummy
READINGS:
2018-01-11 19:35:44 humidity 48.2
2018-01-11 19:35:44 state off
2018-01-11 19:46:24 temperature 0
Attributes:
DbLogExclude .*
alias Luftfeuchte Alarm GaOst
devStateIcon on:temperature_humidity@red off:temperature_humidity@grey
group Garage Ost
icon humidity
room GarageOst
setList state: on off
stateFormat <span style="color:blue">humidity % </span><span style="color:green">state</span>
userReadings humidity { ReadingsVal("GaOstHum","state",0);; }
webCmd :

[rudolfkoenig]

Hat jemand einen Tip für mich?

Ja, stateFormat nicht zum HTML-Formatieren missbrauchen, das hat ein haufen Nebeneffekte, z.Bsp. dass HTML in FileLog/DbLog landet, list in telnet kaputt ist, devStateIcon spezifizieren aufwendiger wird, usw. Fuer die Umwandlung von STATE in HTML-Elemente ist devStateIcon zustaendig.

[Steffen@Home]

Ok. Html habe ich entfernt.
Aber es funktioniert leider trotzdem nicht.

[rudolfkoenig]

Wenn im STATE "48.3 % off" steht, dann musst man im devStateIcon auch danach pruefen, und nicht nur nach off. Nein, es gibt kein Feature "nur off ersetzen, aber 48.3 % lassen", es sei denn, man programmiert es selbst (devStateIcon kann {}).

[Steffen@Home]

So weit sind meine Künste der Programmierung leider noch nicht vorgeschritten 

Habe in einem anderen Beitrag etwas ähnliches gefunden das vielleicht zur Lösung führen könnte?... verstehe aber bisher noch nicht wie das funktioniert 

Code Auswählen Erweitern

{
  my $state = ReadingsVal($name, "state", "off");
  return '<div><img src="/fhem/images/default/on.png">'." ".(split " ",ReadingsVal("Bad_PowerPlug_Waschmaschine","power","0 W previous: 0 delta_time: 301 s"))[0]." ".ReadingsVal($name,"running","off").'</div>' if($state eq "on");
  return '<div><img src="/fhem/images/default/off.png">'." ".(split " ",ReadingsVal("Bad_PowerPlug_Waschmaschine","power","0 W previous: 0 delta_time: 301 s"))[0]." ".ReadingsVal($name,"running","off").'</div>' if($state eq "off");
}

https://forum.fhem.de/index.php/topic,56067.15.html

[Steffen@Home]

Vielleicht könnte das jemand vereinfachen/erklären damit ich einen Anhaltspunkt habe um etwas weiter zu kommen?

Code Auswählen Erweitern

{
  my $state = ReadingsVal($name, "state", "off");
  return '<div><img src="/fhem/images/default/on.png">'." ".(split " ",ReadingsVal("Bad_PowerPlug_Waschmaschine","power","0 W previous: 0 delta_time: 301 s"))[0]." ".ReadingsVal($name,"running","off").'<>' if($state eq "on");
  return '<div><img src="/fhem/images/default/off.png">'." ".(split " ",ReadingsVal("Bad_PowerPlug_Waschmaschine","power","0 W previous: 0 delta_time: 301 s"))[0]." ".ReadingsVal($name,"running","off").'<>' if($state eq "off");
}

bisher ist mein Ansatz: (irgendwie müssen noch die vielen Hochkomma, Punkte, Split und Klammern weg)

Code Auswählen Erweitern

{
  my $state = ReadingsVal($name, "state", "off");
return '<div><img src="/fhem/images/default/on.png">'." ".ReadingsVal($name,"humidity",0)." ".ReadingsVal($name,"state","off").'<>' if($state eq "on");
  return '<div><img src="/fhem/images/default/off.png">'." ".ReadingsVal($name,"humidity",0)." ".ReadingsVal($name,"state","off").'<>' if($state eq "off");
}

[Steffen@Home]

Soweit funktioniert es nur wie bekomme ich die <> weg? Alles was ich seither versucht habe endete darin dass nichts mehr ging 

Außerdem würde ich statt on.png gerne temperature_humidity@red und für off &gray verwenden.
Wie bekomme ich das in den HTML Code?

Danke!

[nils_]

Soweit funktioniert es nur wie bekomme ich die <> weg?

indem du sie nicht mehr zurückgibst.

(hab mal quote-tags verwendet, damit ich sie markieren konnte)

return '<div><img src="/fhem/images/default/on.png">'." ".ReadingsVal($name,"humidity",0)." ".ReadingsVal($name,"state","off").'<>' if($state eq "on");

Außerdem würde ich statt on.png gerne temperature_humidity@red und für off &gray verwenden.
Wie bekomme ich das in den HTML Code?

hast du schon den abschnitt zu devStateIcon in https://fhem.de/commandref_DE.html#FHEMWEB gelesen??

[Steffen@Home]

indem du sie nicht mehr zurückgibst.

Hallo Nils, ja das habe ich ja versucht und habe .'<>' durch ." " ersetzt aber dann funktioniert es nicht mehr.

hast du schon den abschnitt zu devStateIcon in https://fhem.de/commandref_DE.html#FHEMWEB gelesen??

ja habe ich gelesen. Laut dem Abschnitt müssten die <> bestehen bleiben damit er den zurückgelieferten Code als HTML verarbeitet oder?
Weiterhin ist mir unklar wie ich das @red und @grey verarbeite. Ich kann ja wohl kaum

Code Auswählen Erweitern

return '<div><img src="/fhem/images/default/on.png@red"> schreiben

[nils_]

guck dir mal den von dir erwähnten beitrag an, den du als "vorlage" benutzt hast.


die <> nicht entfernen, sondern das schließende tag für dein <div> muss das werden.
also </div> anstatt <>

so evtl.?

Code Auswählen Erweitern

{
  my $state = ReadingsVal($name, "state", "off");
  return '<div><img src="/fhem/images/default/on.png">'." ".ReadingsVal($name,"humidity",0)." ". $state .'</div>' if($state eq "on");
  return '<div><img src="/fhem/images/default/off.png">'." ".ReadingsVal($name,"humidity",0)." ". $state .'</div>' if($state eq "off");
}

[Steffen@Home]

Aaah, ok super jetzt hab ich verstanden. Das div Tag muss wieder geschlossen werden. Aber dann war das ja schon in dem anderen Beitrag falsch?

Habe das on/off jetzt noch durch % ersetzt. Jetzt sieht es so aus wie ich es wollte.

Code Auswählen Erweitern

return '<div><img src="/fhem/images/default/on.png">'." ".ReadingsVal($name,"humidity",0)." %".'</div>' if($state eq "on");
(Für was steht denn der Punkt eigentlich ? )

Jetzt fehlt mir nur noch das mit der Farbe für die png´s ....wo kann ich das nachlesen?
Danke!

[rudolfkoenig]

Jetzt fehlt mir nur noch das mit der Farbe für die png´s ....wo kann ich das nachlesen?

In der Gimp/Photoshop/etc Dokumentation.

FHEM kann nur SVG's neu faerben, das ist einfach, weil man nur in einer Textdatei (.svg) ein String austauschen muss.

[Steffen@Home]

Oh das hab ich gar nicht bemerkt dass es ja png anstatt der svg´s sind.

Ich könnte doch auch ein svg (auch eingefärbt @red?) zurück geben? Wo kann ich das @Farbe setzen?

Code Auswählen Erweitern

{my $state = ReadingsVal($name, "state", "off"); return '<div><img src="/fhem/www/images/fhemSVG/temperature_humidity.svg" height="32" width="32">'." ".ReadingsVal($name,"humidity",0)." %".'</div>' if($state eq "on");   

Code Auswählen Erweitern

return '<div><img src="/fhem/www/images/fhemSVG/temperature_humidity.svg" height="32" width="32">'." ".ReadingsVal($name,"humidity",0)." %".'</div>' if($state eq "off");}

[Steffen@Home]

Keiner eine Idee wie man das @Farbe mit einbringen kann?

[KernSani]

Ich erzeuge Images grundsätzlich mit

Code Auswählen Erweitern

FW_makeImage("iconname","tooltip")

da geht dann auch

Code Auswählen Erweitern

FW_makeImage("iconname\@color","tooltip")

Grüße,

Oli

Edit: @ escapen