Visualisierung mit Node Red erstellen

[Damrak2022]

@mickym Das sieht gerade merkwürdig aus

[mickym]

@damrak2022 Hast Du denn alles richtig verkabelt?

[Damrak2022]

@mickym Denke schon, habe die Kabel gerade auch mal getauscht - sieht aber genauso aus.flows.json

[mickym]

@damrak2022 Du kannst doch nicht alles durcheinander mischen. Du musst das doch getrennt halten. Du brauchst doch switch Nodes für jede Gruppe. - Ich dachte soweit solltest Du den Flow verstehen. Und natürlich verkehrt zugeordnet. Oben ist bei Dir doch wenn alles bereits zum Weggehen ist - also ist Ready am False Ausgang. Du musst schon bissi überlegen, was wir nun die letzten beiden Tage gemacht haben.

So sieht es dann fertig aus mit Animation:

[Damrak2022]

@mickym Sorry, ich versuche das nun gerade zu rücken

[mickym]

@damrak2022 sagte in Visualisierung mit Node Red erstellen:

@mickym Sorry, ich versuche das nun gerade zu rücken

Also scheint mir, dass Du nicht ganz verstanden hast, was wir gemacht haben. Jedenfalls sollte nun eine Warnung erscheinen, wenn eins der Geräte ausgeschaltet ist, das immer angeschaltet sein sollte und umgekehrt ist der Daumen erst nach oben, wenn alle Geräte ausgeschaltet sind bevor Du die Wohnung verlässt.

[Damrak2022]

@mickym Irgendwo scheine ich was verdreht zu haben, denn wenn ich nach Deinem Screenshot verkabelt, klappt es noch nicht

[mickym]

@damrak2022 Nicht rumprobieren - logisch denken. - Oben haben wir dass Ready ist, wenn das Ergebnis false ist. Nicht ready wenn true rauskommt. Bei true ist ja noch ein Gerät eingeschaltet.

Unten ist es umgekehrt. Es ist alles in Ordnung wenn true und Warnung wenn false. Schreib Dir halt nochmal auf, was wir mit ODER und UND verknüpft haben und was Sinn der Sache ist.

[Damrak2022]

@mickym Ja, allerdings habe ich true und false jetzt scho so oft von oben nach unten gewechselt, das ich mir das nochmal ganz in Ruhe anschauen muss.

[mickym]

@damrak2022 Nochmal hänge eine Debug Node an die letzte JOIN Node und schau was rauskommt. - Poste den Flow. Wenn Du nicht durchblickst musst Du Schritt für Schritt durchgehen.

[Damrak2022]

@mickym Bitte

Bei beiden Switch Nodes steht true oben

[mickym]

@damrak2022 OK - ich sehe schon den Fehler. Lösch mal die Labels aus Deinen TextNodes raus. Und mach noch die beiden Nodes rein. Die Label müssen wegen dem Blinken in extra Nodes, also die Labels rausmachen und im Dashboard immer eine Label Node und eine Node mit dem Value getrennt.

Spoiler

[
   {
       "id": "415e6037041bc923",
       "type": "ui_text",
       "z": "289f539dcc33814e",
       "group": "57f13d6f733e5c9d",
       "order": 4,
       "width": "4",
       "height": "1",
       "name": "",
       "label": "Überwachte Geräte",
       "format": "{{msg.payload}}",
       "layout": "row-spread",
       "className": "",
       "x": 4810,
       "y": 3500,
       "wires": []
   },
   {
       "id": "96f001d18a893ff5",
       "type": "ui_text",
       "z": "289f539dcc33814e",
       "group": "57f13d6f733e5c9d",
       "order": 6,
       "width": "4",
       "height": "1",
       "name": "",
       "label": "Ready to go?",
       "format": "{{msg.payload}}",
       "layout": "row-spread",
       "className": "",
       "x": 4810,
       "y": 3460,
       "wires": []
   },
   {
       "id": "57f13d6f733e5c9d",
       "type": "ui_group",
       "name": "Test",
       "tab": "20b3095113f94d70",
       "order": 2,
       "disp": true,
       "width": "6",
       "collapse": false,
       "className": ""
   },
   {
       "id": "20b3095113f94d70",
       "type": "ui_tab",
       "name": "Home",
       "icon": "dashboard",
       "order": 1,
       "disabled": false,
       "hidden": false
   }
]

