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.
    • ?
      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
                            • A
                              AlfredTetzlaff @TT-Tom last edited by

                              @tt-tom
                              Danke, ich schmeiss das gleich rein....

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

                                @alfredtetzlaff
                                Habs reinkopiert aus dem Beispiel-Script und gleich noch eine zweite Seite generiert. Die zweite ist da, kann auch navigieren, aber auf beiden Seiten keine Werte. Es kann also nur der alias fehlerhaft sein.
                                Ist vielleich das Minuszeichen im Alias-wort der fehler? Ich korrigiere das gleich...

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

                                  @alfredtetzlaff zeige mal bitte deine Alias.

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

                                    @tt-tom
                                    20230308_153328.jpg

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

                                      @alfredtetzlaff aus dem Objekte Tab und wenn möglich keine Fotos. Bitte Screenshots posten.

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

                                        @tt-tom
                                        ScreenShot ist schwierig zZ...

                                        Ich lege die Aliasse neu an ohne Minuszeichen....Ich denke, daran liegt es...
                                        Melde mich wieder ....Danke...

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

                                          @alfredtetzlaff
                                          5a613cee-50e6-45cb-a02a-3ac4767655af-grafik.png
                                          Neue Aliase sind angelegt worden. Kompiler bringt auch keine Fehler.

                                          //-- Anfang der Beispiele für Seitengestaltung -- Selbstdefinierte Aliase erforderlich ----------------
                                          let SensorGrid = <PageGrid>
                                          {
                                              'type': 'cardGrid',
                                              'heading': 'Sensor Werte',
                                              'useColor': true,
                                              'items': [
                                                  <PageItem>{ id: 'alias.0.GrowattSolar.EnergieGesamt.ACTUAL', name: 'Außentemp. °C', offColor: MSRed, onColor: MSGreen, useValue: true, colorScale: {'val_min': -20, 'val_max': 40, 'val_best': 20} },
                                                  <PageItem>{ id: 'alias.0.GrowattSolar.EnergieGesamt.ACTUAL', name: 'Luftfeuchte %', offColor: MSYellow, onColor: MSYellow , useValue: true, colorScale: {'val_min': 0, 'val_max': 100, 'val_best': 65} },
                                                  <PageItem>{ id: 'alias.0.GrowattSolar.EnergieGesamt.ACTUAL', name: 'Taupunkt °C', offColor: MSRed, onColor: MSGreen, useValue: true, colorScale: {'val_min': -20, 'val_max': 40, 'val_best': 20} },
                                                  <PageItem>{ id: 'alias.0.GrowattSolar.EnergieGesamt.ACTUALL', name: 'UV Index', offColor: White , onColor: White, useValue: true, colorScale: {'val_min': 0, 'val_max': 12} },
                                                  <PageItem>{ id: 'alias.0.GrowattSolar.EnergieGesamt.ACTUAL', name: 'Windstärke bft', offColor: White , onColor: White, useValue: true, colorScale: {'val_min': 0, 'val_max': 9} },
                                                  <PageItem>{ id: 'alias.0.GrowattSolar.EnergieGesamt.ACTUAL', name: 'Luftdruck hPa', offColor: White , onColor: White, useValue: true, colorScale: {'val_min': 950, 'val_max': 1050, 'val_best': 1013} },
                                              ]
                                          };
                                          let PV = <PageGrid>
                                          {
                                              'type': 'cardGrid',
                                              'heading': 'Growatt',
                                              'useColor': true,
                                              'items': [
                                                  
                                                  <PageItem>{ id: 'alias.0.GrowattSolar.EnergieGesamt.ACTUAL', icon: 'radio', name: 'Radio BOB', onColor: colorRadio},
                                                  <PageItem>{ id: 'alias.0.GrowattSolar.EnergieHeute.ACTUAL', icon: 'timer-outline', name: 'Timer', onColor: White}
                                              ]
                                          };
                                          //-- ENDE der Beispiele für Seitengestaltung -- Selbstdefinierte Aliase erforderlich ------------------
                                          

                                          Die beiden Seite sind da, aber keine Werte und Icons. Komisch.

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

                                            @alfredtetzlaff

                                            LASS das ACTUAL weg.

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            823
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

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