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

  • Default (No Skin)
  • No Skin
Collapse
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Hardware
  4. SONOFF NSPanel mit Lovelace UI

NEWS

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

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

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

SONOFF NSPanel mit Lovelace UI

Scheduled Pinned Locked Moved Hardware
lovelace uinspanelsonoff
7.7k Posts 271 Posters 6.7m Views 253 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • GarganoG Gargano

    @xelarep wenns jetzt funktioniert ist erstmal gut. Die Warnings kommen ja nur beim Start.

    ArmilarA Offline
    ArmilarA Offline
    Armilar
    Most Active Forum Testing
    wrote on last edited by
    #4078

    @xelarep

    Warnings beim Start der JS-Adapter-Instanz sind völlig normal... Einfach ignorieren... 😊

    Warnings beim TS-Script-Start betrachten wir hier 😉 . Ich denke jetzt funktioniert alles, oder?

    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.

    X 1 Reply Last reply
    0
    • ArmilarA Armilar

      @xelarep

      Warnings beim Start der JS-Adapter-Instanz sind völlig normal... Einfach ignorieren... 😊

      Warnings beim TS-Script-Start betrachten wir hier 😉 . Ich denke jetzt funktioniert alles, oder?

      X Offline
      X Offline
      xelarep
      wrote on last edited by
      #4079

      @armilar @Gargano

      Ja, es funktioniert alles. Ich hab in der Zwischenzeit auch mein Gesamtsystem mal aktualisiert https://forum.iobroker.net/topic/69067/neuer-befehl-iob-nodejs-update/72?_=1698741140337

      Ich konnte jetzt im Log nach Neustart nichts mehr finden.

      Danke für Eure Unterstützung!

      X 1 Reply Last reply
      1
      • D Offline
        D Offline
        danny_v1
        wrote on last edited by
        #4080

        Hallo, ich habe leider immer noch folgenden Fehler:

        wenn ich auf einer Seite z.B. Wohnzimmer bin die als PageGrid definiert ist und dann eine Subpage z.B. Deckenlampen aufrufe welche als PageEntities definiert ist und dort über den Schalter eine Lampe schalte wird die Aktion ausgeführt und auf die vorhergehende Seite Wohnzimmer umgeschaltet, welche aber als PageEntities und nicht mehr als PageGrid dargestellt wird.
        Woher könnte der Fehler kommen?

        Soll ich das Skript heute abend mal komplett posten? Oder nur die Seiten die es betrifft?

        ArmilarA 1 Reply Last reply
        0
        • D danny_v1

          Hallo, ich habe leider immer noch folgenden Fehler:

          wenn ich auf einer Seite z.B. Wohnzimmer bin die als PageGrid definiert ist und dann eine Subpage z.B. Deckenlampen aufrufe welche als PageEntities definiert ist und dort über den Schalter eine Lampe schalte wird die Aktion ausgeführt und auf die vorhergehende Seite Wohnzimmer umgeschaltet, welche aber als PageEntities und nicht mehr als PageGrid dargestellt wird.
          Woher könnte der Fehler kommen?

          Soll ich das Skript heute abend mal komplett posten? Oder nur die Seiten die es betrifft?

          ArmilarA Offline
          ArmilarA Offline
          Armilar
          Most Active Forum Testing
          wrote on last edited by Armilar
          #4081

          @danny_v1

          Die Variablen des Seitenaufbau's deiner eigenen Seiten dürfte reichen um den Fehler zu finden. Ebenso noch die Pages- und Subpagesauflistungen in der export const config = <Config> {...

          Auf welcher Version des TS-Scripts bist du jetzt aktuell?

          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.

          D 1 Reply Last reply
          0
          • ArmilarA Armilar

            @danny_v1

            Die Variablen des Seitenaufbau's deiner eigenen Seiten dürfte reichen um den Fehler zu finden. Ebenso noch die Pages- und Subpagesauflistungen in der export const config = <Config> {...

            Auf welcher Version des TS-Scripts bist du jetzt aktuell?

            D Offline
            D Offline
            danny_v1
            wrote on last edited by danny_v1
            #4082

            @armilar
            Ich hab hier mal paar Seiten die es betrifft:

            let Obergeschoss = <PageGrid>
            
            {
                "type": "cardGrid",
                "heading": "Obergeschoss",
                "useColor": true,
                "subPage": false,
                "parent": undefined,
                'prev': 'AlarmSeite',
                'next': 'Untergeschoss',
                'home': undefined,
                'prevIcon': 'shield-alert',
                'nextIcon': 'home-floor-0',
                "items": [
                        <PageItem>{ navigate: true, id: "Wohnzimmer1", icon: "sofa-outline", onColor: White, name: "Wohnzimmer"},
                        <PageItem>{ navigate: true, id: "Kinderzimmer_Ede", icon: "human-child", onColor: White, name: "Ede"},
                        <PageItem>{ navigate: true, id: "Kinderzimmer_Edda", icon: "human-child", onColor: White, name: "Edda"},
                        <PageItem>{ navigate: true, id: "Balkon", icon: "balcony", onColor: White, name: "Balkon"},
                        <PageItem>{ navigate: true, id: "Flur_OG", icon: "stairs", onColor: White, name: "Flur"}
                ]
            
            };
            
            
                        let Wohnzimmer1 = <PageGrid>
            
                        {
                            "type": "cardGrid",
                            "heading": "Wohnzimmer 1",
                            "useColor": true,
                            "subPage": true,
                            "parent": Obergeschoss,
                            'prev': undefined,
                            'next': 'Wohnzimmer2',
                            'home': undefined,
                            "items": [
                                    <PageItem>{ navigate: true, id: 'alias.0.Wohnzimmer.Deckenlampe.Alle.Info.INFO', targetPage: "Deckenlampen_WZ", icon: "ceiling-light-multiple", offColor: Yellow, onColor: White, name: "Deckenlampen"},
                                    <PageItem>{ navigate: true, id: null, targetPage: "Lampen_WZ", icon: "floor-lamp", onColor: White, name: "Lampen"},
                                    <PageItem>{ navigate: true, id: null, targetPage: "Lampen2_WZ", icon: "floor-lamp", onColor: White, name: "Lampen sonstige"},
                                    <PageItem>{ navigate: true, id: 'alias.0.Wohnzimmer.HeizungWZ.SET', targetPage: "Themostat_WZ", icon: "temperature-celsius", onColor: White, name: "Temperaturen"},
                                    <PageItem>{ navigate: true, id: null, targetPage: "Status_WZ", icon: "state-machine", onColor: White, name: "Status"},
                                    <PageItem>{ navigate: true, id: null, targetPage: "Alexa_WZ", icon: "music", onColor: White, name: "Alexa"}
                            ]
            
                        };
            
                        let Wohnzimmer2= <PageGrid>
            
                        {
                            "type": "cardGrid",
                            "heading": "Wohnzimmer 2",
                            "useColor": true,
                            "subPage": true,
                            "parent": Obergeschoss,
                            'prev': undefined,
                            'next': 'Wohnzimmer1',
                            'home': undefined,
                            "items": [
                                    <PageItem>{ navigate: true, id: "Szenen_WZ", icon: "ceiling-light-multiple", onColor: White, name: "Szenen"},
                                    <PageItem>{ navigate: true, id: "WLED", icon: "led-strip-variant", onColor: White, name: "WLED"},
                                    <PageItem>{ id: "alias.0.TIMER1", icon: "timer-outline", name: "Timer", onColor: White}
                            ]
            
                        };
                                    let Deckenlampen_WZ= <PageEntities>
            
                                    {
                                        "type": "cardEntities",
                                        "heading": "Deckenlampen",
                                        "useColor": true,
                                        "subPage": true,
                                        "parent": Wohnzimmer1,
                                        "items": [
                                                <PageItem>{ id: "alias.0.Wohnzimmer.Deckenlampe.SofaRGB.Gruppe", name: "Sofa RGB", icon: "ceiling-light-multiple", minValueBrightness: 0, maxValueBrightness: 100, minValueColorTemp: 150, maxValueColorTemp: 500, interpolateColor: true, colormode: "xy"},
                                                <PageItem>{ id: "alias.0.Wohnzimmer.Deckenlampe.Gross.GruppeNSP", name: "Gross", icon: "ceiling-light-multiple", minValueColorTemp: 153, maxValueColorTemp: 370, interpolateColor: true}
                                                 
                                        ]
            
                                    };
            
                                    let Lampen_WZ= <PageEntities>
            
                                    {
                                        "type": "cardEntities",
                                        "heading": "Lampen",
                                        "useColor": true,
                                        "subPage": true,
                                        "parent": Wohnzimmer1,
                                        "items": [
                                                <PageItem>{ id: "alias.0.Wohnzimmer.Lampe.Schreibtisch.Schreibtischlampe", name: "Schreibtisch", icon: "desk-lamp", interpolateColor: true},
                                                <PageItem>{ id: "alias.0.Wohnzimmer.Lampe.Laterne.Laterne", name: "Laterne", icon: "lamp", interpolateColor: true},
                                                <PageItem>{ id: "alias.0.Wohnzimmer.Lampe.Stehlampe.Stehlampe", name: "Stehlampe", icon: "floor-lamp", interpolateColor: true},
                                                <PageItem>{ id: "alias.0.Wohnzimmer.Lampe.Humidor.Humidor", name: "Humidor", icon: "lamp"}
                                        ]
            
                                    };
            
                                    let Lampen2_WZ= <PageEntities>
            
                                    {
                                        "type": "cardEntities",
                                        "heading": "Lampen sonstige",
                                        "useColor": true,
                                        "subPage": true,
                                        "parent": Wohnzimmer1,
                                        "items": [
                                                <PageItem>{ id: "alias.0.Wohnzimmer.Lampe.Vapelampe.VapelampeRGB", name: "Vapelampe RGB", icon: "desk-lamp", minValueBrightness: 0, maxValueBrightness: 100, minValueColorTemp: 500, maxValueColorTemp: 150, interpolateColor: true, colormode: "xy"},
                                                <PageItem>{ id: "alias.0.Wohnzimmer.Lampe.Vapelampe.VapelampeWeiss", name: "Vapelampe Weiss", icon: "desk-lamp", minValueColorTemp: 500, maxValueColorTemp: 6500, interpolateColor: true},
                                                <PageItem>{ id: "alias.0.Status.Test.ACTUAL", name: "Lampen am", icon: "Lamp", offColor: MSRed, onColor: MSGreen, unit: "", minValue: 0, maxValue: 12, interpolateColor: true, useColor: true }
            
                                        ]
            
                                    };
            
                                    let Themostat_WZ= <PageThermo>
                                    {
                                    "type": "cardThermo",
                                    "heading": "Thermostat",
                                    "useColor": true,
                                    "subPage": true,
                                    "parent": Wohnzimmer1,
                                    "items": [<PageItem>{ id: "alias.0.Wohnzimmer.Temperaturen.Thermostat.Thermostat", minValue: 160, maxValue: 300 }]
            
                                    };
            
                                     let Status_WZ= <PageEntities>
                                    {
                                    "type": "cardEntities",
                                    "heading": "Status",
                                    "useColor": true,
                                    "subPage": true,
                                    "parent": Wohnzimmer1,
                                    "items": [<PageItem>{ id: "alias.0.Wohnzimmer.Balkontuer", offColor: Red, onColor: Green, name: "Balkontür" },
                                                <PageItem>{ id: "alias.0.Wohnzimmer.Status.BWM", icon: "motion-sensor", icon2: "motion-sensor-off", offColor:  Blue, onColor: Green, name: "BWM" },
                                                 <PageItem>{ id: "alias.0.Wohnzimmer.Sensoren.BWM_aktiv", name: "BWM aktiv", icon: "motion-play", icon2: "motion-pause", onColor: White},
                                                  <PageItem>{ id: "alias.0.Wohnzimmer.Sensoren.BWM_aktivWennLichterAus", name: "BWM Lichter aus", icon: "motion-play", icon2: "motion-pause", onColor: White}
                                                ]
                                    };
            

            Die Pages und Subpages dazu:

                 pages: [
                        AlarmSeite,
                        Obergeschoss,
                        Untergeschoss,
                        Aussenbereich,
                        Abfall,
                        Haus_Info,
            	           //Unlock_Service,
                        NSPanel_Service         //Auto-Alias Service Page
                        ],
                subPages: [
                          //Wohnzimmer
                          Wohnzimmer1,
                            Deckenlampen_WZ,
                            Lampen_WZ,
                            Lampen2_WZ,
                            Themostat_WZ,
                            Status_WZ,
                            Alexa_WZ,
                          Wohnzimmer2,
                            Szenen_WZ,
            
                          //Kinderzimmer Ede
                          Kinderzimmer_Ede,
            
                          //Kinderzimmer Edda
                          Kinderzimmer_Edda,
            
            
            

            Das Skript ist aktuell auf Version 4.3.1.7

            ArmilarA K 2 Replies Last reply
            0
            • D danny_v1

              @armilar
              Ich hab hier mal paar Seiten die es betrifft:

              let Obergeschoss = <PageGrid>
              
              {
                  "type": "cardGrid",
                  "heading": "Obergeschoss",
                  "useColor": true,
                  "subPage": false,
                  "parent": undefined,
                  'prev': 'AlarmSeite',
                  'next': 'Untergeschoss',
                  'home': undefined,
                  'prevIcon': 'shield-alert',
                  'nextIcon': 'home-floor-0',
                  "items": [
                          <PageItem>{ navigate: true, id: "Wohnzimmer1", icon: "sofa-outline", onColor: White, name: "Wohnzimmer"},
                          <PageItem>{ navigate: true, id: "Kinderzimmer_Ede", icon: "human-child", onColor: White, name: "Ede"},
                          <PageItem>{ navigate: true, id: "Kinderzimmer_Edda", icon: "human-child", onColor: White, name: "Edda"},
                          <PageItem>{ navigate: true, id: "Balkon", icon: "balcony", onColor: White, name: "Balkon"},
                          <PageItem>{ navigate: true, id: "Flur_OG", icon: "stairs", onColor: White, name: "Flur"}
                  ]
              
              };
              
              
                          let Wohnzimmer1 = <PageGrid>
              
                          {
                              "type": "cardGrid",
                              "heading": "Wohnzimmer 1",
                              "useColor": true,
                              "subPage": true,
                              "parent": Obergeschoss,
                              'prev': undefined,
                              'next': 'Wohnzimmer2',
                              'home': undefined,
                              "items": [
                                      <PageItem>{ navigate: true, id: 'alias.0.Wohnzimmer.Deckenlampe.Alle.Info.INFO', targetPage: "Deckenlampen_WZ", icon: "ceiling-light-multiple", offColor: Yellow, onColor: White, name: "Deckenlampen"},
                                      <PageItem>{ navigate: true, id: null, targetPage: "Lampen_WZ", icon: "floor-lamp", onColor: White, name: "Lampen"},
                                      <PageItem>{ navigate: true, id: null, targetPage: "Lampen2_WZ", icon: "floor-lamp", onColor: White, name: "Lampen sonstige"},
                                      <PageItem>{ navigate: true, id: 'alias.0.Wohnzimmer.HeizungWZ.SET', targetPage: "Themostat_WZ", icon: "temperature-celsius", onColor: White, name: "Temperaturen"},
                                      <PageItem>{ navigate: true, id: null, targetPage: "Status_WZ", icon: "state-machine", onColor: White, name: "Status"},
                                      <PageItem>{ navigate: true, id: null, targetPage: "Alexa_WZ", icon: "music", onColor: White, name: "Alexa"}
                              ]
              
                          };
              
                          let Wohnzimmer2= <PageGrid>
              
                          {
                              "type": "cardGrid",
                              "heading": "Wohnzimmer 2",
                              "useColor": true,
                              "subPage": true,
                              "parent": Obergeschoss,
                              'prev': undefined,
                              'next': 'Wohnzimmer1',
                              'home': undefined,
                              "items": [
                                      <PageItem>{ navigate: true, id: "Szenen_WZ", icon: "ceiling-light-multiple", onColor: White, name: "Szenen"},
                                      <PageItem>{ navigate: true, id: "WLED", icon: "led-strip-variant", onColor: White, name: "WLED"},
                                      <PageItem>{ id: "alias.0.TIMER1", icon: "timer-outline", name: "Timer", onColor: White}
                              ]
              
                          };
                                      let Deckenlampen_WZ= <PageEntities>
              
                                      {
                                          "type": "cardEntities",
                                          "heading": "Deckenlampen",
                                          "useColor": true,
                                          "subPage": true,
                                          "parent": Wohnzimmer1,
                                          "items": [
                                                  <PageItem>{ id: "alias.0.Wohnzimmer.Deckenlampe.SofaRGB.Gruppe", name: "Sofa RGB", icon: "ceiling-light-multiple", minValueBrightness: 0, maxValueBrightness: 100, minValueColorTemp: 150, maxValueColorTemp: 500, interpolateColor: true, colormode: "xy"},
                                                  <PageItem>{ id: "alias.0.Wohnzimmer.Deckenlampe.Gross.GruppeNSP", name: "Gross", icon: "ceiling-light-multiple", minValueColorTemp: 153, maxValueColorTemp: 370, interpolateColor: true}
                                                   
                                          ]
              
                                      };
              
                                      let Lampen_WZ= <PageEntities>
              
                                      {
                                          "type": "cardEntities",
                                          "heading": "Lampen",
                                          "useColor": true,
                                          "subPage": true,
                                          "parent": Wohnzimmer1,
                                          "items": [
                                                  <PageItem>{ id: "alias.0.Wohnzimmer.Lampe.Schreibtisch.Schreibtischlampe", name: "Schreibtisch", icon: "desk-lamp", interpolateColor: true},
                                                  <PageItem>{ id: "alias.0.Wohnzimmer.Lampe.Laterne.Laterne", name: "Laterne", icon: "lamp", interpolateColor: true},
                                                  <PageItem>{ id: "alias.0.Wohnzimmer.Lampe.Stehlampe.Stehlampe", name: "Stehlampe", icon: "floor-lamp", interpolateColor: true},
                                                  <PageItem>{ id: "alias.0.Wohnzimmer.Lampe.Humidor.Humidor", name: "Humidor", icon: "lamp"}
                                          ]
              
                                      };
              
                                      let Lampen2_WZ= <PageEntities>
              
                                      {
                                          "type": "cardEntities",
                                          "heading": "Lampen sonstige",
                                          "useColor": true,
                                          "subPage": true,
                                          "parent": Wohnzimmer1,
                                          "items": [
                                                  <PageItem>{ id: "alias.0.Wohnzimmer.Lampe.Vapelampe.VapelampeRGB", name: "Vapelampe RGB", icon: "desk-lamp", minValueBrightness: 0, maxValueBrightness: 100, minValueColorTemp: 500, maxValueColorTemp: 150, interpolateColor: true, colormode: "xy"},
                                                  <PageItem>{ id: "alias.0.Wohnzimmer.Lampe.Vapelampe.VapelampeWeiss", name: "Vapelampe Weiss", icon: "desk-lamp", minValueColorTemp: 500, maxValueColorTemp: 6500, interpolateColor: true},
                                                  <PageItem>{ id: "alias.0.Status.Test.ACTUAL", name: "Lampen am", icon: "Lamp", offColor: MSRed, onColor: MSGreen, unit: "", minValue: 0, maxValue: 12, interpolateColor: true, useColor: true }
              
                                          ]
              
                                      };
              
                                      let Themostat_WZ= <PageThermo>
                                      {
                                      "type": "cardThermo",
                                      "heading": "Thermostat",
                                      "useColor": true,
                                      "subPage": true,
                                      "parent": Wohnzimmer1,
                                      "items": [<PageItem>{ id: "alias.0.Wohnzimmer.Temperaturen.Thermostat.Thermostat", minValue: 160, maxValue: 300 }]
              
                                      };
              
                                       let Status_WZ= <PageEntities>
                                      {
                                      "type": "cardEntities",
                                      "heading": "Status",
                                      "useColor": true,
                                      "subPage": true,
                                      "parent": Wohnzimmer1,
                                      "items": [<PageItem>{ id: "alias.0.Wohnzimmer.Balkontuer", offColor: Red, onColor: Green, name: "Balkontür" },
                                                  <PageItem>{ id: "alias.0.Wohnzimmer.Status.BWM", icon: "motion-sensor", icon2: "motion-sensor-off", offColor:  Blue, onColor: Green, name: "BWM" },
                                                   <PageItem>{ id: "alias.0.Wohnzimmer.Sensoren.BWM_aktiv", name: "BWM aktiv", icon: "motion-play", icon2: "motion-pause", onColor: White},
                                                    <PageItem>{ id: "alias.0.Wohnzimmer.Sensoren.BWM_aktivWennLichterAus", name: "BWM Lichter aus", icon: "motion-play", icon2: "motion-pause", onColor: White}
                                                  ]
                                      };
              

              Die Pages und Subpages dazu:

                   pages: [
                          AlarmSeite,
                          Obergeschoss,
                          Untergeschoss,
                          Aussenbereich,
                          Abfall,
                          Haus_Info,
              	           //Unlock_Service,
                          NSPanel_Service         //Auto-Alias Service Page
                          ],
                  subPages: [
                            //Wohnzimmer
                            Wohnzimmer1,
                              Deckenlampen_WZ,
                              Lampen_WZ,
                              Lampen2_WZ,
                              Themostat_WZ,
                              Status_WZ,
                              Alexa_WZ,
                            Wohnzimmer2,
                              Szenen_WZ,
              
                            //Kinderzimmer Ede
                            Kinderzimmer_Ede,
              
                            //Kinderzimmer Edda
                            Kinderzimmer_Edda,
              
              
              

              Das Skript ist aktuell auf Version 4.3.1.7

              ArmilarA Offline
              ArmilarA Offline
              Armilar
              Most Active Forum Testing
              wrote on last edited by Armilar
              #4083

              @danny_v1

              b5a0fc46-45c0-4a20-b7ab-74358856563d-Nextion_Editor_12mOYErUCZ.gif

              Habe deine gepostete Menüstruktur (siehe Aufzeichnung) im Emulator getestet (allerdings mit der TFT 53/ 4.3.2) und kann soweit kein fehlerhaftes Verhalten feststellen...

              Für den Test habe ich die habe ich alle Lampen-Aliase auf meine Schreibtischbeleuchtung umgestellt, daher auch das doppelte Schalten in der Emulation unter der cardEntities Deckenlampe. Habe später noch eine RGB-Lampe eingebaut...

              Ich hatte auch nur einen Ausschnitt aus deinen Pages/Subpages in der Config (also nicht vollständig). Kann es sein, dass dort eine Seite sowohl unter pages als auch unter subpages aufgelistet ist?

              Für denn direkten Vergleich könntest du noch auf die neueste TFT wechseln und das TS-Script im unteren Teil ersetzen?

              siehe Update 4.3.2.1
              https://forum.iobroker.net/post/1070661

              Falls ich etwas abweichend, zu deiner Klick-Vorgehensweise gemacht haben sollte, dann bitte kurze zusätzliche Info

              Diese Variable...

              let Obergeschoss = <PageGrid>
               
              {
                  "type": "cardGrid",
                  "heading": "Obergeschoss",
                  "useColor": true,
                  "subPage": false,
                  "parent": undefined,
                  'prev': 'AlarmSeite',
                  'next': 'Untergeschoss',
                  'home': undefined,
                  'prevIcon': 'shield-alert',
                  'nextIcon': 'home-floor-0',
                  "items": [
                          <PageItem>{ navigate: true, id: "Wohnzimmer1", icon: "sofa-outline", onColor: White, name: "Wohnzimmer"},
                          <PageItem>{ navigate: true, id: "Kinderzimmer_Ede", icon: "human-child", onColor: White, name: "Ede"},
                          <PageItem>{ navigate: true, id: "Kinderzimmer_Edda", icon: "human-child", onColor: White, name: "Edda"},
                          <PageItem>{ navigate: true, id: "Balkon", icon: "balcony", onColor: White, name: "Balkon"},
                          <PageItem>{ navigate: true, id: "Flur_OG", icon: "stairs", onColor: White, name: "Flur"}
                  ]
               
              };
              

              würde ich noch in:

              let Obergeschoss = <PageGrid>
               
              {
                  "type": "cardGrid",
                  "heading": "Obergeschoss",
                  "useColor": true,
                  'prevIcon': 'shield-alert',
                  'nextIcon': 'home-floor-0',
                  "items": [
                          <PageItem>{ navigate: true, id: "Wohnzimmer1", icon: "sofa-outline", onColor: White, name: "Wohnzimmer"},
                          <PageItem>{ navigate: true, id: "Kinderzimmer_Ede", icon: "human-child", onColor: White, name: "Ede"},
                          <PageItem>{ navigate: true, id: "Kinderzimmer_Edda", icon: "human-child", onColor: White, name: "Edda"},
                          <PageItem>{ navigate: true, id: "Balkon", icon: "balcony", onColor: White, name: "Balkon"},
                          <PageItem>{ navigate: true, id: "Flur_OG", icon: "stairs", onColor: White, name: "Flur"}
                  ]
               
              };
              

              ändern, da auf TopLevel nur die Reihenfolge der definierten Pages erfolgt, d.h. es gibt im TopLevel kein parent, prev, next und home. Das sind Eigenschaften der Subpages.

              Hat aber, dadurch das die Reihenfolge unter Pages die gleiche war, auch nicht zu abweichenden Ergebnissen geführt...

              Also auf jeden Fall vorher mal ein:

              FlashNextion http://nspanel.pky.eu/lovelace-ui/github/nspanel-v4.3.2.tft
              

              in der Tasmota-Konsole durchführen...

              EDIT: Ich kann allerdings auch nicht nachvollziehen, was diese nachfolgenden beiden Aliase bewirken sollen:

              • alias.0.Wohnzimmer.Deckenlampe.Alle.Info.INFO --> denke es ist ein Info-Alias, der true/false zurück gibt und damit entsprechend die Farbe des Icons steuert, ob noch eine Lampe an ist oder alles aus
              • alias.0.Wohnzimmer.HeizungWZ.SET --> den kann aktuell ich gar nicht nachvollziehen
              • alias.0.Status.Test.ACTUAL --> der dürfte Fehler werfen, es sei denn du hast den wieder ACTUAL.ACTUAL genannt 😉

              Sollte der Fehler:

              wenn ich auf einer Seite z.B. Wohnzimmer bin die als PageGrid definiert ist und dann eine Subpage z.B. Deckenlampen aufrufe welche als PageEntities definiert ist und dort über den Schalter eine Lampe schalte wird die Aktion ausgeführt und auf die vorhergehende Seite Wohnzimmer umgeschaltet, welche aber als PageEntities und nicht mehr als PageGrid dargestellt wird.
              Woher könnte der Fehler kommen?

              dann immer noch existieren, sollten wir uns die Aliase und Datenpunkte der entsprechenden Schalter, bei denen das passiert etwas detaillierter betrachten...

              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.

              D 1 Reply Last reply
              0
              • D danny_v1

                @armilar
                Ich hab hier mal paar Seiten die es betrifft:

                let Obergeschoss = <PageGrid>
                
                {
                    "type": "cardGrid",
                    "heading": "Obergeschoss",
                    "useColor": true,
                    "subPage": false,
                    "parent": undefined,
                    'prev': 'AlarmSeite',
                    'next': 'Untergeschoss',
                    'home': undefined,
                    'prevIcon': 'shield-alert',
                    'nextIcon': 'home-floor-0',
                    "items": [
                            <PageItem>{ navigate: true, id: "Wohnzimmer1", icon: "sofa-outline", onColor: White, name: "Wohnzimmer"},
                            <PageItem>{ navigate: true, id: "Kinderzimmer_Ede", icon: "human-child", onColor: White, name: "Ede"},
                            <PageItem>{ navigate: true, id: "Kinderzimmer_Edda", icon: "human-child", onColor: White, name: "Edda"},
                            <PageItem>{ navigate: true, id: "Balkon", icon: "balcony", onColor: White, name: "Balkon"},
                            <PageItem>{ navigate: true, id: "Flur_OG", icon: "stairs", onColor: White, name: "Flur"}
                    ]
                
                };
                
                
                            let Wohnzimmer1 = <PageGrid>
                
                            {
                                "type": "cardGrid",
                                "heading": "Wohnzimmer 1",
                                "useColor": true,
                                "subPage": true,
                                "parent": Obergeschoss,
                                'prev': undefined,
                                'next': 'Wohnzimmer2',
                                'home': undefined,
                                "items": [
                                        <PageItem>{ navigate: true, id: 'alias.0.Wohnzimmer.Deckenlampe.Alle.Info.INFO', targetPage: "Deckenlampen_WZ", icon: "ceiling-light-multiple", offColor: Yellow, onColor: White, name: "Deckenlampen"},
                                        <PageItem>{ navigate: true, id: null, targetPage: "Lampen_WZ", icon: "floor-lamp", onColor: White, name: "Lampen"},
                                        <PageItem>{ navigate: true, id: null, targetPage: "Lampen2_WZ", icon: "floor-lamp", onColor: White, name: "Lampen sonstige"},
                                        <PageItem>{ navigate: true, id: 'alias.0.Wohnzimmer.HeizungWZ.SET', targetPage: "Themostat_WZ", icon: "temperature-celsius", onColor: White, name: "Temperaturen"},
                                        <PageItem>{ navigate: true, id: null, targetPage: "Status_WZ", icon: "state-machine", onColor: White, name: "Status"},
                                        <PageItem>{ navigate: true, id: null, targetPage: "Alexa_WZ", icon: "music", onColor: White, name: "Alexa"}
                                ]
                
                            };
                
                            let Wohnzimmer2= <PageGrid>
                
                            {
                                "type": "cardGrid",
                                "heading": "Wohnzimmer 2",
                                "useColor": true,
                                "subPage": true,
                                "parent": Obergeschoss,
                                'prev': undefined,
                                'next': 'Wohnzimmer1',
                                'home': undefined,
                                "items": [
                                        <PageItem>{ navigate: true, id: "Szenen_WZ", icon: "ceiling-light-multiple", onColor: White, name: "Szenen"},
                                        <PageItem>{ navigate: true, id: "WLED", icon: "led-strip-variant", onColor: White, name: "WLED"},
                                        <PageItem>{ id: "alias.0.TIMER1", icon: "timer-outline", name: "Timer", onColor: White}
                                ]
                
                            };
                                        let Deckenlampen_WZ= <PageEntities>
                
                                        {
                                            "type": "cardEntities",
                                            "heading": "Deckenlampen",
                                            "useColor": true,
                                            "subPage": true,
                                            "parent": Wohnzimmer1,
                                            "items": [
                                                    <PageItem>{ id: "alias.0.Wohnzimmer.Deckenlampe.SofaRGB.Gruppe", name: "Sofa RGB", icon: "ceiling-light-multiple", minValueBrightness: 0, maxValueBrightness: 100, minValueColorTemp: 150, maxValueColorTemp: 500, interpolateColor: true, colormode: "xy"},
                                                    <PageItem>{ id: "alias.0.Wohnzimmer.Deckenlampe.Gross.GruppeNSP", name: "Gross", icon: "ceiling-light-multiple", minValueColorTemp: 153, maxValueColorTemp: 370, interpolateColor: true}
                                                     
                                            ]
                
                                        };
                
                                        let Lampen_WZ= <PageEntities>
                
                                        {
                                            "type": "cardEntities",
                                            "heading": "Lampen",
                                            "useColor": true,
                                            "subPage": true,
                                            "parent": Wohnzimmer1,
                                            "items": [
                                                    <PageItem>{ id: "alias.0.Wohnzimmer.Lampe.Schreibtisch.Schreibtischlampe", name: "Schreibtisch", icon: "desk-lamp", interpolateColor: true},
                                                    <PageItem>{ id: "alias.0.Wohnzimmer.Lampe.Laterne.Laterne", name: "Laterne", icon: "lamp", interpolateColor: true},
                                                    <PageItem>{ id: "alias.0.Wohnzimmer.Lampe.Stehlampe.Stehlampe", name: "Stehlampe", icon: "floor-lamp", interpolateColor: true},
                                                    <PageItem>{ id: "alias.0.Wohnzimmer.Lampe.Humidor.Humidor", name: "Humidor", icon: "lamp"}
                                            ]
                
                                        };
                
                                        let Lampen2_WZ= <PageEntities>
                
                                        {
                                            "type": "cardEntities",
                                            "heading": "Lampen sonstige",
                                            "useColor": true,
                                            "subPage": true,
                                            "parent": Wohnzimmer1,
                                            "items": [
                                                    <PageItem>{ id: "alias.0.Wohnzimmer.Lampe.Vapelampe.VapelampeRGB", name: "Vapelampe RGB", icon: "desk-lamp", minValueBrightness: 0, maxValueBrightness: 100, minValueColorTemp: 500, maxValueColorTemp: 150, interpolateColor: true, colormode: "xy"},
                                                    <PageItem>{ id: "alias.0.Wohnzimmer.Lampe.Vapelampe.VapelampeWeiss", name: "Vapelampe Weiss", icon: "desk-lamp", minValueColorTemp: 500, maxValueColorTemp: 6500, interpolateColor: true},
                                                    <PageItem>{ id: "alias.0.Status.Test.ACTUAL", name: "Lampen am", icon: "Lamp", offColor: MSRed, onColor: MSGreen, unit: "", minValue: 0, maxValue: 12, interpolateColor: true, useColor: true }
                
                                            ]
                
                                        };
                
                                        let Themostat_WZ= <PageThermo>
                                        {
                                        "type": "cardThermo",
                                        "heading": "Thermostat",
                                        "useColor": true,
                                        "subPage": true,
                                        "parent": Wohnzimmer1,
                                        "items": [<PageItem>{ id: "alias.0.Wohnzimmer.Temperaturen.Thermostat.Thermostat", minValue: 160, maxValue: 300 }]
                
                                        };
                
                                         let Status_WZ= <PageEntities>
                                        {
                                        "type": "cardEntities",
                                        "heading": "Status",
                                        "useColor": true,
                                        "subPage": true,
                                        "parent": Wohnzimmer1,
                                        "items": [<PageItem>{ id: "alias.0.Wohnzimmer.Balkontuer", offColor: Red, onColor: Green, name: "Balkontür" },
                                                    <PageItem>{ id: "alias.0.Wohnzimmer.Status.BWM", icon: "motion-sensor", icon2: "motion-sensor-off", offColor:  Blue, onColor: Green, name: "BWM" },
                                                     <PageItem>{ id: "alias.0.Wohnzimmer.Sensoren.BWM_aktiv", name: "BWM aktiv", icon: "motion-play", icon2: "motion-pause", onColor: White},
                                                      <PageItem>{ id: "alias.0.Wohnzimmer.Sensoren.BWM_aktivWennLichterAus", name: "BWM Lichter aus", icon: "motion-play", icon2: "motion-pause", onColor: White}
                                                    ]
                                        };
                

                Die Pages und Subpages dazu:

                     pages: [
                            AlarmSeite,
                            Obergeschoss,
                            Untergeschoss,
                            Aussenbereich,
                            Abfall,
                            Haus_Info,
                	           //Unlock_Service,
                            NSPanel_Service         //Auto-Alias Service Page
                            ],
                    subPages: [
                              //Wohnzimmer
                              Wohnzimmer1,
                                Deckenlampen_WZ,
                                Lampen_WZ,
                                Lampen2_WZ,
                                Themostat_WZ,
                                Status_WZ,
                                Alexa_WZ,
                              Wohnzimmer2,
                                Szenen_WZ,
                
                              //Kinderzimmer Ede
                              Kinderzimmer_Ede,
                
                              //Kinderzimmer Edda
                              Kinderzimmer_Edda,
                
                
                

                Das Skript ist aktuell auf Version 4.3.1.7

                K Offline
                K Offline
                Kuckuckmann
                wrote on last edited by
                #4084

                @danny_v1

                Hi @danny_v1 ,

                was ich nicht verstehe ist, warum Du bei vielen Punkten ein navigate: true da drin hast. Die meisten der PageItems sind doch zum schalten und nicht noch um auf weitere Unterseiten zu navigieren, oder?

                Vlt. hilft Dir das ja.

                @Armilar man könnte meinen Du hast Langeweile? 😄

                LG

                NSPanel Dokumentation im GitHub Wiki:

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

                ArmilarA D 2 Replies Last reply
                1
                • ArmilarA Offline
                  ArmilarA Offline
                  Armilar
                  Most Active Forum Testing
                  wrote on last edited by Armilar
                  #4085

                  @kuckuckmann

                  So kannst das ganze Haus mit nur einem "Lichtschalter" steuern...

                  Die navigate: true sind schon okay, wie man auch in der Emulation sieht. Es ist ähnlich wie bei mir eine sehr komplexe Menüführung und tatsächlich nur an den Endpunkten dann zum Schalten, Steuern, Regeln oder zum Einsehen diverser Statistiken.

                  Egal wo du dich befindest, du hast eigentlich über jedes NSPanel die Möglichkeit alle Zustände einzusehen oder irgendetwas zu schalten... Außerdem bekommst du in der gesamten Menüführung durch Indikatoren den Weg zum Problem angezeigt.

                  Hier nur ein winzig kleiner Ausschnitt aus meiner Struktur (Level Tiefe 4)

                  // **********************************************************
                  // **          Navigationsstruktur für Gebäude             **
                  // **********************************************************
                  
                  let Level_0_Grundstueck = <PageGrid>
                  {
                      'type': "cardGrid",
                      'heading': "Grundstück",
                      'useColor': true,
                      'items': [
                          <PageItem>{ navigate: true, id: 'alias.0.Haus.Indikator', targetPage: 'Level_1_Haus', name: 'Haus' ,icon: 'home', offColor: MenuHighInd, onColor: Menu},
                          <PageItem>{ navigate: true, id: null, targetPage: 'Level_1_Gartenhaus', name: 'Gartenhaus' ,icon: 'storefront-outline', onColor: Menu},
                          <PageItem>{ navigate: true, id: null, targetPage: 'Level_1_Aussen', name: 'Aussen' ,icon: 'tree-outline', onColor: Menu},
                          <PageItem>{ navigate: true, id: 'alias.0.Garage.Indikator', targetPage: 'Level_1_Garage', name: 'Garage' ,icon: 'garage-variant', offColor: MenuHighInd, onColor: Menu},
                          <PageItem>{ navigate: true, id: null, targetPage: 'Level_1_Fahrzeuge_1', name: 'Fahrzeuge' ,icon: 'car-info', offColor: Menu, onColor: Menu},
                      ]
                  };
                  
                          let Level_1_Haus = <PageGrid>
                          {
                              'type': 'cardGrid',
                              'heading': 'Haus',
                              'useColor': true,
                              'subPage': true,
                              'parent': Level_0_Grundstueck,
                              'home': 'Level_0_Grundstueck', 
                              'items': [
                                  <PageItem>{ navigate: true, id: 'alias.0.Haus.Erdgeschoss.Indikator', targetPage: 'Level_2_Erdgeschoss_1', name: 'Erdgeschoss' , icon: 'home-floor-0', offColor: MenuHighInd, onColor: Menu},
                                  <PageItem>{ navigate: true, id: 'alias.0.Haus.Obergeschoss.Indikator', targetPage: 'Level_2_Obergeschoss_1', name: 'Obergeschoss' , icon: 'home-floor-1', offColor: MenuHighInd, onColor: Menu},
                                  <PageItem>{ navigate: true, id: 'alias.0.Haus.Dachgeschoss.Indikator', targetPage: 'Level_2_Dachgeschoss', name: 'Dachgeschoss' , icon: 'home-floor-2', offColor: MenuHighInd, onColor: Menu},
                              ]
                          };
                  
                                  let Level_2_Erdgeschoss_1 = <PageGrid>
                                  {
                                      'type': 'cardGrid',
                                      'heading': 'Erdgeschoss (1)',
                                      'useColor': true,
                                      'subPage': true,
                                      'parent': Level_1_Haus,
                                      'next': 'Level_2_Erdgeschoss_2',
                                      'home': 'Level_1_Haus',
                                      'items': [
                                          <PageItem>{ navigate: true, id: 'alias.0.Haus.Erdgeschoss.Wohnzimmer.Indikator', targetPage: 'Level_3_Wohnzimmer', name: 'Wohnzimmer' , icon: 'sofa-outline', offColor: MenuHighInd, onColor: Menu},
                                          <PageItem>{ navigate: true, id: 'alias.0.Haus.Erdgeschoss.Esszimmer.Indikator', targetPage: 'Level_3_Esszimmer', name: 'Esszimmer' , icon: 'table-chair', offColor: MenuHighInd, onColor: Menu},
                                          <PageItem>{ navigate: true, id: 'alias.0.Haus.Erdgeschoss.Buero.Indikator', targetPage: 'Level_3_Buero', name: 'Büro' , icon: 'desk', offColor: MenuHighInd, onColor: Menu},
                                          <PageItem>{ navigate: true, id: 'alias.0.Haus.Erdgeschoss.Kueche.Indikator', targetPage: 'Level_3_Kueche', name: 'Küche' , icon: 'silverware-variant', offColor: MenuHighInd, onColor: Menu},
                                          <PageItem>{ navigate: true, id: 'alias.0.Haus.Erdgeschoss.Bad.Indikator', targetPage: 'Level_3_EG_Bad', name: 'Bad' , icon: 'bathtub-outline', offColor: MenuHighInd, onColor: Menu},
                                          <PageItem>{ navigate: true, id: 'alias.0.Haus.Erdgeschoss.Kaminzimmer.Indikator', targetPage: 'Level_3_Kaminzimmer', name: "Kaminzimmer" , icon: "fireplace", offColor: MenuHighInd, onColor: Menu},
                                      ]
                                  };
                  
                                          let Level_3_Wohnzimmer = <PageGrid>
                                          {
                                              'type': 'cardGrid',
                                              'heading': 'EG Wohnzimmer',
                                              'useColor': true,
                                              'subPage': true,
                                              'parent': Level_2_Erdgeschoss_1,
                                              'home': 'Level_1_Haus',
                                              'items': [
                                                  <PageItem>{ navigate: true, id: 'alias.0.Haus.Erdgeschoss.Wohnzimmer.Licht.Indikator', targetPage: 'Level_4_Wohnzimmer_Licht_1', name: 'Licht' , icon: 'lightbulb', offColor: MenuHighInd, onColor: Menu},
                                                  <PageItem>{ navigate: true, id: 'alias.0.Haus.Erdgeschoss.Wohnzimmer.Sensoren.Indikator', targetPage: 'Level_4_Wohnzimmer_Sensoren_1', name: 'Sensoren' , icon: 'sync-alert', offColor: MenuHighInd, onColor: Menu},
                                                  <PageItem>{ navigate: true, id: null, targetPage: 'Level_4_Wohnzimmer_Aktoren', name: 'Aktoren' , icon: 'gesture-tap', onColor: Menu},
                                                  <PageItem>{ navigate: true, id: null, targetPage: 'Level_4_Wohnzimmer_Thermostat', name: 'Thermostat' , icon: 'thermostat', onColor: Menu},
                                                  <PageItem>{ navigate: true, id: null, targetPage: 'Level_4_Wohnzimmer_Charts_Temperatur', name: "Charts" , icon: "chart-line", onColor: Menu},
                                              ]
                                          };
                  
                                                  let Level_4_Wohnzimmer_Licht_1 = <PageEntities>
                                                  {
                                                      'type': 'cardEntities',
                                                      'heading': 'WZ Licht (1)',
                                                      'useColor': true,
                                                      'subPage': true,
                                                      'parent': Level_3_Wohnzimmer,
                                                      'next': 'Level_4_Wohnzimmer_Licht_2',
                                                      'home': 'Level_1_Haus',
                                                      'items': [
                                                          <PageItem>{ id: 'alias.0.Haus.Erdgeschoss.Wohnzimmer.Licht.Couchtischlampe', name: 'Couchtisch', useColor: true},
                                                          <PageItem>{ id: 'alias.0.Haus.Erdgeschoss.Wohnzimmer.Licht.Deckenlampe_Esstisch', name: 'Esstisch', interpolateColor: true},
                                                          <PageItem>{ id: 'alias.0.Haus.Erdgeschoss.Wohnzimmer.Licht.Vitrine', name: 'Vitrine', interpolateColor: true},
                                                          <PageItem>{ id: 'alias.0.Haus.Erdgeschoss.Wohnzimmer.Licht.Stehlampe', name: 'Stehlampe', interpolateColor: true},
                                                      ]
                                                  };
                  
                                                  let Level_4_Wohnzimmer_Licht_2 = <PageEntities>
                                                  {
                                                      'type': 'cardEntities',
                                                      'heading': 'WZ Licht (2)',
                                                      'useColor': true,
                                                      'subPage': true,
                                                      'parent': Level_3_Wohnzimmer,
                                                      'prev': 'Level_4_Wohnzimmer_Licht_1',
                                                      'next': undefined,
                                                      'home': 'Level_1_Haus',
                                                      'items': [
                                                          <PageItem>{ id: 'alias.0.Haus.Erdgeschoss.Wohnzimmer.Licht.WZ_E14_Fenster_mitte', name: 'Fenster mittig', interpolateColor: true},
                                                          <PageItem>{ id: 'alias.0.Haus.Erdgeschoss.Wohnzimmer.Licht.WZ_E14_Fenster_rechts', name: 'Fenster rechts', interpolateColor: true},
                                                      ]
                                                  };
                  

                  Ich lege nur meine Alias-Namen so an, dass ich die Struktur auch außerhalb nachvollziehen kann...

                  und die zugehörigen Subpages:

                                  Level_1_Haus,
                                      Level_2_Erdgeschoss_1,
                                          Level_3_Wohnzimmer,
                                              Level_4_Wohnzimmer_Licht_1,
                                              Level_4_Wohnzimmer_Licht_2,
                                              Level_4_Wohnzimmer_Sensoren_1,
                                              Level_4_Wohnzimmer_Sensoren_2,
                                              Level_4_Wohnzimmer_Aktoren,
                                              Level_4_Wohnzimmer_Thermostat,
                                              Level_4_Wohnzimmer_Charts_Temperatur,
                                              Level_4_Wohnzimmer_Charts_Luftfeuchte,
                                          Level_3_Esszimmer,
                                              Level_4_Esszimmer_Licht_1,
                                              Level_4_Esszimmer_Sensoren_1,
                                              Level_4_Esszimmer_Thermostat,
                                              Level_4_Esszimmer_Charts_Temperatur,
                                              Level_4_Esszimmer_Charts_Luftfeuchte,
                                          Level_3_Buero,
                                              Level_4_Buero_Licht,
                                              Level_4_Buero_Sensoren_1,
                                              Level_4_Buero_Sensoren_2,
                                              Level_4_Buero_Aktoren,
                                              Level_4_Buero_Thermostat,
                                              Level_4_Buero_Charts_Temperatur,
                                              Level_4_Buero_Charts_Luftfeuchte,
                                          Level_3_Kueche,
                                              Level_4_Kueche_Licht_1,
                                              Level_4_Kueche_Sensoren_1,
                                              Level_4_Kueche_Aktoren,
                                              Level_4_Kueche_Charts,
                                          Level_3_EG_Bad,
                                              Level_4_EG_Bad_Licht_1,
                                              Level_4_EG_Bad_Licht_2,
                                              Level_4_EG_Bad_Sensoren_1,
                                              Level_4_EG_Bad_Sensoren_2,
                                              Level_4_EG_Bad_Aktoren,
                                              Level_4_EG_Bad_Thermostat,
                                              Level_4_EG_Bad_Charts_Temperatur,
                                              Level_4_EG_Bad_Charts_Luftfeuchte,
                                          Level_3_Kaminzimmer,
                                              Level_4_Kaminzimmer_Licht_1,
                                              Level_4_Kaminzimmer_Sensoren_1,
                                              Level_4_Kaminzimmer_Aktoren,
                                              Level_4_Kaminzimmer_Thermostat,
                                              Level_4_Kaminzimmer_Charts_Temperatur,
                                              Level_4_Kaminzimmer_Charts_Luftfeuchte,                      
                                      Level_2_Erdgeschoss_2,
                                          Level_3_GaesteWC,
                                              Level_4_GaesteWC_Licht_1,
                                              Level_4_GaesteWC_Sensoren_1,
                                              Level_4_GaesteWC_Thermostat,
                                              Level_4_GaesteWC_Charts_Temperatur,
                                              Level_4_GaesteWC_Charts_Luftfeuchte, 
                                          Level_3_Hauswirtschaftsraum,
                                              Level_4_Hauswirtschaftsraum_Licht_1,
                                              Level_4_Hauswirtschaftsraum_Sensoren_1,
                                              Level_4_Hauswirtschaftsraum_Sensoren_2,
                                              Level_4_Hauswirtschaftsraum_Aktoren,
                                              Level_4_Hauswirtschaftsraum_Charts_Temperatur,
                                              Level_4_Hauswirtschaftsraum_Charts_Luftfeuchte,
                                          Level_3_EG_FlurVorne,
                                              Level_4_EG_FlurVorne_Licht_1,
                                              Level_4_EG_FlurVorne_Sensoren_1,
                                              Level_4_EG_FlurVorne_Thermostat,
                                              Level_4_EG_FlurVorne_Charts_Temperatur,
                                              Level_4_EG_FlurVorne_Charts_Luftfeuchte,
                                          Level_3_EG_FlurHinten,
                                              Level_4_EG_FlurHinten_Licht_1,
                                              Level_4_EG_FlurHinten_Sensoren_1,
                                              Level_4_EG_FlurHinten_Thermostat,
                                              Level_4_EG_FlurHinten_Charts_Temperatur,
                                              Level_4_EG_FlurHinten_Charts_Luftfeuchte,
                                      Level_2_Obergeschoss_1,
                                          Level_3_Schlafzimmer_1,
                                              Level_4_OG_Schlafzimmer_1_Licht_1,
                                              Level_4_OG_Schlafzimmer_1_Sensoren_1,
                                              Level_4_OG_Schlafzimmer_1_Aktoren,
                                              Level_4_OG_Schlafzimmer_1_Thermostat,
                                              Level_4_OG_Schlafzimmer_1_Charts_Temperatur,
                                              Level_4_OG_Schlafzimmer_1_Charts_Luftfeuchte,
                                          Level_3_Schlafzimmer_2,
                                              Level_4_OG_Schlafzimmer_2_Licht_1,
                                              Level_4_OG_Schlafzimmer_2_Sensoren_1,
                                              Level_4_OG_Schlafzimmer_2_Aktoren,
                                              Level_4_OG_Schlafzimmer_2_Thermostat,    
                                          Level_3_OG_Hobbyraum,
                                              Level_4_OG_Hobbyraum_Licht_1,
                                              Level_4_OG_Hobbyraum_Sensoren_1,
                                              Level_4_OG_Hobbyraum_Aktoren,
                                              Level_4_OG_Hobbyraum_Thermostat,
                                              Level_4_OG_Hobbyraum_Charts_Temperatur,
                                              Level_4_OG_Hobbyraum_Charts_Luftfeuchte,
                                          Level_3_OG_Gaestezimmer,
                                              Level_4_OG_Gaestezimmer_Licht_1,
                                              Level_4_OG_Gaestezimmer_Sensoren_1,
                                              Level_4_OG_Gaestezimmer_Aktoren,
                                              Level_4_OG_Gaestezimmer_Thermostat,
                                              Level_4_OG_Gaestezimmer_Charts_Temperatur,
                                              Level_4_OG_Gaestezimmer_Charts_Luftfeuchte,
                                          Level_3_OG_Bad,
                                              Level_4_OG_Bad_Licht_1,
                                          Level_3_OG_Flur,
                                              Level_4_OG_Flur_Licht_1,
                                              Level_4_OG_Flur_Sensoren_1,
                                              Level_4_OG_Flur_Thermostat,
                                      Level_2_Obergeschoss_2,
                                          Level_3_NebenraumSZ_1,
                                          Level_3_Abseite_Hobby,
                                      Level_2_Dachgeschoss,
                                  Level_1_Gartenhaus,
                                      Level_2_GH_Licht,
                                          Level_3_GH_Lampen_1,
                                          Level_3_GH_Lampen_2,
                                          Level_3_GH_Lampen_3,
                                          Level_3_GH_Lampen_4,
                                          Level_3_GH_LED_Stripes,
                                          Level_3_GH_WLED,
                                          Level_3_GH_Aussenlampen,
                                      Level_2_GH_Sensoren_1,
                                      Level_2_GH_Sensoren_2,
                                      Level_2_GH_Aktoren_1,
                                      Level_2_GH_Aktoren_2,
                                      Level_2_GH_Heizkoerper,
                                      Level_2_GH_Charts_Temperatur,
                                      Level_2_GH_Charts_Luftfeuchte,
                                  Level_1_Aussen,
                                      Level_2_Hauseingang,
                                      Level_2_Terrassen,
                                          Level_3_Terrassen_American,
                                          Level_3_Terrassen_Mediteran,
                                          Level_3_Terrassen_Gartenhaus,
                                          Level_3_Terrassen_Hinterhof,
                                      Level_2_Auffahrt,
                                      Level_2_Pool,
                                      Level_2_Wetterstation,
                                  Level_1_Garage,
                                      Level_2_Garage_vorne,
                                      Level_2_Garage_hinten,
                                  Level_1_Fahrzeuge_1,
                                      Level_2_Fahrzeug_1_Info_1,
                                      Level_2_Fahrzeug_1_Reisedaten_1,
                                      Level_2_Fahrzeug_1_Reisedaten_2,
                                      Level_2_Fahrzeug_1_Standort_1,
                                  Level_1_Fahrzeuge_2
                  

                  EDIT: Jedes NSPanel hat dann natürlich noch seine raumspezifischen Pages, die du schneller erreichen kannst...

                  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
                  0
                  • K Kuckuckmann

                    @danny_v1

                    Hi @danny_v1 ,

                    was ich nicht verstehe ist, warum Du bei vielen Punkten ein navigate: true da drin hast. Die meisten der PageItems sind doch zum schalten und nicht noch um auf weitere Unterseiten zu navigieren, oder?

                    Vlt. hilft Dir das ja.

                    @Armilar man könnte meinen Du hast Langeweile? 😄

                    LG

                    ArmilarA Offline
                    ArmilarA Offline
                    Armilar
                    Most Active Forum Testing
                    wrote on last edited by
                    #4086

                    @kuckuckmann sagte in SONOFF NSPanel mit Lovelace UI:

                    @Armilar man könnte meinen Du hast Langeweile?

                    Ich nenne das mal: Die Ruhe vor dem Sturm nutzen 😉

                    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
                    0
                    • X xelarep

                      @armilar @Gargano

                      Ja, es funktioniert alles. Ich hab in der Zwischenzeit auch mein Gesamtsystem mal aktualisiert https://forum.iobroker.net/topic/69067/neuer-befehl-iob-nodejs-update/72?_=1698741140337

                      Ich konnte jetzt im Log nach Neustart nichts mehr finden.

                      Danke für Eure Unterstützung!

                      X Offline
                      X Offline
                      xelarep
                      wrote on last edited by
                      #4087

                      @xelarep sagte in SONOFF NSPanel mit Lovelace UI:

                      @armilar @Gargano

                      Ja, es funktioniert alles. […]

                      Kurze „Nachmeldung“ ich hab heute ein zweites Panel in Betrieb genommen. Das ganze ging im ersten Anlauf ohne irgendwelche Nebenwirkungen 😊

                      ArmilarA 1 Reply Last reply
                      1
                      • X xelarep

                        @xelarep sagte in SONOFF NSPanel mit Lovelace UI:

                        @armilar @Gargano

                        Ja, es funktioniert alles. […]

                        Kurze „Nachmeldung“ ich hab heute ein zweites Panel in Betrieb genommen. Das ganze ging im ersten Anlauf ohne irgendwelche Nebenwirkungen 😊

                        ArmilarA Offline
                        ArmilarA Offline
                        Armilar
                        Most Active Forum Testing
                        wrote on last edited by
                        #4088

                        @xelarep

                        ja perfekt - viel Spaß bei der Konfiguration 😊

                        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.

                        J 1 Reply Last reply
                        0
                        • ArmilarA Armilar

                          @xelarep

                          ja perfekt - viel Spaß bei der Konfiguration 😊

                          J Offline
                          J Offline
                          jpw1000
                          wrote on last edited by jpw1000
                          #4089

                          Hallo, ich habe meine beiden Panels auf den aktuellen Stand gebracht, nun aber eine frage? Wo kann ich im Skript einstellen das die Temperatur von meiner Wetterstation kommt, die 4 kleinen Symbole sind kein Problem, nur ich finde keine Zeile wo die Temperatur her kommt.

                          Vielen Dank für eure hilfe.

                          ArmilarA 1 Reply Last reply
                          0
                          • J jpw1000

                            Hallo, ich habe meine beiden Panels auf den aktuellen Stand gebracht, nun aber eine frage? Wo kann ich im Skript einstellen das die Temperatur von meiner Wetterstation kommt, die 4 kleinen Symbole sind kein Problem, nur ich finde keine Zeile wo die Temperatur her kommt.

                            Vielen Dank für eure hilfe.

                            ArmilarA Offline
                            ArmilarA Offline
                            Armilar
                            Most Active Forum Testing
                            wrote on last edited by
                            #4090

                            @jpw1000

                            Das Script legt selbstständig einen Wetteralisas an. Dort kannst du die Temperatur ändern

                            weatherEntity: 'alias.0.Wetter',
                            

                            Anstelle der Temperatur aus AccuWeather (alternativ Das Wetter) wählst du deinen eigenen Sensor unter TEMP...

                            5a79ef5b-366a-46d1-9992-2329f19757aa-image.png

                            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.

                            J D 2 Replies Last reply
                            0
                            • ArmilarA Armilar

                              @jpw1000

                              Das Script legt selbstständig einen Wetteralisas an. Dort kannst du die Temperatur ändern

                              weatherEntity: 'alias.0.Wetter',
                              

                              Anstelle der Temperatur aus AccuWeather (alternativ Das Wetter) wählst du deinen eigenen Sensor unter TEMP...

                              5a79ef5b-366a-46d1-9992-2329f19757aa-image.png

                              J Offline
                              J Offline
                              jpw1000
                              wrote on last edited by
                              #4091

                              @armilar Vielen Dank! Funktioniert!

                              1 Reply Last reply
                              1
                              • ArmilarA Armilar

                                @jpw1000

                                Das Script legt selbstständig einen Wetteralisas an. Dort kannst du die Temperatur ändern

                                weatherEntity: 'alias.0.Wetter',
                                

                                Anstelle der Temperatur aus AccuWeather (alternativ Das Wetter) wählst du deinen eigenen Sensor unter TEMP...

                                5a79ef5b-366a-46d1-9992-2329f19757aa-image.png

                                D Offline
                                D Offline
                                DaPeace
                                wrote on last edited by
                                #4092

                                @armilar
                                Ich würde gerne Tagesstromverbrauch und Temperatur-Werte als Line oder Balken-Chart auf dem Panel ausgeben.
                                Ich hab bei mir Node-red laufen und die Daten landen hier eh in einer mysql-DB. Ich kriege diese Daten ziemlich einfach in einen json-string oder kann das soweit anpassen wie es für das Panel notwendig wäre aber die Beispiele sind alle für Blocky und ioBroker und ich seh nicht ganz durch was NSPanel jetzt genau in dem Alias erwartet. Kannst du mir da ein einfaches Beispiel zeigen?
                                Danke schonmal!

                                ArmilarA 2 Replies Last reply
                                0
                                • D DaPeace

                                  @armilar
                                  Ich würde gerne Tagesstromverbrauch und Temperatur-Werte als Line oder Balken-Chart auf dem Panel ausgeben.
                                  Ich hab bei mir Node-red laufen und die Daten landen hier eh in einer mysql-DB. Ich kriege diese Daten ziemlich einfach in einen json-string oder kann das soweit anpassen wie es für das Panel notwendig wäre aber die Beispiele sind alle für Blocky und ioBroker und ich seh nicht ganz durch was NSPanel jetzt genau in dem Alias erwartet. Kannst du mir da ein einfaches Beispiel zeigen?
                                  Danke schonmal!

                                  ArmilarA Offline
                                  ArmilarA Offline
                                  Armilar
                                  Most Active Forum Testing
                                  wrote on last edited by Armilar
                                  #4093

                                  @dapeace sagte in SONOFF NSPanel mit Lovelace UI:

                                  Ich hab bei mir Node-red laufen und die Daten landen hier eh in einer mysql-DB...... aber die Beispiele sind alle für Blocky und ioBroker und ich seh nicht ganz durch was NSPanel jetzt genau in dem Alias erwartet.

                                  Bei Node-Red kann ich dir leider keine Unterstützung geben, da ich es nicht nutze und auch keine Ahnung habe wie man es benutzt 😁 . Bei mySQL allerdings auch nicht, da bei mir vollständig auf InfluxDB2...

                                  Evtl. gibt es aber User die Node-Red mit der cardChart oder cardLChart benutzen.
                                  Evtl. mal @Kuckuckmann fragen. Er ist bei Blockly und SQL - weiß aber nicht, ob er Charts im Einsatz hat.

                                  Was würde denn gegen ein Blockly oder gegen ein JavaScript sprechen? In den nachfolgenden Beispielen, sind auch Scripte für den History-Adapter enthalten.

                                  https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Card-Definitionen-(Seiten)#cardchart-ab-ts-script-v370

                                  var historyInstance = 'history.0';
                                  

                                  habe mal gehört, dass man dann den history gegen sql austauschen kann:

                                  var historyInstance = 'sql.0';
                                  

                                  und das die Daten dann auch kommen.

                                  Die cardChart erwartet einen String und einen Alias Info. Der String sieht wie folgt aus:

                                  16^12:00~37~17~13~18^16:00~21~17~22~18^20:00~17~17~16~11^0:00~5~5~5~5^4:00~5~4~4~15^8:00~22~13~10

                                  Zunächst einmal sind im o.a. Beispiel alle 24 Werte der Stunden über den Tag mit einer Tilde ("~") getrennt. An den Punkten, an denen dann die X-Achsen Ticks gesetzt werden, wird hinter dem Wert dann die Uhrzeit der X-Achse gesetzt

                                  d89af36d-bf3c-42a9-b88f-c8d1a60f2113-image.png

                                  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.

                                  D 1 Reply Last reply
                                  0
                                  • ArmilarA Armilar

                                    @dapeace sagte in SONOFF NSPanel mit Lovelace UI:

                                    Ich hab bei mir Node-red laufen und die Daten landen hier eh in einer mysql-DB...... aber die Beispiele sind alle für Blocky und ioBroker und ich seh nicht ganz durch was NSPanel jetzt genau in dem Alias erwartet.

                                    Bei Node-Red kann ich dir leider keine Unterstützung geben, da ich es nicht nutze und auch keine Ahnung habe wie man es benutzt 😁 . Bei mySQL allerdings auch nicht, da bei mir vollständig auf InfluxDB2...

                                    Evtl. gibt es aber User die Node-Red mit der cardChart oder cardLChart benutzen.
                                    Evtl. mal @Kuckuckmann fragen. Er ist bei Blockly und SQL - weiß aber nicht, ob er Charts im Einsatz hat.

                                    Was würde denn gegen ein Blockly oder gegen ein JavaScript sprechen? In den nachfolgenden Beispielen, sind auch Scripte für den History-Adapter enthalten.

                                    https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Card-Definitionen-(Seiten)#cardchart-ab-ts-script-v370

                                    var historyInstance = 'history.0';
                                    

                                    habe mal gehört, dass man dann den history gegen sql austauschen kann:

                                    var historyInstance = 'sql.0';
                                    

                                    und das die Daten dann auch kommen.

                                    Die cardChart erwartet einen String und einen Alias Info. Der String sieht wie folgt aus:

                                    16^12:00~37~17~13~18^16:00~21~17~22~18^20:00~17~17~16~11^0:00~5~5~5~5^4:00~5~4~4~15^8:00~22~13~10

                                    Zunächst einmal sind im o.a. Beispiel alle 24 Werte der Stunden über den Tag mit einer Tilde ("~") getrennt. An den Punkten, an denen dann die X-Achsen Ticks gesetzt werden, wird hinter dem Wert dann die Uhrzeit der X-Achse gesetzt

                                    d89af36d-bf3c-42a9-b88f-c8d1a60f2113-image.png

                                    D Offline
                                    D Offline
                                    DaPeace
                                    wrote on last edited by
                                    #4094

                                    @armilar
                                    Hi, wie ich mit Mysql und NodeRed an meine Daten komme weiß ich ja.
                                    NodeRed ist direkt mit ioB verknüpft und kann hier einfach einen Datenpunkt beschreiben und auch lesen.
                                    Ich würde also gerne aus NodeRed raus den Info-Datenpunkt vom Alias schreiben und brauche hier die Formatierung.
                                    Frage ist eben was genau in dem Datenpunkt drin stehen muß der mit dem Info-Alias verknüpft ist. Den Rest sollte ja dann das Skript machen oder?

                                    Das unten gelistete ist ja das, was dein Skript ans Panel via CustomSend schickt oder?

                                    16^12:00~37~17~13~18^16:00~21~17~22~18^20:00~17~17~16~11^0:00~5~5~5~5^4:00~5~4~4~15^8:00~22~13~10

                                    1 Reply Last reply
                                    0
                                    • ArmilarA Offline
                                      ArmilarA Offline
                                      Armilar
                                      Most Active Forum Testing
                                      wrote on last edited by Armilar
                                      #4095

                                      @dapeace

                                      Exakt, die cardChart legst du analog der Wiki an

                                      Dein NodeRed befüllt einen Datenpunkt in der Art des Strings

                                      16^12:00~37~17~13~18^16:00~21~17~22~18^20:00~17~17~16~11^0:00~5~5~5~5^4:00~5~4~4~15^8:00~22~13~10
                                      

                                      Dann legst du einen Alias vom Gerätetyp Info auf diesen Datenpunkt

                                      damit würde sich also die cardChart schon als Seite testen lassen...

                                      Die Seitendefinition der cardChart (Y-Achse wird hier definiert mit Faktor 10)

                                      2 = 0,2; 4 = 0,4; etc...

                                      let CardChartExample = <PageChart>
                                      {
                                          'type': 'cardChart',
                                          'heading': 'Stromzähler L1+L2+L3',
                                          'useColor': true,
                                          'items': [<PageItem>{ 
                                                      id: 'alias.0.NSPanel_1.cardChart', 
                                                      yAxis: 'Leistung [kW]', 
                                                      yAxisTicks: [2,4,6,8,10,2,4,6,8,20,2], 
                                                      onColor: Yellow
                                                   }]
                                      };
                                      

                                      yAxisTicks: [10,20,30], würde demnach so aussehen:

                                      246ccd57-c866-4797-9fa5-4d35d7936d9e-image.png

                                      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.

                                      D 1 Reply Last reply
                                      0
                                      • ArmilarA Armilar

                                        @dapeace

                                        Exakt, die cardChart legst du analog der Wiki an

                                        Dein NodeRed befüllt einen Datenpunkt in der Art des Strings

                                        16^12:00~37~17~13~18^16:00~21~17~22~18^20:00~17~17~16~11^0:00~5~5~5~5^4:00~5~4~4~15^8:00~22~13~10
                                        

                                        Dann legst du einen Alias vom Gerätetyp Info auf diesen Datenpunkt

                                        damit würde sich also die cardChart schon als Seite testen lassen...

                                        Die Seitendefinition der cardChart (Y-Achse wird hier definiert mit Faktor 10)

                                        2 = 0,2; 4 = 0,4; etc...

                                        let CardChartExample = <PageChart>
                                        {
                                            'type': 'cardChart',
                                            'heading': 'Stromzähler L1+L2+L3',
                                            'useColor': true,
                                            'items': [<PageItem>{ 
                                                        id: 'alias.0.NSPanel_1.cardChart', 
                                                        yAxis: 'Leistung [kW]', 
                                                        yAxisTicks: [2,4,6,8,10,2,4,6,8,20,2], 
                                                        onColor: Yellow
                                                     }]
                                        };
                                        

                                        yAxisTicks: [10,20,30], würde demnach so aussehen:

                                        246ccd57-c866-4797-9fa5-4d35d7936d9e-image.png

                                        D Offline
                                        D Offline
                                        DaPeace
                                        wrote on last edited by
                                        #4096

                                        @armilar
                                        Ok das klingt nicht so schwer.
                                        Müssen es eine bestimmte Anzahl Werte sein?

                                        ArmilarA 1 Reply Last reply
                                        0
                                        • D DaPeace

                                          @armilar
                                          Ok das klingt nicht so schwer.
                                          Müssen es eine bestimmte Anzahl Werte sein?

                                          ArmilarA Offline
                                          ArmilarA Offline
                                          Armilar
                                          Most Active Forum Testing
                                          wrote on last edited by
                                          #4097

                                          @DaPeace

                                          Nein da geht auch mehr... Ausprobieren, da irgendwann ein sehr, sehr, sehr langer String in der HMI überlaufen kann... Und Balken kannst du dann auch nicht mehr erkennen. Wenn du auf einen Balken klickst siehst du übrigens den Wert...

                                          d46f8ab8-4de4-46e8-a594-51004492a284-image.png

                                          Für Temperaturen verwende ich in der Regel aber die cardLChart, da diese die Koordinaten schöner visualisiert...

                                          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
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          384

                                          Online

                                          32.4k

                                          Users

                                          81.4k

                                          Topics

                                          1.3m

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

                                          • Don't have an account? Register

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