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

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo
  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.2k

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

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

SONOFF NSPanel mit Lovelace UI

Geplant Angeheftet Gesperrt Verschoben Hardware
lovelace uinspanelsonoff
7.8k Beiträge 272 Kommentatoren 6.7m Aufrufe 254 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • ? Ein ehemaliger Benutzer

    @ticaki

    Nee, geht nicht, im Panel ist dann ein Model does not match Error.

    Im alten Script war auch ein ganz anderer Link:
    FlashNextion http://nspanel.pky.eu/lovelace-ui/github/nspanel-v4.4.0.tft

    Edit: bin mit allem wieder auf Stable zurueck

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

    @ilovegym

    Den Fehler hatten wir selten, dürfte aber diesem entsprechen

    https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Tasmota-FAQ#32-fehler-bei-flashnextion---type-error-unsupported-operand-types

    Du hast ein EU-Panel?

    Hatten gefühlt 100 Downloads von der neuen URL gestern, gab da bislang keine Probleme...

    Betrifft das auch andere Panels?

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

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

    ? 1 Antwort Letzte Antwort
    0
    • O Offline
      O Offline
      oOchrisOo
      schrieb am zuletzt editiert von
      #6779

      Guten Morgen,
      hab gestern abend ein NS Panel geflasht, wollte gerade weitermachen dabei ist mir folgendes aufgefallen, habe ab und zu einen streifen an der rechten Seite.
      Habe das Displaykabel mehrmals aus und eingesteckt, mal ist der Streifen da mal nicht, habt ihr einen Rat ?
      Könnte das Panel noch zurückschicken, kann man es aber wieder zurückflashen ? woher bekomme ich die Original Firmware ?
      Grüße chrisnspanel.jpg

      ArmilarA 1 Antwort Letzte Antwort
      0
      • O oOchrisOo

        Guten Morgen,
        hab gestern abend ein NS Panel geflasht, wollte gerade weitermachen dabei ist mir folgendes aufgefallen, habe ab und zu einen streifen an der rechten Seite.
        Habe das Displaykabel mehrmals aus und eingesteckt, mal ist der Streifen da mal nicht, habt ihr einen Rat ?
        Könnte das Panel noch zurückschicken, kann man es aber wieder zurückflashen ? woher bekomme ich die Original Firmware ?
        Grüße chrisnspanel.jpg

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

        @oochrisoo

        Sieht tatsächlich nach einem Hardwaredefekt aus. Die Original Firmware kannst du nicht zurückflashen. Mir ist zumindest kein Weg bekannt...

        Würde es dennoch zurücksenden als defekt...

        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.

        O 1 Antwort Letzte Antwort
        0
        • ArmilarA Armilar

          @ilovegym

          Den Fehler hatten wir selten, dürfte aber diesem entsprechen

          https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Tasmota-FAQ#32-fehler-bei-flashnextion---type-error-unsupported-operand-types

          Du hast ein EU-Panel?

          Hatten gefühlt 100 Downloads von der neuen URL gestern, gab da bislang keine Probleme...

          Betrifft das auch andere Panels?

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

          @armilar

          hmm ja, ist ein EU Panel, war Tasmota 14.4.1, hab ein Downgrade gemacht auf 13.4.0, gleicher Fehler.

          Andere Panels habe ich nicht probiert, sind alle produktiv im Einsatz und wenn die nicht funktionieren, bin ich ein Kopf kuerzer.. deshalb erstmal mit dem auf dem Schreibtisch..

          ArmilarA 1 Antwort Letzte Antwort
          0
          • ? Ein ehemaliger Benutzer

            @armilar

            hmm ja, ist ein EU Panel, war Tasmota 14.4.1, hab ein Downgrade gemacht auf 13.4.0, gleicher Fehler.

            Andere Panels habe ich nicht probiert, sind alle produktiv im Einsatz und wenn die nicht funktionieren, bin ich ein Kopf kuerzer.. deshalb erstmal mit dem auf dem Schreibtisch..

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

            @ilovegym

            Habe alle Flash's mit Tasmota 14.4.1 gemacht.

            Hast du es mal versucht mit:

            Feste (statische) IP des NSPanels merken

            Jetzt alles weitere in der Tasmota-Konsole ausführen:

            backlog savedata 1; ipaddress1 0.0.0.0; savedata 0; restart 1
            

            nach dem Neustart

            FlashNextion http://nspanel.de/nspanel-4.5.0.tft
            

            und dann, wenn durchgelaufen, wieder mit der gemerkten statischen IP einstellen

            ipaddress1 192.168.X.X

            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.

            ? Rene55R F 3 Antworten Letzte Antwort
            1
            • ArmilarA Armilar

              @ilovegym

              Habe alle Flash's mit Tasmota 14.4.1 gemacht.

              Hast du es mal versucht mit:

              Feste (statische) IP des NSPanels merken

              Jetzt alles weitere in der Tasmota-Konsole ausführen:

              backlog savedata 1; ipaddress1 0.0.0.0; savedata 0; restart 1
              

              nach dem Neustart

              FlashNextion http://nspanel.de/nspanel-4.5.0.tft
              

              und dann, wenn durchgelaufen, wieder mit der gemerkten statischen IP einstellen

              ipaddress1 192.168.X.X

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

              @armilar sagte in SONOFF NSPanel mit Lovelace UI:

              FlashNextion http://nspanel.de/nspanel-4.5.0.tft

              ja, hab ich auch versucht, meine haben gar keine statische IP, bekommen reservierte vom dhcp server (unifi udm pro).

              Kommt immer wieder der

              10:46:28.953 CMD: FlashNextion http://nspanel.de/nspanel-4.5.0.tft
              10:46:28.965 MQT: SmartHome/NSPanel1/stat/RESULT = {"FlashNextion":"Done"}
              10:46:28.992 FLH: host: nspanel.de, port: 80, get: /nspanel-4.5.0.tft
              10:46:32.294 FLH: Send (High Speed) flash start
              10:46:32.645 BRY: Exception> 'type_error' - unsupported operand type(s) for <: 'nil' and 'int'
              

              und im Display dann
              USART Update....
              921600
              SIZE:
              0
              writing DATA.....
              ein langer Balken und das wars...

              ArmilarA 1 Antwort Letzte Antwort
              0
              • ArmilarA Armilar

                @ilovegym

                Habe alle Flash's mit Tasmota 14.4.1 gemacht.

                Hast du es mal versucht mit:

                Feste (statische) IP des NSPanels merken

                Jetzt alles weitere in der Tasmota-Konsole ausführen:

                backlog savedata 1; ipaddress1 0.0.0.0; savedata 0; restart 1
                

                nach dem Neustart

                FlashNextion http://nspanel.de/nspanel-4.5.0.tft
                

                und dann, wenn durchgelaufen, wieder mit der gemerkten statischen IP einstellen

                ipaddress1 192.168.X.X

                Rene55R Offline
                Rene55R Offline
                Rene55
                schrieb am zuletzt editiert von
                #6784

                @armilar Ich hab in den letzten Wochen nicht alle Updates von hier mitbekommen. Ich habe allerdings gestern den Scriptadapter auf 8.9.0 hochgezogen. Beim Start des NS-Scripts bekomme ich beim compilen folgenden Fehler:

                TypeScript compilation failed:
                                SendToPanel({ payload: 'dimmode~' + getState(NSPanel_Path + 'ScreensaverInfo.activeDimmodeBrightness').val + '~' + getState(NSPanel_Path + 'ScreensaverInfo.activeBrightness').val ?? 80 + '~' + rgb_dec565(config.defaultBackgroundColor) + '~' + rgb_dec565(globalTextColor) + '~' + Sliders2 });
                                                       ^
                ERROR: Right operand of ?? is unreachable because the left operand is never nullish.
                
                                    SendToPanel({ payload: 'dimmode~' + timeDimMode.brightnessDay + '~' + getState(NSPanel_Path + 'ScreensaverInfo.activeBrightness').val ?? 80 + '~' + rgb_dec565(config.defaultBackgroundColor) + '~' + rgb_dec565(globalTextColor) + '~' + Sliders2 });
                                                           ^
                ERROR: Right operand of ?? is unreachable because the left operand is never nullish.
                
                                    SendToPanel({ payload: 'dimmode~' + timeDimMode.brightnessNight + '~' + getState(NSPanel_Path + 'ScreensaverInfo.activeBrightness').val ?? 80 + '~' + rgb_dec565(config.defaultBackgroundColor) + '~' + rgb_dec565(globalTextColor) + '~' + Sliders2 });
                                                           ^
                ERROR: Right operand of ?? is unreachable because the left operand is never nullish.code_text
                

                Schon bekannt oder muss/soll ich erstmal die letzte Version von hier einbauen?

                Host: Fujitsu Intel(R) Pentium(R) CPU G4560T, 32 GB RAM, Proxmox 8.x + lxc Ubuntu 22.04
                ioBroker (8 GB RAM) Node.js: 20.19.1, NPM: 10.8.2, js-Controller: 7.0.6, Admin: 7.6.3
                Wetterstation: Froggit WH3000SE V1.6.6

                ArmilarA 1 Antwort Letzte Antwort
                0
                • ? Ein ehemaliger Benutzer

                  @armilar sagte in SONOFF NSPanel mit Lovelace UI:

                  FlashNextion http://nspanel.de/nspanel-4.5.0.tft

                  ja, hab ich auch versucht, meine haben gar keine statische IP, bekommen reservierte vom dhcp server (unifi udm pro).

                  Kommt immer wieder der

                  10:46:28.953 CMD: FlashNextion http://nspanel.de/nspanel-4.5.0.tft
                  10:46:28.965 MQT: SmartHome/NSPanel1/stat/RESULT = {"FlashNextion":"Done"}
                  10:46:28.992 FLH: host: nspanel.de, port: 80, get: /nspanel-4.5.0.tft
                  10:46:32.294 FLH: Send (High Speed) flash start
                  10:46:32.645 BRY: Exception> 'type_error' - unsupported operand type(s) for <: 'nil' and 'int'
                  

                  und im Display dann
                  USART Update....
                  921600
                  SIZE:
                  0
                  writing DATA.....
                  ein langer Balken und das wars...

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

                  @ilovegym

                  Könntest du für einen Test mal:

                  Backlog UrlFetch https://raw.githubusercontent.com/joBr99/nspanel-lovelace-ui/main/tasmota/autoexec.be; Restart 1
                  

                  durchführen und danach nochmal das

                  FlashNextion http://nspanel.de/nspanel-4.5.0.tft
                  

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

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

                  ? 1 Antwort Letzte Antwort
                  0
                  • Rene55R Rene55

                    @armilar Ich hab in den letzten Wochen nicht alle Updates von hier mitbekommen. Ich habe allerdings gestern den Scriptadapter auf 8.9.0 hochgezogen. Beim Start des NS-Scripts bekomme ich beim compilen folgenden Fehler:

                    TypeScript compilation failed:
                                    SendToPanel({ payload: 'dimmode~' + getState(NSPanel_Path + 'ScreensaverInfo.activeDimmodeBrightness').val + '~' + getState(NSPanel_Path + 'ScreensaverInfo.activeBrightness').val ?? 80 + '~' + rgb_dec565(config.defaultBackgroundColor) + '~' + rgb_dec565(globalTextColor) + '~' + Sliders2 });
                                                           ^
                    ERROR: Right operand of ?? is unreachable because the left operand is never nullish.
                    
                                        SendToPanel({ payload: 'dimmode~' + timeDimMode.brightnessDay + '~' + getState(NSPanel_Path + 'ScreensaverInfo.activeBrightness').val ?? 80 + '~' + rgb_dec565(config.defaultBackgroundColor) + '~' + rgb_dec565(globalTextColor) + '~' + Sliders2 });
                                                               ^
                    ERROR: Right operand of ?? is unreachable because the left operand is never nullish.
                    
                                        SendToPanel({ payload: 'dimmode~' + timeDimMode.brightnessNight + '~' + getState(NSPanel_Path + 'ScreensaverInfo.activeBrightness').val ?? 80 + '~' + rgb_dec565(config.defaultBackgroundColor) + '~' + rgb_dec565(globalTextColor) + '~' + Sliders2 });
                                                               ^
                    ERROR: Right operand of ?? is unreachable because the left operand is never nullish.code_text
                    

                    Schon bekannt oder muss/soll ich erstmal die letzte Version von hier einbauen?

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

                    @rene55

                    Äh ja... knapp 10 Beiträge zurück...

                    https://forum.iobroker.net/post/1241385

                    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.

                    Rene55R 1 Antwort Letzte Antwort
                    0
                    • ArmilarA Armilar

                      @ilovegym

                      Könntest du für einen Test mal:

                      Backlog UrlFetch https://raw.githubusercontent.com/joBr99/nspanel-lovelace-ui/main/tasmota/autoexec.be; Restart 1
                      

                      durchführen und danach nochmal das

                      FlashNextion http://nspanel.de/nspanel-4.5.0.tft
                      
                      ? Offline
                      ? Offline
                      Ein ehemaliger Benutzer
                      schrieb am zuletzt editiert von
                      #6787

                      @armilar sagte in SONOFF NSPanel mit Lovelace UI:

                      Backlog UrlFetch https://raw.githubusercontent.com/joBr99/nspanel-lovelace-ui/main/tasmota/autoexec.be; Restart 1

                      Asche ueber mein Haupt... ich habs gefunden.. das Teil war noch fuers Internet geblockt.. oh Mann... oh Mann..

                      SIZE 0 hat mich drauf gebracht.. dass er da kein Zugriff auf die Datei hat.. und die Tasmota-URL hab ich in der Firewall als rule drin.. 😄 verflixte Technik..

                      ArmilarA 1 Antwort Letzte Antwort
                      1
                      • ArmilarA Armilar

                        @rene55

                        Äh ja... knapp 10 Beiträge zurück...

                        https://forum.iobroker.net/post/1241385

                        Rene55R Offline
                        Rene55R Offline
                        Rene55
                        schrieb am zuletzt editiert von
                        #6788

                        @armilar ok, gefunden, gelesen: ich geb mich ans Update 4.5.0. Danke.

                        Host: Fujitsu Intel(R) Pentium(R) CPU G4560T, 32 GB RAM, Proxmox 8.x + lxc Ubuntu 22.04
                        ioBroker (8 GB RAM) Node.js: 20.19.1, NPM: 10.8.2, js-Controller: 7.0.6, Admin: 7.6.3
                        Wetterstation: Froggit WH3000SE V1.6.6

                        1 Antwort Letzte Antwort
                        0
                        • ? Ein ehemaliger Benutzer

                          @armilar sagte in SONOFF NSPanel mit Lovelace UI:

                          Backlog UrlFetch https://raw.githubusercontent.com/joBr99/nspanel-lovelace-ui/main/tasmota/autoexec.be; Restart 1

                          Asche ueber mein Haupt... ich habs gefunden.. das Teil war noch fuers Internet geblockt.. oh Mann... oh Mann..

                          SIZE 0 hat mich drauf gebracht.. dass er da kein Zugriff auf die Datei hat.. und die Tasmota-URL hab ich in der Firewall als rule drin.. 😄 verflixte Technik..

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

                          @ilovegym

                          😉 passiert auch anderen 😊

                          War nämlich mit den Tipps langsam am Ende

                          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.

                          Rene55R 1 Antwort Letzte Antwort
                          0
                          • ArmilarA Armilar

                            @ilovegym

                            😉 passiert auch anderen 😊

                            War nämlich mit den Tipps langsam am Ende

                            Rene55R Offline
                            Rene55R Offline
                            Rene55
                            schrieb am zuletzt editiert von
                            #6790

                            @armilar Läuft wieder. Jetzt bietet das Display ein TFT-Firmware-Update von 53 auf 54 an. Wie krieg ich das drauf?

                            Host: Fujitsu Intel(R) Pentium(R) CPU G4560T, 32 GB RAM, Proxmox 8.x + lxc Ubuntu 22.04
                            ioBroker (8 GB RAM) Node.js: 20.19.1, NPM: 10.8.2, js-Controller: 7.0.6, Admin: 7.6.3
                            Wetterstation: Froggit WH3000SE V1.6.6

                            ArmilarA 1 Antwort Letzte Antwort
                            0
                            • Rene55R Rene55

                              @armilar Läuft wieder. Jetzt bietet das Display ein TFT-Firmware-Update von 53 auf 54 an. Wie krieg ich das drauf?

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

                              @rene55

                              FlashNextion http://nspanel.de/nspanel-4.5.0.tft
                              

                              Das ist die 54

                              Aktuell "nicht" über das Servicemenü... Da muss noch eine Anpassung rein... Nur über die Tasmota-Konsole

                              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.

                              Rene55R 1 Antwort Letzte Antwort
                              0
                              • ArmilarA Armilar

                                @rene55

                                FlashNextion http://nspanel.de/nspanel-4.5.0.tft
                                

                                Das ist die 54

                                Aktuell "nicht" über das Servicemenü... Da muss noch eine Anpassung rein... Nur über die Tasmota-Konsole

                                Rene55R Offline
                                Rene55R Offline
                                Rene55
                                schrieb am zuletzt editiert von
                                #6792

                                @armilar Sind die Änderungen gravierend, dass ich das per Konsole machen sollte?
                                Bei dem Versuch über das Servicemenü fehlt "alias.0.NSPanel.1.Config.Update.UpdateNextion.SET" und "alias.0.NSPanel.1.Config.Update.UpdateNextion.ON_SET". Aber das wisst ihr sicher und seid dran,

                                Host: Fujitsu Intel(R) Pentium(R) CPU G4560T, 32 GB RAM, Proxmox 8.x + lxc Ubuntu 22.04
                                ioBroker (8 GB RAM) Node.js: 20.19.1, NPM: 10.8.2, js-Controller: 7.0.6, Admin: 7.6.3
                                Wetterstation: Froggit WH3000SE V1.6.6

                                ArmilarA 1 Antwort Letzte Antwort
                                0
                                • Rene55R Rene55

                                  @armilar Sind die Änderungen gravierend, dass ich das per Konsole machen sollte?
                                  Bei dem Versuch über das Servicemenü fehlt "alias.0.NSPanel.1.Config.Update.UpdateNextion.SET" und "alias.0.NSPanel.1.Config.Update.UpdateNextion.ON_SET". Aber das wisst ihr sicher und seid dran,

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

                                  @rene55

                                  Nein, die sind nicht gravierend... Ist nur der Part mit dem EasyView screensaver3 und der cardGrid3

                                  Sofern du die nicht nutzt, geht auch die alte TFT53

                                  Und deshalb habe ich ja auch geschrieben, dass das Update aktuell "nicht" über das Servicemenü stattfinden soll, sondern über die Tasmota-Konsole 😊

                                  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.

                                  Rene55R 1 Antwort Letzte Antwort
                                  0
                                  • ArmilarA Armilar

                                    @rene55

                                    Nein, die sind nicht gravierend... Ist nur der Part mit dem EasyView screensaver3 und der cardGrid3

                                    Sofern du die nicht nutzt, geht auch die alte TFT53

                                    Und deshalb habe ich ja auch geschrieben, dass das Update aktuell "nicht" über das Servicemenü stattfinden soll, sondern über die Tasmota-Konsole 😊

                                    Rene55R Offline
                                    Rene55R Offline
                                    Rene55
                                    schrieb am zuletzt editiert von
                                    #6794

                                    @armilar Danke für die Info. Das Ding läuft bei mir auch nur so nebenbei. Ich warte ja eigentlich auf den Adapter (weil mich die Aliase furchtbar nerven), weiß aber nicht, wie ich ticaki dabei helfen könnte.

                                    Host: Fujitsu Intel(R) Pentium(R) CPU G4560T, 32 GB RAM, Proxmox 8.x + lxc Ubuntu 22.04
                                    ioBroker (8 GB RAM) Node.js: 20.19.1, NPM: 10.8.2, js-Controller: 7.0.6, Admin: 7.6.3
                                    Wetterstation: Froggit WH3000SE V1.6.6

                                    ArmilarA 1 Antwort Letzte Antwort
                                    0
                                    • Rene55R Rene55

                                      @armilar Danke für die Info. Das Ding läuft bei mir auch nur so nebenbei. Ich warte ja eigentlich auf den Adapter (weil mich die Aliase furchtbar nerven), weiß aber nicht, wie ich ticaki dabei helfen könnte.

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

                                      @rene55

                                      React lernen 😉

                                      Wir sind dran...

                                      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.

                                      T 1 Antwort Letzte Antwort
                                      1
                                      • ArmilarA Armilar

                                        @rene55

                                        React lernen 😉

                                        Wir sind dran...

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

                                        @armilar sagte in SONOFF NSPanel mit Lovelace UI:

                                        @rene55

                                        React lernen 😉

                                        Wir sind dran...

                                        Ich weiß nicht in wieweit Rene react kann, aber der macht da immer mit web zeugs rum wovon ich keine Ahnung habe. Helfen könnte er wohl schon - aber dann müsste ich meine letzte Alias idee wieder in die Tonne kloppen sonst streikt er 😄

                                        @Rene55
                                        Ich hab ne sehr komplizierte Konfiguration gebaut, in der Annahme das ich schon ne Mögliichkeit finde das nachher umzusetzen und da sind wir.

                                        Im Adapter kann man aktuell zu jedem "pageItem" jeden einzelnen Datenpunkt(6-8) als id, fester wert oder triggernd ausführen - das sieht dann zum Bespiel so aus:

                                        //const pageGridTest4: pages.PageBaseConfig = {
                                            //type: 'sonstiges',
                                            //card: 'cardGrid',
                                            dpInit: '',
                                        
                                            alwaysOn: 'none',
                                            uniqueID: 'grid4',
                                            useColor: false,
                                            config: {
                                                card: 'cardGrid',
                                                data: {
                                                    headline: {
                                                        type: 'const',
                                                        constVal: 'Überschrift2',
                                                    },
                                                },
                                            },
                                            items: undefined,
                                            pageItems: [
                                                {
                                                    role: 'text.list',
                                                    type: 'input_sel',
                                                    dpInit: '',
                                        
                                                    data: {
                                                        color: {
                                                            true: {
                                                                type: 'const',
                                                                constVal: Color.HMIOn,
                                                            },
                                                            false: undefined,
                                                            scale: undefined,
                                                        },
                                                        icon: {
                                                            true: {
                                                                value: { type: 'const', constVal: 'fan' },
                                                                color: { type: 'const', constVal: Color.Green },
                                                            },
                                                            false: {
                                                                value: { type: 'const', constVal: 'fan' },
                                                                color: { type: 'const', constVal: Color.Red },
                                                            },
                                                            scale: undefined,
                                                            maxBri: undefined,
                                                            minBri: undefined,
                                                        },
                                                        entityInSel: {
                                                            value: {
                                                                type: 'const',
                                                                constVal: true,
                                                            },
                                                            decimal: undefined,
                                                            factor: undefined,
                                                            unit: undefined,
                                                        },
                                                        text: {
                                                            true: undefined,
                                                            false: undefined,
                                                        },
                                                        /**
                                                         * valueList string[]/stringify oder string?string?string?string stelle korreliert mit setList  {input_sel}
                                                         */
                                                        valueList: { type: 'const', constVal: 'home?butter' },
                                                        /**
                                                         * setList: {id:Datenpunkt, value: zu setzender Wert}[] bzw. stringify  oder ein String nach dem Muster datenpunkt?Wert|Datenpunkt?Wert {input_sel}
                                                         */
                                                        setList: { type: 'const', constVal: '0_userdata.0.test?1|0_userdata.0.test?2' },
                                                    },
                                                },
                                                {
                                                    role: 'text.list',
                                                    type: 'button',
                                                    dpInit: '',
                                        
                                                    data: {
                                                        color: {
                                                            true: {
                                                                type: 'const',
                                                                constVal: Color.HMIOn,
                                                            },
                                                            false: undefined,
                                                            scale: undefined,
                                                        },
                                                        icon: {
                                                            true: {
                                                                value: { type: 'const', constVal: 'account' },
                                                                color: { type: 'const', constVal: Color.Green },
                                                            },
                                                            false: {
                                                                value: { type: 'const', constVal: 'fan' },
                                                                color: { type: 'const', constVal: Color.Red },
                                                            },
                                                            scale: undefined,
                                                            maxBri: undefined,
                                                            minBri: undefined,
                                                        },
                                                        entity1: {
                                                            value: {
                                                                type: 'const',
                                                                constVal: true,
                                                            },
                                                            decimal: undefined,
                                                            factor: undefined,
                                                            unit: undefined,
                                                        },
                                                        text: {
                                                            true: undefined,
                                                            false: undefined,
                                                        },
                                                    },
                                                },
                                            ],
                                        //};
                                        

                                        Hab ein kleines als Bespiel genommen

                                        Oder was komplexeres:

                                        const pageThermoTest: pages.PageBaseConfig = {
                                            //card: 'cardThermo',
                                        
                                            uniqueID: 'thermo1',
                                            dpInit: '',
                                            alwaysOn: 'none',
                                            pageItems: [
                                                {
                                                    role: '',
                                                    type: 'button',
                                                    dpInit: '',
                                                    data: {
                                                        color: {
                                                            true: {
                                                                type: 'const',
                                                                constVal: Color.HMIOn,
                                                            },
                                                            false: undefined,
                                                            scale: undefined,
                                                        },
                                                        icon: {
                                                            true: {
                                                                value: { type: 'const', constVal: 'arrow-right' },
                                                                color: { type: 'const', constVal: Color.Blue },
                                                            },
                                                            false: {
                                                                value: { type: 'const', constVal: 'fan' },
                                                                color: { type: 'const', constVal: Color.Red },
                                                            },
                                                            scale: undefined,
                                                            maxBri: undefined,
                                                            minBri: undefined,
                                                        },
                                                        entity1: {
                                                            value: {
                                                                type: 'triggered',
                                                                dp: '0_userdata.0.example_state',
                                                            },
                                                            decimal: undefined,
                                                            factor: undefined,
                                                            unit: undefined,
                                                        },
                                                        text: {
                                                            true: undefined,
                                                            false: undefined,
                                                        },
                                                    },
                                                },
                                                {
                                                    role: 'text.list',
                                                    type: 'input_sel',
                                                    dpInit: '',
                                        
                                                    data: {
                                                        entityInSel: {
                                                            value: {
                                                                type: 'triggered',
                                                                dp: '0_userdata.0.statesTest',
                                                            },
                                                            decimal: undefined,
                                                            factor: undefined,
                                                            unit: undefined,
                                                        },
                                                        headline: {
                                                            type: 'const',
                                                            constVal: 'Test',
                                                        },
                                                        /**
                                                         * valueList string[]/stringify oder string?string?string?string stelle korreliert mit setList  {input_sel}
                                                         */
                                                        //valueList: { type: 'const', constVal: 'home?butter' },
                                                        /**
                                                         * setList: {id:Datenpunkt, value: zu setzender Wert}[] bzw. stringify  oder ein String nach dem Muster datenpunkt?Wert|Datenpunkt?Wert {input_sel}
                                                         */
                                                        //setList: { type: 'const', constVal: '0_userdata.0.test?1|0_userdata.0.test?2' },
                                                    },
                                                },
                                                {
                                                    role: 'text.list',
                                                    type: 'input_sel',
                                                    dpInit: '',
                                        
                                                    data: {
                                                        entityInSel: {
                                                            value: {
                                                                type: 'triggered',
                                                                dp: '0_userdata.0.statesTest',
                                                            },
                                                            decimal: undefined,
                                                            factor: undefined,
                                                            unit: undefined,
                                                        },
                                                        headline: {
                                                            type: 'const',
                                                            constVal: 'Test',
                                                        },
                                                        /**
                                                         * valueList string[]/stringify oder string?string?string?string stelle korreliert mit setList  {input_sel}
                                                         */
                                                        //valueList: { type: 'const', constVal: 'home?butter' },
                                                        /**
                                                         * setList: {id:Datenpunkt, value: zu setzender Wert}[] bzw. stringify  oder ein String nach dem Muster datenpunkt?Wert|Datenpunkt?Wert {input_sel}
                                                         */
                                                        //setList: { type: 'const', constVal: '0_userdata.0.test?1|0_userdata.0.test?2' },
                                                    },
                                                },
                                                {
                                                    role: 'text.list',
                                                    type: 'input_sel',
                                                    dpInit: '',
                                        
                                                    data: {
                                                        entityInSel: {
                                                            value: {
                                                                type: 'triggered',
                                                                dp: '0_userdata.0.statesTest',
                                                            },
                                                            decimal: undefined,
                                                            factor: undefined,
                                                            unit: undefined,
                                                        },
                                                        headline: {
                                                            type: 'const',
                                                            constVal: 'Test',
                                                        },
                                                        /**
                                                         * valueList string[]/stringify oder string?string?string?string stelle korreliert mit setList  {input_sel}
                                                         */
                                                        //valueList: { type: 'const', constVal: 'home?butter' },
                                                        /**
                                                         * setList: {id:Datenpunkt, value: zu setzender Wert}[] bzw. stringify  oder ein String nach dem Muster datenpunkt?Wert|Datenpunkt?Wert {input_sel}
                                                         */
                                                        //setList: { type: 'const', constVal: '0_userdata.0.test?1|0_userdata.0.test?2' },
                                                    },
                                                },
                                                {
                                                    role: 'text.list',
                                                    type: 'input_sel',
                                                    dpInit: '',
                                        
                                                    data: {
                                                        entityInSel: {
                                                            value: {
                                                                type: 'triggered',
                                                                dp: '0_userdata.0.statesTest',
                                                            },
                                                            decimal: undefined,
                                                            factor: undefined,
                                                            unit: undefined,
                                                        },
                                                        headline: {
                                                            type: 'const',
                                                            constVal: 'Test',
                                                        },
                                                        /**
                                                         * valueList string[]/stringify oder string?string?string?string stelle korreliert mit setList  {input_sel}
                                                         */
                                                        //valueList: { type: 'const', constVal: 'home?butter' },
                                                        /**
                                                         * setList: {id:Datenpunkt, value: zu setzender Wert}[] bzw. stringify  oder ein String nach dem Muster datenpunkt?Wert|Datenpunkt?Wert {input_sel}
                                                         */
                                                        //setList: { type: 'const', constVal: '0_userdata.0.test?1|0_userdata.0.test?2' },
                                                    },
                                                },
                                                {
                                                    role: 'button',
                                                    type: 'button',
                                                    dpInit: '',
                                        
                                                    data: {
                                                        color: {
                                                            true: {
                                                                type: 'const',
                                                                constVal: Color.HMIOn,
                                                            },
                                                            false: undefined,
                                                            scale: undefined,
                                                        },
                                                        icon: {
                                                            true: {
                                                                value: { type: 'const', constVal: 'arrow-up' },
                                                                color: { type: 'const', constVal: Color.Blue },
                                                            },
                                                            false: {
                                                                value: { type: 'const', constVal: 'fan' },
                                                                color: { type: 'const', constVal: Color.Red },
                                                            },
                                                            scale: undefined,
                                                            maxBri: undefined,
                                                            minBri: undefined,
                                                        },
                                                        entity1: {
                                                            value: {
                                                                type: 'const',
                                                                constVal: true,
                                                            },
                                                            decimal: undefined,
                                                            factor: undefined,
                                                            unit: undefined,
                                                        },
                                                        text: {
                                                            true: undefined,
                                                            false: undefined,
                                                        },
                                                    },
                                                },
                                                {
                                                    role: 'indicator',
                                                    type: 'button',
                                                    dpInit: '',
                                        
                                                    data: {
                                                        color: {
                                                            true: {
                                                                type: 'const',
                                                                constVal: Color.HMIOn,
                                                            },
                                                            false: undefined,
                                                            scale: undefined,
                                                        },
                                                        icon: {
                                                            true: {
                                                                value: { type: 'const', constVal: 'fan' },
                                                                color: { type: 'const', constVal: Color.Blue },
                                                            },
                                                            false: {
                                                                value: { type: 'const', constVal: 'fan' },
                                                                color: { type: 'const', constVal: Color.Red },
                                                            },
                                                            scale: undefined,
                                                            maxBri: undefined,
                                                            minBri: undefined,
                                                        },
                                                        entity1: {
                                                            value: { type: 'state', dp: '0_userdata.0.example_state' },
                                                            decimal: undefined,
                                                            factor: undefined,
                                                            unit: undefined,
                                                        },
                                                        text: {
                                                            true: undefined,
                                                            false: undefined,
                                                        },
                                                    },
                                                },
                                                {
                                                    role: 'indicator',
                                                    type: 'button',
                                                    dpInit: '',
                                        
                                                    data: {
                                                        color: {
                                                            true: {
                                                                type: 'const',
                                                                constVal: Color.HMIOn,
                                                            },
                                                            false: undefined,
                                                            scale: undefined,
                                                        },
                                                        icon: {
                                                            true: {
                                                                value: { type: 'const', constVal: 'fan' },
                                                                color: { type: 'const', constVal: Color.Blue },
                                                            },
                                                            false: {
                                                                value: { type: 'const', constVal: 'fan' },
                                                                color: { type: 'const', constVal: Color.Red },
                                                            },
                                                            scale: undefined,
                                                            maxBri: undefined,
                                                            minBri: undefined,
                                                        },
                                                        entity1: {
                                                            value: { type: 'state', dp: '0_userdata.0.example_state' },
                                                            decimal: undefined,
                                                            factor: undefined,
                                                            unit: undefined,
                                                        },
                                                        text: {
                                                            true: undefined,
                                                            false: undefined,
                                                        },
                                                    },
                                                },
                                                {
                                                    role: 'indicator',
                                                    type: 'button',
                                                    dpInit: '',
                                        
                                                    data: {
                                                        color: {
                                                            true: {
                                                                type: 'const',
                                                                constVal: Color.HMIOn,
                                                            },
                                                            false: undefined,
                                                            scale: undefined,
                                                        },
                                                        icon: {
                                                            true: {
                                                                value: { type: 'const', constVal: 'fan' },
                                                                color: { type: 'const', constVal: Color.Blue },
                                                            },
                                                            false: {
                                                                value: { type: 'const', constVal: 'fan' },
                                                                color: { type: 'const', constVal: Color.Red },
                                                            },
                                                            scale: undefined,
                                                            maxBri: undefined,
                                                            minBri: undefined,
                                                        },
                                                        entity1: {
                                                            value: { type: 'state', dp: '0_userdata.0.example_state' },
                                                            decimal: undefined,
                                                            factor: undefined,
                                                            unit: undefined,
                                                        },
                                                        text: {
                                                            true: undefined,
                                                            false: undefined,
                                                        },
                                                    },
                                                },
                                                {
                                                    role: 'indicator',
                                                    type: 'button',
                                                    dpInit: '',
                                        
                                                    data: {
                                                        color: {
                                                            true: {
                                                                type: 'const',
                                                                constVal: Color.HMIOn,
                                                            },
                                                            false: undefined,
                                                            scale: undefined,
                                                        },
                                                        icon: {
                                                            true: {
                                                                value: { type: 'const', constVal: 'fan' },
                                                                color: { type: 'const', constVal: Color.Blue },
                                                            },
                                                            false: {
                                                                value: { type: 'const', constVal: 'fan' },
                                                                color: { type: 'const', constVal: Color.Red },
                                                            },
                                                            scale: undefined,
                                                            maxBri: undefined,
                                                            minBri: undefined,
                                                        },
                                                        entity1: {
                                                            value: { type: 'state', dp: '0_userdata.0.example_state' },
                                                            decimal: undefined,
                                                            factor: undefined,
                                                            unit: undefined,
                                                        },
                                                        text: {
                                                            true: undefined,
                                                            false: undefined,
                                                        },
                                                    },
                                                },
                                                {
                                                    role: 'indicator',
                                                    type: 'button',
                                                    dpInit: '',
                                        
                                                    data: {
                                                        color: {
                                                            true: {
                                                                type: 'const',
                                                                constVal: Color.HMIOn,
                                                            },
                                                            false: undefined,
                                                            scale: undefined,
                                                        },
                                                        icon: {
                                                            true: {
                                                                value: { type: 'const', constVal: 'fan' },
                                                                color: { type: 'const', constVal: Color.Blue },
                                                            },
                                                            false: {
                                                                value: { type: 'const', constVal: 'fan' },
                                                                color: { type: 'const', constVal: Color.Red },
                                                            },
                                                            scale: undefined,
                                                            maxBri: undefined,
                                                            minBri: undefined,
                                                        },
                                                        entity1: {
                                                            value: { type: 'state', dp: '0_userdata.0.example_state' },
                                                            decimal: undefined,
                                                            factor: undefined,
                                                            unit: undefined,
                                                        },
                                                        text: {
                                                            true: undefined,
                                                            false: undefined,
                                                        },
                                                    },
                                                },
                                                {
                                                    role: 'indicator',
                                                    type: 'button',
                                                    dpInit: '',
                                        
                                                    data: {
                                                        color: {
                                                            true: {
                                                                type: 'const',
                                                                constVal: Color.HMIOn,
                                                            },
                                                            false: undefined,
                                                            scale: undefined,
                                                        },
                                                        icon: {
                                                            true: {
                                                                value: { type: 'const', constVal: 'fan' },
                                                                color: { type: 'const', constVal: Color.Blue },
                                                            },
                                                            false: {
                                                                value: { type: 'const', constVal: 'fan' },
                                                                color: { type: 'const', constVal: Color.Red },
                                                            },
                                                            scale: undefined,
                                                            maxBri: undefined,
                                                            minBri: undefined,
                                                        },
                                                        entity1: {
                                                            value: { type: 'state', dp: '0_userdata.0.example_state' },
                                                            decimal: undefined,
                                                            factor: undefined,
                                                            unit: undefined,
                                                        },
                                                        text: {
                                                            true: undefined,
                                                            false: undefined,
                                                        },
                                                    },
                                                },
                                            ],
                                            config: {
                                                card: 'cardThermo',
                                                data: {
                                                    headline: {
                                                        type: 'const',
                                                        constVal: 'headline',
                                                    },
                                                    mixed2: {
                                                        value: {
                                                            type: 'const',
                                                            constVal: '20',
                                                        },
                                                    },
                                                    unit: {
                                                        type: 'const',
                                                        constVal: '°C',
                                                    },
                                                    mixed1: {
                                                        value: {
                                                            type: 'const',
                                                            constVal: 'H1',
                                                        },
                                                    },
                                                    mixed3: {
                                                        value: {
                                                            type: 'const',
                                                            constVal: 'H2',
                                                        },
                                                    },
                                                    minTemp: {
                                                        type: 'const',
                                                        constVal: '10',
                                                    },
                                                    maxTemp: {
                                                        type: 'const',
                                                        constVal: '60',
                                                    },
                                                    tempStep: {
                                                        type: 'const',
                                                        constVal: '5',
                                                    },
                                                    set1: { type: 'state', dp: '0_userdata.0.number1' },
                                                    mixed4: {
                                                        value: {
                                                            type: 'const',
                                                            constVal: '20',
                                                        },
                                                    },
                                                },
                                            },
                                            items: undefined,
                                            useColor: false,
                                        };
                                        

                                        oder was einfaches von @TT-Tom

                                        const pageFahrplanRoutes: pages.PageBaseConfig = {
                                            card: 'cardEntities',
                                            dpInit: 'fahrplan.0.0',
                                            uniqueID: 'fahrplanrouten',
                                            template: 'entities.fahrplan.routes',
                                        };
                                        

                                        Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

                                        Spenden

                                        Rene55R 1 Antwort Letzte Antwort
                                        0
                                        • T ticaki

                                          @armilar sagte in SONOFF NSPanel mit Lovelace UI:

                                          @rene55

                                          React lernen 😉

                                          Wir sind dran...

                                          Ich weiß nicht in wieweit Rene react kann, aber der macht da immer mit web zeugs rum wovon ich keine Ahnung habe. Helfen könnte er wohl schon - aber dann müsste ich meine letzte Alias idee wieder in die Tonne kloppen sonst streikt er 😄

                                          @Rene55
                                          Ich hab ne sehr komplizierte Konfiguration gebaut, in der Annahme das ich schon ne Mögliichkeit finde das nachher umzusetzen und da sind wir.

                                          Im Adapter kann man aktuell zu jedem "pageItem" jeden einzelnen Datenpunkt(6-8) als id, fester wert oder triggernd ausführen - das sieht dann zum Bespiel so aus:

                                          //const pageGridTest4: pages.PageBaseConfig = {
                                              //type: 'sonstiges',
                                              //card: 'cardGrid',
                                              dpInit: '',
                                          
                                              alwaysOn: 'none',
                                              uniqueID: 'grid4',
                                              useColor: false,
                                              config: {
                                                  card: 'cardGrid',
                                                  data: {
                                                      headline: {
                                                          type: 'const',
                                                          constVal: 'Überschrift2',
                                                      },
                                                  },
                                              },
                                              items: undefined,
                                              pageItems: [
                                                  {
                                                      role: 'text.list',
                                                      type: 'input_sel',
                                                      dpInit: '',
                                          
                                                      data: {
                                                          color: {
                                                              true: {
                                                                  type: 'const',
                                                                  constVal: Color.HMIOn,
                                                              },
                                                              false: undefined,
                                                              scale: undefined,
                                                          },
                                                          icon: {
                                                              true: {
                                                                  value: { type: 'const', constVal: 'fan' },
                                                                  color: { type: 'const', constVal: Color.Green },
                                                              },
                                                              false: {
                                                                  value: { type: 'const', constVal: 'fan' },
                                                                  color: { type: 'const', constVal: Color.Red },
                                                              },
                                                              scale: undefined,
                                                              maxBri: undefined,
                                                              minBri: undefined,
                                                          },
                                                          entityInSel: {
                                                              value: {
                                                                  type: 'const',
                                                                  constVal: true,
                                                              },
                                                              decimal: undefined,
                                                              factor: undefined,
                                                              unit: undefined,
                                                          },
                                                          text: {
                                                              true: undefined,
                                                              false: undefined,
                                                          },
                                                          /**
                                                           * valueList string[]/stringify oder string?string?string?string stelle korreliert mit setList  {input_sel}
                                                           */
                                                          valueList: { type: 'const', constVal: 'home?butter' },
                                                          /**
                                                           * setList: {id:Datenpunkt, value: zu setzender Wert}[] bzw. stringify  oder ein String nach dem Muster datenpunkt?Wert|Datenpunkt?Wert {input_sel}
                                                           */
                                                          setList: { type: 'const', constVal: '0_userdata.0.test?1|0_userdata.0.test?2' },
                                                      },
                                                  },
                                                  {
                                                      role: 'text.list',
                                                      type: 'button',
                                                      dpInit: '',
                                          
                                                      data: {
                                                          color: {
                                                              true: {
                                                                  type: 'const',
                                                                  constVal: Color.HMIOn,
                                                              },
                                                              false: undefined,
                                                              scale: undefined,
                                                          },
                                                          icon: {
                                                              true: {
                                                                  value: { type: 'const', constVal: 'account' },
                                                                  color: { type: 'const', constVal: Color.Green },
                                                              },
                                                              false: {
                                                                  value: { type: 'const', constVal: 'fan' },
                                                                  color: { type: 'const', constVal: Color.Red },
                                                              },
                                                              scale: undefined,
                                                              maxBri: undefined,
                                                              minBri: undefined,
                                                          },
                                                          entity1: {
                                                              value: {
                                                                  type: 'const',
                                                                  constVal: true,
                                                              },
                                                              decimal: undefined,
                                                              factor: undefined,
                                                              unit: undefined,
                                                          },
                                                          text: {
                                                              true: undefined,
                                                              false: undefined,
                                                          },
                                                      },
                                                  },
                                              ],
                                          //};
                                          

                                          Hab ein kleines als Bespiel genommen

                                          Oder was komplexeres:

                                          const pageThermoTest: pages.PageBaseConfig = {
                                              //card: 'cardThermo',
                                          
                                              uniqueID: 'thermo1',
                                              dpInit: '',
                                              alwaysOn: 'none',
                                              pageItems: [
                                                  {
                                                      role: '',
                                                      type: 'button',
                                                      dpInit: '',
                                                      data: {
                                                          color: {
                                                              true: {
                                                                  type: 'const',
                                                                  constVal: Color.HMIOn,
                                                              },
                                                              false: undefined,
                                                              scale: undefined,
                                                          },
                                                          icon: {
                                                              true: {
                                                                  value: { type: 'const', constVal: 'arrow-right' },
                                                                  color: { type: 'const', constVal: Color.Blue },
                                                              },
                                                              false: {
                                                                  value: { type: 'const', constVal: 'fan' },
                                                                  color: { type: 'const', constVal: Color.Red },
                                                              },
                                                              scale: undefined,
                                                              maxBri: undefined,
                                                              minBri: undefined,
                                                          },
                                                          entity1: {
                                                              value: {
                                                                  type: 'triggered',
                                                                  dp: '0_userdata.0.example_state',
                                                              },
                                                              decimal: undefined,
                                                              factor: undefined,
                                                              unit: undefined,
                                                          },
                                                          text: {
                                                              true: undefined,
                                                              false: undefined,
                                                          },
                                                      },
                                                  },
                                                  {
                                                      role: 'text.list',
                                                      type: 'input_sel',
                                                      dpInit: '',
                                          
                                                      data: {
                                                          entityInSel: {
                                                              value: {
                                                                  type: 'triggered',
                                                                  dp: '0_userdata.0.statesTest',
                                                              },
                                                              decimal: undefined,
                                                              factor: undefined,
                                                              unit: undefined,
                                                          },
                                                          headline: {
                                                              type: 'const',
                                                              constVal: 'Test',
                                                          },
                                                          /**
                                                           * valueList string[]/stringify oder string?string?string?string stelle korreliert mit setList  {input_sel}
                                                           */
                                                          //valueList: { type: 'const', constVal: 'home?butter' },
                                                          /**
                                                           * setList: {id:Datenpunkt, value: zu setzender Wert}[] bzw. stringify  oder ein String nach dem Muster datenpunkt?Wert|Datenpunkt?Wert {input_sel}
                                                           */
                                                          //setList: { type: 'const', constVal: '0_userdata.0.test?1|0_userdata.0.test?2' },
                                                      },
                                                  },
                                                  {
                                                      role: 'text.list',
                                                      type: 'input_sel',
                                                      dpInit: '',
                                          
                                                      data: {
                                                          entityInSel: {
                                                              value: {
                                                                  type: 'triggered',
                                                                  dp: '0_userdata.0.statesTest',
                                                              },
                                                              decimal: undefined,
                                                              factor: undefined,
                                                              unit: undefined,
                                                          },
                                                          headline: {
                                                              type: 'const',
                                                              constVal: 'Test',
                                                          },
                                                          /**
                                                           * valueList string[]/stringify oder string?string?string?string stelle korreliert mit setList  {input_sel}
                                                           */
                                                          //valueList: { type: 'const', constVal: 'home?butter' },
                                                          /**
                                                           * setList: {id:Datenpunkt, value: zu setzender Wert}[] bzw. stringify  oder ein String nach dem Muster datenpunkt?Wert|Datenpunkt?Wert {input_sel}
                                                           */
                                                          //setList: { type: 'const', constVal: '0_userdata.0.test?1|0_userdata.0.test?2' },
                                                      },
                                                  },
                                                  {
                                                      role: 'text.list',
                                                      type: 'input_sel',
                                                      dpInit: '',
                                          
                                                      data: {
                                                          entityInSel: {
                                                              value: {
                                                                  type: 'triggered',
                                                                  dp: '0_userdata.0.statesTest',
                                                              },
                                                              decimal: undefined,
                                                              factor: undefined,
                                                              unit: undefined,
                                                          },
                                                          headline: {
                                                              type: 'const',
                                                              constVal: 'Test',
                                                          },
                                                          /**
                                                           * valueList string[]/stringify oder string?string?string?string stelle korreliert mit setList  {input_sel}
                                                           */
                                                          //valueList: { type: 'const', constVal: 'home?butter' },
                                                          /**
                                                           * setList: {id:Datenpunkt, value: zu setzender Wert}[] bzw. stringify  oder ein String nach dem Muster datenpunkt?Wert|Datenpunkt?Wert {input_sel}
                                                           */
                                                          //setList: { type: 'const', constVal: '0_userdata.0.test?1|0_userdata.0.test?2' },
                                                      },
                                                  },
                                                  {
                                                      role: 'text.list',
                                                      type: 'input_sel',
                                                      dpInit: '',
                                          
                                                      data: {
                                                          entityInSel: {
                                                              value: {
                                                                  type: 'triggered',
                                                                  dp: '0_userdata.0.statesTest',
                                                              },
                                                              decimal: undefined,
                                                              factor: undefined,
                                                              unit: undefined,
                                                          },
                                                          headline: {
                                                              type: 'const',
                                                              constVal: 'Test',
                                                          },
                                                          /**
                                                           * valueList string[]/stringify oder string?string?string?string stelle korreliert mit setList  {input_sel}
                                                           */
                                                          //valueList: { type: 'const', constVal: 'home?butter' },
                                                          /**
                                                           * setList: {id:Datenpunkt, value: zu setzender Wert}[] bzw. stringify  oder ein String nach dem Muster datenpunkt?Wert|Datenpunkt?Wert {input_sel}
                                                           */
                                                          //setList: { type: 'const', constVal: '0_userdata.0.test?1|0_userdata.0.test?2' },
                                                      },
                                                  },
                                                  {
                                                      role: 'button',
                                                      type: 'button',
                                                      dpInit: '',
                                          
                                                      data: {
                                                          color: {
                                                              true: {
                                                                  type: 'const',
                                                                  constVal: Color.HMIOn,
                                                              },
                                                              false: undefined,
                                                              scale: undefined,
                                                          },
                                                          icon: {
                                                              true: {
                                                                  value: { type: 'const', constVal: 'arrow-up' },
                                                                  color: { type: 'const', constVal: Color.Blue },
                                                              },
                                                              false: {
                                                                  value: { type: 'const', constVal: 'fan' },
                                                                  color: { type: 'const', constVal: Color.Red },
                                                              },
                                                              scale: undefined,
                                                              maxBri: undefined,
                                                              minBri: undefined,
                                                          },
                                                          entity1: {
                                                              value: {
                                                                  type: 'const',
                                                                  constVal: true,
                                                              },
                                                              decimal: undefined,
                                                              factor: undefined,
                                                              unit: undefined,
                                                          },
                                                          text: {
                                                              true: undefined,
                                                              false: undefined,
                                                          },
                                                      },
                                                  },
                                                  {
                                                      role: 'indicator',
                                                      type: 'button',
                                                      dpInit: '',
                                          
                                                      data: {
                                                          color: {
                                                              true: {
                                                                  type: 'const',
                                                                  constVal: Color.HMIOn,
                                                              },
                                                              false: undefined,
                                                              scale: undefined,
                                                          },
                                                          icon: {
                                                              true: {
                                                                  value: { type: 'const', constVal: 'fan' },
                                                                  color: { type: 'const', constVal: Color.Blue },
                                                              },
                                                              false: {
                                                                  value: { type: 'const', constVal: 'fan' },
                                                                  color: { type: 'const', constVal: Color.Red },
                                                              },
                                                              scale: undefined,
                                                              maxBri: undefined,
                                                              minBri: undefined,
                                                          },
                                                          entity1: {
                                                              value: { type: 'state', dp: '0_userdata.0.example_state' },
                                                              decimal: undefined,
                                                              factor: undefined,
                                                              unit: undefined,
                                                          },
                                                          text: {
                                                              true: undefined,
                                                              false: undefined,
                                                          },
                                                      },
                                                  },
                                                  {
                                                      role: 'indicator',
                                                      type: 'button',
                                                      dpInit: '',
                                          
                                                      data: {
                                                          color: {
                                                              true: {
                                                                  type: 'const',
                                                                  constVal: Color.HMIOn,
                                                              },
                                                              false: undefined,
                                                              scale: undefined,
                                                          },
                                                          icon: {
                                                              true: {
                                                                  value: { type: 'const', constVal: 'fan' },
                                                                  color: { type: 'const', constVal: Color.Blue },
                                                              },
                                                              false: {
                                                                  value: { type: 'const', constVal: 'fan' },
                                                                  color: { type: 'const', constVal: Color.Red },
                                                              },
                                                              scale: undefined,
                                                              maxBri: undefined,
                                                              minBri: undefined,
                                                          },
                                                          entity1: {
                                                              value: { type: 'state', dp: '0_userdata.0.example_state' },
                                                              decimal: undefined,
                                                              factor: undefined,
                                                              unit: undefined,
                                                          },
                                                          text: {
                                                              true: undefined,
                                                              false: undefined,
                                                          },
                                                      },
                                                  },
                                                  {
                                                      role: 'indicator',
                                                      type: 'button',
                                                      dpInit: '',
                                          
                                                      data: {
                                                          color: {
                                                              true: {
                                                                  type: 'const',
                                                                  constVal: Color.HMIOn,
                                                              },
                                                              false: undefined,
                                                              scale: undefined,
                                                          },
                                                          icon: {
                                                              true: {
                                                                  value: { type: 'const', constVal: 'fan' },
                                                                  color: { type: 'const', constVal: Color.Blue },
                                                              },
                                                              false: {
                                                                  value: { type: 'const', constVal: 'fan' },
                                                                  color: { type: 'const', constVal: Color.Red },
                                                              },
                                                              scale: undefined,
                                                              maxBri: undefined,
                                                              minBri: undefined,
                                                          },
                                                          entity1: {
                                                              value: { type: 'state', dp: '0_userdata.0.example_state' },
                                                              decimal: undefined,
                                                              factor: undefined,
                                                              unit: undefined,
                                                          },
                                                          text: {
                                                              true: undefined,
                                                              false: undefined,
                                                          },
                                                      },
                                                  },
                                                  {
                                                      role: 'indicator',
                                                      type: 'button',
                                                      dpInit: '',
                                          
                                                      data: {
                                                          color: {
                                                              true: {
                                                                  type: 'const',
                                                                  constVal: Color.HMIOn,
                                                              },
                                                              false: undefined,
                                                              scale: undefined,
                                                          },
                                                          icon: {
                                                              true: {
                                                                  value: { type: 'const', constVal: 'fan' },
                                                                  color: { type: 'const', constVal: Color.Blue },
                                                              },
                                                              false: {
                                                                  value: { type: 'const', constVal: 'fan' },
                                                                  color: { type: 'const', constVal: Color.Red },
                                                              },
                                                              scale: undefined,
                                                              maxBri: undefined,
                                                              minBri: undefined,
                                                          },
                                                          entity1: {
                                                              value: { type: 'state', dp: '0_userdata.0.example_state' },
                                                              decimal: undefined,
                                                              factor: undefined,
                                                              unit: undefined,
                                                          },
                                                          text: {
                                                              true: undefined,
                                                              false: undefined,
                                                          },
                                                      },
                                                  },
                                                  {
                                                      role: 'indicator',
                                                      type: 'button',
                                                      dpInit: '',
                                          
                                                      data: {
                                                          color: {
                                                              true: {
                                                                  type: 'const',
                                                                  constVal: Color.HMIOn,
                                                              },
                                                              false: undefined,
                                                              scale: undefined,
                                                          },
                                                          icon: {
                                                              true: {
                                                                  value: { type: 'const', constVal: 'fan' },
                                                                  color: { type: 'const', constVal: Color.Blue },
                                                              },
                                                              false: {
                                                                  value: { type: 'const', constVal: 'fan' },
                                                                  color: { type: 'const', constVal: Color.Red },
                                                              },
                                                              scale: undefined,
                                                              maxBri: undefined,
                                                              minBri: undefined,
                                                          },
                                                          entity1: {
                                                              value: { type: 'state', dp: '0_userdata.0.example_state' },
                                                              decimal: undefined,
                                                              factor: undefined,
                                                              unit: undefined,
                                                          },
                                                          text: {
                                                              true: undefined,
                                                              false: undefined,
                                                          },
                                                      },
                                                  },
                                                  {
                                                      role: 'indicator',
                                                      type: 'button',
                                                      dpInit: '',
                                          
                                                      data: {
                                                          color: {
                                                              true: {
                                                                  type: 'const',
                                                                  constVal: Color.HMIOn,
                                                              },
                                                              false: undefined,
                                                              scale: undefined,
                                                          },
                                                          icon: {
                                                              true: {
                                                                  value: { type: 'const', constVal: 'fan' },
                                                                  color: { type: 'const', constVal: Color.Blue },
                                                              },
                                                              false: {
                                                                  value: { type: 'const', constVal: 'fan' },
                                                                  color: { type: 'const', constVal: Color.Red },
                                                              },
                                                              scale: undefined,
                                                              maxBri: undefined,
                                                              minBri: undefined,
                                                          },
                                                          entity1: {
                                                              value: { type: 'state', dp: '0_userdata.0.example_state' },
                                                              decimal: undefined,
                                                              factor: undefined,
                                                              unit: undefined,
                                                          },
                                                          text: {
                                                              true: undefined,
                                                              false: undefined,
                                                          },
                                                      },
                                                  },
                                              ],
                                              config: {
                                                  card: 'cardThermo',
                                                  data: {
                                                      headline: {
                                                          type: 'const',
                                                          constVal: 'headline',
                                                      },
                                                      mixed2: {
                                                          value: {
                                                              type: 'const',
                                                              constVal: '20',
                                                          },
                                                      },
                                                      unit: {
                                                          type: 'const',
                                                          constVal: '°C',
                                                      },
                                                      mixed1: {
                                                          value: {
                                                              type: 'const',
                                                              constVal: 'H1',
                                                          },
                                                      },
                                                      mixed3: {
                                                          value: {
                                                              type: 'const',
                                                              constVal: 'H2',
                                                          },
                                                      },
                                                      minTemp: {
                                                          type: 'const',
                                                          constVal: '10',
                                                      },
                                                      maxTemp: {
                                                          type: 'const',
                                                          constVal: '60',
                                                      },
                                                      tempStep: {
                                                          type: 'const',
                                                          constVal: '5',
                                                      },
                                                      set1: { type: 'state', dp: '0_userdata.0.number1' },
                                                      mixed4: {
                                                          value: {
                                                              type: 'const',
                                                              constVal: '20',
                                                          },
                                                      },
                                                  },
                                              },
                                              items: undefined,
                                              useColor: false,
                                          };
                                          

                                          oder was einfaches von @TT-Tom

                                          const pageFahrplanRoutes: pages.PageBaseConfig = {
                                              card: 'cardEntities',
                                              dpInit: 'fahrplan.0.0',
                                              uniqueID: 'fahrplanrouten',
                                              template: 'entities.fahrplan.routes',
                                          };
                                          
                                          Rene55R Offline
                                          Rene55R Offline
                                          Rene55
                                          schrieb am zuletzt editiert von
                                          #6797

                                          @ticaki Ich hatte deinen "Hilferuf" schon gesehen. Habe aber noch keinen Schimmer von React - bin aber gerade dabei, mich schlau zu machen. Aber hier werden dann komplette Sites behandelt, die mit ioBroker nichts zu tun haben. Daher so schleppend, mich auf Stand zu bringen.
                                          Und streiken tu ich so schnell auch nicht - eher Flinte ==> Korn.
                                          Wenn ich klüger bin müssen wir uns nochmal unterhalten, damit ich deine Idee vom Frontend auch so ein bisschen reinkriege.

                                          Host: Fujitsu Intel(R) Pentium(R) CPU G4560T, 32 GB RAM, Proxmox 8.x + lxc Ubuntu 22.04
                                          ioBroker (8 GB RAM) Node.js: 20.19.1, NPM: 10.8.2, js-Controller: 7.0.6, Admin: 7.6.3
                                          Wetterstation: Froggit WH3000SE V1.6.6

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          389

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

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

                                          • Du hast noch kein Konto? Registrieren

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