Navigation

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

    NEWS

    • Amazon Alexa - ioBroker Skill läuft aus ?

    • Monatsrückblick – September 2025

    • Neues Video "KI im Smart Home" - ioBroker plus n8n

    Betatest NSPanel-lovelace-ui v0.6.x

    This topic has been deleted. Only users with topic management privileges can see it.
    • teletapi
      teletapi @ilovegym last edited by teletapi

      @ilovegym
      Sieht bei mir so aus: Dann passen auch wieder die farben.

           const main: ScriptConfig.PageGrid = {
              type: 'cardGrid',
              uniqueName: 'main',
              heading: 'Übersicht',
              useColor: true,
              items: [
                  { navigate: true, id: null, targetPage: 'Gaeste_Wlan', onColor: Green, name: 'wlandaten'},
                  { navigate: true, id: null, targetPage: 'Abfall', icon: 'trash-can', name: 'Abfall' },
                  { navigate: true, id: null, targetPage: 'Telefon', onColor: Green, name: 'Telefon' },
          ],
      };
      
      
      
           const Abfall: any = {
              heading: 'Abfallkalender',
              prev: 'main',
              home: 'main',
              subPage: true,
              native: {
                  card: 'cardEntities',
                  dpInit: '0_userdata.0.Abfallkalender',
                  uniqueID: 'Abfall',
                  template: 'entities.waste-calendar',
              },
          };
      
      ilovegym 1 Reply Last reply Reply Quote 2
      • T
        TT-Tom @ilovegym last edited by

        @ilovegym

        für den Abfallkalender gibt es ein Template, wenn die die standard 0_userdata states hast, sollte das Template funktionieren.

            const abfallseite: any = {
                heading: 'Müllkalender',
                native: {
                    card: 'cardEntities', //bleibt so
                    dpInit: '0_userdata.0.Abfallkalender', // der Pfad bis zur "1" ggf. anpassen
                    uniqueID: 'abfallseite', 
                    template: 'entities.waste-calendar', // bleibt so
                },
            }
        

        Bildschirmfoto 2025-10-10 um 16.57.02.png

        ilovegym 1 Reply Last reply Reply Quote 2
        • ilovegym
          ilovegym @teletapi last edited by

          @teletapi

          Super, danke, das funktioniert!

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

            @tt-tom

            Das funktioniert aber wie bei mir vorher alle Tonnen in rot, was nüscht nutzt..
            Das von @teletapi geht da sind die Tonnen Icon in Farbe

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

              0.6.2 (2025-10-10)

              • (ticaki) PageUnlock: Config updated — fixed issue where some settings were not applied correctly.
              • (ticaki) IconSelect showed a too short list. Fixed.
              • (ticaki) Admin: Added responsive layout for Admin PageUnlock (mobile devices)

              iobroker.nspanel-lovelace-ui@latest

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

                @ilovegym

                das von @teletapi ist doch das selbe wie meins, nur das er eine subpage erstellt hat.

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

                  @tt-tom sagte in Betatest NSPanel-lovelace-ui v0.6.x:

                  @ilovegym

                  das von @teletapi ist doch das selbe wie meins, nur das er eine subpage erstellt hat.

                  ja, aber ... 🙂 dann ist da irgendwo nochn Kaefer drin, wenns nur mit Subpage geht und ohne nicht..

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

                    @ilovegym
                    Kannst du mal deine komplette Seitenkonfig(alle) posten. Muss das mal bei mir testen, was da die Farben überschreibt.

                    1 Reply Last reply Reply Quote 0
                    • ilovegym
                      ilovegym last edited by ilovegym

                      @tt-tom

                      klar, ist nicht viel drin, da ich jetzt erst anfange, Menus zu erstellen, die Hauptfunktionen liegen auf den Buttons unter den Displays, die Menues sind nur nice-to-have (ausser Alarm und bei einigen eine Seite fuer die Schloesser).
                      Adapter Version 0.6.2+2715b8f und Script Version 13.3

                      async function configuration (): Promise<void> {
                      
                         const overrideConfig: Partial<ScriptConfig.Config> = {
                             
                             weatherEntity: 'brightsky.0.',
                             defaultOffColor: Off,
                             defaultOnColor: On,
                      
                             
                             "weatherAddDefaultItems": true
                      
                         }
                      
                         
                         const Hauptseite: ScriptConfig.PageGrid = {
                             type: 'cardGrid',
                             uniqueName: 'main',
                             heading: 'Bueros',
                             items: []
                         };
                             const powerGrid: ScriptConfig.PagePower = {
                             uniqueName: 'powereg', // muss mit dem Namen im Admin übereinstimmen
                             type: 'cardPower'
                         };
                         const abfall: any = {
                             heading: 'Abfallkalender',
                             prev: 'main',
                           home: 'main',
                            subPage: true,
                            native: {
                               card: 'cardEntities',
                              dpInit: '0_userdata.0.vis.Abfallkalender',
                                uniqueID: 'abfall',
                                template: 'entities.waste-calendar',
                             },
                         };
                         
                      
                         
                      
                         const config: ScriptConfig.Config = {
                             panelTopic: 'NSPanel2',
                             weatherEntity: 'brightsky.0.',
                             defaultOffColor: Off,
                             defaultOnColor: On,
                             defaultBackgroundColor: HMIDark,
                             weatherAddDefaultItems: true,
                      
                            
                             pages: [
                                 Hauptseite,
                                 powerGrid,
                                 abfall,
                                 //irgendeinName,
                                 //grid1,
                                 //qrCode,
                                 //chartHeizung,
                             ],
                             // Unterseiten / Subpages
                             subPages: [
                                 //fahrplan
                             ],
                      
                             /***********************************************************************
                              **                                                                   **
                              **                    Screensaver Configuration                      **
                              **                                                                   **
                              ***********************************************************************/
                      
                      
                             favoritScreensaverEntity: [
                                 {
                                     type: 'template',
                                     template: 'text.brightsky.favorit',
                                     dpInit: `/^brightsky\\.0\\.current\\./`,
                                     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.brightsky.sunriseset',
                                     dpInit: `/^brightsky\\.0\\.daily\\.00.+/`,
                                     modeScr: 'bottom',
                                 },
                                 // bottomScreensaverEntity 2
                                 /*{
                                     type: 'template',
                                     template: 'text.hmip.windcombo',
                                     dpInit: 'hmip.0.devices.3014G71HA0001XXXXXXXXXX',
                                     modeScr: 'bottom',
                                     //readOptions: {directionOfPanel: 81}
                                 },*/
                                 {
                                     type: 'script',
                                     ScreensaverEntity: 'brightsky.0.current.wind_speed_10'/*Wind Speed 10 min*/,
                                     ScreensaverEntityFactor: 1,
                                     ScreensaverEntityDecimalPlaces: 1,
                                     ScreensaverEntityIconOn: 'weather-windy',
                                     ScreensaverEntityIconOff: null,
                                     ScreensaverEntityText: "Wind",
                                     ScreensaverEntityUnitText: 'm/s',
                                     ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 120}
                                 },
                                 // bottomScreensaverEntity 3
                                 {
                                     type: 'script',
                                     ScreensaverEntity: 'brightsky.0.current.wind_gust_speed_10'/*Wind Gust Speed 10 min*/,
                                     ScreensaverEntityFactor: 1,
                                     ScreensaverEntityDecimalPlaces: 1,
                                     ScreensaverEntityIconOn: 'weather-tornado',
                                     ScreensaverEntityIconOff: null,
                                     ScreensaverEntityText: 'Böen',
                                     ScreensaverEntityUnitText: 'm/s',
                                     ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 120}
                                 },
                                 // bottomScreensaverEntity 4
                                 {
                                     type: 'template',
                                     template: 'text.brightsky.winddirection',
                                     dpInit: `/^brightsky\\.0\\.current./`,
                                     modeScr: 'bottom',
                                 },
                                 // bottomScreensaverEntity 5 (Advanced Screensaver)
                                 {
                                     type: 'script',
                                     ScreensaverEntity: 'brightsky.0.current.relative_humidity'/*Relative Humidity*/,
                                     ScreensaverEntityFactor: 1,
                                     ScreensaverEntityDecimalPlaces: 0,
                                     ScreensaverEntityIconOn: 'water-percent',
                                     ScreensaverEntityIconOff: null,
                                     ScreensaverEntityText: 'Feuchte',
                                     ScreensaverEntityUnitText: '%',
                                     ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 100, 'val_best': 60}
                                 },
                                 // bottomScreensaverEntity 6 (for Advanced Screensaver)
                                 {
                                     type: 'template',
                                     template: 'text.brightsky.uvindex',
                                     dpInit: `/^brightsky\\.0\\.current./`,
                                     modeScr: 'bottom',
                                 }
                                 // Examples for Advanced-Screensaver: https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Config-Screensaver#entity-status-icons-ab-v400 
                      
                                 // Some templates for the screensaver uncomment the lines to use them
                                 // If u use an other instance for the weather data, change the instance in the following lines
                                 // If you want to have them all, set weatherAddDefaultItems=true in the config and leave the following lines as they are!
                      
                                 // zum nutzen der Vorlagen für den Bildschirmschoner die Zeilen auskommentieren, um sie zu verwenden
                                 // Wenn du eine andere Instanz für die Wetterdaten verwendest, ändere die Instanz in den folgenden Zeilen
                                 // Wenn du sie alle haben willst, setze weatherAddDefaultItems=true in der Konfiguration ganz oben und lass die folgenden Zeilen so wie sie sind!
                      
                                 /*
                      
                                 
                      
                                  Bright Sky*/,
                                 {
                                     type: 'template',
                                     template: 'text.brightsky.sunriseset',
                                     dpInit: `/^brightsky\\.0\\.daily\\.00.+/`,
                                     modeScr: 'bottom',
                                 },
                                  //Bottom 2 - brightsky.0. Forecast Day 1
                                 {
                                     type: 'template',
                                     template: 'text.brightsky.bot2values',
                                     dpInit: `/^brightsky\\.0\\.daily\\.01/`,
                                     modeScr: 'bottom',
                                 },
                      
                                 // Bottom 3 - brightsky.0. Forecast Day 2
                                 {
                                     type: 'template',
                                     template: 'text.brightsky.bot2values',
                                     dpInit: `/^brightsky\\.0\\.daily\\.02/`,
                                     modeScr: 'bottom',
                                 },
                      
                                 //Bottom 4 - brightsky.0. Forecast Day 3
                                 {
                                     type: 'template',
                                     template: 'text.brightsky.bot2values',
                                     dpInit: `/^brightsky\\.0\\.daily\\.03/`,
                                     modeScr: 'bottom',
                                 },
                      
                                 // Bottom 5 - brightsky.0. Forecast Day 4
                                 {
                                     type: 'template',
                                     template: 'text.brightsky.bot2values',
                                     dpInit: `/^brightsky\\.0\\.daily\\.04/`,
                                     modeScr: 'bottom',
                                 },
                                 // Bottom 6 - brightsky.0. Forecast Day 5
                                 {
                                     type: 'template',
                                     template: 'text.brightsky.bot2values',
                                     dpInit: `/^brightsky\\.0\\.daily\\.05/`,
                                     modeScr: 'bottom',
                                 },
                                 // Bottom 7 - brightsky.0. Forecast Day 6
                                 {
                                     type: 'template',
                                     template: 'text.brightsky.bot2values',
                                     dpInit: `/^brightsky\\.0\\.daily\\.06/`,
                                     modeScr: 'bottom',
                                 },
                                 // Bottom 8 - Windgeschwindigkeit
                                 {
                                     type: 'template',
                                     template: 'text.brightsky.windspeed',
                                     dpInit: `/^brightsky\\.0\\.current./`,
                                     modeScr: 'bottom',
                                 },
                                 // Bottom 9 - Boen
                                 {
                                     type: 'template',
                                     template: 'text.brightsky.windgust',
                                     dpInit: `/^brightsky\\.0\\.current./`,
                                     modeScr: 'bottom',
                                 },
                      
                                 // Bottom 10 - Windrichtung
                                 {
                                     type: 'template',
                                     template: 'text.brightsky.winddirection',
                                     dpInit: `/^brightsky\\.0\\.current./`,
                                     modeScr: 'bottom',
                                 },
                                 // Bottom 10 - Solar
                                 {
                                     type: 'template',
                                     template: 'text.brightsky.solar',
                                     dpInit: `/^brightsky\\.0\\.current./`,
                                     modeScr: 'bottom',
                                 },
                                 
                             ],
                      
                             leftScreensaverEntity: [
                                 // leftScreensaverEntity 1 (only Advanced Screensaver)
                                 {
                                     type: 'script',
                                     ScreensaverEntity: 'alias.0.NSPanel.Flur.Sensor.ANALOG.Temperature.ACTUAL',
                                     ScreensaverEntityFactor: 1,
                                     ScreensaverEntityDecimalPlaces: 1,
                                     ScreensaverEntityIconOn: 'thermometer',
                                     ScreensaverEntityIconOff: null,
                                     ScreensaverEntityText: 'Temperatur',
                                     ScreensaverEntityUnitText: '°C',
                                     ScreensaverEntityIconColor: {val_min: 0, val_max: 35, val_best: 22},
                                 },
                                 // leftScreensaverEntity 2 (only Advanced Screensaver)
                                 {
                                     type: 'script',
                                     ScreensaverEntity: 'alias.0.Heizung.WärmeTagesVerbrauch.ACTUAL',
                                     ScreensaverEntityFactor: 1,
                                     ScreensaverEntityDecimalPlaces: 1,
                                     ScreensaverEntityIconOn: 'counter',
                                     ScreensaverEntityIconOff: null,
                                     ScreensaverEntityText: 'Wärme',
                                     ScreensaverEntityUnitText: ' kWh',
                                     ScreensaverEntityIconColor: MSYellow, //{'val_min': 0, 'val_max': 5000}
                                 },
                                 // leftScreensaverEntity 3 (only Advanced Screensaver)
                                 {
                                     type: 'script',
                                     ScreensaverEntity: 'alias.0.Haus.Abfall.event1.INFO'/*Info*/,
                                     ScreensaverEntityFactor: 1,
                                     ScreensaverEntityDecimalPlaces: 0,
                                     ScreensaverEntityDateFormat: {year: 'numeric', month: '2-digit', day: '2-digit'},
                                     ScreensaverEntityIconOn: 'trash-can',
                                     ScreensaverEntityIconOff: null,
                                     ScreensaverEntityText: 'Abfall',
                                     ScreensaverEntityUnitText: '',
                                     ScreensaverEntityIconColor: '0_userdata.0.vis.Abfallkalender.1.color',
                                 },
                             ],
                      
                             // Status Icon 
                             mrIcon1ScreensaverEntity: {
                                 type: 'script',
                                 ScreensaverEntity: 'Relay.1',
                                 ScreensaverEntityIconOn: 'lightbulb',
                                 ScreensaverEntityIconOff: null,
                                 ScreensaverEntityValue: null,
                                 ScreensaverEntityValueDecimalPlace: 0,
                                 ScreensaverEntityValueUnit: null,
                                 ScreensaverEntityOnColor: On,
                                 ScreensaverEntityOffColor: HMIOff
                             },
                             mrIcon2ScreensaverEntity: {
                                 type: 'script',
                                 ScreensaverEntity: 'Relay.2',
                                 ScreensaverEntityIconOn: 'lightbulb',
                                 ScreensaverEntityIconOff: null,
                                 ScreensaverEntityValue: null,
                                 ScreensaverEntityValueDecimalPlace: 0,
                                 ScreensaverEntityValueUnit: null,
                                 ScreensaverEntityOnColor: On,
                                 ScreensaverEntityOffColor: HMIOff
                             },
                             // ------ DE: Ende der Screensaver Einstellungen --------------------
                             // ------ EN: End of screensaver settings ---------------------------
                      
                             //-------DE: Anfang Einstellungen für Hardware Button, wenn Sie softwareseitig genutzt werden (Rule2) -------------
                             //-------EN: Start Settings for Hardware Button, if used in software (Rule2) --------------------------------------
                             // DE: Konfiguration des linken Schalters des NSPanels
                             // EN: Configuration of the left switch of the NSPanel
                             buttonLeft: {
                                 // DE: Mögliche Werte wenn Rule2 definiert: 'page', 'switch', 'set' - Wenn nicht definiert --> mode: null
                                 // EN: Possible values if Rule2 defined: 'page', 'switch', 'set' - If not defined --> mode: null
                                 mode: 'switch',
                                 // DE: Zielpage - Verwendet wenn mode = page
                                 // EN: Target page - Used if mode = page
                                state: '0_userdata.0.Schalter.AstronautOGB',
                             },
                      
                             // DE: Konfiguration des rechten Schalters des NSPanels
                             // EN: Configuration of the right switch of the NSPanel
                             buttonRight: {
                                 mode: 'switch',
                                 state:'0_userdata.0.Schalter.Essenfertig'/*Essenfertig*/,
                                 
                             },
                      
                             //--------- DE: Ende - Einstellungen für Hardware Button, wenn Sie softwareseitig genutzt werden (Rule2) -------------
                             //--------- EN: End - settings for hardware button if they are used in software (Rule2) ------------------------------
                      

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

                        @ilovegym

                        zeige mir mal die Ordnerstrucktur von '0_userdata.0.vis.Abfallkalender'

                        1 Reply Last reply Reply Quote 0
                        • ilovegym
                          ilovegym last edited by

                          @tt-tom

                          Screenshot 2025-10-13 at 07.42.08.png

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

                          Support us

                          ioBroker
                          Community Adapters
                          Donate

                          970
                          Online

                          32.3k
                          Users

                          80.9k
                          Topics

                          1.3m
                          Posts

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