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

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

Community Forum

  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.3k

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

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

Betatest NSPanel-lovelace-ui v0.7.x

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

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

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

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

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

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

    Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

    Spenden

    teletapiT 1 Antwort Letzte Antwort
    1
    • T ticaki

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

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

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

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

      T T 2 Antworten Letzte Antwort
      0
      • teletapiT teletapi

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

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

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

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

        Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

        Spenden

        ? 1 Antwort Letzte Antwort
        0
        • T ticaki

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

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

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

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

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

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

          T 1 Antwort Letzte Antwort
          0
          • ? Ein ehemaliger Benutzer

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

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

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

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

            @neuschwansteini

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

            Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

            Spenden

            1 Antwort Letzte Antwort
            1
            • teletapiT teletapi

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

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

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

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

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

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

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

              teletapiT 1 Antwort Letzte Antwort
              0
              • T TT-Tom

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

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

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

                @tt-tom

                //-- Anfang für eigene Seiten -- z.T. selbstdefinierte Aliase erforderlich ----------------
                //-- Start for your own pages -- some self-defined aliases required ----------------
                
                let Programmseite: PageType =
                {
                   'type': 'cardGrid2',
                   'heading': 'Programmseite',
                   'useColor': true,
                   'items': [
                       { navigate: true, id: 'alias.0.NSPanel.allgemein.Abfall.event1', targetPage: 'Abfall', name: 'Abfall'}, //Schauen ob die farbe von "Abfall" sich ändert ansonsten .event1 wegmachen
                       { navigate: true, id: null, targetPage: 'GuestWifi', onColor: MSGreen, name: 'Gäste WLAN'},
                   ]
                };
                
                let Licht1: PageType =
                {
                   'type': 'cardGrid2',
                   'heading': 'Beleuchtung 1',
                   'useColor': true,
                   'items': [
                       { navigate: true, id: 'alias.0.NSPanel.Hue_Flur_unten.Flur_unten', targetPage: 'FlurHue', name: 'Hue Flur'},
                       { navigate: true, id: 'alias.0.NSPanel.Badezimmer.Badezimmer_Licht', targetPage: 'Bad', offColor: MSRed, onColor: MSGreen, name: 'Bad unten'},
                       { navigate: true, id: 'alias.0.NSPanel.Hue_Flur_Mitte.Treppenlicht', targetPage: 'Treppenlicht', offColor: MSRed, onColor: MSGreen, name: 'Treppe'},
                       { navigate: true, id: 'alias.0.NSPanel.Ankleidezimmer.Steckdose_Fenster', targetPage: 'Ankleidezimmer', offColor: MSRed, onColor: MSGreen, name: 'Ankleide'},
                       //{ navigate: true, id: 'alias.0.NSPanel.Kueche', targetPage: 'Spuele', name: 'Spuele'},
                       { navigate: true, id: 'alias.0.NSPanel.Kueche', targetPage: 'Kueche', name: 'Küche'},
                       { navigate: true, id: 'alias.0.NSPanel.Schlafzimmer.Bett1', targetPage: 'Schlafzimmer', name: 'Schlafen'},
                       { navigate: true, id: 'alias.0.NSPanel.Waschkueche.Deckenlicht', targetPage: 'Waschkueche', name: 'Waschen'},
                   ]
                };
                
                let Wohnen: PageType =
                {
                   'type': 'cardGrid2',
                   'heading': 'Wohnzimmer',
                   'useColor': true,
                   'items': [
                       { navigate: true, id: 'alias.0.NSPanel.Wohnzimmer', targetPage: 'Wohnzimmer', name: 'Steckdosen'},                   
                   ]
                };
                
                let Abfall: PageType =
                       {
                           'type': 'cardEntities',
                           'heading': 'Abfallkalender',
                           'useColor': true,
                           'subPage': true,
                           'parent': Programmseite,
                           'items': [
                               { id: 'alias.0.NSPanel.allgemein.Abfall.event1', icon: 'trash-can'},
                               { id: 'alias.0.NSPanel.allgemein.Abfall.event2', icon: 'trash-can'},
                               { id: 'alias.0.NSPanel.allgemein.Abfall.event3', icon: 'trash-can'},
                               { id: 'alias.0.NSPanel.allgemein.Abfall.event4', icon: 'trash-can'},
                               { id: 'alias.0.NSPanel.allgemein.Abfall.event5', icon: 'trash-can'}
                           ]
                };
                
                let GuestWifi: PageType =
                {
                   'type': "cardQR",
                   'heading': "Gäste Wlan",
                   'subPage': true,
                   'parent': Programmseite,
                   'items': [{ id: 'alias.0.NSPanel.Guest_Wifi', 
                              hidePassword: true, // true = Switch; false = Password
                              hideEntity2: false,   // true = Switch or Password is Hide
                              autoCreateALias: true}
                         ]
                };
                
                let Wohnzimmer: PageType =
                       {
                           'type': 'cardEntities',
                           'heading': 'Wohnzimmer',
                           'useColor': true,
                           'subPage': true,
                           'parent': Wohnen,
                           'items': [
                           { id: 'alias.0.NSPanel.Wohnzimmer.Fernseher',
                                icon: 'power-socket-de',
                                icon2: 'power-plug-off-outline'},
                           { id: 'alias.0.NSPanel.Wohnzimmer.Ofen_Kamera',
                                icon: 'power-socket-de',
                                icon2: 'power-plug-off-outline'},
                           { id: 'alias.0.NSPanel.Wohnzimmer.Kugelleuchte',
                                icon: 'power-socket-de',
                                icon2: 'power-plug-off-outline'
                                }
                           ]
                };
                
                let FlurHue: PageType =
                       {
                           'type': 'cardGrid3',
                           'heading': 'Hue Flur',
                           'useColor': true,
                           'subPage': true,
                           'parent': Licht1,
                           'items': [
                           { id: 'alias.0.NSPanel.Hue_Flur_unten.Flur_unten',
                                icon: 'lightbulb-on',
                                icon2: 'lightbulb-outline',
                                minValueColorTemp: 2203,
                                maxValueColorTemp: 6500,
                                popupVersion: 2},
                           { id: 'alias.0.NSPanel.Hue_Flur_unten.Flur_Haustür',
                                icon: 'lightbulb-on',
                                icon2: 'lightbulb-outline',
                                minValueColorTemp: 2203,
                                maxValueColorTemp: 6500,
                                popupVersion: 2},
                           { id: 'alias.0.NSPanel.Hue_Flur_Mitte.Kleiner_Flur_Mitte',
                                icon: 'lightbulb-on',
                                icon2: 'lightbulb-outline',
                                minValueColorTemp: 2203,
                                maxValueColorTemp: 6500,
                                popupVersion: 2},
                           { id: 'alias.0.NSPanel.Hue_Flur_Mitte.Flur_Mitte',
                                icon: 'lightbulb-on',
                                icon2: 'lightbulb-outline',
                                minValueColorTemp: 2203,
                                maxValueColorTemp: 6500,
                                popupVersion: 2
                                }
                           ]
                };
                
                let Kueche: PageType =
                       {
                           'type': 'cardGrid',
                           'heading': 'Küche',
                           'useColor': true,
                           'subPage': true,
                           'parent': Licht1,
                           'items': [
                           { id: 'alias.0.NSPanel.Kueche.Hue_deckenlicht',
                                icon: 'lightbulb-on',
                                icon2: 'lightbulb-outline',
                                minValueColorTemp: 2203,
                                maxValueColorTemp: 6500,
                                popupVersion: 2},
                           { id: 'alias.0.NSPanel.Kueche.Abzugshaube'},
                           { id: 'alias.0.NSPanel.Kueche.Spüle1',
                               icon: 'lightbulb-on',
                               icon2: 'lightbulb-outline',
                               offColor: Off,
                               minValueColorTemp: 2700,
                               maxValueColorTemp: 6500,
                               interpolateColor: true,
                               modeList: ["Color", "Nachtlicht"], inSel_ChoiceState: true,
                               popupVersion: 2},
                           {id: 'alias.0.NSPanel.Kueche.Spüle2',
                               icon: 'lightbulb-on',
                               icon2: 'lightbulb-outline',
                               offColor: Off,
                               minValueColorTemp: 2700,
                               maxValueColorTemp: 6500,
                               interpolateColor: true,
                               modeList: ["Color", "Nachtlicht"], inSel_ChoiceState: true,
                               popupVersion: 2},
                           {id: 'alias.0.NSPanel.Kueche.Spüle3',
                               icon: 'lightbulb-on',
                               icon2: 'lightbulb-outline',
                               offColor: Off,
                               minValueColorTemp: 2700,
                               maxValueColorTemp: 6500,
                               interpolateColor: true,
                               modeList: ["Color", "Nachtlicht"], inSel_ChoiceState: true,
                               popupVersion: 2
                               } 
                           ]
                };
                
                let Waschkueche: PageType =
                       {
                           'type': 'cardEntities',
                           'heading': 'Wasckueche',
                           'useColor': true,
                           'subPage': true,
                           'parent': Licht1,
                           'items': [
                           { id: 'alias.0.NSPanel.Waschkueche.Deckenlicht',
                                icon: 'lightbulb-on',
                                icon2: 'lightbulb-outline',
                                minValueColorTemp: 2203,
                                maxValueColorTemp: 6500,
                                popupVersion: 2
                                } 
                           ]
                };
                
                /*
                let Spuele: PageType =
                       {
                           'type': 'cardEntities',
                           'heading': 'Spüle',
                           'useColor': true,
                           'subPage': true,
                           'parent': Licht1,
                           'items': [
                           {id: 'alias.0.NSPanel.Kueche.Spuele1',
                               icon: 'lightbulb-on',
                               icon2: 'lightbulb-outline',
                               offColor: Off,
                               minValueColorTemp: 2700,
                               maxValueColorTemp: 6500,
                               interpolateColor: true,
                               modeList: ["Color", "Nachtlicht"], inSel_ChoiceState: true,
                               popupVersion: 2},
                           {id: 'alias.0.NSPanel.Kueche.Spuele2',
                               icon: 'lightbulb-on',
                               icon2: 'lightbulb-outline',
                               offColor: Off,
                               minValueColorTemp: 2700,
                               maxValueColorTemp: 6500,
                               interpolateColor: true,
                               modeList: ["Color", "Nachtlicht"], inSel_ChoiceState: true,
                               popupVersion: 2},
                           {id: 'alias.0.NSPanel.Kueche.Spuele3',
                               icon: 'lightbulb-on',
                               icon2: 'lightbulb-outline',
                               offColor: Off,
                               minValueColorTemp: 2700,
                               maxValueColorTemp: 6500,
                               interpolateColor: true,
                               modeList: ["Color", "Nachtlicht"], inSel_ChoiceState: true,
                               popupVersion: 2
                               }
                           ]
                };*/
                
                let Schlafzimmer: PageType =
                       {
                           'type': 'cardEntities',
                           'heading': 'Schlafen',
                           'useColor': true,
                           'subPage': true,
                           'parent': Licht1,
                           'items': [
                           {id: 'alias.0.NSPanel.Schlafzimmer.Bett1',
                               icon: 'lightbulb-on',
                               icon2: 'lightbulb-outline',
                               offColor: Off,
                               minValueColorTemp: 2700,
                               maxValueColorTemp: 6500,
                               interpolateColor: true,
                               modeList: ["Color", "Nachtlicht"], inSel_ChoiceState: true,
                               popupVersion: 2},
                           {id: 'alias.0.NSPanel.Schlafzimmer.Bett2',
                               icon: 'lightbulb-on',
                               icon2: 'lightbulb-outline',
                               offColor: Off,
                               minValueColorTemp: 2700,
                               maxValueColorTemp: 6500,
                               interpolateColor: true,
                               modeList: ["Color", "Nachtlicht"], inSel_ChoiceState: true,
                               popupVersion: 2},
                           {id: 'alias.0.NSPanel.Schlafzimmer.Bett3',
                               icon: 'lightbulb-on',
                               icon2: 'lightbulb-outline',
                               offColor: Off,
                               minValueColorTemp: 2700,
                               maxValueColorTemp: 6500,
                               interpolateColor: true,
                               modeList: ["Color", "Nachtlicht"], inSel_ChoiceState: true,
                               popupVersion: 2},
                           {id: 'alias.0.NSPanel.Schlafzimmer.Lichtstreifen',
                               icon: 'lightbulb-on',
                               icon2: 'lightbulb-outline',
                               offColor: Off,
                               minValueColorTemp: 2203,
                               maxValueColorTemp: 6536,
                               interpolateColor: true,
                               modeList: ["Color", "Nachtlicht"], inSel_ChoiceState: true,
                               popupVersion: 2
                           }
                       ]
                };
                
                let Ankleidezimmer: PageType =
                       {
                           'type': 'cardEntities',
                           'heading': 'Ankleidezimmer',
                           'useColor': true,
                           'subPage': true,
                           'parent': Licht1,
                           'items': [
                               { id: 'alias.0.NSPanel.Ankleidezimmer.Steckdose_Fenster'}
                           ]
                };
                
                let Bad: PageType =
                       {
                           'type': 'cardEntities',
                           'heading': 'Bad unten',
                           'useColor': true,
                           'subPage': true,
                           'parent': Licht1,
                           'items': [
                               { id: 'alias.0.NSPanel.Badezimmer.Badezimmer_Licht', icon: 'lightbulb-on', icon2: 'lightbulb-outline',}
                           ]
                };
                
                let Treppenlicht: PageType =
                       {
                           'type': 'cardEntities',
                           'heading': 'Treppenlicht',
                           'useColor': true,
                           'subPage': true,
                           'parent': Licht1,
                           'items': [
                               { id: 'alias.0.NSPanel.Hue_Flur_Mitte.Treppenlicht', icon: 'lightbulb-on', icon2: 'lightbulb-outline',}
                           ]
                };
                
                let Rolladen: PageType =
                       {
                           'type': 'cardGrid',
                           'heading': 'Rolladen',
                           'useColor': true,
                           'subPage': false,
                           'parent': undefined,
                           'items': [
                               { id: 'alias.0.NSPanel.Schlafzimmer.Rolladen',icon: 'window-shutter',name: 'Schlafen',interpolateColor: true},
                               { id: 'alias.0.NSPanel.Ankleidezimmer.Rolladen',icon: 'window-shutter',name: 'Ankleide',interpolateColor: true}
                           ]
                };
                
                let CardPower: PageType =
                       {
                           "type": "cardPower",
                           "heading": "Energiefluss",
                //          "useColor": true,
                           "subPage": false,
                           "parent": undefined,
                           "items": [
                               //{id: "alias.0.NSPanel.PowerCard" }
                               {id: 'alias.0.NSPanel.PowerCard',
                                   alwaysOnDisplay: true }
                    ]
                };
                
                //-- https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Page-%E2%80%90-Typen_How-2_Beispiele
                
                //-- ENDE für eigene Seiten -- z.T. selbstdefinierte Aliase erforderlich -------------------------
                //-- END for your own pages -- some self-defined aliases required ------------------------
                
                // EN: Configuration
                
                export const config: Config = {
                    // Seiteneinteilung / Page division
                    // Hauptseiten / Mainpages
                    pages: [
                        Programmseite,
                        CardPower,
                        Licht1,
                        Wohnen,
                        Rolladen,
                        Unlock_Service,  //Auto-Alias Service Page (Service Pages used with cardUnlock)
                        //NSPanel_Service, //Auto-Alias Service Page
                    ],
                    // Unterseiten / Subpages
                    subPages: [
                        NSPanel_Service_SubPage, //Auto-Alias Service Page (only used with cardUnlock)
                        NSPanel_Infos, //Auto-Alias Service Page
                        NSPanel_Wifi_Info_1, //Auto-Alias Service Page
                        NSPanel_Wifi_Info_2, //Auto-Alias Service Page
                        NSPanel_Sensoren, //Auto-Alias Service Page
                        NSPanel_Hardware, //Auto-Alias Service Page
                        NSPanel_IoBroker, //Auot-Alias Service Page
                        NSPanel_Einstellungen, //Auto-Alias Service Page
                        NSPanel_Screensaver, //Auto-Alias Service Page
                        NSPanel_ScreensaverDimmode, //Auto-Alias Service Page
                        NSPanel_ScreensaverBrightness, //Auto-Alias Service Page
                        NSPanel_ScreensaverLayout, //Auto-Alias Service Page
                        NSPanel_ScreensaverWeather, //Auto-Alias Service Page
                        NSPanel_ScreensaverDateformat, //Auto-Alias Service Page
                        NSPanel_ScreensaverIndicators, //Auto-Alias Service Page
                        NSPanel_Relays, //Auto-Alias Service Page
                        NSPanel_Script, //Auto-Alias Service Page
                        NSPanel_Firmware, //Auto-Alias Service Page
                        NSPanel_FirmwareTasmota, //Auto-Alias Service Page
                        NSPanel_FirmwareBerry, //Auto-Alias Service Page
                        NSPanel_FirmwareNextion, //Auto-Alias Service Page
                        Abfall,
                        GuestWifi,
                        Kueche,
                        //Spuele,
                        Wohnzimmer,
                        FlurHue,
                        Treppenlicht,
                        Bad,
                        Waschkueche,
                        Schlafzimmer,
                        Ankleidezimmer,  
                        ],
                

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

                T 1 Antwort Letzte Antwort
                0
                • teletapiT teletapi

                  @tt-tom

                  //-- Anfang für eigene Seiten -- z.T. selbstdefinierte Aliase erforderlich ----------------
                  //-- Start for your own pages -- some self-defined aliases required ----------------
                  
                  let Programmseite: PageType =
                  {
                     'type': 'cardGrid2',
                     'heading': 'Programmseite',
                     'useColor': true,
                     'items': [
                         { navigate: true, id: 'alias.0.NSPanel.allgemein.Abfall.event1', targetPage: 'Abfall', name: 'Abfall'}, //Schauen ob die farbe von "Abfall" sich ändert ansonsten .event1 wegmachen
                         { navigate: true, id: null, targetPage: 'GuestWifi', onColor: MSGreen, name: 'Gäste WLAN'},
                     ]
                  };
                  
                  let Licht1: PageType =
                  {
                     'type': 'cardGrid2',
                     'heading': 'Beleuchtung 1',
                     'useColor': true,
                     'items': [
                         { navigate: true, id: 'alias.0.NSPanel.Hue_Flur_unten.Flur_unten', targetPage: 'FlurHue', name: 'Hue Flur'},
                         { navigate: true, id: 'alias.0.NSPanel.Badezimmer.Badezimmer_Licht', targetPage: 'Bad', offColor: MSRed, onColor: MSGreen, name: 'Bad unten'},
                         { navigate: true, id: 'alias.0.NSPanel.Hue_Flur_Mitte.Treppenlicht', targetPage: 'Treppenlicht', offColor: MSRed, onColor: MSGreen, name: 'Treppe'},
                         { navigate: true, id: 'alias.0.NSPanel.Ankleidezimmer.Steckdose_Fenster', targetPage: 'Ankleidezimmer', offColor: MSRed, onColor: MSGreen, name: 'Ankleide'},
                         //{ navigate: true, id: 'alias.0.NSPanel.Kueche', targetPage: 'Spuele', name: 'Spuele'},
                         { navigate: true, id: 'alias.0.NSPanel.Kueche', targetPage: 'Kueche', name: 'Küche'},
                         { navigate: true, id: 'alias.0.NSPanel.Schlafzimmer.Bett1', targetPage: 'Schlafzimmer', name: 'Schlafen'},
                         { navigate: true, id: 'alias.0.NSPanel.Waschkueche.Deckenlicht', targetPage: 'Waschkueche', name: 'Waschen'},
                     ]
                  };
                  
                  let Wohnen: PageType =
                  {
                     'type': 'cardGrid2',
                     'heading': 'Wohnzimmer',
                     'useColor': true,
                     'items': [
                         { navigate: true, id: 'alias.0.NSPanel.Wohnzimmer', targetPage: 'Wohnzimmer', name: 'Steckdosen'},                   
                     ]
                  };
                  
                  let Abfall: PageType =
                         {
                             'type': 'cardEntities',
                             'heading': 'Abfallkalender',
                             'useColor': true,
                             'subPage': true,
                             'parent': Programmseite,
                             'items': [
                                 { id: 'alias.0.NSPanel.allgemein.Abfall.event1', icon: 'trash-can'},
                                 { id: 'alias.0.NSPanel.allgemein.Abfall.event2', icon: 'trash-can'},
                                 { id: 'alias.0.NSPanel.allgemein.Abfall.event3', icon: 'trash-can'},
                                 { id: 'alias.0.NSPanel.allgemein.Abfall.event4', icon: 'trash-can'},
                                 { id: 'alias.0.NSPanel.allgemein.Abfall.event5', icon: 'trash-can'}
                             ]
                  };
                  
                  let GuestWifi: PageType =
                  {
                     'type': "cardQR",
                     'heading': "Gäste Wlan",
                     'subPage': true,
                     'parent': Programmseite,
                     'items': [{ id: 'alias.0.NSPanel.Guest_Wifi', 
                                hidePassword: true, // true = Switch; false = Password
                                hideEntity2: false,   // true = Switch or Password is Hide
                                autoCreateALias: true}
                           ]
                  };
                  
                  let Wohnzimmer: PageType =
                         {
                             'type': 'cardEntities',
                             'heading': 'Wohnzimmer',
                             'useColor': true,
                             'subPage': true,
                             'parent': Wohnen,
                             'items': [
                             { id: 'alias.0.NSPanel.Wohnzimmer.Fernseher',
                                  icon: 'power-socket-de',
                                  icon2: 'power-plug-off-outline'},
                             { id: 'alias.0.NSPanel.Wohnzimmer.Ofen_Kamera',
                                  icon: 'power-socket-de',
                                  icon2: 'power-plug-off-outline'},
                             { id: 'alias.0.NSPanel.Wohnzimmer.Kugelleuchte',
                                  icon: 'power-socket-de',
                                  icon2: 'power-plug-off-outline'
                                  }
                             ]
                  };
                  
                  let FlurHue: PageType =
                         {
                             'type': 'cardGrid3',
                             'heading': 'Hue Flur',
                             'useColor': true,
                             'subPage': true,
                             'parent': Licht1,
                             'items': [
                             { id: 'alias.0.NSPanel.Hue_Flur_unten.Flur_unten',
                                  icon: 'lightbulb-on',
                                  icon2: 'lightbulb-outline',
                                  minValueColorTemp: 2203,
                                  maxValueColorTemp: 6500,
                                  popupVersion: 2},
                             { id: 'alias.0.NSPanel.Hue_Flur_unten.Flur_Haustür',
                                  icon: 'lightbulb-on',
                                  icon2: 'lightbulb-outline',
                                  minValueColorTemp: 2203,
                                  maxValueColorTemp: 6500,
                                  popupVersion: 2},
                             { id: 'alias.0.NSPanel.Hue_Flur_Mitte.Kleiner_Flur_Mitte',
                                  icon: 'lightbulb-on',
                                  icon2: 'lightbulb-outline',
                                  minValueColorTemp: 2203,
                                  maxValueColorTemp: 6500,
                                  popupVersion: 2},
                             { id: 'alias.0.NSPanel.Hue_Flur_Mitte.Flur_Mitte',
                                  icon: 'lightbulb-on',
                                  icon2: 'lightbulb-outline',
                                  minValueColorTemp: 2203,
                                  maxValueColorTemp: 6500,
                                  popupVersion: 2
                                  }
                             ]
                  };
                  
                  let Kueche: PageType =
                         {
                             'type': 'cardGrid',
                             'heading': 'Küche',
                             'useColor': true,
                             'subPage': true,
                             'parent': Licht1,
                             'items': [
                             { id: 'alias.0.NSPanel.Kueche.Hue_deckenlicht',
                                  icon: 'lightbulb-on',
                                  icon2: 'lightbulb-outline',
                                  minValueColorTemp: 2203,
                                  maxValueColorTemp: 6500,
                                  popupVersion: 2},
                             { id: 'alias.0.NSPanel.Kueche.Abzugshaube'},
                             { id: 'alias.0.NSPanel.Kueche.Spüle1',
                                 icon: 'lightbulb-on',
                                 icon2: 'lightbulb-outline',
                                 offColor: Off,
                                 minValueColorTemp: 2700,
                                 maxValueColorTemp: 6500,
                                 interpolateColor: true,
                                 modeList: ["Color", "Nachtlicht"], inSel_ChoiceState: true,
                                 popupVersion: 2},
                             {id: 'alias.0.NSPanel.Kueche.Spüle2',
                                 icon: 'lightbulb-on',
                                 icon2: 'lightbulb-outline',
                                 offColor: Off,
                                 minValueColorTemp: 2700,
                                 maxValueColorTemp: 6500,
                                 interpolateColor: true,
                                 modeList: ["Color", "Nachtlicht"], inSel_ChoiceState: true,
                                 popupVersion: 2},
                             {id: 'alias.0.NSPanel.Kueche.Spüle3',
                                 icon: 'lightbulb-on',
                                 icon2: 'lightbulb-outline',
                                 offColor: Off,
                                 minValueColorTemp: 2700,
                                 maxValueColorTemp: 6500,
                                 interpolateColor: true,
                                 modeList: ["Color", "Nachtlicht"], inSel_ChoiceState: true,
                                 popupVersion: 2
                                 } 
                             ]
                  };
                  
                  let Waschkueche: PageType =
                         {
                             'type': 'cardEntities',
                             'heading': 'Wasckueche',
                             'useColor': true,
                             'subPage': true,
                             'parent': Licht1,
                             'items': [
                             { id: 'alias.0.NSPanel.Waschkueche.Deckenlicht',
                                  icon: 'lightbulb-on',
                                  icon2: 'lightbulb-outline',
                                  minValueColorTemp: 2203,
                                  maxValueColorTemp: 6500,
                                  popupVersion: 2
                                  } 
                             ]
                  };
                  
                  /*
                  let Spuele: PageType =
                         {
                             'type': 'cardEntities',
                             'heading': 'Spüle',
                             'useColor': true,
                             'subPage': true,
                             'parent': Licht1,
                             'items': [
                             {id: 'alias.0.NSPanel.Kueche.Spuele1',
                                 icon: 'lightbulb-on',
                                 icon2: 'lightbulb-outline',
                                 offColor: Off,
                                 minValueColorTemp: 2700,
                                 maxValueColorTemp: 6500,
                                 interpolateColor: true,
                                 modeList: ["Color", "Nachtlicht"], inSel_ChoiceState: true,
                                 popupVersion: 2},
                             {id: 'alias.0.NSPanel.Kueche.Spuele2',
                                 icon: 'lightbulb-on',
                                 icon2: 'lightbulb-outline',
                                 offColor: Off,
                                 minValueColorTemp: 2700,
                                 maxValueColorTemp: 6500,
                                 interpolateColor: true,
                                 modeList: ["Color", "Nachtlicht"], inSel_ChoiceState: true,
                                 popupVersion: 2},
                             {id: 'alias.0.NSPanel.Kueche.Spuele3',
                                 icon: 'lightbulb-on',
                                 icon2: 'lightbulb-outline',
                                 offColor: Off,
                                 minValueColorTemp: 2700,
                                 maxValueColorTemp: 6500,
                                 interpolateColor: true,
                                 modeList: ["Color", "Nachtlicht"], inSel_ChoiceState: true,
                                 popupVersion: 2
                                 }
                             ]
                  };*/
                  
                  let Schlafzimmer: PageType =
                         {
                             'type': 'cardEntities',
                             'heading': 'Schlafen',
                             'useColor': true,
                             'subPage': true,
                             'parent': Licht1,
                             'items': [
                             {id: 'alias.0.NSPanel.Schlafzimmer.Bett1',
                                 icon: 'lightbulb-on',
                                 icon2: 'lightbulb-outline',
                                 offColor: Off,
                                 minValueColorTemp: 2700,
                                 maxValueColorTemp: 6500,
                                 interpolateColor: true,
                                 modeList: ["Color", "Nachtlicht"], inSel_ChoiceState: true,
                                 popupVersion: 2},
                             {id: 'alias.0.NSPanel.Schlafzimmer.Bett2',
                                 icon: 'lightbulb-on',
                                 icon2: 'lightbulb-outline',
                                 offColor: Off,
                                 minValueColorTemp: 2700,
                                 maxValueColorTemp: 6500,
                                 interpolateColor: true,
                                 modeList: ["Color", "Nachtlicht"], inSel_ChoiceState: true,
                                 popupVersion: 2},
                             {id: 'alias.0.NSPanel.Schlafzimmer.Bett3',
                                 icon: 'lightbulb-on',
                                 icon2: 'lightbulb-outline',
                                 offColor: Off,
                                 minValueColorTemp: 2700,
                                 maxValueColorTemp: 6500,
                                 interpolateColor: true,
                                 modeList: ["Color", "Nachtlicht"], inSel_ChoiceState: true,
                                 popupVersion: 2},
                             {id: 'alias.0.NSPanel.Schlafzimmer.Lichtstreifen',
                                 icon: 'lightbulb-on',
                                 icon2: 'lightbulb-outline',
                                 offColor: Off,
                                 minValueColorTemp: 2203,
                                 maxValueColorTemp: 6536,
                                 interpolateColor: true,
                                 modeList: ["Color", "Nachtlicht"], inSel_ChoiceState: true,
                                 popupVersion: 2
                             }
                         ]
                  };
                  
                  let Ankleidezimmer: PageType =
                         {
                             'type': 'cardEntities',
                             'heading': 'Ankleidezimmer',
                             'useColor': true,
                             'subPage': true,
                             'parent': Licht1,
                             'items': [
                                 { id: 'alias.0.NSPanel.Ankleidezimmer.Steckdose_Fenster'}
                             ]
                  };
                  
                  let Bad: PageType =
                         {
                             'type': 'cardEntities',
                             'heading': 'Bad unten',
                             'useColor': true,
                             'subPage': true,
                             'parent': Licht1,
                             'items': [
                                 { id: 'alias.0.NSPanel.Badezimmer.Badezimmer_Licht', icon: 'lightbulb-on', icon2: 'lightbulb-outline',}
                             ]
                  };
                  
                  let Treppenlicht: PageType =
                         {
                             'type': 'cardEntities',
                             'heading': 'Treppenlicht',
                             'useColor': true,
                             'subPage': true,
                             'parent': Licht1,
                             'items': [
                                 { id: 'alias.0.NSPanel.Hue_Flur_Mitte.Treppenlicht', icon: 'lightbulb-on', icon2: 'lightbulb-outline',}
                             ]
                  };
                  
                  let Rolladen: PageType =
                         {
                             'type': 'cardGrid',
                             'heading': 'Rolladen',
                             'useColor': true,
                             'subPage': false,
                             'parent': undefined,
                             'items': [
                                 { id: 'alias.0.NSPanel.Schlafzimmer.Rolladen',icon: 'window-shutter',name: 'Schlafen',interpolateColor: true},
                                 { id: 'alias.0.NSPanel.Ankleidezimmer.Rolladen',icon: 'window-shutter',name: 'Ankleide',interpolateColor: true}
                             ]
                  };
                  
                  let CardPower: PageType =
                         {
                             "type": "cardPower",
                             "heading": "Energiefluss",
                  //          "useColor": true,
                             "subPage": false,
                             "parent": undefined,
                             "items": [
                                 //{id: "alias.0.NSPanel.PowerCard" }
                                 {id: 'alias.0.NSPanel.PowerCard',
                                     alwaysOnDisplay: true }
                      ]
                  };
                  
                  //-- https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Page-%E2%80%90-Typen_How-2_Beispiele
                  
                  //-- ENDE für eigene Seiten -- z.T. selbstdefinierte Aliase erforderlich -------------------------
                  //-- END for your own pages -- some self-defined aliases required ------------------------
                  
                  // EN: Configuration
                  
                  export const config: Config = {
                      // Seiteneinteilung / Page division
                      // Hauptseiten / Mainpages
                      pages: [
                          Programmseite,
                          CardPower,
                          Licht1,
                          Wohnen,
                          Rolladen,
                          Unlock_Service,  //Auto-Alias Service Page (Service Pages used with cardUnlock)
                          //NSPanel_Service, //Auto-Alias Service Page
                      ],
                      // Unterseiten / Subpages
                      subPages: [
                          NSPanel_Service_SubPage, //Auto-Alias Service Page (only used with cardUnlock)
                          NSPanel_Infos, //Auto-Alias Service Page
                          NSPanel_Wifi_Info_1, //Auto-Alias Service Page
                          NSPanel_Wifi_Info_2, //Auto-Alias Service Page
                          NSPanel_Sensoren, //Auto-Alias Service Page
                          NSPanel_Hardware, //Auto-Alias Service Page
                          NSPanel_IoBroker, //Auot-Alias Service Page
                          NSPanel_Einstellungen, //Auto-Alias Service Page
                          NSPanel_Screensaver, //Auto-Alias Service Page
                          NSPanel_ScreensaverDimmode, //Auto-Alias Service Page
                          NSPanel_ScreensaverBrightness, //Auto-Alias Service Page
                          NSPanel_ScreensaverLayout, //Auto-Alias Service Page
                          NSPanel_ScreensaverWeather, //Auto-Alias Service Page
                          NSPanel_ScreensaverDateformat, //Auto-Alias Service Page
                          NSPanel_ScreensaverIndicators, //Auto-Alias Service Page
                          NSPanel_Relays, //Auto-Alias Service Page
                          NSPanel_Script, //Auto-Alias Service Page
                          NSPanel_Firmware, //Auto-Alias Service Page
                          NSPanel_FirmwareTasmota, //Auto-Alias Service Page
                          NSPanel_FirmwareBerry, //Auto-Alias Service Page
                          NSPanel_FirmwareNextion, //Auto-Alias Service Page
                          Abfall,
                          GuestWifi,
                          Kueche,
                          //Spuele,
                          Wohnzimmer,
                          FlurHue,
                          Treppenlicht,
                          Bad,
                          Waschkueche,
                          Schlafzimmer,
                          Ankleidezimmer,  
                          ],
                  

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

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

                  @teletapi

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

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

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

                  diese sieht dann im Adapter so aus

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

                  die Subpage für den Abfall sieht dann so aus

                  const Abfall: ScriptConfig.PageEntities =  {
                             type: 'cardEntities',
                             heading: 'Abfallkalender',
                             useColor: true,
                             subPage: true,
                             parent: 'main',
                             items: [
                                 { id: 'alias.0.NSPanel.allgemein.Abfall.event1', icon: 'trash-can'},
                                 { id: 'alias.0.NSPanel.allgemein.Abfall.event2', icon: 'trash-can'},
                                 { id: 'alias.0.NSPanel.allgemein.Abfall.event3', icon: 'trash-can'},
                                 { id: 'alias.0.NSPanel.allgemein.Abfall.event4', icon: 'trash-can'},
                                 { id: 'alias.0.NSPanel.allgemein.Abfall.event5', icon: 'trash-can'}
                             ]
                  };
                  

                  deine pages und subpages dann so

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

                  also immer das was hinter const steht.

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

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

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

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

                  1 Antwort Letzte Antwort
                  1
                  • T Nicht stören
                    T Nicht stören
                    ticaki
                    schrieb am zuletzt editiert von
                    #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 Antwort Letzte Antwort
                    0
                    • arteckA Offline
                      arteckA Offline
                      arteck
                      Developer Most Active
                      schrieb am zuletzt editiert von 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 Antworten Letzte Antwort
                      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 Nicht stören
                        T Nicht stören
                        ticaki
                        schrieb am zuletzt editiert von
                        #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 :D

                        Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

                        Spenden

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

                          @arteck
                          da fehlt auch das ACTUAL in deinem Channel. du müsstest auch eine Fehlermeldung beim ConfigScript bekommen haben.

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

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

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

                          T 1 Antwort Letzte Antwort
                          0
                          • T TT-Tom

                            @arteck
                            da fehlt auch das ACTUAL in deinem Channel. du müsstest auch eine Fehlermeldung beim ConfigScript bekommen haben.

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

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

                            @arteck
                            da fehlt auch das ACTUAL in deinem Channel. du müsstest auch eine Fehlermeldung beim ConfigScript bekommen haben.

                            wir hatten uns mal darauf geeinigt das ACTUAL nur zwingend ist, wenns kein SET gibt. Eines von den tausend Dingen auf die wir uns so zwischendurch mal geeinigt haben die keinen ausser mir interessieren. :D Um ehrlich zu sein, ist mir aber auch erst gerade wieder eingefallen.

                            Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

                            Spenden

                            T 1 Antwort Letzte Antwort
                            2
                            • T ticaki

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

                              @arteck
                              da fehlt auch das ACTUAL in deinem Channel. du müsstest auch eine Fehlermeldung beim ConfigScript bekommen haben.

                              wir hatten uns mal darauf geeinigt das ACTUAL nur zwingend ist, wenns kein SET gibt. Eines von den tausend Dingen auf die wir uns so zwischendurch mal geeinigt haben die keinen ausser mir interessieren. :D Um ehrlich zu sein, ist mir aber auch erst gerade wieder eingefallen.

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

                              @ticaki
                              was redest du da... OK ich weiß es gerade auch nicht wirklich :D

                              EDIT: Tom und ich haben unrecht - ich bei dem was required ist und Tom damit das es bei der role socket required ist :D

                              Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

                              Spenden

                              ArmilarA 1 Antwort Letzte Antwort
                              2
                              • T ticaki

                                @ticaki
                                was redest du da... OK ich weiß es gerade auch nicht wirklich :D

                                EDIT: Tom und ich haben unrecht - ich bei dem was required ist und Tom damit das es bei der role socket required ist :D

                                ArmilarA Offline
                                ArmilarA Offline
                                Armilar
                                Most Active Forum Testing
                                schrieb am zuletzt editiert von
                                #114

                                @ticaki

                                hänge mich jetzt auch mal hier rein... Man bekommt ja sonst gar nichts mit ;-)

                                P.S.: der Ventilator (@TT-Tom gestern implementiert) ist jetzt auch fertig getestet :blush: und funktioniert in der v4.9.1

                                Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                                https://github.com/joBr99/nspanel-lovelace-ui/wiki

                                Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

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

                                  Änderungen in der Alias Tabelle:

                                  • Wir haben uns jetzt darauf verständigt das SET erforderlich ist und wo es kein SET gibt ist es ACTUAL.
                                    Bedeutet wenn ACTUAL nicht vorhanden ist, wird SET als Anzeige verwendet. Wenn das nicht passieren soll, ACTUAL mit einem konstanten Wert anlegen

                                  • socket hat ein andere role für ACTUAL erhalten

                                  • Role ' info' ist AFAIK die einzige role die einen indicator abbildet ohne vordefiniert zu sein.

                                  Fehlerbehebung

                                  • Wenn icon2 nicht definiert ist, wird es durch icon ersetzt.
                                  • Socket schaltet jetzt auch.

                                  Änderungen sind auf Github ohne Versionänderung (in 5 Minuten)

                                  Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

                                  Spenden

                                  T arteckA 2 Antworten Letzte Antwort
                                  1
                                  • T ticaki

                                    Änderungen in der Alias Tabelle:

                                    • Wir haben uns jetzt darauf verständigt das SET erforderlich ist und wo es kein SET gibt ist es ACTUAL.
                                      Bedeutet wenn ACTUAL nicht vorhanden ist, wird SET als Anzeige verwendet. Wenn das nicht passieren soll, ACTUAL mit einem konstanten Wert anlegen

                                    • socket hat ein andere role für ACTUAL erhalten

                                    • Role ' info' ist AFAIK die einzige role die einen indicator abbildet ohne vordefiniert zu sein.

                                    Fehlerbehebung

                                    • Wenn icon2 nicht definiert ist, wird es durch icon ersetzt.
                                    • Socket schaltet jetzt auch.

                                    Änderungen sind auf Github ohne Versionänderung (in 5 Minuten)

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

                                    @ticaki
                                    @all

                                    Im Wiki liegt unter Developer die aktuelle Alias Tabelle, wie der Adapter die Datenpunkte akzeptiert.

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

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

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

                                    1 Antwort Letzte Antwort
                                    0
                                    • T ticaki

                                      Änderungen in der Alias Tabelle:

                                      • Wir haben uns jetzt darauf verständigt das SET erforderlich ist und wo es kein SET gibt ist es ACTUAL.
                                        Bedeutet wenn ACTUAL nicht vorhanden ist, wird SET als Anzeige verwendet. Wenn das nicht passieren soll, ACTUAL mit einem konstanten Wert anlegen

                                      • socket hat ein andere role für ACTUAL erhalten

                                      • Role ' info' ist AFAIK die einzige role die einen indicator abbildet ohne vordefiniert zu sein.

                                      Fehlerbehebung

                                      • Wenn icon2 nicht definiert ist, wird es durch icon ersetzt.
                                      • Socket schaltet jetzt auch.

                                      Änderungen sind auf Github ohne Versionänderung (in 5 Minuten)

                                      arteckA Offline
                                      arteckA Offline
                                      arteck
                                      Developer Most Active
                                      schrieb am zuletzt editiert von
                                      #117

                                      @ticaki ich hab da noch einen..

                                      wenn ich einen internen MQTT bestimme dann werdn mir am panel die mqtt settings umgeschmissen wenn ich diesen in den adapter reinziehen will..
                                      werde zwar gewarnt das es 40 sek dauern kann (die initialisierung) wenn ich das aber nicht will.. kann ich den panel nicht reinziehen (GIT version)

                                      ich bestimme meine topics selber im mqtt adapter .. währe schön wenn ich das panel manuell hinzufügen könnte.. oder noch besser wenn der adapter sich die Einstellungen (falls ein Script schon vorhanden) reinziehen würde

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

                                      T 1 Antwort Letzte Antwort
                                      0
                                      • arteckA arteck

                                        @ticaki ich hab da noch einen..

                                        wenn ich einen internen MQTT bestimme dann werdn mir am panel die mqtt settings umgeschmissen wenn ich diesen in den adapter reinziehen will..
                                        werde zwar gewarnt das es 40 sek dauern kann (die initialisierung) wenn ich das aber nicht will.. kann ich den panel nicht reinziehen (GIT version)

                                        ich bestimme meine topics selber im mqtt adapter .. währe schön wenn ich das panel manuell hinzufügen könnte.. oder noch besser wenn der adapter sich die Einstellungen (falls ein Script schon vorhanden) reinziehen würde

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

                                        @arteck
                                        Ich gehe davon aus das du einen externen Mqtt Server meinst - im sinn von nicht den adapter internen. Der Adapter interne ist wie er ist und darauf ausgelegt das es mit minimalem Supportaufwand läuft.

                                        Was du mit

                                        wenn ich einen internen MQTT bestimme dann werdn mir am panel die mqtt settings umgeschmissen

                                        meinst, weiß ich nicht. Der Adapter setzt 20-30 Optionen. Ich werde das nicht alles entfernen und nachher jedem erklären wie man das richtig einstellt, oder es einstellbar machen mit dem gleichen Ergebnis.

                                        Welche Option macht ein Problem?

                                        ` MqttHost ${obj.message.mqttServer ? obj.message.internalServerIp : obj.message.mqttIp};` +
                                        ` MqttPort ${obj.message.mqttPort}; MqttUser ${obj.message.mqttUsername}; MqttPassword ${obj.message.mqttPassword};` +
                                        ` FullTopic ${`${topic}/%prefix%/`.replaceAll('//', '/')};` +
                                        ` MqttRetry 10; FriendlyName1 ${obj.message.tasmotaName}; Hostname ${obj.message.tasmotaName.replaceAll(/[^a-zA-Z0-9_-]/g, '_')};` +
                                        ` MqttClient ${mqttClientId};` +
                                        ` ${obj.message.mqttServer ? 'SetOption132 1; SetOption103 1 ' : 'SetOption132 0; SetOption103 0'}; Restart 1`;
                                        
                                        ` WebLog 2; template {"NAME":"${obj.message.tasmotaName}", "GPIO":[0,0,0,0,3872,0,0,0,0,0,32,0,0,0,0,225,0,480,224,1,0,0,0,33,0,0,0,0,0,0,0,0,0,0,4736,0],"FLAG":0,"BASE":1};` +
                                        ` Module 0;${this.config.timezone ? definition.getTasmotaTimeZone(this.config.timezone) : ''}: restart 1`,
                                        

                                        Wenn es der Fulltopic ist und du das umgedreht haben willst, so wie Tasmota das im Default durcheinander würfelt, kann das auf die Liste kommen. Bitte Issue erstellen! Weiß aus dem Kopf nicht wie aufwendig der Einbau wäre.

                                        Wenn es die Rule sind.

                                        `${this.topic}/cmnd/Rule3`,
                                                    `ON CustomSend DO RuleTimer1 120 ENDON ON Rules#Timer=1 DO CustomSend pageType~pageStartup ENDON${
                                                        this.detach.left
                                                            ? ` ON Button1#state do Publish ${this.topic}/tele/RESULT {"CustomRecv":"event,button1"} ENDON`
                                                            : ''
                                                    }${
                                                        this.detach.right
                                                            ? ` ON Button2#state do Publish ${this.topic}/tele/RESULT {"CustomRecv":"event,button2"} ENDON`
                                                            : ''
                                                    }`,
                                        

                                        Die sind so.

                                        Zu dem Manuell hinzufügen - Ich kann mir vorstellen da mehr konfigurierbar zu machen, aber manuellen Hinzufügen im Sinne von Nutzer-A gibt da zufällige Werte ein und ich darf im dann erklären wie man es richtig macht, halte ich nicht für zielführend.

                                        Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

                                        Spenden

                                        arteckA 1 Antwort Letzte Antwort
                                        0
                                        • T ticaki

                                          @arteck
                                          Ich gehe davon aus das du einen externen Mqtt Server meinst - im sinn von nicht den adapter internen. Der Adapter interne ist wie er ist und darauf ausgelegt das es mit minimalem Supportaufwand läuft.

                                          Was du mit

                                          wenn ich einen internen MQTT bestimme dann werdn mir am panel die mqtt settings umgeschmissen

                                          meinst, weiß ich nicht. Der Adapter setzt 20-30 Optionen. Ich werde das nicht alles entfernen und nachher jedem erklären wie man das richtig einstellt, oder es einstellbar machen mit dem gleichen Ergebnis.

                                          Welche Option macht ein Problem?

                                          ` MqttHost ${obj.message.mqttServer ? obj.message.internalServerIp : obj.message.mqttIp};` +
                                          ` MqttPort ${obj.message.mqttPort}; MqttUser ${obj.message.mqttUsername}; MqttPassword ${obj.message.mqttPassword};` +
                                          ` FullTopic ${`${topic}/%prefix%/`.replaceAll('//', '/')};` +
                                          ` MqttRetry 10; FriendlyName1 ${obj.message.tasmotaName}; Hostname ${obj.message.tasmotaName.replaceAll(/[^a-zA-Z0-9_-]/g, '_')};` +
                                          ` MqttClient ${mqttClientId};` +
                                          ` ${obj.message.mqttServer ? 'SetOption132 1; SetOption103 1 ' : 'SetOption132 0; SetOption103 0'}; Restart 1`;
                                          
                                          ` WebLog 2; template {"NAME":"${obj.message.tasmotaName}", "GPIO":[0,0,0,0,3872,0,0,0,0,0,32,0,0,0,0,225,0,480,224,1,0,0,0,33,0,0,0,0,0,0,0,0,0,0,4736,0],"FLAG":0,"BASE":1};` +
                                          ` Module 0;${this.config.timezone ? definition.getTasmotaTimeZone(this.config.timezone) : ''}: restart 1`,
                                          

                                          Wenn es der Fulltopic ist und du das umgedreht haben willst, so wie Tasmota das im Default durcheinander würfelt, kann das auf die Liste kommen. Bitte Issue erstellen! Weiß aus dem Kopf nicht wie aufwendig der Einbau wäre.

                                          Wenn es die Rule sind.

                                          `${this.topic}/cmnd/Rule3`,
                                                      `ON CustomSend DO RuleTimer1 120 ENDON ON Rules#Timer=1 DO CustomSend pageType~pageStartup ENDON${
                                                          this.detach.left
                                                              ? ` ON Button1#state do Publish ${this.topic}/tele/RESULT {"CustomRecv":"event,button1"} ENDON`
                                                              : ''
                                                      }${
                                                          this.detach.right
                                                              ? ` ON Button2#state do Publish ${this.topic}/tele/RESULT {"CustomRecv":"event,button2"} ENDON`
                                                              : ''
                                                      }`,
                                          

                                          Die sind so.

                                          Zu dem Manuell hinzufügen - Ich kann mir vorstellen da mehr konfigurierbar zu machen, aber manuellen Hinzufügen im Sinne von Nutzer-A gibt da zufällige Werte ein und ich darf im dann erklären wie man es richtig macht, halte ich nicht für zielführend.

                                          arteckA Offline
                                          arteckA Offline
                                          arteck
                                          Developer Most Active
                                          schrieb am zuletzt editiert von arteck
                                          #119

                                          @ticaki diese Seite meine ich

                                          f183f3b7-a0dc-4e9e-b156-137159efab35-grafik.png

                                          wenn ich + drücke kann ich da nix eintragen. ich muss immer über
                                          31e2293b-0f19-463f-908e-88f141c12453-grafik.png

                                          das will ich nicht... ich kenne meine Werte..warum muss das immer überschrieben werden ??

                                          so siehr meine tasmota seite aus
                                          0ede6712-23f1-494d-b4e2-bf011362646e-grafik.png
                                          so sieht meine mqtt Struktur aus

                                          71e053b4-9918-474a-bdc3-e80a06f12b27-grafik.png


                                          ich habs nochmal aufgesetzt..

                                          das ist das was du draus machst
                                          66f859da-75a2-46d0-851a-4372bc2c60f5-grafik.png

                                          hmm.. hatte wohl einen quersitzen.. gestern hat der mir die ganze Seite umgeschmissen...
                                          deshalb die Frage nach dem manuellen Eintrag.. wobei das + zeichen ist sehr irritierend.


                                          popupVersion wird im Script nicht erkannt.. btw
                                          adc8be15-4011-4f34-ae19-0447a9735a85-grafik.png

                                          und es wird gemoppert

                                          nspanel-lovelace-ui.0
                                          2025-07-13 10:04:06.225	warn	Invalid color value: "0_userdata.0.Abfallkalender.1.color"
                                          
                                          nspanel-lovelace-ui.0
                                          2025-07-13 10:04:06.237	error	[config-manager] No navigation items found! This needs to be fixed!
                                          
                                          nspanel-lovelace-ui.0
                                          2025-07-13 10:04:09.660	warn	[StatesDB] Dont find states for /^accuweather\.0.+/!
                                          
                                          nspanel-lovelace-ui.0
                                          2025-07-13 10:04:09.667	warn	[StatesDB] Dont find states for /^accuweather\.0.+/!
                                          
                                          nspanel-lovelace-ui.0
                                          2025-07-13 10:04:09.668	warn	[StatesDB] Dont find states for /^accuweather\.0.+/!
                                          
                                          nspanel-lovelace-ui.0
                                          2025-07-13 10:04:09.689	warn	[StatesDB] Dont find states for accuweather.0!
                                          
                                          nspanel-lovelace-ui.0
                                          2025-07-13 10:04:09.693	warn	[StatesDB] Dont find states for accuweather.0!
                                          
                                          nspanel-lovelace-ui.0
                                          2025-07-13 10:04:09.698	warn	[StatesDB] Dont find states for accuweather.0!
                                          
                                          nspanel-lovelace-ui.0
                                          2025-07-13 10:04:09.702	warn	[StatesDB] Dont find states for accuweather.0!
                                          
                                          nspanel-lovelace-ui.0
                                          2025-07-13 10:04:09.832	warn	[nspanel_garten-navigation] Dont find a navigation node with name main
                                          
                                          nspanel-lovelace-ui.0
                                          2025-07-13 10:04:09.834	warn	[nspanel_garten-navigation] Dont find a navigation node with name main
                                          
                                          nspanel-lovelace-ui.0
                                          2025-07-13 10:04:09.835	warn	[nspanel_garten-navigation] Dont find navigation main page for main
                                          

                                          accuweather hab ich nicht.. brauch ich nicht.. kannst du das bitte abschaltbar machen. sowie abfallkalender .. brauch ich nicht
                                          habs überschrieben mag der nicht

                                          01a4523d-1310-42b1-ad33-a7328ee206a4-grafik.png

                                          dadrunter ist direkt die main seite mag der auch nicht..

                                          7425bc16-4fd7-40bb-bc76-60a9a4abdb66-grafik.png

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

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          652

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

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

                                          • Du hast noch kein Konto? Registrieren

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