Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Tester
    4. Betatest NSPanel-lovelace-ui v0.2.x

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    Betatest NSPanel-lovelace-ui v0.2.x

    This topic has been deleted. Only users with topic management privileges can see it.
    • D
      danny_v1 @TT-Tom last edited by

      @tt-tom said in Alphatest NSPanel-lovelace-ui v0.1.1:

      @danny_v1

      wie hast du die cardAlarm im Script konfiguriert, eigentlich sollte /müsste eine Fehlermeldung kommen.

      /*   const AlarmSeite: PageType ={
              type: 'cardAlarm',
              uniqueName: 'AlarmSeite',
              heading: 'Alarmanlage',
              subPage: true,
              parent:'main',
       //   prev: 'main',
       //   next: 'Obergeschoss',
       //   prevIcon: 'tools',
       //   nextIcon: 'home-floor-1',
          items: [
              /{ id: 'alias.0.Alarm' }
              ]
      };*/
      

      Hab sie nur auskommentiert. Nein Skript lief ohne Fehler durch und im Log gabs auch keinen Eintrag

      T 1 Reply Last reply Reply Quote 0
      • T
        TT-Tom @danny_v1 last edited by

        @danny_v1 sagte in Alphatest NSPanel-lovelace-ui v0.1.1:

        Wenn es nur eine Page gibt und der Rest Subpages sind kommt man auch nicht mehr ins Service Menü.

        muss ich prüfen, heisst du hast nur die "main"

        Leider bin ich mit dem Screensaver noch nicht weiter.

        wo hängt es?

        T 1 Reply Last reply Reply Quote 0
        • T
          TT-Tom @danny_v1 last edited by TT-Tom

          @danny_v1

          const AlarmSeite: PageType ={

          okay das heisst nicht PageType sondern ScriptConfig.PageAlarm

          zeige mal deine ganze Seiten Konfiguration

          D 1 Reply Last reply Reply Quote 0
          • D
            danny_v1 @TT-Tom last edited by

            @tt-tom

               const main: PageType = {
                    type: 'cardGrid',
                    uniqueName: 'main',
                    heading: 'Hauptseite',
                     next: 'Obergeschoss',
                    useColor: true,
                    items: [
                      //  { navigate: true, id: null, targetPage: 'AlarmSeite', icon: 'shield-alert', offColor: Menu, onColor: Menu,  name: "Alarmseite"},
                       { navigate: true, id: null, targetPage: 'Obergeschoss', icon: 'home-floor-1', offColor: Menu, onColor: Menu,  name: "Obergeschoss"},
                       { navigate: true, id: null, targetPage: 'Untergeschoss', icon: 'home-floor-0', offColor: Menu, onColor: Menu,  name: "Untergeschoss"},
                       { navigate: true, id: null, targetPage: 'Aussenbereich', icon: 'tree-outline', offColor: Menu, onColor: Menu,  name: "Aussenbereich"},
                       { navigate: true, id: null, targetPage: 'Abfall', icon: 'trash-can-outline', offColor: Menu, onColor: Menu,  name: "Abfall"},
                       { navigate: true, id: null, targetPage: 'Haus_Info', icon: 'window-open-variant', offColor: Menu, onColor: Menu,  name: "Haus_Info"}
                    ]
                };
                const WZ_Thermostat: PageType = {
                    type: 'cardThermo',
                    uniqueName: 'WZ_Thermostat',
                    heading: 'Thermostat',
                    prev:'main',
                            items: [{ 
                            id: "alias.0.Wohnzimmer.Temperaturen.Thermostat.Thermostat", 
                                minValue: 160, 
                                maxValue: 300,
                                stepValue:5 }]
            
                };
             /*   const AlarmSeite: PageType ={
                    type: 'cardAlarm',
                    uniqueName: 'AlarmSeite',
                    heading: 'Alarmanlage',
                    subPage: true,
                    parent:'main',
             //   prev: 'main',
             //   next: 'Obergeschoss',
             //   prevIcon: 'tools',
             //   nextIcon: 'home-floor-1',
                items: [
                    /{ id: 'alias.0.Alarm' }
                    ]
            };*/
            
            const Obergeschoss: PageType ={
                type: "cardGrid",
                uniqueName: 'Obergeschoss',
                heading: "Obergeschoss",
                useColor: true,
                subPage: true,
                parent:'main',
            //    home:'main',
            //    next: 'Untergeschoss',
            //    prevIcon: 'shield-alert',
            //    nextIcon: 'home-floor-0',
                items: [
                        /*PageItem*/{ navigate: true, id: null, targetPage: "Wohnzimmer1", icon: "sofa-outline", onColor: White, name: "Wohnzimmer"},   
                        /*PageItem*/{ navigate: true, id: null, targetPage: "Kinderzimmer_Ede", icon: "human-child", onColor: White, name: "Ede"},       
                        /*PageItem*/{ navigate: true, id: null, targetPage: "Kinderzimmer_Edda", icon: "human-child", onColor: White, name: "Edda"},   
                        /*PageItem*/{ navigate: true, id: null, targetPage: "Balkon", icon: "balcony", onColor: White, name: "Balkon"},                  
                        /*PageItem*/{ navigate: true, id: null, targetPage: "Flur_OG", icon: "stairs", onColor: White, name: "Flur"}                  
                ]
            
            };
            
            const Untergeschoss: PageType ={
                type: "cardGrid",
                uniqueName: 'Untergeschoss',
                heading: "Untergeschoss",
                useColor: true,
                subPage: true,
                parent:'main',
            //    prev: 'Obergeschoss',
            //    next: 'Aussenbereich',
            //    prevIcon: 'home-floor-1',
            //    nextIcon: 'tree-outline',
                items: [
                        /*PageItem*/{ navigate: true, id: null, targetPage: "Kueche1", icon: "pot-steam", onColor: White, name: "Küche"},             
                        /*PageItem*/{ navigate: true, id: null, targetPage: "Schlafzimmer", icon: "bed-king", onColor: White, name: "Schlafzimmer"}, 
                        /*PageItem*/{ navigate: true, id: null, targetPage: "WC_EG", icon: "toilet", onColor: White, name: "WC"},                        
                        /*PageItem*/{ navigate: true, id: null, targetPage: "Bad", icon: "bathtub", onColor: White, name: "Bad"},                     
                        /*PageItem*/{ navigate: true, id: null, targetPage: "Flur_EG", icon: "stairs", onColor: White, name: "Flur"},                
                        /*PageItem*/{ navigate: true, id: null, targetPage: "Loch", icon: "washing-machine", onColor: White, name: "Loch"}            
                ]
            
            };
            
            const Aussenbereich: PageType ={
                type: "cardGrid",
                uniqueName: 'Aussenbereich',
                heading: "Garten",
                useColor: true,
                subPage: true,
                parent:'main',
             //   prev: 'Untergeschoss',
             //   next: 'Abfall',
             //   prevIcon: 'home-floor-0',
             //   nextIcon: 'trash-can-outline',
                items: [
                        /*PageItem*/{ navigate: true, id: null, targetPage: "Hof", icon: "tree-outline", onColor: White, name: "Vorgarten"},       
                                    { navigate: true, id: null, targetPage: "Garten", icon: "flower-tulip-outline", onColor: White, name: "Garten"}                                                                                                            //Garten einfügen
                ]
            
            };
            
            const Abfall: PageType ={
                type: "cardEntities",
                uniqueName: 'Abfall',
                heading: "Abfallkalender",
                useColor: true,
                subPage: true,
                parent:'main',
            //    prev: 'Aussenbereich',
            //    next: 'Haus_Info',
                home: undefined,
                items: [
                    /*PageItem*/{ id: "alias.0.Abfall.Event1", icon: 'trash-can'},
                    /*PageItem*/{ id: "alias.0.Abfall.Event2", icon: 'trash-can'},
                    /*PageItem*/{ id: "alias.0.Abfall.Event3", icon: 'trash-can'},
                    /*PageItem*/{ id: "alias.0.Abfall.Event4", icon: 'trash-can'}
                ]
            };
            
            const Haus_Info: PageType ={
                type: 'cardEntities',
                uniqueName: 'Haus_Info',
                heading: 'Info Seite',
                useColor: true,
                subPage: true,
                parent:'main',
             //   prev: 'Abfall',
             //   next: 'NSPanel_Service',
             //   prevIcon: 'trash-can-outline',
             //   nextIcon: 'tools',
                items: [
                     /*PageItem*/{ navigate: true, id: null, targetPage: 'Fenster_Info_1', icon: 'window-open-variant', offColor: Menu, onColor: Menu, prefixName:"Fenster offen ", name: "getState('0_userdata.0.Zaehlen.FensterTueren.FensterTueren').val", buttonText: 'mehr...'},
                     /*PageItem*/{ navigate: true, id: null, targetPage: 'WLAN_Page', icon: 'wifi', name: "WLAN", buttonText: 'mehr...'}
                ]
            };
            
            //##############################################################################################################################################
            //OG############################################################################################################################################
            //##############################################################################################################################################
            
                       const Wohnzimmer1: PageType ={
                            type: 'cardGrid',
                            uniqueName: 'Wohnzimmer1',
                            heading: 'Wohnzimmer 1',
                            useColor: true,
                            subPage: true,
                            parent: 'Obergeschoss',
                            next: 'Wohnzimmer2',
                            items: [
                                    /*PageItem*/{ navigate: true, id: 'alias.0.Wohnzimmer.Deckenlampe.Alle.Info.INFO', targetPage: "Deckenlampen_WZ", icon: "ceiling-light-multiple", offColor: Yellow, onColor: White, name: "Deckenlampen"},
                                    /*PageItem*/{ navigate: true, id: null, targetPage: "Lampen_WZ", icon: "floor-lamp", onColor: White, name: "Lampen"},
                                    /*PageItem*/{ navigate: true, id: null, targetPage: "Lampen2_WZ", icon: "floor-lamp", onColor: White, name: "Lampen sonstige"},
                                    /*PageItem*/{ navigate: true, id: 'alias.0.Wohnzimmer.HeizungWZ.SET', targetPage: "Themostat_WZ", icon: "temperature-celsius", onColor: White, name: "Temperaturen"},
                                    /*PageItem*/{ navigate: true, id: null, targetPage: "Status_WZ", icon: "state-machine", onColor: White, name: "Status"},
                                    /*PageItem*/{ navigate: true, id: null, targetPage: "Alexa_WZ", icon: "music", onColor: White, name: "Alexa"}
                            ]
            
                        };
            
                        const Wohnzimmer2: PageType ={
                            type: 'cardGrid',
                            uniqueName: 'Wohnzimmer2',
                            heading: 'Wohnzimmer 2',
                            useColor: true,
                            subPage: true,
                            parent: 'Obergeschoss',
                            next: 'Wohnzimmer1',
                            items: [
                                    /*PageItem*/{ navigate: true, id: null, targetPage: "Szenen_WZ", icon: "ceiling-light-multiple", onColor: White, name: "Szenen"},
                                    /*PageItem*/{ navigate: true, id: null, targetPage: "Wohnzimmer_LC", icon: 'tools', offColor: Menu, onColor: Menu, name: 'Lightcontrol', buttonText: 'mehr...'},
                                    /*PageItem*/{ id: "alias.0.TIMER1", icon: "timer-outline", name: "Timer", onColor: White}
                            ]
            
                        };
            
            
                const config: ScriptConfig.Config = {
                    panelTopic: 'NSPanel_DEV_Adapter',
                    weatherEntity: 'accuweather.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: [
                        main,
                        WZ_Thermostat
            
            
                    ],
                    // Unterseiten / Subpages
                    subPages: [
                     //   AlarmSeite,
                        Obergeschoss,
                        Untergeschoss,
                        Aussenbereich,
                        Abfall,
                        Haus_Info,
                        Wohnzimmer1,
                        Wohnzimmer2
                    ],
            
                    /***********************************************************************
                     **                                                                   **
                     **                    Screensaver Configuration                      **
                     **                                                                   **
                     ***********************************************************************/
            
            
                    favoritScreensaverEntity: [
                        {
                            type: 'template',
                            template: 'text.accuweather.favorit',
                            dpInit: `/^accuweather\\.0.+/`,
                            modeScr: 'favorit',
                        }
                    ],
                    alternateScreensaverEntity: [
                        // only used with alternate Screensaver
                    ],
            
                    indicatorScreensaverEntity: [
                        // indicatorScreensaverEntity 1 (only Advanced Screensaver)
                        {
                            type: 'script',
                            ScreensaverEntity: 'alias.0.NSPanel.allgemein.Status_offene_Fenster.ACTUAL',
                            ScreensaverEntityFactor: 1,
                            ScreensaverEntityDecimalPlaces: 0,
                            ScreensaverEntityIconOn: 'window-open-variant',
                            ScreensaverEntityIconOff: 'window-closed-variant',
                            ScreensaverEntityText: 'Fenster',
                            ScreensaverEntityUnitText: '%',
                            ScreensaverEntityIconColor: {val_min: 0, val_max: 1},
                        },
                        // indicatorScreensaverEntity 2 (only Advanced Screensaver)
                        {
                            type: 'script',
                            ScreensaverEntity: 'alias.0.NSPanel.allgemein.Status_offene_Tuer.ACTUAL',
                            ScreensaverEntityFactor: 1,
                            ScreensaverEntityDecimalPlaces: 0,
                            ScreensaverEntityIconOn: 'door-open',
                            ScreensaverEntityIconOff: 'door-closed',
                            ScreensaverEntityText: 'Tür',
                            ScreensaverEntityUnitText: '',
                            ScreensaverEntityIconColor: {val_min: 0, val_max: 1},
                        },
                        // indicatorScreensaverEntity 3 (only Advanced Screensaver)
                        {
                            type: 'script',
                            ScreensaverEntity: 'alias.0.NSPanel.allgemein.Status_Licht_An.ACTUAL',
                            ScreensaverEntityFactor: 1,
                            ScreensaverEntityDecimalPlaces: 0,
                            ScreensaverEntityIconOn: 'lightbulb',
                            ScreensaverEntityIconOff: null,
                            ScreensaverEntityText: 'Licht',
                            ScreensaverEntityUnitText: '',
                            ScreensaverEntityIconColor: {val_min: 0, val_max: 1},
                        },
                        // indicatorScreensaverEntity 4 (only Advanced Screensaver)
                        {
                            type: 'script',
                            ScreensaverEntity: 'alias.0.Türschloss.ACTUAL',
                            ScreensaverEntityFactor: 1,
                            ScreensaverEntityDecimalPlaces: 0,
                            ScreensaverEntityIconOn: 'lock',
                            ScreensaverEntityIconOff: 'lock-open',
                            ScreensaverEntityText: 'Türschloss',
                            ScreensaverEntityUnitText: '',
                            ScreensaverEntityIconColor: {val_min: 0, val_max: 1, val_best: 1},
                        },
                        // indicatorScreensaverEntity 5 (only Advanced Screensaver)
                        {
                            type: 'script',
                            ScreensaverEntity: 'alias.0.NSPanel.allgemein.Auto.Safety.ACTUAL',
                            ScreensaverEntityFactor: 1,
                            ScreensaverEntityDecimalPlaces: 0,
                            ScreensaverEntityIconOn: 'car-key',
                            ScreensaverEntityIconOff: null,
                            ScreensaverEntityText: 'Auto',
                            ScreensaverEntityUnitText: '',
                            ScreensaverEntityIconColor: {val_min: 0, val_max: 1, val_best: 1},
                        },
                    ],
            
                    bottomScreensaverEntity: [
                        // bottomScreensaverEntity 1
                        {
                            type: 'template',
                            template: 'text.accuweather.sunriseset',
                            dpInit: 'accuweather.0',
                            modeScr: 'bottom'
                        },
                        // bottomScreensaverEntity 2
                        /*{
                            type: 'template',
                            template: 'text.hmip.windcombo',
                            dpInit: 'hmip.0.devices.3014F711A000185F2999676C',
                            modeScr: 'bottom',
                            //readOptions: {directionOfPanel: 81}
                        },*/ 
                        {
                            type: 'script',
                            ScreensaverEntity: 'accuweather.0.Current.WindSpeed',
                            ScreensaverEntityFactor: (1000 / 3600),
                            ScreensaverEntityDecimalPlaces: 1,
                            ScreensaverEntityIconOn: 'weather-windy',
                            ScreensaverEntityIconOff: null,
                            ScreensaverEntityText: "Wind",
                            ScreensaverEntityUnitText: 'm/s',
                            ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 120}
                        },
                        // bottomScreensaverEntity 3
                        {
                            type: 'script',
                            ScreensaverEntity: 'accuweather.0.Current.WindGust',
                            ScreensaverEntityFactor: (1000 / 3600),
                            ScreensaverEntityDecimalPlaces: 1,
                            ScreensaverEntityIconOn: 'weather-tornado',
                            ScreensaverEntityIconOff: null,
                            ScreensaverEntityText: 'Böen',
                            ScreensaverEntityUnitText: 'm/s',
                            ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 120}
                        },
                        // bottomScreensaverEntity 4
                        {
                            type: 'script',
                            ScreensaverEntity: 'accuweather.0.Current.WindDirectionText',
                            ScreensaverEntityFactor: 1,
                            ScreensaverEntityDecimalPlaces: 0,
                            ScreensaverEntityIconOn: 'windsock',
                            ScreensaverEntityIconOff: null,
                            ScreensaverEntityText: 'Windr.',
                            ScreensaverEntityUnitText: '°',
                            ScreensaverEntityIconColor: White
                        },
                        // bottomScreensaverEntity 5 (Advanced Screensaver)
                        {
                            type: 'script',
                            ScreensaverEntity: 'accuweather.0.Current.RelativeHumidity',
                            ScreensaverEntityFactor: 1,
                            ScreensaverEntityDecimalPlaces: 1,
                            ScreensaverEntityIconOn: 'water-percent',
                            ScreensaverEntityIconOff: null,
                            ScreensaverEntityText: 'Feuchte',
                            ScreensaverEntityUnitText: '%',
                            ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 100, 'val_best': 65}
                        },
                        // bottomScreensaverEntity 6 (for Advanced Screensaver)
                        // the 6th day from dasWetter
                        {
                            type: 'native',
                            native: dasWetterBottomScreensaverEntity6
                        },
            
            T 1 Reply Last reply Reply Quote 0
            • T
              TT-Tom @danny_v1 last edited by TT-Tom

              @danny_v1

              okay deine PageType muss du anpassen in Scriptconfig.xxxxx

              const start2: ScriptConfig.PageEntities = {
                      type: 'cardEntities',
              
              const fenstertest: ScriptConfig.PageGrid = {
                      type: 'cardGrid',
              
              const main: ScriptConfig.PageGrid2 = {
                      type: 'cardGrid2',
              
              const bad_thermo: ScriptConfig.PageThermo = {
                      type: 'cardThermo',
              
              const powerGrid: ScriptConfig.PagePower ={
                      uniqueName: 'powerpage',
                      type: 'cardPower'
                  };
              

              usw....

              1 Reply Last reply Reply Quote 0
              • T
                TT-Tom last edited by TT-Tom

                @danny_v1

                immer daran denken, wenn das Script geändert wurde, Script Starten und Adapter neu starten

                D 1 Reply Last reply Reply Quote 0
                • T
                  TT-Tom @TT-Tom last edited by TT-Tom

                  @tt-tom sagte in Alphatest NSPanel-lovelace-ui v0.1.1:

                  @danny_v1 sagte in Alphatest NSPanel-lovelace-ui v0.1.1:

                  Wenn es nur eine Page gibt und der Rest Subpages sind kommt man auch nicht mehr ins Service Menü.

                  muss ich prüfen, heisst du hast nur die "main"

                  @ticaki
                  Kann ich bestätigen mit einer cardGrid2 und 8pageItems sind nur die Pfeile zum scrollen da.

                  @danny_v1
                  kannst du dazu ein Issues anlegen , danke

                  1 Reply Last reply Reply Quote 0
                  • D
                    danny_v1 @TT-Tom last edited by

                    @tt-tom said in Alphatest NSPanel-lovelace-ui v0.1.1:

                    @danny_v1

                    immer daran denken, wenn das Script geändert wurde, Script Starten und Adapter neu starten

                    Ja das hab ich schon mitbekommen.

                    Ok mit dem ScriptConfig.xxx geht auch der Screensaver wieder!

                    1 Reply Last reply Reply Quote 1
                    • T
                      ticaki Developer @danny_v1 last edited by ticaki

                      @danny_v1
                      in der aktuellen Githubversion ist das nur 1 Seite in pages Problem gelöst - Serviceseitennavigation wird auch dann hinzugefügt.

                      Die wurden im Zuge vom filtern und sortieren hinzugefügt und 1 Seite zu sortieren macht ja keinen Sinn 😄 ups

                      1 Reply Last reply Reply Quote 1
                      • T
                        ticaki Developer last edited by

                        Thread umbeannt in Betatest - wenn wir ne hilfswiki haben werden wir nen neuen Topic auf machen.

                        Es fehlt noch:

                        Item:
                        Fan

                        Seiten:
                        Mediaplayer
                        Alarm

                        und bestimmt noch anderes - aber bei laufen 4 Panels mit dem Adapter schon seit einer kleinen Ewigkeit. Installation dürfte aber ohne Wiki nur mit Support gelingen. 🙂

                        teletapi 1 Reply Last reply Reply Quote 1
                        • teletapi
                          teletapi @ticaki last edited by

                          @ticaki Nabend, ich war jetzt mal geneigt den Adapter zu installieren aber weder unter NPM noch unter Github finde ich den Adapter und wenn ich per URL installiere wird auch keine Instanz erzeugt.
                          Bin jetzt etwas überfragt

                          T 1 Reply Last reply Reply Quote 0
                          • T
                            TT-Tom @teletapi last edited by TT-Tom

                            @teletapi

                            im Experten Modus auf die Katze klicken und dann von npm installieren.
                            2c37faac-a49f-47b6-b427-cca10ddc2ab2-image.png

                            es gibt hier eine Kurzanleitung. Das Wiki ist grade auf Github im Aufbau.

                            Wichtig
                            Das Script muss gestoppt werden bevor die Instanz vom Adapter gestartet wird.
                            Die Instanz muss manuell angelegt werden.

                            erst mal mit einer Seite anfangen und nicht alles rüber kopieren.

                            Fehlermeldungen aus dem LOG immer in die Codetags packen, liest sich einfach besser.

                            teletapi 1 Reply Last reply Reply Quote 0
                            • teletapi
                              teletapi @TT-Tom last edited by teletapi

                              @tt-tom @ticaki Bei mir taucht unter NPM und Github kein NSPANEL_Lovelace UI auf zum installieren

                              WhatsApp Bild 2025-07-01 um 09.49.52_7135855d.jpg WhatsApp Bild 2025-07-01 um 09.49.51_4f9d78d8.jpg

                              T 1 Reply Last reply Reply Quote 0
                              • T
                                ticaki Developer @teletapi last edited by ticaki

                                @teletapi
                                Der Adapter ist noch in keinem repo er muss noch über den GitHub Link installiert werden.

                                https://github.com/ticaki/ioBroker.nspanel-lovelace-ui

                                teletapi 1 Reply Last reply Reply Quote 1
                                • teletapi
                                  teletapi @ticaki last edited by teletapi

                                  @ticaki Danke, hab das so getestet indem ich per URL installiert habe und dann eine Distanz erstellt habe. Hat auch sowweit funktioniert nachdem die Serviceseiten funktionierten und ich im Anschluss eine andere Seite versuchte bin ich echt überfordert gewesen und habs erstmal wieder verworfen. Ich werde wohl warten bis die Wiki da mehr hergibt. Ich bekam immer die Meldung das die Navigate nicht vorhanden sei und ich nicht wusste wie ich das in den Admineinstellungen realisieren sollte.

                                  T T 2 Replies Last reply Reply Quote 0
                                  • T
                                    ticaki Developer @teletapi last edited by ticaki

                                    @teletapi
                                    Hab doch gesagt das es ohne Wiki/Support nicht geht.. das ist zwar nicht ganz anders als das Skript aber da stolpert man über Kleinigkeiten. Z.b muss imhede Seite einen uniqueName haben - Fehlermeldungen zu der Navigation kann man getrost ignorieren und erst zum Schluss beheben.

                                    Die Navigation im Admin ist für Experten gedacht… ich glaube ich blende die aus, benutz bestimmt eh keiner

                                    ? 1 Reply Last reply Reply Quote 0
                                    • ?
                                      A Former User @ticaki last edited by

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

                                      Die Navigation im Admin ist für Experten gedacht… ich glaube ich blende die aus, benutz bestimmt eh keiner

                                      ja, erstmal bitte ausblenden, hat mich auch schon verwirrt..

                                      T 1 Reply Last reply Reply Quote 0
                                      • T
                                        ticaki Developer @Guest last edited by

                                        @neuschwansteini

                                        Hat halt den Vorteil das man sich adie Navigation ansehen kann, wenn es komplexer wird

                                        1 Reply Last reply Reply Quote 1
                                        • T
                                          TT-Tom @teletapi last edited by

                                          @teletapi zeig mal was du da an Seiten Konfiguration erstellt hast. Dann kann man dir auch helfen, so groß ist der Unterschied nicht zum Script.

                                          ich habe schon ein paar Infos im Wiki zum Konfiguration-Script geschrieben.

                                          teletapi 1 Reply Last reply Reply Quote 0
                                          • teletapi
                                            teletapi @TT-Tom last edited by

                                            @tt-tom

                                            //-- Anfang für eigene Seiten -- z.T. selbstdefinierte Aliase erforderlich ----------------
                                            //-- Start for your own pages -- some self-defined aliases required ----------------
                                            
                                            let Programmseite: PageType =
                                            {
                                               'type': 'cardGrid2',
                                               'heading': 'Programmseite',
                                               'useColor': true,
                                               'items': [
                                                   { navigate: true, id: 'alias.0.NSPanel.allgemein.Abfall.event1', targetPage: 'Abfall', name: 'Abfall'}, //Schauen ob die farbe von "Abfall" sich ändert ansonsten .event1 wegmachen
                                                   { navigate: true, id: null, targetPage: 'GuestWifi', onColor: MSGreen, name: 'Gäste WLAN'},
                                               ]
                                            };
                                            
                                            let Licht1: PageType =
                                            {
                                               'type': 'cardGrid2',
                                               'heading': 'Beleuchtung 1',
                                               '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.Badezimmer.Badezimmer_Licht', targetPage: 'Bad', offColor: MSRed, onColor: MSGreen, 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: MSRed, onColor: MSGreen, name: 'Ankleide'},
                                                   //{ navigate: true, id: 'alias.0.NSPanel.Kueche', targetPage: 'Spuele', name: 'Spuele'},
                                                   { navigate: true, id: 'alias.0.NSPanel.Kueche', targetPage: 'Kueche', 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'},
                                               ]
                                            };
                                            
                                            let Wohnen: PageType =
                                            {
                                               'type': 'cardGrid2',
                                               'heading': 'Wohnzimmer',
                                               'useColor': true,
                                               'items': [
                                                   { navigate: true, id: 'alias.0.NSPanel.Wohnzimmer', targetPage: 'Wohnzimmer', name: 'Steckdosen'},                   
                                               ]
                                            };
                                            
                                            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 Wohnzimmer: PageType =
                                                   {
                                                       'type': 'cardEntities',
                                                       'heading': 'Wohnzimmer',
                                                       'useColor': true,
                                                       'subPage': true,
                                                       'parent': Wohnen,
                                                       'items': [
                                                       { id: 'alias.0.NSPanel.Wohnzimmer.Fernseher',
                                                            icon: 'power-socket-de',
                                                            icon2: 'power-plug-off-outline'},
                                                       { id: 'alias.0.NSPanel.Wohnzimmer.Ofen_Kamera',
                                                            icon: 'power-socket-de',
                                                            icon2: 'power-plug-off-outline'},
                                                       { id: 'alias.0.NSPanel.Wohnzimmer.Kugelleuchte',
                                                            icon: 'power-socket-de',
                                                            icon2: 'power-plug-off-outline'
                                                            }
                                                       ]
                                            };
                                            
                                            let FlurHue: PageType =
                                                   {
                                                       'type': 'cardGrid3',
                                                       'heading': 'Hue Flur',
                                                       'useColor': true,
                                                       'subPage': true,
                                                       'parent': Licht1,
                                                       'items': [
                                                       { id: 'alias.0.NSPanel.Hue_Flur_unten.Flur_unten',
                                                            icon: 'lightbulb-on',
                                                            icon2: 'lightbulb-outline',
                                                            minValueColorTemp: 2203,
                                                            maxValueColorTemp: 6500,
                                                            popupVersion: 2},
                                                       { id: 'alias.0.NSPanel.Hue_Flur_unten.Flur_Haustür',
                                                            icon: 'lightbulb-on',
                                                            icon2: 'lightbulb-outline',
                                                            minValueColorTemp: 2203,
                                                            maxValueColorTemp: 6500,
                                                            popupVersion: 2},
                                                       { id: 'alias.0.NSPanel.Hue_Flur_Mitte.Kleiner_Flur_Mitte',
                                                            icon: 'lightbulb-on',
                                                            icon2: 'lightbulb-outline',
                                                            minValueColorTemp: 2203,
                                                            maxValueColorTemp: 6500,
                                                            popupVersion: 2},
                                                       { id: 'alias.0.NSPanel.Hue_Flur_Mitte.Flur_Mitte',
                                                            icon: 'lightbulb-on',
                                                            icon2: 'lightbulb-outline',
                                                            minValueColorTemp: 2203,
                                                            maxValueColorTemp: 6500,
                                                            popupVersion: 2
                                                            }
                                                       ]
                                            };
                                            
                                            let Kueche: PageType =
                                                   {
                                                       'type': 'cardGrid',
                                                       'heading': 'Küche',
                                                       'useColor': true,
                                                       'subPage': true,
                                                       'parent': Licht1,
                                                       'items': [
                                                       { id: 'alias.0.NSPanel.Kueche.Hue_deckenlicht',
                                                            icon: 'lightbulb-on',
                                                            icon2: 'lightbulb-outline',
                                                            minValueColorTemp: 2203,
                                                            maxValueColorTemp: 6500,
                                                            popupVersion: 2},
                                                       { id: 'alias.0.NSPanel.Kueche.Abzugshaube'},
                                                       { id: 'alias.0.NSPanel.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.NSPanel.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.NSPanel.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
                                                           } 
                                                       ]
                                            };
                                            
                                            let Waschkueche: PageType =
                                                   {
                                                       'type': 'cardEntities',
                                                       'heading': 'Wasckueche',
                                                       'useColor': true,
                                                       'subPage': true,
                                                       'parent': Licht1,
                                                       'items': [
                                                       { id: 'alias.0.NSPanel.Waschkueche.Deckenlicht',
                                                            icon: 'lightbulb-on',
                                                            icon2: 'lightbulb-outline',
                                                            minValueColorTemp: 2203,
                                                            maxValueColorTemp: 6500,
                                                            popupVersion: 2
                                                            } 
                                                       ]
                                            };
                                            
                                            /*
                                            let Spuele: PageType =
                                                   {
                                                       'type': 'cardEntities',
                                                       'heading': 'Spüle',
                                                       'useColor': true,
                                                       'subPage': true,
                                                       'parent': Licht1,
                                                       'items': [
                                                       {id: 'alias.0.NSPanel.Kueche.Spuele1',
                                                           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.NSPanel.Kueche.Spuele2',
                                                           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.NSPanel.Kueche.Spuele3',
                                                           icon: 'lightbulb-on',
                                                           icon2: 'lightbulb-outline',
                                                           offColor: Off,
                                                           minValueColorTemp: 2700,
                                                           maxValueColorTemp: 6500,
                                                           interpolateColor: true,
                                                           modeList: ["Color", "Nachtlicht"], inSel_ChoiceState: true,
                                                           popupVersion: 2
                                                           }
                                                       ]
                                            };*/
                                            
                                            let Schlafzimmer: PageType =
                                                   {
                                                       'type': 'cardEntities',
                                                       'heading': 'Schlafen',
                                                       'useColor': true,
                                                       'subPage': true,
                                                       'parent': Licht1,
                                                       'items': [
                                                       {id: 'alias.0.NSPanel.Schlafzimmer.Bett1',
                                                           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.NSPanel.Schlafzimmer.Bett2',
                                                           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.NSPanel.Schlafzimmer.Bett3',
                                                           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.NSPanel.Schlafzimmer.Lichtstreifen',
                                                           icon: 'lightbulb-on',
                                                           icon2: 'lightbulb-outline',
                                                           offColor: Off,
                                                           minValueColorTemp: 2203,
                                                           maxValueColorTemp: 6536,
                                                           interpolateColor: true,
                                                           modeList: ["Color", "Nachtlicht"], inSel_ChoiceState: true,
                                                           popupVersion: 2
                                                       }
                                                   ]
                                            };
                                            
                                            let Ankleidezimmer: PageType =
                                                   {
                                                       'type': 'cardEntities',
                                                       'heading': 'Ankleidezimmer',
                                                       'useColor': true,
                                                       'subPage': true,
                                                       'parent': Licht1,
                                                       'items': [
                                                           { id: 'alias.0.NSPanel.Ankleidezimmer.Steckdose_Fenster'}
                                                       ]
                                            };
                                            
                                            let Bad: PageType =
                                                   {
                                                       'type': 'cardEntities',
                                                       'heading': 'Bad unten',
                                                       'useColor': true,
                                                       'subPage': true,
                                                       'parent': Licht1,
                                                       'items': [
                                                           { id: 'alias.0.NSPanel.Badezimmer.Badezimmer_Licht', icon: 'lightbulb-on', icon2: 'lightbulb-outline',}
                                                       ]
                                            };
                                            
                                            let Treppenlicht: PageType =
                                                   {
                                                       'type': 'cardEntities',
                                                       'heading': 'Treppenlicht',
                                                       'useColor': true,
                                                       'subPage': true,
                                                       'parent': Licht1,
                                                       'items': [
                                                           { id: 'alias.0.NSPanel.Hue_Flur_Mitte.Treppenlicht', icon: 'lightbulb-on', icon2: 'lightbulb-outline',}
                                                       ]
                                            };
                                            
                                            let Rolladen: PageType =
                                                   {
                                                       'type': 'cardGrid',
                                                       'heading': 'Rolladen',
                                                       'useColor': true,
                                                       'subPage': false,
                                                       'parent': undefined,
                                                       'items': [
                                                           { id: 'alias.0.NSPanel.Schlafzimmer.Rolladen',icon: 'window-shutter',name: 'Schlafen',interpolateColor: true},
                                                           { id: 'alias.0.NSPanel.Ankleidezimmer.Rolladen',icon: 'window-shutter',name: 'Ankleide',interpolateColor: true}
                                                       ]
                                            };
                                            
                                            let CardPower: PageType =
                                                   {
                                                       "type": "cardPower",
                                                       "heading": "Energiefluss",
                                            //          "useColor": true,
                                                       "subPage": false,
                                                       "parent": undefined,
                                                       "items": [
                                                           //{id: "alias.0.NSPanel.PowerCard" }
                                                           {id: 'alias.0.NSPanel.PowerCard',
                                                               alwaysOnDisplay: 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 ------------------------
                                            
                                            // EN: Configuration
                                            
                                            export const config: Config = {
                                                // Seiteneinteilung / Page division
                                                // Hauptseiten / Mainpages
                                                pages: [
                                                    Programmseite,
                                                    CardPower,
                                                    Licht1,
                                                    Wohnen,
                                                    Rolladen,
                                                    Unlock_Service,  //Auto-Alias Service Page (Service Pages used with cardUnlock)
                                                    //NSPanel_Service, //Auto-Alias Service Page
                                                ],
                                                // 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,
                                                    //Spuele,
                                                    Wohnzimmer,
                                                    FlurHue,
                                                    Treppenlicht,
                                                    Bad,
                                                    Waschkueche,
                                                    Schlafzimmer,
                                                    Ankleidezimmer,  
                                                    ],
                                            

                                            Das sind meine Seiten die ich per Script erstellt habe, bin natürlich nocht nicht ganz fertig bzw. jeden Tag lernt man noch dazu etwas zu verändern oder besser zu machen.
                                            Im Adapter, den hab ich derzeit aber wieder gelöscht hatte ich eigentlich nur die Config drin und wollte mal anfangen die QRCard zu konfigurieren da sind ja im Adapter oben Cards angegeben da fehlten dann aber CardGrid und Cardentities und da bin ich dann schon gleich nicht mehr weiter gekommen und hab fürs erste aufgegeben. Ich glaub ich hol mir noch ein 3tes Panel rein zum testen

                                            T 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            840
                                            Online

                                            31.8k
                                            Users

                                            80.0k
                                            Topics

                                            1.3m
                                            Posts

                                            8
                                            108
                                            4352
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo