NEWS
Test Adapter NSPanel-lovelace-ui v1.x.x
-
Hallo zusammen,
ich würde gerne von einer vorhanden Installation "NSPanel Lovelace UI" ohne Adapter mit TS Script auf den neuen Adapter wechseln.
Ist es möglich die bestehende Konfiguration zu migrieren?
Diese sah bisher folgendermaßen auslet NSPanel_Seite1: PageGrid = { 'type': 'cardGrid', 'heading': 'Home', 'useColor': true, 'items': [ <PageItem>{ navigate: true, id: 'Thermostat', icon: 'thermostat',offColor: White, onColor: White, name: 'Thermostat'}, <PageItem>{ navigate: true, id: 'NSPanel_Licht1', icon: 'lightbulb-group',offColor: White, onColor: White, name: 'Licht'}, <PageItem>{ navigate: true, id: 'NSPanel_Fenster', icon: 'window-closed-variant',offColor: White, onColor: White, name: 'Fenster/Türen'}, <PageItem>{ navigate: true, id: 'NSPanel_Abfall', icon: 'trash-can',offColor: White, onColor: White, name: 'Abfall'}, <PageItem>{ navigate: true, id: 'NSPanel_Energie', icon: 'home-lightning-bolt-outline',offColor: White, onColor: White, name: 'Energie'}, <PageItem>{ navigate: true, id: 'NSPanel_WLAN', icon: 'wifi',offColor: White, onColor: White, name: 'Gäste WLAN'}, ] }; let Thermostat: PageThermo = { 'type': 'cardThermo', 'heading': 'Solltemperatur', 'subPage': true, 'parent': NSPanel_Seite1, 'home': 'NSPanel_Seite1', 'items': [<PageItem>{ id: 'alias.0.NSPanel.Thermostat.Thermostat_Buero_OG', minValue: 100, maxValue: 250, stepValue: 5 }] }; let NSPanel_Licht1: PageGrid = { 'type': 'cardGrid', 'heading': 'Licht', 'useColor': true, 'subPage': true, 'parent': NSPanel_Seite1, 'home': 'NSPanel_Seite1', 'items': [ <PageItem>{id: 'alias.0.NSPanel.Geräte.Gartenbeleuchtung', icon: 'lightbulb', offColor: White, onColor: Yellow, name: 'Garten', monobutton: true}, <PageItem>{id: 'alias.0.NSPanel.Geräte.Poolbeleuchtung', icon: 'lightbulb', offColor: White, onColor: Yellow, name: 'Pool', monobutton: true}, <PageItem>{id: 'alias.0.NSPanel.Geräte.Saunaraumbeleuchtung', icon: 'lightbulb', offColor: White, onColor: Yellow, name: 'Saunaraum', monobutton: true}, <PageItem>{id: 'alias.0.NSPanel.Geräte.WLED_Wohnzimmer', icon: 'lightbulb', offColor: White, onColor: Yellow, name: 'Wohnzimmer', monobutton: true}, ] }; let NSPanel_Fenster: PageGrid = { 'type': 'cardGrid', 'heading': 'Fenster/Türen', 'useColor': true, 'subPage': true, 'parent': NSPanel_Seite1, 'home': 'NSPanel_Seite1', 'items': [ <PageItem>{id: 'alias.0.NSPanel.Geräte.Noel_Tür', icon: 'window-open-variant', icon2: 'window-closed-variant', offColor: MSGreen, onColor: MSRed, name: 'Noel'}, <PageItem>{id: 'alias.0.NSPanel.Geräte.Schlafzimmertür', icon: 'window-open-variant', icon2: 'window-closed-variant', offColor: MSGreen, onColor: MSRed, name: 'Schlafzimmer'}, <PageItem>{id: 'alias.0.NSPanel.Geräte.Badfenster_OG', icon: 'window-open-variant', icon2: 'window-closed-variant', offColor: MSGreen, onColor: MSRed, name: 'Bad OG'}, <PageItem>{id: 'alias.0.NSPanel.Geräte.Bandfenster_EG', icon: 'window-open-variant', icon2: 'window-closed-variant', offColor: MSGreen, onColor: MSRed, name: 'Bad EG'}, <PageItem>{id: 'alias.0.NSPanel.Geräte.Heizung_Fenster', icon: 'window-open-variant', icon2: 'window-closed-variant', offColor: MSGreen, onColor: MSRed, name: 'Heizung'}, <PageItem>{id: 'alias.0.NSPanel.Geräte.Wohnzimmertür', icon: 'window-open-variant', icon2: 'window-closed-variant', offColor: MSGreen, onColor: MSRed, name: 'Wohnzimmertür'}, ] }; let NSPanel_Abfall: PageEntities = { 'type': 'cardEntities', 'heading': 'Abfallkalender', 'useColor': true, 'subPage': true, 'parent': NSPanel_Seite1, 'home': 'NSPanel_Seite1', "items": [ <PageItem>{ id: 'alias.0.NSPanel.Abfall.event_1', icon: 'trash-can'}, <PageItem>{ id: 'alias.0.NSPanel.Abfall.event_2', icon: 'trash-can'}, <PageItem>{ id: 'alias.0.NSPanel.Abfall.event_3', icon: 'trash-can'}, <PageItem>{ id: 'alias.0.NSPanel.Abfall.event_4', icon: 'trash-can'} ] }; var NSPanel_Energie: PagePower = { 'type': 'cardPower', 'heading': 'Energie', 'subPage': true, 'parent': NSPanel_Seite1, 'home': 'NSPanel_Seite1', "items": [ // <PageItem>{ }, //Demomode <PageItem>{ id: "alias.0.NSPanel.Geräte.CardPower", alwaysOnDisplay: true } ] }; let NSPanel_WLAN: PageQR = { 'type': 'cardQR', 'heading': 'Gäste WLAN', 'subPage': true, 'parent': NSPanel_Seite1, 'home': 'NSPanel_Seite1', 'items': [ <PageItem>{ id: 'alias.0.NSPanel.Geräte.Gäste_WLAN', hidePassword: false } ] }; //-- Seite 2 let NSPanel_Seite2: PageGrid = { 'type': 'cardGrid', 'heading': 'Home', 'useColor': true, 'items': [ <PageItem>{ navigate: true, id: 'NSPanel_Maehroboter', icon: 'robot-mower',offColor: White, onColor: White, name: 'Mähroboter'}, <PageItem>{ navigate: true, id: 'NSPanel_Pool', icon: 'pool',offColor: White, onColor: White, name: 'Pool'}, <PageItem>{ navigate: true, id: 'NSPanel_GoogleKalender', icon: 'calendar',offColor: White, onColor: White, name: 'Kalender'}, ] }; let NSPanel_Maehroboter: PageEntities = { 'type': 'cardEntities', 'heading': 'Mähroboter', 'useColor': true, 'subPage': true, 'parent': NSPanel_Seite2, 'home': 'NSPanel_Seite1', 'items': [ <PageItem>{ id: 'alias.0.NSPanel.Geräte.Mähroboter_Status', icon: 'robot-mower', offColor: White, onColor: White, name: 'Status'}, <PageItem>{ id: 'alias.0.NSPanel.Geräte.Mähroboter_Batterie', icon: 'battery', offColor: White, onColor: White, name: 'Batterie'}, <PageItem>{ id: 'alias.0.NSPanel.Geräte.Mähroboter_Messer', icon: 'box-cutter', offColor: White, onColor: White, name: 'Messerqualität'}, ] }; let NSPanel_Pool: PageEntities = { 'type': 'cardEntities', 'heading': 'Pool', 'useColor': true, 'subPage': true, 'parent': NSPanel_Seite2, 'home': 'NSPanel_Seite1', 'items': [ <PageItem>{ id: 'alias.0.NSPanel.Geräte.Pool_PH', icon: 'water', offColor: White, onColor: White, name: 'PH Wert'}, <PageItem>{ id: 'alias.0.NSPanel.Geräte.Pool_Chlor', icon: 'water', offColor: White, onColor: White, name: 'Redox Wert'}, <PageItem>{ id: 'alias.0.NSPanel.Geräte.Pool_Temp', icon: 'water-thermometer', offColor: White, onColor: White, name: 'Temperatur'}, ] }; let NSPanel_Waschmaschine: PageEntities = { 'type': 'cardEntities', 'heading': 'Waschmaschine', 'useColor': true, 'subPage': true, 'parent': NSPanel_Seite1, 'home': 'NSPanel_Seite1', 'items': [ <PageItem>{ id: 'alias.0.NSPanel.Geräte.Waschmaschine_Status', icon: 'washing-machine', offColor: White, onColor: Yellow, name: 'Status'}, <PageItem>{ id: 'alias.0.NSPanel.Geräte.Waschmaschine_Restzeit', icon: 'timer', offColor: White, onColor: Yellow, name: 'Restzeit'}, ] }; let NSPanel_GoogleKalender: PageEntities = { 'type': 'cardEntities', 'heading': 'Kalender', 'useColor': true, 'subPage': true, 'parent': NSPanel_Seite2, 'home': 'NSPanel_Seite1', "items": [ <PageItem>{ id: 'alias.0.NSPanel.GoogleKalender.event_1', icon: 'calendar'}, <PageItem>{ id: 'alias.0.NSPanel.GoogleKalender.event_2', icon: 'calendar'}, <PageItem>{ id: 'alias.0.NSPanel.GoogleKalender.event_3', icon: 'calendar'}, <PageItem>{ id: 'alias.0.NSPanel.GoogleKalender.event_4', icon: 'calendar'} ] };Ich habe im Adapter zum Test eine Menüseite erstellt und verstehe leider nicht ganz wie ich die im Adapter erstellen Seiten in das TS Skript vom Adapter einpflegen muss.
Beste Grüße
ForadhIch habe im Adapter zum Test eine Menüseite erstellt und verstehe leider nicht ganz wie ich die im Adapter erstellen Seiten in das TS Skript vom Adapter ein pflegen muss.
Welche Version hast du Installiert?
Hast du die Anleitung im Wiki gelesen?
Wo ist dein aktueller Stand?Du benötigst im Script mindestens eine
main- Seite. Die restlichen Seiten können über den Adapter erstellt werden. Es befindet sich auf jedem Tab in der Adapter Config ein Link ins Wiki. Dort ist alles dann beschrieben, sollten Fragen offen sein, hier melden.Im Abschnitt ScriptConfig https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki/ScriptConfig#seiten-konfiguration ist auch die neue Schreibweise beschrieben, ich würde dir aber zur Config der Seiten im Adapter raten. Wichtig erst Seiten anlegen, dann die Navigation zu den Seiten.
-
-
-
-
Ja, die version ist für admin 8 - admin 8 ist breaking. Ich mußt dafür auch hoch gehen, wollte ich eigentlich nicht aber geht ja nicht anders
-
-
Hi,
ich wollte gerade im Adapter eine Seite mit Navigation anlegen. Das Dropdown-Menü wird nicht geöffnet. Stattdessen kommt eine Fehlermeldung:
Die benutzerdefinierte Komponente "AdminComponentTemplateSet/Components/PageConfigManager" kann nicht angezeigt werden Sie wurde vermutlich für eine ältere Admin-Version erstellt. Bitte den Adapter aktualisieren. Cannot read properties of null (reading 'removeAttribute') -
Hi,
ich wollte gerade im Adapter eine Seite mit Navigation anlegen. Das Dropdown-Menü wird nicht geöffnet. Stattdessen kommt eine Fehlermeldung:
Die benutzerdefinierte Komponente "AdminComponentTemplateSet/Components/PageConfigManager" kann nicht angezeigt werden Sie wurde vermutlich für eine ältere Admin-Version erstellt. Bitte den Adapter aktualisieren. Cannot read properties of null (reading 'removeAttribute')Welche Adapter Version?
Welche Admin Version?
Welches dropdown?Bitte nachreichen, danke.
-
Sorry, natürlich.
Adapter Version 1.0.0
Admin Version 8.0.8
Ich habs unten im Bild dargestellt. Zeigts besser.

Laut Dokumentation sollte da ja ein Dropdown "Zielseite" sein.
-
Sorry, natürlich.
Adapter Version 1.0.0
Admin Version 8.0.8
Ich habs unten im Bild dargestellt. Zeigts besser.

Laut Dokumentation sollte da ja ein Dropdown "Zielseite" sein.
Wenn ich dich jetzt richtig verstanden habe, wird mit der Tab Pageconfig nicht angezeigt oder nur das Dropdown-Menü nicht.
-
Der Tab Pageconfig wird angezeigt(siehe erstes Bild). Das Dropdown-Menü nicht(ist einfach nur eine Spalte). Wenn ich in der Spalte, wo das Menü sein müsste, eine Pfeiltaste drücke, kommt dann die Fehlermeldung.
-
Der Tab Pageconfig wird angezeigt(siehe erstes Bild). Das Dropdown-Menü nicht(ist einfach nur eine Spalte). Wenn ich in der Spalte, wo das Menü sein müsste, eine Pfeiltaste drücke, kommt dann die Fehlermeldung.
@patricknitsch
Okay, ich Check das mal. -
Der Tab Pageconfig wird angezeigt(siehe erstes Bild). Das Dropdown-Menü nicht(ist einfach nur eine Spalte). Wenn ich in der Spalte, wo das Menü sein müsste, eine Pfeiltaste drücke, kommt dann die Fehlermeldung.
Fehler gefunden, fix kommt mit dem release. Wenn du nicht warten kannst / willst, kannste auch von GitHub laden.
-
-
Ich habe mal eine Frage zur Seiten-Konfiguration in der Instanz-Config. Pages können ja sehr gut erstellt und verknüpft werden. Wie sieht das mit „Main“-Pages aus? Kann man die automatisch im Script erstellten löschen und eigene Pages als Main definieren? Oder geht das nur im Script?
-
-
-
-
Done! :)
-
Done! :)
Done! :)
gibt ne pr dazu mit branch - kannste ja mal testen - hab auch den Navigation Flow etwas aufgedonnert.
Aktivieren kann man das über Pagedetails - aber vorher muß das zu gehörige Panel definiert werden und solange wie main aktiv ist, kann man die panel zuordnung nicht ändern. Das sperren ist um die Prüfungen wegen doppelter main seiten zu vereinfachen. Die Prüfungen können auch dazu führen das der hacken ausgegraut wird:
Beispiel:main1 - panel 1
main2 - panel 2änderungen von main1 panels nicht möglich damit du da nicht panel 2 oder alle auswählen kannst
main1 - panel1
main2 - allecheckbox ausgegraut weil alle auch panel1 umfasst.
die eingabe von main als uniqueName sollte unterbunden sein, der main uniqueName wird automatisch von der checkbox gesetzt.
EDIT:
Bilder zur main:

zum NavigationFlow


OK noch eines von meinem produktivsystem - weil auf dem dev sieht das ja echt grausam aus:

Und hier sieht man auch gleich wofür man das benutzen kann - ich nutze das nie auf dem flur panel daher nicht aufgefallen - der targetlink auf meine "Fenster offen" Hauptseite von main aus fehlt.

so besser
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

