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. Hardware
  4. SONOFF NSPanel mit Lovelace UI

NEWS

  • Wartung am 15.11. – Forum ab 22:00 Uhr nicht erreichbar
    BluefoxB
    Bluefox
    12
    2
    242

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

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

SONOFF NSPanel mit Lovelace UI

SONOFF NSPanel mit Lovelace UI

Scheduled Pinned Locked Moved Hardware
lovelace uinspanelsonoff
7.7k Posts 271 Posters 6.7m Views 253 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.
  • teletapiT teletapi

    Guten Morgen, ich komm im Moment nicht weiter könntet Ihr mir mal auf die Sprünge helfen. Ich hatte mir in den letzten tagen ein paar Seiten auf meinem NS Panel eingerichtet unter anderem auch 2 Subpages, jetzt wollte ich gern eine Subpage einer Subpage erstellen .
    "Leuchten_subpages" darunter als weitere Subpage dann "Leuchten_subpages_2"
    So das ich aus der Seite "Beleuchtung" eine weitere Unterseite (subpage) Beleuchtung 2 navigieren kann.
    So wie es jetzt mit der Config ist kommt beim "Rechts" navigieren die seite Beleuchtung und wenn ich weiter nach Rechts navigiere dann Beleuchtung 2. Das ist aber doch nicht ganz richtig so eigentlich müsste ich auf der seite Beleuchtung doch eine Möglichkeit haben direkt in die Subpage Beleuchtung 2 zu kommen und als Parent seite dann wieder die "Beleuchtung"
    Wäre nett wenn sich das mal jemand anschauen kann, ich tu mich da mal wieder ziemlich schwer, obwohl ich die Wiki bereits stundenlang gelesen habe stoße ich immer wieder arg an meine Grenzen

    Hier meine Config

    //-- Anfang für eigene Seiten -- z.T. selbstdefinierte Aliase erforderlich ----------------
    //-- Start for your own pages -- some self-defined aliases required ----------------
    
    let Program_subpages: PageType =
    {
        'type': 'cardEntities',
        'heading': 'Programmseite',
        'useColor': true,
        'items': [
            { navigate: true, id: 'alias.0.NSPanel.allgemein.Abfall.event1', targetPage: 'Abfall', name: 'Abfallkalender'},
            { navigate: true, id: null, targetPage: 'GuestWifi', onColor: White, name: 'Gäste WLAN'},
        ]
    };
    
    let Leuchten_subpages: PageType =
    {
        'type': 'cardEntities',
        'heading': 'Beleuchtung',
        '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.Kueche.Hue_deckenlicht', targetPage: 'Kueche', onColor: White, name: 'Küche'},
            { navigate: true, id: 'alias.0.NSPanel.Badezimmer.Badezimmer_Licht', targetPage: 'Bad', onColor: White, name: 'Badezimmer'},
            { navigate: true, id: 'alias.0.NSPanel.Hue_Flur_Mitte.Treppenlicht', targetPage: 'Treppenlicht', onColor: White, name: 'Treppenlicht'},
        ]
    };
    
    let Leuchten_subpages_2: PageType =
    {
        'type': 'cardEntities',
        'heading': 'Beleuchtung 2',
        'useColor': true,
        'items': [
            { navigate: true, id: 'alias.0.NSPanel.Schlafzimmer.Bett1', targetPage: 'Schlafzimmer', name: 'Bett'},                
        ]
    };
    
    let Abfall: PageType =
            {
                'type': 'cardEntities',
                'heading': 'Abfallkalender',
                'useColor': true,
                'subPage': true,
                'parent': Program_subpages,
                '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': Program_subpages,
        'items': [{ id: 'alias.0.NSPanel.Guest_Wifi', 
                   hidePassword: true, // true = Switch; false = Password
                   hideEntity2: false,   // true = Switch or Password is Hide
                   autoCreateALias: true}
              ]
    };      
    
    let FlurHue: PageType =
            {
                'type': 'cardEntities',
                'heading': 'Hue Flur',
                'useColor': true,
                'subPage': true,
                'parent': Leuchten_subpages,
                'items': [
                    { id: 'alias.0.NSPanel.Hue_Flur_unten.Flur_unten'},
                    { id: 'alias.0.NSPanel.Hue_Flur_unten.Flur_unten_Haustür'},
                    { id: 'alias.0.NSPanel.Hue_Flur_Mitte.Kleiner_Flur_Mitte'},
                    { id: 'alias.0.NSPanel.Hue_Flur_Mitte.Flur_Mitte'}
                ]
    };
    
    let Kueche: PageType =
            {
                'type': 'cardEntities',
                'heading': 'Küche',
                'useColor': true,
                'subPage': true,
                'parent': Leuchten_subpages,
                'items': [
                    { id: 'alias.0.NSPanel.Kueche.Hue_deckenlicht'},
                    { id: 'alias.0.NSPanel.Kueche.Abzugshaube'}
                ]
    };
    
    let Schlafzimmer: PageType =
            {
                'type': 'cardEntities',
                'heading': 'Schlafen',
                'useColor': true,
                'subPage': true,
                'parent': Leuchten_subpages,
                'items': [
                    { id: 'alias.0.NSPanel.Schlafzimmer.Bett1'},
                    { id: 'alias.0.NSPanel.Schlafzimmer.Bett2'},
                    { id: 'alias.0.NSPanel.Schlafzimmer.Bett3'}
                ]
    };
    
    let Bad: PageType =
            {
                'type': 'cardEntities',
                'heading': 'Badezimmer',
                'useColor': true,
                'subPage': true,
                'parent': Leuchten_subpages,
                'items': [
                    { id: 'alias.0.NSPanel.Badezimmer.Badezimmer_Licht'}
                ]
    };
    
    let Treppenlicht: PageType =
            {
                'type': 'cardEntities',
                'heading': 'Treppenlicht',
                'useColor': true,
                'subPage': true,
                'parent': Leuchten_subpages,
                'items': [
                    { id: 'alias.0.NSPanel.Hue_Flur_Mitte.Treppenlicht'}
                ]
    };
    
    let Rolladen: PageType =
            {
                'type': 'cardEntities',
                'heading': 'Rolladen',
                'useColor': true,
                'subPage': false,
                'parent': undefined,
                'items': [
                    { id: 'alias.0.NSPanel.Schlafzimmer.Rolladen',icon: 'window-shutter',name: 'Rolladen-Schlafen',interpolateColor: true},
                    { id: 'alias.0.NSPanel.Ankleidezimmer.Rolladen',icon: 'window-shutter',name: 'Rolladen-Ankleide',interpolateColor: 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 ------------------------
    

    Und hier die einträge im bereich der pages

    export const config: Config = {
        // Seiteneinteilung / Page division
        // Hauptseiten / Mainpages
        pages: [
            NSPanel_Service, //Auto-Alias Service Page
            Leuchten_subpages,
            Leuchten_subpages_2,
            Rolladen,
            Program_subpages,
                //Unlock_Service            //Auto-Alias Service Page (Service Pages used with cardUnlock)
        ],
        // 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,
            FlurHue,
            Schlafzimmer,
            Treppenlicht,
            Bad,
        ],
    
    P Offline
    P Offline
    peterfido
    wrote on last edited by
    #7202

    @teletapi Scheint, als ob Du die Pages unter Subpages und die Subpages unter Pages eingetragen hast. Das würde ich erst korrigieren und dann weitersehen.

    Gruß

    Peterfido


    Proxmox auf Intel NUC12WSHi5
    ioBroker: Debian (VM)
    CCU: Debmatic (VM)
    Influx: Debian (VM)
    Grafana: Debian (VM)
    eBus: Debian (VM)
    Zigbee: Debian (VM) mit zigbee2mqtt

    1 Reply Last reply
    0
    • T ticaki

      @peterfido
      Ich hab nur das any entschärft. Das Verhalten von actual und set ist eine Design Entscheidung, da muss @Armilar oder @TT-Tom eine Entscheidung treffen.

      P Offline
      P Offline
      peterfido
      wrote on last edited by
      #7203

      @ticaki Läuft ja bei mir. Geht eher um die zukünftigen Probleme anderer User.

      Gruß

      Peterfido


      Proxmox auf Intel NUC12WSHi5
      ioBroker: Debian (VM)
      CCU: Debmatic (VM)
      Influx: Debian (VM)
      Grafana: Debian (VM)
      eBus: Debian (VM)
      Zigbee: Debian (VM) mit zigbee2mqtt

      teletapiT 1 Reply Last reply
      0
      • P peterfido

        @ticaki Läuft ja bei mir. Geht eher um die zukünftigen Probleme anderer User.

        teletapiT Offline
        teletapiT Offline
        teletapi
        wrote on last edited by teletapi
        #7204

        @peterfido zb. um meine. Jetzt bin ich gerade mal überfordert 😉

        Ich habe jetzt gerade mal die Tasmota Firmware 15.0.0 geupdatet funktioniert, nach dem Update muss das NSPanel aber kurz vom Strom genommen werden.
        Das Update per Panel aufforderung hat nicht funktioniert

        1 Reply Last reply
        0
        • T Offline
          T Offline
          TT-Tom
          wrote on last edited by TT-Tom
          #7205

          @teletapi

          hast du dir diese Seite schon mal genauer angesehen, dort sind alle Parameter beschrieben.

          Deine Subpages sind falsch konfiguriert und liegen nicht unter Subpages. Du hats auch keine Hauptseite/ Navipunkt, der auf deine Subpages verweist.

          Die anderen Subpages hast du doch richtig angelegt, schau dir das in Ruhe nochmal an.

          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
          1
          • T TT-Tom

            @teletapi

            hast du dir diese Seite schon mal genauer angesehen, dort sind alle Parameter beschrieben.

            Deine Subpages sind falsch konfiguriert und liegen nicht unter Subpages. Du hats auch keine Hauptseite/ Navipunkt, der auf deine Subpages verweist.

            Die anderen Subpages hast du doch richtig angelegt, schau dir das in Ruhe nochmal an.

            teletapiT Offline
            teletapiT Offline
            teletapi
            wrote on last edited by teletapi
            #7206

            @tt-tom Ich bin nicht ganz sicher die Seiten die mit subpage benannt sind, sind ja eigentlich garkeine Subpages sondern eben die haupt seiten nur die Namen sind von irgendwoher aus Beispielen übernommen worden von mir.
            Ich hab noch nicht verstanden was daran falsch ist. Kann es sein das die Alias Struktur wie die Aliase in welchem Ordner liegen sehr wichtig ist..?

            //-- Anfang für eigene Seiten -- z.T. selbstdefinierte Aliase erforderlich ----------------
            //-- Start for your own pages -- some self-defined aliases required ----------------
             
            let Programmseite: PageType =
            {
                'type': 'cardEntities',
                'heading': 'Programmseite',
                'useColor': true,
                'items': [
                    { navigate: true, id: 'alias.0.NSPanel.allgemein.Abfall.event1', targetPage: 'Abfall', name: 'Abfallkalender'},
                    { navigate: true, id: null, targetPage: 'GuestWifi', onColor: White, name: 'Gäste WLAN'},
                ]
            };
             
            let Licht1: PageType =
            {
                'type': 'cardEntities',
                'heading': 'Beleuchtung',
                '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.Kueche.Hue_deckenlicht', targetPage: 'Kueche', onColor: White, name: 'Küche'},
                    { navigate: true, id: 'alias.0.NSPanel.Badezimmer.Badezimmer_Licht', targetPage: 'Bad', onColor: White, name: 'Badezimmer'},
                    { navigate: true, id: 'alias.0.NSPanel.Hue_Flur_Mitte.Treppenlicht', targetPage: 'Treppenlicht', onColor: White, name: 'Treppenlicht'},
                ]
            };
             
            let Licht2: PageType =
            {
                'type': 'cardEntities',
                'heading': 'Beleuchtung 2',
                'useColor': true,
                'items': [
                    { navigate: true, id: 'alias.0.NSPanel.Schlafzimmer.Bett1', targetPage: 'Schlafzimmer', name: 'Bett'},                
                ]
            };
             
            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 FlurHue: PageType =
                    {
                        'type': 'cardEntities',
                        'heading': 'Hue Flur',
                        'useColor': true,
                        'subPage': true,
                        'parent': Licht1,
                        'items': [
                            { id: 'alias.0.NSPanel.Hue_Flur_unten.Flur_unten'},
                            { id: 'alias.0.NSPanel.Hue_Flur_unten.Flur_unten_Haustür'},
                            { id: 'alias.0.NSPanel.Hue_Flur_Mitte.Kleiner_Flur_Mitte'},
                            { id: 'alias.0.NSPanel.Hue_Flur_Mitte.Flur_Mitte'}
                        ]
            };
             
            let Kueche: PageType =
                    {
                        'type': 'cardEntities',
                        'heading': 'Küche',
                        'useColor': true,
                        'subPage': true,
                        'parent': Licht1,
                        'items': [
                            { id: 'alias.0.NSPanel.Kueche.Hue_deckenlicht'},
                            { id: 'alias.0.NSPanel.Kueche.Abzugshaube'}
                        ]
            };
             
            let Schlafzimmer: PageType =
                    {
                        'type': 'cardEntities',
                        'heading': 'Schlafen',
                        'useColor': true,
                        'subPage': true,
                        'parent': Licht1,
                        'items': [
                            { id: 'alias.0.NSPanel.Schlafzimmer.Bett1'},
                            { id: 'alias.0.NSPanel.Schlafzimmer.Bett2'},
                            { id: 'alias.0.NSPanel.Schlafzimmer.Bett3'}
                        ]
            };
             
            let Bad: PageType =
                    {
                        'type': 'cardEntities',
                        'heading': 'Badezimmer',
                        'useColor': true,
                        'subPage': true,
                        'parent': Licht1,
                        'items': [
                            { id: 'alias.0.NSPanel.Badezimmer.Badezimmer_Licht'}
                        ]
            };
             
            let Treppenlicht: PageType =
                    {
                        'type': 'cardEntities',
                        'heading': 'Treppenlicht',
                        'useColor': true,
                        'subPage': true,
                        'parent': Licht1,
                        'items': [
                            { id: 'alias.0.NSPanel.Hue_Flur_Mitte.Treppenlicht'}
                        ]
            };
             
            let Rolladen: PageType =
                    {
                        'type': 'cardEntities',
                        'heading': 'Rolladen',
                        'useColor': true,
                        'subPage': false,
                        'parent': undefined,
                        'items': [
                            { id: 'alias.0.NSPanel.Schlafzimmer.Rolladen',icon: 'window-shutter',name: 'Rolladen-Schlafen',interpolateColor: true},
                            { id: 'alias.0.NSPanel.Ankleidezimmer.Rolladen',icon: 'window-shutter',name: 'Rolladen-Ankleide',interpolateColor: 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 ------------------------
            
            

            Ich habe die Namen jetzt mal angepasst

            // EN: Configuration
            
            export const config: Config = {
                // Seiteneinteilung / Page division
                // Hauptseiten / Mainpages
                pages: [
                    NSPanel_Service, //Auto-Alias Service Page
                    Programmseite,
                    Licht1,
                    Licht2,
                    Rolladen,
                        
                        //Unlock_Service            //Auto-Alias Service Page (Service Pages used with cardUnlock)
                ],
                // 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,
                    FlurHue,
                    Treppenlicht,
                    Bad,
                    Schlafzimmer,   
                    ],
            

            Sieht dann so aus.

            IMG-20250613-WA0013.jpg IMG-20250613-WA0011.jpg IMG-20250613-WA0010.jpg IMG-20250613-WA0009.jpg IMG-20250613-WA0008.jpg

            Die ordnerstruktur der Aliase sieht bei mir so aus, ich hatte mir dazu noch keine wesentlichen gedanken gemacht
            Screenshot_1.jpg

            T 1 Reply Last reply
            0
            • GarganoG Offline
              GarganoG Offline
              Gargano
              wrote on last edited by
              #7207

              Gibt es die Möglichkeit ein Bild auf den NsPanel hochzuladen (Snapshot von der Kamera) ?

              T 1 Reply Last reply
              0
              • GarganoG Gargano

                Gibt es die Möglichkeit ein Bild auf den NsPanel hochzuladen (Snapshot von der Kamera) ?

                T Offline
                T Offline
                TT-Tom
                wrote on last edited by
                #7208

                @gargano nein immer noch nicht

                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

                GarganoG 1 Reply Last reply
                0
                • T TT-Tom

                  @gargano nein immer noch nicht

                  GarganoG Offline
                  GarganoG Offline
                  Gargano
                  wrote on last edited by
                  #7209

                  @tt-tom Ist das mal angedacht ?
                  Im Nextion ist ja da ein Picture vorhanden.

                  T 1 Reply Last reply
                  0
                  • GarganoG Gargano

                    @tt-tom Ist das mal angedacht ?
                    Im Nextion ist ja da ein Picture vorhanden.

                    T Offline
                    T Offline
                    TT-Tom
                    wrote on last edited by
                    #7210

                    @gargano mann kann ein Bild in die TFT-Firmware programmieren, aber eins senden geht nicht. So mein letzter Stand.

                    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
                    • teletapiT teletapi

                      @tt-tom Ich bin nicht ganz sicher die Seiten die mit subpage benannt sind, sind ja eigentlich garkeine Subpages sondern eben die haupt seiten nur die Namen sind von irgendwoher aus Beispielen übernommen worden von mir.
                      Ich hab noch nicht verstanden was daran falsch ist. Kann es sein das die Alias Struktur wie die Aliase in welchem Ordner liegen sehr wichtig ist..?

                      //-- Anfang für eigene Seiten -- z.T. selbstdefinierte Aliase erforderlich ----------------
                      //-- Start for your own pages -- some self-defined aliases required ----------------
                       
                      let Programmseite: PageType =
                      {
                          'type': 'cardEntities',
                          'heading': 'Programmseite',
                          'useColor': true,
                          'items': [
                              { navigate: true, id: 'alias.0.NSPanel.allgemein.Abfall.event1', targetPage: 'Abfall', name: 'Abfallkalender'},
                              { navigate: true, id: null, targetPage: 'GuestWifi', onColor: White, name: 'Gäste WLAN'},
                          ]
                      };
                       
                      let Licht1: PageType =
                      {
                          'type': 'cardEntities',
                          'heading': 'Beleuchtung',
                          '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.Kueche.Hue_deckenlicht', targetPage: 'Kueche', onColor: White, name: 'Küche'},
                              { navigate: true, id: 'alias.0.NSPanel.Badezimmer.Badezimmer_Licht', targetPage: 'Bad', onColor: White, name: 'Badezimmer'},
                              { navigate: true, id: 'alias.0.NSPanel.Hue_Flur_Mitte.Treppenlicht', targetPage: 'Treppenlicht', onColor: White, name: 'Treppenlicht'},
                          ]
                      };
                       
                      let Licht2: PageType =
                      {
                          'type': 'cardEntities',
                          'heading': 'Beleuchtung 2',
                          'useColor': true,
                          'items': [
                              { navigate: true, id: 'alias.0.NSPanel.Schlafzimmer.Bett1', targetPage: 'Schlafzimmer', name: 'Bett'},                
                          ]
                      };
                       
                      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 FlurHue: PageType =
                              {
                                  'type': 'cardEntities',
                                  'heading': 'Hue Flur',
                                  'useColor': true,
                                  'subPage': true,
                                  'parent': Licht1,
                                  'items': [
                                      { id: 'alias.0.NSPanel.Hue_Flur_unten.Flur_unten'},
                                      { id: 'alias.0.NSPanel.Hue_Flur_unten.Flur_unten_Haustür'},
                                      { id: 'alias.0.NSPanel.Hue_Flur_Mitte.Kleiner_Flur_Mitte'},
                                      { id: 'alias.0.NSPanel.Hue_Flur_Mitte.Flur_Mitte'}
                                  ]
                      };
                       
                      let Kueche: PageType =
                              {
                                  'type': 'cardEntities',
                                  'heading': 'Küche',
                                  'useColor': true,
                                  'subPage': true,
                                  'parent': Licht1,
                                  'items': [
                                      { id: 'alias.0.NSPanel.Kueche.Hue_deckenlicht'},
                                      { id: 'alias.0.NSPanel.Kueche.Abzugshaube'}
                                  ]
                      };
                       
                      let Schlafzimmer: PageType =
                              {
                                  'type': 'cardEntities',
                                  'heading': 'Schlafen',
                                  'useColor': true,
                                  'subPage': true,
                                  'parent': Licht1,
                                  'items': [
                                      { id: 'alias.0.NSPanel.Schlafzimmer.Bett1'},
                                      { id: 'alias.0.NSPanel.Schlafzimmer.Bett2'},
                                      { id: 'alias.0.NSPanel.Schlafzimmer.Bett3'}
                                  ]
                      };
                       
                      let Bad: PageType =
                              {
                                  'type': 'cardEntities',
                                  'heading': 'Badezimmer',
                                  'useColor': true,
                                  'subPage': true,
                                  'parent': Licht1,
                                  'items': [
                                      { id: 'alias.0.NSPanel.Badezimmer.Badezimmer_Licht'}
                                  ]
                      };
                       
                      let Treppenlicht: PageType =
                              {
                                  'type': 'cardEntities',
                                  'heading': 'Treppenlicht',
                                  'useColor': true,
                                  'subPage': true,
                                  'parent': Licht1,
                                  'items': [
                                      { id: 'alias.0.NSPanel.Hue_Flur_Mitte.Treppenlicht'}
                                  ]
                      };
                       
                      let Rolladen: PageType =
                              {
                                  'type': 'cardEntities',
                                  'heading': 'Rolladen',
                                  'useColor': true,
                                  'subPage': false,
                                  'parent': undefined,
                                  'items': [
                                      { id: 'alias.0.NSPanel.Schlafzimmer.Rolladen',icon: 'window-shutter',name: 'Rolladen-Schlafen',interpolateColor: true},
                                      { id: 'alias.0.NSPanel.Ankleidezimmer.Rolladen',icon: 'window-shutter',name: 'Rolladen-Ankleide',interpolateColor: 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 ------------------------
                      
                      

                      Ich habe die Namen jetzt mal angepasst

                      // EN: Configuration
                      
                      export const config: Config = {
                          // Seiteneinteilung / Page division
                          // Hauptseiten / Mainpages
                          pages: [
                              NSPanel_Service, //Auto-Alias Service Page
                              Programmseite,
                              Licht1,
                              Licht2,
                              Rolladen,
                                  
                                  //Unlock_Service            //Auto-Alias Service Page (Service Pages used with cardUnlock)
                          ],
                          // 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,
                              FlurHue,
                              Treppenlicht,
                              Bad,
                              Schlafzimmer,   
                              ],
                      

                      Sieht dann so aus.

                      IMG-20250613-WA0013.jpg IMG-20250613-WA0011.jpg IMG-20250613-WA0010.jpg IMG-20250613-WA0009.jpg IMG-20250613-WA0008.jpg

                      Die ordnerstruktur der Aliase sieht bei mir so aus, ich hatte mir dazu noch keine wesentlichen gedanken gemacht
                      Screenshot_1.jpg

                      T Offline
                      T Offline
                      TT-Tom
                      wrote on last edited by TT-Tom
                      #7211

                      @teletapi

                      Dann sind deine Hauptseiten für das Licht doch definiert und von dort springst du jetzt mit press in die Subpages z.B. Küche

                      wenn du von der Küche in eine weitere Subpage möchtst, musst du dir auf der Küchenseite ein naviPunkt anlegen, analog wie bei den Hauptseiten

                       { navigate: true, id: 'alias.0.NSPanel.Hue_Flur_Mitte.Treppenlicht', targetPage: 'Treppenlicht', onColor: White, name: 'Treppenlicht'},
                      

                      Die neue Seite musst du auch als Subpage konfigurieren und dort auch eintragen. schau dir mal das Bild auf der Wiki Seite an, dann sollte dir das verständlich werden.

                      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
                      • W Wuschl

                        @tt-tom On und OFF

                        T Offline
                        T Offline
                        TT-Tom
                        wrote on last edited by
                        #7212

                        @wuschl

                        hier die Antwort im Wiki

                        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
                        • GarganoG Offline
                          GarganoG Offline
                          Gargano
                          wrote on last edited by
                          #7213

                          Mit der Script Adapter Version 9.0.3 funktioniert das Script (Ich habe V4.5.0.1) nicht mehr. Kann nicht kompilieren.
                          Ich habe allerdings keine Eintragung gefunden für einen Fix.

                          Asche auf mein Haupt, wenn das schon gefixt ist :-))

                          T 1 Reply Last reply
                          0
                          • GarganoG Gargano

                            Mit der Script Adapter Version 9.0.3 funktioniert das Script (Ich habe V4.5.0.1) nicht mehr. Kann nicht kompilieren.
                            Ich habe allerdings keine Eintragung gefunden für einen Fix.

                            Asche auf mein Haupt, wenn das schon gefixt ist :-))

                            T Offline
                            T Offline
                            TT-Tom
                            wrote on last edited by
                            #7214

                            @gargano
                            Wenn du mit einer Beta Version vom Javascript Adapter arbeitest, musst du mit so etwas rechnen.
                            Weitere Infos findest du im Testpost zum Adapter.

                            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

                            GarganoG B 2 Replies Last reply
                            0
                            • T TT-Tom

                              @gargano
                              Wenn du mit einer Beta Version vom Javascript Adapter arbeitest, musst du mit so etwas rechnen.
                              Weitere Infos findest du im Testpost zum Adapter.

                              GarganoG Offline
                              GarganoG Offline
                              Gargano
                              wrote on last edited by
                              #7215

                              @tt-tom wollt ja nur wissen, ob das schon gefixt ist. Ansonsten warte ich halt auf den Fix.

                              T 1 Reply Last reply
                              0
                              • GarganoG Gargano

                                @tt-tom wollt ja nur wissen, ob das schon gefixt ist. Ansonsten warte ich halt auf den Fix.

                                T Offline
                                T Offline
                                TT-Tom
                                wrote on last edited by
                                #7216

                                @gargano

                                Die Antwort wird hier nicht kommen, da es nicht am Script liegt. Wenn der Adapter ins Stable wechselt wird auch das Script funktionieren.

                                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
                                • P Offline
                                  P Offline
                                  peterfido
                                  wrote on last edited by peterfido
                                  #7217

                                  @tt-tom gibt es eine elegantere Methode beim Start den Screensaver anzuzeigen als am Ende von der Konfiguration das Timeout zu ändern?

                                  var screensavertimeoutalt: number = getState(NSPanel_Path + 'Config.Screensaver.timeoutScreensaver').val;
                                  if(screensavertimeoutalt < 5){
                                     screensavertimeoutalt = 60;
                                  }
                                  setStateAsync(NSPanel_Path + 'Config.Screensaver.timeoutScreensaver', 1, true);
                                  let timeoutScreeSaverInit: any;
                                  timeoutScreeSaverInit = setTimeout(async function () {
                                     setStateAsync(NSPanel_Path + 'Config.Screensaver.timeoutScreensaver', screensavertimeoutalt, true);
                                  }, 5000);
                                  
                                  // _________________________________ DE: Ab hier keine Konfiguration mehr _____________________________________
                                  

                                  Gruß

                                  Peterfido


                                  Proxmox auf Intel NUC12WSHi5
                                  ioBroker: Debian (VM)
                                  CCU: Debmatic (VM)
                                  Influx: Debian (VM)
                                  Grafana: Debian (VM)
                                  eBus: Debian (VM)
                                  Zigbee: Debian (VM) mit zigbee2mqtt

                                  T 1 Reply Last reply
                                  0
                                  • P peterfido

                                    @tt-tom gibt es eine elegantere Methode beim Start den Screensaver anzuzeigen als am Ende von der Konfiguration das Timeout zu ändern?

                                    var screensavertimeoutalt: number = getState(NSPanel_Path + 'Config.Screensaver.timeoutScreensaver').val;
                                    if(screensavertimeoutalt < 5){
                                       screensavertimeoutalt = 60;
                                    }
                                    setStateAsync(NSPanel_Path + 'Config.Screensaver.timeoutScreensaver', 1, true);
                                    let timeoutScreeSaverInit: any;
                                    timeoutScreeSaverInit = setTimeout(async function () {
                                       setStateAsync(NSPanel_Path + 'Config.Screensaver.timeoutScreensaver', screensavertimeoutalt, true);
                                    }, 5000);
                                    
                                    // _________________________________ DE: Ab hier keine Konfiguration mehr _____________________________________
                                    

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

                                    @peterfido
                                    Nö, es muß erst eine Seite angezeigt werden, das ist die einzige Methode die funktioniert hat.

                                    Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

                                    Spenden

                                    P 1 Reply Last reply
                                    0
                                    • T ticaki

                                      @peterfido
                                      Nö, es muß erst eine Seite angezeigt werden, das ist die einzige Methode die funktioniert hat.

                                      P Offline
                                      P Offline
                                      peterfido
                                      wrote on last edited by
                                      #7219

                                      @ticaki OK, danke. Dann lass ich es so.

                                      Gruß

                                      Peterfido


                                      Proxmox auf Intel NUC12WSHi5
                                      ioBroker: Debian (VM)
                                      CCU: Debmatic (VM)
                                      Influx: Debian (VM)
                                      Grafana: Debian (VM)
                                      eBus: Debian (VM)
                                      Zigbee: Debian (VM) mit zigbee2mqtt

                                      1 Reply Last reply
                                      0
                                      • D Offline
                                        D Offline
                                        drloksoft
                                        wrote on last edited by
                                        #7220

                                        Hi Leute,
                                        ich verzweifele ... Ich habe mir Lichtcontroller für meine LED Stripes mit dem WLED Projekt erstellt. Grundsätzlich funktioniert Das alles ok. Es ist zwar ziemlich blöde, dass ich nicht direkt Kelvin Angaben per MQTT oder WLED Adapter senden kann, aber das lassen wir mal kurz zur Seite gestellt, da ich das ja mit JavaScript umrechnen und in andere Datenpunkte setzen kann. Nun möchte ich zum einen einen einfachen Lichtschalter bauen (was ich wohl auch hinbekomme) und dann eine Sub Page für Helligkeit und Lichtfarbe erstellen, wie sie hier in einem Screenshot zu sehen ist:
                                        Screenshot 2025-06-15 at 12.13.58.png.
                                        Kann mir jemand einen Hinweis gebe, wo wohl beschrieben ist, wie ich diese Cards erstellen kann und welche Datenpunkte dafür notwendig sind?

                                        P 1 Reply Last reply
                                        0
                                        • D drloksoft

                                          Hi Leute,
                                          ich verzweifele ... Ich habe mir Lichtcontroller für meine LED Stripes mit dem WLED Projekt erstellt. Grundsätzlich funktioniert Das alles ok. Es ist zwar ziemlich blöde, dass ich nicht direkt Kelvin Angaben per MQTT oder WLED Adapter senden kann, aber das lassen wir mal kurz zur Seite gestellt, da ich das ja mit JavaScript umrechnen und in andere Datenpunkte setzen kann. Nun möchte ich zum einen einen einfachen Lichtschalter bauen (was ich wohl auch hinbekomme) und dann eine Sub Page für Helligkeit und Lichtfarbe erstellen, wie sie hier in einem Screenshot zu sehen ist:
                                          Screenshot 2025-06-15 at 12.13.58.png.
                                          Kann mir jemand einen Hinweis gebe, wo wohl beschrieben ist, wie ich diese Cards erstellen kann und welche Datenpunkte dafür notwendig sind?

                                          P Offline
                                          P Offline
                                          peterfido
                                          wrote on last edited by
                                          #7221

                                          @drloksoft Wenn die Lampe die korrekten Datenpunkte hat, dann ist das ein Selbstläufer und das Skript erstellt die Seiten von selbst.

                                          Zum Anlegen am besten den Geräte-Adapter nutzen. Wenn diese Probleme macht, wie die Anzeige von HUE als Pflichfeld, obwohl man RGB ausgewählt hat, dann die Seite im Browser mit STRG + F5 neu laden.

                                          Gruß

                                          Peterfido


                                          Proxmox auf Intel NUC12WSHi5
                                          ioBroker: Debian (VM)
                                          CCU: Debmatic (VM)
                                          Influx: Debian (VM)
                                          Grafana: Debian (VM)
                                          eBus: Debian (VM)
                                          Zigbee: Debian (VM) mit zigbee2mqtt

                                          D 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

                                          80

                                          Online

                                          32.4k

                                          Users

                                          81.3k

                                          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