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

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

NEWS

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

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

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

SONOFF NSPanel mit Lovelace UI

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

    @armilar

    Japp da ist noch einiges drin

    3.1.2023, 13:08:20.643	[warn ]: javascript.0 (12969)     at HandleScreensaverUpdate (script.js.common.NSPanels.nspFlur:5897:29)
    3.1.2023, 13:08:20.644	[warn ]: javascript.0 (12969)     at HandleScreensaver (script.js.common.NSPanels.nspFlur:5494:5)
    3.1.2023, 13:08:20.644	[warn ]: javascript.0 (12969)     at HandleMessage (script.js.common.NSPanels.nspFlur:2188:21)
    3.1.2023, 13:08:20.644	[warn ]: javascript.0 (12969)     at Object.<anonymous> (script.js.common.NSPanels.nspFlur:2125:17)
    3.1.2023, 13:08:20.648	[warn ]: javascript.0 (12969)     at HandleScreensaverUpdate (script.js.common.NSPanels.nspFlur:5904:34)
    3.1.2023, 13:08:20.648	[warn ]: javascript.0 (12969)     at HandleScreensaver (script.js.common.NSPanels.nspFlur:5494:5)
    3.1.2023, 13:08:20.648	[warn ]: javascript.0 (12969)     at HandleMessage (script.js.common.NSPanels.nspFlur:2188:21)
    3.1.2023, 13:08:20.648	[warn ]: javascript.0 (12969)     at Object.<anonymous> (script.js.common.NSPanels.nspFlur:2125:17)
    3.1.2023, 13:08:20.651	[warn ]: javascript.0 (12969)     at HandleScreensaverUpdate (script.js.common.NSPanels.nspFlur:5918:29)
    3.1.2023, 13:08:20.652	[warn ]: javascript.0 (12969)     at HandleScreensaver (script.js.common.NSPanels.nspFlur:5494:5)
    3.1.2023, 13:08:20.652	[warn ]: javascript.0 (12969)     at HandleMessage (script.js.common.NSPanels.nspFlur:2188:21)
    3.1.2023, 13:08:20.652	[warn ]: javascript.0 (12969)     at Object.<anonymous> (script.js.common.NSPanels.nspFlur:2125:17)
    3.1.2023, 13:08:20.655	[warn ]: javascript.0 (12969)     at HandleScreensaverUpdate (script.js.common.NSPanels.nspFlur:5925:34)
    3.1.2023, 13:08:20.655	[warn ]: javascript.0 (12969)     at HandleScreensaver (script.js.common.NSPanels.nspFlur:5494:5)
    3.1.2023, 13:08:20.655	[warn ]: javascript.0 (12969)     at HandleMessage (script.js.common.NSPanels.nspFlur:2188:21)
    3.1.2023, 13:08:20.655	[warn ]: javascript.0 (12969)     at Object.<anonymous> (script.js.common.NSPanels.nspFlur:2125:17)
    
    ArmilarA Offline
    ArmilarA Offline
    Armilar
    Most Active Forum Testing
    wrote on last edited by
    #1485

    @thomson

    Ist das Panel per http: mit Passwort gesichert?

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

    Falls ja, dann deaktivieren

    Poste mal kurz deine Config

    Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
    https://github.com/joBr99/nspanel-lovelace-ui/wiki

    Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

    T 1 Reply Last reply
    1
    • ArmilarA Armilar

      @thomson

      Ist das Panel per http: mit Passwort gesichert?

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

      Falls ja, dann deaktivieren

      Poste mal kurz deine Config

      T Offline
      T Offline
      thomson
      wrote on last edited by
      #1486

      @armilar

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

      //-- Anfang der Beispiele für Seitengestaltung -- Selbstdefinierte Aliase erforderlich ----------------
      
      let Licht: PageGrid =
      {
         "type": "cardGrid",
         "heading": "Lichtsteuerung",
         "useColor": true,
         "subPage": false,
         "parent": undefined,
         "items": [
             <PageItem>{ id: "alias.0.NSPanel.Licht.Spot_Flur", name: "Flur Spots",icon:"light-recessed", interpolateColor: true},
             <PageItem>{ id: "alias.0.NSPanel.Licht.Flurlicht_oben", name: "Flur DG",icon:"light-recessed", interpolateColor: true},
             <PageItem>{ id: "alias.0.NSPanel.Licht.Wandlampe", name: "Wandlampe",icon:"wall-sconce-outline", interpolateColor: true},
              <PageItem>{ navigate: true, id: "Aussenlicht", icon: "coach-lamp-variant", onColor: White, name: "Außen"}, 
         ]
      };
      
      var Umwelt: PageGrid =
      {
         "type": "cardGrid",
         "heading": "Umwelt",
         "useColor": true,
         "subPage": false,
         "parent": undefined,
         "items": [
             <PageItem>{ id: "alias.0.NSPanel.Rolladen.Flur_Rolladen", name: "Jalousie", interpolateColor: true},
             <PageItem>{ navigate: true, id: "Thermo", icon: "home-thermometer", onColor: White, name: "Thermostat"},
             <PageItem>{ id: "alias.0.NSPanel.Klima.Infrarotheizung", icon: "heating-coil", icon2: "power",offColor: MSRed, onColor: MSGreen}
         ]
      };
      
      
      
      
      //*************************Sub Pages*****************************************
      let Thermo: PageThermo =
      {
         "type": "cardThermo",
         "heading": "Thermostat",
         "useColor": true,
         "subPage": true,
         "parent": Umwelt,
          "items": [
              <PageItem>{ id: "alias.0.NSPanel.Klima.HeizungFlur", minValue: 50, maxValue: 300 }
          ]
      };
      
      
      var Aussenlicht: PageGrid =
      {
         "type": "cardGrid",
         "heading": "Außenlicht",
         "useColor": true,
         "subPage": true,
         "parent": Licht,
         "items": [
         <PageItem>{ id: "alias.0.NSPanel.Licht.Haustuerlampe", name: "Haustür",icon: "coach-lamp-variant", interpolateColor: true},
         <PageItem>{ id: "alias.0.NSPanel.Licht.SpotTuer", name: "Tür",icon:"light-recessed", interpolateColor: true},
         <PageItem>{ id: "alias.0.NSPanel.Licht.SpotStr", name: "Straße",icon:"light-recessed", interpolateColor: true},
         <PageItem>{ id: "alias.0.NSPanel.Licht.SpotHinten", name: "Hinten", icon:"light-recessed",interpolateColor: true },
         ]
      };
      
      var WLAN: PageQR = 
      {
         "type": "cardQR",
         "heading": "Gäste WLAN",
         "useColor": true,
         "subPage": true,
         "parent": Service,
         "items": [
         	<PageItem>{ id: "alias.0.NSPanel.WLAN_Guest" }
         
         ]
      };
      
      // <PageItem>{ id: "alias.0.NSPanel.Verschluss.FlurTuer", offColor: MSRed, onColor: MSGreen, name: "Flur" },
      //-- ENDE der Beispiele für Seitengestaltung -- Selbstdefinierte Aliase erforderlich ------------------
      
      
      /********************************************************************************************************** */
      //Service Pages mit Auto-Alias (Nachfolgende Seiten werden mit Alias automatisch angelegt)
      /********************************************************************************************************** */
      
      var Service: PageEntities =
      {
         "type": "cardEntities",
         "heading": "NSPanel Service",
         "useColor": true,
         "subPage": false,
         "parent": undefined, 
         "items": [
             <PageItem>{ navigate: true, id: "NSPanel_Infos", icon: "information-outline", onColor: White, name: "NSPanel Infos"},
             <PageItem>{ navigate: true, id: "NSPanel_Firmware_Info", icon: "update", onColor: White, name: "Firmware Infos"},
             <PageItem>{ navigate: true, id: "WLAN", icon: "update", onColor: White, name: "Gäste WLAN"},
         ]
      };
      
             //Subpage 1 von Subpages_2
             let NSPanel_Infos: PageEntities =
             {
                 "type": "cardEntities",
                 "heading": "NSPanel Infos",
                 "useColor": true,
                 "subPage": true,
                 "parent": Service,
                 "items": [
                     <PageItem>{ id: AliasPath + 'Tasmota.Hardware', name: 'Hardware', icon: 'memory', offColor: MSYellow, onColor: MSYellow, useColor: true},
                     <PageItem>{ id: AliasPath + 'Sensor.ESP32.Temperature', name: "ESP Temperatur", icon: "thermometer", unit: "°C", offColor: MSYellow, onColor: MSYellow, useColor: true},
                     <PageItem>{ id: AliasPath + 'Tasmota.Uptime', name: "Uptime", icon: "timeline-clock-outline", offColor: MSYellow, onColor: MSYellow, useColor: true},
                     <PageItem>{ id: AliasPath + 'Tasmota.Wifi.RSSI', name: "Wifi-Signal", icon: "signal-distance-variant", unit: "dBm", offColor: MSYellow, onColor: MSYellow, useColor: true}
                 ]
             };
      /*
             //+Subpage 2 von Subpages_2
             let NSPanel_Einstellungen: PageEntities =
             {
                 'type': 'cardEntities',
                 'heading': 'Screensaver',
                 'useColor': true,
                 'subPage': true,
                 'parent': Service,
                 'items': [
                     <PageItem>{ id: AliasPath + 'Dimmode.brightnessDay', name: 'Brightness Tag', icon: 'brightness-5', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 5, maxValue: 10},
                     <PageItem>{ id: AliasPath + 'Dimmode.brightnessNight', name: 'Brightness Nacht', icon: 'brightness-4', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 0, maxValue: 4},
                     <PageItem>{ id: AliasPath + 'Dimmode.hourDay', name: 'Stunde Tag', icon: 'sun-clock', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 0, maxValue: 23},
                     <PageItem>{ id: AliasPath + 'Dimmode.hourNight', name: 'Stunde Nacht', icon: 'sun-clock-outline', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 0, maxValue: 23}
                 ]
             };*/
      
             //Subpage 3 von Subpages_2
             let NSPanel_Firmware_Info: PageEntities =
             {
                 'type': 'cardEntities',
                 'heading': 'Firmware-Updates',
                 'useColor': true,
                 'subPage': true,
                 'parent': Service,
                 'items': [
                     <PageItem>{ id: AliasPath + 'Tasmota.Version', name: 'Tasmota Firmware', offColor: MSYellow, onColor: MSYellow, useColor: true},
                     <PageItem>{ id: AliasPath + 'Display.TFTVersion', name: 'TFT-Firmware', offColor: MSYellow, onColor: MSYellow, useColor: true},
                     <PageItem>{ id: AliasPath + 'Display.BerryDriver', name: 'Berry-Treiber', offColor: MSYellow, onColor: MSYellow, useColor: true},
                     <PageItem>{ id: AliasPath + 'Display.Model', name: 'NSPanel Version', offColor: MSYellow, onColor: MSYellow, useColor: true}
                 ]
             };
      
      export const config: Config = {
          panelRecvTopic: 'mqtt.0.SmartHome.nspanel_D3D77C.tele.RESULT',       // anpassen
         panelSendTopic: 'mqtt.0.SmartHome.nspanel_D3D77C.cmnd.CustomSend',   // anpassen
         firstScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Hourly.h0.PrecipitationProbability', ScreensaverEntityIcon: 'weather-pouring', ScreensaverEntityText: 'Regen', ScreensaverEntityUnitText: '%', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 100} },
         secondScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Current.WindSpeed', ScreensaverEntityIcon: 'weather-windy', ScreensaverEntityText: "Wind", ScreensaverEntityUnitText: 'km/h', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 120} },
         //secondScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Current.WindSpeed', ScreensaverEntityIcon: 'weather-windy', ScreensaverEntityText: "Wind", ScreensaverEntityUnitText: 'km/h', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 120} },
         thirdScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Current.UVIndex', ScreensaverEntityIcon: 'solar-power', ScreensaverEntityText: 'UV', ScreensaverEntityUnitText: '', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 9} },
         fourthScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Current.RelativeHumidity', ScreensaverEntityIcon: 'water-percent', ScreensaverEntityText: 'Luft', ScreensaverEntityUnitText: '%', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 100, 'val_best': 65} },
         alternativeScreensaverLayout: false,
         autoWeatherColorScreensaverLayout: true,
         mrIcon1ScreensaverEntity: { ScreensaverEntity: 'mqtt.0.SmartHome.NSPanel_1.stat.POWER1', ScreensaverEntityIcon: 'light-switch', ScreensaverEntityOnColor: On, ScreensaverEntityOffColor: HMIOff  },
         mrIcon2ScreensaverEntity: { ScreensaverEntity: 'mqtt.0.SmartHome.NSPanel_1.stat.POWER2', ScreensaverEntityIcon: 'lightbulb', ScreensaverEntityOnColor: On, ScreensaverEntityOffColor: HMIOff  },
         timeoutScreensaver: 20,
         screenSaverDoubleClick: true,
         locale: 'de-DE',                    // en-US, de-DE, nl-NL, da-DK, es-ES, fr-FR, it-IT, ru-RU, etc.
         weatherEntity: 'alias.0.Wetter',    // Dieser Alias muss erstellt werden, damit die 4 kleineren Icons (Wetter oder DP) angezeigt werden können
         defaultOffColor: Off,
         defaultOnColor: On,
         defaultColor: Off,
         defaultBackgroundColor: HMIDark,    //New Parameter
         temperatureUnit: '°C',
         pages: [
         		Licht,                //Lichtsteuerung Flur
                 Umwelt,
                 Service             //Auto-Alias Service Page
         ],
         subPages: [
                     
                     NSPanel_Infos,              //Auto-Alias Service Page
                    // NSPanel_Einstellungen,      //Auto-Alias Service Page
                     NSPanel_Firmware_Info,       //Auto-Alias Service Page
                     Thermo,
                     WLAN,
                     Aussenlicht
         ],
         button1Page: null,   //Beispiel-Seite auf Button 1, wenn Rule2 definiert - Wenn nicht definiert --> button1Page: null, 
         button2Page: null    //Beispiel-Seite auf Button 2, wenn Rule2 definiert - Wenn nicht definiert --> button1Page: null,
      };
      
      // _________________________________ Ab hier keine Konfiguration mehr _____________________________________
      
      

      ArmilarA 2 Replies Last reply
      0
      • T thomson

        @armilar

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

        //-- Anfang der Beispiele für Seitengestaltung -- Selbstdefinierte Aliase erforderlich ----------------
        
        let Licht: PageGrid =
        {
           "type": "cardGrid",
           "heading": "Lichtsteuerung",
           "useColor": true,
           "subPage": false,
           "parent": undefined,
           "items": [
               <PageItem>{ id: "alias.0.NSPanel.Licht.Spot_Flur", name: "Flur Spots",icon:"light-recessed", interpolateColor: true},
               <PageItem>{ id: "alias.0.NSPanel.Licht.Flurlicht_oben", name: "Flur DG",icon:"light-recessed", interpolateColor: true},
               <PageItem>{ id: "alias.0.NSPanel.Licht.Wandlampe", name: "Wandlampe",icon:"wall-sconce-outline", interpolateColor: true},
                <PageItem>{ navigate: true, id: "Aussenlicht", icon: "coach-lamp-variant", onColor: White, name: "Außen"}, 
           ]
        };
        
        var Umwelt: PageGrid =
        {
           "type": "cardGrid",
           "heading": "Umwelt",
           "useColor": true,
           "subPage": false,
           "parent": undefined,
           "items": [
               <PageItem>{ id: "alias.0.NSPanel.Rolladen.Flur_Rolladen", name: "Jalousie", interpolateColor: true},
               <PageItem>{ navigate: true, id: "Thermo", icon: "home-thermometer", onColor: White, name: "Thermostat"},
               <PageItem>{ id: "alias.0.NSPanel.Klima.Infrarotheizung", icon: "heating-coil", icon2: "power",offColor: MSRed, onColor: MSGreen}
           ]
        };
        
        
        
        
        //*************************Sub Pages*****************************************
        let Thermo: PageThermo =
        {
           "type": "cardThermo",
           "heading": "Thermostat",
           "useColor": true,
           "subPage": true,
           "parent": Umwelt,
            "items": [
                <PageItem>{ id: "alias.0.NSPanel.Klima.HeizungFlur", minValue: 50, maxValue: 300 }
            ]
        };
        
        
        var Aussenlicht: PageGrid =
        {
           "type": "cardGrid",
           "heading": "Außenlicht",
           "useColor": true,
           "subPage": true,
           "parent": Licht,
           "items": [
           <PageItem>{ id: "alias.0.NSPanel.Licht.Haustuerlampe", name: "Haustür",icon: "coach-lamp-variant", interpolateColor: true},
           <PageItem>{ id: "alias.0.NSPanel.Licht.SpotTuer", name: "Tür",icon:"light-recessed", interpolateColor: true},
           <PageItem>{ id: "alias.0.NSPanel.Licht.SpotStr", name: "Straße",icon:"light-recessed", interpolateColor: true},
           <PageItem>{ id: "alias.0.NSPanel.Licht.SpotHinten", name: "Hinten", icon:"light-recessed",interpolateColor: true },
           ]
        };
        
        var WLAN: PageQR = 
        {
           "type": "cardQR",
           "heading": "Gäste WLAN",
           "useColor": true,
           "subPage": true,
           "parent": Service,
           "items": [
           	<PageItem>{ id: "alias.0.NSPanel.WLAN_Guest" }
           
           ]
        };
        
        // <PageItem>{ id: "alias.0.NSPanel.Verschluss.FlurTuer", offColor: MSRed, onColor: MSGreen, name: "Flur" },
        //-- ENDE der Beispiele für Seitengestaltung -- Selbstdefinierte Aliase erforderlich ------------------
        
        
        /********************************************************************************************************** */
        //Service Pages mit Auto-Alias (Nachfolgende Seiten werden mit Alias automatisch angelegt)
        /********************************************************************************************************** */
        
        var Service: PageEntities =
        {
           "type": "cardEntities",
           "heading": "NSPanel Service",
           "useColor": true,
           "subPage": false,
           "parent": undefined, 
           "items": [
               <PageItem>{ navigate: true, id: "NSPanel_Infos", icon: "information-outline", onColor: White, name: "NSPanel Infos"},
               <PageItem>{ navigate: true, id: "NSPanel_Firmware_Info", icon: "update", onColor: White, name: "Firmware Infos"},
               <PageItem>{ navigate: true, id: "WLAN", icon: "update", onColor: White, name: "Gäste WLAN"},
           ]
        };
        
               //Subpage 1 von Subpages_2
               let NSPanel_Infos: PageEntities =
               {
                   "type": "cardEntities",
                   "heading": "NSPanel Infos",
                   "useColor": true,
                   "subPage": true,
                   "parent": Service,
                   "items": [
                       <PageItem>{ id: AliasPath + 'Tasmota.Hardware', name: 'Hardware', icon: 'memory', offColor: MSYellow, onColor: MSYellow, useColor: true},
                       <PageItem>{ id: AliasPath + 'Sensor.ESP32.Temperature', name: "ESP Temperatur", icon: "thermometer", unit: "°C", offColor: MSYellow, onColor: MSYellow, useColor: true},
                       <PageItem>{ id: AliasPath + 'Tasmota.Uptime', name: "Uptime", icon: "timeline-clock-outline", offColor: MSYellow, onColor: MSYellow, useColor: true},
                       <PageItem>{ id: AliasPath + 'Tasmota.Wifi.RSSI', name: "Wifi-Signal", icon: "signal-distance-variant", unit: "dBm", offColor: MSYellow, onColor: MSYellow, useColor: true}
                   ]
               };
        /*
               //+Subpage 2 von Subpages_2
               let NSPanel_Einstellungen: PageEntities =
               {
                   'type': 'cardEntities',
                   'heading': 'Screensaver',
                   'useColor': true,
                   'subPage': true,
                   'parent': Service,
                   'items': [
                       <PageItem>{ id: AliasPath + 'Dimmode.brightnessDay', name: 'Brightness Tag', icon: 'brightness-5', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 5, maxValue: 10},
                       <PageItem>{ id: AliasPath + 'Dimmode.brightnessNight', name: 'Brightness Nacht', icon: 'brightness-4', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 0, maxValue: 4},
                       <PageItem>{ id: AliasPath + 'Dimmode.hourDay', name: 'Stunde Tag', icon: 'sun-clock', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 0, maxValue: 23},
                       <PageItem>{ id: AliasPath + 'Dimmode.hourNight', name: 'Stunde Nacht', icon: 'sun-clock-outline', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 0, maxValue: 23}
                   ]
               };*/
        
               //Subpage 3 von Subpages_2
               let NSPanel_Firmware_Info: PageEntities =
               {
                   'type': 'cardEntities',
                   'heading': 'Firmware-Updates',
                   'useColor': true,
                   'subPage': true,
                   'parent': Service,
                   'items': [
                       <PageItem>{ id: AliasPath + 'Tasmota.Version', name: 'Tasmota Firmware', offColor: MSYellow, onColor: MSYellow, useColor: true},
                       <PageItem>{ id: AliasPath + 'Display.TFTVersion', name: 'TFT-Firmware', offColor: MSYellow, onColor: MSYellow, useColor: true},
                       <PageItem>{ id: AliasPath + 'Display.BerryDriver', name: 'Berry-Treiber', offColor: MSYellow, onColor: MSYellow, useColor: true},
                       <PageItem>{ id: AliasPath + 'Display.Model', name: 'NSPanel Version', offColor: MSYellow, onColor: MSYellow, useColor: true}
                   ]
               };
        
        export const config: Config = {
            panelRecvTopic: 'mqtt.0.SmartHome.nspanel_D3D77C.tele.RESULT',       // anpassen
           panelSendTopic: 'mqtt.0.SmartHome.nspanel_D3D77C.cmnd.CustomSend',   // anpassen
           firstScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Hourly.h0.PrecipitationProbability', ScreensaverEntityIcon: 'weather-pouring', ScreensaverEntityText: 'Regen', ScreensaverEntityUnitText: '%', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 100} },
           secondScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Current.WindSpeed', ScreensaverEntityIcon: 'weather-windy', ScreensaverEntityText: "Wind", ScreensaverEntityUnitText: 'km/h', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 120} },
           //secondScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Current.WindSpeed', ScreensaverEntityIcon: 'weather-windy', ScreensaverEntityText: "Wind", ScreensaverEntityUnitText: 'km/h', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 120} },
           thirdScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Current.UVIndex', ScreensaverEntityIcon: 'solar-power', ScreensaverEntityText: 'UV', ScreensaverEntityUnitText: '', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 9} },
           fourthScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Current.RelativeHumidity', ScreensaverEntityIcon: 'water-percent', ScreensaverEntityText: 'Luft', ScreensaverEntityUnitText: '%', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 100, 'val_best': 65} },
           alternativeScreensaverLayout: false,
           autoWeatherColorScreensaverLayout: true,
           mrIcon1ScreensaverEntity: { ScreensaverEntity: 'mqtt.0.SmartHome.NSPanel_1.stat.POWER1', ScreensaverEntityIcon: 'light-switch', ScreensaverEntityOnColor: On, ScreensaverEntityOffColor: HMIOff  },
           mrIcon2ScreensaverEntity: { ScreensaverEntity: 'mqtt.0.SmartHome.NSPanel_1.stat.POWER2', ScreensaverEntityIcon: 'lightbulb', ScreensaverEntityOnColor: On, ScreensaverEntityOffColor: HMIOff  },
           timeoutScreensaver: 20,
           screenSaverDoubleClick: true,
           locale: 'de-DE',                    // en-US, de-DE, nl-NL, da-DK, es-ES, fr-FR, it-IT, ru-RU, etc.
           weatherEntity: 'alias.0.Wetter',    // Dieser Alias muss erstellt werden, damit die 4 kleineren Icons (Wetter oder DP) angezeigt werden können
           defaultOffColor: Off,
           defaultOnColor: On,
           defaultColor: Off,
           defaultBackgroundColor: HMIDark,    //New Parameter
           temperatureUnit: '°C',
           pages: [
           		Licht,                //Lichtsteuerung Flur
                   Umwelt,
                   Service             //Auto-Alias Service Page
           ],
           subPages: [
                       
                       NSPanel_Infos,              //Auto-Alias Service Page
                      // NSPanel_Einstellungen,      //Auto-Alias Service Page
                       NSPanel_Firmware_Info,       //Auto-Alias Service Page
                       Thermo,
                       WLAN,
                       Aussenlicht
           ],
           button1Page: null,   //Beispiel-Seite auf Button 1, wenn Rule2 definiert - Wenn nicht definiert --> button1Page: null, 
           button2Page: null    //Beispiel-Seite auf Button 2, wenn Rule2 definiert - Wenn nicht definiert --> button1Page: null,
        };
        
        // _________________________________ Ab hier keine Konfiguration mehr _____________________________________
        
        

        ArmilarA Offline
        ArmilarA Offline
        Armilar
        Most Active Forum Testing
        wrote on last edited by Armilar
        #1487

        @thomson

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

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

        EDIT: sehe den Spoiler schon... danke

        Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
        https://github.com/joBr99/nspanel-lovelace-ui/wiki

        Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

        1 Reply Last reply
        1
        • T thomson

          @armilar

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

          //-- Anfang der Beispiele für Seitengestaltung -- Selbstdefinierte Aliase erforderlich ----------------
          
          let Licht: PageGrid =
          {
             "type": "cardGrid",
             "heading": "Lichtsteuerung",
             "useColor": true,
             "subPage": false,
             "parent": undefined,
             "items": [
                 <PageItem>{ id: "alias.0.NSPanel.Licht.Spot_Flur", name: "Flur Spots",icon:"light-recessed", interpolateColor: true},
                 <PageItem>{ id: "alias.0.NSPanel.Licht.Flurlicht_oben", name: "Flur DG",icon:"light-recessed", interpolateColor: true},
                 <PageItem>{ id: "alias.0.NSPanel.Licht.Wandlampe", name: "Wandlampe",icon:"wall-sconce-outline", interpolateColor: true},
                  <PageItem>{ navigate: true, id: "Aussenlicht", icon: "coach-lamp-variant", onColor: White, name: "Außen"}, 
             ]
          };
          
          var Umwelt: PageGrid =
          {
             "type": "cardGrid",
             "heading": "Umwelt",
             "useColor": true,
             "subPage": false,
             "parent": undefined,
             "items": [
                 <PageItem>{ id: "alias.0.NSPanel.Rolladen.Flur_Rolladen", name: "Jalousie", interpolateColor: true},
                 <PageItem>{ navigate: true, id: "Thermo", icon: "home-thermometer", onColor: White, name: "Thermostat"},
                 <PageItem>{ id: "alias.0.NSPanel.Klima.Infrarotheizung", icon: "heating-coil", icon2: "power",offColor: MSRed, onColor: MSGreen}
             ]
          };
          
          
          
          
          //*************************Sub Pages*****************************************
          let Thermo: PageThermo =
          {
             "type": "cardThermo",
             "heading": "Thermostat",
             "useColor": true,
             "subPage": true,
             "parent": Umwelt,
              "items": [
                  <PageItem>{ id: "alias.0.NSPanel.Klima.HeizungFlur", minValue: 50, maxValue: 300 }
              ]
          };
          
          
          var Aussenlicht: PageGrid =
          {
             "type": "cardGrid",
             "heading": "Außenlicht",
             "useColor": true,
             "subPage": true,
             "parent": Licht,
             "items": [
             <PageItem>{ id: "alias.0.NSPanel.Licht.Haustuerlampe", name: "Haustür",icon: "coach-lamp-variant", interpolateColor: true},
             <PageItem>{ id: "alias.0.NSPanel.Licht.SpotTuer", name: "Tür",icon:"light-recessed", interpolateColor: true},
             <PageItem>{ id: "alias.0.NSPanel.Licht.SpotStr", name: "Straße",icon:"light-recessed", interpolateColor: true},
             <PageItem>{ id: "alias.0.NSPanel.Licht.SpotHinten", name: "Hinten", icon:"light-recessed",interpolateColor: true },
             ]
          };
          
          var WLAN: PageQR = 
          {
             "type": "cardQR",
             "heading": "Gäste WLAN",
             "useColor": true,
             "subPage": true,
             "parent": Service,
             "items": [
             	<PageItem>{ id: "alias.0.NSPanel.WLAN_Guest" }
             
             ]
          };
          
          // <PageItem>{ id: "alias.0.NSPanel.Verschluss.FlurTuer", offColor: MSRed, onColor: MSGreen, name: "Flur" },
          //-- ENDE der Beispiele für Seitengestaltung -- Selbstdefinierte Aliase erforderlich ------------------
          
          
          /********************************************************************************************************** */
          //Service Pages mit Auto-Alias (Nachfolgende Seiten werden mit Alias automatisch angelegt)
          /********************************************************************************************************** */
          
          var Service: PageEntities =
          {
             "type": "cardEntities",
             "heading": "NSPanel Service",
             "useColor": true,
             "subPage": false,
             "parent": undefined, 
             "items": [
                 <PageItem>{ navigate: true, id: "NSPanel_Infos", icon: "information-outline", onColor: White, name: "NSPanel Infos"},
                 <PageItem>{ navigate: true, id: "NSPanel_Firmware_Info", icon: "update", onColor: White, name: "Firmware Infos"},
                 <PageItem>{ navigate: true, id: "WLAN", icon: "update", onColor: White, name: "Gäste WLAN"},
             ]
          };
          
                 //Subpage 1 von Subpages_2
                 let NSPanel_Infos: PageEntities =
                 {
                     "type": "cardEntities",
                     "heading": "NSPanel Infos",
                     "useColor": true,
                     "subPage": true,
                     "parent": Service,
                     "items": [
                         <PageItem>{ id: AliasPath + 'Tasmota.Hardware', name: 'Hardware', icon: 'memory', offColor: MSYellow, onColor: MSYellow, useColor: true},
                         <PageItem>{ id: AliasPath + 'Sensor.ESP32.Temperature', name: "ESP Temperatur", icon: "thermometer", unit: "°C", offColor: MSYellow, onColor: MSYellow, useColor: true},
                         <PageItem>{ id: AliasPath + 'Tasmota.Uptime', name: "Uptime", icon: "timeline-clock-outline", offColor: MSYellow, onColor: MSYellow, useColor: true},
                         <PageItem>{ id: AliasPath + 'Tasmota.Wifi.RSSI', name: "Wifi-Signal", icon: "signal-distance-variant", unit: "dBm", offColor: MSYellow, onColor: MSYellow, useColor: true}
                     ]
                 };
          /*
                 //+Subpage 2 von Subpages_2
                 let NSPanel_Einstellungen: PageEntities =
                 {
                     'type': 'cardEntities',
                     'heading': 'Screensaver',
                     'useColor': true,
                     'subPage': true,
                     'parent': Service,
                     'items': [
                         <PageItem>{ id: AliasPath + 'Dimmode.brightnessDay', name: 'Brightness Tag', icon: 'brightness-5', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 5, maxValue: 10},
                         <PageItem>{ id: AliasPath + 'Dimmode.brightnessNight', name: 'Brightness Nacht', icon: 'brightness-4', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 0, maxValue: 4},
                         <PageItem>{ id: AliasPath + 'Dimmode.hourDay', name: 'Stunde Tag', icon: 'sun-clock', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 0, maxValue: 23},
                         <PageItem>{ id: AliasPath + 'Dimmode.hourNight', name: 'Stunde Nacht', icon: 'sun-clock-outline', offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 0, maxValue: 23}
                     ]
                 };*/
          
                 //Subpage 3 von Subpages_2
                 let NSPanel_Firmware_Info: PageEntities =
                 {
                     'type': 'cardEntities',
                     'heading': 'Firmware-Updates',
                     'useColor': true,
                     'subPage': true,
                     'parent': Service,
                     'items': [
                         <PageItem>{ id: AliasPath + 'Tasmota.Version', name: 'Tasmota Firmware', offColor: MSYellow, onColor: MSYellow, useColor: true},
                         <PageItem>{ id: AliasPath + 'Display.TFTVersion', name: 'TFT-Firmware', offColor: MSYellow, onColor: MSYellow, useColor: true},
                         <PageItem>{ id: AliasPath + 'Display.BerryDriver', name: 'Berry-Treiber', offColor: MSYellow, onColor: MSYellow, useColor: true},
                         <PageItem>{ id: AliasPath + 'Display.Model', name: 'NSPanel Version', offColor: MSYellow, onColor: MSYellow, useColor: true}
                     ]
                 };
          
          export const config: Config = {
              panelRecvTopic: 'mqtt.0.SmartHome.nspanel_D3D77C.tele.RESULT',       // anpassen
             panelSendTopic: 'mqtt.0.SmartHome.nspanel_D3D77C.cmnd.CustomSend',   // anpassen
             firstScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Hourly.h0.PrecipitationProbability', ScreensaverEntityIcon: 'weather-pouring', ScreensaverEntityText: 'Regen', ScreensaverEntityUnitText: '%', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 100} },
             secondScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Current.WindSpeed', ScreensaverEntityIcon: 'weather-windy', ScreensaverEntityText: "Wind", ScreensaverEntityUnitText: 'km/h', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 120} },
             //secondScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Current.WindSpeed', ScreensaverEntityIcon: 'weather-windy', ScreensaverEntityText: "Wind", ScreensaverEntityUnitText: 'km/h', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 120} },
             thirdScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Current.UVIndex', ScreensaverEntityIcon: 'solar-power', ScreensaverEntityText: 'UV', ScreensaverEntityUnitText: '', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 9} },
             fourthScreensaverEntity: { ScreensaverEntity: 'accuweather.0.Current.RelativeHumidity', ScreensaverEntityIcon: 'water-percent', ScreensaverEntityText: 'Luft', ScreensaverEntityUnitText: '%', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 100, 'val_best': 65} },
             alternativeScreensaverLayout: false,
             autoWeatherColorScreensaverLayout: true,
             mrIcon1ScreensaverEntity: { ScreensaverEntity: 'mqtt.0.SmartHome.NSPanel_1.stat.POWER1', ScreensaverEntityIcon: 'light-switch', ScreensaverEntityOnColor: On, ScreensaverEntityOffColor: HMIOff  },
             mrIcon2ScreensaverEntity: { ScreensaverEntity: 'mqtt.0.SmartHome.NSPanel_1.stat.POWER2', ScreensaverEntityIcon: 'lightbulb', ScreensaverEntityOnColor: On, ScreensaverEntityOffColor: HMIOff  },
             timeoutScreensaver: 20,
             screenSaverDoubleClick: true,
             locale: 'de-DE',                    // en-US, de-DE, nl-NL, da-DK, es-ES, fr-FR, it-IT, ru-RU, etc.
             weatherEntity: 'alias.0.Wetter',    // Dieser Alias muss erstellt werden, damit die 4 kleineren Icons (Wetter oder DP) angezeigt werden können
             defaultOffColor: Off,
             defaultOnColor: On,
             defaultColor: Off,
             defaultBackgroundColor: HMIDark,    //New Parameter
             temperatureUnit: '°C',
             pages: [
             		Licht,                //Lichtsteuerung Flur
                     Umwelt,
                     Service             //Auto-Alias Service Page
             ],
             subPages: [
                         
                         NSPanel_Infos,              //Auto-Alias Service Page
                        // NSPanel_Einstellungen,      //Auto-Alias Service Page
                         NSPanel_Firmware_Info,       //Auto-Alias Service Page
                         Thermo,
                         WLAN,
                         Aussenlicht
             ],
             button1Page: null,   //Beispiel-Seite auf Button 1, wenn Rule2 definiert - Wenn nicht definiert --> button1Page: null, 
             button2Page: null    //Beispiel-Seite auf Button 2, wenn Rule2 definiert - Wenn nicht definiert --> button1Page: null,
          };
          
          // _________________________________ Ab hier keine Konfiguration mehr _____________________________________
          
          

          ArmilarA Offline
          ArmilarA Offline
          Armilar
          Most Active Forum Testing
          wrote on last edited by
          #1488

          @thomson sagte in SONOFF NSPanel mit Lovelace UI:

          mqtt.0.SmartHome.NSPanel_1.stat.POWER1

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

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

          kurz ersetzen durch

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

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

          Danach nochmal durchstarten und das Log erneut senden

          Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
          https://github.com/joBr99/nspanel-lovelace-ui/wiki

          Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

          T 1 Reply Last reply
          1
          • ArmilarA Armilar

            @thomson sagte in SONOFF NSPanel mit Lovelace UI:

            mqtt.0.SmartHome.NSPanel_1.stat.POWER1

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

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

            kurz ersetzen durch

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

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

            Danach nochmal durchstarten und das Log erneut senden

            T Offline
            T Offline
            thomson
            wrote on last edited by
            #1489

            @armilar

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

            ArmilarA 1 Reply Last reply
            1
            • T thomson

              @armilar

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

              ArmilarA Offline
              ArmilarA Offline
              Armilar
              Most Active Forum Testing
              wrote on last edited by
              #1490

              @thomson

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

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

              Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
              https://github.com/joBr99/nspanel-lovelace-ui/wiki

              Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

              T 1 Reply Last reply
              0
              • ArmilarA Armilar

                @thomson

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

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

                T Offline
                T Offline
                thomson
                wrote on last edited by
                #1491

                @armilar Klar


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

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

                ArmilarA 2 Replies Last reply
                0
                • T thomson

                  @armilar Klar


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

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

                  ArmilarA Offline
                  ArmilarA Offline
                  Armilar
                  Most Active Forum Testing
                  wrote on last edited by Armilar
                  #1492

                  @thomson

                  Perfekt - sehe ich mir an...

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

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

                  Sollte dann etwa so aussehen:

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

                  Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                  https://github.com/joBr99/nspanel-lovelace-ui/wiki

                  Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                  1 Reply Last reply
                  0
                  • T thomson

                    @armilar Klar


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

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

                    ArmilarA Offline
                    ArmilarA Offline
                    Armilar
                    Most Active Forum Testing
                    wrote on last edited by Armilar
                    #1493

                    @thomson

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

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

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

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

                    Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                    https://github.com/joBr99/nspanel-lovelace-ui/wiki

                    Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                    T K 2 Replies Last reply
                    0
                    • ArmilarA Armilar

                      @thomson

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

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

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

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

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

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

                      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

                      ArmilarA 1 Reply Last reply
                      0
                      • T TT-Tom

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

                        ArmilarA Offline
                        ArmilarA Offline
                        Armilar
                        Most Active Forum Testing
                        wrote on last edited by
                        #1495

                        @tt-tom

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

                        Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                        https://github.com/joBr99/nspanel-lovelace-ui/wiki

                        Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                        André KoschnikA 1 Reply Last reply
                        1
                        • ArmilarA Armilar

                          @tt-tom

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

                          André KoschnikA Offline
                          André KoschnikA Offline
                          André Koschnik
                          wrote on last edited by
                          #1496

                          Hallo zusammen,

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

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

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

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

                          leider bekomme ich immer fehler kann mir jemand weiterhelfen?

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

                            Hallo zusammen,

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

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

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

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

                            leider bekomme ich immer fehler kann mir jemand weiterhelfen?

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

                            @andré-koschnik

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

                            Beispiel:

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

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

                            Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                            https://github.com/joBr99/nspanel-lovelace-ui/wiki

                            Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                            André KoschnikA C 2 Replies Last reply
                            0
                            • ArmilarA Armilar

                              @andré-koschnik

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

                              Beispiel:

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

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

                              André KoschnikA Offline
                              André KoschnikA Offline
                              André Koschnik
                              wrote on last edited by
                              #1498

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

                              1 Reply Last reply
                              1
                              • missiM Offline
                                missiM Offline
                                missi
                                wrote on last edited by
                                #1499

                                Moin,

                                kurz vor weg, finde das ganze Projekt mega gut lese diesen Bericht fast wie ein Buch 🐶

                                Was ich aber nicht finde ist, auf meinem Panel geht die Uhr eine Stunde zu früh, wo nimmt er die Uhrzeit her ?
                                im Broker auf dem Panel und hwclock ist die Zeit korrekt nur nicht auf dem Panel.
                                Bin etwas Ratlos, hätte jemand ein Tipp für mich

                                Wünsche euch ein Frohes neues Jahr 2023

                                Beste Grüße

                                ArmilarA 1 Reply Last reply
                                0
                                • missiM missi

                                  Moin,

                                  kurz vor weg, finde das ganze Projekt mega gut lese diesen Bericht fast wie ein Buch 🐶

                                  Was ich aber nicht finde ist, auf meinem Panel geht die Uhr eine Stunde zu früh, wo nimmt er die Uhrzeit her ?
                                  im Broker auf dem Panel und hwclock ist die Zeit korrekt nur nicht auf dem Panel.
                                  Bin etwas Ratlos, hätte jemand ein Tipp für mich

                                  Wünsche euch ein Frohes neues Jahr 2023

                                  Beste Grüße

                                  ArmilarA Offline
                                  ArmilarA Offline
                                  Armilar
                                  Most Active Forum Testing
                                  wrote on last edited by Armilar
                                  #1500

                                  @missi sagte in SONOFF NSPanel mit Lovelace UI:

                                  hwclock

                                  Es wird die Systemzeit genommen und an das Panel übertragen. Den Fehler kannst du auch in jedem anderen Blockly reproduzieren:
                                  https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker---FAQ-&-Anleitungen#19-abweichende-uhrzeit

                                  Kann zwei Ursachen haben:
                                  Je nach System kann natürlich auch eine VM (z.B. Proxmox) ihr Unwesen treiben...

                                  1. Lösung: die Systemzeit (und Standort auf Berlin) korrigieren. In der Regel sollte danach ein Neustart des Betriebssystems erfolgen.

                                  2. Lösung: Eine veraltete nodeJS-Version könnte das Problem sein... Sollte in der Konsole mit node -v keine 16.19.0 herauskommen, dann sollte in jedem Fall gehandelt werden.

                                    • Das Release beginnt mit 16.X.X**

                                      Dann einfach

                                      sudo apt-get update
                                      sudo apt-get dist-upgrade
                                      sudo reboot
                                      

                                      durchführen (sollte sowieso mindestens einmal im Monat erfolgen)

                                    • Das Release beginnt mit 14.X.X oder noch kleiner:
                                      Jetzt ist zwingend das nodeJS auf einen neuen Stand zu bringen:
                                      Anleitung siehe hier:
                                      https://forum.iobroker.net/topic/35090/howto-nodejs-installation-und-upgrades-unter-debian

                                  Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                                  https://github.com/joBr99/nspanel-lovelace-ui/wiki

                                  Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                                  1 Reply Last reply
                                  1
                                  • egalE Offline
                                    egalE Offline
                                    egal
                                    wrote on last edited by
                                    #1501

                                    Hallo,

                                    so langsam bekommt das Teil so 'richtigen' Nutzen aka WAF ;-D
                                    Habe mal die MediaCard für den Volumio-Player angepaßt (relevente Routinen erweitert), funkt soweit ganz gut inkl. dynamischer Playlist (Mißbrauch des Shuffle-Buttons für den Refresh-Init hierfür)

                                    let VolumioBoss: PageMedia = 
                                    {
                                        'type': 'cardMedia',
                                        'heading': 'Volumio-Büro',
                                        'useColor': true,
                                        'subPage': false,
                                        'parent': undefined,
                                        'items': [<PageItem>{   
                                                    id: 'alias.0.NSPanel.Volumio-Boss', 
                                                    adapterPlayerInstance: 'volumio.0.',
                                                    speakerList: [], /* this must, no function */
                                                    playList: [],    /* empty for dynamic reading */
                                                    colorMediaIcon: colorSpotify,
                                                    colorMediaTitle: colorSpotify,
                                                    colorMediaArtist: Yellow,
                                                    autoCreateALias : true
                                                 }]
                                    };
                                    
                                    let VolumioMobil: PageMedia = 
                                    {
                                        'type': 'cardMedia',
                                        'heading': 'Volumio-Mobil',
                                        'useColor': true,
                                        'subPage': false,
                                        'parent': undefined,
                                        'items': [<PageItem>{   
                                                    id: 'alias.0.NSPanel.Volumio-Mobil', 
                                                    adapterPlayerInstance: 'volumio.1.',
                                                    speakerList: [], /* this must, no function */
                                                    playList: [],    /* empty for dynamic reading */
                                                    colorMediaIcon: Yellow,
                                                    colorMediaTitle: Yellow,
                                                    colorMediaArtist: Gray,
                                                    autoCreateALias : true
                                                 }]
                                    };
                                    

                                    NSPanel-Voumio-2.JPG NSPanel-Voumio-1.JPG NSPanel-Voumio-3.JPG

                                    Bloß der volumio-Adapter ist ziemlich empfindlich (schmiert häufig ab, wenn man zu schnell tastet), und mehrer Adapter beeinflussen sich bei den Events: Titel/Artistwechsel gehen an alle Instanzen ?!?

                                    Hat irgend jemand hier noch Volumios im Einsatz ?

                                    Gruß Uwe ;-)

                                    ArmilarA 1 Reply Last reply
                                    1
                                    • egalE egal

                                      Hallo,

                                      so langsam bekommt das Teil so 'richtigen' Nutzen aka WAF ;-D
                                      Habe mal die MediaCard für den Volumio-Player angepaßt (relevente Routinen erweitert), funkt soweit ganz gut inkl. dynamischer Playlist (Mißbrauch des Shuffle-Buttons für den Refresh-Init hierfür)

                                      let VolumioBoss: PageMedia = 
                                      {
                                          'type': 'cardMedia',
                                          'heading': 'Volumio-Büro',
                                          'useColor': true,
                                          'subPage': false,
                                          'parent': undefined,
                                          'items': [<PageItem>{   
                                                      id: 'alias.0.NSPanel.Volumio-Boss', 
                                                      adapterPlayerInstance: 'volumio.0.',
                                                      speakerList: [], /* this must, no function */
                                                      playList: [],    /* empty for dynamic reading */
                                                      colorMediaIcon: colorSpotify,
                                                      colorMediaTitle: colorSpotify,
                                                      colorMediaArtist: Yellow,
                                                      autoCreateALias : true
                                                   }]
                                      };
                                      
                                      let VolumioMobil: PageMedia = 
                                      {
                                          'type': 'cardMedia',
                                          'heading': 'Volumio-Mobil',
                                          'useColor': true,
                                          'subPage': false,
                                          'parent': undefined,
                                          'items': [<PageItem>{   
                                                      id: 'alias.0.NSPanel.Volumio-Mobil', 
                                                      adapterPlayerInstance: 'volumio.1.',
                                                      speakerList: [], /* this must, no function */
                                                      playList: [],    /* empty for dynamic reading */
                                                      colorMediaIcon: Yellow,
                                                      colorMediaTitle: Yellow,
                                                      colorMediaArtist: Gray,
                                                      autoCreateALias : true
                                                   }]
                                      };
                                      

                                      NSPanel-Voumio-2.JPG NSPanel-Voumio-1.JPG NSPanel-Voumio-3.JPG

                                      Bloß der volumio-Adapter ist ziemlich empfindlich (schmiert häufig ab, wenn man zu schnell tastet), und mehrer Adapter beeinflussen sich bei den Events: Titel/Artistwechsel gehen an alle Instanzen ?!?

                                      Hat irgend jemand hier noch Volumios im Einsatz ?

                                      ArmilarA Offline
                                      ArmilarA Offline
                                      Armilar
                                      Most Active Forum Testing
                                      wrote on last edited by Armilar
                                      #1502

                                      @egal sagte in SONOFF NSPanel mit Lovelace UI:

                                      Volumios

                                      Denke die Änderungen könnte man mit aufnehmen, oder? Könntest du die (ich denke es ist die GenerateMediaPage, die createAutoMediaAlias, die HandleButtonEvent und wahrscheinlich die GenerateDetailPage) Änderungen auch posten? Es gibt immer jemanden, der es gebrauchen kann 😉

                                      Welches Icon benötigst du denn im Shuffle?

                                      EDIT: bei "dynamisch" sollten die Enträge in der playList nicht die 900 Zeichen überschreiten, sonst gibts einen Speicherüberlauf in der InSel.

                                      Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                                      https://github.com/joBr99/nspanel-lovelace-ui/wiki

                                      Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                                      egalE 1 Reply Last reply
                                      0
                                      • ArmilarA Armilar

                                        @thomson

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

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

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

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

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

                                        @armilar ich übernehme das mal in die FAQ

                                        NSPanel Dokumentation im GitHub Wiki:

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

                                        ArmilarA 1 Reply Last reply
                                        0
                                        • K Kuckuckmann

                                          @armilar ich übernehme das mal in die FAQ

                                          ArmilarA Offline
                                          ArmilarA Offline
                                          Armilar
                                          Most Active Forum Testing
                                          wrote on last edited by
                                          #1504

                                          @kuckuckmann

                                          Jo, noch ist der Code nicht im Script...

                                          Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                                          https://github.com/joBr99/nspanel-lovelace-ui/wiki

                                          Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                                          K 1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          529

                                          Online

                                          32.4k

                                          Users

                                          81.4k

                                          Topics

                                          1.3m

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

                                          • Don't have an account? Register

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