NEWS
SONOFF NSPanel mit Lovelace UI (TypeScript Version)
-
Ist so... token is expired or permissions are insufficient!
Ggfs. mal den Kasten durchstarten?
Bei mir läuft das. Du hast da aber nicht etwas im Router verriegelt, dass der nicht mit der URL: https://oauth2.iobroker.in/spotify kommunizieren darf, oder?
Nein, keinerlei Resistriktionen, keine Firewall-Einstellungen manuell gesetzt. Fritzbox ist Router.
Wenn ich den Adapter mal für 2 Stunden aus schalte, kann ich ihn starten und er verbindet sich ohne zu meckern. Die Kommunikation über die APP klappt dann trotzdem nicht. Sobald ich neustarte ist die Log wieder voll mit 403. Keine Ahnung...
-
Welche card willst du nutzen?? Type 1 ist hier eine Anleitung
https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-ALIAS-Definitionen#thermostat-cardthermo-channel-thermostatType 2 hier
https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-‐-cardThermo2-‐-Der-komplette-LeitfadenWelche card willst du nutzen?? Type 1 ist hier eine Anleitung
https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-ALIAS-Definitionen#thermostat-cardthermo-channel-thermostatType 2 hier
https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-‐-cardThermo2-‐-Der-komplette-LeitfadenHi, bin grade auf den Typ 2 gewechselt, echt Mega!
Leider bekomme ich die Lautstärkereglung nicht hin, gibt es hier vielleicht noch ein kurzen Tipp?
Hier meine einstellungen:
{ id: 'alias.0.NSPanel.AlexaBadLautstärke', name: 'Volume', onColor: HMIOn, offColor: HMIOff, minValue: 0, maxValue: 100},
Grüße
-
Welche card willst du nutzen?? Type 1 ist hier eine Anleitung
https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-ALIAS-Definitionen#thermostat-cardthermo-channel-thermostatType 2 hier
https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-‐-cardThermo2-‐-Der-komplette-LeitfadenHi, bin grade auf den Typ 2 gewechselt, echt Mega!
Leider bekomme ich die Lautstärkereglung nicht hin, gibt es hier vielleicht noch ein kurzen Tipp?
Hier meine einstellungen:
{ id: 'alias.0.NSPanel.AlexaBadLautstärke', name: 'Volume', onColor: HMIOn, offColor: HMIOff, minValue: 0, maxValue: 100},
Grüße
-
@MichaelF
Du möchtest ein Button, der ein Popup öffnet für die Lautstärke??
Lass mal bitte min und max weg.@MichaelF
Du möchtest ein Button, der ein Popup öffnet für die Lautstärke??
Lass mal bitte min und max weg.Ein Button wo ein Popup aufgeht für die Lautstärke.
{ id: 'alias.0.NSPanel.AlexaBadLautstärke', name: 'Volume', onColor: HMIOn, offColor: HMIOff},Geht leider auch nicht.
Hier bei meinen Dachfenster geht es:
{ id: 'alias.0.NSPanel.Dachfenster', name: 'Dachfenster', icon: 'window-open-variant', icon2: 'window-closed-variant', onColor: MSRed, offColor: MSGreen}, -
@MichaelF
Du möchtest ein Button, der ein Popup öffnet für die Lautstärke??
Lass mal bitte min und max weg.Ein Button wo ein Popup aufgeht für die Lautstärke.
{ id: 'alias.0.NSPanel.AlexaBadLautstärke', name: 'Volume', onColor: HMIOn, offColor: HMIOff},Geht leider auch nicht.
Hier bei meinen Dachfenster geht es:
{ id: 'alias.0.NSPanel.Dachfenster', name: 'Dachfenster', icon: 'window-open-variant', icon2: 'window-closed-variant', onColor: MSRed, offColor: MSGreen},Ein Button wo ein Popup aufgeht für die Lautstärke.
so sieht es bei mir aus in der Test-Umgebung
const bad: ScriptConfig.PageThermo2 = { type: 'cardThermo2', uniqueName: 'thermo1', heading: 'Bad', next: 'heizkreise', thermoItems: [ { id: 'alias.0.Thermostat', minValue: 10, maxValue: 30, stepValue: 0.5, name: 'Bad', }, ], items:[ { id: 'alias.0.Volume'}, ], };
Einfacher Klick setzt Mute, Longclick öffnet popup

