Skip to content
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Hardware
  4. SONOFF NSPanel mit Lovelace UI

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.2k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    1.9k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.2k

SONOFF NSPanel mit Lovelace UI

Geplant Angeheftet Gesperrt Verschoben Hardware
lovelace uinspanelsonoff
7.8k Beiträge 272 Kommentatoren 6.7m Aufrufe 254 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • F Futty

    @gargano

    Öhm ja, Augenscheinlich war dies die Lösung.

    Nun wird kein Wechsel mehr durchgeführt, im Configbereich habe ich weiterhin eine leere "bottomScreensaverEntity" Definition.
    Config also unverändert, 5 TagesForeCast wird aber nun dauerhaft angezeigt:

    bottomScreensaverEntity :  
            [
     	        // Examples for Advanced-Screensaver: https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Config-Screensaver#entity-status-icons-ab-v400 
            ],
    
        indicatorScreensaverEntity:
            [
    		// Examples for Advanced-Screensaver: https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Config-Screensaver#entity-status-icons-ab-v400 
            ],
    

    Was mir jetzt noch aufgefallen ist, das BatteryIcon wird beim Wert 100 einfach ausgeblendet, bis 99 ändert es noch schön seine Farbe..., scheint auch noch ein Problem zu sein, vermutlich mit "<=", ">=" anstatt "<", ">". Aber dass muss ich nun erst einmal genauer untersuchen...

    // leftScreensaverEntity 1 (only Advanced Screensaver)
                {
                    ScreensaverEntity: 'fronius.0.powerflow.inverter1.SOC',
                    ScreensaverEntityFactor: 1,
                    ScreensaverEntityDecimalPlaces: 0,
                    ScreensaverEntityIconOn: 'battery',
                    ScreensaverEntityIconOff: null,
                    ScreensaverEntityText: 'SOC',
                    ScreensaverEntityUnitText: '%',
                    ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 100, 'val_best': 100}
                },
    

    Danke für den Tipp mit dem Adapterneustart, werde ich jetzt wohl öfter durchführen müssen.

    Ich teste jetzt mal noch ein wenig mit den Optionen Alternative & Advanced um die Zusammenhänge und den Bedarf im Configbereich weiter zu verstehen.

    Danke an alle beteiligten, echt ein cooles Ding und super Arbeit von euch!

    T Offline
    T Offline
    TT-Tom
    schrieb am zuletzt editiert von
    #3357

    @futty

    hi also bottomScreensaverEntity kann Standard gefüllt sein. da hat sich wirklich was im Hintergrund aufgehangen.

    ScreensaverEntity: 'fronius.0.powerflow.inverter1.SOC'

    ist der Datenpunkt vom Typ Zahl?

    ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 100, 'val_best': 100}

    hier kannst du val_best weglassen, wenn bei 100 Grün sein soll. Hier findest du noch mal eine Erklärung im Wiki

    hast du immer noch den Effekt, das bei nicht definierten indicatorScreensaverEntity, deine leftScreensaverEntity verschwinden?

    Gruß Tom
    https://github.com/tt-tom17
    Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

    NSPanel Script Wiki
    https://github.com/joBr99/nspanel-lovelace-ui/wiki

    NSPanel Adapter Wiki
    https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

    F 1 Antwort Letzte Antwort
    0
    • F Futty

      @gargano

      Öhm ja, Augenscheinlich war dies die Lösung.

      Nun wird kein Wechsel mehr durchgeführt, im Configbereich habe ich weiterhin eine leere "bottomScreensaverEntity" Definition.
      Config also unverändert, 5 TagesForeCast wird aber nun dauerhaft angezeigt:

      bottomScreensaverEntity :  
              [
       	        // Examples for Advanced-Screensaver: https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Config-Screensaver#entity-status-icons-ab-v400 
              ],
      
          indicatorScreensaverEntity:
              [
      		// Examples for Advanced-Screensaver: https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Config-Screensaver#entity-status-icons-ab-v400 
              ],
      

      Was mir jetzt noch aufgefallen ist, das BatteryIcon wird beim Wert 100 einfach ausgeblendet, bis 99 ändert es noch schön seine Farbe..., scheint auch noch ein Problem zu sein, vermutlich mit "<=", ">=" anstatt "<", ">". Aber dass muss ich nun erst einmal genauer untersuchen...

      // leftScreensaverEntity 1 (only Advanced Screensaver)
                  {
                      ScreensaverEntity: 'fronius.0.powerflow.inverter1.SOC',
                      ScreensaverEntityFactor: 1,
                      ScreensaverEntityDecimalPlaces: 0,
                      ScreensaverEntityIconOn: 'battery',
                      ScreensaverEntityIconOff: null,
                      ScreensaverEntityText: 'SOC',
                      ScreensaverEntityUnitText: '%',
                      ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 100, 'val_best': 100}
                  },
      

      Danke für den Tipp mit dem Adapterneustart, werde ich jetzt wohl öfter durchführen müssen.

      Ich teste jetzt mal noch ein wenig mit den Optionen Alternative & Advanced um die Zusammenhänge und den Bedarf im Configbereich weiter zu verstehen.

      Danke an alle beteiligten, echt ein cooles Ding und super Arbeit von euch!

      GarganoG Offline
      GarganoG Offline
      Gargano
      schrieb am zuletzt editiert von Gargano
      #3358

      @futty @TT-Tom :dachte ich mir. Die Erklärung ist : die Schedules laufen weiter, auch wenn man das Script stoppt oder neu startet. Da fehlt im Script die onStop Funktion, in der die Schedules explizit gestoppt werden. Habe ich mal (viel) weiter oben angemerkt. Wurde aber bisher nicht umgesetzt. Werde mal ein Issue machen.

      1 Antwort Letzte Antwort
      1
      • T TT-Tom

        @futty

        hi also bottomScreensaverEntity kann Standard gefüllt sein. da hat sich wirklich was im Hintergrund aufgehangen.

        ScreensaverEntity: 'fronius.0.powerflow.inverter1.SOC'

        ist der Datenpunkt vom Typ Zahl?

        ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 100, 'val_best': 100}

        hier kannst du val_best weglassen, wenn bei 100 Grün sein soll. Hier findest du noch mal eine Erklärung im Wiki

        hast du immer noch den Effekt, das bei nicht definierten indicatorScreensaverEntity, deine leftScreensaverEntity verschwinden?

        F Offline
        F Offline
        Futty
        schrieb am zuletzt editiert von Futty
        #3359

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

        @futty

        hi also bottomScreensaverEntity kann Standard gefüllt sein. da hat sich wirklich was im Hintergrund aufgehangen.

        ScreensaverEntity: 'fronius.0.powerflow.inverter1.SOC'

        ist der Datenpunkt vom Typ Zahl?

        Type: Mixed, Inhalt ist aber ohne % Zeichen etc. immer nur eine Zahl von 0-100.
        Zwar mit einer Dezimalstelle, aber das hat die Anzeige nicht beeinflusst, 99,1 wurden einfach wie auch gewünscht als 99% angezeigt, nur bei 100 macht es nun Probleme, da verschwindet das komplette Symbol, der Wert 100 + die parametrierte Unit % wird aber angezeigt. Habe es auch mit Typ Number getestet, keine Veränderung.
        Ich hab nun val_max auf 101 gestellt, läuft jetzt wie gewünscht. Icon bleibt beim Wert 100 angezeigt.

        ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 100, 'val_best': 100}

        hier kannst du val_best weglassen, wenn bei 100 Grün sein soll. Hier findest du noch mal eine Erklärung im Wiki

        Nach dem entfernen des Parameters "val_best: 100", wird das Icon der Batterie zwar bei 100% nun angezeigt, allerdings jetzt in rot (auch ohne die Änderung val_max auf 101).
        Vorher ging der Farbverlauf von vermutlich 0-99 zumindest von rot nach grün.
        Wunsch wäre wie von dir geschrieben 100 = grün, 0 = rot und dazwischen halt der Farbverlauf.
        Ich hab nun mit val_max: 101 und val_best: 100 das gewünschte Ergebnis erreicht.

        hast du immer noch den Effekt, das bei nicht definierten indicatorScreensaverEntity, deine leftScreensaverEntity verschwinden?

        Nein, das hing anscheinend mit dem Umschalten auf die Normale bottomScreensaverEntity Anzeige (Wind, Böen, Windrichtung ...) zusammen, ohne das Umschalten wird auch dauerhaft der Bereich leftScreensaverEntity angezeigt.

        bottomScreensaverEntity im Configbereich hat übrigens nach den erstens weiteren Tests nur Einfluss in der Betriebsart "Alternative Layout", beim Abwahl beider Layouts (Normalbetrieb) und auch beim "Advanced Layout" kommt die Anzeige nicht aus dem Configbereich sondern wohl vom Script selbst.

        T 1 Antwort Letzte Antwort
        0
        • F Futty

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

          @futty

          hi also bottomScreensaverEntity kann Standard gefüllt sein. da hat sich wirklich was im Hintergrund aufgehangen.

          ScreensaverEntity: 'fronius.0.powerflow.inverter1.SOC'

          ist der Datenpunkt vom Typ Zahl?

          Type: Mixed, Inhalt ist aber ohne % Zeichen etc. immer nur eine Zahl von 0-100.
          Zwar mit einer Dezimalstelle, aber das hat die Anzeige nicht beeinflusst, 99,1 wurden einfach wie auch gewünscht als 99% angezeigt, nur bei 100 macht es nun Probleme, da verschwindet das komplette Symbol, der Wert 100 + die parametrierte Unit % wird aber angezeigt. Habe es auch mit Typ Number getestet, keine Veränderung.
          Ich hab nun val_max auf 101 gestellt, läuft jetzt wie gewünscht. Icon bleibt beim Wert 100 angezeigt.

          ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 100, 'val_best': 100}

          hier kannst du val_best weglassen, wenn bei 100 Grün sein soll. Hier findest du noch mal eine Erklärung im Wiki

          Nach dem entfernen des Parameters "val_best: 100", wird das Icon der Batterie zwar bei 100% nun angezeigt, allerdings jetzt in rot (auch ohne die Änderung val_max auf 101).
          Vorher ging der Farbverlauf von vermutlich 0-99 zumindest von rot nach grün.
          Wunsch wäre wie von dir geschrieben 100 = grün, 0 = rot und dazwischen halt der Farbverlauf.
          Ich hab nun mit val_max: 101 und val_best: 100 das gewünschte Ergebnis erreicht.

          hast du immer noch den Effekt, das bei nicht definierten indicatorScreensaverEntity, deine leftScreensaverEntity verschwinden?

          Nein, das hing anscheinend mit dem Umschalten auf die Normale bottomScreensaverEntity Anzeige (Wind, Böen, Windrichtung ...) zusammen, ohne das Umschalten wird auch dauerhaft der Bereich leftScreensaverEntity angezeigt.

          bottomScreensaverEntity im Configbereich hat übrigens nach den erstens weiteren Tests nur Einfluss in der Betriebsart "Alternative Layout", beim Abwahl beider Layouts (Normalbetrieb) und auch beim "Advanced Layout" kommt die Anzeige nicht aus dem Configbereich sondern wohl vom Script selbst.

          T Offline
          T Offline
          TT-Tom
          schrieb am zuletzt editiert von
          #3360

          @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.

          Gruß Tom
          https://github.com/tt-tom17
          Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

          NSPanel Script Wiki
          https://github.com/joBr99/nspanel-lovelace-ui/wiki

          NSPanel Adapter Wiki
          https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

          F 1 Antwort Letzte Antwort
          1
          • T TT-Tom

            @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 Offline
            F Offline
            Futty
            schrieb am zuletzt editiert von
            #3361

            @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 Antwort Letzte Antwort
            0
            • T Offline
              T Offline
              TT-Tom
              schrieb am zuletzt editiert von
              #3362

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

              Gruß Tom
              https://github.com/tt-tom17
              Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

              NSPanel Script Wiki
              https://github.com/joBr99/nspanel-lovelace-ui/wiki

              NSPanel Adapter Wiki
              https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

              F 1 Antwort Letzte Antwort
              0
              • T TT-Tom

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

                F Offline
                F Offline
                Futty
                schrieb am zuletzt editiert von
                #3363

                @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 Antwort Letzte Antwort
                0
                • F Futty

                  @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 Offline
                  T Offline
                  TT-Tom
                  schrieb am zuletzt editiert von
                  #3364

                  @Futty
                  ja

                  Gruß Tom
                  https://github.com/tt-tom17
                  Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                  NSPanel Script Wiki
                  https://github.com/joBr99/nspanel-lovelace-ui/wiki

                  NSPanel Adapter Wiki
                  https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                  ArmilarA 1 Antwort Letzte Antwort
                  0
                  • T TT-Tom

                    @Futty
                    ja

                    ArmilarA Offline
                    ArmilarA Offline
                    Armilar
                    Most Active Forum Testing
                    schrieb am zuletzt editiert von Armilar
                    #3365

                    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

                    Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                    https://github.com/joBr99/nspanel-lovelace-ui/wiki

                    Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                    ArmilarA 1 Antwort Letzte Antwort
                    3
                    • ArmilarA 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

                      ArmilarA Offline
                      ArmilarA Offline
                      Armilar
                      Most Active Forum Testing
                      schrieb am zuletzt editiert von
                      #3366

                      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...

                      Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                      https://github.com/joBr99/nspanel-lovelace-ui/wiki

                      Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                      A 1 Antwort Letzte Antwort
                      1
                      • ArmilarA Armilar

                        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 Offline
                        A Offline
                        Andy200877
                        schrieb am zuletzt editiert von Andy200877
                        #3367

                        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.

                        https://github.com/Andy200877/intex_poollampe

                        T ArmilarA 2 Antworten Letzte Antwort
                        0
                        • A 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 Offline
                          T Offline
                          TT-Tom
                          schrieb am zuletzt editiert von TT-Tom
                          #3368

                          @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.

                          Gruß Tom
                          https://github.com/tt-tom17
                          Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                          NSPanel Script Wiki
                          https://github.com/joBr99/nspanel-lovelace-ui/wiki

                          NSPanel Adapter Wiki
                          https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                          ArmilarA 1 Antwort Letzte Antwort
                          1
                          • T 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.

                            ArmilarA Offline
                            ArmilarA Offline
                            Armilar
                            Most Active Forum Testing
                            schrieb am zuletzt editiert von
                            #3369

                            @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

                            Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                            https://github.com/joBr99/nspanel-lovelace-ui/wiki

                            Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                            A 1 Antwort Letzte Antwort
                            0
                            • ArmilarA Armilar

                              @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 Offline
                              A Offline
                              Andy200877
                              schrieb am zuletzt editiert von
                              #3370

                              @armilar
                              @TT-Tom

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

                              https://github.com/Andy200877/intex_poollampe

                              1 Antwort Letzte Antwort
                              1
                              • A 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.

                                ArmilarA Offline
                                ArmilarA Offline
                                Armilar
                                Most Active Forum Testing
                                schrieb am zuletzt editiert von
                                #3371

                                @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.

                                Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                                https://github.com/joBr99/nspanel-lovelace-ui/wiki

                                Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                                1 Antwort Letzte Antwort
                                1
                                • F Offline
                                  F Offline
                                  Flipps
                                  schrieb am zuletzt editiert von
                                  #3372

                                  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

                                  ArmilarA 1 Antwort Letzte Antwort
                                  0
                                  • F Flipps

                                    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

                                    ArmilarA Offline
                                    ArmilarA Offline
                                    Armilar
                                    Most Active Forum Testing
                                    schrieb am zuletzt editiert von Armilar
                                    #3373

                                    @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
                                                 }]
                                    };
                                    

                                    Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                                    https://github.com/joBr99/nspanel-lovelace-ui/wiki

                                    Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                                    ArmilarA F 2 Antworten Letzte Antwort
                                    0
                                    • ArmilarA 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
                                                   }]
                                      };
                                      
                                      ArmilarA Offline
                                      ArmilarA Offline
                                      Armilar
                                      Most Active Forum Testing
                                      schrieb am zuletzt editiert von Armilar
                                      #3374

                                      @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

                                      Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                                      https://github.com/joBr99/nspanel-lovelace-ui/wiki

                                      Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                                      T 1 Antwort Letzte Antwort
                                      2
                                      • ArmilarA 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 Offline
                                        T Offline
                                        TT-Tom
                                        schrieb am zuletzt editiert von
                                        #3375

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

                                        Gruß Tom
                                        https://github.com/tt-tom17
                                        Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                                        NSPanel Script Wiki
                                        https://github.com/joBr99/nspanel-lovelace-ui/wiki

                                        NSPanel Adapter Wiki
                                        https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                                        ArmilarA 1 Antwort Letzte Antwort
                                        1
                                        • T TT-Tom

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

                                          ArmilarA Offline
                                          ArmilarA Offline
                                          Armilar
                                          Most Active Forum Testing
                                          schrieb am zuletzt editiert von
                                          #3376

                                          @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 😉

                                          Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                                          https://github.com/joBr99/nspanel-lovelace-ui/wiki

                                          Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                                          GarganoG 1 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          751

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe