Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Hardware
    4. SONOFF NSPanel mit Lovelace UI

    NEWS

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

    SONOFF NSPanel mit Lovelace UI

    This topic has been deleted. Only users with topic management privileges can see it.
    • Armilar
      Armilar Most Active Forum Testing @SuFra last edited by

      @sufra sagte in SONOFF NSPanel mit Lovelace UI:

      Hallo zusammen

      Ersteinmal ganz vielen Dank für die Umsetzung.
      Super Arbeit 😃

      Dann habe ich zwei Fragen:

      1. Gibt es schon irgendwie die Möglichkeit Charts darzustellen?

      2. Kann man die Schriftgröße irgendwo ändern?

      Viele Grüße
      SuFra

      Die Frage dürfte dann an @joBr99 gehen.

      Ich wüsste nicht das Charts überhaupt möglich sind ;-). Schriftgrößen werden auch nicht über das Script geliefert.

      S 1 Reply Last reply Reply Quote 0
      • J
        joBr99 @SuFra last edited by

        @sufra said in SONOFF NSPanel mit Lovelace UI:

        Dann habe ich zwei Fragen:

        Gibt es schon irgendwie die Möglichkeit Charts darzustellen?

        Kann man die Schriftgröße irgendwo ändern?

        Möglichkeiten bzgl. Charts sind in Nextion eher bescheiden, wird es nicht geben.

        Schriftarten sind in fest definierten größen in die Firmware eingebaut und lassen sich nicht dynamisch skalieren. Das HMI Projekt ist allerdings auf GitHub, du kannst dir Schriften tauschen und deine eigene Firmware bauen.

        S 1 Reply Last reply Reply Quote 0
        • S
          SuFra @Armilar last edited by

          @armilar sagte in SONOFF NSPanel mit Lovelace UI:

          @sufra sagte in SONOFF NSPanel mit Lovelace UI:

          Hallo zusammen

          Ersteinmal ganz vielen Dank für die Umsetzung.
          Super Arbeit 😃

          Dann habe ich zwei Fragen:

          1. Gibt es schon irgendwie die Möglichkeit Charts darzustellen?

          2. Kann man die Schriftgröße irgendwo ändern?

          Viele Grüße
          SuFra

          Die Frage dürfte dann an @joBr99 gehen.

          Ich wüsste nicht das Charts überhaupt möglich sind ;-). Schriftgrößen werden auch nicht über das Script geliefert.

          Ich hatte in einem OpenHab Beitrag sowas gesehen:

          https://bangertech.de/wp-content/uploads/2021/10/Screenshot-2021-10-29-185915.png

          J 1 Reply Last reply Reply Quote 0
          • S
            SuFra @joBr99 last edited by

            @jobr99 sagte in SONOFF NSPanel mit Lovelace UI:

            @sufra said in SONOFF NSPanel mit Lovelace UI:

            Dann habe ich zwei Fragen:

            Gibt es schon irgendwie die Möglichkeit Charts darzustellen?

            Kann man die Schriftgröße irgendwo ändern?

            Möglichkeiten bzgl. Charts sind in Nextion eher bescheiden, wird es nicht geben.

            Schriftarten sind in fest definierten größen in die Firmware eingebaut und lassen sich nicht dynamisch skalieren. Das HMI Projekt ist allerdings auf GitHub, du kannst dir Schriften tauschen und deine eigene Firmware bauen.

            Ah, okay.
            Schade, hatte gehoft das es einfacher wäre.
            Bin halt schon älter und die Augen lassen nach 😉

            Aber nochmals, super das ihr euch der Sache angenommen habt.
            Finde ich ganz toll.

            1 Reply Last reply Reply Quote 0
            • J
              joBr99 @SuFra last edited by joBr99

              @sufra said in SONOFF NSPanel mit Lovelace UI:

              @armilar sagte in SONOFF NSPanel mit Lovelace UI:

              @sufra sagte in SONOFF NSPanel mit Lovelace UI:

              Hallo zusammen

              Ersteinmal ganz vielen Dank für die Umsetzung.
              Super Arbeit 😃

              Dann habe ich zwei Fragen:

              1. Gibt es schon irgendwie die Möglichkeit Charts darzustellen?

              2. Kann man die Schriftgröße irgendwo ändern?

              Viele Grüße
              SuFra

              Die Frage dürfte dann an @joBr99 gehen.

              Ich wüsste nicht das Charts überhaupt möglich sind ;-). Schriftgrößen werden auch nicht über das Script geliefert.

              Ich hatte in einem OpenHab Beitrag sowas gesehen:

              https://bangertech.de/wp-content/uploads/2021/10/Screenshot-2021-10-29-185915.png

              Das ist aber nen Screenshot von OpenHab nicht von dem Panel, du kannst dir die Temperatur in ioBroker mit welchem Tool auch immer ioBroker dafür hat plotten. History Adapter oder so, meine iobroker Tage sind ne Weile her.

              1 Reply Last reply Reply Quote 0
              • I
                icemanmw last edited by

                Hallo,
                erst einmal Gruß an die Gruppe und ich bin sehr beeindruckt was hier bisher aus dem Panel rausgeholt wurde und wie intensiv die Community daran arbeitet und Hilfe gibt.
                Bisher habe ich versucht selbst eine Lösung für mein Problem zu finden aber ich komme einfach nicht weiter.

                Wie kann ich die Farbe der GRID buttons definieren damit sie auch angezeigt werden. Bei mir ist irgendwie alles komplett durcheinander. Die GRID sollen bei AN eine Farbe haben und bei AUS eine andere, aber halt alle Geräte identisch.

                Was mache ich falsch ?

                var Buero_Seite_2: PageGrid =
                {
                "type": "cardGrid",
                "heading": "Büro 2",
                "useColor": true,
                "subPage": false,
                "parent": undefined,
                "items": [
                <PageItem>{ id: "alias.0.NSPanel.Wohnzimmertisch", name: "Wohnzimmertisch", offColor: Blue, onColor: Green},
                <PageItem>{ id: "alias.0.NSPanel.Esszimmertisch", minValueColorTemp: 2200, maxValueColorTemp: 6500, offColor: Blue, onColor: Green},
                <PageItem>{ id: "alias.0.NSPanel.Fensterlicht_Wohnzimmer", name: "Fensterlicht", offColor: Blue, onColor: Green},
                <PageItem>{ id: "alias.0.NSPanel.Leselampe", icon: "lightbulb", offColor: Blue, onColor: Green },
                <PageItem>{ id: "alias.0.NSPanel.Ambiente", icon: "lightbulb", offColor: Blue, onColor: Green },
                <PageItem>{ id: "alias.0.NSPanel.Sonos_Radio_BOB", icon: "play", offColor: Blue, onColor: Green, name: "Radio BOB"}
                ]
                };

                Armilar 1 Reply Last reply Reply Quote 0
                • Armilar
                  Armilar Most Active Forum Testing @icemanmw last edited by Armilar

                  @icemanmw sagte in SONOFF NSPanel mit Lovelace UI:

                  Hallo,
                  erst einmal Gruß an die Gruppe und ich bin sehr beeindruckt was hier bisher aus dem Panel rausgeholt wurde und wie intensiv die Community daran arbeitet und Hilfe gibt.
                  Bisher habe ich versucht selbst eine Lösung für mein Problem zu finden aber ich komme einfach nicht weiter.

                  Wie kann ich die Farbe der GRID buttons definieren damit sie auch angezeigt werden. Bei mir ist irgendwie alles komplett durcheinander. Die GRID sollen bei AN eine Farbe haben und bei AUS eine andere, aber halt alle Geräte identisch.

                  Was mache ich falsch ?

                  var Buero_Seite_2: PageGrid =
                  {
                  "type": "cardGrid",
                  "heading": "Büro 2",
                  "useColor": true,
                  "subPage": false,
                  "parent": undefined,
                  "items": [
                  <PageItem>{ id: "alias.0.NSPanel.Wohnzimmertisch", name: "Wohnzimmertisch", offColor: Blue, onColor: Green},
                  <PageItem>{ id: "alias.0.NSPanel.Esszimmertisch", minValueColorTemp: 2200, maxValueColorTemp: 6500, offColor: Blue, onColor: Green},
                  <PageItem>{ id: "alias.0.NSPanel.Fensterlicht_Wohnzimmer", name: "Fensterlicht", offColor: Blue, onColor: Green},
                  <PageItem>{ id: "alias.0.NSPanel.Leselampe", icon: "lightbulb", offColor: Blue, onColor: Green },
                  <PageItem>{ id: "alias.0.NSPanel.Ambiente", icon: "lightbulb", offColor: Blue, onColor: Green },
                  <PageItem>{ id: "alias.0.NSPanel.Sonos_Radio_BOB", icon: "play", offColor: Blue, onColor: Green, name: "Radio BOB"}
                  ]
                  };

                  Den einzigen den ich mit einem Button (Taste) versehen hätte, wäre das Radio. Alle anderen sollten eigentlich Lampentypen oder Dimmer sein sein. Welche Aliase hast du den je Gerät verwendet? Übrigens hat die Taste keinen Off-Zustand.

                  1 Reply Last reply Reply Quote 0
                  • I
                    icemanmw last edited by icemanmw

                    Hi, ich habe die Aliase : Licht , Hue Licht , Dimmer (und für das Radio auch eine Taste).
                    Licht -> nur AN AUS Lichtschalter
                    Dimmer -> AN AUS und Helligkeit Lichtschalter
                    Hue -> vollständig HUE-Light Farbe
                    soweit geht auch alles, bis auf die Darstellung der Farben der GRID

                    Es gibt dazu wohl auch ein abgeschlossenes ISSUE auf GITHUB
                    /joBr99/nspanel-lovelace-ui/issues/433

                    Armilar 1 Reply Last reply Reply Quote 0
                    • Armilar
                      Armilar Most Active Forum Testing @icemanmw last edited by

                      @icemanmw sagte in SONOFF NSPanel mit Lovelace UI:

                      Hi, ich habe die Aliase : Licht , Hue Licht , Dimmer (und für das Radio auch eine Taste).
                      Licht -> nur AN AUS Lichtschalter
                      Dimmer -> AN AUS und Helligkeit Lichtschalter
                      Hue -> vollständig HUE-Light Farbe
                      soweit geht auch alles, bis auf die Darstellung der Farben der GRID

                      Es gibt dazu wohl auch ein abgeschlossenes ISSUE auf GITHUB
                      /joBr99/nspanel-lovelace-ui/issues/433

                      Muss das mal nachbauen - kann einen Tag dauern. Eigentlich geht das... ioBroker ist da ne ecke flexibler als Home Assistant (dazu gehört übrigens auch der Punkt 433) Der Issue hat nix mit ioBroker zu tun - separate Farben konnten wir immer schon.

                      I 1 Reply Last reply Reply Quote 1
                      • I
                        icemanmw @Armilar last edited by

                        @armilar said in SONOFF NSPanel mit Lovelace UI:

                        @icemanmw sagte in SONOFF NSPanel mit Lovelace UI:

                        Hi, ich habe die Aliase : Licht , Hue Licht , Dimmer (und für das Radio auch eine Taste).
                        Licht -> nur AN AUS Lichtschalter
                        Dimmer -> AN AUS und Helligkeit Lichtschalter
                        Hue -> vollständig HUE-Light Farbe
                        soweit geht auch alles, bis auf die Darstellung der Farben der GRID

                        Es gibt dazu wohl auch ein abgeschlossenes ISSUE auf GITHUB
                        /joBr99/nspanel-lovelace-ui/issues/433

                        Muss das mal nachbauen - kann einen Tag dauern. Eigentlich geht das... ioBroker ist da ne ecke flexibler als Home Assistant (dazu gehört übrigens auch der Punkt 433) Der Issue hat nix mit ioBroker zu tun - separate Farben konnten wir immer schon.

                        AMBIENTE ist auch eine TASTE die eine Lichter-Gruppe steuert, hab ich oben vergessen

                        hier noch die Bilder wenn :
                        alles ist AUS

                        aus.jpg

                        alles ist AN:
                        An.jpg

                        Armilar 1 Reply Last reply Reply Quote 0
                        • V
                          Vocaris last edited by Vocaris

                          Hallo zusammen. Ich war jetzt einige Zeit in Thema NS Panel nicht aktiv und freue mich jetzt hier auch über die Neuordnung. Mein Panel läuft noch mit dem TS Script
                          TypeScript v3.1.0.1 und mit etwas Bastelei habe ich es jetzt auf das TypeScript v3.4.0.5 gebracht.
                          Was aber nicht geht bzw. wohl so geändert wurde ist der Bereich de Screensavers.
                          Im Alten Script konnte man das Accuweather nutzen oder die Datenpunkte indiv. anzeigen.
                          Dafür musste man im alten Script var weatherForecast = false setzen.

                          Diese Variable finde ich so nicht im neuen Script. Deshalb habe ich bei den vier *ScreensaverEntity Fehlermelmdungen

                          Wie kann man in dem neuen Script die Screensaver Icons indiv. darstellen?

                          Armilar 1 Reply Last reply Reply Quote 0
                          • Armilar
                            Armilar Most Active Forum Testing @Vocaris last edited by Armilar

                            @vocaris sagte in SONOFF NSPanel mit Lovelace UI:

                            Hallo zusammen. Ich war jetzt einige Zeit in Thema NS Panel nicht aktiv und freue mich jetzt hier auch über die Neuordnung. Mein Panel läuft noch mit dem TS Script
                            TypeScript v3.1.0.1 und mit etwas Bastelei habe ich es jetzt auf das TypeScript v3.4.0.5 gebracht.
                            Was aber nicht geht bzw. wohl so geändert wurde ist der Bereich de Screensavers.
                            Im Alten Script konnte man das Accuweather nutzen oder die Datenpunkte indiv. anzeigen.
                            Dafür musste man im alten Script var weatherForecast = false setzen.

                            Diese Variable finde ich so nicht im neuen Script. Deshalb habe ich bei den vier *ScreensaverEntity Fehlermelmdungen

                            Wie kann man in dem neuen Script die Screensaver Icons indiv. darstellen?

                            Die Variable weatherForecast ist immer noch die gleiche. Musst aber nichts mehr machen, weil die nicht mehr im Skript, sondern über die Datenpunkte gesteuert wird.

                            Die Screensaver-Entities sind auch noch die selben. Haben aber einen weiteren Parameter (siehe Doku)

                            Dennoch kannst du nicht einfach deine alte Config so übernehmen (weitere Inhalte), sondern musst sie entsprechend erweitern oder deine Inhalte aus dem alten Skript in die neue Config übernehmen:

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

                            1 Reply Last reply Reply Quote 0
                            • V
                              Vocaris last edited by

                              Im Wiki im Bereich FAQ-&-Anleitungen bei 2.) Alarm Page habt Ihr einen Fehler in dem kleinen Blockly Scripts. Dort wird die Variable ArlamPIN verwendet. Das Wort Alarm ist falsch geschrieben. Dann hat das Script ein Problem den Wert zu schreiben etc.
                              Zudem habe ich verstanden, dass der PIN beim Setzen den Alarms gesetzt wird und nur mit diesem deaktiviert werden kann. Also man vergibt ggf. immer einen neuen PIN beim Setzen.
                              Ich möchte aber einen PIN im Datenpunkt definieren, der dann bei Aktivieren und deaktivieren geprüft wird. Also ein einheitlicher Alarm PIN. Kann man das auch realisieren.
                              Der PIN im Datenpunkt wird nach der Deaktivierung immer wieder auf 0000 gesetzt.

                              K 1 Reply Last reply Reply Quote 0
                              • K
                                Kuckuckmann @Vocaris last edited by

                                @vocaris
                                Hi Vocaris,

                                wenn Du mal in der Wiki beim Punkt 2 nach unten Scrollst, dort habe ich genau Dein Szenario abgebildet "Erweitertes Blockly mit popupNotify Page:". Lies Dir mal diesen letzten Abschnitt durch. Das Blockly ist ganz am Ende.

                                Bzgl. des Fehlers: Kannst Dur mir das mal mit einem Screenshot zeigen? Ich finde es nämlich nicht 🙂

                                LG

                                Armilar 1 Reply Last reply Reply Quote 0
                                • Armilar
                                  Armilar Most Active Forum Testing @Kuckuckmann last edited by

                                  @kuckuckmann sagte in SONOFF NSPanel mit Lovelace UI:

                                  @vocaris
                                  Hi Vocaris,

                                  wenn Du mal in der Wiki beim Punkt 2 nach unten Scrollst, dort habe ich genau Dein Szenario abgebildet "Erweitertes Blockly mit popupNotify Page:". Lies Dir mal diesen letzten Abschnitt durch. Das Blockly ist ganz am Ende.

                                  Bzgl. des Fehlers: Kannst Dur mir das mal mit einem Screenshot zeigen? Ich finde es nämlich nicht 🙂

                                  LG

                                  Habe auch ein Weilchen gebraucht...

                                  69628ed6-8fff-43ea-a763-5f2e9d1c2487-image.png

                                  1. Zeile
                                  K V 2 Replies Last reply Reply Quote 0
                                  • K
                                    Kuckuckmann @Armilar last edited by

                                    @armilar
                                    Aber wieso ist da ein Fehler?

                                    V 1 Reply Last reply Reply Quote 0
                                    • V
                                      Vocaris @Armilar last edited by

                                      @armilar Yeep. Wollte es gerade posten. Aber @Armilar war schon schneller. Yeep da ist der Fehler.
                                      Zudem auch im gleiche Script:

                                      ade5f04b-ad19-40e7-8f2a-51de2937a7a5-image.png

                                      @Kuckuckmann ich habe das untere Script im Einsatz und habe die falschen Variablen gegen AlarmPIN getauscht. Aber das mit der PIN klappt nicht. Wenn ich im Panel die PIN 1234 eingebe und z.B. Vollschuttz betätige, dann setzte das Script im Datenpunkt AlarmPIN den Wert 1234 rein und macht als Pop Up die Meldung, dass der Pin falsch war. Der DP wird also durch das Script immer geschrieben. Das Script solle aber doch die Eingabe am Panel gegen den Wert im DP AlarmPIN prüfen.

                                      1 Reply Last reply Reply Quote 0
                                      • V
                                        Vocaris @Kuckuckmann last edited by

                                        @kuckuckmann Die Variable dort heißt ArlamPIN und müsste AlarmPIN heißen.

                                        Armilar K 2 Replies Last reply Reply Quote 0
                                        • Armilar
                                          Armilar Most Active Forum Testing @Vocaris last edited by

                                          @vocaris sagte in SONOFF NSPanel mit Lovelace UI:

                                          @kuckuckmann Die Variable dort heißt ArlamPIN und müsste AlarmPIN heißen.

                                          Würd ich jetzt nicht gerade überbewerten. Ich kann meine Variablen ja benennen wie es mir beliebt 😉

                                          1 Reply Last reply Reply Quote 0
                                          • K
                                            Kuckuckmann @Vocaris last edited by

                                            @vocaris
                                            Ich glaube, genau da liegt Dein Verständnis Problem, in Bezug auf den Abgleich.

                                            ArlamPIN referenziert auf einen von mir Angelegten Datenpunkt (0_userdata.0.NSPanelOwn.Alarm_PIN), der die PIN beinhaltet. Das ist nicht die PIN unter 0_userdata.0.NSPanel.Alarm.AlarmPin.

                                            Natürlich wird, wenn Alarm scharf geschaltet wird, die PIN nochmal unter dem 0_userdata.0.NSPanel.Alarm.AlarmPin hinterlegt.

                                            Ich hoffe jetzt wird es etwas klarer und es ist maximal ein Typo, spielt aber keine Rolle 😉

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            717
                                            Online

                                            31.6k
                                            Users

                                            79.5k
                                            Topics

                                            1.3m
                                            Posts

                                            lovelace ui nspanel sonoff
                                            260
                                            7128
                                            4453377
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo