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.
    • 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
                • T
                  Thorsten @ronny130286 last edited by

                  @ronny130286 In der Tat, das war's. Mir war nicht klar, daß die Script mit der Displayversion übereinstimmen müssen. Im Skript steht nur 'abgestimmt auf...'. VIELEN DANK!👍

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

                    @ronny130286

                    Die Funktion für den Monobutton war damals so

                    Ich fasse mal kurz wieder zusammen:
                    Stimmt es ging eigentlich darum, dass "true" und "false" im Abstand von 250ms gesendet wird. Kein Problem, dass haben wir schnell mittels eines neuen zusätzlichen PageItem-Parameters ( ggfs. monoButton: 'true' ) drin... Aber dann fällt die Farbe beim Rendern auf "false" zurück und es gibt niemals einen "On"-Zustand beim Visualisieren des Icons. Wenn aber ein Zusätzlicher Datenpunkt genutzt wird, der auf bei Veränderung des Schaltdatenpunktes "false" reagiert und invertiert wird, dann sollte es klappen.

                    Wenn man also dem Taster jetzt noch einen separaten State im Alias verpasst, könnte der auch im Zuge des Rendern angezeigt werden, vorausgesetzt dieser neue zusätzliche Parameter im PageItem ist vorhanden.

                    Der erste Datenpunkt ist im Adapter deiner Steuerung und benötigt true --> Verzögerung 250ms -->false. Darauf wird ein Alias: ACTUAL gesetzt.

                    Der zweite Datenpunkt ist im Prinzip der Aktor der geschaltet wird (z.B. Zustand einer Lampe oder Steckdose, etc.). Darauf wird dann im gleichen Alias STATE gesetzt, der auf den Zustand des Aktors zeigt.

                    Damit wäre die Lösung losgelöst von separaten Schalter oder z.B. iot-Adapter, welche ja auch nur den Zustand der S7 veändern. Der Zustand der Aktors wäre eigentlich immer korrekt, oder?

                    Wenn das so für dich okay ist, würde ich da mal etwas implementieren und du würdest dann mal testen, ob sich Zustände und Icons entsprechend verhalten...

                    R 1 Reply Last reply Reply Quote 0
                    • Dark Angel
                      Dark Angel last edited by Dark Angel

                      Hi Leute,
                      bei 79 Seiten durchlesen, kann es durchaus passieren, dass man die Antwort auf kommende Frage einfach überlesen hat...
                      Und zwar: Wie stelle ich das NS Panel ein, dass bei Inaktivität nach gewisse Zeit X das Display komplett ausgeschaltet wird (dimmode~0~100 - (screen off))?

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

                        @dark-angel

                        0_userdata.0.NSPanel.1.NSPanel_Dimmode_brightnessNight = 0
                        

                        Falls am Tage auch aus , dann ebenfalls

                        0_userdata.0.NSPanel.1.NSPanel_Dimmode_brightnessDay = 0
                        

                        und einmal das Script durchstarten, da es sonst erstmals nur zu den parametrierten Scheduler-Zeitpunkten geändert wird.

                        @Kuckuckmann: wäre doch auch noch eine Erweiterung für die Wiki. Denke es steht noch nicht wirklich drin.

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

                          @armilar: Vielen Dank.
                          Ich dachte, es gebe wie in der original Firmware die Möglichkeit einen globalen "Screen Off" einzustellen. Wenn das aber so funktioniert, ist es mir auch Recht. Danke!

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

                            @dark-angel

                            Das ist ein globaler Screen Off der mit der Zeit timeoutScreensaver in der Script-Config gesteuert wird.

                            Eine weitere Möglichkeit (bei externer Lösung z.B. über Bewegungsmelder) stellt der Parameter

                            0_userdata.0.NSPanel.1.ScreensaverInfo.activeDimmodeBrightness
                            

                            dar.

                            Damit kannst du jederzeit eine eigene Helligkeit steuern.

                            Das kann doch das Original-Panel bei weitem nicht...

                            EDIT: Ich denke du meinst aber eine Konfigurationsseite:

                            Sieh dir doch mal den Part an:

                            /********************************************************************************************************** */
                            //Service Pages mit Auto-Alias (Nachfolgende Seiten werden mit Alias automatisch angelegt)
                            /********************************************************************************************************** */
                            
                            let Service: PageEntities =
                            {
                                'type': 'cardEntities',
                                'heading': 'NSPanel Service',
                                'useColor': true,
                                'subPage': false,
                                'parent': undefined,
                                'prev': undefined,
                                'next': undefined,
                                'home': undefined, 
                                'items': [
                                    <PageItem>{ id: AliasPath + 'autoUpdate', name: 'Auto-Updates' ,icon: 'update', offColor: MSRed, onColor: MSGreen},
                                    <PageItem>{ navigate: true, id: 'NSPanel_Infos', icon: 'information-outline', onColor: White, name: 'NSPanel Infos'},
                                    <PageItem>{ navigate: true, id: 'NSPanel_Firmware_Info', icon: 'update', onColor: White, name: 'Firmware Infos'},
                                    <PageItem>{ navigate: true, id: 'NSPanel_Einstellungen', icon: 'wrench-outline', onColor: White, name: 'Screensaver'}
                                ]
                            };
                            
                                    //Subpage 1 von Subpages_2
                                    let NSPanel_Infos: PageEntities =
                                    {
                                        'type': 'cardEntities',
                                        'heading': 'NSPanel Infos',
                                        'useColor': true,
                                        'subPage': true,
                                        'parent': Service,
                                        'prev': undefined,
                                        'next': undefined,
                                        'home': undefined,
                                        'items': [
                                            <PageItem>{ id: AliasPath + 'Tasmota.Hardware', name: 'Hardware', icon: 'memory', offColor: MSYellow, onColor: MSYellow, useColor: true},
                                            <PageItem>{ id: AliasPath + 'Sensor.ESP32.Temperature', name: 'ESP Temperatur', icon: 'thermometer', unit: '°C', offColor: MSYellow, onColor: MSYellow, useColor: true},
                                            <PageItem>{ id: AliasPath + 'Tasmota.Uptime', name: 'Uptime', icon: 'timeline-clock-outline', offColor: MSYellow, onColor: MSYellow, useColor: true},
                                            <PageItem>{ id: AliasPath + 'Tasmota.Wifi.RSSI', name: 'Wifi-Signal', icon: 'signal-distance-variant', unit: 'dBm', offColor: MSYellow, onColor: MSYellow, useColor: true}
                                        ]
                                    };
                            
                                    //Subpage 2 von Subpages_2
                                    let NSPanel_Einstellungen: PageEntities =
                                    {
                                        'type': 'cardEntities',
                                        'heading': 'Screensaver',
                                        'useColor': true,
                                        'subPage': true,
                                        'parent': Service,
                                        'prev': undefined,
                                        'next': undefined,
                                        'home': undefined,
                                        'items': [
                                            <PageItem>{ id: AliasPath + 'Dimmode.brightnessDay', name: 'Brightness Tag', icon: 'brightness-5', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 5, maxValue: 10},
                                            <PageItem>{ id: AliasPath + 'Dimmode.brightnessNight', name: 'Brightness Nacht', icon: 'brightness-4', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 0, maxValue: 4},
                                            <PageItem>{ id: AliasPath + 'Dimmode.hourDay', name: 'Stunde Tag', icon: 'sun-clock', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 0, maxValue: 23},
                                            <PageItem>{ id: AliasPath + 'Dimmode.hourNight', name: 'Stunde Nacht', icon: 'sun-clock-outline', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 0, maxValue: 23}
                                        ]
                                    };
                            
                                    //Subpage 3 von Subpages_2
                                    let NSPanel_Firmware_Info: PageEntities =
                                    {
                                        'type': 'cardEntities',
                                        'heading': 'Firmware-Updates',
                                        'useColor': true,
                                        'subPage': true,
                                        'parent': Service,
                                        'prev': undefined,
                                        'next': undefined,
                                        'home': undefined,
                                        'items': [
                                            <PageItem>{ id: AliasPath + 'Tasmota.Version', name: 'Tasmota Firmware', offColor: MSYellow, onColor: MSYellow, useColor: true},
                                            <PageItem>{ id: AliasPath + 'Display.TFTVersion', name: 'TFT-Firmware', offColor: MSYellow, onColor: MSYellow, useColor: true},
                                            <PageItem>{ id: AliasPath + 'Display.BerryDriver', name: 'Berry-Treiber', offColor: MSYellow, onColor: MSYellow, useColor: true},
                                            <PageItem>{ id: AliasPath + 'Display.Model', name: 'NSPanel Version', offColor: MSYellow, onColor: MSYellow, useColor: true}
                                        ]
                                    };
                            

                            Die SubPage NSPanel_Einstellungen enthält 4 Slider zum Einstellen der Parameter

                            Damit diese Aliase als Channels angelegt werden können, muss setObjects in der JS-Instanz aktiviert sein. Gilt auch für andere AutoAliase

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

                              @armilar sagte in SONOFF NSPanel mit Lovelace UI:

                              NSPanel_Einstellungen

                              Die Stellen im Script habe ich mir schon angeschaut gehabt.
                              Was ich aber eher gemeint hatte: ScreenSaver geht z.B. nach 10 Sekunden an und nach weitere z.B. 20 Sekunden geht das Display komplett aus.
                              Nach dem Motto:

                              timeoutScreensaver: 10,
                              timeoutDisplayOff: 20,
                              
                              Armilar 1 Reply Last reply Reply Quote 0
                              • Armilar
                                Armilar Most Active Forum Testing @Dark Angel last edited by Armilar

                                @dark-angel

                                Könnte man bereits jetzt über externes Script machen.

                                Trigger auf

                                0_userdata.0.NSPanel.1.ActivePage.type
                                

                                Wenn Wert = screensaver getriggert wird, dann mit Timeout (20Sek.) auf

                                0_userdata.0.NSPanel.1.ScreensaverInfo.activeDimmodeBrightness = 0
                                

                                Wenn Wert ungleich screensaver getriggert wird, dann ohne Timeout z.B.

                                0_userdata.0.NSPanel.1.ScreensaverInfo.activeDimmodeBrightness = 10
                                

                                oder

                                0_userdata.0.NSPanel.1.ScreensaverInfo.activeDimmodeBrightness = null
                                

                                Dann greifen die eingestellten Parameter wieder

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

                                  @armilar: Perfekt. Werde es gleich morgen ausprobieren.
                                  Vielen Dank!

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

                                    @dark-angel

                                    hab's nochmal zusammen geklickt:

                                    573cd994-9264-4a78-97b6-60aef185ad3d-image.png

                                    <xml xmlns="https://developers.google.com/blockly/xml">
                                      <variables>
                                        <variable type="timeout" id="timeout">timeout</variable>
                                      </variables>
                                      <block type="on_ext" id="@Qp/d4Ix8bd4oXFp$/D%" x="113" y="38">
                                        <mutation xmlns="http://www.w3.org/1999/xhtml" items="1"></mutation>
                                        <field name="CONDITION">ne</field>
                                        <field name="ACK_CONDITION"></field>
                                        <value name="OID0">
                                          <shadow type="field_oid" id="Cq-o;^1YVdt!eJ2K(TA[">
                                            <field name="oid">0_userdata.0.NSPanel.1.ActivePage.type</field>
                                          </shadow>
                                        </value>
                                        <statement name="STATEMENT">
                                          <block type="controls_if" id="=+y_V6.l5$w`-t1|)-qy">
                                            <mutation else="1"></mutation>
                                            <value name="IF0">
                                              <block type="logic_compare" id="!x=tA_A~.3vocXzkG7(K">
                                                <field name="OP">EQ</field>
                                                <value name="A">
                                                  <block type="on_source" id="@UE7[PQ1=b3urvY1XYfR">
                                                    <field name="ATTR">state.val</field>
                                                  </block>
                                                </value>
                                                <value name="B">
                                                  <block type="text" id="YXPE`I[==Dp6882c`MU%">
                                                    <field name="TEXT">screensaver</field>
                                                  </block>
                                                </value>
                                              </block>
                                            </value>
                                            <statement name="DO0">
                                              <block type="timeouts_settimeout" id="Hpsu~Ax~Tiw^09?kXNom">
                                                <field name="NAME">timeout</field>
                                                <field name="DELAY">20</field>
                                                <field name="UNIT">sec</field>
                                                <statement name="STATEMENT">
                                                  <block type="control" id="@pS08+VQvX#z1Uzob`^U">
                                                    <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
                                                    <field name="OID">0_userdata.0.NSPanel.1.ScreensaverInfo.activeDimmodeBrightness</field>
                                                    <field name="WITH_DELAY">FALSE</field>
                                                    <value name="VALUE">
                                                      <block type="math_number" id="H3n4y[x{z(`e$_1erneM">
                                                        <field name="NUM">0</field>
                                                      </block>
                                                    </value>
                                                  </block>
                                                </statement>
                                              </block>
                                            </statement>
                                            <statement name="ELSE">
                                              <block type="control" id="yF`pgXd3k94Pn[0gCfHt">
                                                <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
                                                <field name="OID">0_userdata.0.NSPanel.1.ScreensaverInfo.activeDimmodeBrightness</field>
                                                <field name="WITH_DELAY">FALSE</field>
                                                <value name="VALUE">
                                                  <block type="logic_null" id="Ly,]V(YBOcE+p,FRUjXb"></block>
                                                </value>
                                              </block>
                                            </statement>
                                          </block>
                                        </statement>
                                      </block>
                                    </xml>
                                    

                                    Dark Angel 1 Reply Last reply Reply Quote 1
                                    • Dark Angel
                                      Dark Angel @Armilar last edited by

                                      @armilar: Läuft "out of the box" und macht genau das, was ich mir vorgestellt hatte.

                                      So langsam bekommt das NS Panel endlich (dank dem Lovelace UI Upgrade) seine Bestimmungsfunktion.

                                      Danke dir, für deine schnelle und kompetente Hilfe.

                                      1 Reply Last reply Reply Quote 0
                                      • W
                                        watcherkb @egal last edited by watcherkb

                                        @egal sagte in SONOFF NSPanel mit Lovelace UI:

                                        @armilar
                                        ich Dummerchen 😬 ,
                                        danke dir, jetzt passts: NSPanel-Abfall-3.JPG

                                        @egal HI, könntest du mir deine Farbcodes bitte geben, ich komme damit leider nicht klar. Und wie hast du es geschafft, dass bei dir mal "Heute/Morgen" steht, mal das Datum? Edit: das kommt wohl aus dem ical Adapter, oder? Den kann ich leider nicht nutzen, da bei mir teilweise mehrere Tonnen in einem Object stecken. Deswegen würde ich gerne den trashschedule Adapter nutzen. Leider stehen dort nur die Tage als Zahl statt Text "3" .
                                        @Armilar : eigentlich würde ich ja gerne die Farbcodes des trashschedule adapters verwenden, doch leider sind die in Hex. Wenn ich mit dem Geräte Adapter die Aliase mappen will, bekomme ich bei dem Alias ein "null". Gibt es da einen Workaround? Vielleicht in Blockly umrechnen?

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

                                          @watcherkb

                                          ad3814a6-5c5c-4711-bf12-c8ade61cd60b-image.png

                                          Ja, manchmal verrennt man sich in den Gedanken. Ist eine Zuordnung von RGB565 Farben zu den Eventnamen. Sonst nichts 😊

                                          1 Reply Last reply Reply Quote 0
                                          • egal
                                            egal @watcherkb last edited by

                                            @watcherkb said in SONOFF NSPanel mit Lovelace UI:

                                            @egal HI, könntest du mir deine Farbcodes bitte geben, ich komme damit leider nicht klar. Und wie hast du es geschafft, dass bei dir mal "Heute/Morgen" steht, mal das Datum? Edit: das kommt wohl aus dem ical Adapter, oder? Den kann ich leider nicht nutzen, da bei mir teilweise mehrere Tonnen in einem Object stecken. Deswegen würde ich gerne den trashschedule Adapter nutzen. Leider stehen dort nur die Tage als Zahl statt Text "3" .

                                            Yepp, kommt so aus ical;
                                            bezüglich Objektnamen habe ich das "Abfallscript" hier auch etwas angepaßt, da je nach Entsorger andere/längere Bezeichnung verwendet wird, vielleicht da mal ansetzen:

                                            ...
                                            
                                            const idRestmuellName ='Restmüll'; // Schwarze Tonne
                                            const idWertstoffName = 'Gelber Sack'; // Gelbe Tonne / Sack
                                            const idPappePapierName = 'Papier';  // Blaue Tonne
                                            const idBioabfaelleName = 'Biomüll'; // Grüne Tonne
                                            const idSchadstoffeName = 'Schadstoffmobil';
                                             
                                            ...
                                            
                                            on({ id: idAbfalliCal + '.data.table', change: "ne" }, async function () {
                                             
                                                for (i = 0; i <= 3; i++) {
                                                    Muell_JSON = getState(idAbfalliCal + '.data.table').val;
                                                    setStateDelayed((['0_userdata.0.Abfallkalender.', parseFloat(i) + 1, '.date'].join('')), getAttr(Muell_JSON, (String(i) + '.date')), false, parseInt(((0) || "").toString(), 10), false);
                                                    Event2 = subsequenceFromStartLast(getAttr(Muell_JSON, (String(i) + '.event')), idZeichenLoeschen);
                                                    if (Event2.startsWith(idRestmuellName)) {
                                                        Color = 33840; Event2 = idRestmuellName;
                                                    } else if (Event2.startsWith(idBioabfaelleName)) {
                                                        Color = 2016; Event2 = idBioabfaelleName;
                                                    } else if (Event2.startsWith(idPappePapierName)) {
                                                        Color = 31; Event2 = idPappePapierName;
                                                    } else if (Event2.startsWith(idWertstoffName)) {
                                                        Color = 65504; Event2 = idWertstoffName;
                                                    } else if (Event2.startsWith(idSchadstoffeName)) {
                                                        Color = 63582; Event2 = idSchadstoffeName;
                                                    }
                                                    setStateDelayed((['0_userdata.0.Abfallkalender.', parseFloat(i) + 1, '.color'].join('')), Color, false, parseInt(((0) || "").toString(), 10), false);
                                                    setStateDelayed((['0_userdata.0.Abfallkalender.', parseFloat(i) + 1, '.event'].join('')), Event2, false, parseInt(((0) || "").toString(), 10), false);
                                                }
                                            });
                                            
                                            
                                            
                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            495
                                            Online

                                            31.6k
                                            Users

                                            79.6k
                                            Topics

                                            1.3m
                                            Posts

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