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

      @thomson
      Huhu,

      willkommen 🙂

      In Bezug auf die QR-Code WLAN Page: Du hast den Wert in den Namen des Objektes geschrieben.
      Nimm die Zeichenkette da raus und setze den Namen "WLAN_Guest", damit passt es schon zu Deinem PageItem.
      Speichere das nu ab und füge die Zeichenkette bei Wert ein. Danach hast du schon mal weniger Fehler und die Seite wird gehen.

      Für die CardThermo benötigen wir den Meister diese Threads @Armilar. Ich kann da leider nicht behilflich sein.

      Zu deinen Fragen:

      • Hintergrundbilder und Farbverläufe gehen nicht. Wenn dann Uni-Farben und das auch nur limitiert wie auf dem Screensaver.
      • Da kann man was machen, sei es über ein Blockly/Skript und z.B. einen Infopupup (Dazu gerne mal in der Wiki schauen) oder ggf. mit einer Neuerung, an deren Dokumentation wir gerade arbeiten. Vlt. da noch ein paar tage Geduld haben 😉
        Evtl. hat @Armilar da auch noch einen guten Tipp, oder kann mich korrigieren, wenn ich falsch liege 😄

      LG

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

        @thomson sagte in SONOFF NSPanel mit Lovelace UI:

        Nutzt die Thermostet von HM (kein IP)
        Wenn ich wie in der Anleitung beschrieben neue zustände wie AUTOMATIC hinzufüge, wird der Geräte Manager schwarz und lädt das eingetragenen Gerät nicht mehr. Ein späteres öffnen führt zu dem selben fehler. Die anderen Geräte lassen sich weiter anzeigen

        Willkommen und Frohes Neues Jahr 2023

        Nutzt die Thermostet von HM (kein IP)
        Wenn ich wie in der Anleitung beschrieben neue zustände wie AUTOMATIC hinzufüge, wird der Geräte Manager schwarz und lädt das eingetragenen Gerät nicht mehr. Ein späteres öffnen führt zu dem selben fehler. Die anderen Geräte lassen sich weiter anzeigen

        Haben seit der letzten Version eine Verschiebung in den Bezeichnern beim Thermostaten. Hotfix kommt morgen/übermorgen.

        Die HM (nicht IP) sind etwas speziell zwischen Mode und Automatic, etc. Wir hatten den Punkt erst vor Kurzem. Da muss erst ein wenig in der 0_userdata virtualisiert und emuliert werden, bevor die funktionieren. Versuche das Beispiel nach dem Hotfix mal aufzugreifen...

        Kann ich als Hintergrund Bilder / Farbverläufe oder ähnliches einstellen?

        Du kannst die Hintergrundfarbe verändern und du kannst die "meisten" Vordergrundfarben in den Konstanten oben im Script verändern. Farbverläufe sind nicht möglich.

        Ist es möglich als Infotext eine Ausgabe zu bekommen welche Fenster geöffnet sind? Was ggf. ja mehrere sein können

        Natürlich: Über ein separates Script (Blockly/JS) ermittelst du generisch die geöffneten Fenster (Gibt im Forum massenhaft Beispiele). Zum Zeitpunkt deiner Wahl überträgst du die Info dann an eine der folgenden Info-Dialoge im NSPanel:

        Du kannst dazu die ScreensaverNotify
        https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker---FAQ-&-Anleitungen#3-info-screensaver-info-auf-request

        oder die popUp Notify nutzen...
        https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Card-Definitionen-(Seiten)#popupnotify

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

          @kuckuckmann said in SONOFF NSPanel mit Lovelace UI:

          In Bezug auf die QR-Code WLAN Page: Du hast den Wert in den Namen des Objektes geschrieben.
          Nimm die Zeichenkette da raus und setze den Namen "WLAN_Guest", damit passt es schon zu Deinem PageItem.
          Speichere das nu ab und füge die Zeichenkette bei Wert ein. Danach hast du schon mal weniger Fehler und die Seite wird gehen

          Super das hat geklappt und verstanden... Blöder Fehler.....
          Dankeschön!

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

            @armilar Danke für die schnelle Antwort. Werde ich machen. Besten Dank 🙂

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

              @thomson

              Gibt es aktuell noch Warnung im Log?

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

                @armilar

                Japp da ist noch einiges drin

                3.1.2023, 13:08:20.643	[warn ]: javascript.0 (12969)     at HandleScreensaverUpdate (script.js.common.NSPanels.nspFlur:5897:29)
                3.1.2023, 13:08:20.644	[warn ]: javascript.0 (12969)     at HandleScreensaver (script.js.common.NSPanels.nspFlur:5494:5)
                3.1.2023, 13:08:20.644	[warn ]: javascript.0 (12969)     at HandleMessage (script.js.common.NSPanels.nspFlur:2188:21)
                3.1.2023, 13:08:20.644	[warn ]: javascript.0 (12969)     at Object.<anonymous> (script.js.common.NSPanels.nspFlur:2125:17)
                3.1.2023, 13:08:20.648	[warn ]: javascript.0 (12969)     at HandleScreensaverUpdate (script.js.common.NSPanels.nspFlur:5904:34)
                3.1.2023, 13:08:20.648	[warn ]: javascript.0 (12969)     at HandleScreensaver (script.js.common.NSPanels.nspFlur:5494:5)
                3.1.2023, 13:08:20.648	[warn ]: javascript.0 (12969)     at HandleMessage (script.js.common.NSPanels.nspFlur:2188:21)
                3.1.2023, 13:08:20.648	[warn ]: javascript.0 (12969)     at Object.<anonymous> (script.js.common.NSPanels.nspFlur:2125:17)
                3.1.2023, 13:08:20.651	[warn ]: javascript.0 (12969)     at HandleScreensaverUpdate (script.js.common.NSPanels.nspFlur:5918:29)
                3.1.2023, 13:08:20.652	[warn ]: javascript.0 (12969)     at HandleScreensaver (script.js.common.NSPanels.nspFlur:5494:5)
                3.1.2023, 13:08:20.652	[warn ]: javascript.0 (12969)     at HandleMessage (script.js.common.NSPanels.nspFlur:2188:21)
                3.1.2023, 13:08:20.652	[warn ]: javascript.0 (12969)     at Object.<anonymous> (script.js.common.NSPanels.nspFlur:2125:17)
                3.1.2023, 13:08:20.655	[warn ]: javascript.0 (12969)     at HandleScreensaverUpdate (script.js.common.NSPanels.nspFlur:5925:34)
                3.1.2023, 13:08:20.655	[warn ]: javascript.0 (12969)     at HandleScreensaver (script.js.common.NSPanels.nspFlur:5494:5)
                3.1.2023, 13:08:20.655	[warn ]: javascript.0 (12969)     at HandleMessage (script.js.common.NSPanels.nspFlur:2188:21)
                3.1.2023, 13:08:20.655	[warn ]: javascript.0 (12969)     at Object.<anonymous> (script.js.common.NSPanels.nspFlur:2125:17)
                
                Armilar 1 Reply Last reply Reply Quote 0
                • Armilar
                  Armilar Most Active Forum Testing @thomson last edited by

                  @thomson

                  Ist das Panel per http: mit Passwort gesichert?

                  adee636e-44c3-401b-8e1f-f569b14b12fe-image.png

                  Falls ja, dann deaktivieren

                  Poste mal kurz deine Config

                  T 1 Reply Last reply Reply Quote 1
                  • T
                    thomson @Armilar last edited by

                    @armilar

                    3e1c1afb-e933-4fc7-bda7-c795b9d6be67-image.png

                    //-- Anfang der Beispiele für Seitengestaltung -- Selbstdefinierte Aliase erforderlich ----------------
                    
                    let Licht: PageGrid =
                    {
                       "type": "cardGrid",
                       "heading": "Lichtsteuerung",
                       "useColor": true,
                       "subPage": false,
                       "parent": undefined,
                       "items": [
                           <PageItem>{ id: "alias.0.NSPanel.Licht.Spot_Flur", name: "Flur Spots",icon:"light-recessed", interpolateColor: true},
                           <PageItem>{ id: "alias.0.NSPanel.Licht.Flurlicht_oben", name: "Flur DG",icon:"light-recessed", interpolateColor: true},
                           <PageItem>{ id: "alias.0.NSPanel.Licht.Wandlampe", name: "Wandlampe",icon:"wall-sconce-outline", interpolateColor: true},
                            <PageItem>{ navigate: true, id: "Aussenlicht", icon: "coach-lamp-variant", onColor: White, name: "Außen"}, 
                       ]
                    };
                    
                    var Umwelt: PageGrid =
                    {
                       "type": "cardGrid",
                       "heading": "Umwelt",
                       "useColor": true,
                       "subPage": false,
                       "parent": undefined,
                       "items": [
                           <PageItem>{ id: "alias.0.NSPanel.Rolladen.Flur_Rolladen", name: "Jalousie", interpolateColor: true},
                           <PageItem>{ navigate: true, id: "Thermo", icon: "home-thermometer", onColor: White, name: "Thermostat"},
                           <PageItem>{ id: "alias.0.NSPanel.Klima.Infrarotheizung", icon: "heating-coil", icon2: "power",offColor: MSRed, onColor: MSGreen}
                       ]
                    };
                    
                    
                    
                    
                    //*************************Sub Pages*****************************************
                    let Thermo: PageThermo =
                    {
                       "type": "cardThermo",
                       "heading": "Thermostat",
                       "useColor": true,
                       "subPage": true,
                       "parent": Umwelt,
                        "items": [
                            <PageItem>{ id: "alias.0.NSPanel.Klima.HeizungFlur", minValue: 50, maxValue: 300 }
                        ]
                    };
                    
                    
                    var Aussenlicht: PageGrid =
                    {
                       "type": "cardGrid",
                       "heading": "Außenlicht",
                       "useColor": true,
                       "subPage": true,
                       "parent": Licht,
                       "items": [
                       <PageItem>{ id: "alias.0.NSPanel.Licht.Haustuerlampe", name: "Haustür",icon: "coach-lamp-variant", interpolateColor: true},
                       <PageItem>{ id: "alias.0.NSPanel.Licht.SpotTuer", name: "Tür",icon:"light-recessed", interpolateColor: true},
                       <PageItem>{ id: "alias.0.NSPanel.Licht.SpotStr", name: "Straße",icon:"light-recessed", interpolateColor: true},
                       <PageItem>{ id: "alias.0.NSPanel.Licht.SpotHinten", name: "Hinten", icon:"light-recessed",interpolateColor: true },
                       ]
                    };
                    
                    var WLAN: PageQR = 
                    {
                       "type": "cardQR",
                       "heading": "Gäste WLAN",
                       "useColor": true,
                       "subPage": true,
                       "parent": Service,
                       "items": [
                       	<PageItem>{ id: "alias.0.NSPanel.WLAN_Guest" }
                       
                       ]
                    };
                    
                    // <PageItem>{ id: "alias.0.NSPanel.Verschluss.FlurTuer", offColor: MSRed, onColor: MSGreen, name: "Flur" },
                    //-- ENDE der Beispiele für Seitengestaltung -- Selbstdefinierte Aliase erforderlich ------------------
                    
                    
                    /********************************************************************************************************** */
                    //Service Pages mit Auto-Alias (Nachfolgende Seiten werden mit Alias automatisch angelegt)
                    /********************************************************************************************************** */
                    
                    var Service: PageEntities =
                    {
                       "type": "cardEntities",
                       "heading": "NSPanel Service",
                       "useColor": true,
                       "subPage": false,
                       "parent": undefined, 
                       "items": [
                           <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: "WLAN", icon: "update", onColor: White, name: "Gäste WLAN"},
                       ]
                    };
                    
                           //Subpage 1 von Subpages_2
                           let NSPanel_Infos: PageEntities =
                           {
                               "type": "cardEntities",
                               "heading": "NSPanel Infos",
                               "useColor": true,
                               "subPage": true,
                               "parent": Service,
                               "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,
                               '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,
                               '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}
                               ]
                           };
                    
                    export const config: Config = {
                        panelRecvTopic: 'mqtt.0.SmartHome.nspanel_D3D77C.tele.RESULT',       // anpassen
                       panelSendTopic: 'mqtt.0.SmartHome.nspanel_D3D77C.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} },
                       //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: 'light-switch', ScreensaverEntityOnColor: On, ScreensaverEntityOffColor: HMIOff  },
                       mrIcon2ScreensaverEntity: { ScreensaverEntity: 'mqtt.0.SmartHome.NSPanel_1.stat.POWER2', ScreensaverEntityIcon: 'lightbulb', ScreensaverEntityOnColor: On, ScreensaverEntityOffColor: HMIOff  },
                       timeoutScreensaver: 20,
                       screenSaverDoubleClick: true,
                       locale: 'de-DE',                    // en-US, de-DE, nl-NL, da-DK, es-ES, fr-FR, it-IT, ru-RU, etc.
                       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: HMIDark,    //New Parameter
                       temperatureUnit: '°C',
                       pages: [
                       		Licht,                //Lichtsteuerung Flur
                               Umwelt,
                               Service             //Auto-Alias Service Page
                       ],
                       subPages: [
                                   
                                   NSPanel_Infos,              //Auto-Alias Service Page
                                  // NSPanel_Einstellungen,      //Auto-Alias Service Page
                                   NSPanel_Firmware_Info,       //Auto-Alias Service Page
                                   Thermo,
                                   WLAN,
                                   Aussenlicht
                       ],
                       button1Page: null,   //Beispiel-Seite auf Button 1, wenn Rule2 definiert - Wenn nicht definiert --> button1Page: null, 
                       button2Page: null    //Beispiel-Seite auf Button 2, wenn Rule2 definiert - Wenn nicht definiert --> button1Page: null,
                    };
                    
                    // _________________________________ Ab hier keine Konfiguration mehr _____________________________________
                    
                    

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

                      @thomson

                      Das war nur auf die Frage bezogen, ob ein Passwort gesetzt ist?

                      Nee, die export const config: Config = { aus dem TS-Script würde ich gerne kurz betrachten

                      EDIT: sehe den Spoiler schon... danke

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

                        @thomson sagte in SONOFF NSPanel mit Lovelace UI:

                        mqtt.0.SmartHome.NSPanel_1.stat.POWER1

                        In deinem Spoiler (Zeile 157 und 158) die beiden Zeilen:

                           mrIcon1ScreensaverEntity: { ScreensaverEntity: 'mqtt.0.SmartHome.NSPanel_1.stat.POWER1', ScreensaverEntityIcon: 'light-switch', ScreensaverEntityOnColor: On, ScreensaverEntityOffColor: HMIOff  },
                           mrIcon2ScreensaverEntity: { ScreensaverEntity: 'mqtt.0.SmartHome.NSPanel_1.stat.POWER2', ScreensaverEntityIcon: 'lightbulb', ScreensaverEntityOnColor: On, ScreensaverEntityOffColor: HMIOff  },
                        

                        kurz ersetzen durch

                           mrIcon1ScreensaverEntity: { ScreensaverEntity: 'mqtt.0.SmartHome.nspanel_D3D77C.stat.POWER1', ScreensaverEntityIcon: 'light-switch', ScreensaverEntityOnColor: On, ScreensaverEntityOffColor: HMIOff  },
                           mrIcon2ScreensaverEntity: { ScreensaverEntity: 'mqtt.0.SmartHome.nspanel_D3D77C.stat.POWER2', ScreensaverEntityIcon: 'lightbulb', ScreensaverEntityOnColor: On, ScreensaverEntityOffColor: HMIOff  },
                        

                        Ich schätze mal, dass dein MQTT keinen Zugriff auf mein Panel hat 😉

                        Danach nochmal durchstarten und das Log erneut senden

                        T 1 Reply Last reply Reply Quote 1
                        • T
                          thomson @Armilar last edited by

                          @armilar

                          Aso.. Ups falsch verstanden. Ich habe kein Passwort gesetzt. Nun sind keine Fehler mehr im LOG.
                          Die Info mit den offenen Fenster hab ich auch hinbekommen.
                          Vielen Dank 🙂

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

                            @thomson

                            sehr gerne. Wir haben festgestellt, dass bei der Thermostat-Page im hinteren Bereich alle Zeichen des Payloads > 250 Zeichen abgeschnitten wurden. Das führt bei langen Alias-Namen zu Problemen (und wird mit nächster HMI korrigiert). In der Regel werden dadurch in der aktuellen HMI-Version nur die Labels abgeschnitten. Auf die Buttons dürfte das keinen Einfluss haben...

                            Du kannst aber dennoch von deinen HM-Thermostaten kurz eine Übersicht der Objekte senden, damit man sehen kann wie die Dinger funktionieren und was angesprochen werden muss...

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

                              @armilar Klar


                              734975de-13a4-4fa7-b2fd-33ad024340d9-image.png
                              899f0759-8796-486a-b67f-908e50decf24-image.png

                              b65442e1-22d8-4b89-9071-b472d74e3dde-image.png
                              IMG_1927.JPEG

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

                                @thomson

                                Perfekt - sehe ich mir an...

                                Du könntest mal deine function GenerateThermoPage suchen und mit dem Inhalt aus dem Spoiler austauschen. Dann setzten wir zumindest auf eine korrekte Logik auf und das Panel sollte auch Aktuell und Zustand an der richtigen Stelle anzeigen...

                                function GenerateThermoPage(page: PageThermo): Payload[] {
                                    try {
                                        let id = page.items[0].id
                                        let out_msgs: Array<Payload> = [];
                                        out_msgs.push({ payload: 'pageType~cardThermo' });
                                
                                        // ioBroker
                                        if (existsObject(id)) {
                                            let o = getObject(id);
                                            let name = page.heading !== undefined ? page.heading : o.common.name.de;
                                            let currentTemp = 0;
                                            if (existsState(id + '.ACTUAL')) {
                                                currentTemp = (Math.round(parseFloat(getState(id + '.ACTUAL').val) * 10) / 10);
                                            }
                                
                                            let minTemp = page.items[0].minValue !== undefined ? page.items[0].minValue : 50;   //Min Temp 5°C
                                            let maxTemp = page.items[0].maxValue !== undefined ? page.items[0].maxValue : 300;  //Max Temp 30°C
                                            let stepTemp = 5 // 0,5° Schritte
                                
                                            let destTemp = 0;
                                            if (existsState(id + '.SET')) {
                                                // using minValue, if .SET is null (e.g. for tado AWAY or tado is off)
                                                let setValue = getState(id + '.SET').val;
                                                if (setValue == null) {
                                                    setValue = minTemp;
                                                }
                                
                                                destTemp = setValue.toFixed(2) * 10;
                                            }
                                            let statusStr: String = 'MANU';
                                            let status = '';
                                            if (existsState(id + '.MODE')) {
                                                status = getState(id + '.MODE').val;    // FixMe: Variable status is never used!
                                            }
                                
                                            //Attribute hinzufügen, wenn im Alias definiert
                                            let i_list = Array.prototype.slice.apply($('[state.id="' + id + '.*"]'));
                                            let bt = ['~~~~', '~~~~', '~~~~', '~~~~', '~~~~', '~~~~', '~~~~', '~~~~', '~~~~'];
                                            if ((i_list.length - 3) != 0) {
                                
                                                let i = 0;
                                
                                                if (o.common.role == 'thermostat') {
                                
                                                    if (existsState(id + '.AUTOMATIC') && getState(id + '.AUTOMATIC').val != null) {
                                                        if (getState(id + '.AUTOMATIC').val) {
                                                            bt[i++] = Icons.GetIcon('alpha-a-circle') + '~' + rgb_dec565(On) + '~1~' + 'AUTT' + '~';
                                                            statusStr = 'AUTO';
                                                        } else {
                                                            bt[i++] = Icons.GetIcon('alpha-a-circle') + '~33840~1~' + 'AUTT' + '~';
                                                        }
                                                    }
                                                    if (existsState(id + '.MANUAL') && getState(id + '.MANUAL').val != null) {
                                                        if (getState(id + '.MANUAL').val) {
                                                            bt[i++] = Icons.GetIcon('alpha-m-circle') + '~' + rgb_dec565(On) + '~1~' + 'MANT' + '~';
                                                            statusStr = 'MANU';
                                                        } else {
                                                            bt[i++] = Icons.GetIcon('alpha-m-circle') + '~33840~1~' + 'MANT' + '~';
                                                        }
                                                    }
                                                    if (existsState(id + '.PARTY') && getState(id + '.PARTY').val != null) {
                                                        if (getState(id + '.PARTY').val) {
                                                            bt[i++] = Icons.GetIcon('party-popper') + '~' + rgb_dec565(On) + '~1~' + 'PART' + '~';
                                                            statusStr = 'PARTY';
                                                        } else {
                                                            bt[i++] = Icons.GetIcon('party-popper') + '~33840~1~' + 'PART' + '~';
                                                        }
                                                    }
                                                    if (existsState(id + '.VACATION') && getState(id + '.VACATION').val != null) {
                                                        if (getState(id + '.VACATION').val) {
                                                            bt[i++] = Icons.GetIcon('palm-tree') + '~' + rgb_dec565(On) + '~1~' + 'VACT' + '~';
                                                            statusStr = 'VAC';
                                                        } else {
                                                            bt[i++] = Icons.GetIcon('palm-tree') + '~33840~1~' + 'VACT' + '~';
                                                        }
                                                    }
                                                    if (existsState(id + '.BOOST') && getState(id + '.BOOST').val != null) {
                                                        if (getState(id + '.BOOST').val) {
                                                            bt[i++] = Icons.GetIcon('fast-forward-60') + '~' + rgb_dec565(On) + '~1~' + 'BOOT' + '~';
                                                            statusStr = 'BOOST';
                                                        } else {
                                                            bt[i++] = Icons.GetIcon('fast-forward-60') + '~33840~1~' + 'BOOT' + '~';
                                                        }
                                                    }
                                
                                                    for (let i_index in i_list) {
                                                        let thermostatState = i_list[i_index].split('.');
                                                        if (
                                                            thermostatState[thermostatState.length - 1] != 'SET' &&
                                                            thermostatState[thermostatState.length - 1] != 'ACTUAL' &&
                                                            thermostatState[thermostatState.length - 1] != 'MODE'
                                                        ) {
                                                            i++;
                                
                                                            switch (thermostatState[thermostatState.length - 1]) {
                                                                case 'HUMIDITY':
                                                                    if (existsState(id + '.HUMIDITY') && getState(id + '.HUMIDITY').val != null) {
                                                                        if (parseInt(getState(id + '.HUMIDITY').val) < 40) {
                                                                            bt[i - 1] = Icons.GetIcon('water-percent') + '~65504~1~' + 'HUM' + '~';
                                                                        } else if (parseInt(getState(id + '.HUMIDITY').val) < 30) {
                                                                            bt[i - 1] = Icons.GetIcon('water-percent') + '~63488~1~' + 'HUM' + '~';
                                                                        } else if (parseInt(getState(id + '.HUMIDITY').val) >= 40) {
                                                                            bt[i - 1] = Icons.GetIcon('water-percent') + '~2016~1~' + 'HUM' + '~';
                                                                        } else if (parseInt(getState(id + '.HUMIDITY').val) > 65) {
                                                                            bt[i - 1] = Icons.GetIcon('water-percent') + '~65504~1~' + 'HUM' + '~';
                                                                        } else if (parseInt(getState(id + '.HUMIDITY').val) > 75) {
                                                                            bt[i - 1] = Icons.GetIcon('water-percent') + '~63488~1~' + 'HUM' + '~';
                                                                        }
                                                                    } else i--;
                                                                    break;
                                                                case 'LOWBAT':
                                                                    if (existsState(id + '.LOWBAT') && getState(id + '.LOWBAT').val != null) {
                                                                        if (getState(id + '.LOWBAT').val) {
                                                                            bt[i - 1] = Icons.GetIcon('battery-low') + '~63488~1~' + 'LBAT' + '~';
                                                                        } else {
                                                                            bt[i - 1] = Icons.GetIcon('battery-high') + '~2016~1~' + 'LBAT' + '~';
                                                                        }
                                                                    } else i--;
                                                                    break;
                                                                case 'MAINTAIN':
                                                                    if (existsState(id + '.MAINTAIN') && getState(id + '.MAINTAIN').val != null) {
                                                                        if (getState(id + '.MAINTAIN').val >> .1) {
                                                                            bt[i - 1] = Icons.GetIcon('account-wrench') + '~60897~1~' + 'MAIN' + '~';
                                                                        } else {
                                                                            bt[i - 1] = Icons.GetIcon('account-wrench') + '~33840~1~' + 'MAIN' + '~';
                                                                        }
                                                                    } else i--;
                                                                    break;
                                                                case 'UNREACH':
                                                                    if (existsState(id + '.UNREACH') && getState(id + '.UNREACH').val != null) {
                                                                        if (getState(id + '.UNREACH').val) {
                                                                            bt[i - 1] = Icons.GetIcon('wifi-off') + '~63488~1~' + 'WLAN' + '~';
                                                                        } else {
                                                                            bt[i - 1] = Icons.GetIcon('wifi') + '~2016~1~' + 'WLAN' + '~';
                                                                        }
                                                                    } else i--;
                                                                    break;
                                                                case 'POWER':
                                                                    if (existsState(id + '.POWER') && getState(id + '.POWER').val != null) {
                                                                        if (getState(id + '.POWER').val) {
                                                                            bt[i - 1] = Icons.GetIcon('power-standby') + '~2016~1~' + 'POW' + '~';
                                                                        } else {
                                                                            bt[i - 1] = Icons.GetIcon('power-standby') + '~33840~1~' + 'POW' + '~';
                                                                        }
                                                                    } else i--;
                                                                    break;
                                                                case 'ERROR':
                                                                    if (existsState(id + '.ERROR') && getState(id + '.ERROR').val != null) {
                                                                        if (getState(id + '.ERROR').val) {
                                                                            bt[i - 1] = Icons.GetIcon('alert-circle') + '~63488~1~' + 'ERR' + '~';
                                                                        } else {
                                                                            bt[i - 1] = Icons.GetIcon('alert-circle') + '~33840~1~' + 'ERR' + '~';
                                                                        }
                                                                    } else i--;
                                                                    break;
                                                                case 'WORKING':
                                                                    if (existsState(id + '.WORKING') && getState(id + '.WORKING').val != null) {
                                                                        if (getState(id + '.WORKING').val) {
                                                                            bt[i - 1] = Icons.GetIcon('briefcase-check') + '~2016~1~' + 'WORK' + '~';
                                                                        } else {
                                                                            bt[i - 1] = Icons.GetIcon('briefcase-check') + '~33840~1~' + 'WORK' + '~';
                                                                        }
                                                                    } else i--;
                                                                    break;
                                                                default:
                                                                    i--;
                                                                    break;
                                                            }
                                                        }
                                                    }
                                
                                                    for (let j = i; j < 9; j++) {
                                                        bt[j] = '~~~~';
                                                    }
                                                }
                                
                                                if (o.common.role == 'airCondition') {
                                                    if (existsState(id + '.MODE') && getState(id + '.MODE').val != null) {
                                                        let Mode = getState(id + '.MODE').val
                                                        if (existsState(id + '.POWER') && getState(id + '.POWER').val != null) {
                                                            if (Mode != 0 || getState(id + '.POWER').val) {                                 //0=ON oder .POWER = true
                                                                bt[0] = Icons.GetIcon('power-standby') + '~2016~1~' + 'POWER' + '~';
                                                                statusStr = 'ON';
                                                            } else {
                                                                bt[0] = Icons.GetIcon('power-standby') + '~35921~0~' + 'POWER' + '~';
                                                                statusStr = 'OFF';
                                                            }
                                                        }
                                                        if (Mode == 1) {                                                                //1=AUTO
                                                            bt[1] = Icons.GetIcon('air-conditioner') + '~1024~1~' + 'AUTO' + '~';
                                                            statusStr = 'AUTO';
                                                        } else {
                                                            bt[1] = Icons.GetIcon('air-conditioner') + '~35921~0~' + 'AUTO' + '~';
                                                        }
                                                        if (Mode == 2) {                                                                //2=COOL
                                                            bt[2] = Icons.GetIcon('snowflake') + '~11487~1~' + 'COOL' + '~';
                                                            statusStr = 'COOL';
                                                        } else {
                                                            bt[2] = Icons.GetIcon('snowflake') + '~35921~0~' + 'COOL' + '~';
                                                        }
                                                        if (Mode == 3) {                                                                //3=HEAT
                                                            bt[3] = Icons.GetIcon('fire') + '~64512~1~' + 'HEAT' + '~';
                                                            statusStr = 'HEAT';
                                                        } else {
                                                            bt[3] = Icons.GetIcon('fire') + '~35921~0~' + 'HEAT' + '~';
                                                        }
                                                        if (Mode == 4) {                                                                //4=ECO
                                                            bt[4] = Icons.GetIcon('alpha-e-circle-outline') + '~2016~1~' + 'ECO' + '~';
                                                            statusStr = 'ECO';
                                                        } else {
                                                            bt[4] = Icons.GetIcon('alpha-e-circle-outline') + '~35921~0~' + 'ECO' + '~';
                                                        }
                                                        if (Mode == 5) {                                                                //5=FANONLY
                                                            bt[5] = Icons.GetIcon('fan') + '~11487~1~' + 'FAN' + '~';
                                                            statusStr = 'FAN ONLY';
                                                        } else {
                                                            bt[5] = Icons.GetIcon('fan') + '~35921~0~' + 'FAN' + '~';
                                                        }
                                                        if (Mode == 6) {                                                                //6=DRY
                                                            bt[6] = Icons.GetIcon('water-percent') + '~60897~1~' + 'DRY' + '~';
                                                            statusStr = 'DRY';
                                                        } else {
                                                            bt[6] = Icons.GetIcon('water-percent') + '~35921~0~' + 'DRY' + '~';
                                                        }
                                                        if (existsState(id + '.SWING') && getState(id + '.SWING').val != null) {
                                                            if (getState(id + '.POWER').val && getState(id + '.SWING').val == 1) {          //0=ON oder .SWING = true
                                                                bt[7] = Icons.GetIcon('swap-vertical-bold') + '~2016~1~' + 'SWING' + '~';
                                                            } else {
                                                                bt[7] = Icons.GetIcon('swap-vertical-bold') + '~35921~0~' + 'SWING' + '~';
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                
                                            let destTemp2 = ''
                                            if (page.items[0].setThermoDestTemp2 != undefined) {
                                                destTemp2 = getState(id + '.' + page.items[0].setThermoDestTemp2).val;
                                            }
                                
                                            let thermoPopup = 0
                                            if (page.items[0].popupThermoMode1 != undefined) {
                                                thermoPopup = 1;
                                            }
                                            
                                
                                            let icon_res = bt[0] + bt[1] + bt[2] + bt[3] + bt[4] + bt[5] + bt[6] + bt[7];
                                
                                            out_msgs.push({
                                                payload: 'entityUpd~'
                                                    + name + '~'                                        // Heading
                                                    + GetNavigationString(pageId) + '~'                 // Page Navigation
                                                    + id + '~'                                          // internalNameEntity
                                                    + currentTemp + config.temperatureUnit + '~'        // Ist-Temperatur (String)
                                                    + destTemp + '~'                                    // Soll-Temperatur (numerisch ohne Komma)
                                                    + statusStr + '~'                                   // Mode
                                                    + minTemp + '~'                                     // Thermostat Min-Temperatur
                                                    + maxTemp + '~'                                     // Thermostat Max-Temperatur
                                                    + stepTemp + '~'                                    // Schritte für Soll (5°C)
                                                    + icon_res                                      // Icons Status
                                                    + findLocale('thermostat', 'Currently') + '~'       // Bezeichner vor Aktueller Raumtemperatur
                                                    + findLocale('thermostat', 'State') + '~~'           // Bezeichner vor State
                                                    + config.temperatureUnit + '~'                      // iconTemperature dstTempTwoTempMode
                                                    + destTemp2 + '~'                                   // dstTempTwoTempMode --> Wenn Wert, dann 2 Temp
                                                    + thermoPopup                                       // PopUp
                                
                                            });
                                
                                        }
                                
                                        if (Debug) {
                                            console.log(out_msgs);
                                        }
                                        return out_msgs
                                    } catch (err) {
                                        console.warn('function GenerateThermoPage: ' + err.message);
                                    }
                                }
                                

                                Sollte dann etwa so aussehen:

                                22d80dce-ece7-45d8-a665-db9b0ee94c7c-image.png

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

                                  @thomson

                                  In dem Post ist ein Blockly für die HM-Thermostate enthalten.
                                  https://forum.iobroker.net/post/912770

                                  Versuche das mal so umzusetzen. Ein paar Beiträge weiter oben drüber ist auch noch etwas Content.

                                  Ich habe leider nie eine Rückmeldung hierzu bekommen. Falls es nicht ganz passt, kurz melden...

                                  EDIT: Da die Homatic-Thermostate (nicht IP) anscheinen die kompliziertesten Thermostate sind, würde mich anschließend eine funktionierende Lösung für die WIKI interessieren. Wird bestimmt noch weitere User mit den Dingern geben...

                                  T K 2 Replies Last reply Reply Quote 0
                                  • T
                                    TT-Tom @Armilar last edited by TT-Tom

                                    @armilar
                                    Hi ich habe auch Homematic Thermostate, nur es sind IP Geräte. Ich habe bei den ersten Tests mit den Adapter festgestellt, das sie unterschiedlich mit dem Mode umgehen. Aktuell nutze ich dem HMIP Adapter. Die Struktur ist auch von den Thermostaten abhängig. Bei mir ist Boost und Party ein separater Datenpunkt.
                                    Man wird vor dem Alias immer irgendwie eine Anpassung mit einem Skript machen müssen.

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

                                      @tt-tom

                                      Ja, die HMIP habe ich auch. Die ticken aber komplett anders als die HM.

                                      André Koschnik 1 Reply Last reply Reply Quote 1
                                      • André Koschnik
                                        André Koschnik @Armilar last edited by

                                        Hallo zusammen,

                                        hab erfolgreich mein NS Panel gestern in betrieb genommen und wollte mit gern eine PagePower erstellen.
                                        Ich habe einen Info Alias erstellt und in mit der Datenpunkt verknüpft.

                                        let CardPowerExample: PagePower =
                                        {
                                            "type": "cardPower",
                                            "heading": "cardPower Emulator",
                                            "useColor": true,
                                            "subPage": false,
                                            "parent": undefined,
                                            "items": [
                                                <PageItem>{ id: 'alias.0.Sensoren.PagePower' },
                                            ]
                                        };
                                        

                                        und mit folgendem inhalt gefütter ( das sind die aus der beschreibung)

                                        [
                                          {
                                            "id": 1,
                                            "value": 3,
                                            "unit": "kW",
                                            "direction": "in",
                                            "icon": "battery-charging-60",
                                            "iconColor": 10,
                                            "speed": -3
                                          },
                                          {
                                            "id": 2,
                                            "value": 6.1,
                                            "unit": "kW",
                                            "direction": "in",
                                            "icon": "solar-power-variant",
                                            "iconColor": 1,
                                            "speed": 3
                                          },
                                          {
                                            "id": 3,
                                            "value": 4.9,
                                            "unit": "kW",
                                            "direction": "in",
                                            "icon": "wind-turbine",
                                            "iconColor": 0,
                                            "speed": 3
                                          },
                                          {
                                            "id": 4,
                                            "value": 1.6,
                                            "unit": "kW",
                                            "direction": "in",
                                            "icon": "shape",
                                            "iconColor": 10,
                                            "speed": 3
                                          },
                                          {
                                            "id": 5,
                                            "value": 6.4,
                                            "unit": "kW",
                                            "direction": "in",
                                            "icon": "transmission-tower",
                                            "iconColor": 0,
                                            "speed": 2
                                          },
                                          {
                                            "id": 6,
                                            "value": 0,
                                            "unit": "kW",
                                            "direction": "in",
                                            "icon": "car",
                                            "iconColor": 0,
                                            "speed": 3
                                          }
                                        ]
                                        

                                        leider bekomme ich immer fehler kann mir jemand weiterhelfen?

                                        15:55:28.869	info	javascript.0 (23873) script.js.house.panel.NsPanelTs_0: compiling TypeScript source...
                                        15:55:29.512	info	javascript.0 (23873) script.js.house.panel.NsPanelTs_0: source code did not change, using cached compilation result...
                                        15:55:29.566	info	javascript.0 (23873) script.js.house.panel.NsPanelTs_0: Wetter-Alias existiert bereits
                                        15:55:29.610	info	javascript.0 (23873) script.js.house.panel.NsPanelTs_0: registered 20 subscriptions, 7 schedules, 0 messages, 0 logs and 0 file subscriptions
                                        15:55:30.313	warn	javascript.0 (23873) script.js.house.panel.NsPanelTs_0: function GeneratePowerPage: Cannot read properties of undefined (reading 'iconColor')
                                        15:55:30.314	warn	javascript.0 (23873) script.js.house.panel.NsPanelTs_0: function SendToPanel: Cannot read properties of undefined (reading 'payload')
                                        15:55:33.449	info	javascript.0 (23873) Stop script script.js.house.panel.NsPanelTs_0
                                        
                                        Armilar 1 Reply Last reply Reply Quote 0
                                        • Armilar
                                          Armilar Most Active Forum Testing @André Koschnik last edited by Armilar

                                          @andré-koschnik

                                          Ist noch nicht beschrieben, aber du benötigst ebenfalls eine "id": 0,

                                          Beispiel:

                                          [
                                            {
                                              "id": 0,
                                              "value": 13,
                                              "unit": "kW",
                                              "icon": "emoticon-happy-outline",
                                              "iconColor": 0
                                            },
                                            {
                                              "id": 1,
                                              "value": 3,
                                              "unit": "kW",
                                              "direction": "in",
                                              "icon": "battery-charging-60",
                                              "iconColor": 10,
                                              "speed": -3
                                            },
                                            {
                                              "id": 2,
                                              "value": 4.7,
                                              "unit": "kW",
                                              "direction": "in",
                                              "icon": "solar-power-variant",
                                              "iconColor": 3,
                                              "speed": 2
                                            },
                                            {
                                              "id": 3,
                                              "value": 4.3,
                                              "unit": "kW",
                                              "direction": "in",
                                              "icon": "wind-turbine",
                                              "iconColor": 1,
                                              "speed": 3
                                            },
                                            {
                                              "id": 4,
                                              "value": 3.4,
                                              "unit": "kW",
                                              "direction": "in",
                                              "icon": "shape",
                                              "iconColor": 10,
                                              "speed": 3
                                            },
                                            {
                                              "id": 5,
                                              "value": 0.1,
                                              "unit": "kW",
                                              "direction": "in",
                                              "icon": "transmission-tower",
                                              "iconColor": 0,
                                              "speed": 2
                                            },
                                            {
                                              "id": 6,
                                              "value": 2.5,
                                              "unit": "kW",
                                              "direction": "in",
                                              "icon": "car",
                                              "iconColor": 5,
                                              "speed": 2
                                            }
                                          ]
                                          

                                          Wenn du das Beispiel in den Datenpunkt kopierst, dann sollte die aber etwas anzeigen...

                                          André Koschnik C 2 Replies Last reply Reply Quote 0
                                          • André Koschnik
                                            André Koschnik @Armilar last edited by

                                            @armilar
                                            alles klar, ein array fängt mit Eintrag 0 an. ist getestet und funktioniert bei mir
                                            Danke

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            729
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

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