Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Hardware
    4. SONOFF NSPanel mit Lovelace UI

    NEWS

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

    • Save The Date: ioBroker@Smart Living Forum Solingen, 14.06.

    SONOFF NSPanel mit Lovelace UI

    This topic has been deleted. Only users with topic management privileges can see it.
    • T
      TT-Tom @schmidti last edited by TT-Tom

      @schmidti

      nur zum Verständnis du nutzt die Button am Panel um die Relais direkt zu schalten?

      du kannst das auch Softwareseitig machen, in dem du beide Taster auf Rule2 legst und dann im Script die Config button1 / button2 anpasst.

          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.Relay.1.SET',   // Zielentity - Verwendet wenn mode = set oder toggle
              setValue: null  // Zielwert - Verwendet wenn mode = set
          },
          button2: {
              mode: 'toggle',     // Mögliche Werte wenn Rule2 definiert: 'page', 'toggle', 'set' - Wenn nicht definiert --> mode: null
              page: null,     // Zielpage - Verwendet wenn mode = page (bisher button2Page)
              entity: 'alias.0.NSPanel.1.Relay.2.SET',   // Zielentity - Verwendet wenn mode = set oder toggle
              setValue: null  // Zielwert - Verwendet wenn mode = set
          }
      
      Armilar S 2 Replies Last reply Reply Quote 2
      • Armilar
        Armilar Most Active Forum Testing @TT-Tom last edited by

        78c81076-c60e-4e9e-a378-b065baa7ad63-image.png

        https://github.com/joBr99/nspanel-lovelace-ui/blob/main/ioBroker/NsPanelTs.ts

        Zur Variable für Klimaanlagen (auch für Wärmepumpen nutzbar) gibt es einen neuen pageItem - Parameter iconArray

        Mit diesem Parameter ist die Zuweisung eigener Icons möglich.

        182b9066-6d96-4cfe-a158-b3816b484391-image.png

        Beispiele für Variablen mit dem iconArray

        let Buero_Klimaanlage = <PageThermo>
        {
            'type': 'cardThermo',
            'heading': 'Test Klimaanlage',
            'useColor': true,
            'items': [<PageItem>{   
                        id: 'alias.0.NSPanel_1.TestKlimaanlage', 
                        minValue: 50, 
                        maxValue: 250,
                        stepValue: 5,
                        iconArray: ['power-standby','air-conditioner','snowflake','fire','alpha-e-circle-outline','fan','water-percent','swap-vertical-bold'],
                        popupThermoMode1: ['Auto','0','1','2','3'],
                        popupThermoMode2: ['Auto','0','1','2','3','4','5'],
                        popupThermoMode3: ['Auto','Manual','Boost',],
                        popUpThermoName: ['Schwenk-Modus', 'Speed', 'Temperatur'],
                        icon: 'fan',
                        setThermoAlias: ['MODE1','MODE2','MODE3'],
                        //setThermoDestTemp2: 'ACTUAL2'
                     }]
        };
        
        let Pool_Waermepumpe = <PageThermo>
        {
            'type': 'cardThermo',
            'heading': 'Pool Wärmepumpe',
            'useColor': true,
            'items': [<PageItem>{   
                        id: 'alias.0.NSPanel_1.Pool_Waermepumpe', 
                        minValue: 100, 
                        maxValue: 300,
                        stepValue: 5,
                        iconArray: ['power-standby','alpha-a-circle-outline','snowflake','fire'],
                        //iconArray: ['power-standby','air-conditioner','snowflake','fire','alpha-e-circle-outline','fan','water-percent','swap-vertical-bold'],
                     }]
        };
        

        Unterstützte Icons findet ihr hier:
        https://htmlpreview.github.io/?https://github.com/jobr99/Generate-HASP-Fonts/blob/master/cheatsheet.html

        Wird dieser Parameter nicht gesetzt, dann werden die Standard-Icons genutzt

        Wie auch bereits heute morgen erwähnt:
        Es reicht den unteren Teil ab ( _______ Ab hier keine Konfiguration mehr ______ ) zu ersetzen.
        Und falls noch nicht geschehen:

        FlashNextion http://nspanel.pky.eu/lovelace-ui/github/nspanel-v4.2.0.tft
        
        1 Reply Last reply Reply Quote 3
        • F
          Flipps last edited by

          Hi, nachdem nun das Grundgerüst stabil läuft habe ich noch ein oder zwei andere adinge die ich realisieren möchte, als erstes möchte ich eine Seite im cardgrid anlegen allerdings möchte ich dort keine Symbole sondern die Werte angezeigt bekommen, leider bekomme ich das aber nicht so hin, ich hab die Doku auch schon hoch und runtergelesen, wenns da steht bin ich echt blind. (Ist nicht auszuschließen) kann mir eventuell jemand einen Tip geben?😄

          IMG_0409.jpeg

          Armilar 1 Reply Last reply Reply Quote 0
          • Armilar
            Armilar Most Active Forum Testing @Flipps last edited by

            @flipps

            kann mir eventuell jemand einen Tip geben?

            na klar, das ist das Beispiel aus der NsPanelTs.ts mit 6 info - Aliasen in einer cardGrid.

            let SensorGrid = <PageGrid>
            {
                'type': 'cardGrid',
                'heading': 'Sensor Werte',
                'useColor': true,
                'items': [
                    <PageItem>{ id: 'alias.0.NSPanel_1.TestTemperatur', name: 'Außentemp. °C', offColor: MSRed, onColor: MSGreen, useValue: true, colorScale: {'val_min': -20, 'val_max': 40, 'val_best': 20} },
                    <PageItem>{ id: 'alias.0.NSPanel_1.TestFeuchtigkeit', name: 'Luftfeuchte %', offColor: MSYellow, onColor: MSYellow , useValue: true, colorScale: {'val_min': 0, 'val_max': 100, 'val_best': 65} },
                    <PageItem>{ id: 'alias.0.NSPanel_1.Taupunkt', name: 'Taupunkt °C', offColor: MSRed, onColor: MSGreen, useValue: true, colorScale: {'val_min': -20, 'val_max': 40, 'val_best': 20} },
                    <PageItem>{ id: 'alias.0.NSPanel_1.UV_Index', name: 'UV Index', offColor: White , onColor: White, useValue: true, colorScale: {'val_min': 0, 'val_max': 12} },
                    <PageItem>{ id: 'alias.0.NSPanel_1.Windstaerke', name: 'Windstärke bft', offColor: White , onColor: White, useValue: true, colorScale: {'val_min': 0, 'val_max': 9} },
                    <PageItem>{ id: 'alias.0.NSPanel_1.Luftdruck', name: 'Luftdruck hPa', offColor: White , onColor: White, useValue: true, colorScale: {'val_min': 950, 'val_max': 1050, 'val_best': 1013} },
                ]
            };
            
            F 1 Reply Last reply Reply Quote 1
            • F
              Flipps @Armilar last edited by

              @armilar Danke dafür, ich glaube ich muss öfter in das Script schauen, da nin ich nicht drauf gekommen...

              Ich muss aber nochmal auf meine mediaCard zurückkommen, die hat grade wieder angefangen zu Meckern... 😞 Ich habe da irgendwie kein Glück mit.

              21:11:19.666	warn	javascript.1 (270031) at GenerateMediaPage (script.js.NsPanel.NSPANELHUETTE:5062:27)
              21:11:19.667	warn	javascript.1 (270031) at GeneratePage (script.js.NsPanel.NSPANELHUETTE:3514:29)
              21:11:19.667	warn	javascript.1 (270031) at HandleButtonEvent (script.js.NsPanel.NSPANELHUETTE:5885:17)
              21:11:19.668	warn	javascript.1 (270031) at HandleMessage (script.js.NsPanel.NSPANELHUETTE:3455:21)
              21:11:19.669	warn	javascript.1 (270031) at Object.<anonymous> (script.js.NsPanel.NSPANELHUETTE:3364:25)
              21:11:19.669	warn	javascript.1 (270031) at step (script.js.NsPanel.NSPANELHUETTE:33:23)
              21:11:19.670	warn	javascript.1 (270031) at Object.next (script.js.NsPanel.NSPANELHUETTE:14:53)
              21:11:19.671	warn	javascript.1 (270031) at script.js.NsPanel.NSPANELHUETTE:8:71
              21:11:19.672	warn	javascript.1 (270031) at __awaiter (script.js.NsPanel.NSPANELHUETTE:4:12)
              21:11:19.672	warn	javascript.1 (270031) at Object.<anonymous> (script.js.NsPanel.NSPANELHUETTE:3356:12)
              
              Armilar 1 Reply Last reply Reply Quote 0
              • Armilar
                Armilar Most Active Forum Testing @Flipps last edited by

                @flipps

                hattest du sie denn nochmal am Laufen?

                F 1 Reply Last reply Reply Quote 0
                • F
                  Flipps @Armilar last edited by

                  @armilar ja die lief am Wochenende, sie funktioniert jetzt auch, aber nicht mehr alle funktionen. Ich glaube hier läuft irgendwas schief an meinem iobroker 😄

                  Armilar 1 Reply Last reply Reply Quote 0
                  • Armilar
                    Armilar Most Active Forum Testing @Flipps last edited by

                    @flipps

                    am Besten mal iob diag ausführen. Da kannst du schon einiges erkennen...

                    Armilar 1 Reply Last reply Reply Quote 0
                    • Armilar
                      Armilar Most Active Forum Testing @Armilar last edited by

                      @armilar

                      Interessant ist aber, das bei dir 2 Aliase nicht auf die Datenpunkte zeigen. Hab eigentlich noch nie erlebt, dass sowas von selbst geht

                      F 1 Reply Last reply Reply Quote 0
                      • F
                        Futty @Marc Berg last edited by

                        @marc-berg sagte in SONOFF NSPanel mit Lovelace UI:

                        @futty sagte in [SONOFF NSPanel mit Lovelace UI](

                        Mir scheint es irgendwie so als ob er kein Zugriff hat bzw. den Alias nicht findet. Fehlermeldungen erscheinen aber nicht im LOG.
                        Ideen?

                        Der Punkt vor „ThermostatWohnbereich“ ist zu viel, wenn „AliasPath“ wie im Standard definiert ist.

                        Öhm ja, du hast vollkommen recht. Den Punkt hab ich wirklich auch nach mehrmaligen prüfen übersehen trotz das ich eine falsche Zuweisung vermutet habe...
                        Danke!

                        1 Reply Last reply Reply Quote 0
                        • F
                          Flipps @Armilar last edited by Flipps

                          @armilar
                          Also, die iob dag hat keine Fehler ergeben, ich habe jetzt auch mal einfach das script neu angelegt und nur den Alexplayer reinkopiert, das schmeißt dann den selben Fehler raus.
                          muss ja was mit den aliasen zu tun haben.

                          EDIT:
                          Mir ist grade auch aufgefallen dass das Script nicht jeden alias akzeptiert, ich hab einmal eine Page mit meinen Poolwerten, Temp, chlor und Ph, sind alles nur Zahlen, die übernimmt der ohne zu meckern.
                          Dann habe ich Werte aus meiner PV-Anlage, die Aliase habe ich genau so erstellt wie die vom Pool, die zeigt er mir in den pages nicht an (ohne Fehlermeldung).
                          Ersetze ich jetzt einen der PV-Alias pfaden durch einen der Pool-Aliase wird mir da der Pool-Wert angezeigt.

                          Ich glaube ich hab hier echt den Wurm in der Installation, vielleicht mache ich heute Abend nochmal eine komplette Neu Installation, der io läuft grade nur für das NS.

                          Oder hast du noch eine Idee? 😄

                          Armilar T 2 Replies Last reply Reply Quote 0
                          • icebear
                            icebear last edited by

                            Guten Morgen

                            Zwei kurze Fragen hätte ich?

                            1. Ich denke der Befehl 'Flash Nextion' ist nur für das produktiv Panel und nicht für ein ESP32 DEV Board (da läuft ja auch ein anderer Berry Driver) oder?

                            2. Ich hab bei meinen Tests ein Alias für mein Garagentor angelegt und eine cardEntities.
                              Das funktioniert auch auf dem Panel soweit, das ich öffnen und schließen kann und der
                              Zustand angezeigt wird.
                              Kann man beim Alias die Werte umdrehen? Weil ich bekomm jetzt bei offenem Tor das
                              Symbol 'ZU' und 'Entriegeln' angezeigt und bei geschlossen umgekehrt.
                              Mein Toröffner meldet halt Tor zu= false und Tor offen= true, der Alias erwartet aber wohl
                              das das genau umgekehrt ist.

                            1 Reply Last reply Reply Quote 0
                            • Armilar
                              Armilar Most Active Forum Testing last edited by Armilar

                              @icebear

                              zu 1:
                              da an der Emulation kein TFT angeschlossen ist, benötigst du kein Flash Nextion. Neue Versionen beziehst du über Download der HMI

                              zu 2:
                              du kannst im Datenpunkt des Alias unter fx eine Funktion bei Read zuweisen:
                              "val === true ? false : true"

                              Entweder direkt im Gerätemanager oder im Objekt des Datenpunktes:

                              c5d58b4e-2ffa-4732-8738-bd200e02f709-image.png

                              egal 1 Reply Last reply Reply Quote 0
                              • Armilar
                                Armilar Most Active Forum Testing @Flipps last edited by

                                @flipps sagte in SONOFF NSPanel mit Lovelace UI:

                                Ich glaube ich hab hier echt den Wurm in der Installation, vielleicht mache ich heute Abend nochmal eine komplette Neu Installation, der io läuft grade nur für das NS.
                                Oder hast du noch eine Idee?

                                Ich kenne deine Installation nicht. Aber wenn es an mehreren Stellen diese Probleme gibt, wäre das ein Ansatz...

                                1 Reply Last reply Reply Quote 0
                                • egal
                                  egal @Armilar last edited by

                                  @armilar sagte in SONOFF NSPanel mit Lovelace UI:

                                  "val === true ? false : true"

                                  für Faule wie mich 😄
                                  "!val"

                                  Armilar 1 Reply Last reply Reply Quote 1
                                  • Armilar
                                    Armilar Most Active Forum Testing @egal last edited by

                                    @egal

                                    "val === true ? false : true"

                                    für Faule wie mich 😄
                                    "!val"

                                    Ich dachte der Ternary Operator wäre etwas besser für das Verständnis. Aber du hast absolut recht...

                                    Bei boolschen Werten ist natürlich eine Umkehrung von zwei Zuständen am Besten mit !val beschrieben... 😊

                                    1 Reply Last reply Reply Quote 0
                                    • icebear
                                      icebear last edited by

                                      Hat funktioniert! Ich danke euch erstmal, und werd dann mal weiter testen bis mein richtiges Panel da ist.

                                      1 Reply Last reply Reply Quote 0
                                      • T
                                        TT-Tom @Flipps last edited by TT-Tom

                                        @flipps sagte in SONOFF NSPanel mit Lovelace UI:

                                        Dann habe ich Werte aus meiner PV-Anlage, die Aliase habe ich genau so erstellt wie die vom Pool, die zeigt er mir in den pages nicht an (ohne Fehlermeldung).
                                        Ersetze ich jetzt einen der PV-Alias pfaden durch einen der Pool-Aliase wird mir da der Pool-Wert angezeigt.

                                        Zeige mal bitte von beiden, die Objektdaten einmal Channel und einmal Datenpunkt

                                        Was passiert, wenn du nur den Verweis änderst?

                                        Armilar 1 Reply Last reply Reply Quote 0
                                        • Armilar
                                          Armilar Most Active Forum Testing @TT-Tom last edited by

                                          @tt-tom

                                          8c770fb4-c206-4501-97cc-2368ecb1c7fc-image.png

                                          v4.2.0.2

                                          Neue zusätzliche cardGrid2 mit 8 Steuerelementen
                                          f483e820-26e7-497d-8884-4d33f6a6613b-image.png

                                          Variablendeklaration der cardGrid2 analog cardGrid mit:

                                          let Buero_Seite_2 = <PageGrid2>
                                          {
                                              'type': 'cardGrid2',
                                              'heading': 'Büro 2',
                                              'useColor': true,
                                              ...
                                          

                                          Änderungen in der Variable also PageGrid2 und cardGrid2.

                                          Es reicht den unteren Teil ab ( _______ Ab hier keine Konfiguration mehr ______ ) zu ersetzen.
                                          Und falls noch nicht geschehen:

                                          FlashNextion http://nspanel.pky.eu/lovelace-ui/github/nspanel-v4.2.0.tft
                                          
                                          Armilar 1 Reply Last reply Reply Quote 1
                                          • Armilar
                                            Armilar Most Active Forum Testing @Armilar last edited by

                                            Gibt aber schon einen FeatureRequest von @Kuckuckmann

                                            https://github.com/joBr99/nspanel-lovelace-ui/issues/964

                                            ce05d934-87ba-412f-a11f-a737a4327ccd-image.png

                                            Die Schrift ist bei Darstellung von Werten noch etwas groß...

                                            kuckuckmann created this issue in joBr99/nspanel-lovelace-ui

                                            closed [Feature Request] CardGrid2 - optimize text-width #964

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            1.0k
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

                                            lovelace ui nspanel sonoff
                                            260
                                            7128
                                            4284768
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo