Visualisierung mit Node Red erstellen

[DJMarc75]

@damrak2022 sagte in Visualisierung mit Node Red erstellen:

Warum müssen da 2 Slashs hin.

wo siehst du 2 ?

[mickym]

@djmarc75 sagte in Visualisierung mit Node Red erstellen:

@damrak2022

<img src="Wetter-Icons/15.png" alt="n/a" width="100%" hight="100%">

Lieben Dank für die Unterstützung.

@Damrak2022

der vollständige Pfad zu dem Bild lautet:

/opt/iobroker/iobroker-data/files/vis.0/Node-Red/Wetter-Icons/32.png

In der Adapterkonfiguration hast Du als vorderen Teil

/opt/iobroker/iobroker-data/files/vis.0/Node-Red/

eingegeben - was bleibt also noch übrig?

Wetter-Icons/32.png

Ich verstehe nicht, wie man da so wild mit img, Damrak2022 etc. rum probieren kann, wenn man den Pfad zu dem Bild in 2 Teile zerlegt.

Wenn Du Dir nicht sicher bist, dann wechselst du in das Verzeichnis, in dem die Dateien liegen:
und gibst dann

pwd

ein.

Das zeigt Dir den vollständigen Pfad zu dem Verzeichnis.

[Damrak2022]

@mickym sagte in Visualisierung mit Node Red erstellen:

Ich verstehe nicht, wie man da so wild mit img, Damrak2022 etc. rum probieren kann, wenn man den Pfad zu dem Bild in 2 Teile zerlegt.

Das ist die pure Genervtheit die mich das versuchen ließ.
Auch nochmal Dank an @DJMarc75
Mein Einstellung in dem Node Red Adapter ist wie gesagt diese:

/opt/iobroker/iobroker-data/files/vis.0/Node-Red/

Dann diesen Pfad in der Text Node unter Label eingetragen

<img src="Wetter-Icons/15.png" alt="n/a" width="100%" hight="100%">

Trotzdem keine Chance das mir das Bild angezeigt wird. Browser mehrfach refresht Unterschiedliche Browser versucht.

Auch im Terminal nachgeschaut und ja alle Bilder befinden sich in Node-Red/Wetter-Icons

[mickym]

@damrak2022 Ich glaube zwar nicht, dass es was hilft - lass mal den letzten Schrägstrich in der Adapterkonfiguration weg.

/opt/iobroker/iobroker-data/files/vis.0/Node-Red

Ok - und vielleicht habe ich einen Fehler gemacht -

Gib dann mal den Schrägstrich vorne an:

<img src="/Wetter-Icons/15.png" alt="n/a" width="100%" hight="100%">

also "/" vor den Wetter-Icons

[Damrak2022]

@mickym Du bist Spitze! So geht es. - Vielen Dank

[mickym]

@damrak2022 sagte in Visualisierung mit Node Red erstellen:

@mickym Du bist Spitze! So geht es. - Vielen Dank

Na freut mich - und sorry für meinen dann nicht gerechtfertigten Tonfall.

Du kannst das auch als value eingeben:

[Damrak2022]

@mickym Okay, jetzt werde ich mal versuchen das Board weiter zu verschönern

[mickym]

@damrak2022 Wenn Du wechselnde Icons brauchst - kannst nun wieder die angular Schreibweise verwenden - also die geschweiften Klammern und dann als payload den Namen der Bilddatei.

[Damrak2022]

@mickym Langsam, da komme ich eventuell später drauf zurück

[Damrak2022]

@mickym Bis jetzt sieht es so aus:

[mickym]

@damrak2022 Uiii - ist bei Dir schon Schneesturm.

[Damrak2022]

@mickym Nicht wirklich, so was kommt in Bayern meist zuerst

[Damrak2022]

@mickym Was ist denn an meine function node falsch? Die Debug Ausgabe ist korrekt.

Irgendwas mit "time" ist anscheinen nicht korrekt?

[mickym]

@damrak2022 Ich verstehe wieder mal nicht warum Du anfängst nun mit function Nodes zu programmieren. Du siehst doch, dass time unterringelt ist - also ist das ein Fehler. Du versuchst die payload einer Variablen time zuzuweisen, die nicht existiert, da sie nicht deklariert wurde. - Ich rate Dir ab und verweise auf meinen Thread. - In dem Fall bräuchtest Du ja gar keine Variable, sondern könntest die payload ja auch direkt nutzen. Aber wie gesagt - die moments Bibliothek ist in den Change Nodes.

[Damrak2022]

@mickym Naja, ich wollte halt nur Datum und Uhrzeit hinzufügen. Und in einem, ja Video, wurde das exakt so erklärt. Du sagst das steht in Deinem Thread. Dann muss ich mir den nochmal genau anschauen.

[mickym]

@damrak2022 Über die JSONATA Bibliothek brauchst doch nur die $moment Bibliothek. Ohne Parameter wird automatisch die aktuelle Uhrzeit ausgegeben. Über das Format kannst Du die Ausgabe formatieren.

