Betatest NSPanel-lovelace-ui v0.2.x

teletapi

@tt-tom @ticaki, hab jetzt z
zwar einige Zeit gebraucht aber habe erste Erfolge erzielt hab jetzt die Main Seite als Übersichtsseite angelegt und hier die Abfall und Gästewlan CardQR hinterlegt und auch die subpages laufen dazu. Hat mich jetzt wirklich eion paar Stunden gekostet. Was ich aber nicht hinbekommmen habe sind die Farben der Mülltonnen wie gelb,schwarz Braun oder Grün für Grünschnitt. Vielleicht könntet ihr mir da wieder behilflich sein.

Edit:
Was ich auch nicht hinbekomme sind die beiden Hardware Buttons zu konfigurieren da würde ich gerne 2 Hue Deckenleuchten mit steuern. Hab die Rule 2 per Konsole reingeschrieben und durch Rule2 on bzw 1 aktiviert und nach der Anleitung konfiguriert aber es tut sich nichts.

const main: ScriptConfig.PageGrid = {
        type: 'cardGrid',   
        uniqueName: 'main',
        subPage: true,
        heading: 'Übersicht',
        useColor: true,
        items: [
            { navigate: true, id: null, targetPage: 'Gaeste_Wlan', onColor: MSGreen, name: 'wlandaten'},
            { navigate: true, id: null, targetPage: 'Abfall', icon: 'trash-can', name: 'Abfall' },
        ],
     };

      const Abfall: ScriptConfig.PageEntities = {
        type: 'cardEntities',
        uniqueName: 'Abfall', 
        heading: 'Abfallkalender',
        prev: 'main',
        subPage: true,
        useColor: true,
        items: [
            { id: 'alias.0.NSPanel.allgemein.Abfall.event1', icon: 'trash-can', targetPage: 'Abfall', name: 'Abfall' },
            { id: 'alias.0.NSPanel.allgemein.Abfall.event2', icon: 'trash-can', targetPage: 'Abfall', name: 'Abfall' },
            { id: 'alias.0.NSPanel.allgemein.Abfall.event3', icon: 'trash-can', targetPage: 'Abfall', name: 'Abfall' },
            { id: 'alias.0.NSPanel.allgemein.Abfall.event4', icon: 'trash-can', targetPage: 'Abfall', name: 'Abfall' },
            { id: 'alias.0.NSPanel.allgemein.Abfall.event5', icon: 'trash-can', targetPage: 'Abfall', name: 'Abfall' },
            { id: 'alias.0.NSPanel.allgemein.Abfall.event6', icon: 'trash-can', targetPage: 'Abfall', name: 'Abfall' }, 
         ],
     };

     const wlandaten: ScriptConfig.PageQR = {
        prev: 'main',
        home: 'main',
        uniqueName: 'Gaeste_Wlan', // muss mit dem Namen im Admin übereinstimmen
        type: 'cardQR'
     };

      const config: ScriptConfig.Config = {
        panelTopic: 'SmartHome/NSPanel_Weiss',
        weatherEntity: 'openweathermap.0.',
        defaultOffColor: Off,
        defaultOnColor: On,
        defaultBackgroundColor: HMIDark,
        weatherAddDefaultItems: false,

        // Als Gedankenstütze, die Hauptseite muß main heißen!
        //panelName: 'NSPanel', //unique name for the panel

        // Seiteneinteilung / Page division
        // Hauptseiten / Mainpages
        pages: [
            //Programmseite,
            main,
            //grid1,
            //qrCode,
            //wlandaten,
            //chartHeizung,
        ],
        // Unterseiten / Subpages
        subPages: [
            //fahrplan,
            wlandaten,
            Abfall,
        ],

ticaki

@teletapi
Entferne die rules die du geschrieben hast und setze in States unter cmd relay1/relay2 auf detach. Kann auch bitton1/2 sein bin nicht vor dem pc

TT-Tom

@ticaki @teletapi
Funktioniert einfach in der servicepage unter Relais.

TT-Tom

@teletapi

für den Abfallkalender gibt es ein so genantes Template. Davon gibt es schon einige, aber sie fehlen noch im Wiki.

nutze mal diesen Code, dann sollte es funktionieren.

    const Abfall: any = {
        heading: 'Abfall Termine',
        prev: 'main',
        subPage: true,
        native: {
            card: 'cardEntities',
            dpInit: '0_userdata.0.Abfallkalender',
            uniqueID: 'abfall',
            template: 'entities.waste-calendar',
        },
    };

teletapi

@tt-tom Ich hatte zwar schon von den templates gelesen wusste das aber auch nicht umzusetzen aber wie geil ist das denn bitteschön..... Danke Ihr seid spitze.

patricknitsch

@armilar Shutter Popup funktioniert fantastisch.

Mit deiner Aussage zur Thermo Card heizt du natürlich die Neugier an...

teletapi

@patricknitsch Könntest du mir zu der Shutterpages ein paar mehr Infos zukommen lassen den Code vielleicht und das ein oder andere Bild
Das wäre nett.
Gruß

patricknitsch

@teletapi Wie armilar schon sagte, kein großer Aufwand. Ich habe in meiner Mainpage einfach den alias aufgerufen. Dieser ist als Blind hinterlegt.

const p_Main: PageType = {
        uniqueName: 'main', // keine Navigation, am besten uniqueName von config.ts übernehmen
        heading: 'Übersicht',
        items: [
            { id: 'alias.0.Other.Shutter_Büro', minValueLevel: 0, maxValueLevel: 100, 
            icon: "blinds-horizontal", offColor: MSRed, onColor: MSGreen, name: 'Büro Fenster' },
        ],
        type: 'cardGrid',
        useColor: true
    };

teletapi

@patricknitsch Danke Funktioniert perfekt.
@ticaki @TT-Tom

Ich hab da aber noch einen anderen Fehler in meinen Hueleuchten.
Bei den Hue Deckenleuchten die sind nur weiß bzw in Helligkeit und Warm-Kaltweiß einstellbar und der Hue Adapter in Iobroker stellt bei den Leuchten dann keinen "Hue" Datenpunkt zur verfügung und so bekomme ich dann immer wieder diese Fehler im Log.

nspanel-lovelace-ui.0
	2025-08-12 11:35:20.851	error	[StatesDB.Kueche.8?0.hue.data] Error 1001: Error: State id invalid alias.0.Kueche.Deckenlicht_Kueche.HUE no data!
nspanel-lovelace-ui.0
	2025-08-12 11:34:46.009	error	[StatesDB.FlurHue.7?3.hue.data] Error 1001: Error: State id invalid alias.0.Treppenhaus.Flur_Mitte.HUE no data!
nspanel-lovelace-ui.0
	2025-08-12 11:34:45.950	error	[StatesDB.FlurHue.7?2.hue.data] Error 1001: Error: State id invalid alias.0.Treppenhaus.Kleiner_Flur_Mitte.HUE no data!
nspanel-lovelace-ui.0
	2025-08-12 11:34:45.898	error	[StatesDB.FlurHue.7?1.hue.data] Error 1001: Error: State id invalid alias.0.Treppenhaus.Flur_unten_Haustuer.HUE no data!
nspanel-lovelace-ui.0
	2025-08-12 11:34:45.847	error	[StatesDB.FlurHue.7?0.hue.data] Error 1001: Error: State id invalid alias.0.Treppenhaus.Flur_unten.HUE no data!

Hier meine config zu den Deckenleuchten:

const Licht1: ScriptConfig.PageGrid2 = {    
        type: 'cardGrid2',
        uniqueName: 'Licht1',
        heading: 'Beleuchtung 1',
        useColor: true,
        items: [
        { navigate: true, id: 'alias.0.Treppenhaus.Flur_unten_Haustuer', targetPage: 'FlurHue', name: 'Hue Flur'},
        { navigate: true, id: 'alias.0.NSPanel.Badezimmer.Badezimmer_Licht', targetPage: 'Bad', offColor: MSGreen, onColor: MSYellow, name: 'Bad unten'},
        { navigate: true, id: 'alias.0.NSPanel.Hue_Flur_Mitte.Treppenlicht', targetPage: 'Treppenlicht', offColor: MSRed, onColor: MSGreen, name: 'Treppe'},
        { navigate: true, id: 'alias.0.NSPanel.Ankleidezimmer.Steckdose_Fenster', targetPage: 'Ankleidezimmer', offColor: MSGreen, onColor: MSYellow, name: 'Ankleide'},
        { navigate: true, id: 'alias.0.Kueche.Spüle1', targetPage: 'Kueche', offColor: MSGreen, onColor: MSYellow, name: 'Küche'},
        { navigate: true, id: 'alias.0.NSPanel.Schlafzimmer.Bett1', targetPage: 'Schlafzimmer', name: 'Schlafen'},
        { navigate: true, id: 'alias.0.NSPanel.Waschkueche.Deckenlicht', targetPage: 'Waschkueche', name: 'Waschen'},
    ],
};

     const FlurHue: ScriptConfig.PageEntities = {
            uniqueName: 'FlurHue',
            type: 'cardEntities',
            heading: 'Hue Flur',
            useColor: true,
            subPage: true,
            parent: 'Licht1',
              items: [
            { id: 'alias.0.Treppenhaus.Flur_unten',
                 icon: 'lightbulb-on',
                 icon2: 'lightbulb-outline',
                 minValueColorTemp: 2203,
                 maxValueColorTemp: 6500,
                 popupVersion: 2},
            { id: 'alias.0.Treppenhaus.Flur_unten_Haustuer',
                 icon: 'lightbulb-on',
                 icon2: 'lightbulb-outline',
                 minValueColorTemp: 2203,
                 maxValueColorTemp: 6500,
                 popupVersion: 2},
            { id: 'alias.0.Treppenhaus.Kleiner_Flur_Mitte',
                 icon: 'lightbulb-on',
                 icon2: 'lightbulb-outline',
                 minValueColorTemp: 2203,
                 maxValueColorTemp: 6500,
                 popupVersion: 2},
            { id: 'alias.0.Treppenhaus.Flur_Mitte',
                 icon: 'lightbulb-on',
                 icon2: 'lightbulb-outline',
                 minValueColorTemp: 2203,
                 maxValueColorTemp: 6500,
                 popupVersion: 2
                 }
        ],
};

         const Kueche: ScriptConfig.PageGrid = {
            uniqueName: 'Kueche',
            type: 'cardGrid',
            heading: 'Küche',
            useColor: true,
            subPage: true,
            parent: 'Licht1',
            items: [
            { id: 'alias.0.Kueche.Deckenlicht_Kueche',
                 icon: 'lightbulb-on',
                 icon2: 'lightbulb-outline',
                 offColor: Off,
                 minValueColorTemp: 2203,
                 maxValueColorTemp: 6500,
                 popupVersion: 2
                 },
            { id: 'alias.0.Kueche.abzugshaube',
                 icon: 'power-socket-de',
                 icon2: 'power-plug-off-outline',
                 onColor: MSYellow,
                 offColor: MSGreen,
                 },
            { id: 'alias.0.Kueche.Spüle1',
                icon: 'lightbulb-on',
                icon2: 'lightbulb-outline',
                offColor: Off,
                minValueColorTemp: 2700,
                maxValueColorTemp: 6500,
                interpolateColor: true,
                modeList: ["Color", "Nachtlicht"], inSel_ChoiceState: true,
                popupVersion: 2
                },
            {id: 'alias.0.Kueche.Spüle2',
                icon: 'lightbulb-on',
                icon2: 'lightbulb-outline',
                offColor: Off,
                minValueColorTemp: 2700,
                maxValueColorTemp: 6500,
                interpolateColor: true,
                modeList: ["Color", "Nachtlicht"], inSel_ChoiceState: true,
                popupVersion: 2
                },
            {id: 'alias.0.Kueche.Spüle3',
                icon: 'lightbulb-on',
                icon2: 'lightbulb-outline',
                offColor: Off,
                minValueColorTemp: 2700,
                maxValueColorTemp: 6500,
                interpolateColor: true,
                modeList: ["Color", "Nachtlicht"], inSel_ChoiceState: true,
                popupVersion: 2
                } 
        ],
};

     const Waschkueche: ScriptConfig.PageEntities =  {
            type: 'cardEntities',
            uniqueName: 'Waschkueche',            
            heading: 'Wasckueche',
            useColor: true,
            subPage: true,
            parent: 'Licht1',
            home: 'main',
            items: [
            { id: 'alias.0.NSPanel.Waschkueche.Deckenlicht',
                 icon: 'lightbulb-on',
                 icon2: 'lightbulb-outline',
                 minValueColorTemp: 2203,
                 maxValueColorTemp: 6500,
                 popupVersion: 2
                 }
        ],
};

ticaki

@teletapi
Hue ist einen lampentyp der Farbe hat. Ct oder Dimmer oder light sind Lampen ohne farbeinstellung.

Philips Hue ist ein Produkt das nicht in dem Fall eine Hue Lampe ist

TT-Tom

@teletapi

Popupversion2, sowie useColor kannst du weglassen, wird im Adapter nicht benötigt.

teletapi

@tt-tom wenn ich "usecolor" wegmache bekomme ich Fehler

TT-Tom

@teletapi
Okay, sehen wir uns an. Danke

TT-Tom

@teletapi

Ist im Script noch nicht angepasst worden, kommt mit der nächsten Version dann. Also erstmal drin lassen, damit kein Fehler kommt.

teletapi

@tt-tom
Hallo, ich hab noch 2 warnungen im Adapter beim neustart, weiß da jemand wo das her kommt. ich habe nur eine Openweathermap Instanz die wird als vorraussage für meine PV Anlage im Iobroker erweitert Adapter genutzt. Das einzigste was ich geändert habe im script ist der Punkt im script ganz oben "weatherAddDefaultItems: true," von false auf True gestellt. wenn ich den Punkt auf false stelle hab ich die Warnung zwar immer noch kommt aber nur 1x mit True wird die warnung 2x gesetzt

nspanel-lovelace-ui.0
	2025-08-12 18:49:17.681	warn	[StatesDB] Found more as 1 state for role in /^openweathermap\.0./ with .dp: openweathermap.0.forecast.current.windDirection and .regexp: /^openweathermap\.[0-9]+\.forecast\.current\.windDirection/
nspanel-lovelace-ui.0
	2025-08-12 18:49:17.615	warn	[StatesDB] Found more as 1 state for role in /^openweathermap\.0./ with .dp: openweathermap.0.forecast.current.windDirection and .regexp: /^openweathermap\.[0-9]+\.forecast\.current\.windDirection/

Hier ein Bild vom Openweathermap Adapter da sind tatsächlich 2 winddirection vorhanden, aber ob es daran liegt...?

openweathermap.0.forecast.current.windDirection
openweathermap.0.forecast.current.windDirectionText

TT-Tom

@teletapi sagte in Betatest NSPanel-lovelace-ui v0.2.x:

"weatherAddDefaultItems: true,

Damit werden im Adapter Templates genutzt um die Datenpunkte zu ermitteln und darzustellen, entspricht dem Abfallkalender.

Das Template für den Wind hat da ein Bug. ~~Kannst du in Github dazu ein Issue aufmachen.~~ Wir werden das in der nächsten Version ändern.

ticaki

@teletapi

TT-Tom hat den Bug behoben - als ich das geschrieben habe gab es noch keinen Datenpunkt windDirectionText

patricknitsch

Ich habe gerade ein anderes Problem. Vor ein paar Stunden hat der Adapter bei einem Panel nach Änderung die Meldung "Missing Configuration" angezeigt. Nach dem Neustart hat er auch das entsprechende Script nicht mehr gefunden, obwohl es noch im entsprechenden Ordner war. Ich habe dieses mal gelöscht und neu anlegen lassen - hat er trotzdem nicht erkannt. Also mal den Adapter und den Stammbaum gelöscht. Jetzt die Panels wieder angelernt, diese erreicht er auch, er zeigt aber trotzdem an "Missing Configuration". Auch ist der Ordner "Panels" nicht mehr da, mit den ganzen Datenpunkten.

Ich habe auch mal ein Panel zurückgesetzt. Auch erfolglos.

Hat dazu einer eine Idee?

nspanel-lovelace-ui.0
2025-08-12 21:40:40.960	error	No compatible config found, paused!

nspanel-lovelace-ui.0
2025-08-12 21:40:40.959	warn	No script config found for tasmota/NSPanel_Editor

nspanel-lovelace-ui.0
2025-08-12 21:40:40.959	warn	No script config found for tasmota/NSPanel_Buero

nspanel-lovelace-ui.0
2025-08-12 21:40:40.926	info	starting. Version 0.2.4 (non-npm: ticaki/ioBroker.nspanel-lovelace-ui#6f7b96d53254043de11603ed528639fa130223a3) in /opt/iobroker/node_modules/iobroker.nspanel-lovelace-ui, node: v20.19.4, js-controller: 7.0.7

ticaki

@patricknitsch
Wenn ich deinen Text richtig verstehe, hast du zwar viel gemacht aber nicht einmal das Konfigurationsscript neugestartet. Der Adapter finden nicht das Skript, sondern nur eine gesendete Konfiguration.

Datenbaum löschen ist keine gute idee - zumindest nicht komplett, da in dem Objekt von nspanel-lovelace-ui.0 - ein Teil der Konfiguration gespeichert wird.

Sende das Skript - mit den Rückmeldungen von diesem kann ich was anfangen.

wichtig nicht zuviel ausprobieren und verstellen wenns nicht klappt - einfach fragen

patricknitsch

@ticaki Sorry das wichtigste hatte ich nicht erwähnt. Erst das Script, dann den Adapter neu gestartet. Anbei die Logs erst vom Script, dann vom Adapter Neustart

nspanel-lovelace-ui.0
2025-08-12 22:04:29.361	info	[config-manager] Start converting configuration for NSPanel/NSPanel_Editor

nspanel-lovelace-ui.0
2025-08-12 22:04:24.678	info	[config-manager] Start converting configuration for NSPanel/NSPanel_Buero

nspanel-lovelace-ui.0
2025-08-12 22:05:08.198	error	No compatible config found, paused!

nspanel-lovelace-ui.0
2025-08-12 22:05:08.197	warn	No script config found for tasmota/NSPanel_Editor

nspanel-lovelace-ui.0
2025-08-12 22:05:08.196	warn	No script config found for tasmota/NSPanel_Buero

NEWS

Betatest NSPanel-lovelace-ui v0.2.x

Support us

881
Online

32.0k
Users

80.4k
Topics

1.3m
Posts

NEWS

Betatest NSPanel-lovelace-ui v0.2.x

Support us

881Online

32.0kUsers

80.4kTopics

1.3mPosts

881
Online

32.0k
Users

80.4k
Topics

1.3m
Posts