Skip to content
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Hardware
  4. SONOFF NSPanel mit Lovelace UI

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.0k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    1.8k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.0k

SONOFF NSPanel mit Lovelace UI

SONOFF NSPanel mit Lovelace UI

Scheduled Pinned Locked Moved Hardware
lovelace uinspanelsonoff
7.7k Posts 271 Posters 6.7m Views 253 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • ArmilarA Armilar

    @coto

    Ist doch eigentlich ein Info-Alias. Über eine Konvertierung (einfaches Blockly mit Trigger) von true/false in einem anderen Datenpunkt online/offline, kannst du es dir anzeigen lassen. Eine Textübersetzung für true/false gibt es im Script nicht. Im Info-Alias funktioniert, sofern das Icon denn auch existiert, der icon2 auch.

    C Offline
    C Offline
    coto
    wrote on last edited by
    #2356

    @armilar
    Als Info-Alias funktioniert weder OnColor/OffColor noch Icon/Icon2

    
    let Internet = <PageEntities>
    {
        'type': 'cardEntities',
        'heading': 'Status Internet',
        'useColor': true,
        'items': [
            <PageItem>{ id: "alias.0.NSPanel1.Internet", name: "Internetverbauch", icon:"information-outline",  offColor: MSRed, onColor: MSGreen, useValue: false },
            <PageItem>{ id: "alias.0.NSPanel1.Internetverbrauch", name: "Datenübertragen", icon: 'transfer', offColor: MSYellow, onColor: MSYellow , useValue: false },
            <PageItem>{ id: "alias.0.NSPanel1.Internettimestamp", name: "aktualisiert", icon:"clock", offColor: MSRed, onColor: MSGreen, useValue: false },
            <PageItem>{ id: "alias.0.NSPanel1.Internet_Online", name: "Online", icon:"web", icon2:"web-off", offColor: MSRed, onColor: MSGreen, useValue: false },
           
    
    {
      "_id": "alias.0.NSPanel1.Internet_Online.ACTUAL",
      "common": {
        "name": "ACTUAL",
        "role": "sensor.door",
        "type": "boolean",
        "read": true,
        "write": false,
        "alias": {
          "id": "ping.0.raspberrypi.Internet_Online"
        }
      },
      "native": {},
      "type": "state",
      "acl": {
        "object": 1636,
        "state": 1636,
        "owner": "system.user.admin",
        "ownerGroup": "system.group.administrator"
      },
      "from": "system.adapter.admin.0",
      "user": "system.user.admin",
      "ts": 1677324711452
    }
    
    ArmilarA 1 Reply Last reply
    0
    • C coto

      @armilar
      Als Info-Alias funktioniert weder OnColor/OffColor noch Icon/Icon2

      
      let Internet = <PageEntities>
      {
          'type': 'cardEntities',
          'heading': 'Status Internet',
          'useColor': true,
          'items': [
              <PageItem>{ id: "alias.0.NSPanel1.Internet", name: "Internetverbauch", icon:"information-outline",  offColor: MSRed, onColor: MSGreen, useValue: false },
              <PageItem>{ id: "alias.0.NSPanel1.Internetverbrauch", name: "Datenübertragen", icon: 'transfer', offColor: MSYellow, onColor: MSYellow , useValue: false },
              <PageItem>{ id: "alias.0.NSPanel1.Internettimestamp", name: "aktualisiert", icon:"clock", offColor: MSRed, onColor: MSGreen, useValue: false },
              <PageItem>{ id: "alias.0.NSPanel1.Internet_Online", name: "Online", icon:"web", icon2:"web-off", offColor: MSRed, onColor: MSGreen, useValue: false },
             
      
      {
        "_id": "alias.0.NSPanel1.Internet_Online.ACTUAL",
        "common": {
          "name": "ACTUAL",
          "role": "sensor.door",
          "type": "boolean",
          "read": true,
          "write": false,
          "alias": {
            "id": "ping.0.raspberrypi.Internet_Online"
          }
        },
        "native": {},
        "type": "state",
        "acl": {
          "object": 1636,
          "state": 1636,
          "owner": "system.user.admin",
          "ownerGroup": "system.group.administrator"
        },
        "from": "system.adapter.admin.0",
        "user": "system.user.admin",
        "ts": 1677324711452
      }
      
      ArmilarA Offline
      ArmilarA Offline
      Armilar
      Most Active Forum Testing
      wrote on last edited by Armilar
      #2357

      @coto

      füge bitte mal das fehlende useColor: true in das pageItem ein. Dann sollte sich die Farbe schon ändern. Das useValue: false kann dafür raus.

      Wenn sich die Werte bei boolean auch noch ändern sollen, könnten zwei zusätzlich Parameter künftig hilfreich sein, die aus true/false einen anderen Wert anzeigen. Ist aber im Moment nicht drin.

      Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
      https://github.com/joBr99/nspanel-lovelace-ui/wiki

      Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

      C 1 Reply Last reply
      0
      • ArmilarA Armilar

        @coto

        füge bitte mal das fehlende useColor: true in das pageItem ein. Dann sollte sich die Farbe schon ändern. Das useValue: false kann dafür raus.

        Wenn sich die Werte bei boolean auch noch ändern sollen, könnten zwei zusätzlich Parameter künftig hilfreich sein, die aus true/false einen anderen Wert anzeigen. Ist aber im Moment nicht drin.

        C Offline
        C Offline
        coto
        wrote on last edited by
        #2358

        @armilar sagte in SONOFF NSPanel mit Lovelace UI:

        useColor: true

        Danke, das hilft bei den Icons aber nicht weiter oder ist mein Ansatz falsch? Funktioniert das mit den Icon2 überhaupt mit "eigenen" Iconangaben?

         <PageItem>{ id: "alias.0.NSPanel1.Internet_Online", name: "Online",  offColor: MSRed, onColor: MSGreen, useValue: false },
        

        Wenn ich es so lasse, werden die Standard Icons für "Tür auf" oder "Tür zu" angezeigt.
        Bin leider nicht so tief in der Materie drin um den gesamten Code zu verstehen. Ich habe im Code für den Alias Door folgenden Code gefunden:

           case 'door':
                                case 'window':
                                    if (existsState(pageItem.id + '.ACTUAL')) {
                                        if (getState(pageItem.id + '.ACTUAL').val) {
                                            iconId = pageItem.icon !== undefined ? Icons.GetIcon(pageItem.icon) : o.common.role == 'door' ? Icons.GetIcon('door-open') : Icons.GetIcon('window-open-variant');
                                            iconColor = GetIconColor(pageItem, false, useColors);
                                        } else {
                                            iconId = pageItem.icon !== undefined ? Icons.GetIcon(pageItem.icon) : o.common.role == 'door' ? Icons.GetIcon('door-closed') : Icons.GetIcon('window-closed-variant');
                                            iconColor = GetIconColor(pageItem, true, useColors);
                                        }
                                    }
                                    break;
        

        Muss ich dann für eigene Datenpunkte mit zwei Icons auch so einen Code erstellen und wenn ja wie bezihe ich mich auf meine Alias?

        T 1 Reply Last reply
        0
        • C coto

          @armilar sagte in SONOFF NSPanel mit Lovelace UI:

          useColor: true

          Danke, das hilft bei den Icons aber nicht weiter oder ist mein Ansatz falsch? Funktioniert das mit den Icon2 überhaupt mit "eigenen" Iconangaben?

           <PageItem>{ id: "alias.0.NSPanel1.Internet_Online", name: "Online",  offColor: MSRed, onColor: MSGreen, useValue: false },
          

          Wenn ich es so lasse, werden die Standard Icons für "Tür auf" oder "Tür zu" angezeigt.
          Bin leider nicht so tief in der Materie drin um den gesamten Code zu verstehen. Ich habe im Code für den Alias Door folgenden Code gefunden:

             case 'door':
                                  case 'window':
                                      if (existsState(pageItem.id + '.ACTUAL')) {
                                          if (getState(pageItem.id + '.ACTUAL').val) {
                                              iconId = pageItem.icon !== undefined ? Icons.GetIcon(pageItem.icon) : o.common.role == 'door' ? Icons.GetIcon('door-open') : Icons.GetIcon('window-open-variant');
                                              iconColor = GetIconColor(pageItem, false, useColors);
                                          } else {
                                              iconId = pageItem.icon !== undefined ? Icons.GetIcon(pageItem.icon) : o.common.role == 'door' ? Icons.GetIcon('door-closed') : Icons.GetIcon('window-closed-variant');
                                              iconColor = GetIconColor(pageItem, true, useColors);
                                          }
                                      }
                                      break;
          

          Muss ich dann für eigene Datenpunkte mit zwei Icons auch so einen Code erstellen und wenn ja wie bezihe ich mich auf meine Alias?

          T Offline
          T Offline
          TT-Tom
          wrote on last edited by TT-Tom
          #2359

          @coto dein Alias sollte vom Typ Info sein, nicht Door.

          Heißt dein Cannel musst du anpassen. alias.0.NSPanel1.Internet_Online
          Dann greift auch Icon und icon2.

          Gruß Tom
          https://github.com/tt-tom17
          Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

          NSPanel Script Wiki
          https://github.com/joBr99/nspanel-lovelace-ui/wiki

          NSPanel Adapter Wiki
          https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

          C 1 Reply Last reply
          0
          • T TT-Tom

            @coto dein Alias sollte vom Typ Info sein, nicht Door.

            Heißt dein Cannel musst du anpassen. alias.0.NSPanel1.Internet_Online
            Dann greift auch Icon und icon2.

            C Offline
            C Offline
            coto
            wrote on last edited by coto
            #2360

            @tt-tom

            Ich hatte es bereits als "Info" angelegt, nur da funktioniert weder Icon noch onColor und offColor.

            {
              "_id": "alias.0.NSPanel1.Internetonline",
              "common": {
                "name": {
                  "de": "Internetonline"
                },
                "role": "info",
                "icon": "",
                "color": null
              },
              "native": {},
              "type": "channel",
              "from": "system.adapter.admin.0",
              "user": "system.user.admin",
              "ts": 1677332171213,
              "acl": {
                "object": 1636,
                "owner": "system.user.admin",
                "ownerGroup": "system.group.administrator"
              }
            }
            

            Du kannst es gerne mal bei dir nachstellen.
            Ich mache über den Ping Adapter eine Abfrage auf die IP 8.8.8.8 und möchte die Anzeige dann im NSPanel als Online (Grünes Icon) und Offline (Rotes Icon2) auswerten.

            Laut Wiki ist der Info-Alias kein Boolean, wie soll es dann eine Auswertung von zwei Zuständen geben?
            1a052f4f-87e0-4db0-826e-6e34dd2d794a-image.png

            T 1 Reply Last reply
            0
            • C coto

              @tt-tom

              Ich hatte es bereits als "Info" angelegt, nur da funktioniert weder Icon noch onColor und offColor.

              {
                "_id": "alias.0.NSPanel1.Internetonline",
                "common": {
                  "name": {
                    "de": "Internetonline"
                  },
                  "role": "info",
                  "icon": "",
                  "color": null
                },
                "native": {},
                "type": "channel",
                "from": "system.adapter.admin.0",
                "user": "system.user.admin",
                "ts": 1677332171213,
                "acl": {
                  "object": 1636,
                  "owner": "system.user.admin",
                  "ownerGroup": "system.group.administrator"
                }
              }
              

              Du kannst es gerne mal bei dir nachstellen.
              Ich mache über den Ping Adapter eine Abfrage auf die IP 8.8.8.8 und möchte die Anzeige dann im NSPanel als Online (Grünes Icon) und Offline (Rotes Icon2) auswerten.

              Laut Wiki ist der Info-Alias kein Boolean, wie soll es dann eine Auswertung von zwei Zuständen geben?
              1a052f4f-87e0-4db0-826e-6e34dd2d794a-image.png

              T Offline
              T Offline
              TT-Tom
              wrote on last edited by TT-Tom
              #2361

              @coto

              Habe mich geirrt, wie schon geschrieben, von @Armilar ist es nicht implementiert.
              Es funktioniert nur in Verbindung mit navigate:true, also als Sprungmarke.

              Gruß Tom
              https://github.com/tt-tom17
              Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

              NSPanel Script Wiki
              https://github.com/joBr99/nspanel-lovelace-ui/wiki

              NSPanel Adapter Wiki
              https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

              C 1 Reply Last reply
              0
              • T TT-Tom

                @coto

                Habe mich geirrt, wie schon geschrieben, von @Armilar ist es nicht implementiert.
                Es funktioniert nur in Verbindung mit navigate:true, also als Sprungmarke.

                C Offline
                C Offline
                coto
                wrote on last edited by
                #2362

                @tt-tom

                Hab es jetzt funktionsfähig. Hab den Channel auf Gate umgestellt. Jetzt funktioniert onColor / offColor sowie Icon und Icon2

                2606af14-c56e-4261-b80b-ce236e99b456-image.png

                Keine Ahnung warum das nur mit "Gate" funktioniert. Vielleicht kann das einer der Programmierer mal erläutern.

                ArmilarA 1 Reply Last reply
                0
                • C coto

                  @tt-tom

                  Hab es jetzt funktionsfähig. Hab den Channel auf Gate umgestellt. Jetzt funktioniert onColor / offColor sowie Icon und Icon2

                  2606af14-c56e-4261-b80b-ce236e99b456-image.png

                  Keine Ahnung warum das nur mit "Gate" funktioniert. Vielleicht kann das einer der Programmierer mal erläutern.

                  ArmilarA Offline
                  ArmilarA Offline
                  Armilar
                  Most Active Forum Testing
                  wrote on last edited by
                  #2363

                  @coto

                  Ist mir echt schleierhaft, warum in deinem Alias Gate ein State der Rolle "door" drin ist. Baust du dir die selbst?

                  Gate sieht eigentlich so aus:

                  95b9ea03-6b50-46e0-8247-08ce04b390c4-image.png

                  Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                  https://github.com/joBr99/nspanel-lovelace-ui/wiki

                  Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                  C 1 Reply Last reply
                  0
                  • ArmilarA Armilar

                    @coto

                    Ist mir echt schleierhaft, warum in deinem Alias Gate ein State der Rolle "door" drin ist. Baust du dir die selbst?

                    Gate sieht eigentlich so aus:

                    95b9ea03-6b50-46e0-8247-08ce04b390c4-image.png

                    C Offline
                    C Offline
                    coto
                    wrote on last edited by
                    #2364

                    @armilar

                    Hab den Channel "Manuel" nach erstellen des Door-Aliases auf Gate umgestellt. Damit funktioniert jetzt onColor / offColor sowie Icon und Icon2.

                    Die Eigentliche Frage ist, warum onColor / offColor sowie Icon und Icon2 nicht bei anderen boolean funktioniert. z.B. Door

                    1 Reply Last reply
                    0
                    • ArmilarA Offline
                      ArmilarA Offline
                      Armilar
                      Most Active Forum Testing
                      wrote on last edited by Armilar
                      #2365

                      @coto

                      Die Frage ist eher, warum wir bereits die Sonder-Icons im Gate zugelassen haben?

                      Ein Fenster geht auf und zu - Der Alias-Fenster - macht also was es soll und das Icon ist... tada - natürlich das Fenster (auf/zu) mit Farbe

                      Eine Tür geht auf und zu - Der Alias-Tür - macht also was es soll und das Icon ist... tada - natürlich die Tür (auf/zu) mit Farbe

                      Könnte jetzt so weitergehen... mit Verschluss und usw. All diese Aliase machen das wofür sie da sind. Sie sind aber nicht für den Eierkocher oder sonstige Dinge implementiert.

                      Wenn es funktioniert, dann ist es doch okay... Alles andere sind optionale Anforderungen, die du gerne auch unter github als Issue einstellen darfst.

                      Klar könnte der allwissende Info-Alias auch künftig mit boolean umgehen und hüpfende Icons in Regenbogenfarben anzeigen. Dafür wurde er aber nicht implementiert, sondern um Informationen anzuzeigen. Und das macht der eben auch sehr gut...

                      Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                      https://github.com/joBr99/nspanel-lovelace-ui/wiki

                      Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                      1 Reply Last reply
                      0
                      • J joBr99

                        @maragon @JuergenDrews

                        Was wird auf dem Display angezeigt?

                        Bild von der Original Firmware? --> Aufschrauben, das Kabel vom Display abstecken wieder einstecken und dann nochmal probieren.

                        System Data Error --> Es könnte sein, das euer Panel irgendwie in 9600 Baud festhängt, das war zumindest das Problem bei @Markus S.
                        Ich hab gerade nen weiteren Command zu dem Berry Skript hinzugefügt um das zu testen.

                        1. autoexec.be und .bec in tasmota löschen
                        2. autoexec.be mit dem Inhalt von hier (https://raw.githubusercontent.com/joBr99/nspanel-lovelace-ui/main/tasmota/autoexec.be) neu anlegen
                        3. Tasmota neu starten
                        4. Mal mit FlashNextionAdv6 http://nspanel.pky.eu/lovelace-ui/github/nspanel-v3.6.0.tft probieren.
                        M Offline
                        M Offline
                        marc_d0810
                        wrote on last edited by
                        #2366

                        @jobr99 Hey jobr99,

                        vielleicht kannst du mir auch helfen?
                        Habe heute mein NSPanel mit Tasmota geflasht.
                        Beim Punkt das Display zu flashen passiert aber leider auch nichts.

                        Der Befehl: FlashNextion bricht dann irgendwann mit der Meldung:

                        19:32:41.543 FLH: Something has gone wrong flashing display firmware [bytes('55AA8713007B22484D495F696E74657266616365223A367D919700')]

                        ab.
                        Ich habe auch schon andere Tasmota Versionen versucht, bin jetzt auf Version 12.2.0 aber auch da ändert sich leider nichts.
                        Das Display bleibt im Original Screen und es passiert rein garnichts 😞

                        Hab nun auch schon mehrfach das Flachbandkabel raus- und wieder reingesteckt, hilft auch nichts.

                        Auch die anderen FlashNextion (ADVxx) Befehle bringen keine Änderung.

                        Hast du vielleicht noch die entscheidende Idee? 😉

                        Beste Grüße
                        Marcus

                        Bildschirm­foto 2023-02-25 um 19.55.33.png

                        ArmilarA 1 Reply Last reply
                        0
                        • M marc_d0810

                          @jobr99 Hey jobr99,

                          vielleicht kannst du mir auch helfen?
                          Habe heute mein NSPanel mit Tasmota geflasht.
                          Beim Punkt das Display zu flashen passiert aber leider auch nichts.

                          Der Befehl: FlashNextion bricht dann irgendwann mit der Meldung:

                          19:32:41.543 FLH: Something has gone wrong flashing display firmware [bytes('55AA8713007B22484D495F696E74657266616365223A367D919700')]

                          ab.
                          Ich habe auch schon andere Tasmota Versionen versucht, bin jetzt auf Version 12.2.0 aber auch da ändert sich leider nichts.
                          Das Display bleibt im Original Screen und es passiert rein garnichts 😞

                          Hab nun auch schon mehrfach das Flachbandkabel raus- und wieder reingesteckt, hilft auch nichts.

                          Auch die anderen FlashNextion (ADVxx) Befehle bringen keine Änderung.

                          Hast du vielleicht noch die entscheidende Idee? 😉

                          Beste Grüße
                          Marcus

                          Bildschirm­foto 2023-02-25 um 19.55.33.png

                          ArmilarA Offline
                          ArmilarA Offline
                          Armilar
                          Most Active Forum Testing
                          wrote on last edited by Armilar
                          #2367

                          @marc_d0810

                          versuche mal damit:

                          FlashNextionAdv1 http://nspanel.pky.eu/lui.tft
                          

                          falls das läuft, dann:

                          FlashNextion http://nspanel.pky.eu/lovelace-ui/github/nspanel-v3.9.4.tft
                          

                          Hast du vorher alle Dateien rausgeworfen und dann folgende autoexec.be

                          https://raw.githubusercontent.com/joBr99/nspanel-lovelace-ui/main/tasmota/autoexec.be
                          

                          installiert?

                          Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                          https://github.com/joBr99/nspanel-lovelace-ui/wiki

                          Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                          M 2 Replies Last reply
                          0
                          • M Offline
                            M Offline
                            Mayan
                            wrote on last edited by
                            #2368

                            Hallo,

                            ich habe im Haus Homematic Drehgriffkontakte mit „offen, kipp, geschlossen“ Zuständen.
                            Habe mir folgendes erstellt:
                            5453F083-E486-49CD-B728-68D14694BB6E.jpeg
                            Es wäre super wenn ich drei Farben angezeigt bekomme zu- grün, kipp- gelb, offen-rot

                            Habe schon einiges probiert:

                              <PageItem>{ id: "alias.0.Allgemein.Fenster.Schlafz", name: 'Schlafzimmer', onColor: ColorSchlafz, offColor: ColorSchlafz, useValue: true },
                            
                            var ColorSchlafz = (getState("javascript.0.Sonoff.FensterSchlafz").val == 'zu' ? MSGreen: null) || 
                            (getState("javascript.0.Sonoff.FensterSchlafz").val == 'kipp' ? MSYellow : null) || 
                            (getState("javascript.0.Sonoff.FensterSchlafz").val == 'auf' ? MSRed : null);
                            
                            on({id: [].concat(['javascript.0.Sonoff.FensterSchlafz']), change: "any"}, async function (obj) {
                              ColorSchlafz = (getState("javascript.0.Sonoff.FensterSchlafz").val == 'zu' ? MSGreen: null) || 
                            (getState("javascript.0.Sonoff.FensterSchlafz").val == 'kipp' ? MSYellow : null) || 
                            (getState("javascript.0.Sonoff.FensterSchlafz").val == 'auf' ? MSRed : null);
                            });
                            

                            Bei Neustart des Script funktioniert die Farbzuordnung.
                            Leider ist im Script nicht vorgesehen das sich on/offColor dynamisch ändert.
                            Vielleicht habe ich auch was falsch gemacht.
                            Kann mir jemand helfen?

                            ArmilarA 1 Reply Last reply
                            0
                            • M Mayan

                              Hallo,

                              ich habe im Haus Homematic Drehgriffkontakte mit „offen, kipp, geschlossen“ Zuständen.
                              Habe mir folgendes erstellt:
                              5453F083-E486-49CD-B728-68D14694BB6E.jpeg
                              Es wäre super wenn ich drei Farben angezeigt bekomme zu- grün, kipp- gelb, offen-rot

                              Habe schon einiges probiert:

                                <PageItem>{ id: "alias.0.Allgemein.Fenster.Schlafz", name: 'Schlafzimmer', onColor: ColorSchlafz, offColor: ColorSchlafz, useValue: true },
                              
                              var ColorSchlafz = (getState("javascript.0.Sonoff.FensterSchlafz").val == 'zu' ? MSGreen: null) || 
                              (getState("javascript.0.Sonoff.FensterSchlafz").val == 'kipp' ? MSYellow : null) || 
                              (getState("javascript.0.Sonoff.FensterSchlafz").val == 'auf' ? MSRed : null);
                              
                              on({id: [].concat(['javascript.0.Sonoff.FensterSchlafz']), change: "any"}, async function (obj) {
                                ColorSchlafz = (getState("javascript.0.Sonoff.FensterSchlafz").val == 'zu' ? MSGreen: null) || 
                              (getState("javascript.0.Sonoff.FensterSchlafz").val == 'kipp' ? MSYellow : null) || 
                              (getState("javascript.0.Sonoff.FensterSchlafz").val == 'auf' ? MSRed : null);
                              });
                              

                              Bei Neustart des Script funktioniert die Farbzuordnung.
                              Leider ist im Script nicht vorgesehen das sich on/offColor dynamisch ändert.
                              Vielleicht habe ich auch was falsch gemacht.
                              Kann mir jemand helfen?

                              ArmilarA Offline
                              ArmilarA Offline
                              Armilar
                              Most Active Forum Testing
                              wrote on last edited by
                              #2369

                              @mayan

                              Der einzige Alias, der das im Script hinbekommt ist der Gerätetyp Warnings --> siehe Abfall

                              Da das Fenster ein boolean ist (mit zwei Zuständen), wird er auch keine drei Strings verarbeiten können. Da die id bereits getriggert wird, erfolgt das triggern, bevor du deine Änderungen schreiben kannst. Sie werden also nie verarbeitet.

                              Wenn du aber den Typ Warnings benutzt, dann kannst du einen Wert und eine Farbe im Alias übergeben.

                              Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                              https://github.com/joBr99/nspanel-lovelace-ui/wiki

                              Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                              1 Reply Last reply
                              0
                              • ArmilarA Armilar

                                @marc_d0810

                                versuche mal damit:

                                FlashNextionAdv1 http://nspanel.pky.eu/lui.tft
                                

                                falls das läuft, dann:

                                FlashNextion http://nspanel.pky.eu/lovelace-ui/github/nspanel-v3.9.4.tft
                                

                                Hast du vorher alle Dateien rausgeworfen und dann folgende autoexec.be

                                https://raw.githubusercontent.com/joBr99/nspanel-lovelace-ui/main/tasmota/autoexec.be
                                

                                installiert?

                                M Offline
                                M Offline
                                marc_d0810
                                wrote on last edited by
                                #2370

                                @armilar

                                Moin Moin,

                                habe gerade alles nochmal rausgeworfen und die autoexec.be neu geladen.
                                Bringt leider auch keine Änderung und er hängt dann wieder beim FlashNextionAdv1.

                                Bildschirm­foto 2023-02-26 um 06.55.37.png

                                1 Reply Last reply
                                0
                                • ArmilarA Armilar

                                  @marc_d0810

                                  versuche mal damit:

                                  FlashNextionAdv1 http://nspanel.pky.eu/lui.tft
                                  

                                  falls das läuft, dann:

                                  FlashNextion http://nspanel.pky.eu/lovelace-ui/github/nspanel-v3.9.4.tft
                                  

                                  Hast du vorher alle Dateien rausgeworfen und dann folgende autoexec.be

                                  https://raw.githubusercontent.com/joBr99/nspanel-lovelace-ui/main/tasmota/autoexec.be
                                  

                                  installiert?

                                  M Offline
                                  M Offline
                                  marc_d0810
                                  wrote on last edited by
                                  #2371

                                  @armilar

                                  Ich habe das ganze nun nochmal gemacht und keine Ahnung warum, aber nun konnte ich mit FlashNextionAdv1 die nspanel-v3.9.4 flashen. 🙂

                                  1 Reply Last reply
                                  0
                                  • ArmilarA Offline
                                    ArmilarA Offline
                                    Armilar
                                    Most Active Forum Testing
                                    wrote on last edited by
                                    #2372

                                    @marc_d0810

                                    Perfekt, dann direkt nochmal die:

                                    FlashNextion http://nspanel.pky.eu/lovelace-ui/github/nspanel-v3.9.4.tft
                                    

                                    hinterher und weiterhin viel Spaß mit dem Panel

                                    Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                                    https://github.com/joBr99/nspanel-lovelace-ui/wiki

                                    Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                                    GarganoG M 2 Replies Last reply
                                    0
                                    • ArmilarA Offline
                                      ArmilarA Offline
                                      Armilar
                                      Most Active Forum Testing
                                      wrote on last edited by Armilar
                                      #2373

                                      @mayan

                                      Je Fenster diese Datenpunkte anlegen:
                                      91b8a7a1-18ac-4b2f-be19-b5772d12568f-image.png

                                      Alias Warnung drauflegen
                                      69f5a45a-34ae-4306-8b09-744a07cdec62-image.png

                                      Unten in der Script function CreateEntity den case warning ersetzen:

                                                      case 'warning':
                                                          type = 'text';
                                                          iconId = pageItem.icon !== undefined ? Icons.GetIcon(pageItem.icon) : Icons.GetIcon('alert-outline');
                                                          iconColor = getState(([pageItem.id, '.LEVEL'].join(''))).val;
                                                          let itemName = getState(([pageItem.id, '.TITLE'].join(''))).val;
                                                          let itemInfo = getState(([pageItem.id, '.INFO'].join(''))).val;
                                                          
                                                          RegisterEntityWatcher(pageItem.id + '.LEVEL');
                                                          RegisterEntityWatcher(pageItem.id + '.INFO');
                                      
                                                          if (pageItem.useValue) {
                                                              iconId = itemInfo; 
                                                          }
                                      
                                                          return '~' + type + '~' + itemName + '~' + iconId + '~' + iconColor + '~' + itemName + '~' + itemInfo;
                                      

                                      Blockly bauen
                                      52ef362e-e543-4559-87ed-97f76b85944d-image.png

                                      <xml xmlns="https://developers.google.com/blockly/xml">
                                        <block type="on_ext" id="7F/xh~*?3`mc^1*K,W7{" x="112" y="63">
                                          <mutation xmlns="http://www.w3.org/1999/xhtml" items="1"></mutation>
                                          <field name="CONDITION">ne</field>
                                          <field name="ACK_CONDITION"></field>
                                          <value name="OID0">
                                            <shadow type="field_oid" id="qpr+xv*z`B2XPr(r@Gr}">
                                              <field name="oid">0_userdata.0.Test.HomaticKippfenster</field>
                                            </shadow>
                                          </value>
                                          <statement name="STATEMENT">
                                            <block type="logic_switch_case" id=".@y|@PV*p3IFgM(JcFnf">
                                              <mutation xmlns="http://www.w3.org/1999/xhtml" case="2"></mutation>
                                              <value name="CONDITION">
                                                <block type="on_source" id="j]X7v|i_Dd2T7C@Vl;Go">
                                                  <field name="ATTR">state.val</field>
                                                </block>
                                              </value>
                                              <value name="CASECONDITION0">
                                                <block type="text" id="DLCub!@WhKO9ZK!C?l%q">
                                                  <field name="TEXT">auf</field>
                                                </block>
                                              </value>
                                              <statement name="CASE0">
                                                <block type="control" id="%.r}9HvU-ns1ysooh,KG">
                                                  <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
                                                  <field name="OID">0_userdata.0.Test.HmIPKippfenseter.date</field>
                                                  <field name="WITH_DELAY">FALSE</field>
                                                  <value name="VALUE">
                                                    <block type="on_source" id="*f[t)GdTGZh]r?=v/7z,">
                                                      <field name="ATTR">state.val</field>
                                                    </block>
                                                  </value>
                                                  <next>
                                                    <block type="control" id="wcW.:NEyyLA_MIt,y!2.">
                                                      <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
                                                      <field name="OID">0_userdata.0.Test.HmIPKippfenseter.color</field>
                                                      <field name="WITH_DELAY">FALSE</field>
                                                      <value name="VALUE">
                                                        <block type="text" id="p9,$Lry4}4q3r?!}mh3i">
                                                          <field name="TEXT">64332</field>
                                                        </block>
                                                      </value>
                                                    </block>
                                                  </next>
                                                </block>
                                              </statement>
                                              <value name="CASECONDITION1">
                                                <block type="text" id="](l=z*]A}oS5Arn6-~bl">
                                                  <field name="TEXT">zu</field>
                                                </block>
                                              </value>
                                              <statement name="CASE1">
                                                <block type="control" id="IRy`*m,Bt0X;A^GCbPhr">
                                                  <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
                                                  <field name="OID">0_userdata.0.Test.HmIPKippfenseter.date</field>
                                                  <field name="WITH_DELAY">FALSE</field>
                                                  <value name="VALUE">
                                                    <block type="on_source" id="cj7vYeATckU.,KCgbs2z">
                                                      <field name="ATTR">state.val</field>
                                                    </block>
                                                  </value>
                                                  <next>
                                                    <block type="control" id="+)+$kxE/1:$u8E{YFuO4">
                                                      <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
                                                      <field name="OID">0_userdata.0.Test.HmIPKippfenseter.color</field>
                                                      <field name="WITH_DELAY">FALSE</field>
                                                      <value name="VALUE">
                                                        <block type="text" id="RWA7gTWf$LB}(hLem3^X">
                                                          <field name="TEXT">32495</field>
                                                        </block>
                                                      </value>
                                                    </block>
                                                  </next>
                                                </block>
                                              </statement>
                                              <value name="CASECONDITION2">
                                                <block type="text" id="qyz0%`sl|n[V*0L:CH`(">
                                                  <field name="TEXT">kipp</field>
                                                </block>
                                              </value>
                                              <statement name="CASE2">
                                                <block type="control" id="PN7;/9kx_}Vkg.EX(n[Y">
                                                  <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
                                                  <field name="OID">0_userdata.0.Test.HmIPKippfenseter.date</field>
                                                  <field name="WITH_DELAY">FALSE</field>
                                                  <value name="VALUE">
                                                    <block type="on_source" id="lb5.5S%em0XwKGC{}`g^">
                                                      <field name="ATTR">state.val</field>
                                                    </block>
                                                  </value>
                                                  <next>
                                                    <block type="control" id="32quUw$wGhWuHBQMA6ws">
                                                      <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
                                                      <field name="OID">0_userdata.0.Test.HmIPKippfenseter.color</field>
                                                      <field name="WITH_DELAY">FALSE</field>
                                                      <value name="VALUE">
                                                        <block type="text" id="a=x=.IBp$jo9B-}Bvone">
                                                          <field name="TEXT">65363</field>
                                                        </block>
                                                      </value>
                                                    </block>
                                                  </next>
                                                </block>
                                              </statement>
                                            </block>
                                          </statement>
                                        </block>
                                      </xml>
                                      

                                      Dann sollte das Kippfenster mit

                                      <PageItem>{ id: 'alias.0.NSPanel_1.Kippfenster', useValue: true },
                                      

                                      arbeiten

                                      6616b9ac-1a11-4d4e-ac4d-474f1501b429-Nextion_Editor_yTEII0gClF.gif

                                      Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                                      https://github.com/joBr99/nspanel-lovelace-ui/wiki

                                      Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                                      1 Reply Last reply
                                      0
                                      • M Offline
                                        M Offline
                                        Mayan
                                        wrote on last edited by
                                        #2374

                                        @Armilar

                                        Es funktioniert mit meinen Fenstern!
                                        Allerdings musste ich noch ,name: ’’, einfügen sonst werden die Fenster nicht angezeigt.
                                        6AFBEAB7-5B75-44F5-84E0-8CA06D560327.jpeg

                                        <PageItem>{ id: "alias.0.Allgemein.Fenster.Schlafz",name:'', useValue: true},
                                                <PageItem>{ id: "alias.0.Allgemein.Fenster.Wohnz", name:'', useValue: true},
                                                <PageItem>{ id: "alias.0.Allgemein.Fenster.Kinderz", name: '', useValue: true },
                                                <PageItem>{ id: "alias.0.Allgemein.Fenster.Essz", name: '', useValue: true },
                                                <PageItem>{ id: "alias.0.Allgemein.Fenster.Badez", useValue: true },
                                                <PageItem>{ id: "alias.0.Allgemein.Fenster.Abstellr", useValue: true }
                                        

                                        DA02D50D-B4BA-4ACB-BA38-97057EB8880C.jpeg

                                        <PageItem>{ id: "alias.0.Allgemein.Fenster.Schlafz",name:'', useValue: true},
                                                <PageItem>{ id: "alias.0.Allgemein.Fenster.Wohnz", name:'', useValue: true},
                                                <PageItem>{ id: "alias.0.Allgemein.Fenster.Kinderz", name: '', useValue: true },
                                                <PageItem>{ id: "alias.0.Allgemein.Fenster.Essz", name: '', useValue: true },
                                                <PageItem>{ id: "alias.0.Allgemein.Fenster.Badez", name: '', useValue: true },
                                                <PageItem>{ id: "alias.0.Allgemein.Fenster.Abstellr",name: '', useValue: true }
                                        

                                        Ich hatte dieses Verhalten auch vor der Änderung.
                                        (Da hatte ich nur Icons und Text)
                                        Im Script function CreateEntity den case warning ersetzen

                                        case 'warning':
                                                            type = 'text';
                                                            iconId = pageItem.icon !== undefined ? Icons.GetIcon(pageItem.icon) : Icons.GetIcon('alert-outline');
                                                            iconColor = getState(([pageItem.id, '.LEVEL'].join(''))).val;
                                                            let itemName = getState(([pageItem.id, '.TITLE'].join(''))).val;
                                                            let itemInfo = getState(([pageItem.id, '.INFO'].join(''))).val;
                                                            
                                                            RegisterEntityWatcher(pageItem.id + '.LEVEL');
                                                            RegisterEntityWatcher(pageItem.id + '.INFO');
                                        
                                                            if (pageItem.useValue) {
                                                                iconId = itemInfo; 
                                                            }
                                        
                                                            return '~' + type + '~' + itemName + '~' + iconId + '~' + iconColor + '~' + itemName + '~' + itemInfo;
                                        

                                        Ich nutze noch die Version 3.9.0.2

                                        Ich wusste nicht das der Abfallkalender vom Gerätetyp Warnings sein sollte.
                                        Habe es mit einem ganz normalen Info laufen.
                                        94F43844-7F63-45CC-B08D-E0DEA4AAA628.jpeg

                                        <PageItem>{ id: "alias.0.Allgemein.Restmüll",name: "Restmüll",icon: "trash-can", onColor: Black, offColor: Black},
                                                <PageItem>{ id: "alias.0.Allgemein.Leichtverpackungen",name: "Leichtverpackungen",icon: "trash-can", onColor: Yellow, offColor: Yellow},
                                                <PageItem>{ id: "alias.0.Allgemein.Papier",name: "Papier", icon: "trash-can", onColor: Blue, offColor: Blue}
                                        

                                        Danke für die schnelle Hilfe!

                                        ArmilarA 1 Reply Last reply
                                        0
                                        • M Mayan

                                          @Armilar

                                          Es funktioniert mit meinen Fenstern!
                                          Allerdings musste ich noch ,name: ’’, einfügen sonst werden die Fenster nicht angezeigt.
                                          6AFBEAB7-5B75-44F5-84E0-8CA06D560327.jpeg

                                          <PageItem>{ id: "alias.0.Allgemein.Fenster.Schlafz",name:'', useValue: true},
                                                  <PageItem>{ id: "alias.0.Allgemein.Fenster.Wohnz", name:'', useValue: true},
                                                  <PageItem>{ id: "alias.0.Allgemein.Fenster.Kinderz", name: '', useValue: true },
                                                  <PageItem>{ id: "alias.0.Allgemein.Fenster.Essz", name: '', useValue: true },
                                                  <PageItem>{ id: "alias.0.Allgemein.Fenster.Badez", useValue: true },
                                                  <PageItem>{ id: "alias.0.Allgemein.Fenster.Abstellr", useValue: true }
                                          

                                          DA02D50D-B4BA-4ACB-BA38-97057EB8880C.jpeg

                                          <PageItem>{ id: "alias.0.Allgemein.Fenster.Schlafz",name:'', useValue: true},
                                                  <PageItem>{ id: "alias.0.Allgemein.Fenster.Wohnz", name:'', useValue: true},
                                                  <PageItem>{ id: "alias.0.Allgemein.Fenster.Kinderz", name: '', useValue: true },
                                                  <PageItem>{ id: "alias.0.Allgemein.Fenster.Essz", name: '', useValue: true },
                                                  <PageItem>{ id: "alias.0.Allgemein.Fenster.Badez", name: '', useValue: true },
                                                  <PageItem>{ id: "alias.0.Allgemein.Fenster.Abstellr",name: '', useValue: true }
                                          

                                          Ich hatte dieses Verhalten auch vor der Änderung.
                                          (Da hatte ich nur Icons und Text)
                                          Im Script function CreateEntity den case warning ersetzen

                                          case 'warning':
                                                              type = 'text';
                                                              iconId = pageItem.icon !== undefined ? Icons.GetIcon(pageItem.icon) : Icons.GetIcon('alert-outline');
                                                              iconColor = getState(([pageItem.id, '.LEVEL'].join(''))).val;
                                                              let itemName = getState(([pageItem.id, '.TITLE'].join(''))).val;
                                                              let itemInfo = getState(([pageItem.id, '.INFO'].join(''))).val;
                                                              
                                                              RegisterEntityWatcher(pageItem.id + '.LEVEL');
                                                              RegisterEntityWatcher(pageItem.id + '.INFO');
                                          
                                                              if (pageItem.useValue) {
                                                                  iconId = itemInfo; 
                                                              }
                                          
                                                              return '~' + type + '~' + itemName + '~' + iconId + '~' + iconColor + '~' + itemName + '~' + itemInfo;
                                          

                                          Ich nutze noch die Version 3.9.0.2

                                          Ich wusste nicht das der Abfallkalender vom Gerätetyp Warnings sein sollte.
                                          Habe es mit einem ganz normalen Info laufen.
                                          94F43844-7F63-45CC-B08D-E0DEA4AAA628.jpeg

                                          <PageItem>{ id: "alias.0.Allgemein.Restmüll",name: "Restmüll",icon: "trash-can", onColor: Black, offColor: Black},
                                                  <PageItem>{ id: "alias.0.Allgemein.Leichtverpackungen",name: "Leichtverpackungen",icon: "trash-can", onColor: Yellow, offColor: Yellow},
                                                  <PageItem>{ id: "alias.0.Allgemein.Papier",name: "Papier", icon: "trash-can", onColor: Blue, offColor: Blue}
                                          

                                          Danke für die schnelle Hilfe!

                                          ArmilarA Offline
                                          ArmilarA Offline
                                          Armilar
                                          Most Active Forum Testing
                                          wrote on last edited by Armilar
                                          #2375

                                          @mayan sagte in SONOFF NSPanel mit Lovelace UI:

                                          Ich wusste nicht das der Abfallkalender vom Gerätetyp Warnings sein sollte.
                                          Habe es mit einem ganz normalen Info laufen.

                                          Wenn du den, so wie bei dir statisch nach dem nächsten Termin je Farbe anordnest, dann reicht auch der Info - also alles korrekt

                                          Wenn du aber die Icon-Farben dynamisch ändern möchtest und die nächsten anstehenden Termine, ungeachtet aller verfügbaren Tonnenfarben, dann musst du den Warnung benutzen.

                                          Ich nutze noch die Version 3.9.0.2

                                          Ist ja bis auf zwei kleine Hotfixes auch die aktuellste...

                                          Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                                          https://github.com/joBr99/nspanel-lovelace-ui/wiki

                                          Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                                          1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          553

                                          Online

                                          32.4k

                                          Users

                                          81.3k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe