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

  • Default (No Skin)
  • No Skin
Collapse
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Tester
  4. Betatest NSPanel-lovelace-ui v0.7.x

NEWS

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

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

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

Betatest NSPanel-lovelace-ui v0.7.x

Betatest NSPanel-lovelace-ui v0.7.x

Scheduled Pinned Locked Moved Tester
692 Posts 26 Posters 122.1k Views 29 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • T TT-Tom

    @teletapi

    im Experten Modus auf die Katze klicken und dann von npm installieren.
    2c37faac-a49f-47b6-b427-cca10ddc2ab2-image.png

    es gibt hier eine Kurzanleitung. Das Wiki ist grade auf Github im Aufbau.

    Wichtig
    Das Script muss gestoppt werden bevor die Instanz vom Adapter gestartet wird.
    Die Instanz muss manuell angelegt werden.

    erst mal mit einer Seite anfangen und nicht alles rüber kopieren.

    Fehlermeldungen aus dem LOG immer in die Codetags packen, liest sich einfach besser.

    teletapiT Online
    teletapiT Online
    teletapi
    wrote on last edited by teletapi
    #99

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

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

    T 1 Reply Last reply
    0
    • teletapiT teletapi

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

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

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

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

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

      Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

      Spenden

      teletapiT 1 Reply Last reply
      1
      • T ticaki

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

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

        teletapiT Online
        teletapiT Online
        teletapi
        wrote on last edited by teletapi
        #101

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

        T T 2 Replies Last reply
        0
        • teletapiT teletapi

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

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

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

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

          Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

          Spenden

          ? 1 Reply Last reply
          0
          • T ticaki

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

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

            ? Offline
            ? Offline
            A Former User
            wrote on last edited by
            #103

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

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

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

            T 1 Reply Last reply
            0
            • ? A Former User

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

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

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

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

              @neuschwansteini

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

              Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

              Spenden

              1 Reply Last reply
              1
              • teletapiT teletapi

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

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

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

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

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

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

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

                teletapiT 1 Reply Last reply
                0
                • T TT-Tom

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

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

                  teletapiT Online
                  teletapiT Online
                  teletapi
                  wrote on last edited by
                  #106

                  @tt-tom

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

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

                  T 1 Reply Last reply
                  0
                  • teletapiT teletapi

                    @tt-tom

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

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

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

                    @teletapi

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

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

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

                    diese sieht dann im Adapter so aus

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

                    die Subpage für den Abfall sieht dann so aus

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

                    deine pages und subpages dann so

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

                    also immer das was hinter const steht.

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

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

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

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

                    1 Reply Last reply
                    1
                    • T Do not disturb
                      T Do not disturb
                      ticaki
                      wrote on last edited by
                      #108

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

                      Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

                      Spenden

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

                        @ticaki

                        das icon wird nicht aus dem script gezogen ..

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

                        so ist das Object beschrieben

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

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

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

                        T T 2 Replies Last reply
                        0
                        • arteckA arteck

                          @ticaki

                          das icon wird nicht aus dem script gezogen ..

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

                          so ist das Object beschrieben

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

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

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

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

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

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

                          Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

                          Spenden

                          1 Reply Last reply
                          0
                          • 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
                            wrote on last edited by
                            #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 Reply Last reply
                            0
                            • T TT-Tom

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

                              T Do not disturb
                              T Do not disturb
                              ticaki
                              wrote on last edited by 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. 😄 Um ehrlich zu sein, ist mir aber auch erst gerade wieder eingefallen.

                              Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

                              Spenden

                              T 1 Reply Last reply
                              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. 😄 Um ehrlich zu sein, ist mir aber auch erst gerade wieder eingefallen.

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

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

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

                                Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

                                Spenden

                                ArmilarA 1 Reply Last reply
                                2
                                • T ticaki

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

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

                                  ArmilarA Offline
                                  ArmilarA Offline
                                  Armilar
                                  Most Active Forum Testing
                                  wrote on last edited by
                                  #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 😊 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 Reply Last reply
                                  2
                                  • T Do not disturb
                                    T Do not disturb
                                    ticaki
                                    wrote on last edited by 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 Replies Last reply
                                    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
                                      wrote on last edited by
                                      #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 Reply Last reply
                                      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
                                        wrote on last edited by
                                        #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 Reply Last reply
                                        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 Do not disturb
                                          T Do not disturb
                                          ticaki
                                          wrote on last edited by
                                          #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 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

                                          610

                                          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