Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Tester
  4. Betatest NSPanel-lovelace-ui v0.7.x

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.7k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.2k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    3.1k

Betatest NSPanel-lovelace-ui v0.7.x

Geplant Angeheftet Gesperrt Verschoben Tester
718 Beiträge 26 Kommentatoren 128.0k Aufrufe 29 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • D danny_v1

    @tt-tom

    Alles klar mach ich.

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

    Leider bin ich mit dem Screensaver noch nicht weiter.

    T Offline
    T Offline
    TT-Tom
    schrieb am zuletzt editiert von
    #88

    @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?

    Gruß Tom
    https://github.com/tt-tom17
    Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

    NSPanel Script Wiki
    https://github.com/joBr99/nspanel-lovelace-ui/wiki

    NSPanel Adapter Wiki
    https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

    T 1 Antwort Letzte Antwort
    0
    • D danny_v1

      @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 Offline
      T Offline
      TT-Tom
      schrieb am zuletzt editiert von TT-Tom
      #89

      @danny_v1

      const AlarmSeite: PageType ={

      okay das heisst nicht PageType sondern ScriptConfig.PageAlarm

      zeige mal deine ganze Seiten Konfiguration

      Gruß Tom
      https://github.com/tt-tom17
      Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

      NSPanel Script Wiki
      https://github.com/joBr99/nspanel-lovelace-ui/wiki

      NSPanel Adapter Wiki
      https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

      D 1 Antwort Letzte Antwort
      0
      • T TT-Tom

        @danny_v1

        const AlarmSeite: PageType ={

        okay das heisst nicht PageType sondern ScriptConfig.PageAlarm

        zeige mal deine ganze Seiten Konfiguration

        D Offline
        D Offline
        danny_v1
        schrieb am zuletzt editiert von
        #90

        @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 Antwort Letzte Antwort
        0
        • D danny_v1

          @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 Offline
          T Offline
          TT-Tom
          schrieb am zuletzt editiert von TT-Tom
          #91

          @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....

          Gruß Tom
          https://github.com/tt-tom17
          Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

          NSPanel Script Wiki
          https://github.com/joBr99/nspanel-lovelace-ui/wiki

          NSPanel Adapter Wiki
          https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

          1 Antwort Letzte Antwort
          0
          • T Offline
            T Offline
            TT-Tom
            schrieb am zuletzt editiert von TT-Tom
            #92

            @danny_v1

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

            Gruß Tom
            https://github.com/tt-tom17
            Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

            NSPanel Script Wiki
            https://github.com/joBr99/nspanel-lovelace-ui/wiki

            NSPanel Adapter Wiki
            https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

            D 1 Antwort Letzte Antwort
            0
            • T TT-Tom

              @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 Offline
              T Offline
              TT-Tom
              schrieb am zuletzt editiert von TT-Tom
              #93

              @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

              Gruß Tom
              https://github.com/tt-tom17
              Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

              NSPanel Script Wiki
              https://github.com/joBr99/nspanel-lovelace-ui/wiki

              NSPanel Adapter Wiki
              https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

              1 Antwort Letzte Antwort
              0
              • T TT-Tom

                @danny_v1

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

                D Offline
                D Offline
                danny_v1
                schrieb am zuletzt editiert von
                #94

                @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 Antwort Letzte Antwort
                1
                • D danny_v1

                  @tt-tom

                  Alles klar mach ich.

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

                  Leider bin ich mit dem Screensaver noch nicht weiter.

                  T Nicht stören
                  T Nicht stören
                  ticaki
                  schrieb am zuletzt editiert von ticaki
                  #95

                  @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 :D ups

                  Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

                  Spenden

                  1 Antwort Letzte Antwort
                  1
                  • T Nicht stören
                    T Nicht stören
                    ticaki
                    schrieb am zuletzt editiert von
                    #96

                    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. :)

                    Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

                    Spenden

                    teletapiT 1 Antwort Letzte Antwort
                    1
                    • T ticaki

                      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. :)

                      teletapiT Online
                      teletapiT Online
                      teletapi
                      schrieb am zuletzt editiert von
                      #97

                      @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 Antwort Letzte Antwort
                      1
                      • teletapiT teletapi

                        @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 Offline
                        T Offline
                        TT-Tom
                        schrieb am zuletzt editiert von TT-Tom
                        #98

                        @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.

                        Gruß Tom
                        https://github.com/tt-tom17
                        Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                        NSPanel Script Wiki
                        https://github.com/joBr99/nspanel-lovelace-ui/wiki

                        NSPanel Adapter Wiki
                        https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                        teletapiT 1 Antwort Letzte Antwort
                        0
                        • T 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.

                          teletapiT Online
                          teletapiT Online
                          teletapi
                          schrieb am zuletzt editiert von teletapi
                          #99

                          @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 Antwort Letzte Antwort
                          0
                          • teletapiT 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 Nicht stören
                            T Nicht stören
                            ticaki
                            schrieb am zuletzt editiert von ticaki
                            #100

                            @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

                            Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

                            Spenden

                            teletapiT 1 Antwort Letzte Antwort
                            1
                            • T 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

                              teletapiT Online
                              teletapiT Online
                              teletapi
                              schrieb am zuletzt editiert von teletapi
                              #101

                              @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 Antworten Letzte Antwort
                              0
                              • teletapiT 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 Nicht stören
                                T Nicht stören
                                ticaki
                                schrieb am zuletzt editiert von ticaki
                                #102

                                @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

                                Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

                                Spenden

                                ? 1 Antwort Letzte Antwort
                                0
                                • T 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

                                  ? Offline
                                  ? Offline
                                  Ein ehemaliger Benutzer
                                  schrieb am zuletzt editiert von
                                  #103

                                  @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 Antwort Letzte Antwort
                                  0
                                  • ? Ein ehemaliger Benutzer

                                    @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 Nicht stören
                                    T Nicht stören
                                    ticaki
                                    schrieb am zuletzt editiert von
                                    #104

                                    @neuschwansteini

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

                                    Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

                                    Spenden

                                    1 Antwort Letzte Antwort
                                    1
                                    • teletapiT 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 Offline
                                      T Offline
                                      TT-Tom
                                      schrieb am zuletzt editiert von
                                      #105

                                      @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.

                                      Gruß Tom
                                      https://github.com/tt-tom17
                                      Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                                      NSPanel Script Wiki
                                      https://github.com/joBr99/nspanel-lovelace-ui/wiki

                                      NSPanel Adapter Wiki
                                      https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                                      teletapiT 1 Antwort Letzte Antwort
                                      0
                                      • T TT-Tom

                                        @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.

                                        teletapiT Online
                                        teletapiT Online
                                        teletapi
                                        schrieb am zuletzt editiert von
                                        #106

                                        @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 Antwort Letzte Antwort
                                        0
                                        • teletapiT teletapi

                                          @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 Offline
                                          T Offline
                                          TT-Tom
                                          schrieb am zuletzt editiert von
                                          #107

                                          @teletapi

                                          Punkt 1 Du kannst mit dem Adapter das selbe Panel betreiben wie mit dem Script. Du musst nur beachten das immer nur eins läuft, Adapter oder Script.

                                          Wie ich im wiki schon angedeutet habe, gibt es kleine Unterschiede zum Adapter bei Seiten Konfig. Neben wir mal die erste im Script.

                                          let Programmseite: PageType =
                                          {
                                             'type': 'cardGrid2',
                                             'heading': 'Programmseite',
                                             'useColor': true,
                                             'items': [
                                                 { navigate: true, id: 'alias.0.NSPanel.allgemein.Abfall.event1', targetPage: 'Abfall', name: 'Abfall'}, 
                                                 // { navigate: true, id: null, targetPage: 'GuestWifi', onColor: MSGreen, name: 'Gäste WLAN'}, // blenden wir erstmal aus
                                             ]
                                          };
                                          

                                          diese sieht dann im Adapter so aus

                                          const Programmseite: ScriptConfig.PageGrid2 = {
                                             type: 'cardGrid2',
                                             uniqueName: 'main', // name ist fix für die erste Seite, sonnst einen selber wählen, darf aber nicht doppelt vorkommen 
                                             heading: 'Programmseite',
                                             useColor: true,
                                             items: [
                                                 { navigate: true, id: 'alias.0.NSPanel.allgemein.Abfall.event1', targetPage: 'Abfall', name: 'Abfall'}, 
                                                   ]
                                          };
                                          

                                          die Subpage für den Abfall sieht dann so aus

                                          const Abfall: ScriptConfig.PageEntities =  {
                                                     type: 'cardEntities',
                                                     heading: 'Abfallkalender',
                                                     useColor: true,
                                                     subPage: true,
                                                     parent: 'main',
                                                     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'}
                                                     ]
                                          };
                                          

                                          deine pages und subpages dann so

                                          pages:[ 
                                                    Programmseite,
                                             ],
                                          subpages: [
                                                  Abfall,
                                          ]
                                          

                                          also immer das was hinter const steht.

                                          Kannst ja nochmal ein versuch starten, wenn Fehler im Log kommen bitte hier posten.

                                          Gruß Tom
                                          https://github.com/tt-tom17
                                          Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                                          NSPanel Script Wiki
                                          https://github.com/joBr99/nspanel-lovelace-ui/wiki

                                          NSPanel Adapter Wiki
                                          https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                                          1 Antwort Letzte Antwort
                                          1
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          788

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe