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

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Hardware
  4. SONOFF NSPanel mit Lovelace UI (TypeScript Version)

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    13
    1
    146

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    4.3k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.3k

SONOFF NSPanel mit Lovelace UI (TypeScript Version)

Scheduled Pinned Locked Moved Hardware
lovelace uinspanelsonoff
8.0k Posts 277 Posters 7.2m Views 262 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • L lustig29

    @icebear

    Danke. Hab es jetzt ein bisschen abgeändert. Aber es funktioniert leider nicht.

    let Garage: PageType =
    {
        'type': 'cardEntities',
        'heading': 'Garage',
        'subPage': false,
        'items': [
            { id: 'alias.0.NSPanel.1.Garagentor', icon: 'garage', icon2: 'garage-open', offColor: MSRed, onColor: MSGreen, name: 'Garagentor'},
        ]
    
    javascript.0 (94354) script.js.NSPanelTs: TypeScript compilation failed: let Garage: PageType = { ^ ERROR: Type '{ type: "cardEntities"; heading: string; subPage: false; items: [{ id: string; icon: string; icon2: string; offColor: NSPanel.RGB; onColor: NSPanel.RGB; name: string; }]; }' is not assignable to type 'PageType'. Type '{ type: "cardEntities"; heading: string; subPage: false; items: [{ id: string; icon: string; icon2: string; offColor: NSPanel.RGB; onColor: NSPanel.RGB; name: string; }]; }' is not assignable to type 'PageEntities'. Property 'useColor' is missing in type '{ type: "cardEntities"; heading: string; subPage: false; items: [{ id: string; icon: string; icon2: string; offColor: NSPanel.RGB; onColor: NSPanel.RGB; name: string; }]; }' but required in type 'PageBaseType'.
    
    icebearI Online
    icebearI Online
    icebear
    wrote on last edited by
    #5542

    @lustig29

    Hast du denn, wenn du das subPage auf 'False setzt' die Card auch bei dir bei Pages eingetragen?

    L 1 Reply Last reply
    0
    • icebearI icebear

      @lustig29

      Hast du denn, wenn du das subPage auf 'False setzt' die Card auch bei dir bei Pages eingetragen?

      L Offline
      L Offline
      lustig29
      wrote on last edited by
      #5543

      @icebear Ja, hab ich. Oder soll ich mal die Subpages mal wieder aktivieren?

      icebearI 1 Reply Last reply
      0
      • L lustig29

        @icebear Ja, hab ich. Oder soll ich mal die Subpages mal wieder aktivieren?

        icebearI Online
        icebearI Online
        icebear
        wrote on last edited by
        #5544

        @lustig29

        trag mal das 'useColor': true, wieder ein

        L 1 Reply Last reply
        0
        • icebearI icebear

          @lustig29

          trag mal das 'useColor': true, wieder ein

          L Offline
          L Offline
          lustig29
          wrote on last edited by
          #5545

          @icebear
          Jetzt sieht es besser aus. Leider wird mir nur Garage "geschlossen" angezeigt.
          Hab die andere Card jetzt auch mal eingefügt. Sieht optisch sehr gut aus. Was muss ich einstellen, damit ich mein Garagentor in groß angezeigt bekomme? Will nicht wieder zu viel löschen.:grin:

          T 1 Reply Last reply
          0
          • L lustig29

            @icebear
            Jetzt sieht es besser aus. Leider wird mir nur Garage "geschlossen" angezeigt.
            Hab die andere Card jetzt auch mal eingefügt. Sieht optisch sehr gut aus. Was muss ich einstellen, damit ich mein Garagentor in groß angezeigt bekomme? Will nicht wieder zu viel löschen.:grin:

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

            @lustig29 nimm mal die cardGrid. Größer gehen die Icon nicht.

            Wenn das Icon nur zu anzeigt, wird es an dem Alias liegen. Wie sieht den der Channel und die darunter liegende Datenpunkte aus.

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

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

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

            L 1 Reply Last reply
            0
            • T TT-Tom

              @lustig29 nimm mal die cardGrid. Größer gehen die Icon nicht.

              Wenn das Icon nur zu anzeigt, wird es an dem Alias liegen. Wie sieht den der Channel und die darunter liegende Datenpunkte aus.

              L Offline
              L Offline
              lustig29
              wrote on last edited by
              #5547

              @tt-tom IMG_4317.png IMG_4316.png

              T 1 Reply Last reply
              0
              • L lustig29

                @tt-tom IMG_4317.png IMG_4316.png

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

                @lustig29

                setze mal bei ACTUAL den gleichen DP ein, wie bei SET. Welchen DP hast du genommen bei SET, ist auf dem Foto nicht zu erkennen.

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

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

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

                L 1 Reply Last reply
                0
                • T TT-Tom

                  @lustig29

                  setze mal bei ACTUAL den gleichen DP ein, wie bei SET. Welchen DP hast du genommen bei SET, ist auf dem Foto nicht zu erkennen.

                  L Offline
                  L Offline
                  lustig29
                  wrote on last edited by
                  #5549

                  @tt-tom 0-garageDoor. Hab den selben jetzt bei Actual auch eingetragen. Geht aber leider nicht.

                  T icebearI 2 Replies Last reply
                  0
                  • L lustig29

                    @tt-tom 0-garageDoor. Hab den selben jetzt bei Actual auch eingetragen. Geht aber leider nicht.

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

                    @lustig29
                    zeige mal bitte diese Daten vom Chanel und vom Datenpunkt ACTUAL

                    19ad13a6-75f1-475e-b75f-e09f4e4832fb-image.png

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

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

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

                    1 Reply Last reply
                    0
                    • L lustig29

                      @tt-tom 0-garageDoor. Hab den selben jetzt bei Actual auch eingetragen. Geht aber leider nicht.

                      icebearI Online
                      icebearI Online
                      icebear
                      wrote on last edited by
                      #5551

                      @lustig29 said in SONOFF NSPanel mit Lovelace UI:

                      0-garageDoor. Hab den selben jetzt bei Actual auch eingetragen. Geht aber leider nicht.

                      Ich misch mich nochmal ein. Welchen Meross Garagentoröffner hast du ?

                      Bei den Alias von mir ist es ein MSG100 und damit funktioniert es bei mir einwandfrei.

                      L 1 Reply Last reply
                      0
                      • icebearI icebear

                        @lustig29 said in SONOFF NSPanel mit Lovelace UI:

                        0-garageDoor. Hab den selben jetzt bei Actual auch eingetragen. Geht aber leider nicht.

                        Ich misch mich nochmal ein. Welchen Meross Garagentoröffner hast du ?

                        Bei den Alias von mir ist es ein MSG100 und damit funktioniert es bei mir einwandfrei.

                        L Offline
                        L Offline
                        lustig29
                        wrote on last edited by lustig29
                        #5552

                        @icebear
                        Den hier habe ich.

                        https://amzn.eu/d/4I9o3pO

                        T 1 Reply Last reply
                        0
                        • L lustig29

                          @icebear
                          Den hier habe ich.

                          https://amzn.eu/d/4I9o3pO

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

                          @lustig29

                          mal so gefragt, ändert sich der Status von false auf true, wenn das Tor offen ist. Beobachte mal die Datenpunkte, wie sie sich verhalten beim Bewegen des Tors.

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

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

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

                          L 1 Reply Last reply
                          0
                          • T TT-Tom

                            @lustig29

                            mal so gefragt, ändert sich der Status von false auf true, wenn das Tor offen ist. Beobachte mal die Datenpunkte, wie sie sich verhalten beim Bewegen des Tors.

                            L Offline
                            L Offline
                            lustig29
                            wrote on last edited by
                            #5554

                            @tt-tom
                            Ja, 0Garagedoor Datenpunkt geht auf True wenn geöffnet und false wenn geschlossen.
                            Der Fehler muss irgendwie im Alias liegen.
                            Aber ich weiß nicht, was ich flasch gemacht habe.
                            Habe unter Geräte einen Alias „Tor“ angelegt und mit den 2 Datenpunkten gefüttert. Keine Ahnung warum es nicht geht.🤷🏼‍♂️

                            T icebearI 2 Replies Last reply
                            0
                            • L lustig29

                              @tt-tom
                              Ja, 0Garagedoor Datenpunkt geht auf True wenn geöffnet und false wenn geschlossen.
                              Der Fehler muss irgendwie im Alias liegen.
                              Aber ich weiß nicht, was ich flasch gemacht habe.
                              Habe unter Geräte einen Alias „Tor“ angelegt und mit den 2 Datenpunkten gefüttert. Keine Ahnung warum es nicht geht.🤷🏼‍♂️

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

                              @lustig29

                              Nochmal von vorne.

                              Ich benötige die Daten aus dem Bild was ich dir gezeigt habe. Einmal vom Datenpunkt ACTUAL und einmal vom Channel darüber.
                              Und die Config der Seite aus dem Script. Sonst drehen wir uns im Kreis.

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

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

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

                              L 1 Reply Last reply
                              0
                              • L lustig29

                                @tt-tom
                                Ja, 0Garagedoor Datenpunkt geht auf True wenn geöffnet und false wenn geschlossen.
                                Der Fehler muss irgendwie im Alias liegen.
                                Aber ich weiß nicht, was ich flasch gemacht habe.
                                Habe unter Geräte einen Alias „Tor“ angelegt und mit den 2 Datenpunkten gefüttert. Keine Ahnung warum es nicht geht.🤷🏼‍♂️

                                icebearI Online
                                icebearI Online
                                icebear
                                wrote on last edited by
                                #5556

                                @lustig29 said in SONOFF NSPanel mit Lovelace UI:

                                Der Fehler muss irgendwie im Alias liegen.

                                Mach mal bitte den Alias vom Gerät auf, so wie hier:

                                meross.png

                                und dann bei ACTUAL hinten auf das 'fx' und da trägst du folgendes ein:

                                val === true ? false : true

                                Marc BergM T L 3 Replies Last reply
                                0
                                • icebearI icebear

                                  @lustig29 said in SONOFF NSPanel mit Lovelace UI:

                                  Der Fehler muss irgendwie im Alias liegen.

                                  Mach mal bitte den Alias vom Gerät auf, so wie hier:

                                  meross.png

                                  und dann bei ACTUAL hinten auf das 'fx' und da trägst du folgendes ein:

                                  val === true ? false : true

                                  Marc BergM Offline
                                  Marc BergM Offline
                                  Marc Berg
                                  Most Active
                                  wrote on last edited by
                                  #5557

                                  @icebear sagte in SONOFF NSPanel mit Lovelace UI:

                                  val === true ? false : true

                                  das selbe Ergebnis bekommst du mit:

                                  !val
                                  

                                  NUC10I3+Ubuntu+Docker+ioBroker+influxDB2+Node Red+EMQX+Grafana

                                  Pi-hole, Traefik, Checkmk, Conbee II+Zigbee2MQTT, ESPSomfy-RTS, LoRaWAN, Arduino, KiCad

                                  Benutzt das Voting im Beitrag, wenn er euch geholfen hat.

                                  1 Reply Last reply
                                  0
                                  • roy0575R Offline
                                    roy0575R Offline
                                    roy0575
                                    wrote on last edited by
                                    #5558

                                    Hallo,
                                    Ich bin neu Eingestiegen und habe die Anleitungen befolgt. Eigene Datenpunkte und Aliase erstellt.
                                    Leider fehlen mir die icons.
                                    Lässt sich bestimmt lösen.
                                    Vielen Dank

                                    image.jpg image.jpg

                                    T 1 Reply Last reply
                                    0
                                    • icebearI icebear

                                      @lustig29 said in SONOFF NSPanel mit Lovelace UI:

                                      Der Fehler muss irgendwie im Alias liegen.

                                      Mach mal bitte den Alias vom Gerät auf, so wie hier:

                                      meross.png

                                      und dann bei ACTUAL hinten auf das 'fx' und da trägst du folgendes ein:

                                      val === true ? false : true

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

                                      @icebear

                                      er schreibt, es ändert sich nichts bzw. bleibt nur geschlossen. Mit deinem Vorschlag tauschst du nur auf / zu.

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

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

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

                                      icebearI 1 Reply Last reply
                                      0
                                      • roy0575R roy0575

                                        Hallo,
                                        Ich bin neu Eingestiegen und habe die Anleitungen befolgt. Eigene Datenpunkte und Aliase erstellt.
                                        Leider fehlen mir die icons.
                                        Lässt sich bestimmt lösen.
                                        Vielen Dank

                                        image.jpg image.jpg

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

                                        @roy0575

                                        hast du schon mal die Javascript Instanz neu gestartet, hatte diesen Effekt auch mal gehabt.
                                        bekommst du Fehlermeldungen von der Icon Datei oder vom Panelscript?

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

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

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

                                        1 Reply Last reply
                                        0
                                        • T TT-Tom

                                          @icebear

                                          er schreibt, es ändert sich nichts bzw. bleibt nur geschlossen. Mit deinem Vorschlag tauschst du nur auf / zu.

                                          icebearI Online
                                          icebearI Online
                                          icebear
                                          wrote on last edited by
                                          #5561

                                          @tt-tom said in SONOFF NSPanel mit Lovelace UI:

                                          er schreibt, es ändert sich nichts bzw. bleibt nur geschlossen. Mit deinem Vorschlag tauschst du nur auf / zu.

                                          Genau deswegen soll er das ja eintragen, beim Meross ist das umgedreht, heißt wenn das Tor zu ist dann = false und wenn offen = true

                                          Ich hab den gleichen Toröffner und da funktioniert es einwandfrei, wenn er denn die Aliase so wie beschrieben angelegt hat.

                                          T 1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          557

                                          Online

                                          32.7k

                                          Users

                                          82.4k

                                          Topics

                                          1.3m

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

                                          • Don't have an account? Register

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