Skip to content
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Hardware
  4. SONOFF NSPanel mit Lovelace UI

NEWS

  • Wartung am 15.11. – Forum ab 22:00 Uhr nicht erreichbar
    BluefoxB
    Bluefox
    11
    2
    215

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    7.9k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    1.7k

SONOFF NSPanel mit Lovelace UI

SONOFF NSPanel mit Lovelace UI

Scheduled Pinned Locked Moved Hardware
lovelace uinspanelsonoff
7.7k Posts 271 Posters 6.7m Views 253 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • T TT-Tom

    @danny_v1
    warum stürzt bei dir Accuweather ab. Läuft bei mir problemlos. Du darfst mit dem API Schlüssel nur eine Instanz laufen lassen.

    D Offline
    D Offline
    danny_v1
    wrote on last edited by
    #3688

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

    @danny_v1
    warum stürzt bei dir Accuweather ab. Läuft bei mir problemlos. Du darfst mit dem API Schlüssel nur eine Instanz laufen lassen.

    Das hab ich noch nicht herausgefunden. Ja hab nur eine Instanz laufen.

    T 1 Reply Last reply
    0
    • T TT-Tom

      @danny_v1

      zeige mal die Datenpunkte die du anzeigen möchtest

      D Offline
      D Offline
      danny_v1
      wrote on last edited by
      #3689

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

      @danny_v1

      zeige mal die Datenpunkte die du anzeigen möchtest

      Bin gerade nicht an der Anlage. Aber z.B. nur Fenster die offen sind, oder nur Sensoren die nicht erreichbar sind, oder Batterien die unter 10% haben.

      1 Reply Last reply
      0
      • F Futty

        @tt-tom
        Mit der Info "könnte am Script selbst liegen" hab ich den Script nun auch mal durchforstet und glaube das Case von dir passt und dient lediglich der Anzeige bzw. Initialisierung.

        Wenn ich mir den Log noch einmal anschaue:

        6.9.2023, 00:20:44.967	[info ]: javascript.0 (2440423) script.js.common.NSPanel: HandleButtonEvent übergebene Werte event - buttonPress2 - alias.0.NSPanel.1.ThermostatWohnbereich - hvac_action - POW - PageId: 1
        6.9.2023, 00:20:44.968	[info ]: javascript.0 (2440423) script.js.common.NSPanel: HandleButtonEvent buttonAction: hvac_action
        6.9.2023, 00:20:44.979	[info ]: javascript.0 (2440423) script.js.common.NSPanel: GetNavigationString Übergabe pageId: 1
        6.9.2023, 00:20:44.980	[info ]: javascript.0 (2440423) script.js.common.NSPanel: thermostat - Currently
        6.9.2023, 00:20:44.985	[info ]: javascript.0 (2440423) script.js.common.NSPanel: thermostat - State
        6.9.2023, 00:20:44.989	[info ]: javascript.0 (2440423) script.js.common.NSPanel: GenerateThermoPage payload: [object Object],[object Object]
        6.9.2023, 00:20:44.991	[info ]: javascript.0 (2440423) script.js.common.NSPanel: function SendToPanel payload: pageType~cardThermo
        6.9.2023, 00:20:44.992	[info ]: javascript.0 (2440423) script.js.common.NSPanel: function SendToPanel payload: entityUpd~Thermostat~button~bPrev~~65535~~~button~bNext~~65535~~~alias.0.NSPanel.1.ThermostatWohnbereich~22.4°C~220~MANU~50~300~5~~2016~1~POW~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Aktuell~Zustand~~°C~~1
        6.9.2023, 00:20:44.992	[info ]: javascript.0 (2440423) script.js.common.NSPanel: HandleMessage -> buttonPress2 event - buttonPress2 - alias.0.NSPanel.1.ThermostatWohnbereich - hvac_action - POW
        

        Dürfte die Action "hvac_action" sein, welche das Bit (nach meinem Verständnis) beschreiben sollte...
        Im Script sieht das dann so aus:

        switch (buttonAction) {
        .
        .
        .
                case 'hvac_action':
                        if (words[4] == 'BOOT' || words[4] == 'PART' || words[4] == 'AUTT' || words[4] == 'MANT' || words[4] == 'VACT') {
                            switch (words[4]) {
                                case 'BOOT':
                                    setIfExists(words[2] + '.' + 'BOOST', !getState(words[2] + '.' + 'BOOST').val);
                                    break;
                                case 'PART':
                                    setIfExists(words[2] + '.' + 'PARTY', !getState(words[2] + '.' + 'PARTY').val);
                                    break;
                                case 'AUTT':
                                    setIfExists(words[2] + '.' + 'AUTOMATIC', !getState(words[2] + '.' + 'AUTOMATIC').val);
                                    break;
                                case 'MANT':
                                    setIfExists(words[2] + '.' + 'MANUAL', !getState(words[2] + '.' + 'MANUAL').val);
                                    break;
                                case 'VACT':
                                    setIfExists(words[2] + '.' + 'VACATION', !getState(words[2] + '.' + 'VACATION').val);
                                    break;
                            }
                            let modes = ['BOOT', 'PART', 'AUTT', 'MANT', 'VACT'];
                            let modesDP = ['BOOST', 'PARTY', 'AUTOMATIC', 'MANUAL', 'VACATION'];
                            for (let mode=0; mode < 5; mode++) {
                                if (words[4] != modes[mode]) {
                                    setIfExists(words[2] + '.' + modesDP[mode], false);
                                }
                            }
                            GeneratePage(activePage);
                        } else {
                            let HVACMode = getState(words[2] + '.MODE').val;
        
                            // Event ist an ein eigenes Objekt gebunden
                            if(existsObject(words[2] + '.' + words[4])) {
                                switch(words[4]) {
                                    case 'SWING':
                                        if (getState(words[2] + '.SWING').val == 0) {
                                            setIfExists(words[2] + '.SWING', 1);
                                        } else {
                                            setIfExists(words[2] + '.' + 'SWING', 0);
                                        }
                                        break;
                                    default: // Power und Eco koennen einfach getoggelt werden
                                        setIfExists(words[2] + '.' + words[4], !getState(words[2] + '.' + words[4]).val);
                                        break;
                                }
                            }
        
                            // Event ist ein Modus der Liste (Moduswechsel)
                            let HVACModeList = getObject(words[2] + '.MODE').common.states;
                            for(const statekey in HVACModeList) {
                                if(HVACModeList[statekey] == words[4]) {
                                    HVACMode = parseInt(statekey);
                                    break;
                                }
                            }
                            
                            setIfExists(words[2] + '.' + 'MODE', HVACMode);
                            GeneratePage(activePage);
                        }
                        break;
        

        Meine Vermutung:
        POWER oder POW wird hier gar nicht ausgewertet...

        Ich versuche mal deine Idee und wenn das nicht klappt versuche ich das an meiner "Fundstelle" im Script zu implementieren.
        Danke für den Hinweis

        F Offline
        F Offline
        Futty
        wrote on last edited by
        #3690

        @TT-Tom

        case 'hvac_action':
                        if (words[4] == 'BOOT' || words[4] == 'PART' || words[4] == 'AUTT' || words[4] == 'MANT' || words[4] == 'VACT' || words[4] == 'POW') {
        
                            switch (words[4]) {
                                case 'BOOT':
                                    setIfExists(words[2] + '.' + 'BOOST', !getState(words[2] + '.' + 'BOOST').val);
                                    break;
                                case 'PART':
                                    setIfExists(words[2] + '.' + 'PARTY', !getState(words[2] + '.' + 'PARTY').val);
                                    break;
                                case 'AUTT':
                                    setIfExists(words[2] + '.' + 'AUTOMATIC', !getState(words[2] + '.' + 'AUTOMATIC').val);
                                    break;
                                case 'MANT':
                                    setIfExists(words[2] + '.' + 'MANUAL', !getState(words[2] + '.' + 'MANUAL').val);
                                    break;
                                case 'VACT':
                                    setIfExists(words[2] + '.' + 'VACATION', !getState(words[2] + '.' + 'VACATION').val);
                                    break;
                                case 'POW':
                                    setIfExists(words[2] + '.' + 'POWER', !getState(words[2] + '.' + 'POWER').val);
                                    break;
                            }
        

        hab es nun so zum laufen bekommen,
        also die komplette case 'POW' unten ins switch (words[4]) { und oben in der IF-Abrage noch verodert das words[4] == 'POW' am Ende hinzugefügt.

        Danke für den Tipp mit dem Script.

        1 Reply Last reply
        0
        • F Futty

          @tt-tom
          Mit der Info "könnte am Script selbst liegen" hab ich den Script nun auch mal durchforstet und glaube das Case von dir passt und dient lediglich der Anzeige bzw. Initialisierung.

          Wenn ich mir den Log noch einmal anschaue:

          6.9.2023, 00:20:44.967	[info ]: javascript.0 (2440423) script.js.common.NSPanel: HandleButtonEvent übergebene Werte event - buttonPress2 - alias.0.NSPanel.1.ThermostatWohnbereich - hvac_action - POW - PageId: 1
          6.9.2023, 00:20:44.968	[info ]: javascript.0 (2440423) script.js.common.NSPanel: HandleButtonEvent buttonAction: hvac_action
          6.9.2023, 00:20:44.979	[info ]: javascript.0 (2440423) script.js.common.NSPanel: GetNavigationString Übergabe pageId: 1
          6.9.2023, 00:20:44.980	[info ]: javascript.0 (2440423) script.js.common.NSPanel: thermostat - Currently
          6.9.2023, 00:20:44.985	[info ]: javascript.0 (2440423) script.js.common.NSPanel: thermostat - State
          6.9.2023, 00:20:44.989	[info ]: javascript.0 (2440423) script.js.common.NSPanel: GenerateThermoPage payload: [object Object],[object Object]
          6.9.2023, 00:20:44.991	[info ]: javascript.0 (2440423) script.js.common.NSPanel: function SendToPanel payload: pageType~cardThermo
          6.9.2023, 00:20:44.992	[info ]: javascript.0 (2440423) script.js.common.NSPanel: function SendToPanel payload: entityUpd~Thermostat~button~bPrev~~65535~~~button~bNext~~65535~~~alias.0.NSPanel.1.ThermostatWohnbereich~22.4°C~220~MANU~50~300~5~~2016~1~POW~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Aktuell~Zustand~~°C~~1
          6.9.2023, 00:20:44.992	[info ]: javascript.0 (2440423) script.js.common.NSPanel: HandleMessage -> buttonPress2 event - buttonPress2 - alias.0.NSPanel.1.ThermostatWohnbereich - hvac_action - POW
          

          Dürfte die Action "hvac_action" sein, welche das Bit (nach meinem Verständnis) beschreiben sollte...
          Im Script sieht das dann so aus:

          switch (buttonAction) {
          .
          .
          .
                  case 'hvac_action':
                          if (words[4] == 'BOOT' || words[4] == 'PART' || words[4] == 'AUTT' || words[4] == 'MANT' || words[4] == 'VACT') {
                              switch (words[4]) {
                                  case 'BOOT':
                                      setIfExists(words[2] + '.' + 'BOOST', !getState(words[2] + '.' + 'BOOST').val);
                                      break;
                                  case 'PART':
                                      setIfExists(words[2] + '.' + 'PARTY', !getState(words[2] + '.' + 'PARTY').val);
                                      break;
                                  case 'AUTT':
                                      setIfExists(words[2] + '.' + 'AUTOMATIC', !getState(words[2] + '.' + 'AUTOMATIC').val);
                                      break;
                                  case 'MANT':
                                      setIfExists(words[2] + '.' + 'MANUAL', !getState(words[2] + '.' + 'MANUAL').val);
                                      break;
                                  case 'VACT':
                                      setIfExists(words[2] + '.' + 'VACATION', !getState(words[2] + '.' + 'VACATION').val);
                                      break;
                              }
                              let modes = ['BOOT', 'PART', 'AUTT', 'MANT', 'VACT'];
                              let modesDP = ['BOOST', 'PARTY', 'AUTOMATIC', 'MANUAL', 'VACATION'];
                              for (let mode=0; mode < 5; mode++) {
                                  if (words[4] != modes[mode]) {
                                      setIfExists(words[2] + '.' + modesDP[mode], false);
                                  }
                              }
                              GeneratePage(activePage);
                          } else {
                              let HVACMode = getState(words[2] + '.MODE').val;
          
                              // Event ist an ein eigenes Objekt gebunden
                              if(existsObject(words[2] + '.' + words[4])) {
                                  switch(words[4]) {
                                      case 'SWING':
                                          if (getState(words[2] + '.SWING').val == 0) {
                                              setIfExists(words[2] + '.SWING', 1);
                                          } else {
                                              setIfExists(words[2] + '.' + 'SWING', 0);
                                          }
                                          break;
                                      default: // Power und Eco koennen einfach getoggelt werden
                                          setIfExists(words[2] + '.' + words[4], !getState(words[2] + '.' + words[4]).val);
                                          break;
                                  }
                              }
          
                              // Event ist ein Modus der Liste (Moduswechsel)
                              let HVACModeList = getObject(words[2] + '.MODE').common.states;
                              for(const statekey in HVACModeList) {
                                  if(HVACModeList[statekey] == words[4]) {
                                      HVACMode = parseInt(statekey);
                                      break;
                                  }
                              }
                              
                              setIfExists(words[2] + '.' + 'MODE', HVACMode);
                              GeneratePage(activePage);
                          }
                          break;
          

          Meine Vermutung:
          POWER oder POW wird hier gar nicht ausgewertet...

          Ich versuche mal deine Idee und wenn das nicht klappt versuche ich das an meiner "Fundstelle" im Script zu implementieren.
          Danke für den Hinweis

          T Offline
          T Offline
          TT-Tom
          wrote on last edited by
          #3691

          @futty sagte in SONOFF NSPanel mit Lovelace UI:

                                      default: // Power und Eco koennen einfach getoggelt werden
                                          setIfExists(words[2] + '.' + words[4], !getState(words[2] + '.' + words[4]).val);
                                          break;
          
          

          das Problem liegt eigentlich hier. words[2] ist der Alias Pfad und words[4] der DatenPunkt

          HandleButtonEvent übergebene Werte event - buttonPress2 - alias.0.NSPanel.1.ThermostatWohnbereich - hvac_action - ç - PageId: 1
          
          • words[0]=event
          • words[1]=buttonPress2
          • words[2]=alias.0.NSPanel.1.ThermostatWohnbereich
          • words[3]=hvac_action
          • words[4]=POW

          darum ergibt der Befehl übersetzt

          setIfExists('alias.0.NSPanel.1.ThermostatWohnbereich.POW', !getState('alias.0.NSPanel.1.ThermostatWohnbereich.POW').val);
          

          und da es diesen DP nicht gibt, passiert auch nix.

          Darum bitte mal meinen Vorschlag testen.

          Gruß Tom
          https://github.com/tt-tom17
          Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

          NSPanel Script Wiki
          https://github.com/joBr99/nspanel-lovelace-ui/wiki

          NSPanel Adapter Wiki
          https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

          F 1 Reply Last reply
          1
          • D danny_v1

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

            @danny_v1
            warum stürzt bei dir Accuweather ab. Läuft bei mir problemlos. Du darfst mit dem API Schlüssel nur eine Instanz laufen lassen.

            Das hab ich noch nicht herausgefunden. Ja hab nur eine Instanz laufen.

            T Offline
            T Offline
            TT-Tom
            wrote on last edited by
            #3692

            @danny_v1
            hast du dir mal einen neuen API Schlüssel erstellt?

            Gruß Tom
            https://github.com/tt-tom17
            Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

            NSPanel Script Wiki
            https://github.com/joBr99/nspanel-lovelace-ui/wiki

            NSPanel Adapter Wiki
            https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

            D 1 Reply Last reply
            0
            • T TT-Tom

              @niiccooo1

              ich hatte mal dieses Script genutzt und als Typ dann Hue. Es legt dir Datenpunkte unter 0_userdata an, die musst du dann mit dem Alias verknüpfen.
              teste mal

              // ##############################
              // ######### DutchmanNL #########
              // ###### HSV Color to HEX ######
              // ############ V1.0 ############
              // ##############################
              
              // Add the state containing HEX values here :
              const colorSourceHex = [
                     // Beispiel Zigbee 'zigbee.0.group_2.color', 
                     'wled.0.4c11ae0dce1e.seg.0.col.0_HEX', //  WLED_TV
                     'wled.0.4c11ae0dd3ac.seg.0.col.0_HEX', //  WLED_links
                     'wled.0.4c11ae0dd0a3.seg.0.col.0_HEX'  //  WLED_Mitte 
              ];
              
              // #####################################
              // ## Don't change anything from here ##
              // #####################################
              
              // Prepare variables
              const mySubscription = {}, debounceTimer = {};
              
              // Create Folder structure
              extendObjectAsync(`0_userdata.0.HEXtoHSL` , {
                 "type": "folder",
                 "common": {
                 "name": 'Convert HEX to HSL color',
                     "role": "",
                     "icon": "",
              },
                 "native": {},
              });
              
              // Read all array objects, create new state in javascript instance and subscribe on changes
              for (const device in colorSourceHex) {
              
                 // Define folder structure in userdata directory
                 const statePrepare = colorSourceHex[device].split('.');
                 const deviceName = `0_userdata.0.HEXtoHSL.${statePrepare[0]}_${statePrepare[1]}_${statePrepare[2]}`
              
                 // Create Device Structure
                 extendObjectAsync(deviceName , {
                     "type": "device",
                     "common": {
                     "name": statePrepare[2],
                         "role": "",
                         "icon": "",
                 },
                     "native": {},
                 });
              
                 // States to cover Hue and Sat values
                 createState(`${deviceName}.hue` , {
                 	'name': `Hue of ${statePrepare[2]}`,
                 	'role': 'level.color.hue',
                 	'type': 'number'
                 });
                 // @ts-ignore
                 createState(`${deviceName}.sat`, {
                 	'name': `Sat of ${statePrepare[2]}`,
                 	'role': 'level.color.sat',
                 	'type': 'number'
                 });
              
                 // Subscribe on state changes for HUE and Saturation
                 // @ts-ignore
                 mySubscription[`${deviceName}.hue`] = on(
                     [`${deviceName}.hue`, 
                     `${deviceName}.sat`
                     ], (data) => {
              
                     // DebounceTimer
                     // Reset timer (if running) and start new one for next watchdog interval
                 	if (debounceTimer[colorSourceHex[device]]) {
                 		clearTimeout(debounceTimer[colorSourceHex[device]]);
                 		debounceTimer[colorSourceHex[device]] = null;
                 	}
                 	debounceTimer[colorSourceHex[device]] = setTimeout(() => {
              
                         if (!data.state.ack){
                             const h = getState(`${deviceName}.hue`).val / 360;
                             const s = getState(`${deviceName}.sat`).val / 100;
                             const v = 1;
                             const colorRGB = hsvTOrgb(h,s,v)
                             const colorHEX = rgbTOhex(colorRGB)
                             // console.log(`HSV value : ${h}, ${s}, ${v}`);
                             setState(`${colorSourceHex[device]}`, colorHEX);
                         }
                     
                     }, (500));
                 });
              
                 // Subscribe on state changes for HEX surce
                 mySubscription[`${deviceName}.hue`] = on(
                     [
                     `${colorSourceHex[device]}`,
                     ], (data) => {
                     // DebounceTimer
                 	if (debounceTimer[colorSourceHex[device]]) {
                 		clearTimeout(debounceTimer[colorSourceHex[device]]);
                 		debounceTimer[colorSourceHex[device]] = null;
                 	}
                 	debounceTimer[colorSourceHex[device]] = setTimeout(() => {
                         
                             // console.log(`Device change detected : ${JSON.stringify(data.id)} value : ${data.state.val} | ack : ${data.state.ack}`);
                             const colorHEX = data.state.val;
                             const colorRGB = hexTOrgb(colorHEX)
                             const colorHSV = rgbTOhsv(colorRGB)
                             const h = roundDigit(colorHSV[0]);
                             console.log(colorHSV);
                             const s = roundDigit(colorHSV[1]);
                             setState(`${deviceName}.sat`, s, true);
                             setState(`${deviceName}.hue`, h, true);
                         
              
                     }, (500));
              
                 });
              }
              
              ////////////////Funktionen////////////////
              /**
              * Coonvert HSV to RGB
              * @param {number} h - HUE value 
              * @param {number} s - Saturation value 
              * @param {number} v - Brightness value 
              */
              function hsvTOrgb(h, s, v) {
                         var r, g, b, i, f, p, q, t;
                         i = Math.floor(h * 6);
                         f = h * 6 - i;
                         p = v * (1 - s);
                         q = v * (1 - f * s);
                         t = v * (1 - (1 - f) * s);
                         switch (i % 6) {
                             case 0: r = v, g = t, b = p; break;
                             case 1: r = q, g = v, b = p; break;
                             case 2: r = p, g = v, b = t; break;
                             case 3: r = p, g = q, b = v; break;
                             case 4: r = t, g = p, b = v; break;
                             case 5: r = v, g = p, b = q; break;
                         }
                         console.log(`${r} ${g} ${b}`)
                         r=Math.round(255 * r);
                         g=Math.round(255 * g);
                         b=Math.round(255 * b);
                         return [r,g,b];
              };
              
              function rgbTOhsv(rgb) {
                 let rdif;
                 let gdif;
                 let bdif;
                 let h;
                 let s;
              
                 const r = rgb[0] / 255;
                 const g = rgb[1] / 255;
                 const b = rgb[2] / 255;
                 const v = Math.max(r, g, b);
                 const diff = v - Math.min(r, g, b);
                 const diffc = function (c) {
                 	return (v - c) / 6 / diff + 1 / 2;
                 };
              
                 if (diff === 0) {
                 	h = 0;
                 	s = 0;
                 } else {
                 	s = diff / v;
                 	rdif = diffc(r);
                 	gdif = diffc(g);
                 	bdif = diffc(b);
              
                 	if (r === v) {
                 		h = bdif - gdif;
                 	} else if (g === v) {
                 		h = (1 / 3) + rdif - bdif;
                 	} else if (b === v) {
                 		h = (2 / 3) + gdif - rdif;
                 	}
              
                 	if (h < 0) {
                 		h += 1;
                 	} else if (h > 1) {
                 		h -= 1;
                 	}
                 }
              
                 return [
                 	h * 360,
                 	s * 100,
                 	v * 100
                 ];
              };
              
              function rgbTOhex (args) {
                 const integer = ((Math.round(args[0]) & 0xFF) << 16)
                 	+ ((Math.round(args[1]) & 0xFF) << 8)
                 	+ (Math.round(args[2]) & 0xFF);
              
                 const string = integer.toString(16).toUpperCase();
                 return '000000'.substring(string.length) + string;
              };
              
              //In HEX konvertieren
              function toHex(number) {
                 if (number < 0) number = 0xFFFFFFFF + number + 1;
                 var n = number.toString(16).toUpperCase();
                 if (n.length == 1) {
                     n = '0' + n;
                 }
                 return n;
              }
              
              // Function to convert HEX to RGB 
              function hexTOrgb(args) {
                 const match = args.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);
              
                 if (!match) {
                     return [0, 0, 0];
                 }
              
                 let colorString = match[0];
              
                 if (match[0].length === 3) {
                     colorString = colorString.split('').map(char => {
                         return char + char;
                     }).join('');
                 }
              
                 const integer = parseInt(colorString, 16);
                 const r = (integer >> 16) & 0xFF;
                 const g = (integer >> 8) & 0xFF;
                 const b = integer & 0xFF;
                 return [r, g, b];
              };
              
              // Function to convert RGB to HSL
              function rgbTOhsl (rgb) {
                 const r = rgb[0] / 255;
                 const g = rgb[1] / 255;
                 const b = rgb[2] / 255;
                 const min = Math.min(r, g, b);
                 const max = Math.max(r, g, b);
                 const delta = max - min;
                 let h;
                 let s;
              
                 if (max === min) {
                 	h = 0;
                 } else if (r === max) {
                 	h = (g - b) / delta;
                 } else if (g === max) {
                 	h = 2 + (b - r) / delta;
                 } else if (b === max) {
                 	h = 4 + (r - g) / delta;
                 }
              
                 h = Math.min(h * 60, 360);
              
                 if (h < 0) {
                 	h += 360;
                 }
              
                 const l = (min + max) / 2;
              
                 if (max === min) {
                 	s = 0;
                 } else if (l <= 0.5) {
                 	s = delta / (max + min);
                 } else {
                 	s = delta / (2 - max - min);
                 }
              
                 return [h, s * 100, l * 100];
              };
              
              // Funtion to round digits properly
              function roundDigit(num){
                 // return Math.round((num + Number.EPSILON) * 100) / 100
                 return Math.round((num + Number.EPSILON));
              }
              
              

              N Offline
              N Offline
              niiccooo1
              wrote on last edited by
              #3693

              @tt-tom

              Vielen Dank für das Skript.
              Die Datenpunkte wurden angelegt und aktualisieren sich bei Änderung des Sliders.

              Brauche ich den Wert "sat" im Alias auch?

              T 1 Reply Last reply
              0
              • T TT-Tom

                @futty sagte in SONOFF NSPanel mit Lovelace UI:

                                            default: // Power und Eco koennen einfach getoggelt werden
                                                setIfExists(words[2] + '.' + words[4], !getState(words[2] + '.' + words[4]).val);
                                                break;
                
                

                das Problem liegt eigentlich hier. words[2] ist der Alias Pfad und words[4] der DatenPunkt

                HandleButtonEvent übergebene Werte event - buttonPress2 - alias.0.NSPanel.1.ThermostatWohnbereich - hvac_action - ç - PageId: 1
                
                • words[0]=event
                • words[1]=buttonPress2
                • words[2]=alias.0.NSPanel.1.ThermostatWohnbereich
                • words[3]=hvac_action
                • words[4]=POW

                darum ergibt der Befehl übersetzt

                setIfExists('alias.0.NSPanel.1.ThermostatWohnbereich.POW', !getState('alias.0.NSPanel.1.ThermostatWohnbereich.POW').val);
                

                und da es diesen DP nicht gibt, passiert auch nix.

                Darum bitte mal meinen Vorschlag testen.

                F Offline
                F Offline
                Futty
                wrote on last edited by
                #3694

                @tt-tom
                auch deine Lösung geht.

                Warum macht man dann bei den anderen Feldern den Umweg über SwitchCase und gibt nicht gleich den richtigen Datenpunktname an?
                Das gleiche betrifft ja dann auch
                AUTOMATIC -> AUTT
                MANUAL -> MANT
                PARTY -> PART
                VACATION -> VACT
                BOOST -> BOOT

                Könnte man das nicht auch einfach auf den richtigen Namen an der entsprechenden Stelle (wie bei `POW -> POWER) abändern?

                T 1 Reply Last reply
                0
                • F Futty

                  @tt-tom
                  auch deine Lösung geht.

                  Warum macht man dann bei den anderen Feldern den Umweg über SwitchCase und gibt nicht gleich den richtigen Datenpunktname an?
                  Das gleiche betrifft ja dann auch
                  AUTOMATIC -> AUTT
                  MANUAL -> MANT
                  PARTY -> PART
                  VACATION -> VACT
                  BOOST -> BOOT

                  Könnte man das nicht auch einfach auf den richtigen Namen an der entsprechenden Stelle (wie bei `POW -> POWER) abändern?

                  T Offline
                  T Offline
                  TT-Tom
                  wrote on last edited by
                  #3695

                  @futty
                  Werde ich mit @Armilar besprechen; in wie weit wir die Funktion anpassen.

                  Gruß Tom
                  https://github.com/tt-tom17
                  Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                  NSPanel Script Wiki
                  https://github.com/joBr99/nspanel-lovelace-ui/wiki

                  NSPanel Adapter Wiki
                  https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                  F 1 Reply Last reply
                  0
                  • T TT-Tom

                    @danny_v1
                    hast du dir mal einen neuen API Schlüssel erstellt?

                    D Offline
                    D Offline
                    danny_v1
                    wrote on last edited by
                    #3696

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

                    @danny_v1
                    hast du dir mal einen neuen API Schlüssel erstellt?

                    Ja hatte ich vor ca einem Monat mal gemacht da der alte abgelaufen war.

                    1 Reply Last reply
                    0
                    • T TT-Tom

                      @futty
                      Werde ich mit @Armilar besprechen; in wie weit wir die Funktion anpassen.

                      F Offline
                      F Offline
                      Futty
                      wrote on last edited by
                      #3697

                      @tt-tom
                      Ok, ist bestimmt gewachsen bzw. vielleicht hat es ja auch einen Grund, bin sicherlich nicht der Experte auf dem Gebiet...
                      Für meine Verwendung geht erst einmal alles wie ich mir das vorstelle.

                      Danke dir für den Austausch

                      1 Reply Last reply
                      1
                      • N niiccooo1

                        @tt-tom

                        Vielen Dank für das Skript.
                        Die Datenpunkte wurden angelegt und aktualisieren sich bei Änderung des Sliders.

                        Brauche ich den Wert "sat" im Alias auch?

                        T Offline
                        T Offline
                        TT-Tom
                        wrote on last edited by
                        #3698

                        @niiccooo1
                        Farbsättigung, ne. Nur HUE und ggf. Temperatur

                        Gruß Tom
                        https://github.com/tt-tom17
                        Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                        NSPanel Script Wiki
                        https://github.com/joBr99/nspanel-lovelace-ui/wiki

                        NSPanel Adapter Wiki
                        https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                        Frederik BussF 1 Reply Last reply
                        1
                        • T TT-Tom

                          @niiccooo1
                          Farbsättigung, ne. Nur HUE und ggf. Temperatur

                          Frederik BussF Offline
                          Frederik BussF Offline
                          Frederik Buss
                          wrote on last edited by
                          #3699

                          Mal eine Frag an die Runde:
                          Ich habe seit gestern endlich das fertige NSPanel mit Lovelace UI zum Laufen gebracht. Erstes Feedback: Mega! Wenn man durch den Javascript Wust einmal durchsteigt, ist es auch mit überschaubarem Aufwand einzurichten. Bislang nur den Screensaver konfiguriert, plus diverse Aktoren angesteuert. Die internen Relais lahmgelegt, die Tasten schalten den Kaller an und die Wohnzimmerbeleuchtung.
                          Soweit so gut, jetzt mein Thema: Seitdem das Ganze läuft ist der Speicherverbrauch sprunghaft nach oben gesprungen. Ich rede von größer 500MB, so dass HTOP immer über 3GB bis 3,2 GB (von 3,7) anzeigt und SWAP ist auch immer gut gefüllt. Neustart hat auch keine Verbesserung gebracht. Ich habe ca. 80 Homematic Geräte (separat an einer raspi-CCU, aber durch iobroker ausgewertet), >20 Shellys, nochmal so viele Hue Lampen und diverse weitere Spielzeuge wie ESP Verbrauchsmeser, LED Stripes, Haushaltsgeräte, Auto Adapter usw usw. Das System läuft stabil, hat aber nicht übermäßig viel Reserven, daher frage ich mich wie am Besten mit dem Lovelace UI umgehen. Da das Panel hiermit echt klasse ist, werden wohl noch weitere hinzukommen und dann ist meine Sorge, dass der Pi endgültig aussteigt, bzw. lahm wird.
                          Bevor ich an die Analyse gehe, wollte ich gerne wissen, ob Ihr ähnliche Erfahrungen gemacht habt und wie geht Ihr damit um (Vielleicht ist es ja kein Problem, "richtiger" Server o.ä...).
                          Vielen Dank vorab!

                          Frederik BussF 1 Reply Last reply
                          0
                          • Frederik BussF Frederik Buss

                            Mal eine Frag an die Runde:
                            Ich habe seit gestern endlich das fertige NSPanel mit Lovelace UI zum Laufen gebracht. Erstes Feedback: Mega! Wenn man durch den Javascript Wust einmal durchsteigt, ist es auch mit überschaubarem Aufwand einzurichten. Bislang nur den Screensaver konfiguriert, plus diverse Aktoren angesteuert. Die internen Relais lahmgelegt, die Tasten schalten den Kaller an und die Wohnzimmerbeleuchtung.
                            Soweit so gut, jetzt mein Thema: Seitdem das Ganze läuft ist der Speicherverbrauch sprunghaft nach oben gesprungen. Ich rede von größer 500MB, so dass HTOP immer über 3GB bis 3,2 GB (von 3,7) anzeigt und SWAP ist auch immer gut gefüllt. Neustart hat auch keine Verbesserung gebracht. Ich habe ca. 80 Homematic Geräte (separat an einer raspi-CCU, aber durch iobroker ausgewertet), >20 Shellys, nochmal so viele Hue Lampen und diverse weitere Spielzeuge wie ESP Verbrauchsmeser, LED Stripes, Haushaltsgeräte, Auto Adapter usw usw. Das System läuft stabil, hat aber nicht übermäßig viel Reserven, daher frage ich mich wie am Besten mit dem Lovelace UI umgehen. Da das Panel hiermit echt klasse ist, werden wohl noch weitere hinzukommen und dann ist meine Sorge, dass der Pi endgültig aussteigt, bzw. lahm wird.
                            Bevor ich an die Analyse gehe, wollte ich gerne wissen, ob Ihr ähnliche Erfahrungen gemacht habt und wie geht Ihr damit um (Vielleicht ist es ja kein Problem, "richtiger" Server o.ä...).
                            Vielen Dank vorab!

                            Frederik BussF Offline
                            Frederik BussF Offline
                            Frederik Buss
                            wrote on last edited by
                            #3700

                            @frederik-buss Ich denke ich habe das Problem zumindest eingegrenzt. Scheint eine ungute Mischung aus Sonoff Adapter, MQTT und Node Red zu sein. Hab jetzt den Sonoff Adapter raus und die Gruppenlichtschaltung per Blockly gelöst. Jetzt bin ich wieder bei ca. 2,5G Mem. Mal sehen ob das nachhaltig ist.
                            Mir ist beim Studieren des Javascript Codes noch ein Schönheitsfehler aufgefallen. Anscheinend wurde im Service Panel was geändert, aber die Navigation nicht angepasst. Bei dem Beispielcode in Zeile 920:

                            'next': 'NSPanel_ScreensaverOther',
                            

                            Das Panel gibt es nicht (mehr?), Brigthness, Timeout usw. ist im "Brightness" Panel untergebracht. Entsprechend führt der Pfeil im Dimmode Panel oben rechts ins Leere.
                            Vielleicht kann man für die nächste Version die Zeilen 916 (Seitenzahl raus) + 920 anpassen...? Falls es einen separaten Ort fürs Bug Melden gibt, bitte um kurze Info Danke

                            K 1 Reply Last reply
                            0
                            • Frederik BussF Frederik Buss

                              @frederik-buss Ich denke ich habe das Problem zumindest eingegrenzt. Scheint eine ungute Mischung aus Sonoff Adapter, MQTT und Node Red zu sein. Hab jetzt den Sonoff Adapter raus und die Gruppenlichtschaltung per Blockly gelöst. Jetzt bin ich wieder bei ca. 2,5G Mem. Mal sehen ob das nachhaltig ist.
                              Mir ist beim Studieren des Javascript Codes noch ein Schönheitsfehler aufgefallen. Anscheinend wurde im Service Panel was geändert, aber die Navigation nicht angepasst. Bei dem Beispielcode in Zeile 920:

                              'next': 'NSPanel_ScreensaverOther',
                              

                              Das Panel gibt es nicht (mehr?), Brigthness, Timeout usw. ist im "Brightness" Panel untergebracht. Entsprechend führt der Pfeil im Dimmode Panel oben rechts ins Leere.
                              Vielleicht kann man für die nächste Version die Zeilen 916 (Seitenzahl raus) + 920 anpassen...? Falls es einen separaten Ort fürs Bug Melden gibt, bitte um kurze Info Danke

                              K Offline
                              K Offline
                              Kuckuckmann
                              wrote on last edited by
                              #3701

                              @frederik-buss

                              Willkommen in unserem "kleinen" Bereich 🙂

                              Bugs melden ist aus Dokumentationsgründen immer gut im Git.
                              Hier ist auch ok, nur besteht je nach Andrang die Gefahr dass es unter geht 😉

                              Bzgl. der IoB Auslastung: Ich kam irgendwann an den Punkt, dass ein Raspi nicht mehr ausreichte und habe mir einen Mini PC mit anständiger CPU und RAM gegönnt. Wenn man mal schaut, es gibt diverse Thin-Clients von Lenovo/HP, etc. die aktuell für um die 50EUR verkauft werden, meiner hat so 150EUR gekostet. Darauf habe ich dann eine Linux VM aufgesetzt und kann der je nach Bedarf Ressourcen geben. Viele machen das mit Proxmox u.ä.

                              Beim Raspi, wenn man nicht gerade eine SATA Platte anheftet, stört mich die Unzuverlässigkeit der SD-Karten. Spätestens seid mir da eine Abgeraucht war, gilt mir das nicht mehr als zuverlässig genug (insbesondere wenn man via History Adapter Daten aufzeichnen möchte).

                              Außerdem, ein IoB mit ausreichend RAM ist im vgl. zum Raspi schon schön schnell 😉

                              Das nur mal so als Erfahrungswert. Wie und was Du daraus machst liegt letztlich bei Dir.

                              LG

                              NSPanel Dokumentation im GitHub Wiki:

                              https://github.com/joBr99/nspanel-lovelace-ui/wiki

                              1 Reply Last reply
                              0
                              • MichaelFM Offline
                                MichaelFM Offline
                                MichaelF
                                wrote on last edited by
                                #3702

                                Hi,

                                seit dem ich gestern Abend die Javascript Instanz auf den neusten stand gebracht habe startet mein Display leider nicht mehr.

                                es gibt im Log diese Fehlermeldung :

                                	2848	2023-09-16 10:51:45.553	error	script.js.common.NSPANEL_1_3_1_0: 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'. 
                                

                                Weiß hier jemand vielleicht einen Rat.

                                Grüße

                                K T 2 Replies Last reply
                                0
                                • MichaelFM MichaelF

                                  Hi,

                                  seit dem ich gestern Abend die Javascript Instanz auf den neusten stand gebracht habe startet mein Display leider nicht mehr.

                                  es gibt im Log diese Fehlermeldung :

                                  	2848	2023-09-16 10:51:45.553	error	script.js.common.NSPANEL_1_3_1_0: 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'. 
                                  

                                  Weiß hier jemand vielleicht einen Rat.

                                  Grüße

                                  K Offline
                                  K Offline
                                  Kuckuckmann
                                  wrote on last edited by
                                  #3703

                                  @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

                                  NSPanel Dokumentation im GitHub Wiki:

                                  https://github.com/joBr99/nspanel-lovelace-ui/wiki

                                  MichaelFM 1 Reply Last reply
                                  0
                                  • K Kuckuckmann

                                    @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

                                    MichaelFM Offline
                                    MichaelFM Offline
                                    MichaelF
                                    wrote on last edited by
                                    #3704

                                    @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
                                    0
                                    • MichaelFM MichaelF

                                      @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 Offline
                                      K Offline
                                      Kuckuckmann
                                      wrote on last edited by
                                      #3705

                                      @michaelf

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

                                      NSPanel Dokumentation im GitHub Wiki:

                                      https://github.com/joBr99/nspanel-lovelace-ui/wiki

                                      1 Reply Last reply
                                      2
                                      • MichaelFM MichaelF

                                        Hi,

                                        seit dem ich gestern Abend die Javascript Instanz auf den neusten stand gebracht habe startet mein Display leider nicht mehr.

                                        es gibt im Log diese Fehlermeldung :

                                        	2848	2023-09-16 10:51:45.553	error	script.js.common.NSPANEL_1_3_1_0: 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'. 
                                        

                                        Weiß hier jemand vielleicht einen Rat.

                                        Grüße

                                        T Offline
                                        T Offline
                                        TT-Tom
                                        wrote on last edited by
                                        #3706

                                        @michaelf

                                        bekanntes Problem, wurde auch schon gefixt. siehe hier

                                        welche Script version hast du aktuell???

                                        Gruß Tom
                                        https://github.com/tt-tom17
                                        Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                                        NSPanel Script Wiki
                                        https://github.com/joBr99/nspanel-lovelace-ui/wiki

                                        NSPanel Adapter Wiki
                                        https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                                        1 Reply Last reply
                                        1
                                        • MichaelFM Offline
                                          MichaelFM Offline
                                          MichaelF
                                          wrote on last edited by
                                          #3707

                                          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
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          45

                                          Online

                                          32.4k

                                          Users

                                          81.3k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe