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 @Futty last edited by

      @futty

      Habe im Wiki nochmal nachgesehen und der Farbverlauf ist von grün nach rot. Also brauchst du nur min und max tauschen.

      Im alternativen Screensaver wird bottum genutzt und beim Advaced wenn der Wechsel aktiviert ist.

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

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

        @futty

        Habe im Wiki nochmal nachgesehen und der Farbverlauf ist von grün nach rot. Also brauchst du nur min und max tauschen.

        Im alternativen Screensaver wird bottum genutzt und beim Advaced wenn der Wechsel aktiviert ist.

        gerade angepasst und getestet, beide Aussagen kann ich bestätigen.
        Danke!

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

          @Hansi1234
          Bild.jpeg
          oberhalb der Zahl ist es zu erkennen.

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

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

            @Hansi1234
            Bild.jpeg
            oberhalb der Zahl ist es zu erkennen.

            ist das der Grund warum im Video und Erklärungen darauf hingewiesen wird, das HMI bzw. die Platine auszubauen?

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

              @Futty
              ja

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

                783f2b42-9194-4698-9c82-e17eebd86ae2-image.png

                Es reicht, den unteren Teil ab "Ab hier keine Konfiguration mehr" zu ersetzen

                edabf9ea-e8c8-4bdb-a564-2f4160f9370a-image.png

                Info: Funktioniert ebenfalls mit dem JS-Adapter ab v.7.1.4
                56b44da9-ccfa-47e5-9e41-2f2a71c9c8c7-image.png

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

                  2983f492-1e6e-4542-8323-aff2806b3d64-image.png

                  Beenden der Scheduler beim Beenden des TS-Scriptes

                  @Gargano: gerne testen, da fehlerhaftes Verhalten bei mir nie zu beobachten war...

                  A 1 Reply Last reply Reply Quote 1
                  • A
                    Andy200877 @Armilar last edited by Andy200877

                    Ich habe glaube ich einen Bug gefunden...

                    Wenn man sich zuerst ein "cardPower" anzeigen lässt und von dort aus über die Navigationspfeile zu einem "cardLChart" wechselt, wird dieses nicht richtig angezeigt.

                    Hier mal ein paar Bilder und der entsprechende Ausschnitt aus meinem Script.

                    Wenn man immer wieder zurück ins Menü geht und die Seiten von dort aufruft, sehen Sie normal aus.
                    cardPower.jpg
                    cardLChart.jpg

                    Ruft man aber zuerst die CardPower Seite auf und wechselt dann über den rechten Navigationspfeil nach rechts, sieht das Diagramm (cardlchart) so aus :
                    Fehler.jpg

                    Eine Fehlermeldung oder Warnung erscheint im Log nicht.

                                    let NSPanel_EnergieMenu = <PageGrid>
                                    {
                                        'type': 'cardGrid',
                                        'heading': 'Energie',
                                        'useColor': true,
                                        'subPage': true,
                                        'parent': NSPanel_Menu,
                                        'home': undefined,
                                        'items': [
                                            <PageItem>{ navigate: true, id: 'NSPanel_Energie', icon: 'home-lightning-bolt-outline', offColor: Red, onColor: Red, name: 'Verbrauch'},
                                            <PageItem>{ navigate: true, id: 'NSPanel_PV_Diagramm', icon: 'solar-power-variant', offColor: Green, onColor: Green, name: 'PV-Diagramm'},
                                        ]
                                    };
                    
                                          let NSPanel_Energie = <PagePower>
                                           {
                                                'type': 'cardPower',
                                                'heading': 'Verbrauch',
                                                'useColor': true,
                                                'subPage': true,
                                                'parent': NSPanel_EnergieMenu,
                                                'next': 'NSPanel_PV_Diagramm',
                                                'items': [
                                                    <PageItem>{ id: "alias.0.cardPower" },
                                             ]
                                         };
                    
                    
                                            let NSPanel_PV_Diagramm = <PageChart>
                                            {
                                                'type': 'cardLChart',
                                                'heading': 'Photovoltaik',
                                                'useColor': true,
                                                'subPage': true,
                                                'parent': undefined,
                                                'prev' : 'NSPanel_Energie',
                                                'next' : undefined,
                                                'home' : 'NSPanel_EnergieMenu',
                                                'items': [<PageItem>{ 
                                                    id: "alias.0.PV_NSPanel_Diagramm",
                                                    yAxis: "Leistung",
                                                    yAxisTicks: [2000,4000,6000,8000,10000,12000,14000,16000],
                                                    onColor: Yellow
                                                    }]
                                            };
                    

                    Desweitern bin ich mit der Y Achse nicht so ganz zufrieden. Weil die Werte wohl nur 2 stellig angezeigt werden. Bei mir also 20,40,60,80,10,12.

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

                      @andy200877

                      Hallo,

                      Welche TFT Version hast du auf deinem Panel?

                      Für das Verhalten beim Wechsel und die Darstellung des Diagramm musst du bitte ein Issue auf GitHub aufmachen. Das liegt nicht am Script.
                      Es gibt da schon zwei oder drei Issues, schau mal nach dem Label „HMI“.

                      Edit: habe grade nochmal zurück geschaut. Mit der aktuellen TFT Version sollte der Bug mit dem Wechsel behoben sein. Wurde schon mal bearbeitet.

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

                        @tt-tom
                        @Andy200877

                        in der Tasmota Konsole:

                        FlashNextion http://nspanel.pky.eu/lovelace-ui/github/nspanel-v4.1.4.tft
                        

                        für die TFT Version 4.1.4 ausführen

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

                          @armilar
                          @TT-Tom

                          👍
                          Ich hatte TFT 4.0.5 installiert. Nach dem Update passt jetzt alles.
                          Vielen Dank !

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

                            @andy200877 sagte in SONOFF NSPanel mit Lovelace UI:

                            Desweitern bin ich mit der Y Achse nicht so ganz zufrieden. Weil die Werte wohl nur 2 stellig angezeigt werden. Bei mir also 20,40,60,80,10,12.

                            Dazu gibt es bereits eine Anfrage für die HMI (Nextion) im github.

                            1 Reply Last reply Reply Quote 1
                            • F
                              Flipps last edited by

                              Moin zusammen,
                              Ich hätte fragen bezüglich des NSPanels.
                              Ich habe es am laufen und auch schon diverse Funktionalitäten eingefügt. Z.B. Radiosender mit Hilfe von Alexa befehlen abspielen, und Hue Lampen über die Card Entitis einschalten/Farbe ändern funktioniert auch.

                              Meine Fragen:
                              Ich möchte gerne meine HueLampen über einen Button in einer Bestimmten Scene bzw. Einer Bestimmten Dimmstufe einschalten. Ich habe versucht die Scenen mittels alias zu schalten, aber aus irgendeinem Grund klappt das nicht. Muss ich das Licht mit Hilfe eines Blocklys schalten?

                              Ich habe den alexa Adapter installiert, und spiele Musik über einen Sonos Lautsprecher ab, wenn ich am NS Panel dann Auf die Media Card von Alexa gehe zeigt diese mir aber nur das an was auf der Alexa wiedergegeben wird welche ich für die Ansteuerung nutze. Kann ich dort einstellen das er mir das anzeigt was auf einem bestimmten Lautsprecher passiert?

                              Gibt es Probleme mit der Sonos Media Card? Die bekomme ich einfach nicht ans laufen.

                              So ich glaube das war es erstmal mit meiner Fragerei.

                              VG Philipp

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

                                @flipps sagte in SONOFF NSPanel mit Lovelace UI:

                                Meine Fragen:
                                Ich möchte gerne meine HueLampen über einen Button in einer Bestimmten Scene bzw. Einer Bestimmten Dimmstufe einschalten. Ich habe versucht die Scenen mittels alias zu schalten, aber aus irgendeinem Grund klappt das nicht.

                                wie hast du es denn versucht? Hast du das Beispiel noch?

                                Muss ich das Licht mit Hilfe eines Blocklys schalten?

                                In der Regel ist es ein Alias "Taste" (button) der mit einem Datenpunkt im 0_userdata verbunden ist. Wird der aktualisiert (Trigger mit JS oder Blockly) kann geschaltet werden. Ebenso funktioniert es mit einem Datenpunkt des Szenen-Adapters.

                                Ich habe den alexa Adapter installiert, und spiele Musik über einen Sonos Lautsprecher ab, wenn ich am NS Panel dann Auf die Media Card von Alexa gehe zeigt diese mir aber nur das an was auf der Alexa wiedergegeben wird welche ich für die Ansteuerung nutze. Kann ich dort einstellen das er mir das anzeigt was auf einem bestimmten Lautsprecher passiert?

                                Nein, es müsste je Raum eine cardMedia erstellt werden.

                                Gibt es Probleme mit der Sonos Media Card? Die bekomme ich einfach nicht ans laufen.

                                Wie hast du es denn versucht? Der Sonos ist eigentlich okay und funktioniert bei mir... jedoch ist er funktional sehr eingeschränkt, durch die fehlenden Funktionen im Sonos-Adapter. Prinzipiell funktioniert auch eine Sonos mit dem Alexa-Adapter besser (sofern sie Alexa unterstützt).

                                Wenn setObjects im JS-Adapter angehakt ist und die IP des Speakers korrekt angegeben ist, dann legt sich die cardMedia selbst an:

                                let Sonos = <PageMedia>
                                {
                                    'type': 'cardMedia',
                                    'heading': 'Sonos',
                                    'useColor': true,
                                    'items': [<PageItem>{   
                                                id: AliasPath + 'Media.PlayerSonos', 
                                                adapterPlayerInstance: 'sonos.0.',
                                                mediaDevice: '192_168_1_212',
                                                speakerList: ['Terrasse'],
                                                colorMediaIcon: colorSpotify,
                                                colorMediaArtist: Yellow,
                                                colorMediaTitle: Yellow,
                                                autoCreateALias : true
                                             }]
                                };
                                
                                Armilar F 2 Replies Last reply Reply Quote 0
                                • Armilar
                                  Armilar Most Active Forum Testing @Armilar last edited by Armilar

                                  @armilar

                                  0b7624b7-22a6-438d-9d41-b897b57f9808-image.png

                                  Das "popupLight" hat einen neuen Button bekommen. Damit lässt sich ein InSel (Input-Select) zur Auswahl von Schaltmöglichkeiten, Szenen oder Effekte öffnen

                                  e8eef61b-9fa6-4a5b-8306-832a84ec5f7f-image.png

                                  Die Funktionsweise ist Analog der bisherigen "InSel" Aufrufe.
                                  603b6c72-7a8d-4904-846d-9980acb1f713-image.png

                                  Beispiel für den Aufruf (hier im Test mit einer "Shelly Duo GU10") mittels modeList:

                                  <PageItem>{ id: 'alias.0.NSPanel_1.ShellyDuoTest', name: 'Shelly Duo GU10', minValueBrightness: 0, maxValueBrightness: 100, minValueColorTemp: 6465, maxValueColorTemp: 3000, interpolateColor: true, modeList: ['Color','White'], inSel_ChoiceState: true},
                                  

                                  @Kuckuckmann wird hierzu noch eine Anleitung schreiben...

                                  Des weiteren gibt es einen weiteren Parameter mit dem der Fokus innerhalb der InSel-Auswahl ausgeblendet inSel_ChoiceState: false wird.

                                  Beispiel Kurzbeschreibung für die InSel-Auswahl:

                                  • Der Alias der Lampe erhält einen zusätzlichen Parameter "VALUE"
                                  • Dieser zeigt auf einen numerischen Datenpunkt in 0_userdata (state, zahl)
                                  • Über ein Blockly kann dann die Lampe z.B. entsprechend von Farbe auf weiß umgeschaltet werden.

                                  Exemplarisches Blockly für die Shelly Duo:
                                  bed5399e-484b-469f-ad12-c542486536da-image.png

                                  Natürlich lassen sich auch Effekte, favorisierte Farben, Einstellungen oder Szenen hinterlegen.

                                  Es reicht den unteren Teil ab "Ab hier keine Konfiguration mehr" zu ersetzen...

                                  Falls noch nicht geschehen, in der Tasmota Konsole:

                                  FlashNextion http://nspanel.pky.eu/lovelace-ui/github/nspanel-v4.1.4.tft
                                  

                                  für die TFT Version 4.1.4 ausführen

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

                                    @armilar da war ja jemand wieder fleißig 👍 😊 danke

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

                                      @tt-tom

                                      ja, waren mit der 4.1.X ja auch schon überfällig 😊 . Dachte mir so bevor wir auf eine 4.2.X/52 gehen, könnte die Version mal raus 😉

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

                                        @armilar und ich dachte schon, es wäre Sommerpause:-))

                                        1 Reply Last reply Reply Quote 0
                                        • A
                                          Andy200877 last edited by Andy200877

                                          Wirklich ganz großen Respekt für Deine Leistung....

                                          Ich habe mein NSPanel jetzt seit ca. 1 Woche und konnte schon relativ viel umsetzen.
                                          Ok. das mit den Alias ist etwas gewöhnungsbedürftig aber ok...
                                          Leider ist es für jemanden der erst später dazu gekommen ist, relativ schwer sich die passenden Informationen zusammen zu suchen.

                                          Aktuell arbeite ich mit dem IOBroker Wiki
                                          https://github.com/joBr99/nspanel-lovelace-ui/wiki/
                                          und dem Thread hier.
                                          Leider ist das bei 3300 Beiträgen ziemlich unübersichtlich und umständlich.....

                                          Aktuell habe ich z.B. folgendes "Problem"...
                                          Ich habe eine Wärmepumpe am Pool und würde diese gerne mit einbinden.
                                          Sie kann eigentlich nur verschiedene 3 verschiedene Modis (-1:off;0:cool;1:heat;2:auto),
                                          Eingangstemperatur, Ausgangstemperatur und Solltemperatur.

                                          Ok. Die Ein.- und Ausgangstemperatur benötige ich auch nicht unbedingt auf dem Panel.

                                          Mir würde es ja schon reichen, wenn ich diese Ansicht hinbekommen würde :
                                          Screenshot 2023-08-14 184039.png
                                          Das Bild stammt von hier :
                                          https://docs.nspanel.pky.eu/card-climate/

                                          Leider schaffe ich das nicht, weil ich auch die Doku etwas verwirrend finde. Was benötige ich den jetzt für ein Alias ??
                                          Thermostat / Klimaanlage ?

                                          Ich denke das es hier bestimmt schonmal behandelt worden ist, aber ich finde leider hier nix passenden, ohne alle 3300 Beiträge zu überfliegen..

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

                                            @gargano

                                            Ja wäre auch Sommerpause. Aber wir hatten keinen Sommer 😉 - Dann muss es wohl weitergehen 😊 . Vielleicht scheint im Winter ja mal die Sonne - dann wird's verschoben...

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            702
                                            Online

                                            31.6k
                                            Users

                                            79.6k
                                            Topics

                                            1.3m
                                            Posts

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