Visualisierung mit Node Red erstellen

[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?

[mickym]

@damrak2022 sagte in Visualisierung mit Node Red erstellen:

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

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

[Damrak2022]

@mickym Danke

[mickym]

@damrak2022 Die ganzen Eingabeformate stehen in der Beschreibung der moments Bibliothek, die ich dir verlinkt hatte.

Wenn das Unix Format nicht in ms sonder in s angegeben ist, dann halt ein großes X.

[Damrak2022]

@mickym Sorry, hat lange gedauert bis ich dahinter gestiegen bin, das ich in der Textnode bei Value Format msg.payload reinschreiben muss

[mickym]

@damrak2022 Wenn Du eine neue Text-Node rausziehst ist das doch sogar voreingestellt.

[Damrak2022]

@mickym Das ist nur blass hinterlegt. Es ging erst als ich es reingeschrieben habe.

[mickym]

@damrak2022 Bei mir nicht - wenn ich die frisch raus ziehe, dann ist das normal vorbelegt.

Nur wenn du das Feld vorher gelöscht hast, ist es blass. Du hast sicher eine vorhandene Textnode kopiert und nicht frisch rausgezogen.

[Damrak2022]

@mickym Kann sein, das ich das Feld gelöscht habe.
Ich mache ja viel Unsinn

[mickym]

@damrak2022 Tja dann ... - dann sollte man eben die Nodes lieber frisch von links ziehen, dann weiß man, dass sie nicht "misshandelt" wurden.

[Damrak2022]

@mickym Genau.
Langsam wächst es. Es fehlt zwar noch ei bisschen Formatierung, aber ansonsten...

[mickym]

@damrak2022 Ja - wird schon - auf jedenfall würde ich bei Sonnenauf- und Sonnenuntergang nur die Stunden und Minuten angeben, weil es sich ja sowieso immer um den aktuellen Tag handelt.

[Damrak2022]

@mickym sagte in Visualisierung mit Node Red erstellen:

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

Jetzt wird das langsam interessant. Wie hinterlegst Du da die Bedingungen? Also wenn es nieselt dieses Icon, wenn es stark regnet dieses Icon?

[Damrak2022]

@mickym Jepp das habe ich auch noch vor. Du warst zu schnell

[mickym]

@damrak2022 sagte in Visualisierung mit Node Red erstellen:

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

Jetzt wird das langsam interessant. Wie hinterlegst Du da die Bedingungen? Also wenn es nieselt dieses Icon, wenn es stark regnet dieses Icon?

Na wie wohl mit einem Flow. Ich hab Dir ja unten beschrieben, wie Du mit der payload verschiedene Bilder anzeigen lassen kannst. Und die payload ändert sich halt je nach Wetter. Das sind jetzt Dinge, die solltest Du wirklich hinbekommen. Wie gesagt unten habe ich Dir ja gezeigt, wie Du den Bildnamen als payload dann in die Text-Node mit dem Bildverweis bekommst. Wir haben ja nun wirklich schon genügend gefiltert oder geändert.

Eine Möglichkeit die payload zu ändern ist:

nieseln => 8.png