Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[OliverIO]

@trojanhector

eigentlich sollte das nie funktionieren, da du

1. colSpan falschgeschrieben hast (groß/kleinschreibung beachten. dass attribut ist colspan ) und
2. das prinzip der template maschine nicht ganz verstanden hast

etwas zum ablauf wie die template engine funktioniert.
wenn das widget von iobroker aktualisiert wird, wird das widget komplett entfernt und sogleich wieder hinzugefügt. das betrifft aber nur das oberste element. sogleich wird eine funktion aufgerufen, die dann den inhalt definiert.
diese funktion nimmt das von dir definierte template lässt es durch die template engine laufen, das ergebnis ist dann html/script/css-inhalt, welcher dann dem sogenannten dom-baum hinzugefügt wird. das löst wiederum im browser den prozess des renderings aus. d.h. die elemente werden dann auf den bildschirm gemalt und evtls javascript wird ausgeführt.

diese answeisung ist falsch, weil du zum einen das script tag definierst, aber die javascript anweisung mit den template tags umklammerst. im ergebnis würde das bedeuten, das während der templateverarbeitung an die stelle das ergebnis der javaschript anweisung geschrieben wird. da die aber falsch ist, bricht das ab und die fehlermeldung erscheint.

<script>
    <% document.getElementById("tbhd").colSpan=keysCount; %>
</script>

wenn dann müsste es so aussehen, das heißt bei der verarbeitung des templates wird hinten die zahl geschrieben, sobald das ergebis dem dom baum hinztugefügt wurde, werden die anweisungen des script tags ausgeführt. aber auch das würde ich nicht empfehlen

<script>
    document.getElementById("tbhd").colSpan= <%= keysCount %;>
</script>

du hast ja den wert schon und kannst ihn direkt eintragen.

<table id="table_SunSensor" class="blacktable">
    <tr>
    <% let keys2 = Object.keys(data[0]);
    let keysCount = Object.keys(data[0]).length;%>
    <th id="tbhd" class="th_orange" colspan="<%= keysCount %>">Sonnensensor</th>
    </tr>
    <tr>
    <% keys2.map(key => { %>
        <th><%= key %></th>
    <% }) %>
   
    <% data.map(row => { %>
        <tr>
        <% keys2.map(key => { %>
            <td><%= row[key] %></td>
        <% }) %>
        </tr>
    <% }) %>        
    </tr>
</table>

[trojanhector]

@oliverio
Jetzt habe ich zum Einen gelernt, dass ich beim Copy/Paste aus dem Internet besser aufpassen muss und zum Anderen etwas über die Engine. Da war/ist noch großer Lernbedarf. Das passt jetzt wie gedacht. Danke Dir.

[trojanhector]

@oliverio Servus,
ich habe eine neue Frage bezüglich der zusätzlichen Datenpunkte im Widget JSON Template. Der Wert ist immer leer. Wie im Screeshot zu sehen ist, wird der Datenpunkt richtig angezeigt. Zur Überprüfung ob das JSON richtig ist, habe ich es als joid für das Widget genommen. Wie man sehen kann, wird es richtig angezeigt. Gibt es noch eine andere Doku als die readme von Github? Jedenfalls liest sich das manchmal so. Im Chapter "Available variables" ist leider kein Beispiel zu dp[] zu finden. Ich habe mit dp[0],dp[1] und dp[] versucht, alles ohne Erfolg. Hättest Du nochmal ein Beispiel?

[OliverIO]

@trojanhector

Tatsächlich.
Bei der Überarbeitung ist die Doku zu den so rausgeflogen. Muss ich wieder einfügen.

Die Werte kannst du im template mit

dp['0_userdata.test']

Adressieren. Du nimmst nszütlich die genaue Bezeichnung deines eingetragenen datenpunkts

[OliverIO]

Information für alle die das JSONTemplate-Widget aus dem rssfeed-Adapter nutzen

Dieses Widget nutzt zwar die gleiche Technologie wie rssfeeds Widgets, gehörte aber Thematisch da nie rein. Nach langer Zeit habe ich es nun über einen neuen Adapter bereitgestellt.

• https://github.com/oweitman/ioBroker.ovarious
  für vis-1
  (wird in den nächsten Tagen im beta verfügbar sein, bis dahin von github installieren)
• https://github.com/oweitman/ioBroker.vis-2-widgets-ovarious
  für vis-2
  (bereits in stable vorhanden)

das JSONTemplate widget wird mit einem der nächsten Releases des rssfeed-Adapters als deprecated markiert und dann wiederum nach einiger Zeit daraus entfernt.
Bitte wechselt demnächst zum anderen Adapter.
Support gibt es weiterhin hier
https://forum.iobroker.net/topic/31521/test-widget-json-template

[OliverIO]

Neue Version 3.3.0

• Umstellung der Bibliothek für den Abruf der Daten von request auf axios

Ich bitte um Rückmeldung, ob das bei euch so funktioniert.

tagesschau und tvspielfilm funktioniert hier.

[trojanhector]

@oliverio
Servus,
Tagesschau, Spiegel.de und Heise.de funktionieren sowohl als rss-feed als auch als Artikel mit Bildern. Links gehen auch.

[Ralf 2]