-
Ein Button wo ein Popup aufgeht für die Lautstärke.
so sieht es bei mir aus in der Test-Umgebung
const bad: ScriptConfig.PageThermo2 = { type: 'cardThermo2', uniqueName: 'thermo1', heading: 'Bad', next: 'heizkreise', thermoItems: [ { id: 'alias.0.Thermostat', minValue: 10, maxValue: 30, stepValue: 0.5, name: 'Bad', }, ], items:[ { id: 'alias.0.Volume'}, ], };
Einfacher Klick setzt Mute, Longclick öffnet popup

Ein Button wo ein Popup aufgeht für die Lautstärke.
so sieht es bei mir aus in der Test-Umgebung
const bad: ScriptConfig.PageThermo2 = { type: 'cardThermo2', uniqueName: 'thermo1', heading: 'Bad', next: 'heizkreise', thermoItems: [ { id: 'alias.0.Thermostat', minValue: 10, maxValue: 30, stepValue: 0.5, name: 'Bad', }, ], items:[ { id: 'alias.0.Volume'}, ], };
Einfacher Klick setzt Mute, Longclick öffnet popup

Sei dem ich das habe:
{ id: 'alias.0.NSPanel.AlexaBadLautstärke'},geht die Seite auf aber leider kein Slider.
Ist das vielleicht der falsche datenpunkt von Alexa ?

-
Ein Button wo ein Popup aufgeht für die Lautstärke.
so sieht es bei mir aus in der Test-Umgebung
const bad: ScriptConfig.PageThermo2 = { type: 'cardThermo2', uniqueName: 'thermo1', heading: 'Bad', next: 'heizkreise', thermoItems: [ { id: 'alias.0.Thermostat', minValue: 10, maxValue: 30, stepValue: 0.5, name: 'Bad', }, ], items:[ { id: 'alias.0.Volume'}, ], };
Einfacher Klick setzt Mute, Longclick öffnet popup

Sei dem ich das habe:
{ id: 'alias.0.NSPanel.AlexaBadLautstärke'},geht die Seite auf aber leider kein Slider.
Ist das vielleicht der falsche datenpunkt von Alexa ?

-
@michaelf
zeige mal den alias den du für Volume angelegt hastEdit: sehe grade das dein muted readonly ist, dann kannst du in nicht von aussen setzen
@michaelf
zeige mal den alias den du für Volume angelegt hastEdit: sehe grade das dein muted readonly ist, dann kannst du in nicht von aussen setzen
Glaube da ist irgendwo der Fehler.
Bekomme jetzt auch diese Meldung im Log wenn ich die Seite aufmache:
javascript.0 2026-04-04 21:40:16.280 warn script.js.common.NsPanelWz: error at function HandleButtonEvent: Cannot read properties of undefined (reading 'id')
Hab grade mal den Datenpunkt geändert, jetzt ändert sich im Display das Symbole wenn ich ihn in den Objekten Schalte. Aber vom Display zu Objekten geht nicht.

Ist hier was Falsch:

-
@michaelf
zeige mal den alias den du für Volume angelegt hastEdit: sehe grade das dein muted readonly ist, dann kannst du in nicht von aussen setzen
Glaube da ist irgendwo der Fehler.
Bekomme jetzt auch diese Meldung im Log wenn ich die Seite aufmache:
javascript.0 2026-04-04 21:40:16.280 warn script.js.common.NsPanelWz: error at function HandleButtonEvent: Cannot read properties of undefined (reading 'id')
Hab grade mal den Datenpunkt geändert, jetzt ändert sich im Display das Symbole wenn ich ihn in den Objekten Schalte. Aber vom Display zu Objekten geht nicht.

Ist hier was Falsch:

