Skip to content
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
Logo
  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.1k

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

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

Betatest NSPanel-lovelace-ui v0.7.x

Scheduled Pinned Locked Moved Tester
692 Posts 26 Posters 122.2k Views 29 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • 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
    wrote on last edited by 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 Reply Last reply
    0
    • T Offline
      T Offline
      TT-Tom
      wrote on last edited by 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 Reply Last reply
      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
        wrote on last edited by 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 Reply Last reply
        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
          wrote on last edited by
          #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 Reply Last reply
          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 Do not disturb
            T Do not disturb
            ticaki
            wrote on last edited by 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 😄 ups

            Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

            Spenden

            1 Reply Last reply
            1
            • T Do not disturb
              T Do not disturb
              ticaki
              wrote on last edited by
              #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 Reply Last reply
              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
                wrote on last edited by
                #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 Reply Last reply
                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
                  wrote on last edited by 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 Reply Last reply
                  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
                    wrote on last edited by 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 Reply Last reply
                    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 Do not disturb
                      T Do not disturb
                      ticaki
                      wrote on last edited by 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 Reply Last reply
                      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
                        wrote on last edited by 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 Replies Last reply
                        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 Do not disturb
                          T Do not disturb
                          ticaki
                          wrote on last edited by 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 Reply Last reply
                          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
                            A Former User
                            wrote on last edited by
                            #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 Reply Last reply
                            0
                            • ? A Former User

                              @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 Do not disturb
                              T Do not disturb
                              ticaki
                              wrote on last edited by
                              #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 Reply Last reply
                              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
                                wrote on last edited by
                                #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 Reply Last reply
                                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
                                  wrote on last edited by
                                  #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 Reply Last reply
                                  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
                                    wrote on last edited by
                                    #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 Reply Last reply
                                    1
                                    • T Do not disturb
                                      T Do not disturb
                                      ticaki
                                      wrote on last edited by
                                      #108

                                      TT-Tom hat die Navigation auf expert gesetzt - wird nur angezeigt, wenn expert im iobroker aktiviert ist.

                                      Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

                                      Spenden

                                      1 Reply Last reply
                                      0
                                      • arteckA Offline
                                        arteckA Offline
                                        arteck
                                        Developer Most Active
                                        wrote on last edited by arteck
                                        #109

                                        @ticaki

                                        das icon wird nicht aus dem script gezogen ..

                                        const gartenWasser: ScriptConfig.PageGrid = {
                                                type: 'cardGrid',
                                                uniqueName: 'gartenWasser',
                                                heading: 'Garten Wasser',
                                                useColor: true,
                                                items: [
                                                    { id: 'alias.0.NSPanel.GartenWasser.rasenTimer', name: 'mit Timer', icon: 'grass', onColor: HMIOn, offColor: Green},
                                                    { id: 'alias.0.NSPanel.GartenWasser.blumenTimer', name: 'mit Timer', icon: 'flower-outline', onColor: colorAlexa, offColor: Green},
                                                    { id: 'alias.0.NSPanel.GartenWasser.stoppWasser', name: 'wasser Stop', icon: 'water-pump-off', onColor: BatteryFull, offColor: Red},
                                                    { id: 'alias.0.NSPanel.GartenWasser.Rasen', name: 'sofort', icon: 'grass', onColor: HMIOn, offColor: Green},
                                                    { id: 'alias.0.NSPanel.GartenWasser.Blumen', name: 'sofort', icon: 'flower-outline', onColor: colorAlexa, offColor: Green}
                                                ]
                                            };
                                        

                                        so ist das Object beschrieben

                                        7638caaa-710e-43df-99ff-516fa67c0bdc-grafik.png

                                        auf dem panel seh ich aber eine Steckdose..hätte aber gerne das icon aus dem script.. der hat ja auch farblich gepasst.

                                        zigbee hab ich, zwave auch, nuc's genauso und HA auch

                                        T T 2 Replies Last reply
                                        0
                                        • arteckA arteck

                                          @ticaki

                                          das icon wird nicht aus dem script gezogen ..

                                          const gartenWasser: ScriptConfig.PageGrid = {
                                                  type: 'cardGrid',
                                                  uniqueName: 'gartenWasser',
                                                  heading: 'Garten Wasser',
                                                  useColor: true,
                                                  items: [
                                                      { id: 'alias.0.NSPanel.GartenWasser.rasenTimer', name: 'mit Timer', icon: 'grass', onColor: HMIOn, offColor: Green},
                                                      { id: 'alias.0.NSPanel.GartenWasser.blumenTimer', name: 'mit Timer', icon: 'flower-outline', onColor: colorAlexa, offColor: Green},
                                                      { id: 'alias.0.NSPanel.GartenWasser.stoppWasser', name: 'wasser Stop', icon: 'water-pump-off', onColor: BatteryFull, offColor: Red},
                                                      { id: 'alias.0.NSPanel.GartenWasser.Rasen', name: 'sofort', icon: 'grass', onColor: HMIOn, offColor: Green},
                                                      { id: 'alias.0.NSPanel.GartenWasser.Blumen', name: 'sofort', icon: 'flower-outline', onColor: colorAlexa, offColor: Green}
                                                  ]
                                              };
                                          

                                          so ist das Object beschrieben

                                          7638caaa-710e-43df-99ff-516fa67c0bdc-grafik.png

                                          auf dem panel seh ich aber eine Steckdose..hätte aber gerne das icon aus dem script.. der hat ja auch farblich gepasst.

                                          T Do not disturb
                                          T Do not disturb
                                          ticaki
                                          wrote on last edited by
                                          #110

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

                                          Problem bestätigt - icon2 wird so bestimmt - item.icon2 || 'power-socket-de', temporäre Lösung - icon2 auch definieren. Ich gehe mal alles durch, das wird bei vielen so sein.

                                          gibt aber noch einen anderen Fehler in dem Zusammenhang - das press ereignis wird bei - role socket und light nicht richtig ausgewertet. Wir haben nur den komplizierten Kram umfangreich getestet 😄

                                          Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

                                          Spenden

                                          1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          612

                                          Online

                                          32.4k

                                          Users

                                          81.4k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe