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

      @armilar said in SONOFF NSPanel mit Lovelace UI:

      ich nutze schon seit vielen Jahren diesen:

      Könntest du mir nochmal ein Bild zeigen wie ich da genau das Kabel draufstecken muß?
      Also das mit GND, TX, RX (vertauscht) das hab ich verstanden aber von wo kommt das POWER,
      oder geht das über den USB und man muß nur den Jumper auf 3,3V stecken?

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

        Und schon kommt der nächste Beitrag:

        9a7e3a79-06e1-432f-bfb7-eac27186f806-image.png

        @joBr99 hat in die HMI eine Möglichkeit implementiert, den Font-Size bei Werten (useValue) in der cardGrid und cardGrid2 anzupassen:

        f3051243-422a-4304-bdf5-64d0d2253cd2-image.png

        Beispiel (man beachte den Parameter fontSize):

        let SensorGrid = <PageGrid2>
        {
            'type': 'cardGrid2',
            'heading': 'Sensor Werte',
            'useColor': true,
            'items': [
                <PageItem>{ id: 'alias.0.NSPanel_1.TestTemperatur', name: 'Außentemp. °C', offColor: MSRed, onColor: MSGreen, useValue: true, fontSize: 0, colorScale: {'val_min': -20, 'val_max': 40, 'val_best': 20} },
                <PageItem>{ id: 'alias.0.NSPanel_1.TestFeuchtigkeit', name: 'Luftfeuchte %', offColor: MSYellow, onColor: MSYellow , useValue: true, fontSize: 1, colorScale: {'val_min': 0, 'val_max': 100, 'val_best': 65} },
                <PageItem>{ id: 'alias.0.NSPanel_1.Taupunkt', name: 'Taupunkt °C', offColor: MSRed, onColor: MSGreen, useValue: true, fontSize: 2, colorScale: {'val_min': -20, 'val_max': 40, 'val_best': 20} },
                <PageItem>{ id: 'alias.0.NSPanel_1.UV_Index', name: 'UV Index', offColor: White , onColor: White, useValue: true, fontSize: 3,colorScale: {'val_min': 0, 'val_max': 12} },
                <PageItem>{ id: 'alias.0.NSPanel_1.Windstaerke', name: 'Windstärke bft', offColor: White , onColor: White, useValue: true, fontSize: 4, colorScale: {'val_min': 0, 'val_max': 9} },
                <PageItem>{ id: 'alias.0.NSPanel_1.Luftdruck', name: 'Luftdruck hPa', offColor: White , onColor: White, useValue: true, colorScale: {'val_min': 950, 'val_max': 1050, 'val_best': 1013} },
            ]
        };
        

        Da dieses Gimmick bereits für die v4.3.0 vorgesehen ist, bitte die aktuelle DEV-Version flashen.

        FlashNextion http://nspanel.pky.eu/lui.tft
        

        Es reicht den unteren Teil des TS-Scriptes zu tauschen:
        https://github.com/joBr99/nspanel-lovelace-ui/blob/main/ioBroker/NsPanelTs.ts

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

          @icebear

          Habe zwar aktuell nichts zum Flashen, aber dieses Bild sollte helfen:

          04cab069-cfe9-40a9-bafb-e365b8cd2a72-image.png

          blau = Ground
          violett = VCC = 3,3V oder 5V (je nach Jumper-Stellung)
          grün = TX (muss beim Panel auf RX)
          weiß = RX (muss beim Panel auf TX)

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

            @icebear

            hier übrigens auch noch eine hübsche Darstellung

            01dabbd4-bccd-47c4-86eb-0c8d785f66c4-image.png

            gefunden in:
            https://sequr.be/blog/2023/01/flashing-nspanel-with-tasmota-and-nspanel-lovelace-ui/

            Ab Kapitel Flash Tasmota on NSPanel

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

              @armilar

              Supi vielen Dank, ich glaub damit komm ich klar.

              Noch eine Frage ich hab, ich hab den Abfallkalender soweit reinbekommen, allerdings zeigt er mir auch andere Events aus dem iCal Adapter obwohl ich da in den Einstellungen nur die Abfallereignisse filtere für den Trashscheduler Adapter.

              Kann man das irgendwo noch einstellen das nur die Abfallereignisse aus dem iCal genommen werden?

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

                @icebear

                Lege einfach eine 2. Instanz des iCal-Adapters an:

                Dann nur den Abfallkalender importieren

                2b5a29a9-b843-4642-9c7c-c1e11e6e4346-image.png

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

                  @icebear

                  Welches Script/Blockly nutzt du um die Datenpunkte zu füllen? Denn dort wird gefiltert und nur die Events ausgelesen.

                  Der iCal Adapter stellt nur eine „lesbare“ Form der Kalenderdaten zur Verfügung.

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

                    @tt-tom
                    @Armilar

                    Danke, hat sich erledigt!

                    Ich hab's pragmatisch gelöst, indem ich die paar privaten Termine die ich da noch drin hatte in meinen anderen Kalender verschoben habe und den Abfallkalender jetzt nur noch für iCal IOB nutze.

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

                      @icebear

                      Okay, aber wie füllst du die Datenpunkte oder nutzt du nicht die Page mit den Abfalldaten?

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

                        @tt-tom

                        Ich glaub ich hab mich falsch ausgedrückt, ich nutze den Kalender den ich bisher im iCal hatte natürlich weiter , da waren aber ja alle Termine von meinem Google Kalender drin.
                        Der trashschedule Adapter im IOB filtert ja die Mülltermine raus.

                        Ich bin nur hergegangen und hab die paar Termine die ich in diesem Kalender drin hatte in meinen anderen Google Kalender verschoben der nicht IOB im iCal freigegeben ist.
                        So hab ich jetzt einen Kalender den ich nur für IOB nutze und einen für privat.
                        Ich sag ja pragmatisch gelöst, ich versuch halt wenn es geht von einem Adapter in IOB nicht mehrere Instanzen anzulegen.

                        T K 2 Replies Last reply Reply Quote 0
                        • T
                          TT-Tom @icebear last edited by

                          @icebear

                          Ich glaube wir reden wirklich aneinander vorbei.
                          Ich meinte diese Möglichkeit im Panel die Abfalltermine darzustellen. Link Wiki

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

                            @icebear

                            das kannst Du auch so machen, nur würde ich Dir empfehlen dann bei Google für Abfall, Geburtstage, etc., halt alles was Du im IOB nutzen willst zu separieren. Ich habe das auch so gemacht und das funzt eigentlich ziemlich gut. Bei Google ist es ja egal, du kannst Dir ja alles einblenden und hast dann die Gesamtübersicht, kannst aber selektiv drauf schauen.

                            LG

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

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

                              Ich meinte diese Möglichkeit im Panel die Abfalltermine darzustellen.

                              Doch genau so wie es im Wiki beschrieben ist hab ich es gemacht!

                              @Kuckuckmann said in SONOFF NSPanel mit Lovelace UI:

                              nur würde ich Dir empfehlen dann bei Google für Abfall, Geburtstage, etc., halt alles was Du im IOB nutzen willst zu separieren.

                              Und auch das hab ich genauso gemacht.

                              Funktioniert ja jetzt auch alles wunderbar.

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

                                @icebear sagte in SONOFF NSPanel mit Lovelace UI:

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

                                Ich meinte diese Möglichkeit im Panel die Abfalltermine darzustellen.

                                Doch genau so wie es im Wiki beschrieben ist hab ich es gemacht!

                                Und dann hast du andere Termine auf dem Panel gesehen, als die Abfalltermine?

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

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

                                  Und dann hast du andere Termine auf dem Panel gesehen, als die Abfalltermine?

                                  Ja genau. Ich hab halt die Abfalltermine gesehen und wenn dazwischen noch ein anderer Termin war dann hat er den als nächsten Leerungstermin genommen, obwohl da gar keine Leerung ist.

                                  Ich denke das kommt daher das hier der Datenpunkt >iCal.0.data.table ausgewertet wird und da stehen halt alle Termin aus dem jeweiligen Kalender drin.

                                  Im Adapter trashscheduler da fällt das nich auf, da ja da nach den Namen der Abfallbehälter gefiltert wird die ich in den Einstellungen angebe.

                                  Korrigier mich sollte ich falsch liegen.

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

                                    @icebear wenn du das Blockly von @Armilar oder das Javascript von mir, dann sollten aus dem iCal auch nur die Abfalltermine angezeigt werden. Wenn das nicht so war, würde ich gerne der Ursache auf den Grund gehen, um Schwachstellen zu beseitigen.

                                    icebear 1 Reply Last reply Reply Quote 0
                                    • F
                                      Futty last edited by Futty

                                      Guten Abend,

                                      ich brauche mal wieder eure Hilfe, bekomm es mit Wiki und Co nicht gebacken.
                                      Will eigentlich mit den zwei Tastern Zentral die alle Rollläden steuern und wollte deshalb die Taster von den Relais entkoppeln und dann übern Blockly die Shutter-Instanz bedienen...

                                      Das entkoppeln hat funktioniert und das Relais1 steuert nun per ThermoPage die Fußbodenheizung, die definierten Datenpunkte für Button1 und 2 ändern sich aber nie

                                      23:17:03.616 MQT: stat/tasmota_C4CF8C/RESULT = {"Rule2":{"State":"ON","Once":"OFF","StopOnError":"OFF","Length":189,"Free":322,"Rules":"on Button1#state do Publish SmartHome/%topic%/tele/RESULT {\"CustomRecv\":\"event,button1\"} endon on Button2#state do Publish SmartHome/%topic%/tele/RESULT {\"CustomRecv\":\"event,button2\"} endon"}}
                                      
                                      23:21:13.583 RUL: BUTTON1#STATE performs "Publish SmartHome/tasmota_C4CF8C/tele/RESULT {"CustomRecv":"event,button1"}"
                                      23:21:13.590 MQT: SmartHome/tasmota_C4CF8C/tele/RESULT = {"CustomRecv":"event,button1"}
                                      

                                      38ecf439-303b-425d-9642-cf3944339607-image.png

                                      6b2a527b-d635-4927-a7db-953f0497be61-image.png

                                      was mach ich nun wieder falsch..., Danke schonmal!

                                      Marc Berg 1 Reply Last reply Reply Quote 0
                                      • Marc Berg
                                        Marc Berg Most Active @Futty last edited by Marc Berg

                                        @futty sagte in SONOFF NSPanel mit Lovelace UI:

                                        was mach ich nun wieder falsch...

                                        Wenn du einen Button drückst, wird der Befehl bei dir nach "mqtt.0.SmartHome.tasmota_C4CF8C.tele.RESULT" publiziert (wenn dein MQTT Adapter die Instanz "0" ist). Das Skript wiederum hört auf das Topic, welches in der Variable "panelRecvTopic" definiert wurde. Also musst du mal schauen, ob beide übereinstimmen. Wenn nicht, muss die Rule2 angepasst werden.

                                        F 1 Reply Last reply Reply Quote 1
                                        • icebear
                                          icebear @TT-Tom last edited by icebear

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

                                          wenn du das Blockly von @Armilar oder das Javascript von mir, dann sollten aus dem iCal auch nur die Abfalltermine angezeigt werden. Wenn das nicht so war, würde ich gerne der Ursache auf den Grund gehen, um Schwachstellen zu beseitigen.

                                          Also ich hab das Javascript von dir benutzt. Im Anhang mal die Einstellungen die ich gemacht hab.

                                          const idAbfalliCal: string = 'ical.0'; // iCal Instanz zum Abfallkalender
                                          const idUserdataAbfallVerzeichnis: string = '0_userdata.0.Abfallkalender'; // Name des Datenpunktverzeichnis unter 0_userdata.0 -> Strandard = 0_userdata.0.Abfallkalender
                                          const idAliasPanelVerzeichnis: string = 'alias.0.Home'; //Name PanelVerzeichnis unter alias.0. Standard = alias.0.NSPanel.1
                                          const idAliasAbfallVerzeichnis: string = 'Abfall'; //Name Verzeichnis unterhalb der idPanelverzeichnis  Standard = Abfall
                                          
                                          const idZeichenLoeschen: number = 0; // x Zeichen links vom String abziehen, wenn vor dem Eventname noch Text steht z.B. Strassenname; Standard = 0
                                          const idRestmuellName: string = 'Restmüll'; // Schwarze Tonne
                                          const idWertstoffName: string = 'Gelbe Tonne'; // Gelbe Tonne / Sack
                                          const idPappePapierName: string = 'Papier';  // Blaue Tonne
                                          const idBioabfaelleName: string = 'Biomüll'; // Braune Tonne
                                          
                                          const Debug: boolean = false;
                                          

                                          Die Bezeichnungen der Abfallbehälter im Script sind exakt so wie sie in meinem iCal stehen.

                                          Das Problem war einfach das z.B. ein Termin in meiner Autowerkstatt als nächster Leerungstermin in der Übersicht drin stand. Dann kam wieder ein Leerungstermin und dann stand ein Geburtstag als nächster Termin in der Liste.
                                          Die standen dann auch so in den Datenpunkten.
                                          Ich habs auch nich verstanden da ja gemäß Script genau der 'string' mit dem Namen abgefragt wird.

                                          Ich hab dann nochmal einen Fake-Termin eingetragen und die iCal.0.data table kopiert
                                          Termin 'Köln Kennedy Airport'

                                          [{"date":"In 3 Tagen 09:30-10:30","event":"TestTermin","_class":"ical_ice.xxxxx@gmail.com ical_3days","_date":"2023-08-29T07:30:00.000Z","_end":"2023-08-29T08:30:00.000Z","_IDID":"5h2378oaqt4ppkms4497qd0h75@google.com","_allDay":false,"_private":false,"_rule":" ","location":"Köln Bonn Airport, Kennedystraße, 51147 Köln, Deutschland","_calName":"ice.xxxx@gmail.com","_calColor":"#FF0000","_object":{"type":"VEVENT","params":[],"start":"2023-08-29T07:30:00.000Z","datetype":"date-time","end":"2023-08-29T08:30:00.000Z","dtstamp":"2023-08-26T07:17:45.000Z","uid":"5h2378oaqt4ppkms4497qd0h75@google.com","created":"2023-08-26T07:15:56.000Z","lastmodified":"2023-08-26T07:15:56.000Z","location":"Köln Bonn Airport, Kennedystraße, 51147 Köln, Deutschland","sequence":"0","status":"CONFIRMED","summary":"TestTermin","transparency":"OPAQUE","method":"PUBLISH"}},{"date":"05.09.2023  ","event":"Restmüll","_class":"ical_ice.xxxxx@gmail.com ","_date":"2023-09-04T22:00:00.000Z","_end":"2023-09-05T22:00:00.000Z","_section":"Leerungserinnerung","_IDID":"1670848757304-57@tonnen.regioentsorgung.de","_allDay":true,"_private":false,"_rule":" ","location":"xxxxxxxxxxxxxxxx xxxxxxxxxx","_calName":"ice.xxxxx@gmail.com","_calColor":"#FF0000","_object":{"type":"VEVENT","params":[],"start":"2023-09-04T22:00:00.000Z","datetype":"date","end":"2023-09-05T22:00:00.000Z","dtstamp":"2023-08-26T07:17:45.000Z","uid":"1670848757304-57@tonnen.regioentsorgung.de","class":"PUBLIC","created":"2022-12-12T01:39:17.000Z","description":"Leerungserinnerung","lastmodified":"2023-08-24T11:49:59.000Z","location":"xxxxxxxxxxxxxxxx","sequence":"0","status":"CONFIRMED","summary":"Restmüll","transparency":"TRANSPARENT","MICROSOFT-CDO-BUSYSTATUS":"FREE","method":"PUBLISH"}},{"date":"07.09.2023  ","event":"Gelbe Tonne","_class":"ical_ice.xxxxx@gmail.com ","_date":"2023-09-06T22:00:00.000Z","_end":"2023-09-07T22:00:00.000Z","_section":"Leerungserinnerung","_IDID":"1670848757304-31@tonnen.regioentsorgung.de","_allDay":true,"_private":false,"_rule":" ","location":"xxxxxxxxxxxxxxxx","_calName":"ice.xxxxx@gmail.com","_calColor":"#FF0000","_object":{"type":"VEVENT","params":[],"start":"2023-09-06T22:00:00.000Z","datetype":"date","end":"2023-09-07T22:00:00.000Z","dtstamp":"2023-08-26T07:17:45.000Z","uid":"1670848757304-31@tonnen.regioentsorgung.de","class":"PUBLIC","created":"2022-12-12T01:39:17.000Z","description":"Leerungserinnerung","lastmodified":"2023-08-24T11:50:12.000Z","location":"xxxxxxxxxxxxxxxx","sequence":"0","status":"CONFIRMED","summary":"Gelbe Tonne","transparency":"TRANSPARENT","MICROSOFT-CDO-BUSYSTATUS":"FREE","method":"PUBLISH"}},{"date":"16.09.2023  ","event":"Papier","_class":"ical_ice.xxxxx@gmail.com ","_date":"2023-09-15T22:00:00.000Z","_end":"2023-09-16T22:00:00.000Z","_section":"Leerungserinnerung","_IDID":"1670848757304-10@tonnen.regioentsorgung.de","_allDay":true,"_private":false,"_rule":" ","location":"xxxxxxxxxxxxxxxx","_calName":"ice.xxxxx@gmail.com","_calColor":"#FF0000","_object":{"type":"VEVENT","params":[],"start":"2023-09-15T22:00:00.000Z","datetype":"date","end":"2023-09-16T22:00:00.000Z","dtstamp":"2023-08-26T07:17:45.000Z","uid":"1670848757304-10@tonnen.regioentsorgung.de","class":"PUBLIC","created":"2022-12-12T01:39:17.000Z","description":"Leerungserinnerung","lastmodified":"2023-08-24T11:50:22.000Z","location":"xxxxxxxxxxxxxxxx","sequence":"0","status":"CONFIRMED","summary":"Papier","transparency":"TRANSPARENT","MICROSOFT-CDO-BUSYSTATUS":"FREE","method":"PUBLISH"}},{"date":"19.09.2023  ","event":"Restmüll","_class":"ical_ice.xxxxx@gmail.com ","_date":"2023-09-18T22:00:00.000Z","_end":"2023-09-19T22:00:00.000Z","_section":"Leerungserinnerung","_IDID":"1670848757304-58@tonnen.regioentsorgung.de","_allDay":true,"_private":false,"_rule":" ","location":"xxxxxxxxxxxxxxxx","_calName":"ice.xxxxx@gmail.com","_calColor":"#FF0000","_object":{"type":"VEVENT","params":[],"start":"2023-09-18T22:00:00.000Z","datetype":"date","end":"2023-09-19T22:00:00.000Z","dtstamp":"2023-08-26T07:17:45.000Z","uid":"1670848757304-58@tonnen.regioentsorgung.de","class":"PUBLIC","created":"2022-12-12T01:39:17.000Z","description":"Leerungserinnerung","lastmodified":"2022-12-12T12:52:53.000Z","location":"xxxxxxxxxxxxxxxx","sequence":"0","status":"CONFIRMED","summary":"Restmüll","transparency":"TRANSPARENT","MICROSOFT-CDO-BUSYSTATUS":"FREE","method":"PUBLISH"}},{"date":"21.09.2023  ","event":"Gelbe Tonne","_class":"ical_ice.xxxxx@gmail.com ","_date":"2023-09-20T22:00:00.000Z","_end":"2023-09-21T22:00:00.000Z","_section":"Leerungserinnerung","_IDID":"1670848757304-32@tonnen.regioentsorgung.de","_allDay":true,"_private":false,"_rule":" ","location":"xxxxxxxxxxxxxxxx","_calName":"ice.xxxxx@gmail.com","_calColor":"#FF0000","_object":{"type":"VEVENT","params":[],"start":"2023-09-20T22:00:00.000Z","datetype":"date","end":"2023-09-21T22:00:00.000Z","dtstamp":"2023-08-26T07:17:45.000Z","uid":"1670848757304-32@tonnen.regioentsorgung.de","class":"PUBLIC","created":"2022-12-12T01:39:17.000Z","description":"Leerungserinnerung","lastmodified":"2022-12-12T12:53:03.000Z","location":"xxxxxxxxxxxxxxxx","sequence":"0","status":"CONFIRMED","summary":"Gelbe Tonne","transparency":"TRANSPARENT","MICROSOFT-CDO-BUSYSTATUS":"FREE","method":"PUBLISH"}}]
                                          

                                          der tauch dann auch direkt wieder in den Datenpunkten auf.

                                          abfall.png

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

                                            @icebear

                                            Danke für die Daten. Habe das Problem erkannt und werde das Script anpassen.

                                            Aktuell ist es so, dass nur ein reiner Abfallkalender ausgewertet wird, da der Eventvergleich nur für die Farben der Tonnen wirkt. Werde ihn so anpassen, dass er zuerst die Events abgleicht und dann das Datum und die Farbe. Somit sollte auch ein gemischter Kalender funktionieren.

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            881
                                            Online

                                            31.6k
                                            Users

                                            79.5k
                                            Topics

                                            1.3m
                                            Posts

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