NEWS
SONOFF NSPanel mit Lovelace UI (TypeScript Version)
-
@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.
-
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.
du kannst den Adapter installieren und deine Seitenconfig nach und nach übernehmen. Es darf aber nur eins von beiden laufen. Beim Start musst du die MQTT und Paneleinstellungen vom Script übernehmen, damit das Script weiter funktioniert. Ich würde dir den Umstieg zum Adapter empfehlen. Wenn du Hilfe benötigst, kannst du im Wiki schon vieles nachlesen, ansonsten frage im Adapter Post nach.
-
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.
@MichaelF
Adapter ist etwas anders - der Umzug braucht doch ein paar Anpassungen. Aber dann gehts imho einfacher - ich würde den adapter schon alleine wegen der symbolübersicht installieren :D -
@MichaelF
Adapter ist etwas anders - der Umzug braucht doch ein paar Anpassungen. Aber dann gehts imho einfacher - ich würde den adapter schon alleine wegen der symbolübersicht installieren :D
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
