[FTUI3] html durchreichen?

[curt]

In FTUI2 konnte man eine html-Tabelle durchreichen, beispielsweise die aktuellen Kontrollstellen der Polizei.

Das sah ganz konkret so aus:

Code Auswählen Erweitern


<li data-row="3" data-col="5" data-sizex="3" data-sizey="1">
<div class="hbox">
  <div data-type="image"
       data-device="blitzer"
       data-url="../images/eigene/blitzer.png"
       data-hide="Anzeige"
       data-hide-on="0"
       data-size="30px"
       class="nocache">
  </div>
&nbsp;&nbsp;
  <div data-type="label"
       data-device="blitzer"
       data-get="html"
       >
  </div>
</div>
</li>


Wie bewerkstelligt man das in FTUI3?

[mr_petz]

Tach und willkommen zurück

Ich denke du hast mitgelesen?

Hier hatte ich dir einen Link/Antwort zum Thema get=html-Code vom Reading gegeben:

...
Eine Antwort für dich:
https://forum.fhem.de/index.php/topic,115259.msg1184952.html#msg1184952
...
LG mr_petz

und nochmal:
https://forum.fhem.de/index.php/topic,115259.msg1184952.html#msg1184952

LG mr_petz

[stefan-dd]

So z.B.

Code Auswählen Erweitern

<iframe src="https://outlook.live.com/owa/calendar/f56b3xxx5/xxx/cid-007xxx4/index.html" style="border: 0" width="100%" height="100%"  frameborder="0" scrolling="no"></iframe>


[curt]

Tach und willkommen zurück
Ich denke du hast mitgelesen?

Ich darf berichten, dass das für die Liste der aktuellen Blitzer sehr gut funktioniert. Sie ist mittig formatiert und ich weiß nicht wie man das zum Beispiel linksbündig macht. Aber das ist jetzt überhaupt nicht meine Frage - so wie es ist, ist es schön.

Darf ich bitte den Schwierigkeitsgrad "html durchreichen" erhöhen?

Im DWD-Teilprojekt von FHEM (vmtl von @yersinia oder @somasch ) gibt es ein Pseudodevice, welches für einen Tag (mehrere Tage) tolle Wettergrafiken zusammenbastelt, siehe auch

Ich zeige das LIST der Device:

Code Auswählen Erweitern


Internals:
   DEF        htmlCode { DWD_OpenData_Weblink::AsHtmlH("DWD_Weblink_Generator_1") }
   FUUID      5c47b0cf-f33f-769b-4b7b-e946d21ba45a2307
   LINK       { DWD_OpenData_Weblink::AsHtmlH("DWD_Weblink_Generator_1") }
   NAME       DWD_Weblink_1
   NR         1049
   STATE      initialized
   TYPE       weblink
   WLTYPE     htmlCode
Attributes:
   room       01 DWD


Dieses Konstrukt wirft eine tolle Grafik in den Raum "01 DWD". Aber wie komme ich da ran?

In FTUI2 geht das nochmal anders, über eine weitere Device:

Code Auswählen Erweitern


Internals:
   FUUID      5c47b0cf-f33f-769b-8664-268418b734a9e118
   IODev      DWD
   NAME       DWD_Weblink_Generator_1
   NR         1047
   STATE      initialized
   TYPE       DWD_OpenData_Weblink
   READINGS:
     2022-01-18 22:06:24   IODev           DWD
     2022-01-18 22:06:22   state           initialized
Attributes:
   IODev      DWD
   forecastDays 1
   refreshRate 900
   room       01 DWD
   theme      dark


Die Einbindung in FTUI2 war:

Code Auswählen Erweitern


  <div data-type="dwdweblink"
       data-device="DWD_Weblink_Generator_1"
       class="top-space-2"
       style="white-space:normal"
       >


[yersinia]

Im DWD-Teilprojekt von FHEM (vmtl von @yersinia oder @somasch ) gibt es ein Pseudodevice, welches für einen Tag (mehrere Tage) tolle Wettergrafiken zusammenbastelt

Ich bin mir nicht sicher, aber es scheint von jensb zu sein - zumindest verweist der Quellcode für das Weblink-Device darauf.

Eventuell kannst du ein userReading im DWD_Weblink_Generator_1 erzeugen, welches dann den HTML code aus sich selbst erhält. Ungetestet so als Idee:

Code Auswählen Erweitern

DWDHTMLCODE: { return DWD_OpenData_Weblink::AsHtmlH("DWD_Weblink_Generator_1"); }

[curt]

Schön das Du da bist - ich sah aus dem Augenwinkel, dass Du die Warnmeldungen von DWD für FTUI3 machst?

Ich bin mir nicht sicher, aber es scheint von jensb zu sein - zumindest verweist der Quellcode für das Weblink-Device darauf.

Der Nick sagt mir was, also setze ich mal @jensb in der Hoffnung, dass er seine Erwähnungen liest.

