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@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    SONOFF NSPanel mit Lovelace UI

    This topic has been deleted. Only users with topic management privileges can see it.
    • A
      AlfredTetzlaff @Guest last edited by

      @darkness_08
      Hi, in die Runde...
      Habe das Script (ohne die Beispielseiten) geladen. Funzt erstmal.
      Diesen Block habe ich eingefügt.

          [
              // leftScreensaverEntity 1 (only Advanced Screensaver)
              {
                  ScreensaverEntity: NSPanel_Path + 'Sensor.ANALOG.Temperature',
                  ScreensaverEntityFactor: 1,
                  ScreensaverEntityDecimalPlaces: 1,
                  ScreensaverEntityIconOn: 'thermometer',
                  ScreensaverEntityIconOff: null,
                  ScreensaverEntityText: 'Temperatur',
                  ScreensaverEntityUnitText: '°C',
                  ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 35, 'val_best': 22}
              },
              // leftScreensaverEntity 2 (only Advanced Screensaver)
              {
                  // ScreensaverEntity: 'sonoff.0.DZG_DWSB20_2H.DZG_Leistung_Aktuell',     geändert 07.03.2023
                  ScreensaverEntity: 'growatt.0.343892.devices.DJE3A1318D.deviceData.eTotal',
                  ScreensaverEntityFactor: 1,
                  ScreensaverEntityDecimalPlaces: 0,
                  ScreensaverEntityIconOn: 'counter',
                  ScreensaverEntityIconOff: null,
                  ScreensaverEntityText: 'L1-L3',
                  ScreensaverEntityUnitText: ' kW',
                  ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 5000}
              },
      
              {
                  // ScreensaverEntity: 'sonoff.0.DZG_DWSB20_2H.DZG_Leistung_Aktuell',     geändert 07.03.2023
                  ScreensaverEntity: 'growatt.0.343892.devices.DJE3A1318D.deviceData.eToday',
                  ScreensaverEntityFactor: 1000,
                  ScreensaverEntityDecimalPlaces: 0,
                  ScreensaverEntityIconOn: 'counter',
                  ScreensaverEntityIconOff: null,
                  ScreensaverEntityText: 'L1-L3',
                  ScreensaverEntityUnitText: ' W',
                  ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 5000}
              },
          ],
      

      Auf der linken Seite wird jetzt im Minutenakt einmal meine Werte angezeigt (freu) und dann einmal ein "counter" + "nul" und darunter ein Mülleimer und "null".
      Der untere Abschitt zeigt konstant "Sonne WInd Böen Windr" an und wechselt nicht.
      Ich habe dann mit der Suchfunktion im Script nach diesem String gesucht:
      0_userdata.0.NSPanel.1.ScreensaverInfo.weatherForecastTimer
      Finde aber nichts.
      Dieser Fehler ist zwar nur Kosmetik, aber ich möchte das Ganze verstehen, und jede Änderung nachvollziehen können.
      LG Alfred

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

        @darkness_08

        Der Wechsel ist auch nur in den bottomScreensaverEnties.

        Starte mal deine JS-Instanz durch

        A ? 2 Replies Last reply Reply Quote 0
        • Armilar
          Armilar Most Active Forum Testing @AlfredTetzlaff last edited by

          @alfredtetzlaff sagte in SONOFF NSPanel mit Lovelace UI:

          0_userdata.0.NSPanel.1.ScreensaverInfo

          Sende mal einen Screenshot aller Datenpunkte in

          0_userdata.0.NSPanel.1.ScreensaverInfo

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

            @armilar
            Alle Instanzen nue gezündet....Scheint zu funzen....Freu....👍 👍 👍

            A 2 Replies Last reply Reply Quote 0
            • A
              AlfredTetzlaff @AlfredTetzlaff last edited by

              @alfredtetzlaff
              20230308_110455.jpg

              A 1 Reply Last reply Reply Quote 0
              • A
                AlfredTetzlaff @AlfredTetzlaff last edited by

                @alfredtetzlaff
                WIeder was gelernt...Bei jeder Änderung (oder fast jeder),,,alles neu starten.

                A 1 Reply Last reply Reply Quote 0
                • A
                  AlfredTetzlaff @AlfredTetzlaff last edited by

                  @alfredtetzlaff
                  So sieht es jetzt aus.....und wir bleiben drann:

                  20230308_110941.jpg

                  A 1 Reply Last reply Reply Quote 0
                  • A
                    AlfredTetzlaff @AlfredTetzlaff last edited by

                    @alfredtetzlaff
                    DANKE....👍 👍 👍

                    1 Reply Last reply Reply Quote 0
                    • ?
                      A Former User @Armilar last edited by

                      @armilar
                      Das war der Trick. Jetzt scheint es zu laufen. Danke

                      1 Reply Last reply Reply Quote 0
                      • T
                        tklein last edited by

                        Hallo,

                        ich musste mit meinem NS Panel Projekt leider eine Pause einlegen. Jetzt würde ich gerne wieder durchstarten.

                        Was/wie in welcher Reihenfolge müsste ich updaten, damit ich wieder uptodate bin?

                        3643e0f6-1855-4b3f-b7d8-c03482b7722d-grafik.png

                        Gibt es mittlerweile einen eigenen Adapter dazu? Meine mal in der Vergangenheit etwas gelesen zu habe.

                        Grüße
                        Thomas

                        T 1 Reply Last reply Reply Quote 0
                        • A
                          AlfredTetzlaff @AlfredTetzlaff last edited by

                          @alfredtetzlaff
                          So, habe eine neue Seite hinzugefügt, als Test,,,zum Erlernen der anderen Tricks:

                          //-- Anfang der Beispiele für Seitengestaltung -- Selbstdefinierte Aliase erforderlich ----------------

                          let PV = <PageGrid>
                          {
                          'type': 'cardGrid',
                          'heading': 'Growatt',
                          'useColor': true,
                          'items': [
                          <PageItem>{ id: 'growatt.0.343892.devices.DJE3A1318D.deviceData.eTotal'},
                          <PageItem>{ id: 'alias.0.Growatt-Solar.Energie-Gesamt.ACTUAL', icon: 'radio', name: 'Radio BOB', onColor: colorRadio},
                          <PageItem>{ id: 'alias.0.Growatt-Solar.Energie-Heute.ACTUAL', icon: 'timer-outline', name: 'Timer', onColor: White}
                          ]
                          };
                          //-- ENDE der Beispiele für Seitengestaltung -- Selbstdefinierte Aliase erforderlich ------------------

                          Vorher hatte ich die aliase mit dem GeräteManager angelegt und mit den Growatt-DP verbunden.
                          Zusätzlich noch die Seite eingefügt:

                          weatherEntity: 'alias.0.Wetter', // Dieser Alias wird automatisch für den gewählten Wetter erstellt und kann entsprechend angepasst werden
                          defaultOffColor: Off, // Default-Farbe für Off-Zustände
                          defaultOnColor: On, // Default-Farbe für On-Zustände
                          defaultColor: Off,
                          defaultBackgroundColor: HMIDark, // Default-Hintergrundfarbe HMIDark oder Black
                          pages: [
                          PV,
                          NSPanel_Service, //Auto-Alias Service Page
                          ],

                          Nun wird eine neue Seite angezeigt, mit der Überschrift "Growatt".
                          Doppelklick im Screener bringt mich auch dorthin, kann dann auf die Service-Seite navigieren und zurück zu "Growatt". Nun fehlen aber noch die Anzeigewerte, und/oder auch die Icons (nur zum Testen).
                          Was habe ich noch übersehen????

                          Armilar T 2 Replies Last reply Reply Quote 0
                          • Armilar
                            Armilar Most Active Forum Testing @AlfredTetzlaff last edited by

                            @alfredtetzlaff

                            Kennst du die Wiki nicht?

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

                            https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-ALIAS-Definitionen

                            https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Card-Definitionen-(Seiten)

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

                              @tklein sagte in SONOFF NSPanel mit Lovelace UI:

                              Was/wie in welcher Reihenfolge müsste ich updaten, damit ich wieder uptodate bin?

                              als erstes solltest du Tasmota auf den aktuellen Stand bringen.
                              Panel neu starten
                              Berry Driver

                              Backlog UpdateDriverVersion https://raw.githubusercontent.com/joBr99/nspanel-lovelace-ui/main/tasmota/autoexec.be; Restart 1
                              

                              in der Tasmota Console die TFT-Firmware aktualisieren.

                              FlashNextion http://nspanel.pky.eu/lovelace-ui/github/nspanel-v4.0.4.tft
                              

                              und dann das neue Script von Github laden.

                              Es haben sich viele Schreibweisen im laufe der Zeit geändert. Lese im Wiki einfach mal nach, das ist es sehr gut dokumentiert.

                              Wichtig bevor du das neue Script startest, lösche deine PanelObjekte "NSPanel.1." unter 0_userdata.0. und alias.0.

                              Gibt es mittlerweile einen eigenen Adapter dazu?

                              nein, gibt es nicht

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

                                @alfredtetzlaff

                                bitte gewöhne dir an Codezeilen in die Codetaks </> zu schreiben, dass lässt sich besser lesen. findest du oben in der Menüleiste 5te Icon.

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

                                  @armilar
                                  Kenne ich, und bestimmt 10x durchgelesen,,habe vl. was übersehen???
                                  https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Card-Definitionen-(Seiten)
                                  Ein cardGrid müsste doch für diesen Zweck ausreichend sein....Sind die Aliase falsch??

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

                                    @tt-tom
                                    Jo, mache ich. In Hitze des Gefechts ,,,einfach übersehen...

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

                                      @alfredtetzlaff

                                      Du hast einen Fehler bei dem PageItem

                                      'items': [
                                      <PageItem>{ id: 'growatt.0.343892.devices.DJE3A1318D.deviceData.eTotal'},
                                      <PageItem>{ id: 'alias.0.Growatt-Solar.Energie-Gesamt.ACTUAL', icon: 'radio', name: 'Radio BOB', onColor: colorRadio},
                                      <PageItem>{ id: 'alias.0.Growatt-Solar.Energie-Heute.ACTUAL', icon: 'timer-outline', name: 'Timer', onColor: White}
                                      ]
                                      

                                      Das Actual kommt da nicht mit hin. Dein erstes PageItem ist falsch angelegt, ist kein Alias.

                                      A 1 Reply Last reply Reply Quote 0
                                      • A
                                        AlfredTetzlaff @TT-Tom last edited by

                                        @tt-tom
                                        Okay, Den ersten PageItem hatte ich später hinzugefügt, nur als Test.
                                        Vorher waren nur die alias-Item drin......Aber ich schmeiss den ersten gleich raus. und starte neu...

                                        A T 2 Replies Last reply Reply Quote 0
                                        • A
                                          AlfredTetzlaff @AlfredTetzlaff last edited by

                                          @alfredtetzlaff
                                          So sieht es jetzt aus....trotzdem keine Werte oder auch Icons:

                                          //-- Anfang der Beispiele für Seitengestaltung -- Selbstdefinierte Aliase erforderlich ----------------
                                          
                                          let PV = <PageGrid>
                                          {
                                              'type': 'cardGrid',
                                              'heading': 'Growatt',
                                              'useColor': true,
                                              'items': [
                                                  
                                                  <PageItem>{ id: 'alias.0.Growatt-Solar.Energie-Gesamt.ACTUAL', icon: 'radio', name: 'Radio BOB', onColor: colorRadio},
                                                  <PageItem>{ id: 'alias.0.Growatt-Solar.Energie-Heute.ACTUAL', icon: 'timer-outline', name: 'Timer', onColor: White}
                                              ]
                                          
                                          Armilar 1 Reply Last reply Reply Quote 0
                                          • T
                                            TT-Tom @AlfredTetzlaff last edited by

                                            @alfredtetzlaff

                                            Hier ein Beispiel für eine Page mit Werten. Ist auch im Script vorgestellt.

                                            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} },
                                                ]
                                            };
                                            
                                            A 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            894
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

                                            lovelace ui nspanel sonoff
                                            261
                                            7179
                                            4915730
                                            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