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 @Kerschte_de last edited by

      @kerschte_de

      das Geheimnis liegt in den Einstellungen des Adapter

      e24e517f-af6e-40ef-9242-c71b06281d36-image.png

      hier habe ich zum Beispiel einen Datenpunkt aus 0_userdata.0. an den MQTT-Server gesendet. Die Liste kannst du beliebig erweitern.
      Wenn alle Tonics unter dem selben Pfad liegen, kannst du wie du unten sehen kannst den Anfang löschen. In meinem Fall 0_userdata.0.
      damit kommt nur noch Schreibtischlampe.switch an.

      K 1 Reply Last reply Reply Quote 2
      • T
        TT-Tom @GregorS last edited by

        @gregors sagte in SONOFF NSPanel mit Lovelace UI:

        1. Kann man auch 2 Kurven in einem Chart darstellen (Temperatur / Feuchte)?

        nein

        1. Wie bekomme ich es hin, dass die 2 weiteren Charts als Unterseite der ersten Chart-Seite dargestellt werden?
          auf Subpages kommst du nur mit einem "link" über in Icon
        1 Reply Last reply Reply Quote 1
        • Armilar
          Armilar Most Active Forum Testing @GregorS last edited by

          @gregors sagte in SONOFF NSPanel mit Lovelace UI:

          Ist es möglich per Blockly den Screensaver anzustoßen?

          ja, mit

          0_userdata.0.NSPanel.1.Config.rebootNSPanel
          

          bin aber kein Freund von Rauchniedrighaltern

          Bei mir bleibt er hin- und wieder in einer Page stehen. Dann hilft nur noch der Neustart

          Warum lösen wir das Problemchen nicht?

          K GregorS 2 Replies Last reply Reply Quote 0
          • K
            Kuckuckmann @Armilar last edited by Kuckuckmann

            @armilar

            Kann/Konnte man das nicht mal über die Page ID laden?
            Bin mir sicher das hab ich schon mal gemacht.

            Edit:
            Ok, scheinbar hat der Screensaver keine PageID, was auch logisch ist, irgendwie.
            Könnte man dem Screensaver eine ID beibringen, die man über den 0_userdata.0.NSPanel.1.PageNavi bedienen kann?

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

              @kuckuckmann sagte in SONOFF NSPanel mit Lovelace UI:

              Könnte man dem Screensaver eine ID beibringen, die man über den 0_userdata.0.NSPanel.1.PageNavi bedienen kann?

              Die HMI sendet mit Ablauf des Timeout eigenständig z.B. ein.

              {"CustomRecv":"event,sleepReached,cardGrid"}
              

              EDIT: halte es aber immer noch für richtiger, die Ursache für ein Problem zu finden, als irgendwelche Gimmicks zu entwickeln, die weitere Probleme schaffen... (auch so ne ioBroker-User-Unart sich mit Workflows über Wasser zu halten bis es einer richtet)

              Das der Screensaver nicht kommt, muss ja auch Ursachen haben... z.B. Kommunikationsproblem (falls sporadisch bei allen Seiten) oder AOD-Seite, etc...

              1 Reply Last reply Reply Quote 2
              • GregorS
                GregorS @Armilar last edited by

                @armilar

                Können wir machen.
                Welche Infos brauchst du?

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

                  @gregors

                  Zunächst einmal an die Ursache kommen...

                  Wann und wie oft passiert das? Ist es immer die gleiche Seite oder passiert das auch bei anderen Seiten? Falls ja, bei welchen Seitenvariablen.

                  Taucht das Problem ständig auf oder nur ab und zu (ggfs. mit welchen Abständen)

                  Hier benötigen wir erst mal Infos. Wenn es aktiv stattfindet, dann mal Infos zur Seite senden, in der nicht zurück in den Screensaver geschaltet wird.

                  GregorS 2 Replies Last reply Reply Quote 0
                  • GregorS
                    GregorS @Armilar last edited by

                    @armilar

                    Passiert nicht immer. Konnte bis dato auch kein System dabei finden.
                    Eben war es die Alarmpage.
                    Aber auch aus dem Service kommt es nicht immer zurück in den Screensaver.

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

                      @armilar

                      Habe aber zur Zeit ein größeres Problem mit der Darstellung meiner Chart-Seiten.
                      Gestern hatte ich das Problem mit der Darstellung beim Sprung auf die Seiten über den buttonPress2,bPrev,button,
                      nach löschen der Subpages und Wiederherstellung des alten Zustands (einzelne Seiten) habe ich jetzt das selbe Problem mit dem rechten Pfeil.
                      1726245441843-20240913_183235-resized.jpg

                      Ich habe mir eine Naviseite mit Icons gebaut, sobald ich den entsprechenden Chart auswähle kommt ebenfalls die obige Anzeige. Gehe ich rückwärts funktionieren die Charts einwandfrei.

                      let Charts_1: PageType = 
                      {
                          'type': 'cardGrid',
                          'heading': 'Diagramme Temp.',
                          'useColor': true,
                          'items': [
                             { navigate: true, id: null, icon: 'information-outline', offColor: Menu, onColor: Menu, targetPage: 'CardLChart_AZ', name: 'Arbeitszimmer' },
                             { navigate: true, id: null, icon: 'information-outline', offColor: Menu, onColor: Menu, targetPage: 'CardLChart_WZ',name: 'Wohnzimmer' },
                             { navigate: true, id: null, icon: 'information-outline', offColor: Menu, onColor: Menu, targetPage: 'CardLChart_Bad',name: 'Badezimmer' },
                          ]
                      };
                      
                      
                      T 1 Reply Last reply Reply Quote 0
                      • T
                        TT-Tom @GregorS last edited by TT-Tom

                        @gregors

                        zeige bitte mal auch die Page config von den Charts und die beiden Array Pages und Subpages, versuche das mal nachzustellen.

                        EDIT: habe mal dein Versuch bei mir nachgestellt und keine Fehler festgestellt. Also bitte mal deine Einstellungen posten.

                        L GregorS 2 Replies Last reply Reply Quote 1
                        • L
                          lustig29 @TT-Tom last edited by

                          @tt-tom
                          Bekomme ich den Schieberegler für das Licht irgendwie größer?

                          IMG_5751.jpg

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

                            @lustig29 sagte in SONOFF NSPanel mit Lovelace UI:

                            Bekomme ich den Schieberegler für das Licht irgendwie größer?

                            Nein, ist so fix in der HMI verankert. Es gibt noch eine zweite Popup Light Page, die ist aber Beta Status. Den aktuellen Stand dazu kenne ich nicht, vielleicht kann @Armilar dazu etwas sagen.

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

                              @tt-tom
                              @lustig29

                              Ein paar Zeilen unter den Konfigurationen:

                              // _________________________________ DE: Ab hier keine Konfiguration mehr _____________________________________
                              // _________________________________ EN:  No more configuration from here _____________________________________
                              

                              hatte ich das mal parametriebar gemacht.

                              const Sliders2: number = 0;
                              

                              in

                              const Sliders2: number = 1;
                              

                              ändern. Habe das nach den anfänglichen Fehlern nie weiter betrachtet und benötige es auch nicht wirklich.

                              Sollte es Fehler geben, dann direkt einen Feature Request unter HMI und nicht ioBroker machen.

                              Es wird beim Startup nur ein weiteres Flag an die HMI gesendet und dann wird popupLights2 statt popupLights genutzt. Ist auch nur bei den Lights und Socket in der HMI implementiert.

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

                                @ilovegym

                                Dein DEV Test zu den "hidden Cards" kann starten 😊

                                3bf47d3e-6d20-440e-bd21-8572f98e5cfb-image.png

                                Nach erfolgreichem Test werden wir es ins Stable schieben...

                                Folgende Punkte sind enthalten.

                                        - 13.06.2024 - v4.4.0.2  Calculated energy consumption in relation to dimming mode and relay state (not the energy consumption of the outputs)
                                        - 13.06.2024 - v4.4.0.3  Check prefix '.tele.' in config.NSPanelReceiveTopic
                                        - 13.09.2024 - v4.4.0.4  New Feature: Hidden Carts
                                
                                • es gibt unter 0_userdata.0. einen weiteren Datenpunkt, der den aktuellen errechneten Strom-Verbrauch des NSPanels visualisiert (armilar)

                                  4a7678aa-14a0-4c51-8aed-4e1a7648f3db-image.png

                                • der MQTT-Verbindungsparameter .tele. wird überprüft, da es in der Vergangenheit zu viele Einstellungsverwechselungen mit .stat. gab (tt-tom)

                                • die Hidden Cards sind jetzt im Test (armilar)

                                  1) Header, Servicemenü und den Code unterhalb:

                                  // _________________________________ DE: Ab hier keine Konfiguration mehr _____________________________________
                                  // _________________________________ EN:  No more configuration from here _____________________________________
                                  

                                  im Skript austauschen.

                                  2) Konfiguration

                                  unter der Seitenvariable für die Seite den folgenden Parameter hinzufügen:

                                  'hiddenByTrigger': true,
                                  

                                  Jede Seitenvariable, die diesen neuen Parameter hat, wird berücksichtigt.

                                  Achtung: Die 1. Seite im Page-Array unter "pages" darf diesen Parameter nicht haben und muss immer erreichbar sein.

                                  Beispiel:

                                   let Buero_Seite_1: PageType =
                                        {
                                            'type': 'cardEntities',
                                            'heading': 'Büro',
                                            'useColor': true,
                                            'hiddenByTrigger': true,
                                            'items': [
                                                { id: 'alias.0.NSPanel_1.Schreibtischlampe', interpolateColor: true},
                                                { id: 'alias.0.NSPanel_1.Deckenbeleuchtung', interpolateColor: true},
                                                { id: 'alias.0.NSPanel_1.ShellyDuoTest', name: 'Shelly Duo GU10', minValueBrightness: 0, maxValueBrightness: 100, minValueColorTemp: 6465, maxValueColorTemp: 500, interpolateColor: true, modeList: ['Color','White'], inSel_ChoiceState: true},
                                                { id: 'alias.0.NSPanel_1.Luftreiniger', icon: 'power', icon2: 'power',offColor: MSRed, onColor: MSGreen}
                                            ]
                                        };
                                  

                                  3.) Trigger-Datenpunkt

                                  Unter 0_userdata.0...
                                  2c08d690-a907-4e8b-a333-738a502b57e7-image.png
                                  findest du den Datenpunkt, mit dem du zur Laufzeit die hiddenCards (versteckte Seiten) aus- oder einblenden kannst.

                                • Sperrung von Subpages und Erweiterung des Service Menü (tt-tom)

                                  @TT-Tom hat noch Funktionen zur Sperrung von Subpages implementiert

                                  1.) Anwendung analog der hiddenCards mit:

                                  'hiddenByTrigger': true,
                                  

                                  Beim Aufruf einer Subpage, ist der Menüpunkt zwar zu sehen, jedoch wird der Aufruf zur nächst tieferen Level-Seite verhindert.

                                  2.) Die Funktion der "hidden Cards" kann auch im Service-Menü aktiviert werden unter:

                                  Einstellungen --> Skript --> ausgeblendete Seiten

                                So ich denke das wars auch schon.

                                Viel Spaß beim Testen

                                VG
                                Armilar & TT-Tom 😊

                                EDIT: hehe - da habe ich vergessen zu beschreiben, wo du den Code der 4.4.0.4 findest:

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

                                Neuschwansteini 1 Reply Last reply Reply Quote 2
                                • GregorS
                                  GregorS @TT-Tom last edited by

                                  @tt-tom

                                  Hier die Config der Charts:

                                  let CardLChart_AZ: PageType =
                                  {
                                      'type': 'cardLChart',
                                      'heading': 'Büro Temperatur',
                                      'items': [<PageItem>{ 
                                                  id: 'alias.0.NSPanel.Temperaturen.AZ',
                                                  yAxis: 'Temperatur [°C]',
                                                  yAxisTicks: [100,110,120,130,140,150,160,170,180,190,200,210,220,230,240,250],
                                                  onColor: Yellow
                                               }]
                                  };
                                  
                                  let CardLChart_WZ: PageType =
                                  {
                                      'type': 'cardLChart',
                                      'heading': 'Wohnzimmer Temperatur',
                                      'items': [<PageItem>{ 
                                                  id: 'alias.0.NSPanel.Temperaturen.WZ',
                                                  yAxis: 'Temperatur [°C]',
                                                  yAxisTicks: [100,110,120,130,140,150,160,170,180,190,200,210,220,230,240,250],
                                                  onColor: Yellow
                                               }]
                                  };
                                  
                                  let CardLChart_Bad: PageType =
                                  {
                                      'type': 'cardLChart',
                                      'heading': 'Badezimmer Temperatur',
                                      'items': [<PageItem>{ 
                                                  id: 'alias.0.NSPanel.Temperaturen.Bad',
                                                  yAxis: 'Temperatur [°C]',
                                                  yAxisTicks: [100,110,120,130,140,150,160,170,180,190,200,210,220,230,240,250],
                                                  onColor: Yellow
                                               }]
                                  };
                                  
                                  
                                  export const config: Config = {
                                      // Seiteneinteilung / Page division
                                      // Hauptseiten / Mainpages
                                      pages: [
                                          //NSPanel_Service, //Auto-Alias Service Page
                                          Unlock_Service            //Auto-Alias Service Page (Service Pages used with cardUnlock)
                                                        
                                              Buero_Alarm,
                                              Fenster,  
                                              Rolladen,  
                                              Radiosender, 
                                              Charts_1,
                                              CardLChart_AZ,
                                              CardLChart_WZ,
                                              CardLChart_Bad,        
                                              WLAN,
                                      ],
                                  

                                  Die SubPages gibt es nicht mehr. Habe ich wieder gelöscht, da ich damit nicht zufrieden war.

                                  Wo finde ich die ArrayPages?

                                  L T 2 Replies Last reply Reply Quote 0
                                  • L
                                    lustig29 @GregorS last edited by

                                    Bei der Sonos Card habe ich noch "Probleme" mit dem Lautstärken Slider. Der zuckt, bzw. reagiert manchmal nicht richtig. Ist hierzu schon was bekannt?

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

                                      @gregors sagte in SONOFF NSPanel mit Lovelace UI:

                                      Wo finde ich die ArrayPages?

                                      das sind Array für Pages und darunter ist subpages

                                       pages: [
                                              //NSPanel_Service, //Auto-Alias Service Page
                                              Unlock_Service            //Auto-Alias Service Page (Service Pages used with cardUnlock)
                                                            
                                                  Buero_Alarm,
                                                  Fenster,  
                                                  Rolladen,  
                                                  Radiosender, 
                                                  Charts_1,
                                                  CardLChart_AZ,
                                                  CardLChart_WZ,
                                                  CardLChart_Bad,        
                                                  WLAN,
                                          ],
                                      

                                      welche Script version hast du im Einsatz ?

                                      'items': [<PageItem>{ 
                                      

                                      <PageItem> gibt es mit der aktuellen Version nicht mehr. einfach raus löschen.

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

                                        @tt-tom
                                        <PageItem> hebe ich gelöscht.

                                        Hier das komplette Array für Pages und SubPages:

                                        export const config: Config = {
                                            // Seiteneinteilung / Page division
                                            // Hauptseiten / Mainpages
                                            pages: [
                                                //NSPanel_Service, //Auto-Alias Service Page
                                                Unlock_Service            //Auto-Alias Service Page (Service Pages used with cardUnlock)
                                                              
                                                    Buero_Alarm,
                                                    Fenster,  
                                                    Rolladen,  
                                                    Radiosender, 
                                                    Charts_1,
                                                    CardLChart_AZ,
                                                    CardLChart_WZ,
                                                    CardLChart_Bad,        
                                                    WLAN,
                                            ],
                                            // Unterseiten / Subpages
                                            subPages: [
                                                NSPanel_Service_SubPage, //Auto-Alias Service Page (only used with cardUnlock)
                                                NSPanel_Infos, //Auto-Alias Service Page
                                                NSPanel_Wifi_Info_1, //Auto-Alias Service Page
                                                NSPanel_Wifi_Info_2, //Auto-Alias Service Page
                                                NSPanel_Sensoren, //Auto-Alias Service Page
                                                NSPanel_Hardware, //Auto-Alias Service Page
                                                NSPanel_IoBroker, //Auot-Alias Service Page
                                                NSPanel_Einstellungen, //Auto-Alias Service Page
                                                NSPanel_Screensaver, //Auto-Alias Service Page
                                                NSPanel_ScreensaverDimmode, //Auto-Alias Service Page
                                                NSPanel_ScreensaverBrightness, //Auto-Alias Service Page
                                                NSPanel_ScreensaverLayout, //Auto-Alias Service Page
                                                NSPanel_ScreensaverWeather, //Auto-Alias Service Page
                                                NSPanel_ScreensaverDateformat, //Auto-Alias Service Page
                                                NSPanel_ScreensaverIndicators, //Auto-Alias Service Page
                                                NSPanel_Relays, //Auto-Alias Service Page
                                                NSPanel_Script, //Auto-Alias Service Page
                                                NSPanel_Firmware, //Auto-Alias Service Page
                                                NSPanel_FirmwareTasmota, //Auto-Alias Service Page
                                                NSPanel_FirmwareBerry, //Auto-Alias Service Page
                                                NSPanel_FirmwareNextion, //Auto-Alias Service Page
                                            ],
                                        

                                        Ich nutze das TypeScript v4.4.0.1, NSPanel ist Firmwaremäßig auf dem aktuellen Stand

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

                                          @gregors sagte in SONOFF NSPanel mit Lovelace UI:

                                          Pages würde ich so anpassen, sonst ist die UnlockPage immer die Erste (id 0)

                                          pages: [
                                                  Buero_Alarm,
                                                  Fenster,  
                                                  Rolladen,  
                                                  Radiosender, 
                                                  Charts_1,
                                                  CardLChart_AZ,
                                                  CardLChart_WZ,
                                                  CardLChart_Bad,        
                                                  WLAN,
                                          
                                              //NSPanel_Service, //Auto-Alias Service Page
                                              Unlock_Service            //Auto-Alias Service Page (Service Pages used with cardUnlock)
                                                            
                                          ],
                                          

                                          kann an der Config der ChartSeiten keinen weiteren Fehler erkennen. Ich würde die die Anzahl der Ticks auf 5-7 begrenzen.

                                          schick mal die aktuellen Daten vom Chart.

                                          GregorS 2 Replies Last reply Reply Quote 0
                                          • GregorS
                                            GregorS @TT-Tom last edited by

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

                                            Ich würde die die Anzahl der Ticks auf 5-7 begrenzen.
                                            Welche Ticks?

                                            Temperatur AZ:

                                            0^18:00+60+120+180+240^22:00+300+360+420+480^02:00+540+600+660+720^06:00+780+840+900+960^10:00+1020+1080+1140+1200^14:00+1260+1320+1380~0:236~62:236~144:234~185:236~267:234~350:231~473:228~555:225~597:224~679:223~761:221~843:226~885:224~967:227~1008:232~1090:235~1173:236~1296:235~1337:236~1378:236~1419:239
                                            

                                            Temperatur WZ:

                                            0^18:00+60+120+180+240^22:00+300+360+420+480^02:00+540+600+660+720^06:00+780+840+900+960^10:00+1020+1080+1140+1200^14:00+1260+1320+1380~0:250~21:250~62:252~103:244~144:238~185:237~226:237~267:236~309:235~391:234~432:233~514:232~555:231~597:231~638:230~679:230~720:229~761:229~802:229~843:229~885:230~926:231~967:231~1008:231~1049:231~1090:232~1131:234~1173:235~1214:237~1255:236~1296:236~1378:235~1419:234
                                            

                                            Temperatur Bad

                                            0^18:00+60+120+180+240^22:00+300+360+420+480^02:00+540+600+660+720^06:00+780+840+900+960^10:00+1020+1080+1140+1200^14:00+1260+1320+1380~0:235~21:233~62:232~103:232~144:230~185:234~226:235~267:235~309:235~350:234~432:233~473:233~514:232~555:232~597:232~638:231~679:231~720:230~802:230~843:230~885:230~926:232~967:233~1008:235~1049:235~1090:237~1131:239~1173:240~1214:240~1255:238~1296:236~1337:235~1419:235
                                            
                                            T 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            616
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

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