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 goes Matter ... Matter Adapter in Stable

    • 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.
    • K
      Kuckuckmann @MichaelF last edited by

      @michaelf

      herzlich willkommen im Forum 🙂

      Hast Du das Skript erneuert - wenn ja von welcher Version auf welche - oder den JavaScript Adapter aktualisiert?

      Für mich sieht es so aus, als gibt es in in einem PageItem eine Misskonfiguration.

      Kannst Du ggf. mal deine PageItems hier posten?

      LG

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

        @kuckuckmann said in SONOFF NSPanel mit Lovelace UI:

        JavaScript Adapter aktualisiert

        Hi, ich habe den JavaScript Adapter aktualisiert. und danach war dann das Problem.

        Geändert habe ich so eigentlich nichts.

        Ich denke das hier war gemeint:

        var Icons = new IconsSelector();
        var timeoutSlider: any;
        const NSPanel_Path = "0_userdata.0.NSPanel.1."
        const Debug = false;
        var manually_Update = true;
        
        //const Off: RGB = { red: 68, green: 115, blue: 158 };  //Blau-Off
        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 };
        const MSRed: RGB = { red: 251, green: 105, blue: 98 };
        const MSYellow: RGB = { red: 255, green: 235, blue: 156 };
        const MSGreen: RGB = { red: 121, green: 222, blue: 121 };
        const Red: RGB = { red: 255, green: 0, blue: 0 };
        const White: RGB = { red: 255, green: 255, blue: 255 }; 
        const Yellow: RGB = { red: 255, green: 255, blue: 0 };
        const Green: RGB = { red: 0, green: 255, blue: 0 };
        const Blue: RGB = { red: 0, green: 0, blue: 255 };
        const Gray: RGB = { red: 136, green: 136, blue: 136 };
        const Black: RGB = { red: 0, green: 0, blue: 0 };
        const colorSpotify: RGB = { red: 30, green: 215, blue: 96 };
        const colorAlexa: RGB = { red: 49, green: 196, blue: 243 };
        const colorRadio: RGB = { red: 255, green: 127, blue: 0 };
        const BatteryFull: RGB = { red: 96, green: 176, blue: 62 };
        const BatteryEmpty: RGB = { red: 179, green: 45, blue: 25 };
        
        //----------------------Begin Dimmode
        //Screensaver nachts auf dunkel ("brightnessNight: z.B. 2") oder aus ("brightnessNight:0") 
        if (existsState(NSPanel_Path + "NSPanel_Dimmode_brightnessDay") == false || existsState(NSPanel_Path + "NSPanel_Dimmode_hourDay") == false || existsState(NSPanel_Path + "NSPanel_Dimmode_brightnessNight") == false || existsState(NSPanel_Path + "NSPanel_Dimmode_hourNight") == false) {
            createState(NSPanel_Path + "NSPanel_Dimmode_brightnessDay", 8, {type: 'number'}, function() {setState(NSPanel_Path + "NSPanel_Dimmode_brightnessDay", 8)});
            createState(NSPanel_Path + "NSPanel_Dimmode_hourDay", 7, {type: 'number'}, function() {setState(NSPanel_Path + "NSPanel_Dimmode_hourDay", 7)});
            createState(NSPanel_Path + "NSPanel_Dimmode_brightnessNight", 2, {type: 'number'}, function() {setState(NSPanel_Path + "NSPanel_Dimmode_brightnessNight", 1)});
            createState(NSPanel_Path + "NSPanel_Dimmode_hourNight", 22, {type: 'number'}, function() {setState(NSPanel_Path + "NSPanel_Dimmode_hourNight", 22)});
        }
        var vBrightnessDay = getState(NSPanel_Path + "NSPanel_Dimmode_brightnessDay").val;
        var vBrightnessNight = getState(NSPanel_Path + "NSPanel_Dimmode_brightnessNight").val;
        var vTimeDay = getState(NSPanel_Path + "NSPanel_Dimmode_hourDay").val;
        if (vTimeDay < 10) {
            var TimeDay = "0" + vTimeDay.toString() + ":00";
        } else {
            var TimeDay = vTimeDay.toString() + ":00";
        }
        var vTimeNight = getState(NSPanel_Path + "NSPanel_Dimmode_hourNight").val;
        if (vTimeNight < 10) {
            var TimeNight = "0" + vTimeNight.toString() + ":00";
        } else {
            var TimeNight = vTimeNight.toString() + ":00";
        }
        var timeDimMode = <DimMode>{dimmodeOn: true, brightnessDay: vBrightnessDay, brightnessNight: vBrightnessNight, timeDay: TimeDay, timeNight: TimeNight};
        //--------------------End Dimmode
        
        //----Möglichkeit, im Screensaver zwischen Accu-Weather Forecast oder selbstdefinierten Werten zu wählen---------------------------------
        var weatherForecast = false; //true = WheatherForecast 5 Days --- false = Config --> firstScreensaverEntity - fourthScreensaverEntity ...
        
        //Alexa-Instanz
        var alexaInstanz = "alexa2.0"
        var alexaDevice = "G0XXXXXXXXXXXXXX"; //Primär zu steuerndes Device oder Gruppe aus alexa2-Adapter (Seriennummer)
        
        // Wenn alexaSpeakerList definiert, dann werden Einträge verwendet, sonst alle relevanten Devices aus Alexa-Instanz
        // Speakerwechsel funktioniert nicht bei Radio/TuneIn sonden bei Playlists
        //const alexaSpeakerList = []; //Beispiel ["Echo Spot Buero","Überall","Gartenhaus","Esszimmer","Heimkino"];
        const alexaSpeakerList = ["Echo Spot Buero","Überall","Gartenhaus","Esszimmer","Heimkino","Echo Dot Küche"];
        
        //Datenpunkte für Nachricht an Screensaver 
        var screensaverNotifyHeading = NSPanel_Path + "ScreensaverInfo.popupNotifyHeading";
        var screensaverNotifyText = NSPanel_Path + "ScreensaverInfo.popupNotifyText";
        createState(screensaverNotifyHeading, {type: 'string'});
        createState(screensaverNotifyText, {type: 'string'});
        
        //Datenpunkte für Nachricht popupNotify Page 
        var popupNotifyHeading = NSPanel_Path + "popupNotify.popupNotifyHeading";
        var popupNotifyText = NSPanel_Path + "popupNotify.popupNotifyText";
        var popupNotifyInternalName = NSPanel_Path + "popupNotify.popupNotifyInternalName"; // Wird mit Button-Action zurückgeschrieben
        var popupNotifyButton1Text = NSPanel_Path + "popupNotify.popupNotifyButton1Text";
        var popupNotifyButton2Text = NSPanel_Path + "popupNotify.popupNotifyButton2Text";
        var popupNotifySleepTimeout = NSPanel_Path + "popupNotify.popupNotifySleepTimeout"; // in sek. / wenn 0, dann bleibt die Nachricht stehen
        var popupNotifyAction = NSPanel_Path + "popupNotify.popupNotifyAction"; // Antwort aus dem Panel true/false
        createState(popupNotifyHeading, {type: 'string'});
        createState(popupNotifyText, {type: 'string'});
        createState(popupNotifyInternalName, {type: 'string'});
        createState(popupNotifyButton1Text, {type: 'string'});
        createState(popupNotifyButton2Text, {type: 'string'});
        createState(popupNotifySleepTimeout, {type: 'number'});
        createState(popupNotifyAction, {type: 'boolean'});
        
        var Test_Licht: PageEntities =
        {
            "type": "cardEntities",
            "heading": "Color Aliase",
            "useColor": true,
            "subPage": false,
            "parent": undefined,
            "items": [
                <PageItem>{ id: "alias.0.NSPanel_1.TestRGBLichteinzeln", name: "RGB-Licht Hex-Color", interpolateColor: true},
                //<PageItem>{ id: "alias.0.NSPanel_1.TestFarbtemperatur", name: "Farbtemperatur", interpolateColor: true},
                <PageItem>{ id: "alias.0.NSPanel_1.TestRGBLicht", name: "RGB-Licht", minValueBrightness: 0, maxValueBrightness: 100, interpolateColor: true},
                <PageItem>{ id: "alias.0.NSPanel_1.TestCTmitHUE", name: "HUE-Licht-CT", minValueBrightness: 0, maxValueBrightness: 70, minValueColorTemp: 500, maxValueColorTemp: 6500, interpolateColor: true},
                <PageItem>{ id: "alias.0.NSPanel_1.TestHUELicht", name: "HUE-Licht-Color", minValueColorTemp: 500, maxValueColorTemp: 6500, interpolateColor: true}
            ]
        };
        
        var Test_Funktionen: PageEntities =
        {
            "type": "cardEntities",
            "heading": "Sonstige Aliase",
            "useColor": true,
            "subPage": false,
            "parent": undefined,
            "items": [
                <PageItem>{ id: "alias.0.NSPanel_1.TestLautstärke", offColor: MSRed /*if mute=true*/, onColor: MSGreen ,name: "Echo Spot Büro", minValue: 0, maxValue: 100},
                <PageItem>{ id: "alias.0.NSPanel.Aussentemperatur",name: "Temperatur außen", icon: "thermometer", onColor: White},
                <PageItem>{ id: "alias.0.NSPanel.Luftfeuchte", name: "Luftfeuchte außen", icon: "water-percent", unit: "%H", onColor: White},
                <PageItem>{ id: "alias.0.NSPanel.Windgeschwindigkeit", name: "Windstärke Peak", icon: "wind-power-outline", offColor: MSRed, onColor: MSGreen, unit: "m/s", minValue: 0, maxValue: 12, interpolateColor: true, useColor: true}
            ]
        };
        
        var Bad: PageEntities =
        {
            "type": "cardEntities",
            "heading": "Bad",
            "useColor": true,
            "subPage": false,
            "parent": undefined,
            "items": [
                <PageItem>{ id: "alias.0.NSPanel.Deckenbeleuchtung_Gross", interpolateColor: true, name: "Licht Gross"},
                <PageItem>{ id: "alias.0.NSPanel.Deckenbeleuchtung_Klein", interpolateColor: true, name: "Licht Klein"},
                <PageItem>{ id: "alias.0.NSPanel.Lüfter", icon: "power", icon2: "",offColor: MSRed, onColor: MSGreen, name: "Lüfter"},
                <PageItem>{ id: "alias.0.NSPanel.Endstufe", icon: "power", icon2: "",offColor: MSRed, onColor: MSGreen, name: "Endstufe"}
                //<PageItem>{ id: "alias.0.NSPanel.Heizung_Spiegel", icon: "power", icon2: "",offColor: MSRed, onColor: MSGreen, name: "Spiegelheizung"}
            ]
        };
        
        var Bad2: PageEntities =
        {
            "type": "cardEntities",
            "heading": "Bad 2",
            "useColor": true,
            "subPage": false,
            "parent": undefined,
            "items": [
                <PageItem>{ id: "alias.0.NSPanel.Heizung_Spiegel", icon: "power", icon2: "",offColor: MSRed, onColor: MSGreen, name: "Speigelheizung"},
                <PageItem>{ id: "alias.0.NSPanel.Dachfenster", onColor: White, name: "Dach Kuppel"},
                <PageItem>{ id: "alias.0.NSPanel.Heizung", icon: "power", icon2: "",offColor: MSRed, onColor: MSGreen, name: "Heizung"},
                <PageItem>{ id: "alias.0.NSPanel.Fussbodenheizung", icon: "power", icon2: "",offColor: MSRed, onColor: MSGreen, name: "Fussbodenheizung"},
            ]
        };
        
        var Button_1: PageEntities =
        {
            "type": "cardEntities",
            "heading": "Button Aliase",
            "useColor": true,
            "subPage": false,
            "parent": undefined,
            "items": [
                <PageItem>{ id: "alias.0.NSPanel_1.TestTastensensor", name: "Tastensensor (FFN)"},
                <PageItem>{ id: "alias.0.NSPanel_1.Radio.NDR2", icon: "radio", name: "Taste (NDR2)", onColor: colorRadio},
            ]
        };
        
        var Subpages_1: PageEntities =
        {
            "type": "cardEntities",
            "heading": "Test Subpages",
            "useColor": true,
            "subPage": false,
            "parent": undefined,
            "items": [
                <PageItem>{ navigate: true, id: "Abfall", onColor: White, name: "Abfallkalender"},
                <PageItem>{ navigate: true, id: "WLAN", onColor: White, name: "Gäste WLAN"},
            ]
        };
        
        //Subpage 1 von Subpages_1
        var Abfall: PageEntities =
        {
            "type": "cardEntities",
            "heading": "Abfallkalender",
            "useColor": true,
            "subPage": true,
            "parent": Subpages_1,
            "items": [
                //<PageItem>{ id: "alias.0.NSPanel.Abfall.Ev1",icon: "trash-can"},
                //<PageItem>{ id: "alias.0.NSPanel.Abfall.Ev2",icon: "trash-can"},
                //<PageItem>{ id: "alias.0.NSPanel.Abfall.Ev3",icon: "trash-can"},
                //<PageItem>{ id: "alias.0.NSPanel.Abfall.Ev4",icon: "trash-can"}
            ]
        };
        
        var Bad3: PageGrid =
        {
            "type": "cardGrid",
            "heading": "Bad 2",
            "useColor": true,
            "subPage": false,
            "parent": undefined,
            "items": [
                <PageItem>{ id: "alias.0.NSPanel.Lüfter", icon: "power", icon2: "",offColor: MSRed, onColor: MSGreen, name: "Lüfter"},
                <PageItem>{ id: "alias.0.NSPanel_1.Deckenbeleuchtung", name: "Deckenlampe"},
                <PageItem>{ id: "alias.0.NSPanel_1.TestFenster", offColor: MSRed, onColor: MSGreen, name: "Büro Fenster"},
                <PageItem>{ id: "alias.0.NSPanel_1.Luftreiniger", icon: "power", offColor: MSRed, onColor: MSGreen},
                <PageItem>{ id: "alias.0.NSPanel_1.TestBlind", icon: "projector-screen", onColor: White, name: "Beamer"},
                //<PageItem>{ id: "alias.0.NSPanel_1.Radio.Bob", icon: "play", onColor: White, name: "TuneIn"}
            ]
        };
        
        var Alexa: PageMedia = 
        {
            "type": "cardMedia",
            "heading": "Alexa",
            "useColor": true,
            "subPage": false,
            "parent": undefined,
            "items": [<PageItem>{ id: "alias.0.NSPanel_1.Alexa.PlayerBuero" }]
        };
        
        var Buero_Themostat: PageThermo = 
        {
            "type": "cardThermo",
            "heading": "Test Thermostat",
            "useColor": true,
            "subPage": false,
            "parent": undefined,
            "items": [<PageItem>{ id: "alias.0.NSPanel_1.Thermostat_Büro", minValue: 50, maxValue: 300 }]
        };
        
        var Buero_Klimaanlage: PageThermo = 
        {
            "type": "cardThermo",
            "heading": "Test Klimaanlage",
            "useColor": true,
            "subPage": false,
            "parent": undefined,
            "items": [<PageItem>{ id: "alias.0.NSPanel_1.TestKlimaanlage", minValue: 170, maxValue: 250}]
        };
        
        //Subpage 2 von Subpages_1
        var WLAN: PageQR = 
        {
            "type": "cardQR",
            "heading": "Gäste WLAN",
            "useColor": true,
            "subPage": true,
            "parent": Subpages_1,
            "items": [<PageItem>{ id: "alias.0.NSPanel_1.Guest_Wifi" }]
        };
        
        var Buero_Alarm: PageAlarm = 
        {
            "type": "cardAlarm",
            "heading": "Alarm",
            "useColor": true,
            "subPage": false,
            "parent": undefined,
            "items": [<PageItem>{ id: "alias.0.NSPanel_1.Alarm" }]
        };
        
        var button1Page: PageGrid =
        {
            "type": "cardGrid",
            "heading": "Radio",
            "useColor": true,
            "subPage": false,
            "parent": undefined,
            "items": [
                <PageItem>{ id: "alias.0.NSPanel_1.Radio.FFN", icon: "radio", name: "FFN", onColor: colorRadio},
                <PageItem>{ id: "alias.0.NSPanel_1.Radio.Antenne" , icon: "radio", name: "Antenne Nds.", onColor: colorRadio},
                <PageItem>{ id: "alias.0.NSPanel_1.Radio.NDR2", icon: "radio", name: "NDR2", onColor: colorRadio},
                <PageItem>{ id: "alias.0.NSPanel_1.Radio.Bob", icon: "radio", name: "Radio BOB", onColor: colorRadio},
                <PageItem>{ id: "alias.0.NSPanel_1.Radio.Spotify", icon: "spotify", name: "Party Playlist", onColor: colorSpotify},
                <PageItem>{ id: "alias.0.NSPanel_1.Radio.Alexa", icon: "playlist-music", name: "Playlist 2021", onColor: colorAlexa}
            ]
        };
        
        var button2Page: PageEntities =
        {
            "type": "cardEntities",
            "heading": "Büro",
            "useColor": true,
            "subPage": false,
            "parent": undefined,
            "items": [
                <PageItem>{ id: "alias.0.NSPanel_1.Schreibtischlampe"},
                <PageItem>{ id: "alias.0.NSPanel_1.Deckenbeleuchtung"}
            ]
        };
        
        //Subpages 2 (+ Info)
        var Service: PageEntities =
        {
            "type": "cardEntities",
            "heading": "NSPanel Service",
            "useColor": true,
            "subPage": false,
            "parent": undefined, 
            "items": [
                <PageItem>{ id: "alias.0.NSPanel.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_Updates", icon: "update", onColor: White, name: "Manuelle-Updates"},
                <PageItem>{ navigate: true, id: "NSPanel_Einstellungen", icon: "wrench-outline", onColor: White, name: "Einstellungen"}
            ]
        };
        
        //Subpage 1 von Subpages_2
        var NSPanel_Infos: PageEntities =
        {
            "type": "cardEntities",
            "heading": "NSPanel Infos",
            "useColor": true,
            "subPage": true,
            "parent": Service,
            "items": [
                <PageItem>{ id: "alias.0.NSPanel.Hardware", name: "Hardware", icon: "memory", offColor: MSYellow, onColor: MSYellow, useColor: true},
                <PageItem>{ id: "alias.0.NSPanel.ESP_Temp", name: "ESP Temperatur", icon: "thermometer", unit: "°C", offColor: MSYellow, onColor: MSYellow, useColor: true},
                <PageItem>{ id: "alias.0.NSPanel.Uptime", name: "Uptime", icon: "timeline-clock-outline", offColor: MSYellow, onColor: MSYellow, useColor: true},
                <PageItem>{ id: "alias.0.NSPanel.Wifi-Signal", name: "Wifi-Signal", icon: "signal-distance-variant", unit: "dBm", offColor: MSYellow, onColor: MSYellow, useColor: true}
            ]
        };
        
        //Subpage 2 von Subpages_2
        var NSPanel_Einstellungen: PageEntities =
        {
            "type": "cardEntities",
            "heading": "Settings",
            "useColor": true,
            "subPage": true,
            "parent": Service,
            "items": [
                <PageItem>{ id: "alias.0.NSPanel.Dimmode_brightnessDay", name: "Brightness Tag", icon: "brightness-5", offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 5, maxValue: 10},
                <PageItem>{ id: "alias.0.NSPanel.BrightnessNight", name: "Brightness Nacht", icon: "brightness-4", offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 0, maxValue: 4},
                <PageItem>{ id: "alias.0.NSPanel.HourDay", name: "Stunde Tag", icon: "sun-clock", offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 0, maxValue: 23},
                <PageItem>{ id: "alias.0.NSPanel.HourNight", name: "Stunde Nacht", icon: "sun-clock-outline", offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 0, maxValue: 23}
            ]
        };
        
        //Subpage 3 von Subpages_2
        var NSPanel_Firmware_Updates: PageEntities =
        {
            "type": "cardEntities",
            "heading": "Firmware-Updates",
            "useColor": true,
            "subPage": true,
            "parent": Service,
            "items": [
                <PageItem>{ id: "alias.0.NSPanel.Tasmota_Version", name: "Tasmota Firmware", useColor: true},
                <PageItem>{ id: "alias.0.NSPanel.TFT_Firmware", name: "TFT-Firmware", useColor: true},
            ]
        };
        
        export const config: Config = {
            panelRecvTopic: "mqtt.3.tele.tasmota_C82F70.RESULT",       //anpassen
            panelSendTopic: "mqtt.3.cmnd.tasmota_C82F70.CustomSend",   //anpassen
            firstScreensaverEntity: { ScreensaverEntity: "sainlogic.0.weather.current.outdoorhumidity", ScreensaverEntityIcon: "water-percent", ScreensaverEntityText: "Luft", ScreensaverEntityUnitText: "%" },
            secondScreensaverEntity: { ScreensaverEntity: "accuweather.0.Daily.Day1.Day.PrecipitationProbability", ScreensaverEntityIcon: "weather-pouring", ScreensaverEntityText: "Regen", ScreensaverEntityUnitText: "%" },
            thirdScreensaverEntity: { ScreensaverEntity: "sainlogic.0.weather.current.windgustspeed", ScreensaverEntityIcon: "weather-windy", ScreensaverEntityText: "Wind", ScreensaverEntityUnitText: "m/s" },
            fourthScreensaverEntity: { ScreensaverEntity: "sainlogic.0.weather.current.uvi", ScreensaverEntityIcon: "solar-power", ScreensaverEntityText: "UV", ScreensaverEntityUnitText: "" },
            timeoutScreensaver: 15,
            dimmode: 2,
            active: 100, //Standard-Brightness TFT
            screenSaverDoubleClick: false,
            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.NSPanel.Wetter",
            defaultOffColor: Off,
            defaultOnColor: On,
            defaultColor: Off,
            temperatureUnit: "°C",
            pages: [
                    Bad,
                    Bad2,
                    Test_Funktionen,
                    Subpages_1,
                    Service
            ],
            subPages: [
                        Abfall,
                        WLAN,
                        NSPanel_Infos,
                        NSPanel_Einstellungen,
                        NSPanel_Firmware_Updates
            ],
            button1Page: button1Page,
            button2Page: button2Page
        };
        
        // _________________________________ Ab hier keine Konfiguration mehr _____________________________________
        
        K 1 Reply Last reply Reply Quote 0
        • K
          Kuckuckmann @MichaelF last edited by

          @michaelf

          Von welcher Version ist Dein Skript?
          Unter Umständen wäre es hier ganz gut das Skript und die TFT-Version zu heben?

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

            @michaelf

            bekanntes Problem, wurde auch schon gefixt. siehe hier

            welche Script version hast du aktuell???

            1 Reply Last reply Reply Quote 1
            • MichaelF
              MichaelF last edited by

              Script ist die v3.1.0.1

              also einfach aktualisieren ?

              Wie mache ich das am besten, kann ich den oberen teil mit meiner config behalten und muss ich diese im neuen Skript einzeln wieder rein kopieren.

              Grüße, und danke schon mal

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

                @michaelf

                Das ist eine sehr alte Version. Da hat sich einiges geändert. Du sollst/musst des Script komplett neu konfigurieren. Die wichtigsten Changelog findest du im Wiki.

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

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

                  @michaelf

                  Das ist eine sehr alte Version. Da hat sich einiges geändert. Du sollst/musst des Script komplett neu konfigurieren. Die wichtigsten Changelog findest du im Wiki.

                  Hab es wieder am Leben, allerdings gehen leider meine zwei Seiten nicht, also ich komme nur in die Einstellungen des Panel.

                  Hier meine Config:

                  //-- Anfang der Beispiele für Seitengestaltung -- Selbstdefinierte Aliase erforderlich ----------------
                  
                  let Bad_1 = <PageEntities>
                  {
                      'type': 'cardEntities',
                      'heading': 'Bad',
                      'useColor': true,
                      'items': [
                          <PageItem>{ id: "alias.0.NSPanel.Deckenbeleuchtung_Gross", interpolateColor: true, name: "Licht Gross"},
                          <PageItem>{ id: "alias.0.NSPanel.Deckenbeleuchtung_Klein", interpolateColor: true, name: "Licht Klein"},
                          <PageItem>{ id: "alias.0.NSPanel.Lüfter", icon: "power", icon2: "",offColor: MSRed, onColor: MSGreen, name: "Lüfter"},
                          <PageItem>{ id: "alias.0.NSPanel.Endstufe", icon: "power", icon2: "",offColor: MSRed, onColor: MSGreen, name: "Endstufe"}
                          //<PageItem>{ id: "alias.0.NSPanel.Heizung_Spiegel", icon: "power", icon2: "",offColor: MSRed, onColor: MSGreen, name: "Spiegelheizung"}
                  };
                  
                  let Bad_2 = <PageEntities>
                  {
                      'type': 'cardEntities',
                      'heading': 'Bad 2',
                      'useColor': true,
                      'items': [
                          <PageItem>{ id: "alias.0.NSPanel.Heizung_Spiegel", icon: "power", icon2: "",offColor: MSRed, onColor: MSGreen, name: "Speigelheizung"},
                          <PageItem>{ id: "alias.0.NSPanel.Dachfenster", onColor: White, name: "Dach Kuppel"},
                          <PageItem>{ id: "alias.0.NSPanel.Heizung", icon: "power", icon2: "",offColor: MSRed, onColor: MSGreen, name: "Heizung"},
                          <PageItem>{ id: "alias.0.NSPanel.Fussbodenheizung", icon: "power", icon2: "",offColor: MSRed, onColor: MSGreen, name: "Fussbodenheizung"},
                  };
                  
                  
                  
                  
                  //-- ENDE der Beispiele für Seitengestaltung -- Selbstdefinierte Aliase erforderlich ------------------
                  
                  Frederik Buss MichaelF 2 Replies Last reply Reply Quote 0
                  • Frederik Buss
                    Frederik Buss @MichaelF last edited by

                    Noch eine Frage in die Runde: Ich nutze die Tasten indirekt, zum Schalten von Gruppen. In einem Fall, nämlich die Kellerlichter (Homematic IP) möchte ich beim Drücken mehrere Aktoren schalten. Ich habe zunächst den Weg über ein kleines Script versucht, welches bei Wahr/Falsch die jeweiligen Aktoren schaltet. Das ist aber teilweise recht träge, so dass mehrere Sekunden vergehen, bis der erste Aktor geschaltet wird. Nächster Versuch war über eine Homematic Systemvariable, aber anscheinend ist auch die CCU manchmal recht träge. Neue Hardware ist bestellt, werde ich die nächsten Tage beides drauf umziehen. Aber vielleicht gibt es ja einen direkten Weg über die Toggle Funktion mehrere Aktoren innerhalb der Lovelace UI zu schalten?

                    T 1 Reply Last reply Reply Quote 0
                    • MichaelF
                      MichaelF @MichaelF last edited by

                      @michaelf said in SONOFF NSPanel mit Lovelace UI:

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

                      @michaelf

                      Das ist eine sehr alte Version. Da hat sich einiges geändert. Du sollst/musst des Script komplett neu konfigurieren. Die wichtigsten Changelog findest du im Wiki.

                      Hab es wieder am Leben, allerdings gehen leider meine zwei Seiten nicht, also ich komme nur in die Einstellungen des Panel.

                      Hier meine Config:

                      //-- Anfang der Beispiele für Seitengestaltung -- Selbstdefinierte Aliase erforderlich ----------------
                      
                      let Bad_1 = <PageEntities>
                      {
                          'type': 'cardEntities',
                          'heading': 'Bad',
                          'useColor': true,
                          'items': [
                              <PageItem>{ id: "alias.0.NSPanel.Deckenbeleuchtung_Gross", interpolateColor: true, name: "Licht Gross"},
                              <PageItem>{ id: "alias.0.NSPanel.Deckenbeleuchtung_Klein", interpolateColor: true, name: "Licht Klein"},
                              <PageItem>{ id: "alias.0.NSPanel.Lüfter", icon: "power", icon2: "",offColor: MSRed, onColor: MSGreen, name: "Lüfter"},
                              <PageItem>{ id: "alias.0.NSPanel.Endstufe", icon: "power", icon2: "",offColor: MSRed, onColor: MSGreen, name: "Endstufe"}
                              //<PageItem>{ id: "alias.0.NSPanel.Heizung_Spiegel", icon: "power", icon2: "",offColor: MSRed, onColor: MSGreen, name: "Spiegelheizung"}
                      };
                      
                      let Bad_2 = <PageEntities>
                      {
                          'type': 'cardEntities',
                          'heading': 'Bad 2',
                          'useColor': true,
                          'items': [
                              <PageItem>{ id: "alias.0.NSPanel.Heizung_Spiegel", icon: "power", icon2: "",offColor: MSRed, onColor: MSGreen, name: "Speigelheizung"},
                              <PageItem>{ id: "alias.0.NSPanel.Dachfenster", onColor: White, name: "Dach Kuppel"},
                              <PageItem>{ id: "alias.0.NSPanel.Heizung", icon: "power", icon2: "",offColor: MSRed, onColor: MSGreen, name: "Heizung"},
                              <PageItem>{ id: "alias.0.NSPanel.Fussbodenheizung", icon: "power", icon2: "",offColor: MSRed, onColor: MSGreen, name: "Fussbodenheizung"},
                      };
                      
                      
                      
                      
                      //-- ENDE der Beispiele für Seitengestaltung -- Selbstdefinierte Aliase erforderlich ------------------
                      

                      Geht wieder allerdings habe ich noch eine Fehlermeldung die kommt wenn ich den Skript neu starte :

                      javascript.0
                      	2848	2023-09-16 17:24:29.069	error	at ChildProcess.emit (node:domain:489:12)
                      javascript.0
                      	2848	2023-09-16 17:24:29.069	error	at ChildProcess.emit (node:events:514:28)
                      javascript.0
                      	2848	2023-09-16 17:24:29.069	error	at ChildProcess.exithandler (node:child_process:411:7)
                      javascript.0
                      	2848	2023-09-16 17:24:29.069	error	at script.js.common.NSPANEL_1_3_1_0:966:100
                      javascript.0
                      	2848	2023-09-16 17:24:29.069	error	at __awaiter (script.js.common.NSPANEL_1_3_1_0:4:12)
                      javascript.0
                      	2848	2023-09-16 17:24:29.068	error	at new Promise (<anonymous>)
                      javascript.0
                      	2848	2023-09-16 17:24:29.068	error	at script.js.common.NSPANEL_1_3_1_0:8:71
                      javascript.0
                      	2848	2023-09-16 17:24:29.068	error	at Object.next (script.js.common.NSPANEL_1_3_1_0:14:53)
                      javascript.0
                      	2848	2023-09-16 17:24:29.066	error	at step (script.js.common.NSPANEL_1_3_1_0:33:23)
                      javascript.0
                      	2848	2023-09-16 17:24:29.066	error	at script.js.common.NSPANEL_1_3_1_0:976:84
                      javascript.0
                      	2848	2023-09-16 17:24:29.066	error	script.js.common.NSPANEL_1_3_1_0: TypeError: Cannot read properties of undefined (reading 'substring')
                      
                      T 1 Reply Last reply Reply Quote 0
                      • GregorS
                        GregorS last edited by

                        Hallo,

                        habe heute ein "sudo apt upgrade" durchgeführt.
                        Gerade bemerkt, dass die Uhrzeit auf meinem NSPanel nicht mehr stimmt.
                        Nach einem Neustart und auch Spannung Aus gibt es keine Verbindung mehr.
                        Nur noch der Connection Kreis.
                        Ich nutze noch das Script v3.9.0.4.
                        Node ist v16.20.1
                        NPM 8.19.4
                        MQTT scheint zu funktionieren,Timestamp ist aktuell.

                        Weiss gerade nicht, wie ich weiter vorgehen soll.

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

                          @gregors auf welcher Version ist dein Betriebssystem?
                          Deine nodejs ist auch veraltet und demnächst EOL. Solltest du auch mal auf Stand bringen.

                          Im Wiki gibt es eine Anleitung zum Uhrzeitproblem.

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

                            @michaelf lass mal icon2 weg. Nur Parameter nutzen, die auch ein Wert zugeordnet wird.

                            MichaelF 1 Reply Last reply Reply Quote 0
                            • T
                              TT-Tom @Frederik Buss last edited by

                              @frederik-buss ich glaube nicht, dass innerhalb des Iobroker, zu Verzögerungen kommt. Es ist die Funkverbindung vom Panel zum Broker und dann zum Schalter. Wenn alles über WLAN läuft kann es da zu Behinderungen kommen. Mit wie vielen Teilnehmern teilst du dir den aktuellen Kanal? Da würde ich mal anfangen.

                              Frederik Buss 1 Reply Last reply Reply Quote 0
                              • Frederik Buss
                                Frederik Buss @TT-Tom last edited by

                                @tt-tom Alle direkt geschalteten Aktoren gehen sofort, nur der Keller nicht. Die WLAN Verbindung sollte auch nicht das Problem sein, Aktoren per Tablet geschaltet geht auch Ratz-Fatz. Wenn der bevorzugte Weg ein Skript ist, welches per Wahr/Falsch Datenpunkt getriggert wird, dann belasse ich das dabei und hoffe dass die neue Hardware die Verzögerung eliminiert. Mir ist aber parallel beim Suchen aufgefallen, dass ich sinnloserweise den Desktop aktiviert hatte, der auf dem Raspi ordentlich Ressourcen zieht...

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

                                  @frederik-buss

                                  Wenn du die Kellerlichter zu einer Gruppe in Homematic zusammenfasst, sollte es doch reichen diese zu schalten. Den Rest macht dann die CCU. Kann dir da aber nicht weiterhelfen, nutze hier den Access Point.

                                  Frederik Buss 1 Reply Last reply Reply Quote 0
                                  • MichaelF
                                    MichaelF @TT-Tom last edited by

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

                                    @michaelf lass mal icon2 weg. Nur Parameter nutzen, die auch ein Wert zugeordnet wird.

                                    Danke, ist Weg 🙂

                                    Eine Frage hätte ich noch, da ich ja nun das neue Scrip nutze ist ja jetzt auch die cardPower Verfügbar.

                                    Irgendwie komme ich mit der Konfiguration aus dem Wiki noch nicht ganz klar.

                                    Ich habe: PV, Akku, E-Auto, E-Roller, E-Heizstab die ich gerne visualisieren würde.

                                    Von allen Geräten sind die daten Verbrauch, sowie Erzeugung vorhanden, was für einen Alias muss ich erzeugen und welche Datenpunkte muss ich anlegen. Das Java Skript aus dem Wiki passt ja nicht so wirklich, weil ich die Verbrauchsdaten bereits als Wert habe und nicht mehr berechnen muss.

                                    Gibt es jemand der vielleicht eine ähnliche config hat und mir damit auf die Sprünge helfen könnte.

                                    Grüße

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

                                      @tt-tom

                                      Habe vorher einige Adapter aktualisiert, u.A. auch Javascript.
                                      Nach stoppen des Adapters JS bekomme ich einmalig folgende Meldung:

                                      javascript.0
                                      	2023-09-16 17:17:00.089	error	script.js.NSPanel_1: TypeScript compilation failed: if ((pageItem.useColor || useColors) && ((typeof (value) === 'boolean' && value) || value > (pageItem.minValueBrightness !== undefined ? pageItem.minValueBrightness : 0))) { ^ERROR: Operator '>' cannot be applied to types 'number | boolean' and 'number'.
                                      

                                      Das System ist Linux Promox-ioBroker 5.10.0-18-amd64 #1 SMP Debian 5.10.140-1 (2022-09-02) x86_64

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

                                      Im Wiki gibt es eine Anleitung zum Uhrzeitproblem.

                                      Habe keine Verbindung mehr zum NSPanel, es erscheint nur der Hinweis auf fehlende Kommunikation.
                                      IP-Adresse ist richtig, Verbindung zur Sonoff-Oberfläche funktioniert über den Browser.
                                      Relais können geschaltet werden.

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

                                        @gregors said in SONOFF NSPanel mit Lovelace UI:

                                        @tt-tom

                                        Habe vorher einige Adapter aktualisiert, u.A. auch Javascript.
                                        Nach stoppen des Adapters JS bekomme ich einmalig folgende Meldung:

                                        javascript.0
                                        	2023-09-16 17:17:00.089	error	script.js.NSPanel_1: TypeScript compilation failed: if ((pageItem.useColor || useColors) && ((typeof (value) === 'boolean' && value) || value > (pageItem.minValueBrightness !== undefined ? pageItem.minValueBrightness : 0))) { ^ERROR: Operator '>' cannot be applied to types 'number | boolean' and 'number'.
                                        

                                        Das System ist Linux Promox-ioBroker 5.10.0-18-amd64 #1 SMP Debian 5.10.140-1 (2022-09-02) x86_64

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

                                        Im Wiki gibt es eine Anleitung zum Uhrzeitproblem.

                                        Habe keine Verbindung mehr zum NSPanel, es erscheint nur der Hinweis auf fehlende Kommunikation.
                                        IP-Adresse ist richtig, Verbindung zur Sonoff-Oberfläche funktioniert über den Browser.
                                        Relais können geschaltet werden.

                                        Hi, gleiches Problem hatte ich heute. Das NsPanel Script muss auf die aktuelle Version.

                                        Grüße

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

                                          @michaelf
                                          Du brauchst keine Alias anlegen, du kannst die Datenpunkte direkt nutzen in welchen die Werte sind.
                                          Mit dieser Codezeile rufst du den Wert ab und über gibst in der Varible.

                                          Math.round(getState("dein datenpunkt vom Wert").val)
                                          

                                          Unter 0_userdata.0 legst du dir ein Datenpunkt an vom Typ JSON , wo das JSON gespeichert werden soll. Auf diesen zeigt dann ein Alias vom Typ Info mit dem Datenpunkt ACTUAL.

                                          MichaelF 1 Reply Last reply Reply Quote 1
                                          • M
                                            mading last edited by

                                            Eine Frage zur Updatestrategie: ich habe mir schon zwei Tasmota Schaltsteckdoesen beim Update zerschossen, auf der Tasmota Webseite steht auch, man solle nur Updaten wenn es wirklich nötig ist. Wie ist die Erfahrung/ Empfehlung bzgl. des NSPanels zum Tasmota Update?

                                            Danke!

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            764
                                            Online

                                            31.6k
                                            Users

                                            79.5k
                                            Topics

                                            1.3m
                                            Posts

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