@oliverio
Auch hier scheint alles zu klappen.
Heise und RP-Online

[OliverIO]

Super, vielen Dank
Dann war die Umstellung von request zu axios doch einfacher

[OliverIO]

Neue Version 3.3.1

• die Header vorgaben für den http-request wurden angepasst.

Die request- und axios-bibliothek haben hier wohl unterschiedliche vorgaben.
zusätzlich wertet die boerse franfurt diese wohl auch genauer aus.

[trojanhector]

@oliverio
Da hängt noch was.
Der erste Feed ist die Börse Frankfurt.
2 ist Golem Security
3 ist Golem OpenSource (ATOM)

Edit: Der Börsenfeed ging zuerst. Irgendwann aber nicht mehr.

[OliverIO]

@trojanhector sagte in Test/Support für Adapter rssfeed und vis-2-widgets-rssfeed:

Da hängt noch was.
Der erste Feed ist die Börse Frankfurt.
2 ist Golem Security
3 ist Golem OpenSource (ATOM)

links bitte
was bedeutet hängen?
steht im datenpunkt nix mehr?
steht im log eine fehlermeldung?

[trojanhector]

@oliverio
Ich habe das jetzt noch mal über eine Stunde laufen lassen. Ich kann das Problem nicht mehr nachvollziehen.
In den Logs steht auch nichts.
Das war dieser Feed:
https://api.boerse-frankfurt.de/v1/feeds/news.rss

Werde das mal weiter beobachten.

[OliverIO]

@trojanhector sagte in Test/Support für Adapter rssfeed und vis-2-widgets-rssfeed:

https://api.boerse-frankfurt.de/v1/feeds/news.rss

den hatte ich schon, der stand im log von dir
funktioniert bei mir einwandfrei, allerdings gab es die letzte nachricht um irgendwas 11 Uhr GMT, also 12 Uhr in D

[OliverIO]

Diese Version befindet sich auf dem Weg ins stable repository

@oliverio sagte in Test/Support für Adapter rssfeed und vis-2-widgets-rssfeed:

Neue Version 3.3.1

• die Header vorgaben für den http-request wurden angepasst.

Die request- und axios-bibliothek haben hier wohl unterschiedliche vorgaben.
zusätzlich wertet die boerse franfurt diese wohl auch genauer aus.

[OliverIO]

Neue Version 3.4.1 (nur vis1)

• es gibt nun im marquee widget 5 eine option um links in einem popup zu öffnen. der inhalt des links wird innerhalb des popups in einem iframe geladen. manche anbieter verbieten das öffnen in einem iframe. eine entsprechende fehlermeldung wird dann durch den browser angezeigt.

https://forum.iobroker.net/topic/79862/rss-feed-in-einem-popup-öffnen
@Fritzk

[Fritzk]

@oliverio
Sehr cool funktioniert super. Danke dir
Kann man das PopUp von der Größe verändern?

[OliverIO]

@fritzk

ja mit css anweisungen.
der dialog ist erreichbar über css selector widgetid als klasse und dialog als klasse also beispielsweise

.w012345 .dialog {
   width:50%;
}

es kann sein, das du noch auch

width:50% !important;

schreiben musst

[OliverIO]

Neue Version 1.0 vis-2-widgets-rssfeed

• es gibt nun im marquee widget 5 eine option um links in einem popup zu öffnen. der inhalt des links wird innerhalb des popups in einem iframe geladen. manche anbieter verbieten das öffnen in einem iframe. eine entsprechende fehlermeldung wird dann durch den browser angezeigt.

[Oli]

@oliverio
ich habe heute den Widget Adapter auf die 1.0.0 upgedatet, es erscheint leider das neue "marquee widget 5" nicht in der Auswahl. Ein Upload hat leider keine Besserung gebracht.

Anbei der Log aus der Konsole

visLoadWidgets.tsx:211 
 Cannot load widget system.adapter.vis-2-widgets-rssfeed.0: ChunkLoadError: Loading chunk vendors-node_modules_mui_material_styles_styled_js-node_modules_mui_material_styles_useThemeP-598e64 failed.
(error: http://localhost:8082/vis-2/widgets/vis-2-widgets-rssfeed/static/js/vendors…led_js-node_modules_mui_material_styles_useThemeP-598e64.71a877cf.chunk.js)
(anonym)	@	visLoadWidgets.tsx:211
visLoadWidgets.tsx:212 
 Cannot load widget system.adapter.vis-2-widgets-rssfeed.0: {"message":"Loading chunk vendors-node_modules_mui_material_styles_styled_js-node_modules_mui_material_styles_useThemeP-598e64 failed.\n(error: http://localhost:8082/vis-2/widgets/vis-2-widgets-rssfeed/static/js/vendors…led_js-node_modules_mui_material_styles_useThemeP-598e64.71a877cf.chunk.js)","name":"ChunkLoadError","type":"error","request":"http://localhost:8082/vis-2/widgets/vis-2-widgets-rssfeed/static/js/vendors…led_js-node_modules_mui_material_styles_useThemeP-598e64.71a877cf.chunk.js"}
(anonym)	@	visLoadWidgets.tsx:212
:8082/vis-2/widgets/…f842f4ec.chunk.js:1 
 
 Failed to load resource: the server responded with a status of 404 (Not Found)