Eventuell kannst du ein userReading im DWD_Weblink_Generator_1 erzeugen, welches dann den HTML code aus sich selbst erhält. Ungetestet so als Idee:

Code Auswählen Erweitern

DWDHTMLCODE: { return DWD_OpenData_Weblink::AsHtmlH("DWD_Weblink_Generator_1"); }

Du - ich bin ein alter weißer Mann. Erkläre mir bitte wie einem Kind, was ich wo machen muss. Bitte.

Ich verspreche, dass ich über Erfolg/Misserfolg berichte und bei Erfolg mindestens einen Thread eröffne, bei Gelegenheit in der zu schaffenden FTUI3-Hierarchie des Wiki auch den Beitrag.

Danke.

[yersinia]

ich sah aus dem Augenwinkel, dass Du die Warnmeldungen von DWD für FTUI3 machst?

Ich teile meinen Pfusch, welcher analog zu dem für FTUI2 ist, was wiederum auf eine wesentliche Vorarbeit durch sinus61 und somansch basiert.
Im (mittlerweile sehr großen) FTUI3 Thread teilt octeck0815 auch seine Vorgehensweise, finde ich auch ganz nett.

Der Nick sagt mir was, also setze ich mal @jensb in der Hoffnung, dass er seine Erwähnungen liest.

Es gibt sogar einen eigenen Thread dazu. Vielleicht fragst du dort mal an, ob jensb ein reading mit HTML Code zur Verfügung stellen kann.

Du - ich bin ein alter weißer Mann. Erkläre mir bitte wie einem Kind, was ich wo machen muss. Bitte.

Ich glaube, so einfach ist das auch nicht. Thorsten hatte für FUIP und FTUI2 die widgets zur Verfügung gestellt. Von dort müsstest du wahrscheinlich auch die css übernehmen und einbinden.
Alles was mir im Zusammenhang mit FHEM einfällt, ist aber qucik'n'dirty. Mit dem Weblink Generator erstellst du ein at, welches sich selbst ein userReading generiert und stündlich aktualisiert:

Code Auswählen Erweitern

defmod at_DWD_HTML_Update at +*01:00:00 { fhem("setreading at_DWD_HTML_Update DWD-HTML-CODE ".fhem("get DWD_Weblink_Generator_1 horizontalForecast")) }
Das reading solltest du dann wie im FTUI3 Thread beschrieben einbinden können.

Code Auswählen Erweitern

READINGS:
     2022-01-19 09:34:44   DWD-HTML-CODE   <div class="weatherForecast"><div class="weatherHeaderRow"><div class="weatherWeekday">Mi 13:00</div><div class="weatherWeekday" id="weatherFontBold">Mi 19:00</div><div class="weatherWeekday">Do 07:00</div><div class="weatherWeekday" id="weatherFontBold">Do 13:00</div><div class="weatherWeekday">Fr 07:00</div><div class="weatherWeekday" id="weatherFontBold">Fr 13:00</div><div class="weatherWeekday">Sa 07:00</div><div class="weatherWeekday" id="weatherFontBold">Sa 13:00</div></div><div class="weatherDataRow"><div class="weatherIcon"><img src="/fhem/icons/weather/overcast" alt="overcast"></div><div class="weatherIcon"><img src="/fhem/icons/weather/rain" alt="rain"></div><div class="weatherIcon"><img src="/fhem/icons/weather/mostlycloudy_night" alt="mostlycloudy_night"></div><div class="weatherIcon"><img src="/fhem/icons/weather/mostlycloudy" alt="mostlycloudy"></div><div class="weatherIcon"><img src="/fhem/icons/weather/snow" alt="snow"></div><div class="weatherIcon"><img src="/fhem/icons/weather/overcast" alt="overcast"></div><div class="weatherIcon"><img src="/fhem/icons/weather/rain" alt="rain"></div><div class="weatherIcon"><img src="/fhem/icons/weather/mist" alt="mist"></div></div><div class="weatherDataRow"><div class="weatherCondition"></div><div class="weatherCondition">durchgehend leichter Regen</div><div class="weatherCondition"></div><div class="weatherCondition"></div><div class="weatherCondition">durchgehend leichter Schneefall</div><div class="weatherCondition"></div><div class="weatherCondition">durchgehend leichter Regen</div><div class="weatherCondition">durchgehend leichter Sprühregen</div></div><div class="weatherDataRow"><div class="weatherTemperature" style="color:">4.40 °C</div><div class="weatherTemperature" id="weatherFontBold"><span style="color:">max 4.70 °C</span></div><div class="weatherTemperature" style="color:blue">min 1.5 °C</div><div class="weatherTemperature" id="weatherFontBold" style="color:">max 4.90 °C</div><div class="weatherTemperature" style="color:blue">min 0.5 °C</div><div class="weatherTemperature" id="weatherFontBold" style="color:">max 5.30 °C</div><div class="weatherTemperature" style="color:">min 4.10 °C</div><div class="weatherTemperature" id="weatherFontBold" style="color:">max 7.20 °C</div></div><div class="weatherDataRow"><div class="weatherWind">frische Brise SW</div><div class="weatherWind" style="color:blue">0.40 mm 90 %</div><div class="weatherWind">frische Brise NW</div><div class="weatherWind" style="color:blue">0.70 mm 96 %</div><div class="weatherWind">mäßige Brise W</div><div class="weatherWind" style="color:blue">0.90 mm 93 %</div><div class="weatherWind">mäßige Brise W</div><div class="weatherWind" style="color:blue">0.40 mm 88 %</div></div></div>
     2022-01-19 09:35:50   state           Next: 10:35:50
