NEWS
SONOFF NSPanel mit Lovelace UI
-
Genau das war es was ich gesucht hatte. Vielen lieben Dank.
Ein riesigen Dank auch an @tt-tom das ihr so viel gedult mit mir hattet. Im nachhinein weis ich jetzt das ich gar nicht so viel falsch gemacht hatte. Es lag devinitiv ein Defekt am Gerät vor. Jetzt ist alles wieder so wie es sein soll. Danke, Danke, Danke
-
Hallo Zusammen. Habe jetzt schon einige Zeit gesucht, komme aber nicht auf die Lösung meines Problems. Evtl habt ihr ja ne Antwort für mich. Der Alias Type ist als Volume gewählt. Ich kann die Lautstärke auch über das normale Menü steuern, aber leider nur sehr ungenau. Wenn ich dann in das Untermenü gehe kommt ja der große Slider. Leider reagiert die Lautstäke dann nicht. Gibts da ne extra Konfiguration, oder ist das ein Bug?
Danke schonmal für die Antworten :-).

-
Hallo Zusammen. Habe jetzt schon einige Zeit gesucht, komme aber nicht auf die Lösung meines Problems. Evtl habt ihr ja ne Antwort für mich. Der Alias Type ist als Volume gewählt. Ich kann die Lautstärke auch über das normale Menü steuern, aber leider nur sehr ungenau. Wenn ich dann in das Untermenü gehe kommt ja der große Slider. Leider reagiert die Lautstäke dann nicht. Gibts da ne extra Konfiguration, oder ist das ein Bug?
Danke schonmal für die Antworten :-).

-
Sorry, da habe ich nicht dran gedacht:
TFT-Version: 59 / v5.0.2
Berry: Driver 10
Tasmota: 15.2.0
Script: v5.0.2.1Im Script sieht das so aus:
let NSPanelkueche: PageType =
{
'type': 'cardEntities',
'heading': 'Smart-Zone Küche 1',
'useColor': true,
'items': [
<PageItem>{ id: 'alias.0.NSPanel.2.Media.Yamaha.Yamaha_ON/OFF', name: 'Radio On/Off', icon: "power", icon2: "power", interpolateColor: true},
<PageItem>{ id: 'alias.0.NSPanel.2.Media.Yamaha.Kueche', name: 'Volume', minValue: 0, maxValue: 40 },
<PageItem>{ id: 'alias.0.NSPanel.1.Lichtleiste.Stoßlüften', name: 'Stoßlüften aktivieren', interpolateColor: true},
<PageItem>{ id: 'alias.0.NSPanel.2.Media.Yamaha.Media', name: 'Volume', maxValue: 40 },
]
};Den letzten Eintrag bitte ignorieren, war nur der Versuch "Dimmer" als Volumeregler zu nutzen, werde da aber auch nicht glücklich.
-
Sorry, da habe ich nicht dran gedacht:
TFT-Version: 59 / v5.0.2
Berry: Driver 10
Tasmota: 15.2.0
Script: v5.0.2.1Im Script sieht das so aus:
let NSPanelkueche: PageType =
{
'type': 'cardEntities',
'heading': 'Smart-Zone Küche 1',
'useColor': true,
'items': [
<PageItem>{ id: 'alias.0.NSPanel.2.Media.Yamaha.Yamaha_ON/OFF', name: 'Radio On/Off', icon: "power", icon2: "power", interpolateColor: true},
<PageItem>{ id: 'alias.0.NSPanel.2.Media.Yamaha.Kueche', name: 'Volume', minValue: 0, maxValue: 40 },
<PageItem>{ id: 'alias.0.NSPanel.1.Lichtleiste.Stoßlüften', name: 'Stoßlüften aktivieren', interpolateColor: true},
<PageItem>{ id: 'alias.0.NSPanel.2.Media.Yamaha.Media', name: 'Volume', maxValue: 40 },
]
};Den letzten Eintrag bitte ignorieren, war nur der Versuch "Dimmer" als Volumeregler zu nutzen, werde da aber auch nicht glücklich.
-
Mit dem unteren else-Zweig sollte es bereits funktionieren:
https://github.com/joBr99/nspanel-lovelace-ui/commit/1e2f89ed1d339a53ea4e673f8fa7c5caf77f765d
In der us-p TFT war bei Nutzung der Background Color "Black" auch noch ein Bug. Da gibt es jetzt eine v5.1.2 (us-p)
Aktuelle DEV-Version
https://github.com/joBr99/nspanel-lovelace-ui/blob/main/ioBroker/DEV/NSPanelTs.ts@tt-tom fügt aber nachher auch noch kleine Änderungen hinzu... Daher gerne noch etwas warten...
-
Mit dem unteren else-Zweig sollte es bereits funktionieren:
https://github.com/joBr99/nspanel-lovelace-ui/commit/1e2f89ed1d339a53ea4e673f8fa7c5caf77f765d
In der us-p TFT war bei Nutzung der Background Color "Black" auch noch ein Bug. Da gibt es jetzt eine v5.1.2 (us-p)
Aktuelle DEV-Version
https://github.com/joBr99/nspanel-lovelace-ui/blob/main/ioBroker/DEV/NSPanelTs.ts@tt-tom fügt aber nachher auch noch kleine Änderungen hinzu... Daher gerne noch etwas warten...
-
Ein gutes neues Jahr euch allen.
Ich stehe gerade auf dem Schlauch, vielleicht könnt ihr mir wie immer weiterhelfen.

Ich versuche gerade diese Seite so um zu ändern daß ich mit PRESS die Garage auch öffnen kann, bis jetzt wurde nur die Stellung angezeigt.
Öffnen und schließen funktioniert auch mit PRESS, aber das icon bleibt unverändert. Wie muss ich den alias Datenpunkt verändern daß das Icon rot wird bei der Stellung offen?
Ein Shelly öffnet und schließt das Tor, ein weiterer UNI gibt die Stellung aus.
Wenn ich einen Alias mit Taste erstelle, dann funktioniert Öffnen und schließen, aber die Stellung wird nicht geändert,
Wenn ich einen Alias mit TOR erstelle, wird die Stellung geändert, aber ich bekomme kein PRESS. -
Ein gutes neues Jahr euch allen.
Ich stehe gerade auf dem Schlauch, vielleicht könnt ihr mir wie immer weiterhelfen.