So muss dass dann im Dashboard aussehen:

Die beiden Nodes - die statisch nur das Label enthalten werde nicht verkabelt.

[Damrak2022]

@mickym Moment

[Damrak2022]

@damrak2022 Labels sind raus.

[Damrak2022]

@mickym sagte in Visualisierung mit Node Red erstellen:

m Dashboard immer eine Label Node und eine Node mit dem Value getrennt.

Was meinst Du damit?

[Damrak2022]

@damrak2022 Das stimmt doch nicht, oder

[mickym]

@mickym Ok - das musst Du halt selbst anpassen. Die Gruppe ist bei mir 6 Einheiten breit.
Die Node mit dem Label - Überwachte Geräte 4 x 1 und der Status 2 x 1 und bei Ready to Go das Gleiche.

Nein Du machst eine Gruppe 6 Einheiten breit.

Wenn Du auf das Layout deiner Testtab Seite anschaust, dann schaut das so aus:

[Damrak2022]

@mickym Okay, ich schaue mir das Layout an

[mickym]

@damrak2022 sagte in Visualisierung mit Node Red erstellen:

@mickym Okay, ich schaue mir das Layout an

Ansonsten hier nochmal alles zum Import - mit Deiner Testtab Seite:

Spoiler

[
   {
       "id": "9c84a501ed4c87c3",
       "type": "switch",
       "z": "ba3b2e30dc8fe655",
       "name": "",
       "property": "payload",
       "propertyType": "msg",
       "rules": [
           {
               "t": "false"
           },
           {
               "t": "true"
           }
       ],
       "checkall": "true",
       "repair": false,
       "outputs": 2,
       "x": 830,
       "y": 280,
       "wires": [
           [
               "538258582cc670b4"
           ],
           [
               "4eb3852997ae1f8a"
           ]
       ]
   },
   {
       "id": "58cb99a19a0ff7e4",
       "type": "ui_text",
       "z": "ba3b2e30dc8fe655",
       "group": "f8c09969e01446fb",
       "order": 7,
       "width": "2",
       "height": "1",
       "name": "Status ready to go?",
       "label": "",
       "format": "<font color=\"{{msg.color}}\"><i class=\"fa fa-{{msg.icon}} fa-2x\"></i></font>",
       "layout": "row-spread",
       "className": "",
       "x": 1230,
       "y": 260,
       "wires": []
   },
   {
       "id": "538258582cc670b4",
       "type": "change",
       "z": "ba3b2e30dc8fe655",
       "name": "Ready",
       "rules": [
           {
               "t": "set",
               "p": "icon",
               "pt": "msg",
               "to": "thumbs-up",
               "tot": "str"
           },
           {
               "t": "set",
               "p": "color",
               "pt": "msg",
               "to": "green",
               "tot": "str"
           }
       ],
       "action": "",
       "property": "",
       "from": "",
       "to": "",
       "reg": false,
       "x": 1010,
       "y": 240,
       "wires": [
           [
               "58cb99a19a0ff7e4"
           ]
       ]
   },
   {
       "id": "4eb3852997ae1f8a",
       "type": "change",
       "z": "ba3b2e30dc8fe655",
       "name": "Not Ready",
       "rules": [
           {
               "t": "set",
               "p": "icon",
               "pt": "msg",
               "to": "thumbs-o-down",
               "tot": "str"
           }
       ],
       "action": "",
       "property": "",
       "from": "",
       "to": "",
       "reg": false,
       "x": 1030,
       "y": 280,
       "wires": [
           [
               "58cb99a19a0ff7e4"
           ]
       ]
   },
   {
       "id": "b94dab76e77fc884",
       "type": "switch",
       "z": "ba3b2e30dc8fe655",
       "name": "",
       "property": "payload",
       "propertyType": "msg",
       "rules": [
           {
               "t": "false"
           },
           {
               "t": "true"
           }
       ],
       "checkall": "true",
       "repair": false,
       "outputs": 2,
       "x": 830,
       "y": 340,
       "wires": [
           [
               "c191ae81989bbd1f"
           ],
           [
               "1e83244f30c91f5d"
           ]
       ]
   },
   {
       "id": "54aaa0ca0da2b7c2",
       "type": "ui_text",
       "z": "ba3b2e30dc8fe655",
       "group": "f8c09969e01446fb",
       "order": 5,
       "width": "2",
       "height": "1",
       "name": "Status überwachte Geräte",
       "label": "",
       "format": "<font color=\"{{msg.color}}\"><i class=\"fa fa-{{msg.icon}} fa-2x\"></i></font>",
       "layout": "row-spread",
       "className": "",
       "x": 1230,
       "y": 320,
       "wires": []
   },
   {
       "id": "c191ae81989bbd1f",
       "type": "change",
       "z": "ba3b2e30dc8fe655",
       "name": "Warnung",
       "rules": [
           {
               "t": "set",
               "p": "icon",
               "pt": "msg",
               "to": "warning",
               "tot": "str"
           },
           {
               "t": "set",
               "p": "color",
               "pt": "msg",
               "to": "yellow",
               "tot": "str"
           },
           {
               "t": "set",
               "p": "className",
               "pt": "msg",
               "to": "blink",
               "tot": "str"
           }
       ],
       "action": "",
       "property": "",
       "from": "",
       "to": "",
       "reg": false,
       "x": 1020,
       "y": 320,
       "wires": [
           [
               "54aaa0ca0da2b7c2"
           ]
       ]
   },
   {
       "id": "1e83244f30c91f5d",
       "type": "change",
       "z": "ba3b2e30dc8fe655",
       "name": "Alles OK",
       "rules": [
           {
               "t": "set",
               "p": "icon",
               "pt": "msg",
               "to": "check-circle",
               "tot": "str"
           },
           {
               "t": "set",
               "p": "color",
               "pt": "msg",
               "to": "green",
               "tot": "str"
           },
           {
               "t": "set",
               "p": "className",
               "pt": "msg",
               "to": "",
               "tot": "str"
           }
       ],
       "action": "",
       "property": "",
       "from": "",
       "to": "",
       "reg": false,
       "x": 1020,
       "y": 360,
       "wires": [
           [
               "54aaa0ca0da2b7c2"
           ]
       ]
   },
   {
       "id": "2d4a599c13429ec2",
       "type": "ui_text",
       "z": "ba3b2e30dc8fe655",
       "group": "f8c09969e01446fb",
       "order": 4,
       "width": "4",
       "height": "1",
       "name": "",
       "label": "Überwachte Geräte",
       "format": "{{msg.payload}}",
       "layout": "row-spread",
       "className": "",
       "x": 1210,
       "y": 160,
       "wires": []
   },
   {
       "id": "158bf46937c0d128",
       "type": "ui_text",
       "z": "ba3b2e30dc8fe655",
       "group": "f8c09969e01446fb",
       "order": 6,
       "width": "4",
       "height": "1",
       "name": "",
       "label": "Ready to go?",
       "format": "{{msg.payload}}",
       "layout": "row-spread",
       "className": "",
       "x": 1210,
       "y": 120,
       "wires": []
   },
   {
       "id": "f8c09969e01446fb",
       "type": "ui_group",
       "name": "Testansicht",
       "tab": "0c3299b0a882cc5f",
       "order": 1,
       "disp": true,
       "width": "6",
       "collapse": false,
       "className": ""
   },
   {
       "id": "0c3299b0a882cc5f",
       "type": "ui_tab",
       "name": "Testtab",
       "icon": "dashboard",
       "order": 19,
       "disabled": false,
       "hidden": false
   }
]

Die Nodes, die das Icon enthalten sind 2 Einheiten breit. Die ganze Gruppe ist 6 Einheiten breit:

Die Label Nodes die nicht verkabelt sind - sind 4 Einheiten breit

Die ganze Gruppe 6 Einheiten.

[Damrak2022]

@mickym Ich habe das von Dir importiert und auch die Größen kontrolliert. Bei mir sieht das dann so aus:

Nachdem ich die ungenutzten Node gelöscht habe sieht es so aus: