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@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    SONOFF NSPanel mit Lovelace UI

    This topic has been deleted. Only users with topic management privileges can see it.
    • T
      TT-Tom @Oliver Feld last edited by TT-Tom

      @oliver-feld

      Lass mal im Script/Config das .SET weg. Also nur …NSPanel_Geräte.WDR2

      O 1 Reply Last reply Reply Quote 0
      • O
        Oliver Feld @TT-Tom last edited by

        @tt-tom
        Da habe ich nur das:

        <PageItem>{ id: 'alias.0.NSPanel_Geräte.WDR2', icon: 'radio', name: 'WDR2', onColor: colorRadio},
        
        T 1 Reply Last reply Reply Quote 0
        • T
          TT-Tom @Oliver Feld last edited by

          @oliver-feld

          Zeige bitte mal die komplette mediapage Config und den kompletten alias

          O 1 Reply Last reply Reply Quote 0
          • O
            Oliver Feld @TT-Tom last edited by Oliver Feld

            @tt-tom

            let Radio = <PageGrid>{
                'type': 'cardGrid',
                'heading': 'Radio',
                'useColor': true,
                'items': [
                   <PageItem>{ id: 'alias.0.NSPanel_Geräte.WDR2', icon: 'radio', name: 'WDR2', onColor: colorRadio},
                ]
            };
            

            Bildschirm­foto 2023-02-19 um 14.50.34.png

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

              @oliver-feld

              b7376aed-7d0d-44ad-9d4a-76b9cab50d39-image.png

              Ist das ein String bei dir oder hast du die " " vergessen?

              O 1 Reply Last reply Reply Quote 1
              • 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
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            465
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

                                            lovelace ui nspanel sonoff
                                            263
                                            7225
                                            4957317
                                            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