Ich versuche gerade diese Seite so um zu ändern daß ich mit PRESS die Garage auch öffnen kann, bis jetzt wurde nur die Stellung angezeigt.
Öffnen und schließen funktioniert auch mit PRESS, aber das icon bleibt unverändert. Wie muss ich den alias Datenpunkt verändern daß das Icon rot wird bei der Stellung offen?
Ein Shelly öffnet und schließt das Tor, ein weiterer UNI gibt die Stellung aus.
Wenn ich einen Alias mit Taste erstelle, dann funktioniert Öffnen und schließen, aber die Stellung wird nicht geändert,
Wenn ich einen Alias mit TOR erstelle, wird die Stellung geändert, aber ich bekomme kein PRESS.Frohes neues Jahr.
Es handelt sich hierbei um einen Push-Button, der nur eine einzige Aktion durchführen kann. Daher gibt es auch nicht mehrere Zustände (nur true) für den Garagentor "PRESS".
Ein optionaler Zustand für einen weiteren Sensor ist nicht vorgesehen...
Du könntest allerdings in der gleichen cardEntities z.B. die Garage von der Farbe neutral (z.B. weiß) machen und über einen optionalen Info Alias darunter dann den Open/Close-Sensor den Zustand visualisieren
-
Guten Abend und frohes neues. Habe heute nach langer langer Zeit die Firmware des Sonoff NSPanel aktualisiert und auch das script auf die neuste Version angepasst. Bekomme beim Booten die Fehlermeldung:
javascript.0 20:53:20.859 info source code did not change, using cached compilation result... javascript.0 20:53:20.968 info --- start of NsPanelTs: 0_userdata.0.NSPanel.1. --- javascript.0 20:53:20.969 error Config-Parameter: << config.panelRecvTopic - mqtt.0.SmartHometele.Sonoff_NSpanel.RESULT >> does not refer to the prefix .tele. Please Check Parameters! javascript.0 20:53:20.986 info setObjects enabled - create Alias Channels possible javascript.0 20:53:20.987 info weather alias for pirate-weather.0. already exists javascript.0 20:53:20.994 info registered 41 subscriptions, 0 schedules, 0 messages, 0 logs and 0 file subscriptions javascript.0 20:53:20.998 info No Updates for NSPanel available javascript.0 20:53:21.081 info Desired TFT Firmware: 59 / v5.0.2 javascript.0 20:53:21.081 info Installed TFT Firmware: 59 / v5.0.2 javascript.0 20:53:21.161 info Debug mode disabled javascript.0 20:53:21.802 info hidden Cards disabled javascript.0 20:53:23.201 info Start MQTT-Port-Check ------------------------------------- javascript.0 20:53:23.201 info -- admin.0 - 8081 javascript.0 20:53:23.201 info -- cul.0 - 23 javascript.0 20:53:23.202 info -- deconz.0 - 8978 javascript.0 20:53:23.202 info -- geofency.0 - 7999 javascript.0 20:53:23.202 info -- hue.0 - 443 javascript.0 20:53:23.202 info -- mihome.0 - 9898 javascript.0 20:53:23.202 info -- mqtt.0 - 1889 javascript.0 20:53:23.202 info -- node-red.0 - 1881 javascript.0 20:53:23.202 info -- shelly.0 - 1882 javascript.0 20:53:23.202 info -- shelly.1 - 1883 javascript.0 20:53:23.202 info -- telegram.0 - 8443 javascript.0 20:53:23.202 info -- web.0 - 8082 javascript.0 20:53:23.202 info - MQTT-Port-Check OK: Instance of Adapter: mqtt.0 is running on Port:1889 javascript.0 20:53:23.202 info End MQTT-Port-Check ---------------------------------------Habe nichts an der Objektstruktur geändert.
Habe ich vielleicht einen Fehler im Script?/*----------------------------------------------------------------------- TypeScript v5.0.2.1 zur Steuerung des SONOFF NSPanel mit dem ioBroker by @Armilar / @TT-Tom / @ticaki / @Britzelpuf / @Sternmiere / @ravenS0ne - abgestimmt auf TFT 59 / v5.0.2 / BerryDriver 10 / Tasmota 15.0.1 Projekt: https://github.com/joBr99/nspanel-lovelace-ui/tree/main/ioBroker https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/tree/main 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/58170/sonoff-nspanel-mit-lovelace-ui @Kuckuckmann: WIKI zu diesem Projekt unter: https://github.com/joBr99/nspanel-lovelace-ui/wiki (siehe Sidebar) *************************************************************************************************************** Achtung: Keine Beispiele mehr im Script. Die Beispiele sind jetzt unter nachfolgendem Link zu finden: - https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Page-%E2%80%90-Typen_How-2_Beispiele *************************************************************************************************************** Icons unter: https://htmlpreview.github.io/?https://github.com/jobr99/Generate-HASP-Fonts/blob/master/cheatsheet.html ************************************************************************************************ Achtung Tasmota 15.1.0 lässt kein FlashNextion zu --> stattdessen v15.0.1 verwenden ************************************************************************************************ Achtung Änderung des Sonoff ESP-Temperatursensors !!! Bitte "SetOption146 1" in der Tasmota-Console ausführen !!! ************************************************************************************************ Ab Tasmota > 13.0.0 ist für ein Upgrade ggfs. eine Umpartitionierung erforderlich https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Tasmota-FAQ#3-tasmota-update-probleme ***************************************************************************************************************************** Ab Script Version 4.3.2.1 muss in der JavaScript Instanz die npm Module 'moment' und 'moment-parseformat' eingetragen sein https://github.com/joBr99/nspanel-lovelace-ui/wiki/iobroker---Basisinstallation#8--einstellungen-in-js-adapter-instanz ***************************************************************************************************************************** ReleaseNotes: Bugfixes und Erweiterungen: See ChangeLog all Release Notes: https://github.com/joBr99/nspanel-lovelace-ui/wiki/Release-Notes - 21.01.2025 - v4.5.0 TFT 54 / 4.5.0 - 23.01.2025 - v4.5.0.1 Change TFT URLs - 23.01.2025 - v4.5.0.2 fix handleScreensaverUpdate => leftscreensaverEntity; fix Type leftscreensaverentitiy - 23.01.2025 - v4.5.0.2 icon3 functionality also for thermometers and a function based on this in the screensaver - 29.01.2025 - v4.5.0.3 Add: bottemEntityText from ID - 30.01.2025 - v4.5.0.4 fix DetermineDimBrightness (function returns undefined, because wrong DP check) - 03.02.2025 - v4.5.0.5 Bugfix InitDimmode by Gargano - 14.03.2025 - v4.5.2 Fix Bugs in HUE-Light, Fix Icon-Colors with interpolateColors (Color, ColorTemp, Brightness), Fix ON instead of ON_ACTUAL for writing DP - 15.03.2025 - v4.5.2.1 Add Functions to Calculate Colors of HUE Icons (Darken and CT (Kelvin/Mired)) - 15.03.2025 - v4.5.2.1 Remove New Sliders (popupLightNew), Fix TFT-Pictures in TFT --> with v4.6.0 / TFT 55 - 16.03.2025 - v4.6.0 Fix Bugs in Channels Light and RGBsingle-Light, Fix Icon-Colors with interpolateColors (Color, ColorTemp, Brightness), Fix ON instead of ON_ACTUAL for writing DP - 16.03.2025 - v4.6.0.1 Add Functions to Calculate Colors of RGBsingle Icons (Darken and CT (Kelvin/Mired)) - 16.03.2025 - v4.6.0.1 Fix Light-Icons if Color-Temperature uses Mired instead of Kelvin (500 Mired - 153 Mired = 2000 K - 6536 K) - 16.03.2025 - v4.6.0.1 Add icon2 to Lights - 17.03.2025 - v4.6.0.1 Add CIE Channel to Lights - 17.03.2025 - v4.6.0.1 Add Functions to Calculate Colors of RGB and CT Icons (Darken and CT (Kelvin/Mired)) - 18.03.2025 - v4.6.0.1 Add hidden Entity2 (Password/Switch) to cardQR (PageItem-Parameter "hideEntity2" true/false) - 01.04.2025 - v4.6.1 TFT 55 / 4.6.1 - Add Some Adapter Functions - 01.04.2025 - v4.6.2 TFT 55 / 4.6.2 - Add cardSchedule - 01.04.2025 - v4.6.2.1 Add startup TFT-Release directly from NSPanel-TFT, Comparison between version number and release removed - 02.04.2025 - v4.7.0 TFT 56 / 4.7.0 - Fix cardSchedule - 10.04.2025 - v4.7.0.2 Add cardMedia "Music Player Daemon (MPD)" (One-Instance-Player with Playlists, Tracklists, Shuffle, Repeat, Seek/Crossfade); mpd.X - Instance required - 10.04.2025 - v4.7.0.3 Fix cardMedia "Music Player Daemon (MPD)" shuffle with repeat and repeat with repeat/single - 10.04.2025 - v4.7.1 TFT 56 / 4.7.1 - Add Player Icon-Logos logo-alexa, logo-spotify, logo-dlna, logo-sonos, logo-mpd, logo-volumios, logo-bose - 10.04.2025 - v4.7.1.1 Add parameter playerMediaIcon to cardMedia - 12.04.2025 - v4.7.1.2 Fix Play/Pause in MediaPlayers - 13.04.2025 - v4.7.1.2 TFT 56 / 4.7.1 (US-P and US-L) - 14.04.2025 - v4.7.1.3 MrIcons also allow other mqtt states - 24.04.2025 - v4.7.2.1 Add popupSlider to cardMedia (alexa) - 12.06.2025 - v4.7.2.2 States only respond to any if ack = false - 20.06.2025 - v4.7.2.3 IconSelect left- and indicatorScreensaverEntity added - 21.06.2025 - v4.7.2.4 Fix Demomodus Powerpage - 22.06.2025 - v4.7.3 TFT 56 / 4.7.3 - Change Direction Pictures ColorTemperature (warmwhite left/coldwhite right) - 23.06.2025 - v4.7.4 TFT 56 / 4.7.4 - Refactoring popupShutter (shutter/shutter2) - 24.06.2025 - v4.7.4.1 Refactoring popupShutter (split into shutter/shutter2) - 25.06.2025 - v4.7.5 TFT 56 / 4.7.5 - Refactoring popupLight2 (light/light2) --> EU + US-P - 25.06.2025 - v4.7.5.1 Add popupLight2 (split into light/light2) - 26.06.2025 - v4.7.5 TFT 56 / 4.7.5 - Refactoring popupLight2 (light/light2) --> US-L - 30.06.2025 - v4.8.0 TFT 57 / 4.8.0 - Stable - Fix popupShutter2 (eu/us-l/us-p) - 30.06.2025 - v4.9.0 TFT 58 / 4.9.0 - Beta - Adapter & Script (eu/us-l/us-p) - 30.06.2025 - v4.9.0.1 Small Fixes - 24.07.2025 - v4.9.1 Adapter Changes - 24.07.2025 - v4.9.2.1 Add icon2 Parameter to Info Alias Channels - 25.07.2025 - v4.9.2.2 Add OpenWeatherMap (AccuWeather deprecated) - 28.07.2025 - v4.9.2.3 Quick-Fix Errors with TypeScript in JS > 9.X (by ticaki) - 30.07.2025 - v4.9.3 TFT 58 / 4.9.3 - 30.07.2025 - v4.9.3.1 popupShutter2 Changes (new Parameter shutterZeroIsClosed changing Direction of %-Value in HMI (0 <--> 100)) - 05.08.2025 - v4.9.4 TFT 58 / 4.9.4 - Communication with 921600 bps with Berry Driver 10 / Slider Fix in card Entities - 05.08.2025 - v4.9.4.1 Fix Sliders (volume/slider) in createEntity - 05.08.2025 - v4.9.4.1 Add USERICONS and colorScale to Alias-Channel Slider - 05.08.2025 - v4.9.4.2 Prevent version search to the old directory path (Berry-Driver) + New Berry Update Path (RAW) - 08.08.2025 - v4.9.4.3 Add Beta Logic for cardThermo2 (future) - 10.08.2025 - v4.9.4.3 Add Pirate-Weather Adapter - 11.08.2025 - v4.9.5 TFT 58 / 4.9.5 - Add cardThermo2 (eu) - 21.08.2025 - v4.9.5.2 Add Bright Sky Weather Adapter - 05.09.2025 - v5.0.0 TFT 59 / 5.0.0 - EU Changes in cardMedia, popupInSel, card Grid 1, 2, 3 - 08.09.2025 - v5.0.0 TFT 59 / 5.0.0 - US-L/US-P Changes in cardMedia, popupInSel, card Grid 1, 2, 3 - 19.09.2025 - v5.0.0.2 Remove Startup Scheedule at 3:30am / Small fix - 19.10.2025 - v5.0.2.1 TFT 59 / 5.0.2 - EU/US-L/US-P - Fix cardAlarm Icon; Fix Notification in Advanced Screensaver; Fix Dimensions in cardChart/cardLChart *************************************************************************************************************** * DE: Für die Erstellung der Aliase durch das Skript, muss in der JavaScript Instanz "setObject" gesetzt sein! * * EN: In order for the script to create the aliases, “setObject” must be set in the JavaScript instance! * *************************************************************************************************************** Wenn Rule definiert, dann können die Hardware-Tasten ebenfalls für Seitensteuerung (dann nicht mehr als Relais) genutzt werden Tasmota Konsole: Rule2 on Button1#state do Publish %topic%/tele/RESULT {"CustomRecv":"event,button1"} endon on Button2#state do Publish %topic%/tele/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öchsttemperatur) oder zur Anzeige definierter Infos konfiguriert werden) - weitere Screensaver wie Advanced, Easyview und Alternativ cardEntities Page - 4 vertikale angeordnete Steuerelemente - auch als Subpage 5 vertikale angeordnete Steuerelemente - auch als Subpage beim US-Modell im Portrait-Modus cardSchedule Page - 6 vertikale angeordnete Text-Steuerelemente - auch als Subpage cardGrid Page - 6 horizontal angeordnete Steuerelemente in 2 Reihen a 3 Steuerelemente - auch als Subpage cardGrid2 Page - 8 horizontal angeordnete Steuerelemente in 2 Reihen a 4 Steuerelemente - auch als Subpage 9 horizontal angeordnete Steuerelemente in 3 Reihen a 3 Steuerelemente - auch als Subpage - beim US-Modell im Portrait-Modus cardGrid3 Page - 4 horizontal angeordnete Steuerelemente in 2 Reihen a 2 Steuerelemente - auch als Subpage cardThermo Page - Thermostat mit Solltemperatur, Isttemperatur, Mode - Weitere Eigenschaften können im Alias definiert werden cardThermo2 Page - weiterer Thermostat (Circular Slider) mit Solltemperatur, Isttemperatur, Mode - Weitere Eigenschaften können im Alias definiert werden cardMedia Page - Mediaplayer - Ausnahme: Alias sollte mit Alias-Manager automatisch über Alexa-Verzeichnis Player angelegt werden cardAlarm Page - Alarmseite mit Zustand und Tastenfeld cardPower Page - Energiefluss cardChart Page - Balken-Diagramme aus History, SQL oder InfluxDB cardLChart Page - Linien-Diagramme aus History, SQL oder InfluxDB cardQR Page - QR Code für Bereitstellung Gäste-WLAN Vollständige Liste zur Einrichtung unter: https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Card-Definitionen-(Seiten) Popup-Pages: popupLight - in Abhängigkeit zum gewählten Alias werden "Helligkeit", "Farbtemperatur" und "Farbauswahl" bereitgestellt popupLight2 - (größere Elemente) in Abhängigkeit zum gewählten Alias werden "Helligkeit", "Farbtemperatur" und "Farbauswahl" bereitgestellt popupShutter - die Shutter-Position (Rollo, Jalousie, Markise, Leinwand, etc.) kann über einen Slider verändert werden. popupShutter2 - die Shutter-Position (Rollo, Jalousie, Markise, Leinwand, etc.) kann über einen Slider verändert werden. popupNotify - 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 popupInSel - Auswahlliste (InputSelect) popupSlider - 3 vertikal ausgerichtete Slider. Abweichender 0 Punkt möglich popupFan - Ventilatorsteuerung popupTimer - Stopuhr, Countdown, Wecker oder Zeitschaltuhr 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 CIE-Licht - Zum Schalten von Color-Leuchtmitteln über CIE-Wert [x,y] - Array, Brightness, Farbtemperatur, An/Aus 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 Tor - Sensor open Bewegung - Sensor Presence Verschluss - Türschloss SET/ACTUAL/OPEN Taste - Für Szenen oder Radiosender, etc. --> Nur Funktionsaufruf - Kein Taster wie MonoButton - True/False Tastensensor - Für Auswahlmenü (popupInSel) Thermostat - Aktuelle Raumtemperatur, Setpoint, etc. Temperatur - Temperatur aus Datenpunkt, analog Info Klimaanlage - Buttons zur Steuerung der Klimaanlage im unteren Bereich Temperatur - Anzeige von Temperatur - Datenpunkten, analog Info Feuchtigkeit - Anzeige von Humidity - Datenpunkten, analog Info Medien - Steuerung von Alexa, etc. - Der erforderliche Media Alias-Channel legt sich selbst an Wettervorhersage - Aktuelle Außen-Temperatur (Temp) und aktuelles AccuWeather-Icon (Icon) für Screensaver Warnung - Abfall, etc. -- Info mit IconColor Ventilator - An/Aus mit Steuerung über popupFan Timer (siehe Wiki) Vollständige Liste zur Einrichtung unter: https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-ALIAS-Definitionen Interne Sonoff-Sensoren (über Tasmota): ESP-Temperatur - wird in 0_userdata.0. abgelegt, kann als Alias importiert werden --> SetOption146 1 Temperatur - Raumtemperatur - wird in 0_userdata.0. abgelegt, kann als Alias importiert 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: Pirate-Weather oder BrightSky oder OpenWeatherMap --> Bei Nutzung der Wetterfunktionen (und zur Icon-Konvertierung) im Screensaver !!!DasWetter deprecated - Dienst nur noch für ältere Accounts funktional !!!AccuWeather deprecated - Dienst schaltet Free-Account ab!!! Alexa2: - Bei Nutzung der dynamischen SpeakerList in der cardMedia Geräte verwalten - Für Erstellung der Aliase MQTT-Adapter - Für Kommunikation zwischen Skript und Tasmota JavaScript-Adapter Install/Upgrades in Konsole: Tasmota BerryDriver Install: Backlog UrlFetch https://raw.githubusercontent.com/ticaki/ioBroker.nspanel-lovelace-ui/refs/heads/main/tasmota/berry/10/autoexec.be; Restart 1 Tasmota BerryDriver Update: Backlog UpdateDriverVersion https://raw.githubusercontent.com/ticaki/ioBroker.nspanel-lovelace-ui/refs/heads/main/tasmota/berry/10/autoexec.be; Restart 1 TFT EU STABLE Version: FlashNextionAdv0 http://nspanel.de/nspanel-v5.0.2.tft TFT US-L STABLE Version: FlashNextionAdv0 http://nspanel.de/nspanel-us-l-v5.0.2.tft TFT US-P STABLE Version: FlashNextionAdv0 http://nspanel.de/nspanel-us-p-v5.0.2.tft --------------------------------------------------------------------------------------- */ /******************************* Begin CONFIG Parameter *******************************/ // DE: liefert bei true detailliertere Meldundgen im Log. // EN: if true, provides more detailed messages in the log. var Debug: boolean = false; /***** 1. Tasmota-Config *****/ const tasmota_ip: string = '192.168.178.116'; // DE: Anpassen an die Verzeichnisse der MQTT-Adapter-Instanz // EN: Adapt to the MQTT adapter instance directories const NSPanelReceiveTopic: string = 'mqtt.0.SmartHometele.Sonoff_NSpanel.RESULT'; const NSPanelSendTopic: string = 'mqtt.0.SmartHomecmnd.Sonoff_NSpanel.CustomSend'; // DE: nur ändern, falls der User im Tasmota vor dem Kompilieren umbenannt wurde (Standard Tasmota: admin) // EN: only change if the user was renamed in Tasmota before compiling (default Tasmota: admin) const tasmota_web_admin_user: string = 'admin'; // DE: setzten, falls "Web Admin Password" in Tasmota vergeben // EN set if "Web Admin Password" is assigned in Tasmota const tasmota_web_admin_password: string = ''; // DE: Setzen der bevorzugten Tasmota32-Version (für Updates) // EN: Set preferred Tasmota32 version (for updates) const tasmotaOtaVersion: string = 'tasmota32-nspanel.bin'; // DE: Es können ebenfalls andere Versionen verwendet werden wie zum Beispiel: // EN: 'tasmota32-DE.bin' oder 'tasmota32.bin' oder 'tasmota32-DE.bin' oder etc. // DE: !!!Anmerkung!!! Seit Tasmota v15.0.X wird der 4Mb PSRAM im ESP32 nur noch in der tasmota32-nspanel.bin verwendet // EN: !!!Note!!! Since Tasmota v15.0.X, the 4Mb PSRAM in the ESP32 is only used in the tasmota32-nspanel.bin /***** 2. Directories in 0_userdata.0... *****/ // DE: Anpassen an das jeweilige NSPanel // EN: Adapt to the respective NSPanel const NSPanel_Path = '0_userdata.0.NSPanel.1.'; // DE: Pfad für gemeinsame Nutzung durch mehrere Panels (bei Nutzung der cardAlarm/cardUnlock) // EN: Path for sharing between multiple panels (when using cardAlarm/cardUnlock) const NSPanel_Alarm_Path = '0_userdata.0.NSPanel.'; /***** 3. Weather adapter Config *****/ // DE: Mögliche Wetteradapter 'pirate-weather.0.' oder 'brightsky.0.' oder 'openweathermap.0.' oder 'daswetter.0.' (deprecated) oder 'accuweather.0.' (deprecated) // EN: Possible weather adapters 'pirate-weather.0.' or 'brightsky.0.' or 'openweathermap.0.' or 'daswetter.0.' (deprecated) or 'accuweather.0.' (deprecated) const weatherAdapterInstance: string = 'pirate-weather.0.'; // DE: Mögliche Werte: 'Min', 'Max' oder 'MinMax' im Screensaver // EN: Possible values: 'Min', 'Max' or 'MinMax' in the screensaver const weatherScreensaverTempMinMax: string = 'MinMax'; // DE: Dieser Alias wird automatisch für den gewählten Wetter erstellt und kann entsprechend angepasst werden // EN: This alias is automatically created for the selected weather and can be adjusted accordingly const weatherEntityPath: string = 'alias.0.Pirate_Weather'; //Please rename if change weatherAdapterInstance! /***** 4. Color constants for use in the PageItems *****/ // DE: Bei Bedarf können weitere Farben definiert werden // EN: If necessary, additional colors can be defined const HMIOff: RGB = {red: 68, green: 115, blue: 158}; // Blue-Off - Original Entity Off const HMIOn: RGB = {red: 3, green: 169, blue: 244}; // Blue-On const HMIDark: RGB = {red: 29, green: 29, blue: 29}; // Original Background Color const Off: RGB = {red: 253, green: 128, blue: 0}; // Orange-Off - nicer color transitions 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 Cyan: RGB = {red: 0, green: 255, blue: 255}; const Magenta: RGB = {red: 255, green: 0, blue: 255}; const Orange: RGB = {red: 255, green: 130, blue: 0}; const colorSpotify: RGB = {red: 30, green: 215, blue: 96}; const colorAlexa: RGB = {red: 49, green: 196, blue: 243}; const colorSonos: RGB = {red: 216, green: 161, blue: 88}; 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}; //Menu Icon Colors const Menu: RGB = {red: 150, green: 150, blue: 100}; const MenuLowInd: RGB = {red: 255, green: 235, blue: 156}; const MenuHighInd: RGB = {red: 251, green: 105, blue: 98}; //Dynamische Indikatoren (Abstufung grün nach gelb nach rot) 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 scbackgroundInd1: RGB = {red: 255, green: 0, blue: 0}; const scbackgroundInd2: RGB = {red: 121, green: 222, blue: 121}; const scbackgroundInd3: RGB = {red: 255, green: 255, 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}; /***** 5. Script - Parameters *****/ // DE: Für diese Option muss der Haken in setObjects in deiner javascript.X. Instanz gesetzt sein. // EN: This option requires the check mark in setObjects in your javascript.X. instance must be set. const autoCreateAlias = true; // DE: Verzeichnis für Auto-Aliase (wird per Default aus dem NSPanel-Verzeichnis gebildet und muss nicht verändert werden) // EN: Directory for auto aliases (is created by default from the NSPanel directory and does not need to be changed) const AliasPath: string = 'alias.0.' + NSPanel_Path.substring(13, NSPanel_Path.length); // DE: Default-Farbe für Off-Zustände // EN: Default color for off states const defaultOffColorParam: any = Off; // DE: Default-Farbe für On-Zustände // EN: Default color for on states const defaultOnColorParam: any = On; const defaultColorParam: any = Off; // DE: Default-Hintergrundfarbe HMIDark oder Black // EN: Default background color HMIDark or Black const defaultBackgroundColorParam: any = HMIDark; /******************************** End CONFIG Parameter ********************************/ //-- Anfang für eigene Seiten -- z.T. selbstdefinierte Aliase erforderlich ---------------- //-- Start for your own pages -- some self-defined aliases required ---------------- //-- https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Page-%E2%80%90-Typen_How-2_Beispiele let Zuhause: PageType = { 'type': 'cardGrid', 'heading': 'Zuhause', 'next' : 'Zuhause2', 'useColor': true, 'items': [ { navigate: true, id: null, targetPage: 'Heizungen', name: 'Heizungen' , icon: 'thermometer', offColor: MSGreen, onColor: Blue}, { navigate: true, id: null, targetPage: 'Fenster_1', name: 'Fenster' , icon: 'window-closed-variant', offColor: MSGreen, onColor: Blue}, { navigate: true, id: null, targetPage: 'Lampen', name: 'Lampen' , icon: 'lightbulb-multiple-outline', offColor: MSGreen, onColor: Blue}, { navigate: true, id: null, targetPage: 'Abfall', name: 'Abfall' , icon: 'trash-can-outline', offColor: MSGreen, onColor: Blue}, { navigate: true, id: null, targetPage: 'Temperaturen', name: 'Temperaturen' , icon: 'temperature-celsius', offColor: MSGreen, onColor: Blue}, { navigate: true, id: null, targetPage: 'Rolladen', name: 'Rolladen' , icon: 'window-shutter', offColor: MSGreen, onColor: Blue}, ] }; let Zuhause2: PageType = { 'type': 'cardGrid', 'heading': 'Zuhause 2', 'useColor': true, 'parent' : Zuhause, 'next' : 'Zuhause', 'prev' : 'Zuhause', 'items': [ { navigate: true, id: null, targetPage: 'Allgemein', name: 'Allgemein' , icon: 'file-table-box-multiple-outline', offColor: MSGreen, onColor: Blue}, { navigate: true, id: null, targetPage: 'Keller', name: 'Keller' , icon: 'file-table-box-multiple-outline', offColor: MSGreen, onColor: Blue}, { navigate: true, id: null, targetPage: 'Alexa', name: 'Alexa' , icon: 'file-table-box-multiple-outline', offColor: MSGreen, onColor: Blue}, { navigate: true, id: null, targetPage: 'NSPanel_Service', name: 'Einstellungen' , icon: 'view-comfy', offColor: MSGreen, onColor: Blue}, ] }; let Fenster_1: PageType = { 'type': 'cardGrid', 'heading': 'Fenster und Türen', 'subPage': true, 'parent' : Zuhause, 'home': 'Zuhause', 'prev': 'Heizungen', 'useColor': true, 'items': [ { id: 'alias.0.NSPanel.Fenster.Balkon', icon: 'door-closed', offColor: MSGreen, onColor: MSRed, name: 'Balkon'}, { id: 'alias.0.NSPanel.Fenster.Eingangstür', icon: 'door-closed', offColor: MSGreen, onColor: MSRed, name: 'Eingangstür'}, { id: 'alias.0.NSPanel.Fenster.Fenster_Bad', icon: 'window-closed', offColor: MSGreen, onColor: MSRed, name: 'Bad'}, { id: 'alias.0.NSPanel.Fenster.Fenster_Kinderzimmer', icon: 'window-closed', offColor: MSGreen, onColor: MSRed, name: 'Kinderzimmer'}, { id: 'alias.0.NSPanel.Fenster.Fenster_Küche', icon: 'window-closed', offColor: MSGreen, onColor: MSRed, name: 'Küche'}, { id: 'alias.0.NSPanel.Fenster.Fenster_Schlafzimmer', icon: 'window-closed', offColor: MSGreen, onColor: MSRed, name: 'Schlafzimmer'}, ] }; let Heizungen: PageType = { 'type': 'cardGrid', 'heading': 'Heizungen', 'subPage': true, 'parent' : Zuhause, 'home': 'Zuhause', 'prev': 'Lampen', 'useColor': true, 'items': [ { navigate: true, id: null, targetPage: 'Heizung_Bad', name: 'Heizung Bad' , icon: 'toilet', offColor: MSGreen, onColor: MSRed}, { navigate: true, id: null, targetPage: 'Heizung_Wohnzimmer', name: 'Heizung Wohnzimmer' , icon: 'radiator', offColor: MSGreen, onColor: MSRed}, { navigate: true, id: null, targetPage: 'Heizung_Kueche', name: 'Heizung Küche' , icon: 'radiator', offColor: MSGreen, onColor: MSRed}, { navigate: true, id: null, targetPage: 'Heizung_Schlafzimmer', name: 'Heizung Schlafzimmer' , icon: 'radiator', offColor: MSGreen, onColor: MSRed}, { navigate: true, id: null, targetPage: 'Heizung_Kinderzimmer', name: 'Heizung Kinderzimmer' , icon: 'radiator', offColor: MSGreen, onColor: MSRed}, { navigate: true, id: null, targetPage: 'Heizung_Flur', name: 'Heizung Flur' , icon: 'radiator', offColor: MSGreen, onColor: MSRed}, ] }; let Lampen: PageType = { 'type': 'cardGrid', 'heading': 'Lampen', 'parent' : Zuhause, 'home': 'Zuhause', 'prev': 'Fenster_1', 'subPage': true, 'useColor': true, 'items': [ { navigate: true, id: null, targetPage: 'Lampen_Kueche', name: 'Lampen Küche' , icon: 'lightbulb-multiple-outline', offColor: MSGreen, onColor: MSRed}, { navigate: true, id: null, targetPage: 'Lampen_Wohnzimmer', name: 'Lampen Wohnzimmer' , icon: 'lightbulb-multiple-outline', offColor: MSGreen, onColor: MSRed}, { navigate: true, id: null, targetPage: 'Lampen_Flur', name: 'Lampen Flur' , icon: 'lightbulb-multiple-outline', offColor: MSGreen, onColor: MSRed}, { navigate: true, id: null, targetPage: 'Lampen_Kinderzimmer', name: 'Lampen Kinderzimmer' , icon: 'lightbulb-multiple-outline', offColor: MSGreen, onColor: MSRed}, { navigate: true, id: null, targetPage: 'Lampen_Bad', name: 'Lampen Bad' , icon: 'lightbulb-multiple-outline', offColor: MSGreen, onColor: MSRed}, { navigate: true, id: null, targetPage: 'Lampen_Balkon', name: 'Lampen Balkon' , icon: 'lightbulb-multiple-outline', offColor: MSGreen, onColor: MSRed}, ] }; let Allgemein: PageType = { 'type': 'cardEntities', 'heading': 'Allgemein', 'subPage': true, 'parent' : Zuhause, "useColor": true, 'home': 'Zuhause', 'items': [ { id: "alias.0.NSPanel.Bewässerung.Bewässerung", name: 'Bewässerung',offColor: MSGreen, onColor: MSRed}, { id: "alias.0.NSPanel.Bewässerung.Wintermodus", name: 'Heizung Wintermodus',offColor: MSGreen, onColor: MSRed}, ] }; let Keller: PageType = { 'type': 'cardEntities', 'heading': 'Keller', 'subPage': true, 'parent' : Zuhause, "useColor": true, 'home': 'Zuhause', 'items': [ { id: "alias.0.NSPanel.allgemein.Keller.Waschmaschine", name: 'Waschmaschine Strom',offColor: MSGreen, onColor: MSRed}, { id: "alias.0.NSPanel.allgemein.Keller.Trockner", name: 'Trockner Strom',offColor: MSGreen, onColor: MSRed}, ] }; let Heizung_Bad: PageType = { 'type': 'cardThermo', 'heading': 'Heizung Badezimmer', 'subPage': true, 'parent' : Heizungen, 'home': 'Zuhause', 'items': [{ id: 'alias.0.NSPanel.Heizung.Heizung_Bad.Heizung_Badezimmer', minValue: 45, maxValue: 300, stepValue: 5 }] }; let Heizung_Kueche: PageType = { 'type': 'cardThermo', 'heading': 'Heizung Küche', 'parent' : Heizungen, 'home': 'Zuhause', 'subPage': true, 'items': [{ id: 'alias.0.NSPanel.Heizung.Heizung_Küche.Heizung_Küche', minValue: 45, maxValue: 300, stepValue: 5 }] }; let Heizung_Wohnzimmer: PageType = { 'type': 'cardThermo', 'heading': 'Heizung Wohnzimmer', 'subPage': true, 'parent' : Heizungen, 'home': 'Zuhause', 'items': [{ id: 'alias.0.NSPanel.Heizung.Heizung_Wohnzimmer.Heizung_Wohnzimmer', minValue: 45, maxValue: 300, stepValue: 5 }] }; let Heizung_Flur: PageType = { 'type': 'cardThermo', 'heading': 'Heizung Flur', 'subPage': true, 'parent' : Heizungen, 'home': 'Zuhause', 'items': [{ id: 'alias.0.NSPanel.Heizung.Heizung_Flur.Heizung_Flur', minValue: 45, maxValue: 300, stepValue: 5 }] }; let Heizung_Schlafzimmer: PageType = { 'type': 'cardThermo', 'heading': 'Heizung Schlafzimmer', 'subPage': true, 'parent' : Heizungen, 'home': 'Zuhause', 'items': [{ id: 'alias.0.NSPanel.Heizung.Heizung_Schlafzimmer.Heizung_Schlafzimmer', minValue: 45, maxValue: 300, stepValue: 5 }] }; let Heizung_Kinderzimmer: PageType = { 'type': 'cardThermo', 'heading': 'Heizung Kinderzimmer', 'subPage': true, 'parent' : Heizungen, 'home': 'Zuhause', 'items': [{ id: 'alias.0.NSPanel.Heizung.Heizung_Kinderzimmer.Heizung_Kinderzimmer', minValue: 45, maxValue: 300, stepValue: 5 }] }; let Abfall: PageType = { "type": "cardEntities", "heading": "Abfallkalender", "useColor": true, "subPage": true, "parent": Zuhause, "items": [ { id: 'alias.0.NSPanel.allgemein.Abfall.event1',icon: 'trash-can'}, { id: 'alias.0.NSPanel.allgemein.Abfall.event2',icon: 'trash-can'}, { id: 'alias.0.NSPanel.allgemein.Abfall.event3',icon: 'trash-can'}, { id: 'alias.0.NSPanel.allgemein.Abfall.event4',icon: 'trash-can'}, ] }; let Lampen_Kueche: PageType = { 'type': 'cardEntities', 'heading': 'Lampen Küche', 'subPage': true, 'parent' : Lampen, "useColor": true, 'home': 'Zuhause', 'items': [ { id: "alias.0.NSPanel.Lampen.Küche.Eingang_Küche", name: 'Eingang',offColor: MSGreen, onColor: MSRed}, { id: "alias.0.NSPanel.Lampen.Küche.Tisch_Küche", name: 'Tisch', offColor: MSGreen, onColor: MSRed}, { id: "alias.0.NSPanel.Lampen.Küche.Regal_Küche", name: 'Regal', offColor: MSGreen, onColor: MSRed}, { id: "alias.0.NSPanel.Lampen.Küche.Schrank_Küche", name: 'Schrank Kochfeld', offColor: MSGreen, onColor: MSRed}, ] }; let Lampen_Wohnzimmer: PageType = { 'type': 'cardEntities', 'heading': 'Lampen Wohnzimmer', 'subPage': true, 'parent' : Lampen, 'next' : 'Lampen_Wohnzimmer2', "useColor": true, 'home': 'Zuhause', 'items': [ { id: "alias.0.NSPanel.Lampen.Wohnzimmer.Regal", name: 'Regal',offColor: MSGreen, onColor: MSRed}, { id: "alias.0.NSPanel.Lampen.Wohnzimmer.Stehlampe", name: 'Stehlampe',offColor: MSGreen, onColor: MSRed}, { id: "alias.0.NSPanel.Lampen.Wohnzimmer.Tisch", name: 'Tisch',offColor: MSGreen, onColor: MSRed}, { id: "alias.0.NSPanel.Lampen.Wohnzimmer.Tisch_2", name: 'Tisch 2',offColor: MSGreen, onColor: MSRed}, ] }; let Lampen_Wohnzimmer2: PageType = { 'type': 'cardEntities', 'heading': 'Lampen Wohnzimmer 2', 'subPage': true, 'next' : 'Lampen_Wohnzimmer', 'parent' : Lampen_Wohnzimmer, "useColor": true, 'home': 'Lampen', 'items': [ { id: "alias.0.NSPanel.Lampen.Wohnzimmer.Kugel", name: 'Kugel',offColor: MSGreen, onColor: MSRed}, { id: "alias.0.NSPanel.Lampen.Wohnzimmer.Flaschenregal", name: 'Flaschen',offColor: MSGreen, onColor: MSRed}, { id: "alias.0.NSPanel.Lampen.Wohnzimmer.Gläserschrank", name: 'Gläserschrank',offColor: MSGreen, onColor: MSRed}, { id: "alias.0.NSPanel.Lampen.Wohnzimmer.Schrank_klein", name: 'Schrank klein',offColor: MSGreen, onColor: MSRed}, ] }; let Lampen_Flur: PageType = { 'type': 'cardEntities', 'heading': 'Lampen Flur', 'subPage': true, 'parent' : Lampen, "useColor": true, 'home': 'Zuhause', 'items': [ { id: "alias.0.NSPanel.Lampen.Flur.Flur_Decke", name: 'Flur Decke',offColor: MSGreen, onColor: MSRed}, { id: "alias.0.NSPanel.Lampen.Flur.Schrank", name: 'Schrank', offColor: MSGreen, onColor: MSRed}, { id: "alias.0.NSPanel.Lampen.Flur.Garderobe", name: 'Garderobe', offColor: MSGreen, onColor: MSRed}, ] }; let Lampen_Bad: PageType = { 'type': 'cardEntities', 'heading': 'Lampen Bad', 'subPage': true, 'parent' : Lampen, "useColor": true, 'home': 'Zuhause', 'items': [ { id: "alias.0.NSPanel.Lampen.Badezimmer.Mi_Smart_Hub", name: 'Mi Gateway',offColor: MSGreen, onColor: MSRed}, ] }; let Lampen_Kinderzimmer: PageType = { 'type': 'cardEntities', 'heading': 'Lampen Kinderzimmer', 'subPage': true, 'parent' : Lampen, "useColor": true, 'home': 'Zuhause', 'items': [ { id: "alias.0.NSPanel.Lampen.Kinderzimmer.Schrank", name: 'Schrank',offColor: MSGreen, onColor: MSRed}, ] }; let Lampen_Balkon: PageType = { 'type': 'cardEntities', 'heading': 'Lampen Balkon', 'subPage': true, 'parent' : Lampen, "useColor": true, 'home': 'Zuhause', 'items': [ { id: "alias.0.NSPanel.Lampen.Balkon.Lampe_Balkon", name: 'Lampe Balkon',offColor: MSGreen, onColor: MSRed}, { id: "alias.0.NSPanel.Lampen.Balkon.Kette", name: 'Kette',offColor: MSGreen, onColor: MSRed}, ] }; let Rolladen: PageType = { 'type': 'cardGrid', 'heading': 'Rolladen Wohnzimmer', 'home': 'Zuhause', 'parent' : Zuhause, "subPage": true, 'useColor': true, 'items': [ { id: 'alias.0.NSPanel.Rollaeden.Rollade_Balkontuer', name: 'Balkontür', secondRow: "0% -> 100% ", minValueLevel: 100, maxValueLevel: 0, icon: "blinds-horizontal", offColor: MSRed, onColor: MSGreen}, { id: 'alias.0.NSPanel.Rollaeden.Rollade_Fenster', name: 'Fenster', secondRow: "0% -> 100% ", minValueLevel: 100, maxValueLevel: 0, icon: "blinds-horizontal", offColor: MSRed, onColor: MSGreen}, ]}; let Alexa: PageType = { 'type': 'cardMedia', 'heading': 'Alexa', 'items': [{ id: AliasPath + 'Media.PlayerAlexa', adapterPlayerInstance: 'alexa2.0.', mediaDevice: 'G0911B0592940KN7', // Eigene Seriennummer des primären Device einstellen speakerList: ['Überall','Konrads Echo Show','Konrads Alexa Schlafzimmer','Konrads Alexa Flur','Konrads Alexa Badezimmer','Mamas Alexa Schlafzimmer','Konrads Alexa Wohnzimmer'], //analog alexa2 Music-Provider //Mögliche Playlists: playList: ['TuneIn.NDR2', 'TuneIn.WDR2', 'TuneIn.WDR4', 'TuneIn.Radio Bochum', 'TuneIn.Radio Bob Rock', 'TuneIn.1Live' ], equalizerList: ['Bassboost','Klassik','Dance', 'Deep', 'Electronic', 'Flat', 'Hip-Hop', 'Rock', 'Metal', 'Jazz', 'Latin', 'Tonstärke', 'Lounge', 'Piano'], colorMediaIcon: colorAlexa, colorMediaArtist: Yellow, colorMediaTitle: Yellow, alwaysOnDisplay: true, autoCreateALias: true }] }; let Temperaturen: PageType = { 'type': 'cardGrid', 'heading': 'Temperaturen', 'home': 'Zuhause', "subPage": true, 'useColor': true, 'items': [ { id: 'alias.0.NSPanel.Heizung.Heizung_Küche.Heizung_Küche', name: 'Küche °C', offColor: White, onColor: White, useValue: true, colorScale: {'val_min': 5, 'val_max': 30, 'val_best': 19} }, { id: 'alias.0.NSPanel.Heizung.Heizung_Wohnzimmer.Heizung_Wohnzimmer', name: 'Wohnzimmer °C', offColor: White, onColor: White , useValue: true, colorScale: {'val_min': 5, 'val_max': 30, 'val_best': 19} }, { id: 'alias.0.NSPanel.Heizung.Heizung_Bad.Heizung_Badezimmer', name: 'Bad °C', offColor: White, onColor: White, useValue: true, colorScale: {'val_min': 5, 'val_max': 30, 'val_best': 19} }, { id: 'alias.0.NSPanel.Heizung.Heizung_Kinderzimmer.Heizung_Kinderzimmer', name: 'Kinderzimmer °C', offColor: White , onColor: White, useValue: true, colorScale: {'val_min': 5, 'val_max': 30, 'val_best': 19} }, { id: 'alias.0.NSPanel.Heizung.Heizung_Flur.Heizung_Flur', name: 'Flur °C', offColor: White , onColor: White, useValue: true, colorScale: {'val_min': 5, 'val_max': 30, 'val_best': 19} }, { id: 'alias.0.NSPanel.Heizung.Heizung_Schlafzimmer.Heizung_Schlafzimmer', name: 'Schlafzimmer °C', offColor: White , onColor: White, useValue: true, colorScale: {'val_min': 5, 'val_max': 30, 'val_best': 19} }, ]}; //-- ENDE für eigene Seiten -- z.T. selbstdefinierte Aliase erforderlich ------------------------- //-- END for your own pages -- some self-defined aliases required ------------------------ /*********************************************************************************************** ** Service Pages mit Auto-Alias (Nachfolgende Seiten werden mit Alias automatisch angelegt) ** ** https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Service-Men%C3%BC ** ***********************************************************************************************/ /* DE: German Wenn das Service Menü abgesichert werden soll, kann eine cardUnlock vorgeschaltet werden. Für diesen Fall ist folgende Vorgehensweise erforderlich: - cardUnlock Seite "Unlock_Service" in der Config unter pages auskommentieren ("//" entfernen) - Servicemenü aus pages "NSPanel_Service" unter pages kommentieren ("//" hinzufügen) */ /*********************************************************************************************** ** Service pages with auto alias (subsequent pages are automatically created with alias) ** ** https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Service-Men%C3%BC ** ***********************************************************************************************/ /* EN: English If the service menu needs to be secured, a cardUnlock can be installed upstream. In this case, the following procedure is required: - comment out cardUnlock page "Unlock_Service" in the config under pages (remove "//") - Comment service menu from pages "NSPanel_Service" under pages (add "//") */ //Level 0 (if service pages are used with cardUnlock) let Unlock_Service: PageType = { 'type': 'cardUnlock', 'heading': findLocaleServMenu('service_pages'), 'useColor': true, 'items': [/*PageItem*/{ id: 'alias.0.NSPanel.Unlock', targetPage: 'NSPanel_Service_SubPage', autoCreateALias: true } ] }; //Level_0 (if service pages are used without cardUnlock) let NSPanel_Service: PageType = { 'type': 'cardEntities', 'heading': findLocaleServMenu('service_menu'), 'useColor': true, 'items': [ /*PageItem*/{navigate: true, id: 'NSPanel_Infos', icon: 'information-outline', offColor: Menu, onColor: Menu, name: findLocaleServMenu('infos'), buttonText: findLocaleServMenu('more')}, /*PageItem*/{navigate: true, id: 'NSPanel_Einstellungen', icon: 'monitor-edit', offColor: Menu, onColor: Menu, name: findLocaleServMenu('settings'), buttonText: findLocaleServMenu('more')}, /*PageItem*/{navigate: true, id: 'NSPanel_Firmware', icon: 'update', offColor: Menu, onColor: Menu, name: findLocaleServMenu('firmware'), buttonText: findLocaleServMenu('more')}, /*PageItem*/{id: AliasPath + 'Config.rebootNSPanel', name: findLocaleServMenu('reboot'), icon: 'refresh', offColor: MSRed, onColor: MSGreen, buttonText: findLocaleServMenu('start')}, ] }; //Level_0 (if service pages are used with cardUnlock) let NSPanel_Service_SubPage: PageType = { 'type': 'cardEntities', 'heading': findLocaleServMenu('service_menu'), 'useColor': true, 'subPage': true, 'parent': Unlock_Service, 'home': 'Unlock_Service', 'items': [ /*PageItem*/{navigate: true, id: 'NSPanel_Infos', icon: 'information-outline', offColor: Menu, onColor: Menu, name: findLocaleServMenu('infos'), buttonText: findLocaleServMenu('more')}, /*PageItem*/{navigate: true, id: 'NSPanel_Einstellungen', icon: 'monitor-edit', offColor: Menu, onColor: Menu, name: findLocaleServMenu('settings'), buttonText: findLocaleServMenu('more')}, /*PageItem*/{navigate: true, id: 'NSPanel_Firmware', icon: 'update', offColor: Menu, onColor: Menu, name: findLocaleServMenu('firmware'), buttonText: findLocaleServMenu('more')}, /*PageItem*/{id: AliasPath + 'Config.rebootNSPanel', name: findLocaleServMenu('reboot'), icon: 'refresh', offColor: MSRed, onColor: MSGreen, buttonText: findLocaleServMenu('start')}, ] }; //Level_1 let NSPanel_Infos: PageType = { 'type': 'cardEntities', 'heading': findLocaleServMenu('nspanel_infos'), 'useColor': true, 'subPage': true, 'parent': NSPanel_Service, 'home': 'NSPanel_Service', 'items': [ /*PageItem*/{navigate: true, id: 'NSPanel_Wifi_Info_1', icon: 'wifi', offColor: Menu, onColor: Menu, name: findLocaleServMenu('wifi'), buttonText: findLocaleServMenu('more')}, /*PageItem*/{navigate: true, id: 'NSPanel_Sensoren', icon: 'memory', offColor: Menu, onColor: Menu, name: findLocaleServMenu('sensors_hardware'), buttonText: findLocaleServMenu('more')}, /*PageItem*/{navigate: true, id: 'NSPanel_IoBroker', icon: 'information-outline', offColor: Menu, onColor: Menu, name: findLocaleServMenu('info_iobroker'), buttonText: findLocaleServMenu('more')}, /*PageItem*/{id: AliasPath + 'Config.Update.UpdateMessage', name: findLocaleServMenu('update_message'), icon: 'message-alert-outline', offColor: HMIOff, onColor: MSGreen}, ] }; //Level_2 let NSPanel_Wifi_Info_1: PageType = { 'type': 'cardEntities', 'heading': findLocaleServMenu('nspanel_wifi1'), 'useColor': true, 'subPage': true, 'parent': NSPanel_Infos, 'next': 'NSPanel_Wifi_Info_2', 'items': [ /*PageItem*/{id: AliasPath + 'ipAddress', name: findLocaleServMenu('ip_address'), icon: 'ip-network-outline', offColor: Menu, onColor: Menu}, /*PageItem*/{id: AliasPath + 'Tasmota.Wifi.BSSId', name: findLocaleServMenu('mac_address'), icon: 'check-network', offColor: Menu, onColor: Menu}, /*PageItem*/{id: AliasPath + 'Tasmota.Wifi.RSSI', name: findLocaleServMenu('rssi'), icon: 'signal', unit: '%', colorScale: {'val_min': 100, 'val_max': 0}}, /*PageItem*/{id: AliasPath + 'Tasmota.Wifi.Signal', name: findLocaleServMenu('wifi_signal'), icon: 'signal-distance-variant', unit: 'dBm', colorScale: {'val_min': 0, 'val_max': -100}}, ] }; let NSPanel_Wifi_Info_2: PageType = { 'type': 'cardEntities', 'heading': findLocaleServMenu('nspanel_wifi2'), 'useColor': true, 'subPage': true, 'prev': 'NSPanel_Wifi_Info_1', 'home': 'NSPanel_Service', 'items': [ /*PageItem*/{id: AliasPath + 'Tasmota.Wifi.SSId', name: findLocaleServMenu('ssid'), icon: 'signal-distance-variant', offColor: Menu, onColor: Menu}, /*PageItem*/{id: AliasPath + 'Tasmota.Wifi.Mode', name: findLocaleServMenu('mode'), icon: 'signal-distance-variant', offColor: Menu, onColor: Menu}, /*PageItem*/{id: AliasPath + 'Tasmota.Wifi.Channel', name: findLocaleServMenu('channel'), icon: 'timeline-clock-outline', offColor: Menu, onColor: Menu}, /*PageItem*/{id: AliasPath + 'Tasmota.Wifi.AP', name: findLocaleServMenu('accesspoint'), icon: 'router-wireless-settings', offColor: Menu, onColor: Menu}, ] }; let NSPanel_Sensoren: PageType = { 'type': 'cardEntities', 'heading': findLocaleServMenu('sensors1'), 'useColor': true, 'subPage': true, 'parent': NSPanel_Infos, 'next': 'NSPanel_Hardware', 'items': [ /*PageItem*/{id: AliasPath + 'Sensor.ANALOG.Temperature', name: findLocaleServMenu('room_temperature'), icon: 'home-thermometer-outline', unit: '°C', colorScale: {'val_min': 0, 'val_max': 40, 'val_best': 22}}, /*PageItem*/{id: AliasPath + 'Sensor.ESP32.Temperature', name: findLocaleServMenu('esp_temperature'), icon: 'thermometer', unit: '°C', colorScale: {'val_min': 0, 'val_max': 100, 'val_best': 50}}, /*PageItem*/{id: AliasPath + 'Sensor.TempUnit', name: findLocaleServMenu('temperature_unit'), icon: 'temperature-celsius', offColor: Menu, onColor: Menu}, /*PageItem*/{id: AliasPath + 'Sensor.Time', name: findLocaleServMenu('refresh'), icon: 'clock-check-outline', offColor: Menu, onColor: Menu}, ] }; let NSPanel_Hardware: PageType = { 'type': 'cardEntities', 'heading': findLocaleServMenu('hardware2'), 'useColor': true, 'subPage': true, 'prev': 'NSPanel_Sensoren', 'home': 'NSPanel_Service', 'items': [ /*PageItem*/{id: AliasPath + 'Tasmota.Product', name: findLocaleServMenu('product'), icon: 'devices', offColor: Menu, onColor: Menu}, /*PageItem*/{id: AliasPath + 'Tasmota.Hardware', name: findLocaleServMenu('esp32_hardware'), icon: 'memory', offColor: Menu, onColor: Menu}, /*PageItem*/{id: AliasPath + 'Display.Model', name: findLocaleServMenu('nspanel_version'), offColor: Menu, onColor: Menu}, /*PageItem*/{id: AliasPath + 'Tasmota.Uptime', name: findLocaleServMenu('operating_time'), icon: 'timeline-clock-outline', offColor: Menu, onColor: Menu}, ] }; let NSPanel_IoBroker: PageType = { 'type': 'cardEntities', 'heading': findLocaleServMenu('info_iobroker'), 'useColor': true, 'subPage': true, 'parent': NSPanel_Infos, 'home': 'NSPanel_Service', 'items': [ /*PageItem*/{id: AliasPath + 'IoBroker.ScriptVersion', name: findLocaleServMenu('script_version_nspanelts'), offColor: Menu, onColor: Menu}, /*PageItem*/{id: AliasPath + 'IoBroker.NodeJSVersion', name: findLocaleServMenu('nodejs_version'), offColor: Menu, onColor: Menu}, /*PageItem*/{id: AliasPath + 'IoBroker.JavaScriptVersion', name: findLocaleServMenu('instance_javascript'), offColor: Menu, onColor: Menu}, /*PageItem*/{id: AliasPath + 'IoBroker.ScriptName', name: findLocaleServMenu('scriptname'), offColor: Menu, onColor: Menu}, ] }; //Level_1 let NSPanel_Einstellungen: PageType = { 'type': 'cardGrid', 'heading': findLocaleServMenu('settings'), 'useColor': true, 'subPage': true, 'parent': NSPanel_Service, 'home': 'NSPanel_Service', 'items': [ /*PageItem*/{navigate: true, id: 'NSPanel_Screensaver', icon: 'monitor-dashboard', offColor: Menu, onColor: Menu, name: findLocaleServMenu('screensaver'), buttonText: findLocaleServMenu('more')}, /*PageItem*/{navigate: true, id: 'NSPanel_Relays', icon: 'electric-switch', offColor: Menu, onColor: Menu, name: findLocaleServMenu('relays'), buttonText: findLocaleServMenu('more')}, /*PageItem*/{ id: AliasPath + 'Config.temperatureUnitNumber', icon: 'gesture-double-tap', name: findLocaleServMenu('temp_unit'), offColor: Menu, onColor: Menu, modeList: ['°C', '°F', 'K'] }, /*PageItem*/{ id: AliasPath + 'Config.localeNumber', icon: 'select-place', name: findLocaleServMenu('language'), offColor: Menu, onColor: Menu, modeList: ['en-US', 'de-DE', 'nl-NL', 'da-DK', 'es-ES', 'fr-FR', 'it-IT', 'ru-RU', 'nb-NO', 'nn-NO', 'pl-PL', 'pt-PT', 'af-ZA', 'ar-SY', 'bg-BG', 'ca-ES', 'cs-CZ', 'el-GR', 'et-EE', 'fa-IR', 'fi-FI', 'he-IL', 'hr-xx', 'hu-HU', 'hy-AM', 'id-ID', 'is-IS', 'lb-xx', 'lt-LT', 'ro-RO', 'sk-SK', 'sl-SI', 'sv-SE', 'th-TH', 'tr-TR', 'uk-UA', 'vi-VN', 'zh-CN', 'zh-TW'] }, /*PageItem*/{navigate: true, id: 'NSPanel_Script', icon: 'code-json', offColor: Menu, onColor: Menu, name: findLocaleServMenu('script'), buttonText: findLocaleServMenu('more')}, ] }; //Level_2 let NSPanel_Screensaver: PageType = { 'type': 'cardGrid', 'heading': findLocaleServMenu('screensaver'), 'useColor': true, 'subPage': true, 'parent': NSPanel_Einstellungen, 'home': 'NSPanel_Service', 'items': [ /*PageItem*/{navigate: true, id: 'NSPanel_ScreensaverDimmode', icon: 'sun-clock', offColor: Menu, onColor: Menu, name: findLocaleServMenu('dimmode')}, /*PageItem*/{navigate: true, id: 'NSPanel_ScreensaverBrightness', icon: 'brightness-5', offColor: Menu, onColor: Menu, name: findLocaleServMenu('brightness')}, /*PageItem*/{navigate: true, id: 'NSPanel_ScreensaverLayout', icon: 'page-next-outline', offColor: Menu, onColor: Menu, name: findLocaleServMenu('layout')}, /*PageItem*/{navigate: true, id: 'NSPanel_ScreensaverWeather', icon: 'weather-partly-rainy', offColor: Menu, onColor: Menu, name: findLocaleServMenu('weather')}, /*PageItem*/{navigate: true, id: 'NSPanel_ScreensaverDateformat', icon: 'calendar-expand-horizontal', offColor: Menu, onColor: Menu, name: findLocaleServMenu('date_format')}, /*PageItem*/{navigate: true, id: 'NSPanel_ScreensaverIndicators', icon: 'monitor-edit', offColor: Menu, onColor: Menu, name: findLocaleServMenu('indicators')} ] }; //Level_3 let NSPanel_ScreensaverDimmode: PageType = { 'type': 'cardEntities', 'heading': findLocaleServMenu('dimmode'), 'useColor': true, 'subPage': true, 'parent': NSPanel_Screensaver, 'home': 'NSPanel_Service', 'items': [ /*PageItem*/{id: AliasPath + 'Dimmode.brightnessDay', name: findLocaleServMenu('brightness_day'), icon: 'brightness-5', offColor: Menu, onColor: Menu, minValue: 5, maxValue: 10}, /*PageItem*/{id: AliasPath + 'Dimmode.brightnessNight', name: findLocaleServMenu('brightness_night'), icon: 'brightness-4', offColor: Menu, onColor: Menu, minValue: 0, maxValue: 4}, /*PageItem*/{id: AliasPath + 'Dimmode.hourDay', name: findLocaleServMenu('hour_day'), icon: 'sun-clock', offColor: Menu, onColor: Menu, minValue: 0, maxValue: 23}, /*PageItem*/{id: AliasPath + 'Dimmode.hourNight', name: findLocaleServMenu('hour_night'), icon: 'sun-clock-outline', offColor: Menu, onColor: Menu, minValue: 0, maxValue: 23} ] }; //Level_3 let NSPanel_ScreensaverBrightness: PageType = { 'type': 'cardEntities', 'heading': findLocaleServMenu('brightness'), 'useColor': true, 'subPage': true, 'parent': NSPanel_Screensaver, 'home': 'NSPanel_Service', 'items': [ /*PageItem*/{id: AliasPath + 'ScreensaverInfo.activeBrightness', name: findLocaleServMenu('brightness_activ'), icon: 'brightness-5', offColor: Menu, onColor: Menu, minValue: 20, maxValue: 100}, /*PageItem*/{id: AliasPath + 'Config.Screensaver.timeoutScreensaver', name: findLocaleServMenu('screensaver_timeout'), icon: 'clock-end', offColor: Menu, onColor: Menu, minValue: 0, maxValue: 60}, /*PageItem*/{id: AliasPath + 'Config.Screensaver.screenSaverDoubleClick', name: findLocaleServMenu('wakeup_doublecklick'), icon: 'gesture-two-double-tap', offColor: HMIOff, onColor: HMIOn} ] }; //Level_3 let NSPanel_ScreensaverLayout: PageType = { 'type': 'cardEntities', 'heading': findLocaleServMenu('layout'), 'useColor': true, 'subPage': true, 'parent': NSPanel_Screensaver, 'home': 'NSPanel_Service', 'items': [ /*PageItem*/{id: AliasPath + 'Config.Screensaver.alternativeScreensaverLayout', name: findLocaleServMenu('alternative_layout'), icon: 'page-previous-outline', offColor: HMIOff, onColor: HMIOn}, /*PageItem*/{id: AliasPath + 'Config.Screensaver.ScreensaverAdvanced', name: findLocaleServMenu('advanced_layout'), icon: 'page-next-outline', offColor: HMIOff, onColor: HMIOn}, /*PageItem*/{id: AliasPath + 'Config.Screensaver.ScreensaverEasyView', name: findLocaleServMenu('easyview_layout'), icon: 'page-next-outline', offColor: HMIOff, onColor: HMIOn}, ] }; //Level_3 let NSPanel_ScreensaverWeather: PageType = { 'type': 'cardEntities', 'heading': findLocaleServMenu('weather_parameters'), 'useColor': true, 'subPage': true, 'parent': NSPanel_Screensaver, 'home': 'NSPanel_Service', 'items': [ /*PageItem*/{id: AliasPath + 'ScreensaverInfo.weatherForecast', name: findLocaleServMenu('weather_forecast_offon'), icon: 'weather-sunny-off', offColor: HMIOff, onColor: HMIOn}, /*PageItem*/{id: AliasPath + 'ScreensaverInfo.weatherForecastTimer', name: findLocaleServMenu('weather_forecast_change_switch'), icon: 'devices', offColor: HMIOff, onColor: HMIOn}, /*PageItem*/{id: AliasPath + 'ScreensaverInfo.entityChangeTime', name: findLocaleServMenu('weather_forecast_change_time'), icon: 'cog-sync', offColor: Menu, onColor: Menu, minValue: 15, maxValue: 60}, /*PageItem*/{id: AliasPath + 'Config.Screensaver.autoWeatherColorScreensaverLayout', name: findLocaleServMenu('weather_forecast_icon_colors'), icon: 'format-color-fill', offColor: HMIOff, onColor: HMIOn}, ] }; //Level_3 let NSPanel_ScreensaverDateformat: PageType = { 'type': 'cardEntities', 'heading': findLocaleServMenu('date_format'), 'useColor': true, 'subPage': true, 'parent': NSPanel_Screensaver, 'home': 'NSPanel_Service', 'items': [ /*PageItem*/{id: AliasPath + 'Config.Dateformat.Switch.weekday', name: findLocaleServMenu('weekday_large'), icon: 'calendar-expand-horizontal', offColor: HMIOff, onColor: HMIOn}, /*PageItem*/{id: AliasPath + 'Config.Dateformat.Switch.month', name: findLocaleServMenu('month_large'), icon: 'calendar-expand-horizontal', offColor: HMIOff, onColor: HMIOn}, ] }; //Level_3 let NSPanel_ScreensaverIndicators: PageType = { 'type': 'cardEntities', 'heading': findLocaleServMenu('indicators'), 'useColor': true, 'subPage': true, 'parent': NSPanel_Screensaver, 'home': 'NSPanel_Service', 'items': [ /*PageItem*/{id: AliasPath + 'Config.MRIcons.alternateMRIconSize.1', name: findLocaleServMenu('mr_icon1_size'), icon: 'format-size', offColor: HMIOff, onColor: HMIOn}, /*PageItem*/{id: AliasPath + 'Config.MRIcons.alternateMRIconSize.2', name: findLocaleServMenu('mr_icon2_size'), icon: 'format-size', offColor: HMIOff, onColor: HMIOn}, ] }; //Level_2 let NSPanel_Relays: PageType = { 'type': 'cardEntities', 'heading': findLocaleServMenu('relays'), 'useColor': true, 'subPage': true, 'parent': NSPanel_Einstellungen, 'home': 'NSPanel_Service', 'items': [ /*PageItem*/{id: AliasPath + 'Relay.1', name: findLocaleServMenu('relay1_onoff'), icon: 'power', offColor: HMIOff, onColor: HMIOn}, /*PageItem*/{id: AliasPath + 'Relay.2', name: findLocaleServMenu('relay2_onoff'), icon: 'power', offColor: HMIOff, onColor: HMIOn}, ] }; //Level_2 let NSPanel_Script: PageType = { 'type': 'cardEntities', 'heading': findLocaleServMenu('script'), 'useColor': true, 'subPage': true, 'parent': NSPanel_Einstellungen, 'home': 'NSPanel_Service', 'items': [ /*PageItem*/{id: AliasPath + 'Config.ScripgtDebugStatus', name: findLocaleServMenu('debugmode_offon'), icon: 'code-tags-check', offColor: HMIOff, onColor: HMIOn}, /*PageItem*/{id: AliasPath + 'Config.MQTT.portCheck', name: findLocaleServMenu('port_check_offon'), icon: 'check-network', offColor: HMIOff, onColor: HMIOn}, /*PageItem*/{id: AliasPath + 'Config.hiddenCards', name: findLocaleServMenu('hiddencards_offon'), icon: 'check-network', offColor: HMIOff, onColor: HMIOn}, ] }; //Level_1 let NSPanel_Firmware: PageType = { 'type': 'cardEntities', 'heading': findLocaleServMenu('firmware'), 'useColor': true, 'subPage': true, 'parent': NSPanel_Service, 'home': 'NSPanel_Service', 'items': [ /*PageItem*/{id: AliasPath + 'autoUpdate', name: findLocaleServMenu('automatically_updates'), icon: 'power', offColor: HMIOff, onColor: HMIOn}, /*PageItem*/{navigate: true, id: 'NSPanel_FirmwareTasmota', icon: 'usb-flash-drive', offColor: Menu, onColor: Menu, name: findLocaleServMenu('tasmota_firmware'), buttonText: findLocaleServMenu('more')}, /*PageItem*/{navigate: true, id: 'NSPanel_FirmwareBerry', icon: 'usb-flash-drive', offColor: Menu, onColor: Menu, name: findLocaleServMenu('berry_driver'), buttonText: findLocaleServMenu('more')}, /*PageItem*/{navigate: true, id: 'NSPanel_FirmwareNextion', icon: 'cellphone-cog', offColor: Menu, onColor: Menu, name: findLocaleServMenu('nextion_tft_firmware'), buttonText: findLocaleServMenu('more')} ] }; let NSPanel_FirmwareTasmota: PageType = { 'type': 'cardEntities', 'heading': findLocaleServMenu('tasmota'), 'useColor': true, 'subPage': true, 'parent': NSPanel_Firmware, 'home': 'NSPanel_Service', 'items': [ /*PageItem*/{id: AliasPath + 'Tasmota.Version', name: findLocaleServMenu('installed_release'), offColor: Menu, onColor: Menu}, /*PageItem*/{id: AliasPath + 'Tasmota_Firmware.onlineVersion', name: findLocaleServMenu('available_release'), offColor: Menu, onColor: Menu}, /*PageItem*/{id: 'Divider'}, /*PageItem*/{id: AliasPath + 'Config.Update.UpdateTasmota', name: findLocaleServMenu('update_tasmota'), icon: 'refresh', offColor: HMIOff, onColor: MSGreen, buttonText: findLocaleServMenu('start')}, ] }; let NSPanel_FirmwareBerry: PageType = { 'type': 'cardEntities', 'heading': findLocaleServMenu('berry_driver'), 'useColor': true, 'subPage': true, 'parent': NSPanel_Firmware, 'home': 'NSPanel_Service', 'items': [ /*PageItem*/{id: AliasPath + 'Display.BerryDriver', name: findLocaleServMenu('installed_release'), offColor: Menu, onColor: Menu}, /*PageItem*/{id: AliasPath + 'Berry_Driver.onlineVersion', name: findLocaleServMenu('available_release'), offColor: Menu, onColor: Menu}, /*PageItem*/{id: 'Divider'}, /*PageItem*/{id: AliasPath + 'Config.Update.UpdateBerry', name: findLocaleServMenu('update_berry_driver'), icon: 'refresh', offColor: HMIOff, onColor: MSGreen, buttonText: findLocaleServMenu('start')}, ] }; let NSPanel_FirmwareNextion: PageType = { 'type': 'cardEntities', 'heading': findLocaleServMenu('nextion_tft'), 'useColor': true, 'subPage': true, 'parent': NSPanel_Firmware, 'home': 'NSPanel_Service', 'items': [ /*PageItem*/{id: AliasPath + 'Display_Firmware.TFT.currentVersion', name: findLocaleServMenu('installed_release'), offColor: Menu, onColor: Menu}, /*PageItem*/{id: AliasPath + 'Display_Firmware.TFT.desiredVersion', name: findLocaleServMenu('desired_release'), offColor: Menu, onColor: Menu}, /*PageItem*/{id: AliasPath + 'Display.Model', name: findLocaleServMenu('nspanel_model'), offColor: Menu, onColor: Menu}, /*PageItem*/{id: AliasPath + 'Config.Update.UpdateNextion', name: 'Nextion TFT Update', icon: 'refresh', offColor: HMIOff, onColor: MSGreen, buttonText: findLocaleServMenu('start')}, ] }; // End of Service Pages /*********************************************************************** ** ** ** Configuration ** ** ** ***********************************************************************/ // EN: Configuration export const config: Config = { // Seiteneinteilung / Page division // Hauptseiten / Mainpages pages: [ Zuhause, Zuhause2, NSPanel_Service, //Auto-Alias Service Page //Unlock_Service //Auto-Alias Service Page (Service Pages used with cardUnlock) ], // Unterseiten / Subpages subPages: [ NSPanel_Service_SubPage, //Auto-Alias Service Page (only used with cardUnlock) NSPanel_Infos, //Auto-Alias Service Page NSPanel_Wifi_Info_1, //Auto-Alias Service Page NSPanel_Wifi_Info_2, //Auto-Alias Service Page NSPanel_Sensoren, //Auto-Alias Service Page NSPanel_Hardware, //Auto-Alias Service Page NSPanel_IoBroker, //Auto-Alias Service Page NSPanel_Einstellungen, //Auto-Alias Service Page NSPanel_Screensaver, //Auto-Alias Service Page NSPanel_ScreensaverDimmode, //Auto-Alias Service Page NSPanel_ScreensaverBrightness, //Auto-Alias Service Page NSPanel_ScreensaverLayout, //Auto-Alias Service Page NSPanel_ScreensaverWeather, //Auto-Alias Service Page NSPanel_ScreensaverDateformat, //Auto-Alias Service Page NSPanel_ScreensaverIndicators, //Auto-Alias Service Page NSPanel_Relays, //Auto-Alias Service Page NSPanel_Script, //Auto-Alias Service Page NSPanel_Firmware, //Auto-Alias Service Page NSPanel_FirmwareTasmota, //Auto-Alias Service Page NSPanel_FirmwareBerry, //Auto-Alias Service Page NSPanel_FirmwareNextion, //Auto-Alias Service Page Heizungen, Fenster_1, Lampen, Heizung_Bad, Heizung_Kueche, Temperaturen, Heizung_Flur, Heizung_Kinderzimmer, Heizung_Schlafzimmer, Heizung_Wohnzimmer, Lampen_Flur, Lampen_Kueche, Lampen_Wohnzimmer, Lampen_Bad, Lampen_Kinderzimmer, Lampen_Balkon, Rolladen, Allgemein, Lampen_Wohnzimmer2, Keller, Alexa, ], /*********************************************************************** ** ** ** Screensaver Configuration ** ** ** ***********************************************************************/ leftScreensaverEntity: [ // leftScreensaverEntity 1 (only Advanced Screensaver) { ScreensaverEntity: '0_userdata.0.Abfallkalender.1.date', ScreensaverEntityFactor: 1, ScreensaverEntityDecimalPlaces: 0, ScreensaverEntityIconOn: 'trash-can', ScreensaverEntityIconOff: null, ScreensaverEntityText: 'Abfall', ScreensaverEntityUnitText: '', ScreensaverEntityIconColor: '0_userdata.0.Abfallkalender.1.color' }, // leftScreensaverEntity 2 (only Advanced Screensaver) { ScreensaverEntity: '0_userdata.0.Abfallkalender.2.date', ScreensaverEntityFactor: 1, ScreensaverEntityDecimalPlaces: 0, ScreensaverEntityIconOn: 'trash-can', ScreensaverEntityIconOff: null, ScreensaverEntityText: 'Abfall', ScreensaverEntityUnitText: '', ScreensaverEntityIconColor: '0_userdata.0.Abfallkalender.2.color' }, // leftScreensaverEntity 3 (only Advanced Screensaver) { ScreensaverEntity: '0_userdata.0.Abfallkalender.3.date', ScreensaverEntityFactor: 1, ScreensaverEntityDecimalPlaces: 0, ScreensaverEntityIconOn: 'trash-can', ScreensaverEntityIconOff: null, ScreensaverEntityText: 'Abfall', ScreensaverEntityUnitText: '', ScreensaverEntityIconColor: '0_userdata.0.Abfallkalender.3.color' }, ], bottomScreensaverEntity: [ // bottomScreensaverEntity 1 { ScreensaverEntity: 'accuweather.0.Daily.Day1.Sunrise', ScreensaverEntityFactor: 1, ScreensaverEntityDecimalPlaces: 0, ScreensaverEntityDateFormat: {hour: '2-digit', minute: '2-digit'}, // Description at Wiki-Pages ScreensaverEntityIconOn: 'weather-sunset-up', ScreensaverEntityIconOff: null, ScreensaverEntityText: 'Sonne', ScreensaverEntityUnitText: '%', ScreensaverEntityIconColor: MSYellow //{'val_min': 0, 'val_max': 100} }, // bottomScreensaverEntity 2 { ScreensaverEntity: 'accuweather.0.Current.WindSpeed', ScreensaverEntityFactor: (1000 / 3600), ScreensaverEntityDecimalPlaces: 1, ScreensaverEntityIconOn: 'weather-windy', ScreensaverEntityIconOff: null, ScreensaverEntityText: "Wind", ScreensaverEntityUnitText: 'm/s', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 120} }, // bottomScreensaverEntity 3 { ScreensaverEntity: 'accuweather.0.Current.WindGust', ScreensaverEntityFactor: (1000 / 3600), ScreensaverEntityDecimalPlaces: 1, ScreensaverEntityIconOn: 'weather-tornado', ScreensaverEntityIconOff: null, ScreensaverEntityText: 'Böen', ScreensaverEntityUnitText: 'm/s', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 120} }, // bottomScreensaverEntity 4 { ScreensaverEntity: 'accuweather.0.Current.WindDirectionText', ScreensaverEntityFactor: 1, ScreensaverEntityDecimalPlaces: 0, ScreensaverEntityIconOn: 'windsock', ScreensaverEntityIconOff: null, ScreensaverEntityText: 'Windr.', ScreensaverEntityUnitText: '°', ScreensaverEntityIconColor: White }, // bottomScreensaverEntity 5 (for Alternative and Advanced Screensaver) { ScreensaverEntity: 'accuweather.0.Current.RelativeHumidity', ScreensaverEntityFactor: 1, ScreensaverEntityDecimalPlaces: 1, ScreensaverEntityIconOn: 'water-percent', ScreensaverEntityIconOff: null, ScreensaverEntityText: 'Feuchte', ScreensaverEntityUnitText: '%', ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 100, 'val_best': 65} }, // bottomScreensaverEntity 6 (for Advanced Screensaver) { ScreensaverEntity: NSPanel_Path + 'Relay.1', ScreensaverEntityIconOn: 'coach-lamp-variant', ScreensaverEntityText: 'Street', ScreensaverEntityOnColor: Yellow, ScreensaverEntityOffColor: White, ScreensaverEntityOnText: 'Is ON', ScreensaverEntityOffText: 'Not ON' }, // Examples for Advanced-Screensaver: https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Config-Screensaver#entity-status-icons-ab-v400 ], indicatorScreensaverEntity: [ // Examples for Advanced-Screensaver: https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Config-Screensaver#entity-status-icons-ab-v400 // indicatorScreensaverEntity 1 (only Advanced Screensaver) { ScreensaverEntity: 'alias.0.NSPanel.allgemein.Fenster_offen.ACTUAL', ScreensaverEntityFactor: 1, ScreensaverEntityDecimalPlaces: 0, ScreensaverEntityIconOn: 'window-open-variant', ScreensaverEntityIconOff: 'window-closed-variant', ScreensaverEntityText: 'Fenster', ScreensaverEntityUnitText: '%', ScreensaverEntityIconColor: { 'val_min': 0, 'val_max': 1 } }, // indicatorScreensaverEntity 2 (only Advanced Screensaver) { ScreensaverEntity: 'alias.0.NSPanel.allgemein.Anwesenheit_Konni.ACTUAL', ScreensaverEntityFactor: 1, ScreensaverEntityDecimalPlaces: 0, ScreensaverEntityIconOn: 'account-off', ScreensaverEntityIconOff: 'account-check', ScreensaverEntityText: 'Konni', ScreensaverEntityUnitText: '%', ScreensaverEntityIconColor: { 'val_min': 0, 'val_max': 1 } }, { ScreensaverEntity: 'alias.0.NSPanel.Fenster.Eingangstür.ACTUAL', ScreensaverEntityFactor: 1, ScreensaverEntityDecimalPlaces: 0, ScreensaverEntityIconOn: 'door-open', ScreensaverEntityIconOff: 'door-closed', ScreensaverEntityText: 'Fenster', ScreensaverEntityUnitText: '%', ScreensaverEntityIconColor: { 'val_min': 0, 'val_max': 1 } }, ], // Status Icon mrIcon1ScreensaverEntity: { ScreensaverEntity: NSPanel_Path + 'Relay.1', ScreensaverEntityIconOn: 'lightbulb', ScreensaverEntityIconOff: null, ScreensaverEntityValue: null, ScreensaverEntityValueDecimalPlace: 0, ScreensaverEntityValueUnit: null, ScreensaverEntityOnColor: On, ScreensaverEntityOffColor: HMIOff }, mrIcon2ScreensaverEntity: { ScreensaverEntity: NSPanel_Path + 'Relay.2', ScreensaverEntityIconOn: 'lightbulb', ScreensaverEntityIconOff: null, ScreensaverEntityValue: null, ScreensaverEntityValueDecimalPlace: 0, ScreensaverEntityValueUnit: null, ScreensaverEntityOnColor: On, ScreensaverEntityOffColor: HMIOff }, // ------ DE: Ende der Screensaver Einstellungen -------------------- // ------ EN: End of screensaver settings --------------------------- //-------DE: Anfang Einstellungen für Hardware Button, wenn Sie softwareseitig genutzt werden (Rule2) ------------- //-------EN: Start Settings for Hardware Button, if used in software (Rule2) -------------------------------------- // DE: Konfiguration des linken Schalters des NSPanels // EN: Configuration of the left switch of the NSPanel button1: { // DE: Mögliche Werte wenn Rule2 definiert: 'page', 'toggle', 'set' - Wenn nicht definiert --> mode: null // EN: Possible values if Rule2 defined: 'page', 'toggle', 'set' - If not defined --> mode: null mode: null, // DE: Zielpage - Verwendet wenn mode = page // EN: Target page - Used if mode = page page: null, // DE: Zielentity - Verwendet wenn mode = set oder toggle // EN: Target entity - Used if mode = set or toggle entity: null, // DE: Zielwert - Verwendet wenn mode = set // EN: Target value - Used if mode = set setValue: null }, // DE: Konfiguration des rechten Schalters des NSPanels // EN: Configuration of the right switch of the NSPanel button2: { mode: null, page: null, entity: null, setValue: null }, //--------- DE: Ende - Einstellungen für Hardware Button, wenn Sie softwareseitig genutzt werden (Rule2) ------------- //--------- EN: End - settings for hardware button if they are used in software (Rule2) ------------------------------ // DE: WICHTIG !! Parameter nicht ändern WICHTIG!! // EN: IMPORTANT !! Do not change parameters IMPORTANT!! panelRecvTopic: NSPanelReceiveTopic, panelSendTopic: NSPanelSendTopic, weatherEntity: weatherEntityPath, defaultOffColor: defaultOffColorParam, defaultOnColor: defaultOnColorParam, defaultColor: defaultColorParam, defaultBackgroundColor: defaultBackgroundColorParam, }; // _________________________________ DE: Ab hier keine Konfiguration mehr _____________________________________ // _________________________________ EN: No more configuration from here _____________________________________ ``` Struktur passt auch  -
In den beiden Zeilen stimmt etwas nicht:
const NSPanelReceiveTopic: string = 'mqtt.0.SmartHometele.Sonoff_NSpanel.RESULT';
const NSPanelSendTopic: string = 'mqtt.0.SmartHomecmnd.Sonoff_NSpanel.CustomSend';Vergleiche das mal mit dem Pfad im mqtt.0
Je nachdem wie im Tasmota Prefix und Topic gesetzt sind kann es da zu Unterschieden kommen wie:
mqtt.0.SmartHome.tele.Sonoff_NSpanel.RESULT oder
mqtt.0.SmartHome.Sonoff_NSpanel.tele.RESULTDaher bitt mit dem wirklichen Objektpfad abgleichen...
Auf jede Fall fehlt in beiden Zeilen jeweils ein Punkt.
-
Frohes neues Jahr.
Es handelt sich hierbei um einen Push-Button, der nur eine einzige Aktion durchführen kann. Daher gibt es auch nicht mehrere Zustände (nur true) für den Garagentor "PRESS".
Ein optionaler Zustand für einen weiteren Sensor ist nicht vorgesehen...
Du könntest allerdings in der gleichen cardEntities z.B. die Garage von der Farbe neutral (z.B. weiß) machen und über einen optionalen Info Alias darunter dann den Open/Close-Sensor den Zustand visualisieren
-
Hallo, bekomme seit dem ich Proxmox neu aufgesetzt habe und das IOBroker Backup zurückspielete folgende Fehlermeldung. Woran liegt dies?
2.1.2026, 12:28:25.857 [info ]: javascript.0 (29439) script.js.NSPanels.NSPanel_1: Compiling TypeScript source 2.1.2026, 12:28:28.832 [error]: javascript.0 (29439) script.js.NSPanels.NSPanel_1: TypeScript compilation failed: let name = page.heading !== undefined ? page.heading : o.common.name.de; ^ ERROR: Property 'de' does not exist on type 'StringOrTranslated'. Property 'de' does not exist on type 'string'. let heading = page.heading !== undefined ? page.heading : o.common.name.de; ^ ERROR: Property 'de' does not exist on type 'StringOrTranslated'. Property 'de' does not exist on type 'string'. heading = page.heading !== undefined ? page.heading : o.common.name.de; ^ ERROR: Property 'de' does not exist on type 'StringOrTranslated'. Property 'de' does not exist on type 'string'. unsubscribe(value); ^ ERROR: Argument of type 'unknown' is not assignable to parameter of type 'string | RegExp | string[]'. -
zu altes Skript - nicht kompatibel mit aktuellem JS-Adapter - vermute ich.
-
Nachdem ich Proxmox und IOB-Container auf Trixie hochgehoben habe, wollte ich auch IOB selbst auf den neuesten Stand bringen.
Auch ich bin mit meinem alten TS-Skript ebenfalls auf diesen Fehler gestoßen.Ja, es ist sehr alt:
Skript-Version V3.4.2.1 vom 16.09.2022.
Dementsprechend sind auch die Berry-Teiber und Tasmota nie angepasst worden.
Und ich habe es nie angepasst, weil es funktioniert hat und ich alle diese Neuerungen nie gebraucht habe. Und weil ich selbst was hingebaut habe, weil es nicht funktioniert hat wie ich es wollte (in einem Punkt).Die Frage ist jetzt, lässt sich in dem alten Skript noch etwas anpassen (auf die schnelle), also Fallback rausnehmen oder im .common.name noch schnell ein 'de' dazubasteln und den unsubscribe-Fehler durch eine Abfrage umgehen.
Wenn nicht, dann muss ich abschätzen, ob ich auf mein TS-Panel verzichten soll oder weiter auf dem passenden Javaskript bleiben soll.
Wobei zweiteres wahrscheinlich auch nicht auf Dauer gehen wird.