Das geht sicher eleganter und besser.

[megadodopublications]

Hallo justme1968, hallo zusammen,

ich suche nach einer Möglichkeit, den Inhalt einer Readingsgroup in FTUI3 sichtbar zu machen, vorrangig für eine Anzeige leerer Batterien. Ein FTUI3 Modul scheint es Stand heute noch nicht zu geben, daher meine Idee, html Code einzubinden.

Das Kommando

ein 'get html' auf die readingsgroup liefert die readingsgroup als html.

funktioniert wunderbar und liefert mir eine Tabelle (Ausgabe gekürzt)

Code Auswählen Erweitern

<table><tr><td><div class="devType">&nbsp;<a href="/fhem?detail=rg">rg</a></div>

Allerdings scheitere ich bei dem Vorhaben, die Ausgabe in das Reading eines Dummy zu schreiben.  (dummy existiert inkl. einem Reading html)

Ein

Code Auswählen Erweitern

{my $html=fhem("get rg html");; fhem("setreading htmltest html $html");; }

gibt mir:

Code Auswählen Erweitern

Unknown command <a, try help.

Was mache ich falsch?

Danke und Gruß vorab
Ralph.

[yersinia]

Allerdings scheitere ich bei dem Vorhaben, die Ausgabe in das Reading eines Dummy zu schreiben.  (dummy existiert inkl. einem Reading html)

Ein

Code Auswählen Erweitern

{my $html=fhem("get rg html");; fhem("setreading htmltest html $html");; }

gibt mir:

Code Auswählen Erweitern

Unknown command <a, try help.

Das Problem hatte ich auch (siehe post zuvor) - es liegt wohl daran, dass man dem setreading <value> irgendwann ein Leerzeichen oder Semikolon oder Komma übergibt und dies dann als Befehlstrenner interpretiert wird.
Du kannst dies versuchen,

Code Auswählen Erweitern

{ fhem("setreading htmltest html ".fhem("get rg html")); }
aber ich empfinde dies nicht als eine gute Lösung.

[megadodopublications]

Hallo yersinia,

Du kannst dies versuchen,

Code Auswählen Erweitern

{ fhem("setreading htmltest html ".fhem("get rg html")); }

habe ich. funktioniert leider nicht.

jedes Kommando einzeln funktioniert, die Kombination wie oben in einer Zeile gibt mir diesen Fehler:

Code Auswählen Erweitern

Unknown command {, try help.
Unknown command }, try help.

Das Reading eines Device als "Transportmedium" für die Information zu nutzen, scheidet für mich mangels tiefergehendem Knowhow aus.

Ich beiße jetzt in den sauren Apfel, erhöhe die Komplexität und versuche jetzt diesen Weg: ich schreibe den html Export in eine html Datei, Bereitstellung via FHEMWEB, Einbindung in FTUI3 per iframe. Dies fällt nach meinen persönlichen Kriterien dann in die Kategorie "Not-Lösung" :-/

VG
Ralph

[curt]

Ich teile meinen Pfusch, welcher analog zu dem für FTUI2 ist, was wiederum auf eine wesentliche Vorarbeit durch [...]

So weit bin ich noch gar nicht. Aber für diesen taktischen Schirm gehe ich eigentlich davon aus, dass das keine großen Probleme machen wird: Ich sah ja aus dem Augenwinkel, dass Du da schon gewerkelt hast.

Anderes Thema, meine wunderschöne Wettergrafik:

Code Auswählen Erweitern

defmod at_DWD_HTML_Update at +*01:00:00 { fhem("setreading at_DWD_HTML_Update DWD-HTML-CODE ".fhem("get DWD_Weblink_Generator_1 horizontalForecast")) }

Danke für den Code-Vorschlag: Ich verstehe nun, wie ich das in anderen Fällen anwenden könnte. im konkreten Fall funktioniert das so leider nicht: Ich habe nun zwei schöne große Wolken übereinander.

@jensb scheint im Forum aktiv zu sein. Ich habe ihn mal via PN erstmal allgemein angeschrieben.

P.S: Jens hat geantwortet und will sich das mal ansehen.