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.
    • Rene55
      Rene55 @Armilar last edited by

      @armilar Ich hab ne Vorschau von 15 Tagen eingestellt - und Treppe fegen dauert immer eine Woche.

      1 Reply Last reply Reply Quote 2
      • Armilar
        Armilar Most Active Forum Testing @ticaki last edited by Armilar

        @ticaki sagte in SONOFF NSPanel mit Lovelace UI:

        wenn Tom oder Armilar von einem Alias sprechen meinen sie meistens einen Channel

        @Doggie
        nein - meinen sie eigentlich immer 😉

        Ohne channel ist ein Alias nutzlos.

        Für alle Fälle hier nochmal aufgeführt:
        https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-ALIAS-Table

        und etwas Lektüre:
        https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-ALIAS-Definitionen

        Rene55 D 2 Replies Last reply Reply Quote 1
        • K
          Kuckuckmann last edited by

          Leute wir brauchen noch 14 Posts bis zur Nummer 5000
          Auf gehts

          T 1 Reply Last reply Reply Quote 0
          • T
            ticaki Developer @Kuckuckmann last edited by

            @kuckuckmann
            Glaube nicht das ich jetzt anfange hier sinnlos rumzuposten... echt.

            1 Reply Last reply Reply Quote 0
            • theknut
              theknut last edited by

              PR wurde erstellt. Also ich denke man könnte den Events Channel auch noch gut in Zukunft nutzen für Erweiterungen. Gerne auch noch die Namen der States ändern, falls euch da was nicht passt, hauptsache das kommt irgendwie ins produktive Skript 😅
              https://github.com/joBr99/nspanel-lovelace-ui/pull/1149

              theknut created this issue in joBr99/nspanel-lovelace-ui

              closed feat: write button event to states #1149

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

                @armilar Ich habe jetzt eine Kachel (darf man das so sagen?) mit dem type cardLChart nach dem Muster #4957 gebaut. Wenn die angezeigt werden soll bekomme ich NSPanelTS_38: error at function GenerateChartPage: txt.matchAll is not a function.

                T theknut 2 Replies Last reply Reply Quote 0
                • Gargano
                  Gargano @Armilar last edited by

                  @armilar Ich habe jetzt die Indicator Events mal getestet, es funktioniert. Danke dafür, dann brauch ich schon mal die Änderung nicht immer zu machen.
                  Ich habe aber gesehen, daß die Modifikation im Prinzip meiner entspricht, nur daß im HMI noch 5 zusätzliche Variablen nötig sind.

                  Armilar 1 Reply Last reply Reply Quote 1
                  • T
                    TT-Tom @Rene55 last edited by TT-Tom

                    @rene55

                    zeige bitte mal die Config der Page und die Daten für den Chart.

                    Rene55 1 Reply Last reply Reply Quote 0
                    • Rene55
                      Rene55 @TT-Tom last edited by

                      @tt-tom Hier die Config:

                      
                      let Temperatur_Bad_Chart: PageType =
                      {
                          'type': 'cardLChart',
                          'heading': 'Bad Temperatur',
                          'items': [{ 
                                      id: 'alias.0.Sensoren.Arexx_Bad',
                                      yAxis: 'Temperatur [°C]',
                                      onColor: Yellow
                                   }]
                      };
                      

                      und der dazu gehörende Alias:

                      NSP_Alias_Bad.png

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

                        @gargano

                        Ja, das Prinzip ist ähnlich. Wir haben uns nur dazu entschlossen, keine weiteren Schleifen über die PageItems zu drehen und direkt die Seite auf zu rufen. Danke für den PR 😊 - ich denke das wird einen Mehrwert für alle bringen.

                        Mit den zusätzlichen 5 HMI-Variablen bewegen wir uns weiterhin im TFT-Standard-Design und das hat dann Vorteile für die anderen SmartHome-Systeme des NSPanel-Projektes.

                        1 Reply Last reply Reply Quote 0
                        • T
                          TT-Tom @Rene55 last edited by

                          @rene55

                          Welche Rolle hat der Channel Arexx_Bad und die Daten aus dem Datenpunkt ACTUAL noch zeigen.

                          Rene55 1 Reply Last reply Reply Quote 0
                          • Rene55
                            Rene55 @TT-Tom last edited by Rene55

                            @tt-tom Etwa so:

                            
                            {
                             "_id": "alias.0.Sensoren.Arexx_Bad.ACTUAL",
                             "common": {
                               "name": "ACTUAL",
                               "role": "value.temperature",
                               "type": "number",
                               "read": true,
                               "write": false,
                               "alias": {
                                 "id": "mqtt.0.arexx.bad"
                               },
                               "unit": "°C"
                             },
                             "native": {},
                             "type": "state",
                             "acl": {
                               "object": 1636,
                               "state": 1636,
                               "owner": "system.user.api",
                               "ownerGroup": "system.group.api-user"
                             },
                             "from": "system.adapter.admin.0",
                             "user": "system.user.admin",
                             "ts": 1705863132842
                            }
                            


                            und
                            NSP_Alias_Bad_Value.png

                            T 1 Reply Last reply Reply Quote 0
                            • T
                              TT-Tom @Rene55 last edited by

                              @rene55

                              Abfall Script ist jetzt erweitert auf 6 Events. Für Event 5 und 6 muss du hier noch ggf. die Farbe anpassen, ist aktuell grün von der Biotonne.

                                                       case jsonEventName5:
                                                          farbNummer = 2016;
                                                          if (customEventName5 != '') {
                                                              eventName = customEventName4;
                                                              if (Debug) log('Event customName: ' + eventName, 'info');
                                                          };
                                                          break;
                                                      case jsonEventName6:
                                                          farbNummer = 2016;
                                                          if (customEventName6 != '') {
                                                              eventName = customEventName4
                                                              if (Debug) log('Event customName: ' + eventName, 'info');
                                                          };
                                                          break;
                              

                              bei farbNummer kannst du eine andere Zahl (Farbe) eintragen, diese kannst du dir hier ermitteln. Die Zahl im Feld Nextion HMI musst du dann eintragen.

                              a70e2e10-742f-49fb-965b-19fe7f14918d-image.png

                              1 Reply Last reply Reply Quote 0
                              • theknut
                                theknut @Rene55 last edited by

                                @rene55 said in SONOFF NSPanel mit Lovelace UI:

                                @armilar Ich habe jetzt eine Kachel (darf man das so sagen?) mit dem type cardLChart nach dem Muster #4957 gebaut. Wenn die angezeigt werden soll bekomme ich NSPanelTS_38: error at function GenerateChartPage: txt.matchAll is not a function.

                                Ja das matchAll ist, wenn du yAxisTicks leer lässt und dann automatisch generieren lässt. Dann baut er es anhand der akutellen Werte. Dafür werden via RegEx aus dem State die Werte gematcht. Wundert mich, dass es da einen Fehler gibt. matchAll gibt es schon seit Node V12 und ist auch in der ECMAScript 2020 Spezifikation. Bei mir und @armilar lief es ohne Kompilierfehler. Temporär könntest du die yAxisTicks selbst vorgeben, dann sollte es gehen.

                                T 1 Reply Last reply Reply Quote 0
                                • T
                                  TT-Tom @Rene55 last edited by TT-Tom

                                  @Rene55

                                  okay, du hast nicht die richtigen Daten, bei dir ist es ja nur ein Wert. Um einen Graphen zuerstellen, benötigst du eine Datensammlung entweder über den History -Adapter oder Influxdb. Die gesammelten Daten werden mittels externen Script ausgelesen und für die Anzeige in der cardLChart aufbereitet. Hier im WIKI ist das ganze noch einmal beschrieben.

                                  theknut Rene55 2 Replies Last reply Reply Quote 0
                                  • theknut
                                    theknut @TT-Tom last edited by theknut

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

                                    @Rene55

                                    Hier im WIKI ist das ganze noch einmal beschrieben.

                                    @Rene55 bitte warte mal noch bis heute Abend. Ich hab das Skript überarbeitet, es ist meiner Meinung nach jetzt stabiler und wesentlich einfacher zu verwenden. Ich mach heute Abend den PR.

                                    T 1 Reply Last reply Reply Quote 0
                                    • Rene55
                                      Rene55 @TT-Tom last edited by

                                      @tt-tom Mann was bin ich blind. Nen Graphen aus einem Wert malen - das ist schon hohe Kunst!
                                      @theknut Dann mach ich mal langsam. Hab ja noch soviel zu lesen und auch noch die Mülltonnen 😊

                                      T 1 Reply Last reply Reply Quote 0
                                      • T
                                        TT-Tom @theknut last edited by

                                        @theknut der Fehler bei Rene sind die Daten im ACTUAL. Er hat da eine Verknüpfung zu einem Sensordatenpunkt und nicht wie im Wiki beschrieben, die Daten vom Script.

                                        1 Reply Last reply Reply Quote 1
                                        • T
                                          TT-Tom @Rene55 last edited by

                                          @rene55 das Script für die Mülltonnen findest du in meinem Github -> siehe Signatur

                                          Rene55 1 Reply Last reply Reply Quote 0
                                          • T
                                            ticaki Developer @theknut last edited by

                                            @theknut sagte in SONOFF NSPanel mit Lovelace UI:

                                            Wundert mich, dass es da einen Fehler gibt. matchAll gibt es schon seit Node V12 und ist auch in der ECMAScript 2020 Spezifikation. Bei mir und @armilar lief es ohne Kompilierfehler. Temporär könntest du die yAxisTicks selbst vorgeben, dann sollte es gehen.

                                            Da wird nicht getestet das es auch tatsächlich ein String ist, der da ankommt.

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            900
                                            Online

                                            31.6k
                                            Users

                                            79.5k
                                            Topics

                                            1.3m
                                            Posts

                                            lovelace ui nspanel sonoff
                                            260
                                            7128
                                            4458591
                                            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