Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • 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

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

  1. ioBroker Community Home
  2. Deutsch
  3. Hardware
  4. SONOFF NSPanel mit Lovelace UI

NEWS

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

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

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.2k

SONOFF NSPanel mit Lovelace UI

Geplant Angeheftet Gesperrt Verschoben Hardware
lovelace uinspanelsonoff
7.8k Beiträge 272 Kommentatoren 6.7m Aufrufe 254 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • 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
    schrieb am zuletzt editiert von
    #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 Antwort Letzte Antwort
    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
      schrieb am zuletzt editiert von
      #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 Antwort Letzte Antwort
      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
        schrieb am zuletzt editiert von
        #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 Antwort Letzte Antwort
        0
        • T TT-Tom

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

          D Offline
          D Offline
          danny_v1
          schrieb am zuletzt editiert von
          #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 Antwort Letzte Antwort
          0
          • T TT-Tom

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

            F Offline
            F Offline
            Futty
            schrieb am zuletzt editiert von
            #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 Antwort Letzte Antwort
            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
              schrieb am zuletzt editiert von
              #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 Antwort Letzte Antwort
              1
              • T TT-Tom

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

                Frederik BussF Offline
                Frederik BussF Offline
                Frederik Buss
                schrieb am zuletzt editiert von
                #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 Antwort Letzte Antwort
                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
                  schrieb am zuletzt editiert von
                  #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 Antwort Letzte Antwort
                  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
                    schrieb am zuletzt editiert von
                    #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 Antwort Letzte Antwort
                    0
                    • MichaelFM Offline
                      MichaelFM Offline
                      MichaelF
                      schrieb am zuletzt editiert von
                      #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 Antworten Letzte Antwort
                      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
                        schrieb am zuletzt editiert von
                        #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 Antwort Letzte Antwort
                        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
                          schrieb am zuletzt editiert von
                          #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 Antwort Letzte Antwort
                          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
                            schrieb am zuletzt editiert von
                            #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 Antwort Letzte Antwort
                            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
                              schrieb am zuletzt editiert von
                              #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 Antwort Letzte Antwort
                              1
                              • MichaelFM Offline
                                MichaelFM Offline
                                MichaelF
                                schrieb am zuletzt editiert von
                                #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 Antwort Letzte Antwort
                                0
                                • MichaelFM MichaelF

                                  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 Offline
                                  T Offline
                                  TT-Tom
                                  schrieb am zuletzt editiert von
                                  #3708

                                  @michaelf

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

                                  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

                                  MichaelFM 1 Antwort Letzte Antwort
                                  0
                                  • T TT-Tom

                                    @michaelf

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

                                    MichaelFM Offline
                                    MichaelFM Offline
                                    MichaelF
                                    schrieb am zuletzt editiert von
                                    #3709

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

                                    @michaelf

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

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

                                    Hier meine Config:

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

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

                                      @michaelf

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

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

                                      Hier meine Config:

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

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

                                      T 1 Antwort Letzte Antwort
                                      0
                                      • MichaelFM MichaelF

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

                                        @michaelf

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

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

                                        Hier meine Config:

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

                                        @michaelf said in SONOFF NSPanel mit Lovelace UI:

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

                                        @michaelf

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

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

                                        Hier meine Config:

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

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

                                        javascript.0
                                        	2848	2023-09-16 17:24:29.069	error	at ChildProcess.emit (node:domain:489:12)
                                        javascript.0
                                        	2848	2023-09-16 17:24:29.069	error	at ChildProcess.emit (node:events:514:28)
                                        javascript.0
                                        	2848	2023-09-16 17:24:29.069	error	at ChildProcess.exithandler (node:child_process:411:7)
                                        javascript.0
                                        	2848	2023-09-16 17:24:29.069	error	at script.js.common.NSPANEL_1_3_1_0:966:100
                                        javascript.0
                                        	2848	2023-09-16 17:24:29.069	error	at __awaiter (script.js.common.NSPANEL_1_3_1_0:4:12)
                                        javascript.0
                                        	2848	2023-09-16 17:24:29.068	error	at new Promise (<anonymous>)
                                        javascript.0
                                        	2848	2023-09-16 17:24:29.068	error	at script.js.common.NSPANEL_1_3_1_0:8:71
                                        javascript.0
                                        	2848	2023-09-16 17:24:29.068	error	at Object.next (script.js.common.NSPANEL_1_3_1_0:14:53)
                                        javascript.0
                                        	2848	2023-09-16 17:24:29.066	error	at step (script.js.common.NSPANEL_1_3_1_0:33:23)
                                        javascript.0
                                        	2848	2023-09-16 17:24:29.066	error	at script.js.common.NSPANEL_1_3_1_0:976:84
                                        javascript.0
                                        	2848	2023-09-16 17:24:29.066	error	script.js.common.NSPANEL_1_3_1_0: TypeError: Cannot read properties of undefined (reading 'substring')
                                        
                                        T 1 Antwort Letzte Antwort
                                        0
                                        • GregorSG Offline
                                          GregorSG Offline
                                          GregorS
                                          schrieb am zuletzt editiert von
                                          #3712

                                          Hallo,

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

                                          Weiss gerade nicht, wie ich weiter vorgehen soll.

                                          INTEL NUC i7, Sonoff, hmIP, AVM, Jeelink, T-Link, Alexa, Saia-Burgess, uvm.

                                          T 1 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          759

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe