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

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

    • Save The Date: ioBroker@Smart Living Forum Solingen, 14.06.

    SONOFF NSPanel mit Lovelace UI

    This topic has been deleted. Only users with topic management privileges can see it.
    • O
      Oliver Feld @Armilar last edited by Oliver Feld

      @armilar
      stimmt die fehlten,
      10 Malt geschaut und immer übersehen!

      Danke! 🤞

      1 Reply Last reply Reply Quote 0
      • N
        niiccooo1 last edited by niiccooo1

        @Armilar
        Hey,

        ich suche schon seit einiger Zeit im Wiki und Forum, finde aber die PageItem Definition nicht, wenn ich in der cardGrid Ansicht mir die Sensor Werte wie folgt anzeigen lassen möchte:
        e6744e41-a57f-4d54-98a4-9a673bc1171f-image.png

        Könntest du bitte das o.g. Beispiel einmal preisgeben 🙂 ?

        PS: Sind die Farben statisch, oder kann man je nach Wert dynamisch die Farbe ändern?

        VG
        Nico

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

          @niiccooo1

          Das ist der Beispielcode aus dem Script

          
          let SensorGrid = <PageGrid>
          {
              'type': 'cardGrid',
              'heading': 'Sensor Werte',
              'useColor': true,
              'items': [
                  <PageItem>{ id: 'alias.0.NSPanel_1.TestTemperatur', name: 'Außentemp. °C', offColor: MSRed, onColor: MSGreen, useValue: true, 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, 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, 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, colorScale: {'val_min': 0, 'val_max': 12} },
                  <PageItem>{ id: 'alias.0.NSPanel_1.Windstaerke', name: 'Windstärke bft', offColor: White , onColor: White, useValue: true, 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} },
              ]
          };
          
          

          Du musst Dir Alias Punkte erstellen vom Typ Info für deine Werte. Der Parameter colorscale ermöglicht dir die Werte einzufärben, von grün über gelb nach rot. (min - max). val_best gibt dir den Grün Wert an, dann läuft es nach min und Max auf rot.

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

            @tt-tom Besten Dank!

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

              Bin grade dabei einen PageThermo einzubauen und möchte auto/manu am NSPanel umschalten.

              let Wohn_Themostat = <PageThermo>
              {
                  'type': 'cardThermo',
                  'heading': 'Wohn Thermostat',
                  'useColor': true,
                  'items': [<PageItem>{ id: 'alias.0.Thermostate.Wohn', minValue: 100, maxValue: 300,
                          popupThermoMode1: ['auto','manu'],
                          popUpThermoName: ['Auto/Manu'],
                          setThermoAlias: ['MODE']
                          }]
              };
              

              Problem ist jedoch das der Alias Mode vom Type Number ist, ich aber nur Strings als Werte definieren kann.

              Hat das einer gelöst ?

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

                @gargano

                was für ein System hast du bei den Thermostat?

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

                  @tt-tom iobroker

                  c77159a4-6672-4664-99a8-1bf7a9231852-image.png

                  {
                    "_id": "alias.0.Thermostate.Wohn.MODE",
                    "native": {},
                    "type": "state",
                    "common": {
                      "alias": {
                        "id": "heatingcontrol.0.Rooms.Wohnzimmer.State"
                      },
                      "name": "MODE",
                      "role": "level.mode.thermostat",
                      "write": true,
                      "states": {
                        "0": "AUTO",
                        "1": "MANUAL"
                      },
                      "type": "number"
                    },
                    "acl": {
                      "object": 1636,
                      "state": 1636,
                      "owner": "system.user.admin",
                      "ownerGroup": "system.group.administrator"
                    },
                    "from": "system.adapter.admin.0",
                    "user": "system.user.admin",
                    "ts": 1676890719766
                  }
                  
                  T 1 Reply Last reply Reply Quote 0
                  • T
                    TT-Tom @Gargano last edited by

                    @gargano
                    Ich würde es mit einem eigenen Datenpunkt und Script machen. Aber vielleicht hat @Armilar eine besser Lösung.

                    Gargano Armilar 2 Replies Last reply Reply Quote 0
                    • Gargano
                      Gargano @TT-Tom last edited by

                      @tt-tom Dachte ich mir auch. Problem ist, daß im Script der Datenpunkt Mode vom Alias gesucht wird und explizit darin geschrieben wird.
                      Hat wohl keiner so bis jetzt gebraucht.

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

                        @tt-tom

                        Ja, eigener Datenpunkt sollte den Mode entsprechend konvertieren. Da ist fast jeder Thermostat oder Adapter unterschiedlich...

                        Hat wohl keiner so bis jetzt gebraucht.

                        Ich denke, das wird sicherlich schon sehr individuell verwendet.

                        Ich z.B. nutze das gar nicht. Sind "immer" im manuellen Modus und werden durch den ioBroker gesteuert. Aber ich teile ihm schon noch mit, wenn mir kalt ist 😉

                        Gargano 1 Reply Last reply Reply Quote 0
                        • R
                          radierer last edited by

                          Hallo zusammen,

                          als Erstes möchte ich mich bei allen Beteiligten für die großartige Arbeit bedanken. Ich habe das NSPanel erst am vergangenen Freitag bekommen und mich entsprechend wenig damit beschäftigt. Aber die wirklich sehr guten und detaillierten Dokus und (Video-) Tutorials haben ausgereicht, dass Panel lauf- und funktionsfähig aufzusetzen.

                          Ich habe die letzten Tage den Thread hier überflogen und wollte nochmal ein kleines nice-to-have-Feature ansprechen, was ich ebenfalls sinnvoll finde und hier meine ich gelesen zu haben. Ich gruppiere oft Zigbee-Leuchtmittel, da sich diese in einer Lampe oder einem bestimmten Ort (Deckenspots Küche zB) usw. befinden. Aktuell fasse ich die mit dem Zigbee Adapter zusammen und packe die als "einzelne" Lampe ins Panel. Im Pop-Up Fenster (Dimmer etc.) hat man dann ja die Möglichkeit Helligkeit, Farbtemp. etc. zu steuern. Kann man hier nicht zusätzlich auch die Steuernung der einzelnen Lampen einer Gruppe unterbringen?

                          Danke & Gruß

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

                            @armilar Das habe ich jetzt hinbekommen mit einem extra Alias-Datenpunkt (geht auch ohne Script):

                            09b2757f-83ae-4cce-9bbf-5fac9fc23c91-image.png

                            Allerdings ist der angezeigte Zustand immer manu, was ich auch mache :
                            Wo holt denn der angezeigte Zustand die Info her ?

                            6dad571a-96dd-47a4-8f7a-d41a9f7b2caf-image.png

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

                              @radierer

                              Auf einer cardGrid oder auf einer cardEntities können doch alle einzelnen Lampen ebenfalls als Alias angelegt werden.

                              1. PageItem für die Gruppe
                                • 6 PageItem für die einzelnen Lampen
                              1 Reply Last reply Reply Quote 0
                              • Armilar
                                Armilar Most Active Forum Testing @Gargano last edited by

                                @gargano

                                aus der cardThermo

                                Da wird natürlich der Wert MODE abgefragt und nicht MODE1. Wenn Mode nicht angegeben ist, dann ist es per Default MANU

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

                                  @armilar sagte in SONOFF NSPanel mit Lovelace UI:

                                  Da wird natürlich der Wert MODE

                                  MODE ist aber vorhanden.

                                  Problem scheint hier zu liegen :

                                  Der Datenpunkt MODE ist vom Type 'number'
                                  Das Script ab Zeile ca 3230 ist so :

                                  let statusStr: String = 'MANU';
                                              let status = '';
                                              if (existsState(id + '.MODE')) {
                                                  status = getState(id + '.MODE').val;    // FixMe: Variable status is never used!
                                              }
                                  

                                  Also wird hier ein String erwartet, was aber im Datenpunkt vom Alias ein Number ist.
                                  Desweiteren wird der statusStr gar nicht mehr gesetzt.

                                  Im weiteren Verlauf des Scripts wird MODE gar nicht mehr behandelt, sondern '.AUTOMATIC' oder '.MANUAL'
                                  welches aber im Thermostat nicht gibt.

                                  Ich werde es für mich ändern.

                                  Falls jemand interessiert :

                                  Änderung behandelt den numerischen Wert von .MODE zum Anzeigen des Status

                                  Unter function

                                  function GenerateThermoPage(page: PageThermo): Payload[] {
                                  
                                   if (o.common.role == 'thermostat') {
                                                      
                                                      // add from gargano
                                                      if (existsState(id + '.MODE') && getState(id + '.MODE').val != null) {
                                                          if (getState(id + '.MODE').val===1) {
                                                                  statusStr = 'MANU';
                                                          } else {
                                                             statusStr = 'AUTO';
                                                          }
                                                      }
                                                      // end add from gargano
                                  

                                  Und die ganze Anleitung in Verbindung mit HeatingControl ist hier

                                  1 Reply Last reply Reply Quote 0
                                  • R
                                    radierer last edited by

                                    @armilar said in SONOFF NSPanel mit Lovelace UI:

                                    @radierer

                                    Auf einer cardGrid oder auf einer cardEntities können doch alle einzelnen Lampen ebenfalls als Alias angelegt werden.

                                    1. PageItem für die Gruppe
                                      • 6 PageItem für die einzelnen Lampen

                                    Hm ok .. du meinst die einzelnen Lampen auf einer Subpage? So habe ich das aktuell zumindest gelöst und dafür ein zweites PageItem als "Link" unter dem Item der "Gruppensteuerung". Damit wären aber 2 Items auf der "Parent-Page" weg .. und der Platz ist ja begrenzt. Mein Gedanke war, ob man nicht die einzelnen Lampen (bei mir fast immer Dimmer ohne irgendeine Farbsteuerung) auf dem PopUp unterbringen kann? Klar .. auch da ist der Platz begrenzt.

                                    Evtl. hab ich auch nur was übersehen .. wie gesagt, bin erst am Anfang und hab bisher wenig mit Skripten gemacht. 😆

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

                                      @radierer

                                      Du kannst auch SubPages nebeneinander anordnen. Mit Next und Prev kannst du Seiten horizontal anordnen. Siehe Wiki

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

                                        @radierer

                                        Vielleicht hilft dir das?

                                        7ccb717b-01be-4c17-92e7-285919b1b69f-Nextion_Editor_A2U51jphKW.gif

                                        1 Reply Last reply Reply Quote 0
                                        • R
                                          radierer last edited by

                                          Joar .. ich muss mich wohl noch ein wenig mit der Navigation auseinandersetzen. 🙃

                                          Die "Grundsteuerung" bei Dimmern mit dem Switch direkt auf der platzierten Page und dem PopUp für eine Detailsteuerung finde ich sehr gelungen. Aber eine weitere Ebene einbauen ist ja auch kein Beinbruch. 😋

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

                                            @bembelstemmer sagte in SONOFF NSPanel mit Lovelace UI:

                                            Ich habe eine erste Variante mit Squeezeboxrpc Unterstützung die bei mir soweit ganz gut funktioniert. Man kann die Speaker wechseln, die Favoriten Playlists auswählen, autoCreateAlias funktioniert, etc.
                                            Das war bisher nicht möglich.
                                            Allerdings musste ich für die Auswahl der Speaker leider recht große Anpassungen machen, da die Struktur einfach so verschieden ist zu den anderen Adaptern.

                                            Funktioniert noch alles. Hab's dann gleich in die 4.0.0 übernommen. Sollte in wenigen Tagen kommen...

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            645
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

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