Die Ausgabeformate sind alle hier beschrieben: https://momentjs.com/docs/#/displaying/format/

Dutzende Beispiele findest Du in meinem Thread.

[Damrak2022]

@mickym Bin gerade am Lesen.

[mickym]

@damrak2022 Wie soll denn Deine Ausgabe aussehen?

Hier mal meine Anzeige.

Spoiler

[
   {
       "id": "18901af.b0571e5",
       "type": "inject",
       "z": "2364426f.ac30ce",
       "name": "",
       "props": [
           {
               "p": "payload"
           },
           {
               "p": "topic",
               "vt": "str"
           }
       ],
       "repeat": "1",
       "crontab": "",
       "once": false,
       "onceDelay": 0.1,
       "topic": "",
       "payload": "",
       "payloadType": "date",
       "x": 170,
       "y": 2780,
       "wires": [
           [
               "4d16cf6b.19bea",
               "a9234a3e.557338",
               "6121d9b8.2ff4d8"
           ]
       ]
   },
   {
       "id": "b91ff2ed.192f3",
       "type": "ui_text",
       "z": "2364426f.ac30ce",
       "group": "4fce851e.241bcc",
       "order": 1,
       "width": 0,
       "height": 0,
       "name": "Datum",
       "label": "",
       "format": "<font size=3>{{msg.payload}}</font>",
       "layout": "row-spread",
       "x": 570,
       "y": 2760,
       "wires": []
   },
   {
       "id": "21a7ab02.2d7f74",
       "type": "comment",
       "z": "2364426f.ac30ce",
       "name": "Datum und Uhrzeit",
       "info": "",
       "x": 170,
       "y": 2700,
       "wires": []
   },
   {
       "id": "371880d8.90bf9",
       "type": "ui_text",
       "z": "2364426f.ac30ce",
       "group": "4fce851e.241bcc",
       "order": 2,
       "width": 6,
       "height": "1",
       "name": "Uhrzeit",
       "label": "",
       "format": "<font size=7><b>{{msg.payload}}</b></font>",
       "layout": "row-spread",
       "className": "",
       "x": 580,
       "y": 2800,
       "wires": []
   },
   {
       "id": "6121d9b8.2ff4d8",
       "type": "change",
       "z": "2364426f.ac30ce",
       "name": "",
       "rules": [
           {
               "t": "set",
               "p": "payload",
               "pt": "msg",
               "to": "$moment().locale(\"de\").tz('Europe/Berlin').format('dddd, LL')",
               "tot": "jsonata"
           }
       ],
       "action": "",
       "property": "",
       "from": "",
       "to": "",
       "reg": false,
       "x": 390,
       "y": 2760,
       "wires": [
           [
               "b91ff2ed.192f3"
           ]
       ]
   },
   {
       "id": "a9234a3e.557338",
       "type": "change",
       "z": "2364426f.ac30ce",
       "name": "",
       "rules": [
           {
               "t": "set",
               "p": "payload",
               "pt": "msg",
               "to": "$moment().locale(\"de\").tz('Europe/Berlin').format('HH:mm')",
               "tot": "jsonata"
           }
       ],
       "action": "",
       "property": "",
       "from": "",
       "to": "",
       "reg": false,
       "x": 390,
       "y": 2800,
       "wires": [
           [
               "371880d8.90bf9"
           ]
       ]
   },
   {
       "id": "4fce851e.241bcc",
       "type": "ui_group",
       "name": "Überblick",
       "tab": "1dccf40b.273c9c",
       "order": 1,
       "disp": true,
       "width": "6",
       "collapse": false,
       "className": ""
   },
   {
       "id": "1dccf40b.273c9c",
       "type": "ui_tab",
       "name": "Übersicht",
       "icon": "dashboard",
       "order": 1,
       "disabled": false,
       "hidden": false
   }
]

[Damrak2022]

@mickym Genau, ich versuch ja dein Dashboard annähernd nachzubasteln. Deswegen soll es so aussehen. Danke für den Spoiler.
Aber aus Deinem Thread heraus, hätte ich das nicht hinbekommen

[Damrak2022]

@mickym So ganz ohne Hilfe gehts nicht. Ich habe mir jetzt über den Openweathermap Adapter die Zeit für Sonnenaufgang und Sonnenuntergang geholt. Da wird mir die Zeit allerdings im unix Format ausgegeben.
Dann habe ich imNetz diesen Code gefunden:

{{msg.payload.sunrise*1000 | date:'dd.MM.yyyy HH:MM:ss'}}

der das angeblich im "Value" Feld der Text Node umrechnet. Das klappt aber nicht, da ich dann überall "Null" rausbekomme.

Mit dem anderen Code:

$moment(payload).tz("Europe/Berlin").format('YYYY-MM-DD HH:mm') 

in der Change Node klappt es auch nicht.
Wie rechne ich eine Unix Zeit korrekt um?