SONOFF NSPanel mit Lovelace UI
-
Servus, bei dem IconScreensaverEntity wird mir nur ein Icon angezeigt, die Farbe wechselt. An was kann das liegen?
// Status Icon mrIcon1ScreensaverEntity: { ScreensaverEntity: 'Meine_Geräte.0.Garage.Garage_stellung_NSPanel', ScreensaverEntityIconOn: 'garage-open-variant', ScreensaverEntityIconOff: 'garage-variant-lock', ScreensaverEntityValue: null, ScreensaverEntityValueDecimalPlace: null, ScreensaverEntityValueUnit: null, ScreensaverEntityOnColor: MSRed, ScreensaverEntityOffColor: MSGreen -
es gibt jetzt eine neue DEV-Version von @ticaki für das Problem mit den Datenpunkten.
Actual und Set, wird intern noch ausgewertet.
-
@wuschl
zeige bitte die Objektdaten vom Datenpunkt. -
@tt-tom Wenn ich mir den von @ticaki verlinkten Code https://github.com/ticaki/nspanel-lovelace-ui/blob/5803a489f5877be8378c2d549fc1f559b1e4e0b3/ioBroker/DEV/NSPanelTs.ts#L4978
ansehe, wird bei vorhandenem GET ein Watcher eingerichtet, bei zusätzlich vorhandenem ACTUAL der nächste Watcher und gibt es ein SET ein dritter Watcher, und so weiter (on_actual, on_set, on).
-
{ "common": { "name": "Garage_stellung_NSPanel", "desc": "Manuell erzeugt", "role": "state", "type": "string", "read": true, "write": true, "def": "" }, "type": "state", "native": {}, "_id": "Meine_Geräte.0.Garage.Garage_stellung_NSPanel", "acl": { "object": 1636, "state": 1636, "owner": "system.user.admin", "ownerGroup": "system.group.administrator" }, "from": "system.adapter.admin.0", "user": "system.user.admin", "ts": 1666114698932 } -
@peterfido
Ich hab nur das any entschärft. Das Verhalten von actual und set ist eine Design Entscheidung, da muss @Armilar oder @TT-Tom eine Entscheidung treffen. -
Dein Type ist String, was für Werte stehen dort dann drin??
-
@tt-tom On und OFF
-
Guten Morgen, ich komm im Moment nicht weiter könntet Ihr mir mal auf die Sprünge helfen. Ich hatte mir in den letzten tagen ein paar Seiten auf meinem NS Panel eingerichtet unter anderem auch 2 Subpages, jetzt wollte ich gern eine Subpage einer Subpage erstellen .
"Leuchten_subpages" darunter als weitere Subpage dann "Leuchten_subpages_2"
So das ich aus der Seite "Beleuchtung" eine weitere Unterseite (subpage) Beleuchtung 2 navigieren kann.
So wie es jetzt mit der Config ist kommt beim "Rechts" navigieren die seite Beleuchtung und wenn ich weiter nach Rechts navigiere dann Beleuchtung 2. Das ist aber doch nicht ganz richtig so eigentlich müsste ich auf der seite Beleuchtung doch eine Möglichkeit haben direkt in die Subpage Beleuchtung 2 zu kommen und als Parent seite dann wieder die "Beleuchtung"
Wäre nett wenn sich das mal jemand anschauen kann, ich tu mich da mal wieder ziemlich schwer, obwohl ich die Wiki bereits stundenlang gelesen habe stoße ich immer wieder arg an meine GrenzenHier meine Config
//-- Anfang für eigene Seiten -- z.T. selbstdefinierte Aliase erforderlich ---------------- //-- Start for your own pages -- some self-defined aliases required ---------------- let Program_subpages: PageType = { 'type': 'cardEntities', 'heading': 'Programmseite', 'useColor': true, 'items': [ { navigate: true, id: 'alias.0.NSPanel.allgemein.Abfall.event1', targetPage: 'Abfall', name: 'Abfallkalender'}, { navigate: true, id: null, targetPage: 'GuestWifi', onColor: White, name: 'Gäste WLAN'}, ] }; let Leuchten_subpages: PageType = { 'type': 'cardEntities', 'heading': 'Beleuchtung', 'useColor': true, 'items': [ { navigate: true, id: 'alias.0.NSPanel.Hue_Flur_unten.Flur_unten', targetPage: 'FlurHue', name: 'Hue Flur'}, { navigate: true, id: 'alias.0.NSPanel.Kueche.Hue_deckenlicht', targetPage: 'Kueche', onColor: White, name: 'Küche'}, { navigate: true, id: 'alias.0.NSPanel.Badezimmer.Badezimmer_Licht', targetPage: 'Bad', onColor: White, name: 'Badezimmer'}, { navigate: true, id: 'alias.0.NSPanel.Hue_Flur_Mitte.Treppenlicht', targetPage: 'Treppenlicht', onColor: White, name: 'Treppenlicht'}, ] }; let Leuchten_subpages_2: PageType = { 'type': 'cardEntities', 'heading': 'Beleuchtung 2', 'useColor': true, 'items': [ { navigate: true, id: 'alias.0.NSPanel.Schlafzimmer.Bett1', targetPage: 'Schlafzimmer', name: 'Bett'}, ] }; let Abfall: PageType = { 'type': 'cardEntities', 'heading': 'Abfallkalender', 'useColor': true, 'subPage': true, 'parent': Program_subpages, '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'}, { id: 'alias.0.NSPanel.allgemein.Abfall.event5',icon: 'trash-can'} ] }; let GuestWifi: PageType = { 'type': "cardQR", 'heading': "Gäste Wlan", 'subPage': true, 'parent': Program_subpages, 'items': [{ id: 'alias.0.NSPanel.Guest_Wifi', hidePassword: true, // true = Switch; false = Password hideEntity2: false, // true = Switch or Password is Hide autoCreateALias: true} ] }; let FlurHue: PageType = { 'type': 'cardEntities', 'heading': 'Hue Flur', 'useColor': true, 'subPage': true, 'parent': Leuchten_subpages, 'items': [ { id: 'alias.0.NSPanel.Hue_Flur_unten.Flur_unten'}, { id: 'alias.0.NSPanel.Hue_Flur_unten.Flur_unten_Haustür'}, { id: 'alias.0.NSPanel.Hue_Flur_Mitte.Kleiner_Flur_Mitte'}, { id: 'alias.0.NSPanel.Hue_Flur_Mitte.Flur_Mitte'} ] }; let Kueche: PageType = { 'type': 'cardEntities', 'heading': 'Küche', 'useColor': true, 'subPage': true, 'parent': Leuchten_subpages, 'items': [ { id: 'alias.0.NSPanel.Kueche.Hue_deckenlicht'}, { id: 'alias.0.NSPanel.Kueche.Abzugshaube'} ] }; let Schlafzimmer: PageType = { 'type': 'cardEntities', 'heading': 'Schlafen', 'useColor': true, 'subPage': true, 'parent': Leuchten_subpages, 'items': [ { id: 'alias.0.NSPanel.Schlafzimmer.Bett1'}, { id: 'alias.0.NSPanel.Schlafzimmer.Bett2'}, { id: 'alias.0.NSPanel.Schlafzimmer.Bett3'} ] }; let Bad: PageType = { 'type': 'cardEntities', 'heading': 'Badezimmer', 'useColor': true, 'subPage': true, 'parent': Leuchten_subpages, 'items': [ { id: 'alias.0.NSPanel.Badezimmer.Badezimmer_Licht'} ] }; let Treppenlicht: PageType = { 'type': 'cardEntities', 'heading': 'Treppenlicht', 'useColor': true, 'subPage': true, 'parent': Leuchten_subpages, 'items': [ { id: 'alias.0.NSPanel.Hue_Flur_Mitte.Treppenlicht'} ] }; let Rolladen: PageType = { 'type': 'cardEntities', 'heading': 'Rolladen', 'useColor': true, 'subPage': false, 'parent': undefined, 'items': [ { id: 'alias.0.NSPanel.Schlafzimmer.Rolladen',icon: 'window-shutter',name: 'Rolladen-Schlafen',interpolateColor: true}, { id: 'alias.0.NSPanel.Ankleidezimmer.Rolladen',icon: 'window-shutter',name: 'Rolladen-Ankleide',interpolateColor: true} ] }; //-- https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Page-%E2%80%90-Typen_How-2_Beispiele //-- ENDE für eigene Seiten -- z.T. selbstdefinierte Aliase erforderlich ------------------------- //-- END for your own pages -- some self-defined aliases required ------------------------Und hier die einträge im bereich der pages
export const config: Config = { // Seiteneinteilung / Page division // Hauptseiten / Mainpages pages: [ NSPanel_Service, //Auto-Alias Service Page Leuchten_subpages, Leuchten_subpages_2, Rolladen, Program_subpages, //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, //Auot-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 Abfall, GuestWifi, Kueche, FlurHue, Schlafzimmer, Treppenlicht, Bad, ], -
@teletapi Scheint, als ob Du die Pages unter Subpages und die Subpages unter Pages eingetragen hast. Das würde ich erst korrigieren und dann weitersehen.
-
@ticaki Läuft ja bei mir. Geht eher um die zukünftigen Probleme anderer User.
-
@peterfido zb. um meine. Jetzt bin ich gerade mal überfordert
Ich habe jetzt gerade mal die Tasmota Firmware 15.0.0 geupdatet funktioniert, nach dem Update muss das NSPanel aber kurz vom Strom genommen werden.
Das Update per Panel aufforderung hat nicht funktioniert -
hast du dir diese Seite schon mal genauer angesehen, dort sind alle Parameter beschrieben.
Deine Subpages sind falsch konfiguriert und liegen nicht unter Subpages. Du hats auch keine Hauptseite/ Navipunkt, der auf deine Subpages verweist.
Die anderen Subpages hast du doch richtig angelegt, schau dir das in Ruhe nochmal an.
-
@tt-tom Ich bin nicht ganz sicher die Seiten die mit subpage benannt sind, sind ja eigentlich garkeine Subpages sondern eben die haupt seiten nur die Namen sind von irgendwoher aus Beispielen übernommen worden von mir.
Ich hab noch nicht verstanden was daran falsch ist. Kann es sein das die Alias Struktur wie die Aliase in welchem Ordner liegen sehr wichtig ist..?//-- Anfang für eigene Seiten -- z.T. selbstdefinierte Aliase erforderlich ---------------- //-- Start for your own pages -- some self-defined aliases required ---------------- let Programmseite: PageType = { 'type': 'cardEntities', 'heading': 'Programmseite', 'useColor': true, 'items': [ { navigate: true, id: 'alias.0.NSPanel.allgemein.Abfall.event1', targetPage: 'Abfall', name: 'Abfallkalender'}, { navigate: true, id: null, targetPage: 'GuestWifi', onColor: White, name: 'Gäste WLAN'}, ] }; let Licht1: PageType = { 'type': 'cardEntities', 'heading': 'Beleuchtung', 'useColor': true, 'items': [ { navigate: true, id: 'alias.0.NSPanel.Hue_Flur_unten.Flur_unten', targetPage: 'FlurHue', name: 'Hue Flur'}, { navigate: true, id: 'alias.0.NSPanel.Kueche.Hue_deckenlicht', targetPage: 'Kueche', onColor: White, name: 'Küche'}, { navigate: true, id: 'alias.0.NSPanel.Badezimmer.Badezimmer_Licht', targetPage: 'Bad', onColor: White, name: 'Badezimmer'}, { navigate: true, id: 'alias.0.NSPanel.Hue_Flur_Mitte.Treppenlicht', targetPage: 'Treppenlicht', onColor: White, name: 'Treppenlicht'}, ] }; let Licht2: PageType = { 'type': 'cardEntities', 'heading': 'Beleuchtung 2', 'useColor': true, 'items': [ { navigate: true, id: 'alias.0.NSPanel.Schlafzimmer.Bett1', targetPage: 'Schlafzimmer', name: 'Bett'}, ] }; let Abfall: PageType = { 'type': 'cardEntities', 'heading': 'Abfallkalender', 'useColor': true, 'subPage': true, 'parent': Programmseite, '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'}, { id: 'alias.0.NSPanel.allgemein.Abfall.event5',icon: 'trash-can'} ] }; let GuestWifi: PageType = { 'type': "cardQR", 'heading': "Gäste Wlan", 'subPage': true, 'parent': Programmseite, 'items': [{ id: 'alias.0.NSPanel.Guest_Wifi', hidePassword: true, // true = Switch; false = Password hideEntity2: false, // true = Switch or Password is Hide autoCreateALias: true} ] }; let FlurHue: PageType = { 'type': 'cardEntities', 'heading': 'Hue Flur', 'useColor': true, 'subPage': true, 'parent': Licht1, 'items': [ { id: 'alias.0.NSPanel.Hue_Flur_unten.Flur_unten'}, { id: 'alias.0.NSPanel.Hue_Flur_unten.Flur_unten_Haustür'}, { id: 'alias.0.NSPanel.Hue_Flur_Mitte.Kleiner_Flur_Mitte'}, { id: 'alias.0.NSPanel.Hue_Flur_Mitte.Flur_Mitte'} ] }; let Kueche: PageType = { 'type': 'cardEntities', 'heading': 'Küche', 'useColor': true, 'subPage': true, 'parent': Licht1, 'items': [ { id: 'alias.0.NSPanel.Kueche.Hue_deckenlicht'}, { id: 'alias.0.NSPanel.Kueche.Abzugshaube'} ] }; let Schlafzimmer: PageType = { 'type': 'cardEntities', 'heading': 'Schlafen', 'useColor': true, 'subPage': true, 'parent': Licht1, 'items': [ { id: 'alias.0.NSPanel.Schlafzimmer.Bett1'}, { id: 'alias.0.NSPanel.Schlafzimmer.Bett2'}, { id: 'alias.0.NSPanel.Schlafzimmer.Bett3'} ] }; let Bad: PageType = { 'type': 'cardEntities', 'heading': 'Badezimmer', 'useColor': true, 'subPage': true, 'parent': Licht1, 'items': [ { id: 'alias.0.NSPanel.Badezimmer.Badezimmer_Licht'} ] }; let Treppenlicht: PageType = { 'type': 'cardEntities', 'heading': 'Treppenlicht', 'useColor': true, 'subPage': true, 'parent': Licht1, 'items': [ { id: 'alias.0.NSPanel.Hue_Flur_Mitte.Treppenlicht'} ] }; let Rolladen: PageType = { 'type': 'cardEntities', 'heading': 'Rolladen', 'useColor': true, 'subPage': false, 'parent': undefined, 'items': [ { id: 'alias.0.NSPanel.Schlafzimmer.Rolladen',icon: 'window-shutter',name: 'Rolladen-Schlafen',interpolateColor: true}, { id: 'alias.0.NSPanel.Ankleidezimmer.Rolladen',icon: 'window-shutter',name: 'Rolladen-Ankleide',interpolateColor: true} ] }; //-- https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Page-%E2%80%90-Typen_How-2_Beispiele //-- ENDE für eigene Seiten -- z.T. selbstdefinierte Aliase erforderlich ------------------------- //-- END for your own pages -- some self-defined aliases required ------------------------Ich habe die Namen jetzt mal angepasst
// EN: Configuration export const config: Config = { // Seiteneinteilung / Page division // Hauptseiten / Mainpages pages: [ NSPanel_Service, //Auto-Alias Service Page Programmseite, Licht1, Licht2, Rolladen, //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, //Auot-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 Abfall, GuestWifi, Kueche, FlurHue, Treppenlicht, Bad, Schlafzimmer, ],Sieht dann so aus.
Die ordnerstruktur der Aliase sieht bei mir so aus, ich hatte mir dazu noch keine wesentlichen gedanken gemacht
-
Gibt es die Möglichkeit ein Bild auf den NsPanel hochzuladen (Snapshot von der Kamera) ?
-
@gargano nein immer noch nicht
-
@tt-tom Ist das mal angedacht ?
Im Nextion ist ja da ein Picture vorhanden. -
@gargano mann kann ein Bild in die TFT-Firmware programmieren, aber eins senden geht nicht. So mein letzter Stand.
-
Dann sind deine Hauptseiten für das Licht doch definiert und von dort springst du jetzt mit press in die Subpages z.B. Küche
wenn du von der Küche in eine weitere Subpage möchtst, musst du dir auf der Küchenseite ein naviPunkt anlegen, analog wie bei den Hauptseiten
{ navigate: true, id: 'alias.0.NSPanel.Hue_Flur_Mitte.Treppenlicht', targetPage: 'Treppenlicht', onColor: White, name: 'Treppenlicht'},Die neue Seite musst du auch als Subpage konfigurieren und dort auch eintragen. schau dir mal das Bild auf der Wiki Seite an, dann sollte dir das verständlich werden.
-
