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

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

Community Forum

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

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

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

SONOFF NSPanel mit Lovelace UI

Geplant Angeheftet Gesperrt Verschoben Hardware
lovelace uinspanelsonoff
7.8k Beiträge 274 Kommentatoren 6.8m Aufrufe 257 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.
  • icebearI icebear

    @lustig29 said in SONOFF NSPanel mit Lovelace UI:

    Würdest du mir zeigen wie du es auf dem NsPanel steuerst, bzw. die Card mit mir teilen?

    Ich hab die Garage auf zwei Card's, einmal auf einer Übersicht und einmal alleine, außerdem wird es noch als ScreensaverEntity angezeigt.

    Hier die Alias die ich dafür habe:

    garage.png

    Und hier die Card's:

    let Grundstueck: PageType = {
        'type': 'cardGrid',
        'heading': 'Grundstück',
        'useColor': true,
        'subPage': false,
        'next': 'Alarm', 
        'items': [
            { navigate: true, id: null, targetPage: 'Nuki', name: 'Haus', icon: 'home-roof', offColor: Blue, onColor: Blue},
    		{ id: 'alias.0.Home.Garage.Garagentor', targetPage: 'Garage', name: 'Garage', icon: 'garage-variant', icon2: 'garage-open-variant', offColor: Red, onColor: White},
            { id: 'alias.0.Home.NewMail', icon: 'mailbox-open-up-outline', icon2: 'mailbox-outline', offColor: White, onColor: Red, name: 'Mail'},
    		{ navigate: true, id: null, targetPage: 'Erdgeschoss', name: 'Erdgeschoss', icon: 'home-floor-0', offColor: White, onColor: Blue},
    		{ navigate: true, id: null, targetPage: 'Obergeschoss', name: 'Obergeschoss', icon: 'home-floor-1', offColor: White, onColor: Blue}
        ]
    };
    
    let Garage: PageType =
    {
        'type': 'cardEntities',
        'heading': 'Garage',
        'useColor': true,
        'subPage': true,
    	'prev': 'Nuki',
    	'next': 'Abfall',
        'items': [
            { id: 'alias.0.Home.Garage.Garagentor', icon: 'garage', icon2: 'garage-open', offColor: MSRed, onColor: MSGreen, name: 'Garagentor'},
        ]
    };
    
    L Offline
    L Offline
    lustig29
    schrieb am zuletzt editiert von lustig29
    #5541

    @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 1 Antwort Letzte Antwort
    0
    • 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
      schrieb am zuletzt editiert von
      #5542

      @lustig29

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

      L 1 Antwort Letzte Antwort
      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
        schrieb am zuletzt editiert von
        #5543

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

        icebearI 1 Antwort Letzte Antwort
        0
        • L lustig29

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

          icebearI Online
          icebearI Online
          icebear
          schrieb am zuletzt editiert von
          #5544

          @lustig29

          trag mal das 'useColor': true, wieder ein

          L 1 Antwort Letzte Antwort
          0
          • icebearI icebear

            @lustig29

            trag mal das 'useColor': true, wieder ein

            L Offline
            L Offline
            lustig29
            schrieb am zuletzt editiert von
            #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 Antwort Letzte Antwort
            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
              schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
              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
                schrieb am zuletzt editiert von
                #5547

                @tt-tom IMG_4317.png IMG_4316.png

                T 1 Antwort Letzte Antwort
                0
                • L lustig29

                  @tt-tom IMG_4317.png IMG_4316.png

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

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

                    T icebearI 2 Antworten Letzte Antwort
                    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
                      schrieb am zuletzt editiert von
                      #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 Antwort Letzte Antwort
                      0
                      • L lustig29

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

                        icebearI Online
                        icebearI Online
                        icebear
                        schrieb am zuletzt editiert von
                        #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 Antwort Letzte Antwort
                        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
                          schrieb am zuletzt editiert von lustig29
                          #5552

                          @icebear
                          Den hier habe ich.

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

                          T 1 Antwort Letzte Antwort
                          0
                          • L lustig29

                            @icebear
                            Den hier habe ich.

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

                            T Offline
                            T Offline
                            TT-Tom
                            schrieb am zuletzt editiert von
                            #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 Antwort Letzte Antwort
                            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
                              schrieb am zuletzt editiert von
                              #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 Antworten Letzte Antwort
                              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
                                schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                                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
                                  schrieb am zuletzt editiert von
                                  #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 Antworten Letzte Antwort
                                  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
                                    schrieb am zuletzt editiert von
                                    #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+RabbitMQ+Grafana

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

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

                                    1 Antwort Letzte Antwort
                                    0
                                    • roy0575R Offline
                                      roy0575R Offline
                                      roy0575
                                      schrieb am zuletzt editiert von
                                      #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 Antwort Letzte Antwort
                                      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
                                        schrieb am zuletzt editiert von
                                        #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 Antwort Letzte Antwort
                                        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
                                          schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          825

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          Themen

                                          1.3m

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

                                          • Du hast noch kein Konto? Registrieren

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