-
welche Adapterversion hast du? kannst du den Alias mal so anzeigen, wie ich es gemacht habe. Sprich die Rollen von den Datenpunkten und dem Channel.
welche Adapterversion hast du? kannst du den Alias mal so anzeigen, wie ich es gemacht habe. Sprich die Rollen von den Datenpunkten und dem Channel.
Müsste die Version v5.0.0
let CardThermo2Test: PageType = { type: 'cardThermo2', heading: 'Bad', thermoItems: [ /* Center-Area of cardThermo2 */ /* SET-Temp */ { id: 'alias.0.NSPanel.Thermostat_Bad', minValue: 10.0, maxValue:30.0, stepValue: 0.5, unit: "°C" }, /* Actual Temp */ { id: 'alias.0.NSPanel.Thermostat_Bad.ACTUAL', icon: 'thermometer', onColor: Orange, unit: "°C" }, /* Actual Humidity */ { id: 'alias.0.NSPanel.Thermostat_Bad.HUMIDITY', icon: 'water-percent', onColor: HMIOn, unit: "%" }, /* Text State */ { id: 'alias.0.NSPanel.Thermostat_Bad.MODE', onColor: Orange } ], items: [ /* Max 9 Entities in cardThermo2 */ { id: 'alias.0.NSPanel.AlexaBadLautstärke'}, { id: 'alias.0.NSPanel.Dachfenster', name: 'Dachfenster', icon: 'window-open-variant', icon2: 'window-closed-variant', onColor: MSRed, offColor: MSGreen}, { id: 'alias.0.NSPanel.Heizung', icon: 'heat-wave', offColor: MSRed, onColor: MSGreen, name: 'Heizung'}, //{ navigate: true, id: null, targetPage: 'Abfall', onColor: White, name: 'Abfallkalender', icon: 'trash-can'}, { id: 'alias.0.NSPanel.Heizung_Spiegel', icon: 'heat-pump-outline', offColor: MSRed, onColor: MSGreen, name: 'Speigelheizung'}, { id: 'alias.0.NSPanel.Endstufe', icon: 'soundbar', offColor: MSRed, onColor: MSGreen, name: 'Endstufe'}, { id: 'alias.0.NSPanel.Lüfter',name: 'Ventilator', icon: 'fan', onColor: On, offColor: HMIOff}, //{ id: 'alias.0.NSPanel_1.TestTemperatur', name: 'Außentemperatur', offColor: White , onColor: White, useValue: true, suffixName: ' °C', fontSize: 1, colorScale: { 'val_min': -20, 'val_max': 40, 'val_best': 20 } }, { id: 'alias.0.NSPanel.Fussbodenheizung', icon: 'heating-coil', offColor: MSRed, onColor: MSGreen, name: 'Fussbodenheizung'}, { id: 'alias.0.NSPanel.Deckenbeleuchtung_Klein', icon: 'lightbulb', offColor: MSRed, onColor: MSGreen, name: 'Licht'}, //{ id: 'delete'}, //{ id: 'alias.0.NSPanel_EMU.TestKlimaVirtualModeList', icon: 'dots-horizontal-circle-outline', onColor: White, offColor: White, name: 'Betriebsmodus', modeList: ['Aus','Kühlen auf', 'Heizen auf']} ], alwaysOnDisplay: false }; -
welche Adapterversion hast du? kannst du den Alias mal so anzeigen, wie ich es gemacht habe. Sprich die Rollen von den Datenpunkten und dem Channel.
Müsste die Version v5.0.0
let CardThermo2Test: PageType = { type: 'cardThermo2', heading: 'Bad', thermoItems: [ /* Center-Area of cardThermo2 */ /* SET-Temp */ { id: 'alias.0.NSPanel.Thermostat_Bad', minValue: 10.0, maxValue:30.0, stepValue: 0.5, unit: "°C" }, /* Actual Temp */ { id: 'alias.0.NSPanel.Thermostat_Bad.ACTUAL', icon: 'thermometer', onColor: Orange, unit: "°C" }, /* Actual Humidity */ { id: 'alias.0.NSPanel.Thermostat_Bad.HUMIDITY', icon: 'water-percent', onColor: HMIOn, unit: "%" }, /* Text State */ { id: 'alias.0.NSPanel.Thermostat_Bad.MODE', onColor: Orange } ], items: [ /* Max 9 Entities in cardThermo2 */ { id: 'alias.0.NSPanel.AlexaBadLautstärke'}, { id: 'alias.0.NSPanel.Dachfenster', name: 'Dachfenster', icon: 'window-open-variant', icon2: 'window-closed-variant', onColor: MSRed, offColor: MSGreen}, { id: 'alias.0.NSPanel.Heizung', icon: 'heat-wave', offColor: MSRed, onColor: MSGreen, name: 'Heizung'}, //{ navigate: true, id: null, targetPage: 'Abfall', onColor: White, name: 'Abfallkalender', icon: 'trash-can'}, { id: 'alias.0.NSPanel.Heizung_Spiegel', icon: 'heat-pump-outline', offColor: MSRed, onColor: MSGreen, name: 'Speigelheizung'}, { id: 'alias.0.NSPanel.Endstufe', icon: 'soundbar', offColor: MSRed, onColor: MSGreen, name: 'Endstufe'}, { id: 'alias.0.NSPanel.Lüfter',name: 'Ventilator', icon: 'fan', onColor: On, offColor: HMIOff}, //{ id: 'alias.0.NSPanel_1.TestTemperatur', name: 'Außentemperatur', offColor: White , onColor: White, useValue: true, suffixName: ' °C', fontSize: 1, colorScale: { 'val_min': -20, 'val_max': 40, 'val_best': 20 } }, { id: 'alias.0.NSPanel.Fussbodenheizung', icon: 'heating-coil', offColor: MSRed, onColor: MSGreen, name: 'Fussbodenheizung'}, { id: 'alias.0.NSPanel.Deckenbeleuchtung_Klein', icon: 'lightbulb', offColor: MSRed, onColor: MSGreen, name: 'Licht'}, //{ id: 'delete'}, //{ id: 'alias.0.NSPanel_EMU.TestKlimaVirtualModeList', icon: 'dots-horizontal-circle-outline', onColor: White, offColor: White, name: 'Betriebsmodus', modeList: ['Aus','Kühlen auf', 'Heizen auf']} ], alwaysOnDisplay: false }; -
welche Adapterversion hast du? kannst du den Alias mal so anzeigen, wie ich es gemacht habe. Sprich die Rollen von den Datenpunkten und dem Channel.
Müsste die Version v5.0.0
let CardThermo2Test: PageType = { type: 'cardThermo2', heading: 'Bad', thermoItems: [ /* Center-Area of cardThermo2 */ /* SET-Temp */ { id: 'alias.0.NSPanel.Thermostat_Bad', minValue: 10.0, maxValue:30.0, stepValue: 0.5, unit: "°C" }, /* Actual Temp */ { id: 'alias.0.NSPanel.Thermostat_Bad.ACTUAL', icon: 'thermometer', onColor: Orange, unit: "°C" }, /* Actual Humidity */ { id: 'alias.0.NSPanel.Thermostat_Bad.HUMIDITY', icon: 'water-percent', onColor: HMIOn, unit: "%" }, /* Text State */ { id: 'alias.0.NSPanel.Thermostat_Bad.MODE', onColor: Orange } ], items: [ /* Max 9 Entities in cardThermo2 */ { id: 'alias.0.NSPanel.AlexaBadLautstärke'}, { id: 'alias.0.NSPanel.Dachfenster', name: 'Dachfenster', icon: 'window-open-variant', icon2: 'window-closed-variant', onColor: MSRed, offColor: MSGreen}, { id: 'alias.0.NSPanel.Heizung', icon: 'heat-wave', offColor: MSRed, onColor: MSGreen, name: 'Heizung'}, //{ navigate: true, id: null, targetPage: 'Abfall', onColor: White, name: 'Abfallkalender', icon: 'trash-can'}, { id: 'alias.0.NSPanel.Heizung_Spiegel', icon: 'heat-pump-outline', offColor: MSRed, onColor: MSGreen, name: 'Speigelheizung'}, { id: 'alias.0.NSPanel.Endstufe', icon: 'soundbar', offColor: MSRed, onColor: MSGreen, name: 'Endstufe'}, { id: 'alias.0.NSPanel.Lüfter',name: 'Ventilator', icon: 'fan', onColor: On, offColor: HMIOff}, //{ id: 'alias.0.NSPanel_1.TestTemperatur', name: 'Außentemperatur', offColor: White , onColor: White, useValue: true, suffixName: ' °C', fontSize: 1, colorScale: { 'val_min': -20, 'val_max': 40, 'val_best': 20 } }, { id: 'alias.0.NSPanel.Fussbodenheizung', icon: 'heating-coil', offColor: MSRed, onColor: MSGreen, name: 'Fussbodenheizung'}, { id: 'alias.0.NSPanel.Deckenbeleuchtung_Klein', icon: 'lightbulb', offColor: MSRed, onColor: MSGreen, name: 'Licht'}, //{ id: 'delete'}, //{ id: 'alias.0.NSPanel_EMU.TestKlimaVirtualModeList', icon: 'dots-horizontal-circle-outline', onColor: White, offColor: White, name: 'Betriebsmodus', modeList: ['Aus','Kühlen auf', 'Heizen auf']} ], alwaysOnDisplay: false }; -
so habe jetzt das Script am laufen, Version 5.1.1.3 und TFT 61. Es funktioniert fast wie gewünscht. Der Datenpunkt Mute wird nicht genutzt, dafür wird der Volume auf "0" gesetzt. Die Icon ändern sich je nach Lautstarke.
Danke für´s testen, reicht es wenn ich den unteren Teil vom Scrip aktualisiere. Oder vielleicht gleich doch auf den Adapter wechseln ?
Grüße und Frohe Ostern.
Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.
Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.
Mit deinem Input könnte dieser Beitrag noch besser werden 💗
Registrieren Anmelden
