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.
  • T tobiasp

    Hallo, noch eine Frage, ist es möglich CardLchart ohne Influx zu integrieren?
    Wenn ja wie

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

    @tobiasp

    SQL oder History. Zum Testen würde ich history Adapter empfehlen.
    Du brauchst immer eine Archivierung und dann ein Script was dir die Daten aufbereitet und für die Card in den Datenpunkt schreibt.

    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

    1 Reply Last reply
    0
    • icebearI Online
      icebearI Online
      icebear
      wrote on last edited by
      #3591

      Hab auch noch eine Frage.

      Ich wollte jetzt meine Rollos (Homatic IP Broll Rolladenaktor) einbauen.
      Alias erstellen hat auch soweit funktioniert und cardGrid auch. Das Problem ist das ich mit den 'Rauf' 'Runter' Pfeilen die Rollos nicht fahren kann, der 'Stop Button' funktioniert und fahren kann ich mit dem Slider.
      Das Problem ist hier glaub ich das die Rollos über den Level rauf und runter gefahren werden, und die Werte bei Homematic rumgedreht sind (100% = offen, nach 0% = geschlossen).

      Wie bekomm ich das jetzt hin?

      Original DP
      shutter.png

      GarganoG 1 Reply Last reply
      0
      • icebearI icebear

        Hab auch noch eine Frage.

        Ich wollte jetzt meine Rollos (Homatic IP Broll Rolladenaktor) einbauen.
        Alias erstellen hat auch soweit funktioniert und cardGrid auch. Das Problem ist das ich mit den 'Rauf' 'Runter' Pfeilen die Rollos nicht fahren kann, der 'Stop Button' funktioniert und fahren kann ich mit dem Slider.
        Das Problem ist hier glaub ich das die Rollos über den Level rauf und runter gefahren werden, und die Werte bei Homematic rumgedreht sind (100% = offen, nach 0% = geschlossen).

        Wie bekomm ich das jetzt hin?

        Original DP
        shutter.png

        GarganoG Offline
        GarganoG Offline
        Gargano
        wrote on last edited by
        #3592

        @icebear Ich habe das so gemacht :

        let Rollos = <PageEntities> 
        {
            'type': 'cardEntities',
            'heading': 'Rollos',
            'useColor': true,
            'subPage': false,
            'items': [
               <PageItem>{ id: "alias.0.Rollos.Wohn1", icon: "window-shutter", name: "Wohn 1", interpolateColor: true},
               <PageItem>{ id: "alias.0.Rollos.Wohn2", icon: "window-shutter", name: "Wohn 2", interpolateColor: true},
            ]
        };
        

        Alias :

        3dbd9b70-d385-49ee-954f-186931ce7220-image.png

        mit fx Funktion

        e1acd0ae-8faf-4626-b0b0-785fc22df26c-image.png
        8c9b983d-400d-4317-ad2b-830dad075efc-image.png

        icebearI 1 Reply Last reply
        1
        • GarganoG Gargano

          @icebear Ich habe das so gemacht :

          let Rollos = <PageEntities> 
          {
              'type': 'cardEntities',
              'heading': 'Rollos',
              'useColor': true,
              'subPage': false,
              'items': [
                 <PageItem>{ id: "alias.0.Rollos.Wohn1", icon: "window-shutter", name: "Wohn 1", interpolateColor: true},
                 <PageItem>{ id: "alias.0.Rollos.Wohn2", icon: "window-shutter", name: "Wohn 2", interpolateColor: true},
              ]
          };
          

          Alias :

          3dbd9b70-d385-49ee-954f-186931ce7220-image.png

          mit fx Funktion

          e1acd0ae-8faf-4626-b0b0-785fc22df26c-image.png
          8c9b983d-400d-4317-ad2b-830dad075efc-image.png

          icebearI Online
          icebearI Online
          icebear
          wrote on last edited by
          #3593

          @gargano

          Supi! Perfekt, funktioniert einwandfrei.

          Danke dafür.

          1 Reply Last reply
          0
          • F Offline
            F Offline
            Futty
            wrote on last edited by
            #3594

            Hallo,

            kann mir jemand erklären wie die Datenpunkte vom Alias "Thermostat" zu verstehen sind?
            ACTUAL und SET sind klar, doch was bewirkt POWER, MODE, AUTOMATIC, MANUAL?

            Sind das alles nur Anzeigen oder Switches?
            Ist die ganz Card nur Anzeige (bis auf die SET buttons) oder gibt es auch eine Regelung über z.B. POWER?

            Danke!

            T icebearI 2 Replies Last reply
            0
            • F Futty

              Hallo,

              kann mir jemand erklären wie die Datenpunkte vom Alias "Thermostat" zu verstehen sind?
              ACTUAL und SET sind klar, doch was bewirkt POWER, MODE, AUTOMATIC, MANUAL?

              Sind das alles nur Anzeigen oder Switches?
              Ist die ganz Card nur Anzeige (bis auf die SET buttons) oder gibt es auch eine Regelung über z.B. POWER?

              Danke!

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

              @futty

              Es gibt keine Regelung vom Script aus. Das macht/sollte das Thermostat bzw. deine Heizung alleine machen.
              Power, Mode, Auto und Manu kannst du zum anzeigen und steuern nutzen.

              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

              1 Reply Last reply
              0
              • F Futty

                Hallo,

                kann mir jemand erklären wie die Datenpunkte vom Alias "Thermostat" zu verstehen sind?
                ACTUAL und SET sind klar, doch was bewirkt POWER, MODE, AUTOMATIC, MANUAL?

                Sind das alles nur Anzeigen oder Switches?
                Ist die ganz Card nur Anzeige (bis auf die SET buttons) oder gibt es auch eine Regelung über z.B. POWER?

                Danke!

                icebearI Online
                icebearI Online
                icebear
                wrote on last edited by
                #3596

                @futty said in SONOFF NSPanel mit Lovelace UI:

                kann mir jemand erklären wie die Datenpunkte vom Alias "Thermostat" zu verstehen sind?

                Ich glaube das hängt auch davon ab welche Thermostate du verwendest und was die überhaupt hergeben.

                1 Reply Last reply
                0
                • F Flipps

                  @armilar Danke für deine Antwort, ich habs umgestellt, jetzt Schalten die Relais aber wenn ich drücke. das Licht aber nicht.
                  Tasmota ausgabe:

                  06:24:52.198 MQT: NSPanel/nspanel_C39D28/stat/RESULT = {"POWER1":"ON"}
                  06:24:52.204 MQT: NSPanel/nspanel_C39D28/stat/POWER1 = ON
                  

                  Gibt es irgendwie eine abfrage welche otionen wie geschaltet sind? Nicht das ich da vorab schonmal was verstellt habe. gefunden

                  VG
                  Philipp

                  Edit:
                  Ich bin mittlerweile soweit das ich sagen kann das der Befehl in der Costum Send ankommt, also muss ich ja irgendwas im Script falsch gesetzt haben oder?

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

                  @flipps

                  Warum hast du dein Alias auf Read = false gesetzt.

                  PS bitte nicht alte Post editieren, kann schnell übersehen werden.

                  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

                  F 1 Reply Last reply
                  0
                  • T TT-Tom

                    @flipps

                    Warum hast du dein Alias auf Read = false gesetzt.

                    PS bitte nicht alte Post editieren, kann schnell übersehen werden.

                    F Offline
                    F Offline
                    Flipps
                    wrote on last edited by
                    #3598

                    @tt-tom
                    Zum PS: Okay 😄

                    Ich hab den eigentlich nicht nach bearbeitet. ICh habe es grade umgestellt, funktioniert leider auch nicht.
                    Habe noch war rumprobiert wenn ich den alias buton in den Objekten Toggle schaltet das licht, aktuell sieht es so aus:

                     ],
                    Hier der alias
                    {
                      "_id": "alias.0.NSPanel.1.Beleuchtung.On/Off.SET",
                      "common": {
                        "name": "SET",
                        "role": "button",
                        "type": "boolean",
                        "read": true,
                        "write": true,
                        "alias": {
                          "id": "hue.0.All.allOn"
                        }
                      },
                      "native": {},
                      "type": "state",
                      "from": "system.adapter.admin.0",
                      "user": "system.user.admin",
                      "ts": 1693474035924
                    }
                    
                    Hier die Butten config?
                    
                        button1: {
                            mode: 'toggle',     // Mögliche Werte wenn Rule2 definiert: 'page', 'toggle', 'set' - Wenn nicht definiert --> mode: null
                            page: null,     // Zielpage - Verwendet wenn mode = page (bisher button1Page)
                            entity: 'alias.0.NSPanel.1.Beleuchtung.On/Off.SET',   // Zielentity - Verwendet wenn mode = set oder toggle
                            setValue: null  // Zielwert - Verwendet wenn mode = set
                    

                    VG Philipp

                    T 1 Reply Last reply
                    0
                    • F Flipps

                      @tt-tom
                      Zum PS: Okay 😄

                      Ich hab den eigentlich nicht nach bearbeitet. ICh habe es grade umgestellt, funktioniert leider auch nicht.
                      Habe noch war rumprobiert wenn ich den alias buton in den Objekten Toggle schaltet das licht, aktuell sieht es so aus:

                       ],
                      Hier der alias
                      {
                        "_id": "alias.0.NSPanel.1.Beleuchtung.On/Off.SET",
                        "common": {
                          "name": "SET",
                          "role": "button",
                          "type": "boolean",
                          "read": true,
                          "write": true,
                          "alias": {
                            "id": "hue.0.All.allOn"
                          }
                        },
                        "native": {},
                        "type": "state",
                        "from": "system.adapter.admin.0",
                        "user": "system.user.admin",
                        "ts": 1693474035924
                      }
                      
                      Hier die Butten config?
                      
                          button1: {
                              mode: 'toggle',     // Mögliche Werte wenn Rule2 definiert: 'page', 'toggle', 'set' - Wenn nicht definiert --> mode: null
                              page: null,     // Zielpage - Verwendet wenn mode = page (bisher button1Page)
                              entity: 'alias.0.NSPanel.1.Beleuchtung.On/Off.SET',   // Zielentity - Verwendet wenn mode = set oder toggle
                              setValue: null  // Zielwert - Verwendet wenn mode = set
                      

                      VG Philipp

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

                      @flipps
                      Im Script muss der komplette Pfad eingetragen werde, also inkl. SET

                      Sorry nicht alles gesehen am Handy.
                      Wenn du auf den Taster drückst was kommt als Rückmeldung über MQTT rein?

                      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

                      F 1 Reply Last reply
                      0
                      • T TT-Tom

                        @flipps
                        Im Script muss der komplette Pfad eingetragen werde, also inkl. SET

                        Sorry nicht alles gesehen am Handy.
                        Wenn du auf den Taster drückst was kommt als Rückmeldung über MQTT rein?

                        F Offline
                        F Offline
                        Flipps
                        wrote on last edited by
                        #3600

                        @tt-tom
                        Da kommt das in die Result:

                        bc18121b-5659-4387-bd6f-ac4added73a3-image.png

                        T 1 Reply Last reply
                        0
                        • F Flipps

                          @tt-tom
                          Da kommt das in die Result:

                          bc18121b-5659-4387-bd6f-ac4added73a3-image.png

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

                          @flipps

                          Okay dann ist deine Abkopplung nicht richtig . Bei diesem Result kann das Script nicht reagieren.

                          Kannst du mir nochmal dein Vorhaben erklären.
                          Du möchtest Relais und Taster separat nutzen?

                          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

                          F 1 Reply Last reply
                          0
                          • T TT-Tom

                            @flipps

                            Okay dann ist deine Abkopplung nicht richtig . Bei diesem Result kann das Script nicht reagieren.

                            Kannst du mir nochmal dein Vorhaben erklären.
                            Du möchtest Relais und Taster separat nutzen?

                            F Offline
                            F Offline
                            Flipps
                            wrote on last edited by
                            #3602

                            @tt-tom

                            Ganz genau, die Relais brauche ich erstmal nicht, die habe ich mit so73 1 entkoppelt, (bei so114 entkoppelt er die relais bei mir nicht) dann möchte ich mit einer Taste das Licht (HUE) ausschalten.

                            T 1 Reply Last reply
                            0
                            • F Flipps

                              @tt-tom

                              Ganz genau, die Relais brauche ich erstmal nicht, die habe ich mit so73 1 entkoppelt, (bei so114 entkoppelt er die relais bei mir nicht) dann möchte ich mit einer Taste das Licht (HUE) ausschalten.

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

                              @flipps
                              Die so73 kannst du wieder zurücknehmen.

                              Du benötigst nur die Rule2 aus dem Wiki.

                              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

                              F 1 Reply Last reply
                              0
                              • T TT-Tom

                                @flipps
                                Die so73 kannst du wieder zurücknehmen.

                                Du benötigst nur die Rule2 aus dem Wiki.

                                F Offline
                                F Offline
                                Flipps
                                wrote on last edited by Flipps
                                #3604

                                @tt-tom und die relais soll ich einfach mitschalten lassen?

                                also wenn ich die so73 zurrücknehme und die Rule definiere passiert nichts ausser das das relais schaltet.

                                Rule2 on Button1#state do Publish NSPanel/%topic%/tele/RESULT {"CustomRecv":"event,button1"} endon on Button2#state do Publish NSPanel/%topic%/tele/RESULT {"CustomRecv":"event,button2"} endon
                                

                                das hier wird im mgtt übertragen:

                                11:44:00.595 MQT: NSPanel/nspanel_C39D28/stat/RESULT = {"POWER1":"ON"}
                                
                                T 2 Replies Last reply
                                0
                                • F Flipps

                                  @tt-tom und die relais soll ich einfach mitschalten lassen?

                                  also wenn ich die so73 zurrücknehme und die Rule definiere passiert nichts ausser das das relais schaltet.

                                  Rule2 on Button1#state do Publish NSPanel/%topic%/tele/RESULT {"CustomRecv":"event,button1"} endon on Button2#state do Publish NSPanel/%topic%/tele/RESULT {"CustomRecv":"event,button2"} endon
                                  

                                  das hier wird im mgtt übertragen:

                                  11:44:00.595 MQT: NSPanel/nspanel_C39D28/stat/RESULT = {"POWER1":"ON"}
                                  
                                  T Offline
                                  T Offline
                                  TT-Tom
                                  wrote on last edited by
                                  #3605

                                  @Flipps
                                  Wenn die Rule2 aktiv ist sollten auch die Relais nicht mehr schalten.

                                  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

                                  1 Reply Last reply
                                  0
                                  • F Flipps

                                    @tt-tom und die relais soll ich einfach mitschalten lassen?

                                    also wenn ich die so73 zurrücknehme und die Rule definiere passiert nichts ausser das das relais schaltet.

                                    Rule2 on Button1#state do Publish NSPanel/%topic%/tele/RESULT {"CustomRecv":"event,button1"} endon on Button2#state do Publish NSPanel/%topic%/tele/RESULT {"CustomRecv":"event,button2"} endon
                                    

                                    das hier wird im mgtt übertragen:

                                    11:44:00.595 MQT: NSPanel/nspanel_C39D28/stat/RESULT = {"POWER1":"ON"}
                                    
                                    T Offline
                                    T Offline
                                    TT-Tom
                                    wrote on last edited by
                                    #3606

                                    @flipps

                                    Hast du Rule2 1 in der Tasmota Console eingegeben??

                                    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

                                    F 1 Reply Last reply
                                    0
                                    • ArmilarA Armilar

                                      SONOFF NSPanel Touch Display Switch

                                      mit Lovelace UI und TASMOTA Firmware

                                      60848839-53b0-4e2b-a370-28e02960bfcd-image.png

                                      Das Thema https://forum.iobroker.net/topic/50888/sonoff-nspanel/1542 wird hier jetzt fortgesetzt...

                                      An alle begeisterten NSPanel'er

                                      Dieser Thread soll sich jetzt ausschließlich mit den Fragen und Themen rund um das SONOFF NSPanel mit Lovelace UI beschäftigen.

                                      Wie alles begann:

                                      • 22.10.2021
                                        Blakadder's Dokumentation der Dekodierung des NSPanel-Kommunikationsprotokolls und Einrichtung der Steuerung des Nextion-Bildschirms mit benutzerdefinierter Firmware.
                                        https://blakadder.com/nspanel-hacking/
                                      • 01.01.2022
                                        Erste Gehversuche mit Blockly-Scripts auf der Original-Firmware nach einer ersten coolen Anleitung für den ioBroker von @haus-automatisierung.
                                      • ...
                                        Funkstille auf allen Kanälen, da das Panel in der Originalsoftware einfach zu wenig Funktionalität hat. Ein Vergleich mit "Jugend forscht" wäre maßlos übertrieben...
                                      • 15.01.2022
                                        @jobr99 Erstes POC von Lovelace Konzept mit ESPhome Komponente, da Nextion Upload Protcol unter tasmota nicht umsetzbar ist (berry tcpclient crashed ESP, HTTP Libary ist auf viel zu kleine Dateien limitiert)
                                      • 17.01.2022
                                        peepshow-21 Erste implementierung von Nextion Upload Protocol 1.1 mit Workaround für HTTP Libary über Java Converter um tft files für tasmota vorzubereiten
                                      • 20.01.2022
                                        s-hadinger fixt bug in berry tcpclient
                                      • 31.01.2022
                                        Erste Version für HomeAssistant mit Nodered und Tasmota
                                      • 08.02.2022
                                        @joBr99 Erste Implementierung von Nextion Upload Protokoll 1.2 in Berry basiertend auf HTTP Range Header Requests und lokalem Buffer (funktioniert nur mit -nspanel tasmota build uns PSRAM Support)
                                      • 12.02.2022
                                        peepshow-21 Implementierung von Nextion Upload Protocol 1.2 mit vollständigem Download und "streaming" zum Nextion Screen während dem Download
                                      • 05.03.2022
                                        @joBr99 Portierung von Node-Red Flow zu AppDaemon, da AppDaemon sich besser eignet zur Implementierung vom Backend
                                      • 13.03.2022
                                        @joBr99 Erste Version von Lovelace Berry Driver basierend auf Upload Protocol Implementierung von peepshow-21, da diese etwas stabiler läuft mit zusätzlichem Error Handling
                                      • 30.03.2022
                                        @joBr99 kommt mit der Info um die Ecke, dass es ein erstes Script v1.9.0 für den ioBroker von @Britzelpuf gibt. Zu diesem Zeitpunkt gab es bereits den Screensaver die Seitennavigation und die Möglichkeit eine Lampe, einen Dimmer eine Taste und eine Info, sowie die popUps für Licht (Brightness) und Shutter (Position) und einen Thermostaten zur Steuerung einzubinden.
                                      • 10.04.2022
                                        @joBr99 Firmware got bigger and bigger with >15 Minutes Flashing Time for the tft file
                                        Increased Flashing Speed of Berry Driver from 115200 to 921600 and added skipping to the End with HTTP Range Headers, resulted in faster display flashing
                                      • 11.04.2022
                                        @Armilar macht seine ersten Änderungen auf github und hört seit dem nicht mehr auf, weitere Funktionen in das TSScript hinzuzufügen... 😉
                                        @joBr99 entwickelt die HMI und neue Funktionen für Home Assistant schneller als der Wind - und macht das Panel zur echten Bereicherung für jedes Smart Home 😊 👏

                                      heute

                                      • Eine der besten Community's die ich jemals erlebt habe. Hilfsbereit und kompetent wird jeder mit Hilfestellungen und Problemlösungen in kürzester Zeit versorgt.

                                      Es macht großen Spaß zusammen mit euch...

                                      VG
                                      Armilar


                                      Beispiele:

                                      09ae2c13-c606-4ef5-88dc-26fccd14dd85-image.png

                                      cf500331-70d8-4150-ac59-aabff1a27f7f-image.png

                                      a5dbb6f4-403b-4081-b2e9-a17cbc3af26c-image.png

                                      b41e2fed-abaa-4993-ae6f-2344f4e3afc8-image.png

                                      048fc1af-d72e-45fe-9102-688d40b2df18-image.png

                                      08edcab4-03b7-4c0f-923e-0f5b1c639cca-image.png

                                      ad94cddf-a0d0-40a7-971c-16504e8949fd-image.png

                                      263b23cc-d003-4af6-98b6-ed994c244890-image.png

                                      07373515-a92e-4cc9-b717-716e4fd4413f-image.png

                                      7c4a1f2f-26d7-4aeb-987d-3e30a671378d-image.png


                                      Features:

                                      • cardEntities für die Unterstützung diverser Steuerelemente (siehe Beispiele)
                                      • cardGrid (3x2-Raster) für die Unterstützung diverser Steuerelemente (siehe Beispiele)
                                      • cardGrid2 (4x2) für die Unterstützung diverser Steuerelemente (siehe Beispiele)
                                      • cardGrid3 (2x2) für die Unterstützung diverser Steuerelemente (siehe Beispiele)
                                      • cardPower zur Visualisierung der Energieverteilung
                                      • cardAlarm als Seite für Alarmanlagen
                                      • cardMedia - der Media-Player (Diverse Adapter)
                                      • cardThermo - Seite für Thermostat oder Klimaanlage
                                      • cardQR - Seite mit QRCode zur Anzeige von WLAN-Informationen
                                      • cardChart - Balkendiagramme
                                      • Detailseiten für Leuchtmittel (Helligkeit, Temperatur und Farbe)
                                      • Detailseite für Jalousien/Rollos (Position und Tilt)
                                      • Detailseite für Ventilatoren
                                      • Detailseite für Timer
                                      • Auswahl Detailseite für Werteliste
                                      • Bildschirmschonerseite mit Uhrzeit, Datum und Wetterinformationen oder/und Infos
                                      • Multilingual (unterstützt über 40 Sprachen)
                                      • Unbegrenzte Anzahl an Seiten und Unterseiten
                                      • Abfallkalender
                                      • Favoritenseiten
                                      • etc.

                                        ich glaube da ist eine verbesserte "cardMedia" in der Entwicklung - sieht cool aus...
                                        72571469-4a78-4caf-ba0e-7a67865bb13c-image.png

                                      NsPanel Lovelace UI ist eine Firmware für den Nextion-Bildschirm innerhalb des NSPanel.

                                      Die allgemeine Idee ist, dass das Nextion-Display einen Seitenzähler durchläuft und der ESP32 dem Display sagt, was zu tun ist. Alles ist dynamisch durch Alias-Erstellung konfigurierbar, es ist nicht erforderlich, Nextion Editor zu programmieren. Neben der Seiten-Definition sind im ioBroker keine Programmierkenntnisse erforderlich. Es ist im ioBroker ebenfalls kein Lovelace-Adapter erforderlich.

                                      Das Panel arbeitet mit Tasmota und MQTT. Um das Panel zu steuern und mit Inhalten von ioBroker zu aktualisieren, gibt es ein vordefiniertes TypeScript (TS) für den JavaScript-Adapter.


                                      Aktuelle Wiki (Anleitung) für den ioBroker

                                      https://github.com/joBr99/nspanel-lovelace-ui/wiki by @Kuckuckmann

                                      NsPanelTs.ts (TypeScript) für ioBroker v4.9.3.X

                                      zur Steuerung des SONOFF NSPanel mit dem ioBroker by @Armilar und @TT-Tom
                                      https://github.com/joBr99/nspanel-lovelace-ui/tree/main/ioBroker
                                      abgestimmt auf:

                                      • TFT 58 / v4.9.3 ( by @joBr99 / Armilar > 4.4.0)
                                      • BerryDriver 9 ( by peepshow-21 (based on code by blakadder and s-hadinger))
                                      • Tasmota 15.1.0 ( by Theo Arends ) --> Theo-Arends-Sonoff-MQTT-OTA

                                      Projekt:

                                      by @joBr99

                                      • main (Home Assistant - Version und Nextion HMI): https://github.com/joBr99/nspanel-lovelace-ui by @joBr99
                                      • ioBroker: https://github.com/joBr99/nspanel-lovelace-ui/tree/main/ioBroker by @Armilar (HA - Adaption)

                                      Icon-Mapper:

                                      • icon_mapping.ts:
                                        https://github.com/joBr99/nspanel-lovelace-ui/blob/main/ioBroker/icon_mapping.ts
                                        (TypeScript muss in global liegen)

                                      Icons:

                                      unter: https://docs.nspanel.pky.eu/icon-cheatsheet.html

                                      Video-Tutorial:

                                      https://www.youtube.com/watch?v=ZPLJk2ZLo_8 by @haus-automatisierung

                                      Marc BergM Offline
                                      Marc BergM Offline
                                      Marc Berg
                                      Most Active
                                      wrote on last edited by Marc Berg
                                      #3607

                                      @armilar sagte in SONOFF NSPanel mit Lovelace UI:

                                      Detailseite für Jalousien/Rollos (Position und Tilt)

                                      Ich mir nicht sicher, ob ich einen Fehler in der Detailseite für Jalousien gefunden habe, oder ob ich selbst einen Fehler gemacht habe. (Skript Version v4.2.1.2)

                                      Ich habe eine CardEntity mit drei "blinds" Alias und einem "dimmer" Alias. Auf der Übersichtsseite kann ich die Markisen super bedienen, der Pfeil nach unten bewegt die Markise nach unten, der Pfeil nach oben bewegt sie nach oben und das Rechteck stoppt die Bewegung. Alles super, wie es sein soll.


                                      cb538fb6-19d2-4b88-82f6-c71ef8548792-grafik.png

                                      Gehe ich allerdings auf die Detailsseite einer Markise, so ist der "Pfeil runter" grau, obwohl die Markise ganz oben ist und umgekehrt die "Pfeil rauf" ist grau, obwohl die Markise ganz unten ist. Das bedeutet, dass die Markise über die Detailseite nicht steuerbar ist, wenn sie auf 0% oder 100% steht. Bei Werten zwischen 1% und 99% sind beide Pfeile aktiv.


                                      e07655f6-a3d8-495f-b350-d7f2ff0de5de-grafik.png

                                      Definition CardEntity:

                                      let Terrasse1 = <PageEntities>
                                      {
                                          'type': 'cardEntities',
                                          'heading': 'Terrasse 1',
                                          'useColor': true,
                                          'items': [
                                              <PageItem>{ id: "alias.0.Haus.Terrasse.Lamellendach", onColor: White, name: "Lamellendach", secondRow: "L50"},
                                              <PageItem>{ id: "alias.0.Haus.Terrasse.Markise_links", onColor: White, name: "Markise links", secondRow: ""},
                                              <PageItem>{ id: "alias.0.Haus.Terrasse.Markise_mitte", onColor: White, name: "Markise mitte", secondRow: ""},
                                              <PageItem>{ id: "alias.0.Haus.Terrasse.LED", onColor: White, name: "Licht", secondRow: "LED"},
                                          ]
                                      };
                                      

                                      Alias:


                                      d41580ae-44b4-42af-8ce0-dcb41fa2159c-grafik.png

                                      Mache ich was falsch?

                                      NUC10I3+Ubuntu+Docker+ioBroker+influxDB2+Node Red+RabbitMQ+Grafana

                                      Pi-hole, Traefik, Checkmk, Conbee II+Zigbee2MQTT, ESPSomfy-RTS, LoRaWAN, Arduino, KiCad

                                      Benutzt das Voting im Beitrag, wenn er euch geholfen hat.

                                      T 1 Reply Last reply
                                      0
                                      • Marc BergM Marc Berg

                                        @armilar sagte in SONOFF NSPanel mit Lovelace UI:

                                        Detailseite für Jalousien/Rollos (Position und Tilt)

                                        Ich mir nicht sicher, ob ich einen Fehler in der Detailseite für Jalousien gefunden habe, oder ob ich selbst einen Fehler gemacht habe. (Skript Version v4.2.1.2)

                                        Ich habe eine CardEntity mit drei "blinds" Alias und einem "dimmer" Alias. Auf der Übersichtsseite kann ich die Markisen super bedienen, der Pfeil nach unten bewegt die Markise nach unten, der Pfeil nach oben bewegt sie nach oben und das Rechteck stoppt die Bewegung. Alles super, wie es sein soll.


                                        cb538fb6-19d2-4b88-82f6-c71ef8548792-grafik.png

                                        Gehe ich allerdings auf die Detailsseite einer Markise, so ist der "Pfeil runter" grau, obwohl die Markise ganz oben ist und umgekehrt die "Pfeil rauf" ist grau, obwohl die Markise ganz unten ist. Das bedeutet, dass die Markise über die Detailseite nicht steuerbar ist, wenn sie auf 0% oder 100% steht. Bei Werten zwischen 1% und 99% sind beide Pfeile aktiv.


                                        e07655f6-a3d8-495f-b350-d7f2ff0de5de-grafik.png

                                        Definition CardEntity:

                                        let Terrasse1 = <PageEntities>
                                        {
                                            'type': 'cardEntities',
                                            'heading': 'Terrasse 1',
                                            'useColor': true,
                                            'items': [
                                                <PageItem>{ id: "alias.0.Haus.Terrasse.Lamellendach", onColor: White, name: "Lamellendach", secondRow: "L50"},
                                                <PageItem>{ id: "alias.0.Haus.Terrasse.Markise_links", onColor: White, name: "Markise links", secondRow: ""},
                                                <PageItem>{ id: "alias.0.Haus.Terrasse.Markise_mitte", onColor: White, name: "Markise mitte", secondRow: ""},
                                                <PageItem>{ id: "alias.0.Haus.Terrasse.LED", onColor: White, name: "Licht", secondRow: "LED"},
                                            ]
                                        };
                                        

                                        Alias:


                                        d41580ae-44b4-42af-8ce0-dcb41fa2159c-grafik.png

                                        Mache ich was falsch?

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

                                        @marc-berg

                                        Auf der Übersichtsseite werden die Pfeile nicht über den Öffnungsgrad gesteuert, dadurch sind sie immer bedienbar.

                                        Auf der Detailpage ist bei 0% down gesperrt und bei 100% up. welche Stellung ist den bei dir 100%?

                                        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

                                        1 Reply Last reply
                                        1
                                        • Marc BergM Offline
                                          Marc BergM Offline
                                          Marc Berg
                                          Most Active
                                          wrote on last edited by Marc Berg
                                          #3609

                                          @tt-tom sagte in SONOFF NSPanel mit Lovelace UI:

                                          welche Stellung ist den bei dir 100%?

                                          ganz unten.

                                          Edit:

                                          Dann muss ich wahrscheinlich diese Zeilen ändern, oder?

                                                          let icon_up_status = getState(id + '.ACTUAL').val != 100 ? 'enable' : 'disable';
                                                          let icon_stop_status = 'enable';
                                                          let icon_down_status = getState(id + '.ACTUAL').val != 0 ? 'enable' : 'disable';
                                          

                                          NUC10I3+Ubuntu+Docker+ioBroker+influxDB2+Node Red+RabbitMQ+Grafana

                                          Pi-hole, Traefik, Checkmk, Conbee II+Zigbee2MQTT, ESPSomfy-RTS, LoRaWAN, Arduino, KiCad

                                          Benutzt das Voting im Beitrag, wenn er euch geholfen hat.

                                          T K 3 Replies 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

                                          393

                                          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