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

    • 15. 05. Wartungsarbeiten am ioBroker Forum

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

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

      @vumer

      Aber natürlich 😉 - Du solltest dann auch die Farben ändern...

      mrIcon1ScreensaverEntity: { ScreensaverEntity: 'mqtt.0.SmartHome.NSPanel_1.stat.POWER1', ScreensaverEntityIcon: 'light-switch', ScreensaverEntityOnColor: Green, ScreensaverEntityOffColor: HMIOff  },
      mrIcon2ScreensaverEntity: { ScreensaverEntity: 'mqtt.0.SmartHome.NSPanel_1.stat.POWER2', ScreensaverEntityIcon: 'lightbulb', ScreensaverEntityOnColor: Green, ScreensaverEntityOffColor: HMIOff  },
      
      Vumer 1 Reply Last reply Reply Quote 1
      • Vumer
        Vumer @Armilar last edited by

        @armilar sagte in SONOFF NSPanel mit Lovelace UI:

        HMIOff

        Funktioniert, Danke 👍
        aber was bedeutet " HMIOff " ?

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

          @vumer

          Du sieht im oberen Teil des TS-Scriptes eine Menge Farb-Konstanten:

          const HMIOff:           RGB = { red:  68, green: 115, blue: 158 };     // Blau-Off - Original Entity Off
          const HMIDark:          RGB = { red:  29, green:  29, blue:  29 };     // Original Background Color
          const Off:              RGB = { red: 253, green: 128, blue:   0 };     // Orange-Off - schönere Farbübergänge
          const On:               RGB = { red: 253, green: 216, blue:  53 };
          

          Das sind alles RGB-Farbdefinitionen

          Du kannst dir natürlich auch eigene anlegen... oder vorhandene anpassen

          und herzlich willkommen... 😊

          Vumer 1 Reply Last reply Reply Quote 1
          • Vumer
            Vumer @Armilar last edited by

            @armilar sagte in SONOFF NSPanel mit Lovelace UI:

            Das sind alles RGB-Farbdefinitionen

            jetzt wird vieles klar. Danke.

            Und was ist wenn ich das Icon verschieben möchte?

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

              @vumer verschieben?

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

                @armilar
                Ja, z.B. nicht links oben sondern unten mittig von dem Taster

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

                  @vumer so flexibel sind wir auch wieder nicht 😉

                  Du kannst zwar zwischen 2 Screensaver Designs wählen, jedoch die Position der Steuerelemente nicht verschieben.

                  Das wären Änderungen der HMI (Nextion-Design) und die werden höchstens per Issue in github bearbeitet.

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

                    @armilar sagte in SONOFF NSPanel mit Lovelace UI:

                    so flexibel sind wir auch wieder nicht

                    alles klar 🙂
                    die idee war, später, einen blinkenden Punkt. Rot bei Warnungen, gelb bei ...

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

                      @vumer

                      Ich frage mich aber auch, wo denn noch Platz für die Icons im unteren Bereich wäre? 🙄

                      2a8c6242-a56a-4016-95d3-e54f96e5af52-image.png

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

                        @vumer sagte in SONOFF NSPanel mit Lovelace UI:

                        bei Warnungen

                        Lasse dir doch die Warnungen (Überschrift und Text) direkt auf dem Screensaver anzeigen. Dafür gibt es die Screensaver-Notification-Datenpunkte unter ScreensaverInfo in 0_userdata.

                        97be278f-10b2-4c29-a662-41be2cde0f74-image.png

                        Einfach reinschreiben. Mit klick auf den Screensaver werden die Datenpunkte wieder gelöscht.

                        Würde dann so aussehen
                        0a95a55b-b0a3-4755-a6cc-81c645ffe44a-image.png

                        1 Reply Last reply Reply Quote 1
                        • gelberlemmy
                          gelberlemmy @Armilar last edited by

                          @armilar sagte in SONOFF NSPanel mit Lovelace UI:

                          @gelberlemmy

                          SetOption146 1
                          

                          in die Tasmota Console eingeben. Dann sollte auch die ESP-Temperatur wieder im Hauptmenü zu sehen sein.

                          Ist eine Änderung in Tasmota. Die ESP-Temperatur ist seit der 12.2.0 per Default abgeschaltet.

                          Super hat geklappt, danke

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

                            @armilar guten Morgen, ich habe ein komische Phänomen. Mir fehlt bei der Alarmcard die Tastatur. Warum auch immer. Mit einem mal war Sie weg. Ich habe einmal mein Panel neu in in IOBroker intrigiert, aber immer noch weg. Hat jemand einen Tipp für mich ? habe auch keine Fehlermeldung im LOG.

                            Schönen Sonntag

                            Gruß André

                            IMG_20221106_094319.jpg

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

                              @gelberlemmy

                              kann es sein, dass der Alias fehlt?

                              gelberlemmy 1 Reply Last reply Reply Quote 0
                              • Vumer
                                Vumer last edited by Vumer

                                @armilar
                                ich hab alternativeScreensaverLayout auf false geändert und jetzt funktioniert es mit dem ScreensaverEntityOnColor nicht.

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

                                  @vumer

                                  ist doch die Default-Einstellung und hat gestern auch funktioniert. Wie sieht denn die Config dazu aus? Ggfs. Farben verändert?

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

                                    @armilar

                                    export const config: Config = {
                                        panelRecvTopic: 'mqtt.0.SmartHome.NSPanel-1.tele.RESULT',       // anpassen
                                        panelSendTopic: 'mqtt.0.SmartHome.NSPanel-1.cmnd.CustomSend',   // anpassen
                                        firstScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Hourly.h0.PrecipitationProbability', ScreensaverEntityIcon: 'weather-pouring', ScreensaverEntityText: 'Regen', ScreensaverEntityUnitText: '%', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 100} },
                                        secondScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Current.WindSpeed', ScreensaverEntityIcon: 'weather-windy', ScreensaverEntityText: "Wind", ScreensaverEntityUnitText: 'km/h', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 120} },
                                        thirdScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Current.UVIndex', ScreensaverEntityIcon: 'solar-power', ScreensaverEntityText: 'UV', ScreensaverEntityUnitText: '', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 9} },
                                        fourthScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Current.RelativeHumidity', ScreensaverEntityIcon: 'water-percent', ScreensaverEntityText: 'Luft', ScreensaverEntityUnitText: '%', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 100, 'val_best': 65} },
                                        alternativeScreensaverLayout: false,
                                        autoWeatherColorScreensaverLayout: true,
                                        mrIcon1ScreensaverEntity: { ScreensaverEntity: 'mqtt.0.SmartHome.NSPanel-1.stat.POWER1', ScreensaverEntityIcon: 'gesture-tap-button', ScreensaverEntityOnColor: On, ScreensaverEntityOffColor: Off  },
                                        mrIcon2ScreensaverEntity: { ScreensaverEntity: 'mqtt.0.SmartHome.NSPanel-1.stat.POWER2', ScreensaverEntityIcon: 'lightbulb', ScreensaverEntityOnColor: On, ScreensaverEntityOffColor: Off  },
                                        timeoutScreensaver: 20,
                                        dimmode: 20,
                                        active: 100, //Standard-Brightness TFT
                                        screenSaverDoubleClick: true,
                                        locale: 'de-DE',                    // en-US, de-DE, nl-NL, da-DK, es-ES, fr-FR, it-IT, ru-RU, etc.
                                        timeFormat: '%H:%M',                // currently not used
                                        dateFormat: '%A, %d. %B %Y',        // currently not used
                                        weatherEntity: 'alias.0.Wetter',    // Dieser Alias muss erstellt werden, damit die 4 kleineren Icons (Wetter oder DP) angezeigt werden können
                                        defaultOffColor: Off,
                                        defaultOnColor: On,
                                        defaultColor: Off,
                                        defaultBackgroundColor: Black,    //New Parameter
                                        temperatureUnit: '°C',
                                        pages: [
                                                //SqueezeboxRPC,      //Beispiel-Seite
                                                SpotifyPremium,     //Beispiel-Seite
                                                Buero_Seite_1,      //Beispiel-Seite
                                                CardPowerExample,   //Beispiel-Seite
                                                //Alexa,              //Beispiel-Seite
                                                Buero_Seite_2,      //Beispiel-Seite
                                                //Buero_Klimaanlage,  //Beispiel-Seite
                                                Button_1,           //Beispiel-Seite
                                                Test_Licht1,        //Beispiel-Seite
                                                Test_Licht2,        //Beispiel-Seite
                                                Test_Funktionen,    //Beispiel-Seite
                                                Fenster_1,          //Beispiel-Seite
                                                Subpages_1,         //Beispiel-Seite
                                                //Buero_Themostat,    //Beispiel-Seite
                                                //Buero_Alarm,        //Beispiel-Seite
                                                Service             //Beispiel-Seite
                                        ],
                                        subPages: [
                                                    Abfall,                     //Beispiel-Unterseite
                                                    WLAN,                       //Beispiel-Unterseite
                                                    NSPanel_Infos,              //Beispiel-Unterseite
                                                    NSPanel_Einstellungen,      //Beispiel-Unterseite
                                                    NSPanel_Firmware_Updates,   //Beispiel-Unterseite
                                                    Subpage2_Level_2
                                        ],
                                        button1Page: button1Page,   //Beispiel-Seite auf Button 1, wenn Rule2 definiert - Wenn nicht definiert --> button1Page: null,
                                        button2Page: button2Page    //Beispiel-Seite auf Button 2, wenn Rule2 definiert - Wenn nicht definiert --> button1Page: null,
                                    };
                                    
                                    const HMIOff:           RGB = { red:  68, green: 115, blue: 158 };     // Blau-Off - Original Entity Off
                                    const HMIDark:          RGB = { red:  29, green:  29, blue:  29 };     // Original Background Color
                                    const Off:              RGB = { red: 136, green: 136, blue: 136 };     // Orange-Off - schönere Farbübergänge
                                    const On:               RGB = { red:   0, green: 255, blue:   0 };
                                    const MSRed:            RGB = { red: 251, green: 105, blue:  98 };
                                    const MSYellow:         RGB = { red: 255, green: 235, blue: 156 };
                                    

                                    ich hatte gestern

                                    alternativeScreensaverLayout: true,
                                    
                                    1 Reply Last reply Reply Quote 0
                                    • Armilar
                                      Armilar Most Active Forum Testing last edited by

                                      @vumer sonst noch etwas geändert? Hoffe nicht am Code unterhalb?

                                      Die beiden Icons werden zwar im Screensaver aufgebaut, haben aber nichts mit dem Screensaver-Layout zu tun. Das ist nur ein Flag für die HMI.

                                      Du hast On und Off umdefiniert zu grün und grau. Müsste aber dennoch funktionieren. Also bei mir geht es in beiden Screensaverlayouts mit deinen Farben.

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

                                        @armilar sagte in SONOFF NSPanel mit Lovelace UI:

                                        sonst noch etwas geändert? Hoffe nicht am Code unterhalb?

                                        hmmm, glaube nicht.
                                        was ich nicht habe, dem Adapter Accuweather.

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

                                          @vumer den solltest du dir installieren. Sonst liefert der dir unten keine Daten.

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

                                            @armilar sagte in SONOFF NSPanel mit Lovelace UI:

                                            @gelberlemmy

                                            kann es sein, dass der Alias fehlt?

                                            Das hat mich veranlasst noch einmal in das Script zu schauen. Nach Änderng der Zeile 142 habe ich dann auch am Ende die 1. dazu geschrieben... Und siehe da... alles wieder da. Danke für den Tipp.

                                            2022-11-06 14_03_47-javascript - IOBroker-Proxmox.jpg

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            869
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

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