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

    • ioBroker goes Matter ... Matter Adapter in Stable

    • 15. 05. Wartungsarbeiten am ioBroker Forum

    • Monatsrückblick - April 2025

    SONOFF NSPanel mit Lovelace UI

    This topic has been deleted. Only users with topic management privileges can see it.
    • 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
                                          • icebear
                                            icebear last edited by icebear

                                            Noch eine Frage ich hätt?

                                            Ich hab jetzt für ein Thermostat (HomematicIP evo) die cardTHERMO angelegt,

                                            office.png

                                            funktioniert auch wie man glaub ich sieht soweit.
                                            Allerdings bekomm ich unten bei den Indikatoren das Batteriesymbol nicht angezeigt (WIFI funktioniert) woran kann das liegen ?

                                            Alias sieht wie folgt aus

                                            office1.png

                                            Und beinahe vergessen kann man auch 'Open Window' als Indikator einblenden lassen?

                                            Armilar 2 Replies Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            779
                                            Online

                                            31.6k
                                            Users

                                            79.5k
                                            Topics

                                            1.3m
                                            Posts

                                            lovelace ui nspanel sonoff
                                            260
                                            7128
                                            4408049
                                            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