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

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

NEWS

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

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

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

SONOFF NSPanel mit Lovelace UI

SONOFF NSPanel mit Lovelace UI

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

    @armilar

    Vielen Dank für deine Antwort.

    Ich füge den Code hier mal ein, aber wie gesagt, eigentlich habe ich nichts geändert.
    Den unteren Teil, bei dem man nichts mehr ändern soll habe ich abgeschnitten, da es sonst zu viele Zeichen waren, kann aber auch gerne den ganzen Text irgendwo bereitstellen.

    Gruß

    /*-----------------------------------------------------------------------
    TypeScript v3.4.0.6 zur Steuerung des SONOFF NSPanel mit dem ioBroker by @Armilar/@Britzelpuf
    - abgestimmt auf TFT 42 / v3.4.0 / BerryDriver 4 / Tasmota 12.1.1
    @joBr99 Projekt: https://github.com/joBr99/nspanel-lovelace-ui/tree/main/ioBroker
    
    NsPanelTs.ts (dieses TypeScript in ioBroker) Stable: https://github.com/joBr99/nspanel-lovelace-ui/blob/main/ioBroker/NsPanelTs.ts
    icon_mapping.ts: https://github.com/joBr99/nspanel-lovelace-ui/blob/main/ioBroker/icon_mapping.ts (TypeScript muss in global liegen)
    
    ioBroker-Unterstützung: https://forum.iobroker.net/topic/50888/sonoff-nspanel
    WIKI zu diesem Projekt unter: https://github.com/joBr99/nspanel-lovelace-ui/wiki (siehe Sidebar)
    Icons unter: https://htmlpreview.github.io/?https://github.com/jobr99/Generate-HASP-Fonts/blob/master/cheatsheet.html
    
    ReleaseNotes:
        Bugfixes und Erweiterungen:
            - cardQR (für Gäste WLAN)
            - cardThermo (Neues Design für Alias Thermostat und zusätzlich für Alias Klimaanlage)
            - 08.05.2022 - v2.9.0 - Menüpfeile bei HardwareButtons (button1Page; button2Page) mit Navigation auf Page 0
            - 08.05.2022 - v2.9.0 - Standard-Brightness über neuen Parameter active einstellbar (Test mit 2.9.3)
            - 08.05.2022 - v2.9.0 - Schalter (Licht, Dimmer, Hue, etc) in cardGrid lassen sich wieder schalten
            - 14.06.2022 - v2.9.0 - Aktion auf Submenüs schaltet unmittelbar auf vorheriges Mainmenu (Many thanks to Grrzzz)
            - 14.06.2022 - v2.9.0 - Menü-Pfeile in Subpages (z.B. card QR, cardMedia, etc) (Many thanks to Grrzzz)
            - 15.06.2022 - v3.0.0 - Date/Time im Screensaver auf Basis localString (de-DE/en-EN/nl-NL/etc.)
            - 16.06.2022 - v3.0.0 - Multilingual - config.locale (en-EN, de-DE, nl-NL, da-DK, es-ES, fr-FR, it-IT, ru-RU, etc.)
            - 16.06.2022 - v3.0.0 - Bugfix by Grrzzz - Subpages
            - 18.06.2022 - v3.1.0 - Längere Textfelder in cardEntities
            - 18.06.2022 - V3.1.0 - Detail-Page Lights/Shutter hat neuen Parameter "id"
            - 19.06.2022 - v3.1.0 - Bugfix toLocalTimeString in en-EN/en-US
            - 19.06.2022 - v3.1.0 - Fehler in findLocale abgefangen
            - 19.06.2022 - v3.1.0 - Umstellung auf "Home Assistant" Sprachfile
            - 19.06.2022 - v3.1.0 - Alias "light" und "socket" haben optionalen Parameter icon2 für negative Zustände
            - 29.06.2022 - v3.1.1 - Bugfix Github #286 (Active Page) + Bugfix pageThermo, pageMedia, pageAlarm as first Page
            - 25.08.2022 - v3.1.0 - Code-Verbesserungen (klein0r)
            - 26.08.2022 - v3.2.0 - pageItem mit CIE (XY) Parameter für ColorWheel (Steuerung für z.B Deconz-Farben bei denen Hue nicht greift)
            - 28.08.2022 - v3.2.0 - Wechsel zwischen Weather-Forecast und eigenen Datenpunkten im Screensaver (minütlich)
            - 28.08.2022 - v3.2.0 - Bugfix für 3.2.0 in GenerateDetailPage: Color-Language nicht über findLocales, da nicht in Sprachfile enthalten
            - 29.08.2022 - v3.3.0 - Upgrade TFT 40
            - 29.08.2022 - v3.3.1 - Upgrade TFT 41
            - 04.09.2022 - v3.3.1 - Überarbeitung und BugFix für cardAlarm
            - 13.09.2022 - v3.3.1.3 BugFix Screensaver Toggle
            - 13.09.2022 - v3.3.1.3 Überarbeitung und BugFix und Refresh Features für cardMedia (Breaking Changes)
            - 13.09.2022 - v3.3.1.3 Hinzufügen von SpotifyPremium, Sonos und Chromecast (Google home) zur cardMedia-Logik
            - 15.09.2022 - V3.4.0 - BugFix Dimmode
            - 15.09.2022 - V3.4.0 - Colormode für Screensaver + AutoColor WeatherForecast
    	- 16.09.2022 - v3.4.0.1 Visualisierung der Relay Zustände (MRIcons) im Screensaver + Bugfix Screensaver MRIcon2
            - 17.09.2022 - v3.4.0.2 Bugfix for screensaver icons with scaled colors
            - 17.09.2022 - v3.4.0.3 Bugfix bNext / bPrev by joBr99
            - 18.09.2022 - v3.4.0.4 Add On/Off Colors in config.mrIcon1ScreensaverEntity and config.mrIcon2ScreensaverEntity
            - 19.09.2022 - v3.4.0.5 Add Mode to cardThermo (Alias Thermostat)
            - 03.10.2022 - v3.4.0.6 Add 5 Entities in US Panel Version to cardEntities
            - 03.10.2022 - v3.4.0.6 Fix screenSaverDoubleClick
            - 03.10.2022 - v3.4.0.6 Add cardPower (experimental)
            - 05.10.2022 - v3.4.0.6 Add sueezeboxrpc to cardMedia
            - 07.10.2022 - v3.4.0.6 Time-configurable change for screensaver icons
    
    Wenn Rule definiert, dann können die Hardware-Tasten ebenfalls für Seitensteuerung (dann nicht mehr als Releais) genutzt werden
    Tasmota Konsole: 
        Rule2 on Button1#state do Publish %topic%/%prefix%/RESULT {"CustomRecv":"event,button1"} endon on Button2#state do Publish %topic%/%prefix%/RESULT {"CustomRecv":"event,button2"} endon
        Rule2 1 (Rule aktivieren)
        Rule2 0 (Rule deaktivieren) 
    
    Mögliche Seiten-Ansichten:
        screensaver Page    - wird nach definiertem Zeitraum (config) mit Dimm-Modus aktiv (Uhrzeit, Datum, Aktuelle Temperatur mit Symbol)
                              (die 4 kleineren Icons können als Wetter-Vorschau + 4Tage (Symbol + Höschsttemperatur) oder zur Anzeige definierter Infos konfiguriert werden)   
        cardEntities Page   - 4 vertikale angeordnete Steuerelemente - auch als Subpage
        cardGrid Page       - 6 horizontal angeordnete Steuerelemente in 2 Reihen a 3 Steuerelemente - auch als Subpage
        cardThermo Page     - Thermostat mit Solltemperatur, Isttemperatur, Mode - Weitere Eigenschaften können im Alias definiert werden
        cardMedia Page      - Mediaplayer - Ausnahme: Alias sollte mit Alias-Manager automatisch über Alexa-Verzeichnes Player angelegt werden
        cardAlarm Page      - Alarmseite mit Zustand und Tastenfeld
    
    Popup-Pages:
        popupLight Page     - in Abhängigkeit zum gewählten Alias werden "Helligkeit", "Farb-Temperatur" und "Farbauswahl" bereitgestellt
        popupShutter Page   - die Shutter-Potition (Rollo, Jalousie, Markise, Leinwand, etc.) kann über einen Slider verändert werden.
        popupNotify Page    - Info - Seite mit Headline Text und Buttons - Intern für manuelle Updates / Extern zur Befüllung von Datenpunkten unter 0_userdata
        screensaver Notify  - Über zwei externe Datenpunkte in 0_userdata können "Headline" und "Text" an den Screensaver zur Info gesendet werden
    
    Mögliche Aliase: (Vorzugsweise mit ioBroker-Adapter "Geräte verwalten" konfigurieren, da SET, GET, ACTUAL, etc. verwendet werden)    
        Info                - Werte aus Datenpunkt
        Schieberegler       - Slider numerische Werte (SET/ACTUAL)
        Lautstärke          - Volume (SET/ACTUAL) und MUTE 
        Lautstärke-Gruppe   - analog Lautstärke 
        Licht               - An/Aus (Schalter)
        Steckdose           - An/Aus (Schalter)
        Dimmer              - An/Aus, Brightness
        Farbtemperatur      - An/Aus, Farbtemperatur und Brightness 
        HUE-Licht           - Zum Schalten von Color-Leuchtmitteln über HUE-Wert, Brightness, Farbtemperatur, An/Aus (HUE kann auch fehlen) 
        RGB-Licht           - RGB-Leuchtmitteln/Stripes welche Rot/Grün/ und Blau separat benötigen (Tasmota, WifiLight, etc.) + Brightness, Farbtemperatur 
        RGB-Licht-einzeln   - RGB-Leuchtmitteln/Stripes welche HEX-Farbwerte benötigen (Tasmota, WifiLight, etc.) + Brightness, Farbtemperatur 
        Jalousien           - Up, Stop, Down, Position 
        Fenster             - Sensor open 
        Tür                 - Sensor open 
        Verschluss          - Türschloss SET/ACTUAL/OPEN
        Taste               - Für Szenen oder Radiosender, etc. --> Nur Funktionsaufruf - Kein Taster wie MonoButton - True/False
        Tastensensor        - analog Taste
        Thermostat          - Aktuelle Raumtemperatur, Setpoint, etc. 
        Klimaanlage         - Buttons zur Steuerung der Klimaanlage im unteren Bereich
        Temperatur          - Anzeige von Temperture - Datenpunkten, ananlog Info
        Feuchtigkeit        - Anzeige von Humidity - Datenpunkten, ananlog Info 
        Medien              - Steuerung von Alexa - Über Alias-Manager im Verzeichnis Player automatisch anlegen (Geräte-Manager funktioniert nicht) 
        Wettervorhersage    - Aktuelle Außen-Temperatur (Temp) und aktuelles Accu-Wheather-Icon (Icon) für Screensaver
    
    Interne Sonoff-Sensoren (über Tasmota):
        ESP-Temperatur      - wird in 0_userdata.0. abgelegt, kann als Alias importieert werden
        Temperatur          - Raumtemperatur - wird in 0_userdata.0. abgelegt, kann als Alias importieert werden 
                              (!!! Achtung: der interne Sonoff-Sensor liefert keine exakten Daten, da das NSPanel-Board und der ESP selbst Hitze produzieren !!! 
                              ggf. Offset einplanen oder besser einen externen Sensor über Zigbee etc. verwenden)
        Timestamp           - wird in 0_userdata.0. Zeitpunkt der letzten Sensorübertragung
    Tasmota-Status0 - (zyklische Ausführung) 
        liefert relevanten Tasmota-Informationen und kann bei Bedarf in "function get_tasmota_status0()" erweitert werden. Daten werden in 0_userdata.0. abgelegt
    Erforderliche Adapter:
        Accu-Wheater:       - Bei Nutzung der Wetterfunktionen (und zur Icon-Konvertierung) im Screensaver
        Alexa2:             - Bei Nutzung der dynamischen SpeakerList in der cardMedia
        Geräte verwalten    - Für Erstellung der Aliase
        Alias-Manager       - !!! ausschießlich für MEDIA-Alias
        MQTT-Adapter        - Für Kommunikation zwischen Skript und Tasmota
        JavaScript-Adapter
    Upgrades in Konsole:
        Tasmota BerryDriver     : Backlog UpdateDriverVersion https://raw.githubusercontent.com/joBr99/nspanel-lovelace-ui/main/tasmota/autoexec.be; Restart 1
        TFT EU STABLE Version   : FlashNextion http://nspanel.pky.eu/lovelace-ui/github/nspanel-v3.4.0.tft
    ---------------------------------------------------------------------------------------
    */ 
    var Icons = new IconsSelector();
    var timeoutSlider: any;
    var manually_Update = false;
    
    const NSPanel_Path = '0_userdata.0.NSPanel.1.';
    const NSPanel_Alarm_Path = '0_userdata.0.NSPanel.'; //Neuer Pfad für gemeinsame Nutzung durch mehrere Panels (bei Nutzung der cardAlarm)
    const Debug = false;
    
    // Variablen zur Steuerung der Wettericons auf dem Screensaver (Steuerung in 0_userdata.0.XPANELX.ScreensaverInfo)
    // Wenn weatherForecastTimer auf true, dann Wechsel zwischen Datenpunkten und Wettervorhersage (30 Sekunden nach Minute (Zeit))
    // Wenn weatherForecastTimer auf false, dann Möglichkeit über weatherForecast, ob Datenpunkte oder Wettervorhersage (true = WeatherForecast/false = Datenpunkte)
    var weatherForecast: boolean; //Änderung zum Video --> Einstellung siehe Wiki
    
    const HMIOff:           RGB = { red:  68, green: 115, blue: 158 };     // Blau-Off   - Original
    const Off:              RGB = { red: 253, green: 128, blue:   0 };     // Orange-Off - schönere Farbübergänge
    const On:               RGB = { red: 253, green: 216, blue:  53 };
    const MSRed:            RGB = { red: 251, green: 105, blue:  98 };
    const MSYellow:         RGB = { red: 255, green: 235, blue: 156 };
    const MSGreen:          RGB = { red: 121, green: 222, blue: 121 };
    const Red:              RGB = { red: 255, green:   0, blue:   0 };
    const White:            RGB = { red: 255, green: 255, blue: 255 };
    const Yellow:           RGB = { red: 255, green: 255, blue:   0 };
    const Green:            RGB = { red:   0, green: 255, blue:   0 };
    const Blue:             RGB = { red:   0, green:   0, blue: 255 };
    const DarkBlue:         RGB = { red:   0, green:   0, blue: 136 };
    const Gray:             RGB = { red: 136, green: 136, blue: 136 };
    const Black:            RGB = { red:   0, green:   0, blue:   0 };
    const colorSpotify:     RGB = { red:  30, green: 215, blue:  96 };
    const colorAlexa:       RGB = { red:  49, green: 196, blue: 243 };
    const colorRadio:       RGB = { red: 255, green: 127, blue:   0 };
    const BatteryFull:      RGB = { red:  96, green: 176, blue:  62 };
    const BatteryEmpty:     RGB = { red: 179, green:  45, blue:  25 };
    
    //Dynamische Indikatoren
    const colorScale0:      RGB = { red:   99, green: 190, blue: 123 };
    const colorScale1:      RGB = { red:  129, green: 199, blue: 126 };
    const colorScale2:      RGB = { red:  161, green: 208, blue: 127 };
    const colorScale3:      RGB = { red:  129, green: 217, blue: 126 };
    const colorScale4:      RGB = { red:  222, green: 226, blue: 131 };
    const colorScale5:      RGB = { red:  254, green: 235, blue: 132 };
    const colorScale6:      RGB = { red:  255, green: 210, blue: 129 };
    const colorScale7:      RGB = { red:  251, green: 185, blue: 124 };
    const colorScale8:      RGB = { red:  251, green: 158, blue: 117 };
    const colorScale9:      RGB = { red:  248, green: 131, blue: 111 };
    const colorScale10:     RGB = { red:  248, green: 105, blue: 107 };
    
    //Screensaver Default Theme Colors
    const scbackground:     RGB = { red:   0, green:    0, blue:   0};
    const sctime:           RGB = { red: 255, green:  255, blue: 255};
    const sctimeAMPM:       RGB = { red: 255, green:  255, blue: 255};
    const scdate:           RGB = { red: 255, green:  255, blue: 255};
    const sctMainIcon:      RGB = { red: 255, green:  255, blue: 255};
    const sctMainText:      RGB = { red: 255, green:  255, blue: 255};
    const sctForecast1:     RGB = { red: 255, green:  255, blue: 255};
    const sctForecast2:     RGB = { red: 255, green:  255, blue: 255};
    const sctForecast3:     RGB = { red: 255, green:  255, blue: 255};
    const sctForecast4:     RGB = { red: 255, green:  255, blue: 255};
    const sctF1Icon:        RGB = { red: 255, green:  235, blue: 156};
    const sctF2Icon:        RGB = { red: 255, green:  235, blue: 156};
    const sctF3Icon:        RGB = { red: 255, green:  235, blue: 156};
    const sctF4Icon:        RGB = { red: 255, green:  235, blue: 156};
    const sctForecast1Val:  RGB = { red: 255, green:  255, blue: 255};
    const sctForecast2Val:  RGB = { red: 255, green:  255, blue: 255};
    const sctForecast3Val:  RGB = { red: 255, green:  255, blue: 255};
    const sctForecast4Val:  RGB = { red: 255, green:  255, blue: 255};
    const scbar:            RGB = { red: 255, green:  255, blue: 255};
    const sctMainIconAlt:   RGB = { red: 255, green:  255, blue: 255};
    const sctMainTextAlt:   RGB = { red: 255, green:  255, blue: 255};
    const sctTimeAdd:       RGB = { red: 255, green:  255, blue: 255};
    
    //Auto-Weather-Colors
    const swClearNight:     RGB = { red: 150, green: 150, blue: 100};
    const swCloudy:         RGB = { red:  75, green:  75, blue:  75};
    const swExceptional:    RGB = { red: 255, green:  50, blue:  50};
    const swFog:            RGB = { red: 150, green: 150, blue: 150};
    const swHail:           RGB = { red: 200, green: 200, blue: 200};
    const swLightning:      RGB = { red: 200, green: 200, blue:  0};
    const swLightningRainy: RGB = { red: 200, green: 200, blue: 150};
    const swPartlycloudy:   RGB = { red: 150, green: 150, blue: 150};
    const swPouring:        RGB = { red:  50, green:  50, blue: 255};
    const swRainy:          RGB = { red: 100, green: 100, blue: 255};
    const swSnowy:          RGB = { red: 150, green: 150, blue: 150};
    const swSnowyRainy:     RGB = { red: 150, green: 150, blue: 255};
    const swSunny:          RGB = { red: 255, green: 255, blue:   0};
    const swWindy:          RGB = { red: 150, green: 150, blue: 150};
    
    var vwIconColor = [];
    
    //-- Anfang der Beispiele für Seitengestaltung -- Aliase erforderlich ----------------
    /*var Power: PagePower =
    {
        "type": "cardPower",
        "heading": "Power",
        "useColor": true,
        "subPage": false,
        "parent": undefined,
        "items": [
            <PageItem>{ id: "alias.0.NSPanel_1.TestRGBLichteinzeln", name: "RGB-Licht Hex-Color", interpolateColor: true}
        ]
    };
    */
    var Test_Licht: PageEntities =
    {
        "type": "cardEntities",
        "heading": "Testseite",
        "useColor": true,
        "subPage": false,
        "parent": undefined,
        "items": [
            <PageItem>{ id: "alias.0.NSPanel1.Wohnzimmerlicht", name: "Wohnzimmerlicht", interpolateColor: true},
        ]
    };
    /*
    var Test_Funktionen: PageEntities =
    {
        "type": "cardEntities",
        "heading": "Sonstige Aliase",
        "useColor": true,
        "subPage": false,
        "parent": undefined,
        "items": [
            <PageItem>{ id: "alias.0.NSPanel_1.TestLautstärke", offColor: MSRed, onColor: MSGreen, name: "Echo Spot Büro", minValue: 0, maxValue: 100 },
            <PageItem>{ id: "alias.0.NSPanel_1.TestTemperatur",name: "Temperatur außen", icon: "thermometer", onColor: White },
            <PageItem>{ id: "alias.0.NSPanel_1.TestFeuchtigkeit", name: "Luftfeuchte außen", icon: "water-percent", unit: "%H", onColor: White },
            <PageItem>{ id: "alias.0.NSPanel_1.TestInfo", name: "Windstärke", icon: "wind-power-outline", offColor: MSRed, onColor: MSGreen, unit: "bft", minValue: 0, maxValue: 12, interpolateColor: true, useColor: true }
        ]
    };
    
    var Buero_Seite_1: PageEntities =
    {
        "type": "cardEntities",
        "heading": "Büro",
        "useColor": true,
        "subPage": false,
        "parent": undefined,
        "items": [
            <PageItem>{ id: "alias.0.NSPanel_1.Schreibtischlampe", interpolateColor: true},
            <PageItem>{ id: "alias.0.NSPanel_1.Deckenbeleuchtung", interpolateColor: true},
            <PageItem>{ id: "alias.0.NSPanel_1.Testlampe2", name: "Filamentlampe", minValueBrightness: 0, maxValueBrightness: 70, interpolateColor: true},
            <PageItem>{ id: "alias.0.NSPanel_1.Luftreiniger", icon: "power", icon2: "",offColor: MSRed, onColor: MSGreen}
            //<PageItem>{ id: "alias.0.NSPanel_1.TestVentil1", icon: "valve-open", icon2: "valve-closed",offColor: MSRed, onColor: MSGreen, name: "Test-Ventil 1"}
        ]
    };
    
    var Fenster_1: PageEntities =
    {
        "type": "cardEntities",
        "heading": "Fenster und Türen",
        "useColor": true,
        "subPage": false,
        "parent": undefined,
        "items": [
            <PageItem>{ id: "alias.0.NSPanel_1.TestFenster", offColor: MSRed, onColor: MSGreen, name: "Büro Fenster"},
            <PageItem>{ id: "alias.0.NSPanel_1.Haustuer", offColor: MSRed, onColor: MSGreen, name: "Haustür"},
            <PageItem>{ id: "alias.0.NSPanel_1.TestBlind", onColor: White, name: "IKEA Fyrtur"},
            <PageItem>{ id: "alias.0.NSPanel_1.TestDoorlock", offColor: MSRed, onColor: MSGreen, name: "Türschloss"},
        ]
    };
    
    var Button_1: PageEntities =
    {
        "type": "cardEntities",
        "heading": "Button Aliase",
        "useColor": true,
        "subPage": false,
        "parent": undefined,
        "items": [
            <PageItem>{ id: "alias.0.NSPanel_1.TestTastensensor", name: "Tastensensor (FFN)"},
            <PageItem>{ id: "alias.0.NSPanel_1.Radio.NDR2", icon: "radio", name: "Taste (NDR2)", onColor: colorRadio},
        ]
    };
    
    var Subpages_1: PageEntities =
    {
        "type": "cardEntities",
        "heading": "Test Subpages",
        "useColor": true,
        "subPage": false,
        "parent": undefined,
        "items": [
            <PageItem>{ navigate: true, id: "Abfall", onColor: White, name: "Abfallkalender"},
            <PageItem>{ navigate: true, id: "WLAN", onColor: White, name: "Gäste WLAN"},
        ]
    };
    
    //Subpage 1 von Subpages_1
    var Abfall: PageEntities =
    {
        "type": "cardEntities",
        "heading": "Abfallkalender",
        "useColor": true,
        "subPage": true,
        "parent": Subpages_1,
        "items": [
            <PageItem>{ id: "alias.0.NSPanel_1.Abfall.event1",icon: "trash-can"},
            <PageItem>{ id: "alias.0.NSPanel_1.Abfall.event2",icon: "trash-can"},
            <PageItem>{ id: "alias.0.NSPanel_1.Abfall.event3",icon: "trash-can"},
            <PageItem>{ id: "alias.0.NSPanel_1.Abfall.event4",icon: "trash-can"}
        ]
    };
    
    var Buero_Seite_2: PageGrid =
    {
        "type": "cardGrid",
        "heading": "Büro 2",
        "useColor": true,
        "subPage": false,
        "parent": undefined,
        "items": [
            <PageItem>{ id: "alias.0.NSPanel_1.Schreibtischlampe", name: "Schreibtisch"},
            <PageItem>{ id: "alias.0.NSPanel_1.Deckenbeleuchtung", name: "Deckenlampe"},
            <PageItem>{ id: "alias.0.NSPanel_1.TestFenster", offColor: MSRed, onColor: MSGreen, name: "Büro Fenster"},
            <PageItem>{ id: "alias.0.NSPanel_1.Luftreiniger", icon: "power", offColor: MSRed, onColor: MSGreen},
            <PageItem>{ id: "alias.0.NSPanel_1.TestBlind", icon: "projector-screen", onColor: White, name: "Beamer"},
            <PageItem>{ id: "alias.0.NSPanel_1.Radio.Bob", icon: "play", onColor: White, name: "TuneIn"}
        ]
    };
    
    var Radiosender: PageGrid =
    {
        "type": "cardGrid",
        "heading": "Büro 2",
        "useColor": true,
        "subPage": false,
        "parent": undefined,
        "items": [<PageItem>{ id: "alias.0.NSPanel_1.Radio.Bob", icon: "radio", name: "Radio BOB", onColor: colorRadio}]
    };
    
    // NEW: Neue Definition von Medien-Aliasen
    // adapterPlayerInstance = alexa2.0. or spotify-premium.0. or sonos.0. or chromecast.0.
    // MEDIA ALIASE können auch per JS-Script erstellt werden https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-ALIAS-Definitionen#medien---cardmedia
    var Alexa: PageMedia = 
    {
        "type": "cardMedia",
        "heading": "Alexa",
        "useColor": true,
        "subPage": false,
        "parent": undefined,
        "items": [<PageItem>{   
                    id: "alias.0.NSPanel_1.Media.PlayerAlexa2", 
                    adapterPlayerInstance: "alexa2.0.",
                    mediaDevice: "G0XXXXXXXXXXXXXX", 
                    speakerList: ['Überall','Gartenhaus','Esszimmer','Heimkino','Echo Dot Küche','Echo Spot Buero']
                 }]
    };
    
    var Sonos: PageMedia = 
    {
        "type": "cardMedia",
        "heading": "Sonos",
        "useColor": true,
        "subPage": false,
        "parent": undefined,
        "items": [<PageItem>{   
                    id: "alias.0.NSPanel_1.Media.PlayerSonos", 
                    adapterPlayerInstance: "sonos.0.",
                    mediaDevice: "192_168_1_212",
                    speakerList: ['Terrasse']
                 }]
    };
    
    var SpotifyPremium: PageMedia = 
    {
        "type": "cardMedia",
        "heading": "Spotify-Premium",
        "useColor": true,
        "subPage": false,
        "parent": undefined,
        "items": [<PageItem>{ 
                    id: "alias.0.NSPanel_1.Media.PlayerSpotifyPremium", 
                    adapterPlayerInstance: "spotify-premium.0.",
                    speakerList: ['LENOVO-W11-X','Terrasse','Überall','Gartenhaus','Esszimmer','Heimkino','Echo Dot Küche','Echo Spot Buero']
                 }] 
    };
    
    var Buero_Themostat: PageThermo = 
    {
        "type": "cardThermo",
        "heading": "Test Thermostat",
        "useColor": true,
        "subPage": false,
        "parent": undefined,
        "items": [<PageItem>{ id: "alias.0.NSPanel_1.Thermostat_Büro", minValue: 50, maxValue: 300 }]
    };
    
    var Buero_Klimaanlage: PageThermo = 
    {
        "type": "cardThermo",
        "heading": "Test Klimaanlage",
        "useColor": true,
        "subPage": false,
        "parent": undefined,
        "items": [<PageItem>{ id: "alias.0.NSPanel_1.TestKlimaanlage", minValue: 170, maxValue: 250}]
    };
    
    //Subpage 2 von Subpages_1
    var WLAN: PageQR = 
    {
        "type": "cardQR",
        "heading": "Gäste WLAN",
        "useColor": true,
        "subPage": true,
        "parent": Subpages_1,
        "items": [<PageItem>{ id: "alias.0.NSPanel_1.Guest_Wifi" }]
    };
    
    var Buero_Alarm: PageAlarm = 
    {
        "type": "cardAlarm",
        "heading": "Alarm",
        "useColor": true,
        "subPage": false,
        "parent": undefined,
        "items": [<PageItem>{ id: "alias.0.Alarm" }]
    };
    
    var button1Page: PageGrid =
    {
        "type": "cardGrid",
        "heading": "Radio",
        "useColor": true,
        "subPage": false,
        "parent": undefined,
        "items": [
            <PageItem>{ id: "alias.0.NSPanel_1.Radio.FFN", icon: "radio", name: "FFN", onColor: colorRadio},
            <PageItem>{ id: "alias.0.NSPanel_1.Radio.Antenne" , icon: "radio", name: "Antenne Nds.", onColor: colorRadio},
            <PageItem>{ id: "alias.0.NSPanel_1.Radio.NDR2", icon: "radio", name: "NDR2", onColor: colorRadio},
            <PageItem>{ id: "alias.0.NSPanel_1.Radio.Bob", icon: "radio", name: "Radio BOB", onColor: colorRadio},
            <PageItem>{ id: "alias.0.NSPanel_1.Radio.Spotify", icon: "spotify", name: "Party Playlist", onColor: colorSpotify},
            <PageItem>{ id: "alias.0.NSPanel_1.Radio.Alexa", icon: "playlist-music", name: "Playlist 2021", onColor: colorAlexa}
        ]
    };
    
    var button2Page: PageEntities =
    {
        "type": "cardEntities",
        "heading": "Büro",
        "useColor": true,
        "subPage": false,
        "parent": undefined,
        "items": [
            <PageItem>{ id: "alias.0.NSPanel_1.Schreibtischlampe"},
            <PageItem>{ id: "alias.0.NSPanel_1.Deckenbeleuchtung"}
        ]
    };
    
    //Subpages 2 (+ Info)
    var Service: PageEntities =
    {
        "type": "cardEntities",
        "heading": "NSPanel Service",
        "useColor": true,
        "subPage": false,
        "parent": undefined, 
        "items": [
            <PageItem>{ id: "alias.0.NSPanel_1.NSPanel_AutoUpdate", name: "Auto-Updates" ,icon: "update", offColor: MSRed, onColor: MSGreen},
            <PageItem>{ navigate: true, id: "NSPanel_Infos", icon: "information-outline", onColor: White, name: "NSPanel Infos"},
            <PageItem>{ navigate: true, id: "NSPanel_Firmware_Updates", icon: "update", onColor: White, name: "Manuelle-Updates"},
            <PageItem>{ navigate: true, id: "NSPanel_Einstellungen", icon: "wrench-outline", onColor: White, name: "Einstellungen"}
        ]
    };
    
    //Subpage 1 von Subpages_2
    var NSPanel_Infos: PageEntities =
    {
        "type": "cardEntities",
        "heading": "NSPanel Infos",
        "useColor": true,
        "subPage": true,
        "parent": Service,
        "items": [
            <PageItem>{ id: "alias.0.NSPanel_1.NSPanel_Hardware", name: "Hardware", icon: "memory", offColor: MSYellow, onColor: MSYellow, useColor: true},
            <PageItem>{ id: "alias.0.NSPanel_1.NSPanel_ESP_Temp", name: "ESP Temperatur", icon: "thermometer", unit: "°C", offColor: MSYellow, onColor: MSYellow, useColor: true},
            <PageItem>{ id: "alias.0.NSPanel_1.NSPanel_UpTime", name: "Uptime", icon: "timeline-clock-outline", offColor: MSYellow, onColor: MSYellow, useColor: true},
            <PageItem>{ id: "alias.0.NSPanel_1.NSPanel_RSSI", name: "Wifi-Signal", icon: "signal-distance-variant", unit: "dBm", offColor: MSYellow, onColor: MSYellow, useColor: true}
        ]
    };
    
    //Subpage 2 von Subpages_2
    var NSPanel_Einstellungen: PageEntities =
    {
        "type": "cardEntities",
        "heading": "Screensaver",
        "useColor": true,
        "subPage": true,
        "parent": Service,
        "items": [
            <PageItem>{ id: "alias.0.NSPanel_1.Dimmode_BrightnessDay", name: "Brightness Tag", icon: "brightness-5", offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 5, maxValue: 10},
            <PageItem>{ id: "alias.0.NSPanel_1.Dimmode_BrightnessNight", name: "Brightness Nacht", icon: "brightness-4", offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 0, maxValue: 4},
            <PageItem>{ id: "alias.0.NSPanel_1.Dimmode_HourDay", name: "Stunde Tag", icon: "sun-clock", offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 0, maxValue: 23},
            <PageItem>{ id: "alias.0.NSPanel_1.Dimmode_HourNight", name: "Stunde Nacht", icon: "sun-clock-outline", offColor: MSYellow, onColor: MSYellow, useColor: true, minValue: 0, maxValue: 23}
        ]
    };
    
    //Subpage 3 von Subpages_2
    var NSPanel_Firmware_Updates: PageEntities =
    {
        "type": "cardEntities",
        "heading": "Firmware-Updates",
        "useColor": true,
        "subPage": true,
        "parent": Service,
        "items": [
            <PageItem>{ id: "alias.0.NSPanel_1.Tasmota_Version", name: "Tasmota Firmware", useColor: true},
            <PageItem>{ id: "alias.0.NSPanel_1.TFT_Firmware", name: "TFT-Firmware", useColor: true},
        ]
    };
    */
    //-- ENDE der Beispiele für Seitengestaltung -- Aliase erforderlich ------------------
    
    export const config: Config = {
        panelRecvTopic: 'mqtt.0.tele.NSPanel_Wohnzimmer.RESULT',       // anpassen
        panelSendTopic: 'mqtt.0.cmnd.NSPanel_Wohnzimmer.CustomSend',   // anpassen
        firstScreensaverEntity: { ScreensaverEntity: "accuweather.0.Daily.Day1.Day.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': 180} },
        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: Off  },
        mrIcon2ScreensaverEntity: { ScreensaverEntity: 'mqtt.0.SmartHome.NSPanel_1.stat.POWER2', ScreensaverEntityIcon: 'lightbulb', ScreensaverEntityOnColor: On, ScreensaverEntityOffColor: Off  },
        timeoutScreensaver: 60,
        dimmode: 20,
        active: 100, //Standard-Brightness TFT
        screenSaverDoubleClick: false,
        locale: 'de-DE',                    // en-US, de-DE, nl-NL, da-DK, es-ES, fr-FR, it-IT, ru-RU, etc.
        timeFormat: '%H:%M',                // currently not used 
        dateFormat: '%A, %d. %B %Y',        // currently not used 
        weatherEntity: 'alias.0.NSPanel1.Wetter',
        defaultOffColor: Off,
        defaultOnColor: On,
        defaultColor: Off,
        temperatureUnit: '°C',
        pages: [
                //Power,
                //Sonos,              //Beispiel-Seite
                //SpotifyPremium,     //Beispiel-Seite
                //Alexa,              //Beispiel-Seite
                //Buero_Seite_2,      //Beispiel-Seite
                //Buero_Seite_1,      //Beispiel-Seite
                //Buero_Klimaanlage,  //Beispiel-Seite 
                //Button_1,           //Beispiel-Seite
                Test_Licht,         //Beispiel-Seite
                //Test_Funktionen,    //Beispiel-Seite    
                //Fenster_1,          //Beispiel-Seite
                //Subpages_1,         //Beispiel-Seite
                //Buero_Themostat,    //Beispiel-Seite
                //Buero_Alarm,        //Beispiel-Seite
                //Service             //Beispiel-Seite
        ],
        subPages: [
                    //Abfall,                     //Beispiel-Unterseite
                    //WLAN,                       //Beispiel-Unterseite
                    //NSPanel_Infos,              //Beispiel-Unterseite
                    //NSPanel_Einstellungen,      //Beispiel-Unterseite
                    //NSPanel_Firmware_Updates    //Beispiel-Unterseite
        ],
        button1Page: null,//button1Page,   //Beispiel-Seite auf Button 1, wenn Rule2 definiert - Wenn nicht definiert --> button1Page: null, 
        button2Page: null//button2Page    //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
    #412

    @tom_w

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

    Ändere mal bitte die beiden Zeilen so wie abgebildet ab.

    Die sind für die Schalterzustände der Hardware-Tasten zuständig und greifen bei dir auf den falschen Fulltopic zu.

    Danach sollten die Warnungen weg sein

    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

      @tom_w

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

      Ändere mal bitte die beiden Zeilen so wie abgebildet ab.

      Die sind für die Schalterzustände der Hardware-Tasten zuständig und greifen bei dir auf den falschen Fulltopic zu.

      Danach sollten die Warnungen weg sein

      T Offline
      T Offline
      Tom_W
      wrote on last edited by
      #413

      @armilar

      Vielen Dank für den Hinweis, da hätte man natürlich selbst drauf kommen können, dass dies falsch ist.
      Leider war es aber nicht die Ursache für die Meldungen, bleiben alle 4 vorhanden:

      Warnungen2.jpg

      ArmilarA 1 Reply Last reply
      0
      • T Tom_W

        @armilar

        Vielen Dank für den Hinweis, da hätte man natürlich selbst drauf kommen können, dass dies falsch ist.
        Leider war es aber nicht die Ursache für die Meldungen, bleiben alle 4 vorhanden:

        Warnungen2.jpg

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

        @tom_w

        Die Config ist so weit okay.

        Ich frag mal zunächst so, gibt es etwas , dass aktuell nicht funktioniert?

        Der Screensaver zeigt alle Werte an? Hatte dich noch gar nicht gefragt, ob denn schon der Wetter-Alias drin ist oder Accu-Weather oder, oder, oder...

        Falls nicht, kann es zu Warnungen kommen. Falls doch können wir auch noch einen Schritt weitergehen, um zu lokalisieren, wo und wann die Meldung generiert wird.

        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

          @tom_w

          Die Config ist so weit okay.

          Ich frag mal zunächst so, gibt es etwas , dass aktuell nicht funktioniert?

          Der Screensaver zeigt alle Werte an? Hatte dich noch gar nicht gefragt, ob denn schon der Wetter-Alias drin ist oder Accu-Weather oder, oder, oder...

          Falls nicht, kann es zu Warnungen kommen. Falls doch können wir auch noch einen Schritt weitergehen, um zu lokalisieren, wo und wann die Meldung generiert wird.

          T Offline
          T Offline
          Tom_W
          wrote on last edited by
          #415

          @armilar

          Echt vielen lieben Dank dass du mir hilfst.
          Und so schlimm ist es ja nicht, da alles funktioniert. Der Screensaver startet, es werden mit die 4 kleinen Symbole angezeigt mit den Werten aus accuweather. Die Werte habe ich verglichen, die passen zusammen.
          Und am großen Symbol wird mir meine Aussentemperatur angezeigt, die kommen von einem Alias eingestellt als Wettervorhersage.
          Da habe ich allerdings nur icon, temp_min, temp_max von accuweather angegeben (min und max wird mir aber nicht angezeit. und temp von meinem Aussenfühler.

          Oben düber zeigt er noch schön Uhrzeit und Datum an. Scheint so auszusehen wie auf den Beispielscreenshots auf der Wiki Seite.

          ArmilarA 1 Reply Last reply
          0
          • T Tom_W

            @armilar

            Echt vielen lieben Dank dass du mir hilfst.
            Und so schlimm ist es ja nicht, da alles funktioniert. Der Screensaver startet, es werden mit die 4 kleinen Symbole angezeigt mit den Werten aus accuweather. Die Werte habe ich verglichen, die passen zusammen.
            Und am großen Symbol wird mir meine Aussentemperatur angezeigt, die kommen von einem Alias eingestellt als Wettervorhersage.
            Da habe ich allerdings nur icon, temp_min, temp_max von accuweather angegeben (min und max wird mir aber nicht angezeit. und temp von meinem Aussenfühler.

            Oben düber zeigt er noch schön Uhrzeit und Datum an. Scheint so auszusehen wie auf den Beispielscreenshots auf der Wiki Seite.

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

            @tom_w

            Dann wird es nur eine Kleinigkeit sein, die die Warnungen bringt.

            Oben kurz über dem Scriptfenster im ioBroker befindet sich ein Schraubenschlüssel-Icon. Da mal kurz drauf klicken und Verbose auswählen. Dann mal die erweiterten Logeinträge senden und das Verbose wieder deaktivieren.

            f0b4e64f-13ac-44ea-b233-f7a4aa30d28f-image.png

            Damit kann ich die Quelle der Warnung lokalisieren

            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

              @tom_w

              Dann wird es nur eine Kleinigkeit sein, die die Warnungen bringt.

              Oben kurz über dem Scriptfenster im ioBroker befindet sich ein Schraubenschlüssel-Icon. Da mal kurz drauf klicken und Verbose auswählen. Dann mal die erweiterten Logeinträge senden und das Verbose wieder deaktivieren.

              f0b4e64f-13ac-44ea-b233-f7a4aa30d28f-image.png

              Damit kann ich die Quelle der Warnung lokalisieren

              T Offline
              T Offline
              Tom_W
              wrote on last edited by
              #417

              @armilar

              Anbei der Log:
              iobroker.2022-10-24.log

              ich habe den Log selbst mal versucht zu lesen, obwohl ich nicht soviel davon verstehe, habe ich zumindest verstanden, dass der Datentyp von 0_userdata.0.NSPanel.1.Berry_Driver.currentVersion nicht passt. Den habe ich nun in string geändert und tada, keine Fehlermeldung mehr.
              Trotzdem ist es etwas komisch, da ich diesen Datenpunkt nicht selbst erzeugt habe.

              Egal, keine Fehlermeldung mehr, alles läuft perfekt und das Projekt ist absolut genial, vielen Dank dafür!

              Gruß
              Tom

              ArmilarA 1 Reply Last reply
              0
              • T Tom_W

                @armilar

                Anbei der Log:
                iobroker.2022-10-24.log

                ich habe den Log selbst mal versucht zu lesen, obwohl ich nicht soviel davon verstehe, habe ich zumindest verstanden, dass der Datentyp von 0_userdata.0.NSPanel.1.Berry_Driver.currentVersion nicht passt. Den habe ich nun in string geändert und tada, keine Fehlermeldung mehr.
                Trotzdem ist es etwas komisch, da ich diesen Datenpunkt nicht selbst erzeugt habe.

                Egal, keine Fehlermeldung mehr, alles läuft perfekt und das Projekt ist absolut genial, vielen Dank dafür!

                Gruß
                Tom

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

                @tom_w

                Oh klasse, bin auch soeben mit dem Protokoll durch und hätte eine Löschung des DP vorgeschlagen. Aber mit einer direkten Änderung ist es ja noch besser. Passiert manchmal...

                Perfekt 👍

                Viel Spaß noch (jetzt ohne Warnungen)

                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
                • J Offline
                  J Offline
                  joBr99
                  wrote on last edited by joBr99
                  #419

                  Added a minimal color picker to the HomeAssistant Notification docs, might be easier than useing a blockly to pick/convert colors. Not sure if this is needed with the ioBroker Backend, but it was asked here before.

                  1a42b19b-87db-4e24-851f-d63351f32877-image.png

                  https://docs.nspanel.pky.eu/notifications/#color-picker

                  ArmilarA 1 Reply Last reply
                  1
                  • J joBr99

                    Added a minimal color picker to the HomeAssistant Notification docs, might be easier than useing a blockly to pick/convert colors. Not sure if this is needed with the ioBroker Backend, but it was asked here before.

                    1a42b19b-87db-4e24-851f-d63351f32877-image.png

                    https://docs.nspanel.pky.eu/notifications/#color-picker

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

                    @jobr99 hatte ich schon gesehen, die überarbeitete popUp Notify. Wirklich cool, da sie die unterschiedlichen Schriftgrößen unterstützt.

                    Bin schon bei der Vorbereitung zur 3.5.0

                    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.

                    D 1 Reply Last reply
                    1
                    • ArmilarA Armilar

                      @jobr99 hatte ich schon gesehen, die überarbeitete popUp Notify. Wirklich cool, da sie die unterschiedlichen Schriftgrößen unterstützt.

                      Bin schon bei der Vorbereitung zur 3.5.0

                      D Offline
                      D Offline
                      DaPeace
                      wrote on last edited by
                      #421

                      @armilar gibt es irgendwo eigentlich ein "leeres" TS-Script in der aktuellen Form wo man nicht erst die ganzen Beispiele von euch rauslöschen muß?
                      Die Anleitung wird ja immer besser aber ich finde man tut sich schwer bei Updates und auch bei der Erstinstallation wenn man da schon 1000 Sachen drin hat die man eigentlich nicht braucht.

                      ArmilarA 1 Reply Last reply
                      0
                      • D DaPeace

                        @armilar gibt es irgendwo eigentlich ein "leeres" TS-Script in der aktuellen Form wo man nicht erst die ganzen Beispiele von euch rauslöschen muß?
                        Die Anleitung wird ja immer besser aber ich finde man tut sich schwer bei Updates und auch bei der Erstinstallation wenn man da schon 1000 Sachen drin hat die man eigentlich nicht braucht.

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

                        @dapeace

                        Aktuell noch nicht. Ich kann das aber mit der 3.5.0 (wird heute oder morgen ausgerollt) bereitstellen als "with examples" or "without examples"

                        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.

                        D 1 Reply Last reply
                        1
                        • T Offline
                          T Offline
                          Tom_W
                          wrote on last edited by
                          #423

                          Hallo,

                          ich hoffe ich nerve noch nicht mit meinen Anfängerfragen, aber ich kriegs einfach nicht hin, auch wenn ich mir die ganze Nacht um die Ohren schlage.
                          Ich habe Rule2 aktiviert, nun will ich mit einem Blockly das interne Relais schalten, um das Panel als Thermostat zu verwenden.
                          Aber wie kann ich über mqtt das Relais steuern? Unter stat steht zwar der Status des Relais, aber das ist ein String, den kann ich ändern, bringt aber nichts.
                          Und: auf meiner Thermostatseite sind rechts drei Punkt, die habe ich noch auf keinem Beispielfoto gesehen, wenn ich drauf klicke kommt eine leere Seite?

                          Entschuldigt bitte, ich habe echt die ganze Nacht gegoogelt, aber so richtig steige ich durch das Thema noch nicht durch.

                          Gruß
                          Thomas

                          ArmilarA 1 Reply Last reply
                          0
                          • T Tom_W

                            Hallo,

                            ich hoffe ich nerve noch nicht mit meinen Anfängerfragen, aber ich kriegs einfach nicht hin, auch wenn ich mir die ganze Nacht um die Ohren schlage.
                            Ich habe Rule2 aktiviert, nun will ich mit einem Blockly das interne Relais schalten, um das Panel als Thermostat zu verwenden.
                            Aber wie kann ich über mqtt das Relais steuern? Unter stat steht zwar der Status des Relais, aber das ist ein String, den kann ich ändern, bringt aber nichts.
                            Und: auf meiner Thermostatseite sind rechts drei Punkt, die habe ich noch auf keinem Beispielfoto gesehen, wenn ich drauf klicke kommt eine leere Seite?

                            Entschuldigt bitte, ich habe echt die ganze Nacht gegoogelt, aber so richtig steige ich durch das Thema noch nicht durch.

                            Gruß
                            Thomas

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

                            @tom_w

                            Hi, bin aktuell etwas eingespannt, kann sich heute etwas hinziehen.

                            Die Tasmota Rule2 ist dafür da, die Buttons als Favoritenseiten zu benutzen. In diesem Zusammenhang werden keine Relays genutzt. Natürlich kann man das auch auftrennen, in dem man eine ButtonPage benutzt und einen physischen Hardware-Button.

                            Stat ist nur der Status des Buttons - den kannst du über stat nicht verändern. Wenn der POWER1 oder/und POWER2 aktiv gesteuert werden soll, muss dass über cmnd erfolgen.

                            Ich habe eigentlich nie versucht, einen Thermostaten zu ersetzten, aber ich denke es gibt in diesem Topic bereits den einen oder anderen, der dass bereits realisiert hat.

                            Von meiner Seite aus müssen wir auch nur die Anforderungen an eine Lösung kennen um eine Lösung zu entwickeln. Diese stellen sich für mich wie folgt dar:

                            Panel: über ALIAS Thermostat

                            • Über eine Thermostatpage wird ein Setpoint (Solltemperatur) in einem Datenpunkt in 0_userdata.0... gesteuert.
                            • Ebenfalls gibt es entweder den internen oder den externen Raumsensor, der die aktuelle Raumtemperatur beinhaltet.

                            Externes Script:

                            • Eventuell ist ein weiterer Datenpunkt erforderlich, der einen Offset zur Temperatur beinhaltet.
                            • Wenn Ist-Raumtemperatur +- Offset < Setpoint-Temperatur --> Relay auf 1 (an)
                            • Wenn Ist-Raumtemperatur +- Offset > Setpoint-Temperatur --> Relay auf 0 (aus)

                            f74c0ab9-3364-458a-b686-f56b7716b0cb-image.png

                            Das anschalten des Relais kann über einen Steuere-Blockly-Block oder alternativ über setState (JS) erfolgen.

                            996493c4-3c26-45e0-b9f4-dca44c7115af-image.png

                            Kann je nach Konfiguration auch POWER1 oder POWER2 sein

                            06c07f2a-a8e3-4fda-9c18-7740c14f4d3d-image.png

                            oder alternativ über Request mit Backlog und Tasmota Command

                            Sind die Annahmen hier korrekt?

                            Ach ja und SetOption114 entkoppelt das Relay von der Hardware-Taste

                            VG

                            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 M 2 Replies Last reply
                            0
                            • ArmilarA Armilar

                              @tom_w

                              Hi, bin aktuell etwas eingespannt, kann sich heute etwas hinziehen.

                              Die Tasmota Rule2 ist dafür da, die Buttons als Favoritenseiten zu benutzen. In diesem Zusammenhang werden keine Relays genutzt. Natürlich kann man das auch auftrennen, in dem man eine ButtonPage benutzt und einen physischen Hardware-Button.

                              Stat ist nur der Status des Buttons - den kannst du über stat nicht verändern. Wenn der POWER1 oder/und POWER2 aktiv gesteuert werden soll, muss dass über cmnd erfolgen.

                              Ich habe eigentlich nie versucht, einen Thermostaten zu ersetzten, aber ich denke es gibt in diesem Topic bereits den einen oder anderen, der dass bereits realisiert hat.

                              Von meiner Seite aus müssen wir auch nur die Anforderungen an eine Lösung kennen um eine Lösung zu entwickeln. Diese stellen sich für mich wie folgt dar:

                              Panel: über ALIAS Thermostat

                              • Über eine Thermostatpage wird ein Setpoint (Solltemperatur) in einem Datenpunkt in 0_userdata.0... gesteuert.
                              • Ebenfalls gibt es entweder den internen oder den externen Raumsensor, der die aktuelle Raumtemperatur beinhaltet.

                              Externes Script:

                              • Eventuell ist ein weiterer Datenpunkt erforderlich, der einen Offset zur Temperatur beinhaltet.
                              • Wenn Ist-Raumtemperatur +- Offset < Setpoint-Temperatur --> Relay auf 1 (an)
                              • Wenn Ist-Raumtemperatur +- Offset > Setpoint-Temperatur --> Relay auf 0 (aus)

                              f74c0ab9-3364-458a-b686-f56b7716b0cb-image.png

                              Das anschalten des Relais kann über einen Steuere-Blockly-Block oder alternativ über setState (JS) erfolgen.

                              996493c4-3c26-45e0-b9f4-dca44c7115af-image.png

                              Kann je nach Konfiguration auch POWER1 oder POWER2 sein

                              06c07f2a-a8e3-4fda-9c18-7740c14f4d3d-image.png

                              oder alternativ über Request mit Backlog und Tasmota Command

                              Sind die Annahmen hier korrekt?

                              Ach ja und SetOption114 entkoppelt das Relay von der Hardware-Taste

                              VG

                              T Offline
                              T Offline
                              Tom_W
                              wrote on last edited by
                              #425

                              @armilar

                              Oh, ich befürchte ich habe mich falsch ausgedrückt. Die Logik wann ein und ausgeschaltet werden soll, die habe ich hinbekommen, mit Offset und Delay. Das einzige was ich nicht schaffte war, das Relais aus ioBroker anzustuern. Aber ja, mit dem Datenpunkt SmartHome/NSPanel_1/cmnd/POWER kann ich zumindest das erste Relais schalten, das reicht mir auch vollkommen. Danke dafür.

                              ArmilarA 1 Reply Last reply
                              0
                              • T Tom_W

                                @armilar

                                Oh, ich befürchte ich habe mich falsch ausgedrückt. Die Logik wann ein und ausgeschaltet werden soll, die habe ich hinbekommen, mit Offset und Delay. Das einzige was ich nicht schaffte war, das Relais aus ioBroker anzustuern. Aber ja, mit dem Datenpunkt SmartHome/NSPanel_1/cmnd/POWER kann ich zumindest das erste Relais schalten, das reicht mir auch vollkommen. Danke dafür.

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

                                @tom_w

                                Perfekt - Ja je besser die Formulierungen und Beschreibungen, desto besser die Unterstützung 😉

                                Freut mich 😊

                                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
                                • ArmilarA Armilar

                                  @dapeace

                                  Aktuell noch nicht. Ich kann das aber mit der 3.5.0 (wird heute oder morgen ausgerollt) bereitstellen als "with examples" or "without examples"

                                  D Offline
                                  D Offline
                                  DaPeace
                                  wrote on last edited by
                                  #427

                                  @armilar Das wäre echt super. Das erleichtert sicher vielen den Einstieg. Oft genug verheddert man sich schon beim Aufräumen der ganzen Beispiele. Ich werd heute oder morgen dann mal suchen. Das landet dann eh mit im git oder?

                                  1 Reply Last reply
                                  0
                                  • SternmiereS Offline
                                    SternmiereS Offline
                                    Sternmiere
                                    wrote on last edited by
                                    #428

                                    Moin und vielen Dank für die Klasse Anleitung!

                                    Ich habe jetzt noch zwei Fragen/Probleme:

                                    1. Fehlende ESP32 Temperatur

                                    Bei mir im Log taucht regelmäßig die folgende Warnung auf:

                                    javascript.0 (413513) script.js.bag-end.nspanel.NSPANEL_1_3_4_0: error with reading senor-data: Cannot read properties of undefined (reading 'Temperature')
                                    

                                    Ich vermute, dass es an diesem Datenpunkt hier liegt, welcher bei mir mit null besetzt ist.

                                    0_userdata.0.NSPanel.1.Sensor.ESP32.Temperature
                                    

                                    Ich habe das Panel mit tasmota32-nspanel.bin geflashed und habe dort aktuell die Version 12.2.0 laufen. Auf der Übersichtsseite sehe ich nur die Anzeige für Analog1 Temperature. Die Temperatur vom ESP32 sehe ich dort nicht. Liegt das am Tasmota-Image? Oder woran?

                                    1. cardQR

                                    Und nun noch eine Frage zum cardQR. Gibt es die Möglichkeit, die Anzeige des Passworts zu unterdrücken? Für eines meiner WLANs ist das Passwort für die Anzeige schlicht zu lang und daher macht es hier keinen Sinn, das im Display anzuzeigen.

                                    Do not look upon this world with fear and loathing. Bravely face whatever the gods offer.
                                    -- Morihei Ueshiba

                                    ArmilarA 1 Reply Last reply
                                    0
                                    • SternmiereS Sternmiere

                                      Moin und vielen Dank für die Klasse Anleitung!

                                      Ich habe jetzt noch zwei Fragen/Probleme:

                                      1. Fehlende ESP32 Temperatur

                                      Bei mir im Log taucht regelmäßig die folgende Warnung auf:

                                      javascript.0 (413513) script.js.bag-end.nspanel.NSPANEL_1_3_4_0: error with reading senor-data: Cannot read properties of undefined (reading 'Temperature')
                                      

                                      Ich vermute, dass es an diesem Datenpunkt hier liegt, welcher bei mir mit null besetzt ist.

                                      0_userdata.0.NSPanel.1.Sensor.ESP32.Temperature
                                      

                                      Ich habe das Panel mit tasmota32-nspanel.bin geflashed und habe dort aktuell die Version 12.2.0 laufen. Auf der Übersichtsseite sehe ich nur die Anzeige für Analog1 Temperature. Die Temperatur vom ESP32 sehe ich dort nicht. Liegt das am Tasmota-Image? Oder woran?

                                      1. cardQR

                                      Und nun noch eine Frage zum cardQR. Gibt es die Möglichkeit, die Anzeige des Passworts zu unterdrücken? Für eines meiner WLANs ist das Passwort für die Anzeige schlicht zu lang und daher macht es hier keinen Sinn, das im Display anzuzeigen.

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

                                      @sternmiere

                                      War diesmal nicht so clever bei den Tasmoter'n eine Funktion (default) wegzunehmen, die man nur manuell hinzufügen kann 😉

                                      Mit SetOption146 1 in der Tasmota-Konsole bekommst du es wieder. Dann ist die ESP-Temperatur auch im Hauptmenü wieder zu sehen.

                                      Zu 2: Sehe ich mir gleich mal an...

                                      VG

                                      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.

                                      SternmiereS 1 Reply Last reply
                                      0
                                      • ArmilarA Armilar

                                        @sternmiere

                                        War diesmal nicht so clever bei den Tasmoter'n eine Funktion (default) wegzunehmen, die man nur manuell hinzufügen kann 😉

                                        Mit SetOption146 1 in der Tasmota-Konsole bekommst du es wieder. Dann ist die ESP-Temperatur auch im Hauptmenü wieder zu sehen.

                                        Zu 2: Sehe ich mir gleich mal an...

                                        VG

                                        SternmiereS Offline
                                        SternmiereS Offline
                                        Sternmiere
                                        wrote on last edited by
                                        #430

                                        @armilar sagte in SONOFF NSPanel mit Lovelace UI:

                                        SetOption146 1

                                        Super, vielen Dank! Hat geklappt!

                                        Do not look upon this world with fear and loathing. Bravely face whatever the gods offer.
                                        -- Morihei Ueshiba

                                        ArmilarA 1 Reply Last reply
                                        0
                                        • SternmiereS Sternmiere

                                          @armilar sagte in SONOFF NSPanel mit Lovelace UI:

                                          SetOption146 1

                                          Super, vielen Dank! Hat geklappt!

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

                                          @sternmiere

                                          Perfekt. Das mit der cardQR klappt auch. Hab es in die v3.5.0 noch reingenommen. Falls du vorher testen möchtest:

                                          function GenerateQRPage austauschen (siehe Spoiler)

                                          function GenerateQRPage(page: PageQR): Payload[] {
                                              try {
                                                  activePage = page;
                                          
                                                  var id = page.items[0].id
                                                  var out_msgs: Array<Payload> = [];
                                                  out_msgs.push({ payload: 'pageType~cardQR' });
                                          
                                                  let o = getObject(id)
                                          
                                                  var heading = page.heading !== undefined ? page.heading : o.common.name.de
                                                  var textQR = page.items[0].id + '.ACTUAL' !== undefined ? getState(page.items[0].id + '.ACTUAL').val : 'WIFI:T:undefined;S:undefined;P:undefined;H:undefined;'
                                                  var hiddenPWD = false;
                                                  if (page.items[0].hidePassword !== undefined && page.items[0].hidePassword == true) {
                                                      hiddenPWD = true
                                                  }
                                          
                                                  const tempstr = textQR.split(';');
                                                  for (let w = 0; w < tempstr.length - 1; w++) {
                                                      if (tempstr[w].substring(0, 1) == 'S') {
                                                          var optionalValue1 = tempstr[w].slice(2);
                                                      }
                                                      if (tempstr[w].substring(0, 1) == 'P') {
                                                          var optionalValue2 = tempstr[w].slice(2);
                                                      }
                                                  }
                                          
                                                  var type1 = 'text';
                                                  var internalName1 = 'SSID';
                                                  var iconId1 = Icons.GetIcon('wifi');
                                                  var displayName1 = 'SSID';
                                                  var type2 = 'text';
                                                  var internalName2 = 'Passwort';
                                                  var iconId2 = Icons.GetIcon('key');
                                                  var displayName2 = 'Passwort';
                                          
                                                  if (hiddenPWD) {
                                                      type2 = 'disable';
                                                      iconId2 = '';
                                                      displayName2 = '';
                                                  }
                                          
                                                  out_msgs.push({
                                                      payload: 'entityUpd~' +                     //entityUpd
                                                          heading + '~' +                         //heading
                                                          GetNavigationString(pageId) + '~' +     //navigation
                                                          textQR + '~' +                          //textQR
                                                          type1 + '~' +                           //type
                                                          internalName1 + '~' +                   //internalName
                                                          iconId1 + '~' +                         //iconId
                                                          65535 + '~' +                           //iconColor
                                                          displayName1 + '~' +                    //displayName
                                                          optionalValue1 + '~' +                  //optionalValue
                                                          type2 + '~' +                           //type
                                                          internalName2 + '~' +                   //internalName
                                                          iconId2 + '~' +                         //iconId
                                                          65535 + '~' +                           //iconColor
                                                          displayName2 + '~' +                    //displayName
                                                          optionalValue2
                                                  });                       //optionalValue
                                          
                                                  //entityUpd,heading,navigation,textQR[,type,internalName,iconId,displayName,optionalValue]x2
                                                  return out_msgs
                                          
                                              } catch (err) {
                                                  console.warn('function GenerateQRPage: ' + err.message);
                                              }
                                          }
                                          

                                          type PageItem austauschen (siehe Spoiler) / fast am Ende des TS-Script

                                          type PageItem = {
                                              id: string,
                                              icon: (string | undefined),
                                              icon2: (string | undefined),
                                              onColor: (RGB | undefined),
                                              offColor: (RGB | undefined),
                                              useColor: (boolean | undefined),
                                              interpolateColor: (boolean | undefined),
                                              minValueBrightness: (number | undefined),
                                              maxValueBrightness: (number | undefined),
                                              minValueColorTemp: (number | undefined),
                                              maxValueColorTemp: (number | undefined),
                                              minValue: (number | undefined),
                                              maxValue: (number | undefined),
                                              name: (string | undefined),
                                              secondRow: (string | undefined),
                                              buttonText: (string | undefined),
                                              unit: (string | undefined),
                                              navigate: (boolean | undefined),
                                              colormode: (string | undefined),
                                              adapterPlayerInstance: (string | undefined),
                                              mediaDevice: (string | undefined),
                                              targetPage: (string | undefined),
                                              speakerList: (string[] | undefined),
                                              hidePassword: (boolean | undefined)
                                          }
                                          

                                          Definition cardQR im PageItem um ", hidePassword: true" erweitern

                                          var WLAN: PageQR = 
                                                  {
                                                      "type": "cardQR",
                                                      "heading": "Gäste WLAN",
                                                      "useColor": true,
                                                      "subPage": true,
                                                      "parent": Subpages_1,
                                                      "items": [<PageItem>{ id: "alias.0.NSPanel_1.Guest_Wifi", hidePassword: true }]
                                                  };
                                          

                                          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.

                                          SternmiereS 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

                                          64

                                          Online

                                          32.4k

                                          Users

                                          81.3k

                                          Topics

                                          1.3m

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

                                          • Don't have an account? Register

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