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.
    • Armilar
      Armilar Most Active Forum Testing @wavemaster01 last edited by Armilar

      @wavemaster01

      Ansonsten hilft tatsächlich nur Hohlraumdose einputzen oder die Ecken auf der Rückseite etwas wegschleifen.

      Die 2. Version des normalen NSPanels passt in unsere EU-Dosen.

      Edit: oder das Gehäuse zum Einbau als Standversion:
      c8e05105-c539-4ff2-980d-a56221155738-image.png

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

        @egal sagte in SONOFF NSPanel mit Lovelace UI:

        Und über die jetzt mögliche Strukutierung/Hierachien muß ich ersrmal schlafen ähm nachdenken

        Ich habe jetzt schon über 250 Sensoren und Aktoren eingebunden und dann kommt noch etwas dazu. Kleiner Tipp, möglichst von vorn herein so gestalten, dass es leicht erweiterbar ist. Es sind nicht alle Seiten randvoll, sondern zweckgebunden gefüllt.

        Das ganze setze ich direkt aus der Hierarchie auf, dass ich das gesamte Grundstück von einer einzigen MainPage aus steuern kann.

        pages: [
        
                    Diverse Seiten zum Raum...
        
                    Level_0_Grundstueck,
                    Service             //Auto-Alias Service Page
            ],
            subPages: [
        
                        Subpages zu diversen Seiten...
                        
                        NSPanel_Infos,              //Auto-Alias Service Page
                        NSPanel_Einstellungen,      //Auto-Alias Service Page
                        NSPanel_Firmware_Info,      //Auto-Alias Service Page
        
                        Level_1_Haus,
                            Level_2_Erdgeschoss_1,
                                Level_3_Wohnzimmer,
                                    Level_4_Wohnzimmer_Licht_1,
                                    Level_4_Wohnzimmer_Licht_2,
                                    Level_4_Wohnzimmer_Sensoren_1,
                                    Level_4_Wohnzimmer_Aktoren,
                                    Level_4_Wohnzimmer_Thermostat,
                                Level_3_Esszimmer,
                                    Level_4_Esszimmer_Licht_1,
                                    Level_4_Esszimmer_Licht_2,
                                    Level_4_Esszimmer_Sensoren_1,
                                    Level_4_Esszimmer_Aktoren,
                                    Level_4_Esszimmer_Thermostat,
                                Level_3_Buero,
                                    Level_4_Buero_Licht,
                                    Level_4_Buero_Sensoren_1,
                                    Level_4_Buero_Sensoren_2,
                                    Level_4_Buero_Aktoren,
                                    Level_4_Buero_Thermostat,
                                Level_3_Kueche,
                                    Level_4_Kueche_Licht,
                                    ...
                                    ...
                                Level_3_Bad,
                                    ...
                            Level_2_Erdgeschoss_2,
                                Level_3_Kaminzimmer,
                                    ...
                                Level_3_GaesteWC,
                                    ...
                                Level_3_Hauswirtschaftsraum,
                                    ...
                                Level_3_FlurVorne,
                                    ...
                                Level_3_FlurHinten,
                                    ...
                        Level_1_Gartenhaus,
                            Level_2_GH_Licht,
                                Level_3_GH_Lampen_1,
                                Level_3_GH_Lampen_2,
                                Level_3_GH_Lampen_3,
                                Level_3_GH_Lampen_4,
                                Level_3_GH_LED_Stripes,
                                Level_3_GH_WLED,
                                Level_3_GH_Aussenlampen,
                            Level_2_GH_Sensoren_1,
                            Level_2_GH_Sensoren_2,
                            Level_2_GH_Aktoren_1,
                            Level_2_GH_Aktoren_2,
                            Level_2_GH_Heizkoerper,
                        Level_1_Aussen,
                                    ...
                                    ...
                        Level_1_Garage
                                    ...
            ],
        

        Die Struktur ist dann auf jedem Panel vorhanden. Egal wo du bist, du bekommst deine Infos und kannst auch Aktoren schalten. Ich finde mehr Flexibilität geht fast nicht...

        Poste doch nochmal die Volumino Beispiel Seiten für die Wiki. Dürften ja jetzt etwas anders aussehen mit den Tracklists.

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

          @armilar said in SONOFF NSPanel mit Lovelace UI:

          Poste doch nochmal die Volumino Beispiel Seiten für die Wiki. Dürften ja jetzt etwas anders aussehen mit den Tracklists.

          das ist ja das gute, eben nicht, da komplett dynamisch nach Playlistwahl:

          let VolumioBoss: PageMedia = 
          {
              'type': 'cardMedia',
              'heading': 'Volumio-Büro',
              'useColor': true,
              'subPage': false,
              'parent': undefined,
              'prev': undefined,
              'next': undefined,
              'home': undefined,
              'items': [<PageItem>{   
                          id: 'alias.0.NSPanel.Volumio-Boss', 
                          adapterPlayerInstance: 'volumio.0.',
                          speakerList: [], /* this must, no function */
                          playList: [],    /* empty for dynamic reading */
                          colorMediaIcon: colorSpotify,
                          colorMediaTitle: colorSpotify,
                          colorMediaArtist: Yellow,
                          autoCreateALias : true
                       }]
          };
          
          let VolumioMobil: PageMedia = 
          {
              'type': 'cardMedia',
              'heading': 'Volumio-Mobil',
              'useColor': true,
              'subPage': false,
              'parent': undefined,
              'prev': undefined,
              'next': undefined,
              'home': undefined,
              'items': [<PageItem>{   
                          id: 'alias.0.NSPanel.Volumio-Mobil', 
                          adapterPlayerInstance: 'volumio.1.',
                          speakerList: [], /* this must, no function */
                          playList: [],    /* empty for dynamic reading */
                          colorMediaIcon: Yellow,
                          colorMediaTitle: Yellow,
                          colorMediaArtist: Gray,
                          autoCreateALias : true
                       }]
          };
          
          
          
          Armilar egal 2 Replies Last reply Reply Quote 0
          • Armilar
            Armilar Most Active Forum Testing @egal last edited by Armilar

            @egal

            Okay, dann passt es ja schon. Perfekt...

            Habe noch mal kurz einen Ausschnitt aus dem beschriebenen Menü im Emulator mitgeschnitten:

            e8752a22-357b-4ec5-961b-95967fc15924-Nextion_Editor_e9vh8vSTsT.gif

            Edit: im späteren Verlauf bekommt noch jeder Menü-Item einen Indikator (auf allen Ebenen)

            Einen "Lichtschalter" der das komplette Smart Home steuern kann, habe ich in der Art sonst noch nicht gesehen 😉

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

              @armilar

              Das könnte man eventuell über das alias realisieren, was das dynamische Icon abbildet.

              Armilar 1 Reply Last reply Reply Quote 0
              • J
                joBr99 @wavemaster01 last edited by

                @wavemaster01 said in SONOFF NSPanel mit Lovelace UI:

                Frag mal beim Itead/Sonoff Support, eventuell schicken sie dir die neue revison von dem Power Modul, das passt in die Dosen.

                W 1 Reply Last reply Reply Quote 0
                • W
                  wavemaster01 @joBr99 last edited by

                  @jobr99 said in SONOFF NSPanel mit Lovelace UI:

                  Itead/Sonoff Support

                  Hallo, vielen Dank, das ist eine gute Idee - werde ich einmal versuchen! 👍

                  1 Reply Last reply Reply Quote 0
                  • W
                    wavemaster01 @Kuckuckmann last edited by

                    @kuckuckmann Hallo, vielen Dank für deine Antwort. Wie unten beschrieben, werde ich einmal versuchen ein schmaleres Netzteil zu bekommen. Zugleich hat mir dein Link aber auch sehr geholfen. Im letzten Bild war eine Abbildung einer Dose, die passt. Mit Google Lens habe ich auch schon zwei Hersteller solcher (Tschechien und Österricht) ausgemacht. Der Bezug der Dosen gestaltet sich aber in D schwierig bzw. wird da eine Dose mit Versand so teuer, dass fast der Bezug der V2 lohnt 😉 . Einen Rahmen möchte ich eher nicht, da das Panel direkt neben dem Eingang hängt und ich befürchte dass man da schnell mal "hängen bleibt".

                    J 1 Reply Last reply Reply Quote 0
                    • J
                      joBr99 @wavemaster01 last edited by

                      @wavemaster01

                      Die bei mir auch mit dem alten Netzteil gepasst:
                      https://www.kaiser-elektro.de/de_DE/produkte/elektro-installation/unterputz/geraetedosen-geraete-verbindungsdosen/6/electronic-dose-mit-trennwand

                      (Hab noch zwei Shelly's in der Tasche, kein Plan wie es mit der Größe von den normalen Kaiser Dosen aussieht)

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

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

                        Das könnte man eventuell über das alias realisieren, was das dynamische Icon abbildet.

                        Das ist der Plan... Ich werde nur zuerst mal das gesamte Menü und die Subpages + Aliase fertigstellen. Dann kommen die Aliase für die Aufzählungen mit den Indikatoren in den Menüpunkten über "id" zur "targetPage".

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

                          @egal sagte in SONOFF NSPanel mit Lovelace UI:

                          ok, seperate Tracklist für jeden Volumio-Player:

                          auch in der DEV.

                          1 Reply Last reply Reply Quote 1
                          • R
                            ronny130286 last edited by ronny130286

                            Gibt es eigentlich eine Möglichkeit einen Monobutton (true/false) einzubinden?
                            Weil es steht immer noch oben in der Beschreibung:

                            Taste               - Für Szenen oder Radiosender, etc. --> Nur Funktionsaufruf - Kein Taster wie MonoButton - True/False
                            

                            Dann ist mir noch ein kleiner Bug im Script aufgefallen, die Funktion vom Display Update ignoriert die eigentlich Version des Displays.
                            Ich habe mehrere Panels im Einsatz unter anderem auch die US-L Version, leider zerknallt er dann immer die Software auf dem Display 😞
                            Kann man die Abfrage nicht noch zusätzlich einpflegen, dass auch wirklich nur die Software genommen wird welche das Panel auch benötigt?

                            Edit:
                            habe die Funktion mal angepasst:

                            function update_tft_firmware() {
                                const tft_version: string = 'v3.8.1';
                                let desired_display_firmware_url =""
                            
                                if(getState(NSPanel_Path + '.NSPanel_Version').val =="us-l"){
                                    desired_display_firmware_url = `http://nspanel.pky.eu/lovelace-ui/github/nspanel-us-l-${tft_version}.tft`;
                                }else if (getState(NSPanel_Path + '.NSPanel_Version').val =="us-p"){
                                    desired_display_firmware_url = `http://nspanel.pky.eu/lovelace-ui/github/nspanel-us-p-${tft_version}.tft`;
                                }else{
                                    desired_display_firmware_url = `http://nspanel.pky.eu/lovelace-ui/github/nspanel-${tft_version}.tft`;
                                }
                                
                                try {
                            
                                    let urlString = `http://${get_current_tasmota_ip_address()}/cm?cmnd=FlashNextion ${desired_display_firmware_url}`;
                                    if (tasmota_web_admin_password != '') {
                                        urlString = `http://${get_current_tasmota_ip_address()}/cm?user=${tasmota_web_admin_user}&password=${tasmota_web_admin_password}&cmnd=FlashNextion ${desired_display_firmware_url}`;
                                    }
                            
                                    request({
                                        url: `${urlString}`,
                                        headers: {
                                            'User-Agent': 'ioBroker'
                                        }
                                    }, async function () {
                                        await createStateAsync(NSPanel_Path + 'TFT_Firmware.onlineVersion', <iobJS.StateCommon>{ type: 'string' });
                                        await setStateAsync(NSPanel_Path + 'TFT_Firmware.onlineVersion', <iobJS.State>{ val: tft_version, ack: true });
                                    });
                                } catch (err) {
                                    console.warn('error at function update_tft_firmware: ' + err.message);
                                }
                            }
                            
                            C Armilar 2 Replies Last reply Reply Quote 1
                            • C
                              c3b @ronny130286 last edited by

                              Hi Leutz

                              Ich bin gerade dabei WLED mit in das Panel aufzunehmen. Wenn ich im Alias RGB wähle, kann ich rot, blau und grün anwählen. Das einzige was ich unter WLED finde ist unter REG/Color die Farbangabe in HEX und Dezimal. Im Panel kann ich alles anwählen. Meine LED bleiben aber aus. Unter set habe ich schon den Powerbutton eingetragen. Auch kein Erfolg.

                              <PageItem>{ id: "alias.0.Küche.WLED", name: "RGB-Licht", minValueBrightness: 0, maxValueBrightness: 100, interpolateColor: true},
                              

                              Hat da jemand evtl ein Beispiel für?
                              LG aus dem Sauerland

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

                                @c3b

                                Hast das hier im Wiki schon gelesen. Link Wiki

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

                                  @tt-tom Hi
                                  Genau so etwas habe ich gesucht. Werde es heute Abend mal versuchen.
                                  Jetzt ruft erst die Baustelle. 😰

                                  Vielen Dank.
                                  LG aus dem Sauerland
                                  Jörg

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

                                    @ronny130286 sagte in SONOFF NSPanel mit Lovelace UI:

                                    Fällt mir immer selten auf, dass die us-Panels nicht ganz in der Spur sind. Ich habe keine us-Version und kann es auch nicht testen. Darum sendet ruhig wie hier die funktionierende Lösung oder stellt eine Frage. Dann bauen ich das ebenfalls mit ein.

                                    Das mit dem Mono-Button kann ich verstehen. Du hattest doch mal eine für dich funktionierende Lösung. Kannst du die nochmal posten? Brauchen wir immer nur dann, wenn jemand echte Tastersteuerungen benutzt (bei mir nicht der Fall). Ich würde dem PageItem dann einen optionalen Parameter mitgeben, der dann einen anderen Zweig durchläuft.

                                    T R 2 Replies Last reply Reply Quote 0
                                    • T
                                      Thorsten @Armilar last edited by Thorsten

                                      Ich habe das NSPanel aufgrund der Anleitung https://github.com/joBr99/nspanel-lovelace-ui/wiki konfiguriert. Der Bildschirmschoner zeigt die Wetterdaten von Accuweather auch wie auf dem Bildschirmphoto der Anleitung an, incl. der Icons. Aber auf keiner der Seiten werden Icons angezeigt:
                                      d993539c-af66-453c-884d-0bca1ec368cd-image.png
                                      54f562cf-6c63-4e2c-8301-79c6c38c22a5-image.png

                                      Und ja, das icon mapping script befindet sich unter global. Was mache ich falsch bzw. kann ich testen?

                                      R T 2 Replies Last reply Reply Quote 0
                                      • R
                                        ronny130286 @Armilar last edited by ronny130286

                                        @armilar

                                        Die Funktion für den Monobutton war damals so

                                        function triggerButton(id: string): boolean{
                                        	try {
                                        		let obj = getObject(id);
                                        		if (existsState(id) && obj.common.type !== undefined && obj.common.type === "boolean") {
                                        			setState(id, true);
                                        			setTimeout(function() { setState(id, false) }, 250)
                                        			return true;
                                        		}
                                        		return false;
                                        	}  catch (err) {
                                                console.warn('function triggerButton: ' + err.message);
                                            }	
                                        }
                                        

                                        Man muss aber etwas mehr machen weil man separat einen Status dem Alias hinzufügen muss der dann den Status des Lichts wieder gibt.
                                        Dummerweise habe ich damals nicht alles den Version hinterher gezogen.

                                        Armilar 1 Reply Last reply Reply Quote 1
                                        • R
                                          ronny130286 @Thorsten last edited by

                                          @thorsten

                                          sieht aus als hättest du die falsche Script Version zur Display Version

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

                                            @thorsten welche Script Version nutzt du? hast du die Alias für die Seiten angelegt.
                                            In dem Script sind Beispielseiten dargestellt, die auch die passenden Alias benötigen.

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            1.1k
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

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