Skip to content
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Tester
  4. Betatest NSPanel-lovelace-ui v0.7.x

NEWS

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

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

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

Betatest NSPanel-lovelace-ui v0.7.x

Scheduled Pinned Locked Moved Tester
699 Posts 26 Posters 122.4k Views 29 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • T ticaki

    @ilovegym
    Da muß ich doch mal frech sagen - und wieso kopierst du die nicht in die Wiki? 😛 Bis alles im Admin ist wirds wohl 6-12 Monate dauern und das Skript ist kein Backup oder Devtool, sondern die einzige Art die uns möglich war, den Adapter ans laufen zu bekommen und das jemand die Konfiguration versteht.

    Irgendwann wird das alles über den Admin gehen, bis dahin wird es immer manches geht da, manches geht dort, geben.

    EDIT: Damit man mein "frech" sein richtig versteht, wenn tom das in die wiki kopieren sind das wieder X Minuten, die er eben nur das macht.

    ilovegymI Offline
    ilovegymI Offline
    ilovegym
    wrote on last edited by
    #574

    @ticaki

    Du meinst die comments und Wetter screensaver Templates ins Wiki codieren ?
    Die zwei drei Menüs die ich habe sind ja aus dem Wiki.,

    Ich meine nur, was im Wiki steht brauch man nicht im Script..oder?

    1 Reply Last reply
    0
    • T ticaki

      @ilovegym
      Da muß ich doch mal frech sagen - und wieso kopierst du die nicht in die Wiki? 😛 Bis alles im Admin ist wirds wohl 6-12 Monate dauern und das Skript ist kein Backup oder Devtool, sondern die einzige Art die uns möglich war, den Adapter ans laufen zu bekommen und das jemand die Konfiguration versteht.

      Irgendwann wird das alles über den Admin gehen, bis dahin wird es immer manches geht da, manches geht dort, geben.

      EDIT: Damit man mein "frech" sein richtig versteht, wenn tom das in die wiki kopieren sind das wieder X Minuten, die er eben nur das macht.

      M Offline
      M Offline
      muuulle
      wrote on last edited by
      #575

      @ticaki
      Moin in die Runde,

      ich habe drei Fragen zu den Screensavern - sollten diese bereits im Wiki dokumentiert sein, habe ich hier offensichtlich Tomaten auf den Augen gehabt 😊

      1. Frage
        Wenn die Farbe eines Icons durch einen Datenpunkt vorgegeben sein soll. In welchem Format muss diese dort hinterlegt sein.
        In der Doku steht:
       // Müllabfuhr mit Datumsformat
          {
              type: 'script',
              ScreensaverEntity: 'alias.0.Abfall.naechster_Termin',
              ScreensaverEntityDateFormat: {year: 'numeric', month: '2-digit', day: '2-digit'},
              ScreensaverEntityIconOn: 'trash-can',
              ScreensaverEntityText: 'Müll',
              ScreensaverEntityIconColor: 'alias.0.Abfall.farbe'
          }
      
      1. Frage
        Kann ein bottomScreensaverEntity bspw. das erste Element verschiedene Informationen abwechselnd darstellen? Könnte ich das ggf. über ein Blockly nachschieben? Dafür müsste das Icon ebenfalls variabel sein können. Ist das möglich?

      2. Frage
        Wenn ich die Hardware Tasten verwenden möchte, muss ich die Rule2 verwenden. Wo ist das? 😬 Das gehört zu Tasmota, oder?

      …vielen Dank 😀

      T 1 Reply Last reply
      0
      • M muuulle

        @ticaki
        Moin in die Runde,

        ich habe drei Fragen zu den Screensavern - sollten diese bereits im Wiki dokumentiert sein, habe ich hier offensichtlich Tomaten auf den Augen gehabt 😊

        1. Frage
          Wenn die Farbe eines Icons durch einen Datenpunkt vorgegeben sein soll. In welchem Format muss diese dort hinterlegt sein.
          In der Doku steht:
         // Müllabfuhr mit Datumsformat
            {
                type: 'script',
                ScreensaverEntity: 'alias.0.Abfall.naechster_Termin',
                ScreensaverEntityDateFormat: {year: 'numeric', month: '2-digit', day: '2-digit'},
                ScreensaverEntityIconOn: 'trash-can',
                ScreensaverEntityText: 'Müll',
                ScreensaverEntityIconColor: 'alias.0.Abfall.farbe'
            }
        
        1. Frage
          Kann ein bottomScreensaverEntity bspw. das erste Element verschiedene Informationen abwechselnd darstellen? Könnte ich das ggf. über ein Blockly nachschieben? Dafür müsste das Icon ebenfalls variabel sein können. Ist das möglich?

        2. Frage
          Wenn ich die Hardware Tasten verwenden möchte, muss ich die Rule2 verwenden. Wo ist das? 😬 Das gehört zu Tasmota, oder?

        …vielen Dank 😀

        T Do not disturb
        T Do not disturb
        ticaki
        wrote on last edited by ticaki
        #576

        @muuulle
        Ich werde hier editieren und die anderen Antworten hinzufügen - vorab steht das mit der rule in der doku? wenn ja wo?

        Das umschalten der Tasten geht über Datenpunkte unter cmd - relais lösen 1 bzw. 2.

        zur Frage 1:
        Mehrere Formate sind möglich – je nach common.type des Datenpunkts:

        Wenn common.type: "string":

        • JSON-Objekt: { r:123, g:123, b:123 }
        • Hex-Wert: #A332D1
        • Mit role: level.color.name oder level.color.rgb ein gültiger CSS-Farbname (z. B. "red", "skyblue")

        Wenn common.type: "number":

        • Die Deczahl aus dem Skript im Bereich 0 – 65535 (0 bis 2^16 − 1) über diesen Wert wissen @TT-Tom und @Armilar aber mehr

        Frage 2:

        Beantworte ich mal mit einem Beispiel aus meinem meiner Nspanelskripte:

        Ignoriere die templates

        // 3) Windrichtungspfeil (nur sichtbar ab Windgeschwindigkeit >= 6)
                    {
                        type: 'template',
                        template: 'text.sainlogic.windarrow',
                        dpInit: 'sainlogic.0',
                        modeScr: 'bottom',
                        readOptions: { directionOfPanel: 81 },
                        enabled: 'sainlogic.0.weather.current.windspeed',
                        visibleCondition: 'parseFloat(val) >= 6',
                    },
        
                    // 4) Leichter Regen (0.2–5 mm)
                    {
                        type: 'script',
                        ScreensaverEntity: 'sainlogic.0.weather.current.rain',
                        ScreensaverEntityFactor: 1,
                        ScreensaverEntityDecimalPlaces: 1,
                        ScreensaverEntityIconOn: 'weather-rainy',
                        ScreensaverEntityIconOff: null,
                        ScreensaverEntityText: 'Regen',
                        ScreensaverEntityUnitText: 'mm',
                        ScreensaverEntityVisibleCondition: 'parseFloat(val) > 0.2 && parseFloat(val) < 5',
                        ScreensaverEntityIconColor: { val_min: 6, val_max: 0, mode: 'triGrad' },
                    },
        
                    // 5) Starker Regen (>= 5 mm)
                    {
                        type: 'script',
                        ScreensaverEntity: 'sainlogic.0.weather.current.rain',
                        ScreensaverEntityFactor: 1,
                        ScreensaverEntityDecimalPlaces: 0,
                        ScreensaverEntityIconOn: 'weather-pouring',
                        ScreensaverEntityIconOff: null,
                        ScreensaverEntityText: 'Regen',
                        ScreensaverEntityUnitText: 'mm',
                        ScreensaverEntityVisibleCondition: 'parseFloat(val) >= 5',
                        ScreensaverEntityIconColor: { val_min: 0, val_max: 20, mode: 'triGrad' },
                    },
        
                    // 6) UV-Index (sichtbar ab Wert > 2, Farbverlauf 0–8)
                    {
                        type: 'script',
                        ScreensaverEntity: 'sainlogic.0.weather.current.uvi',
                        ScreensaverEntityFactor: 1,
                        ScreensaverEntityDecimalPlaces: 0,
                        ScreensaverEntityIconOn: 'shield-sun-outline',
                        ScreensaverEntityIconOff: null,
                        ScreensaverEntityText: 'sun',
                        ScreensaverEntityUnitText: 'uv',
                        ScreensaverEntityVisibleCondition: 'parseFloat(val) > Number(2)',
                        ScreensaverEntityIconColor: { val_min: 0, val_max: 8, mode: 'triGrad' },
                    },
        
                    // 7) Windrichtungspfeil (immer aktiv, wenn ungleich 0)
                    {
                        type: 'template',
                        template: 'text.sainlogic.windarrow',
                        dpInit: 'sainlogic.0',
                        modeScr: 'bottom',
                        readOptions: { directionOfPanel: 81 },
                        enabled: 'sainlogic.0.weather.current.windspeed',
                        visibleCondition: `parseFloat(val) >= 3`
                    },
        
                    // 8) Luftfeuchtigkeit (Außen, Farbverlauf 10–90, Idealwert 50)
                    // wenns alles andere nichts war - dann halt Luftfeuchtigkeit als Füllung
                    {
                        type: 'script',
                        ScreensaverEntity: 'sainlogic.0.weather.current.outdoorhumidity',
                        ScreensaverEntityFactor: 1,
                        ScreensaverEntityDecimalPlaces: 0,
                        ScreensaverEntityIconOn: 'water-percent',
                        ScreensaverEntityIconOff: null,
                        ScreensaverEntityText: 'Feuchte',
                        ScreensaverEntityUnitText: '%',
                        ScreensaverEntityIconColor: { val_min: 10, val_max: 90, val_best: 50, mode: 'triGrad' },
                    },
        

        ScreensaverEntityVisibleCondition wird benutzt um das enabled zu bestimmen, wenn ein einfaches true nicht reicht. Wenn nichts weiter angegeben gegen ScreensaverEntity.

        Wenn ScreensaverEntityEnabled angegeben ist bezieht sich die Prüfung darauf. Also sowas wie "val === 1", "val === 2" und einen datenpunkt wo du durch die zahlen schaltest, reicht schon.

        Wow das hab ich aber mal schlecht erklärt:

        ScreensaverEntityEnabled: '0_userdata.0.rotation';
        ScreensaverEntityVisibleCondition: 'val===0';
        

        Wenn jetzt in 0_userdata.0.rotation eine zahl 0 steht, wird das element angezeigt, ansonsten nicht. Das kannst du dann hochzählen und von einem externen Skript rotieren lassen.

        Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

        Spenden

        M 2 Replies Last reply
        1
        • T ticaki

          @muuulle
          Ich werde hier editieren und die anderen Antworten hinzufügen - vorab steht das mit der rule in der doku? wenn ja wo?

          Das umschalten der Tasten geht über Datenpunkte unter cmd - relais lösen 1 bzw. 2.

          zur Frage 1:
          Mehrere Formate sind möglich – je nach common.type des Datenpunkts:

          Wenn common.type: "string":

          • JSON-Objekt: { r:123, g:123, b:123 }
          • Hex-Wert: #A332D1
          • Mit role: level.color.name oder level.color.rgb ein gültiger CSS-Farbname (z. B. "red", "skyblue")

          Wenn common.type: "number":

          • Die Deczahl aus dem Skript im Bereich 0 – 65535 (0 bis 2^16 − 1) über diesen Wert wissen @TT-Tom und @Armilar aber mehr

          Frage 2:

          Beantworte ich mal mit einem Beispiel aus meinem meiner Nspanelskripte:

          Ignoriere die templates

          // 3) Windrichtungspfeil (nur sichtbar ab Windgeschwindigkeit >= 6)
                      {
                          type: 'template',
                          template: 'text.sainlogic.windarrow',
                          dpInit: 'sainlogic.0',
                          modeScr: 'bottom',
                          readOptions: { directionOfPanel: 81 },
                          enabled: 'sainlogic.0.weather.current.windspeed',
                          visibleCondition: 'parseFloat(val) >= 6',
                      },
          
                      // 4) Leichter Regen (0.2–5 mm)
                      {
                          type: 'script',
                          ScreensaverEntity: 'sainlogic.0.weather.current.rain',
                          ScreensaverEntityFactor: 1,
                          ScreensaverEntityDecimalPlaces: 1,
                          ScreensaverEntityIconOn: 'weather-rainy',
                          ScreensaverEntityIconOff: null,
                          ScreensaverEntityText: 'Regen',
                          ScreensaverEntityUnitText: 'mm',
                          ScreensaverEntityVisibleCondition: 'parseFloat(val) > 0.2 && parseFloat(val) < 5',
                          ScreensaverEntityIconColor: { val_min: 6, val_max: 0, mode: 'triGrad' },
                      },
          
                      // 5) Starker Regen (>= 5 mm)
                      {
                          type: 'script',
                          ScreensaverEntity: 'sainlogic.0.weather.current.rain',
                          ScreensaverEntityFactor: 1,
                          ScreensaverEntityDecimalPlaces: 0,
                          ScreensaverEntityIconOn: 'weather-pouring',
                          ScreensaverEntityIconOff: null,
                          ScreensaverEntityText: 'Regen',
                          ScreensaverEntityUnitText: 'mm',
                          ScreensaverEntityVisibleCondition: 'parseFloat(val) >= 5',
                          ScreensaverEntityIconColor: { val_min: 0, val_max: 20, mode: 'triGrad' },
                      },
          
                      // 6) UV-Index (sichtbar ab Wert > 2, Farbverlauf 0–8)
                      {
                          type: 'script',
                          ScreensaverEntity: 'sainlogic.0.weather.current.uvi',
                          ScreensaverEntityFactor: 1,
                          ScreensaverEntityDecimalPlaces: 0,
                          ScreensaverEntityIconOn: 'shield-sun-outline',
                          ScreensaverEntityIconOff: null,
                          ScreensaverEntityText: 'sun',
                          ScreensaverEntityUnitText: 'uv',
                          ScreensaverEntityVisibleCondition: 'parseFloat(val) > Number(2)',
                          ScreensaverEntityIconColor: { val_min: 0, val_max: 8, mode: 'triGrad' },
                      },
          
                      // 7) Windrichtungspfeil (immer aktiv, wenn ungleich 0)
                      {
                          type: 'template',
                          template: 'text.sainlogic.windarrow',
                          dpInit: 'sainlogic.0',
                          modeScr: 'bottom',
                          readOptions: { directionOfPanel: 81 },
                          enabled: 'sainlogic.0.weather.current.windspeed',
                          visibleCondition: `parseFloat(val) >= 3`
                      },
          
                      // 8) Luftfeuchtigkeit (Außen, Farbverlauf 10–90, Idealwert 50)
                      // wenns alles andere nichts war - dann halt Luftfeuchtigkeit als Füllung
                      {
                          type: 'script',
                          ScreensaverEntity: 'sainlogic.0.weather.current.outdoorhumidity',
                          ScreensaverEntityFactor: 1,
                          ScreensaverEntityDecimalPlaces: 0,
                          ScreensaverEntityIconOn: 'water-percent',
                          ScreensaverEntityIconOff: null,
                          ScreensaverEntityText: 'Feuchte',
                          ScreensaverEntityUnitText: '%',
                          ScreensaverEntityIconColor: { val_min: 10, val_max: 90, val_best: 50, mode: 'triGrad' },
                      },
          

          ScreensaverEntityVisibleCondition wird benutzt um das enabled zu bestimmen, wenn ein einfaches true nicht reicht. Wenn nichts weiter angegeben gegen ScreensaverEntity.

          Wenn ScreensaverEntityEnabled angegeben ist bezieht sich die Prüfung darauf. Also sowas wie "val === 1", "val === 2" und einen datenpunkt wo du durch die zahlen schaltest, reicht schon.

          Wow das hab ich aber mal schlecht erklärt:

          ScreensaverEntityEnabled: '0_userdata.0.rotation';
          ScreensaverEntityVisibleCondition: 'val===0';
          

          Wenn jetzt in 0_userdata.0.rotation eine zahl 0 steht, wird das element angezeigt, ansonsten nicht. Das kannst du dann hochzählen und von einem externen Skript rotieren lassen.

          M Offline
          M Offline
          muuulle
          wrote on last edited by
          #577

          @ticaki said in Betatest NSPanel-lovelace-ui v0.6.x:

          steht das mit der rule in der doku? wenn ja wo?

          Das steht im Skript. Unterhalb des buttonLeft.

          T 1 Reply Last reply
          0
          • teletapiT teletapi

            @armilar
            Jo der standart sreensaver geht wieder, andere hab ich nicht mehr getetet gerade

            ArmilarA Offline
            ArmilarA Offline
            Armilar
            Most Active Forum Testing
            wrote on last edited by
            #578

            @teletapi

            TFT us-l v5.0.2 ist ebenfalls Online

            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 Reply Last reply
            0
            • M muuulle

              @ticaki said in Betatest NSPanel-lovelace-ui v0.6.x:

              steht das mit der rule in der doku? wenn ja wo?

              Das steht im Skript. Unterhalb des buttonLeft.

              T Do not disturb
              T Do not disturb
              ticaki
              wrote on last edited by
              #579

              @muuulle
              Danke werde ich raus machen.

              Ich glaube mit der Rolle level.blabla kann man da alles rein schreiben das irgendwie nach farbe aussieht - also auch hsl(0,50%,60%) oder so - aber nicht getestet.

              Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

              Spenden

              M 1 Reply Last reply
              0
              • T ticaki

                @muuulle
                Danke werde ich raus machen.

                Ich glaube mit der Rolle level.blabla kann man da alles rein schreiben das irgendwie nach farbe aussieht - also auch hsl(0,50%,60%) oder so - aber nicht getestet.

                M Offline
                M Offline
                muuulle
                wrote on last edited by
                #580

                @ticaki
                Meine Frage resultiert daraus, dass die Tasten keinen Datenpunkt schalten. Ich dachte, dass es vielleicht mit der Rule2 zu tun hat. Dann werde ich wohl weitersuchen… 😉

                T 2 Replies Last reply
                0
                • M muuulle

                  @ticaki
                  Meine Frage resultiert daraus, dass die Tasten keinen Datenpunkt schalten. Ich dachte, dass es vielleicht mit der Rule2 zu tun hat. Dann werde ich wohl weitersuchen… 😉

                  T Do not disturb
                  T Do not disturb
                  ticaki
                  wrote on last edited by ticaki
                  #581

                  @muuulle
                  Hm steht das nicht in der Doku - egal steht ja in meinem Kopf 🙂

                  Das sind Taster und Taster schalten nicht.

                  Hier schaltet man das um:
                  Bildschirmfoto 2025-10-18 um 22.48.44.png

                  Und diese Datenpunkte werden mit true aktualisiert, wenn du auf die Taste drückst - umschalten hab ich da erstmal nicht eingebaut - weil Taster keine Schalter sind ups
                  Bildschirmfoto 2025-10-18 um 22.48.30.png

                  Im Blockly mit
                  Bildschirmfoto 2025-10-18 um 22.51.50.png
                  und im javascript mit

                  on({id:'bla', change: 'any', ack: true}, ...
                  

                  EDIT:
                  Nach weiteren Nachforschungen im Code - da wird ja seit über 2Jahren dran gearbeitet habe ich folgende gefunden:

                          buttonLeft: {         
                              mode: 'page',   
                              page: 'main',
                          },
                  
                             /**
                               * Mode for navigating to a page.
                               */
                              mode: 'page';
                              /**
                               * The page to navigate to.
                               */
                              page?: string;
                          }
                          | {
                              /**
                               * Mode for toggling a datapoint.
                               */
                              mode: 'switch';
                              /**
                               * The state of the datapoint to toggle.
                               */
                              state: string;
                          }
                          | {
                              /**
                               * Mode for triggering a button datapoint.
                               */
                              mode: 'button';
                              /**
                               * The state of the button datapoint to trigger.
                               */
                              state: string;
                  

                  switch ist ein umschalter
                  button ist ein true-schalter (also schreibt auf den Datenpunkt ein true)

                  mit

                          buttonLeft: {         
                              mode: 'switch',   
                              state: 'mein.datenpunkt',
                          },
                  
                  

                  schaltet man bei Tastendruck den Datenpunkt von true auf false bzw. false auf true.

                  Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

                  Spenden

                  1 Reply Last reply
                  0
                  • M muuulle

                    @ticaki
                    Meine Frage resultiert daraus, dass die Tasten keinen Datenpunkt schalten. Ich dachte, dass es vielleicht mit der Rule2 zu tun hat. Dann werde ich wohl weitersuchen… 😉

                    T Do not disturb
                    T Do not disturb
                    ticaki
                    wrote on last edited by
                    #582

                    @muuulle
                    MOMENTchen ich hab da was gefunden im Code - editiere wohl gleich oben um meine aussage zu den schaltern zu widerrufen - aber erstmal wühlen 🙂

                    Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

                    Spenden

                    1 Reply Last reply
                    0
                    • ArmilarA Armilar

                      @teletapi

                      TFT us-l v5.0.2 ist ebenfalls Online

                      ArmilarA Offline
                      ArmilarA Offline
                      Armilar
                      Most Active Forum Testing
                      wrote on last edited by
                      #583

                      Gibt es aktuell eigentlich einen User mit der US-P Version, der gerne den Adapter nutzen möchte?

                      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.

                      teletapiT bembelstemmerB 2 Replies Last reply
                      0
                      • ArmilarA Armilar

                        Gibt es aktuell eigentlich einen User mit der US-P Version, der gerne den Adapter nutzen möchte?

                        teletapiT Online
                        teletapiT Online
                        teletapi
                        wrote on last edited by
                        #584

                        @armilar Ich hatte das mit dem US Panel glaub nur mit dem Landscape benutzt. Das funktionierte ja mit dem flashen des TFT nie. daher hab ich das US panel auf script umgeschrieben und seidem funktioniert alles

                        1 Reply Last reply
                        1
                        • T ticaki

                          @muuulle
                          Ich werde hier editieren und die anderen Antworten hinzufügen - vorab steht das mit der rule in der doku? wenn ja wo?

                          Das umschalten der Tasten geht über Datenpunkte unter cmd - relais lösen 1 bzw. 2.

                          zur Frage 1:
                          Mehrere Formate sind möglich – je nach common.type des Datenpunkts:

                          Wenn common.type: "string":

                          • JSON-Objekt: { r:123, g:123, b:123 }
                          • Hex-Wert: #A332D1
                          • Mit role: level.color.name oder level.color.rgb ein gültiger CSS-Farbname (z. B. "red", "skyblue")

                          Wenn common.type: "number":

                          • Die Deczahl aus dem Skript im Bereich 0 – 65535 (0 bis 2^16 − 1) über diesen Wert wissen @TT-Tom und @Armilar aber mehr

                          Frage 2:

                          Beantworte ich mal mit einem Beispiel aus meinem meiner Nspanelskripte:

                          Ignoriere die templates

                          // 3) Windrichtungspfeil (nur sichtbar ab Windgeschwindigkeit >= 6)
                                      {
                                          type: 'template',
                                          template: 'text.sainlogic.windarrow',
                                          dpInit: 'sainlogic.0',
                                          modeScr: 'bottom',
                                          readOptions: { directionOfPanel: 81 },
                                          enabled: 'sainlogic.0.weather.current.windspeed',
                                          visibleCondition: 'parseFloat(val) >= 6',
                                      },
                          
                                      // 4) Leichter Regen (0.2–5 mm)
                                      {
                                          type: 'script',
                                          ScreensaverEntity: 'sainlogic.0.weather.current.rain',
                                          ScreensaverEntityFactor: 1,
                                          ScreensaverEntityDecimalPlaces: 1,
                                          ScreensaverEntityIconOn: 'weather-rainy',
                                          ScreensaverEntityIconOff: null,
                                          ScreensaverEntityText: 'Regen',
                                          ScreensaverEntityUnitText: 'mm',
                                          ScreensaverEntityVisibleCondition: 'parseFloat(val) > 0.2 && parseFloat(val) < 5',
                                          ScreensaverEntityIconColor: { val_min: 6, val_max: 0, mode: 'triGrad' },
                                      },
                          
                                      // 5) Starker Regen (>= 5 mm)
                                      {
                                          type: 'script',
                                          ScreensaverEntity: 'sainlogic.0.weather.current.rain',
                                          ScreensaverEntityFactor: 1,
                                          ScreensaverEntityDecimalPlaces: 0,
                                          ScreensaverEntityIconOn: 'weather-pouring',
                                          ScreensaverEntityIconOff: null,
                                          ScreensaverEntityText: 'Regen',
                                          ScreensaverEntityUnitText: 'mm',
                                          ScreensaverEntityVisibleCondition: 'parseFloat(val) >= 5',
                                          ScreensaverEntityIconColor: { val_min: 0, val_max: 20, mode: 'triGrad' },
                                      },
                          
                                      // 6) UV-Index (sichtbar ab Wert > 2, Farbverlauf 0–8)
                                      {
                                          type: 'script',
                                          ScreensaverEntity: 'sainlogic.0.weather.current.uvi',
                                          ScreensaverEntityFactor: 1,
                                          ScreensaverEntityDecimalPlaces: 0,
                                          ScreensaverEntityIconOn: 'shield-sun-outline',
                                          ScreensaverEntityIconOff: null,
                                          ScreensaverEntityText: 'sun',
                                          ScreensaverEntityUnitText: 'uv',
                                          ScreensaverEntityVisibleCondition: 'parseFloat(val) > Number(2)',
                                          ScreensaverEntityIconColor: { val_min: 0, val_max: 8, mode: 'triGrad' },
                                      },
                          
                                      // 7) Windrichtungspfeil (immer aktiv, wenn ungleich 0)
                                      {
                                          type: 'template',
                                          template: 'text.sainlogic.windarrow',
                                          dpInit: 'sainlogic.0',
                                          modeScr: 'bottom',
                                          readOptions: { directionOfPanel: 81 },
                                          enabled: 'sainlogic.0.weather.current.windspeed',
                                          visibleCondition: `parseFloat(val) >= 3`
                                      },
                          
                                      // 8) Luftfeuchtigkeit (Außen, Farbverlauf 10–90, Idealwert 50)
                                      // wenns alles andere nichts war - dann halt Luftfeuchtigkeit als Füllung
                                      {
                                          type: 'script',
                                          ScreensaverEntity: 'sainlogic.0.weather.current.outdoorhumidity',
                                          ScreensaverEntityFactor: 1,
                                          ScreensaverEntityDecimalPlaces: 0,
                                          ScreensaverEntityIconOn: 'water-percent',
                                          ScreensaverEntityIconOff: null,
                                          ScreensaverEntityText: 'Feuchte',
                                          ScreensaverEntityUnitText: '%',
                                          ScreensaverEntityIconColor: { val_min: 10, val_max: 90, val_best: 50, mode: 'triGrad' },
                                      },
                          

                          ScreensaverEntityVisibleCondition wird benutzt um das enabled zu bestimmen, wenn ein einfaches true nicht reicht. Wenn nichts weiter angegeben gegen ScreensaverEntity.

                          Wenn ScreensaverEntityEnabled angegeben ist bezieht sich die Prüfung darauf. Also sowas wie "val === 1", "val === 2" und einen datenpunkt wo du durch die zahlen schaltest, reicht schon.

                          Wow das hab ich aber mal schlecht erklärt:

                          ScreensaverEntityEnabled: '0_userdata.0.rotation';
                          ScreensaverEntityVisibleCondition: 'val===0';
                          

                          Wenn jetzt in 0_userdata.0.rotation eine zahl 0 steht, wird das element angezeigt, ansonsten nicht. Das kannst du dann hochzählen und von einem externen Skript rotieren lassen.

                          M Offline
                          M Offline
                          muuulle
                          wrote on last edited by
                          #585

                          @ticaki said in [Betatest NSPanel-lovelace-ui v0.6.x]

                          zur Frage 1:
                          Mehrere Formate sind möglich – je nach common.type des Datenpunkts:

                          Wenn common.type: "string":

                          • JSON-Objekt: { r:123, g:123, b:123 }
                          • Hex-Wert: #A332D1

                          Alle Hinweise haben geholfen. Vielen Dank für den großartigen Support (und den tollen Adapter).
                          Einzig die Farbe wird nicht angenommen. Ich erhalte folgende Fehlermeldung:

                          ScreensaverEntityOnColor: '0_userdata.0.Abfuhrkalender.NSPanel.1.Farbe',
                          ^
                          ERROR: Type 'string' is not assignable to type 'RGB'.
                          

                          Hast du hier vielleicht noch einen Ansatz? Eingesetzt habe ich die von dir genannten Farben. Der Common.type ist String.

                          T 1 Reply Last reply
                          0
                          • M muuulle

                            @ticaki said in [Betatest NSPanel-lovelace-ui v0.6.x]

                            zur Frage 1:
                            Mehrere Formate sind möglich – je nach common.type des Datenpunkts:

                            Wenn common.type: "string":

                            • JSON-Objekt: { r:123, g:123, b:123 }
                            • Hex-Wert: #A332D1

                            Alle Hinweise haben geholfen. Vielen Dank für den großartigen Support (und den tollen Adapter).
                            Einzig die Farbe wird nicht angenommen. Ich erhalte folgende Fehlermeldung:

                            ScreensaverEntityOnColor: '0_userdata.0.Abfuhrkalender.NSPanel.1.Farbe',
                            ^
                            ERROR: Type 'string' is not assignable to type 'RGB'.
                            

                            Hast du hier vielleicht noch einen Ansatz? Eingesetzt habe ich die von dir genannten Farben. Der Common.type ist String.

                            T Do not disturb
                            T Do not disturb
                            ticaki
                            wrote on last edited by ticaki
                            #586

                            @muuulle
                            Zeig mit mal das datenpunkt object und genau was du rein geschrieben hast 🙂 Bei Änderungen an Datenpunkte, damit meine ich das object von datenpunkten, muss der adapter neugestartet werden. Der cacht den kram.

                            EDIT - upsi
                            Da ist ein Typefehler im Skript - behebe ich!

                            EDIT2:
                            Bis es soweit ist kannst du dir mit //@ts-ignore helfen - das solltest du aber beim nächsten Skriptupdate wieder entfernen, jedoch nur solltest - kein muss 🙂

                            Bespiel:

                                            //@ts-ignore
                                            ScreensaverEntityOnColor: '0_userdata.0.RGB'
                            

                            Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

                            Spenden

                            M 2 Replies Last reply
                            0
                            • T ticaki

                              @muuulle
                              Zeig mit mal das datenpunkt object und genau was du rein geschrieben hast 🙂 Bei Änderungen an Datenpunkte, damit meine ich das object von datenpunkten, muss der adapter neugestartet werden. Der cacht den kram.

                              EDIT - upsi
                              Da ist ein Typefehler im Skript - behebe ich!

                              EDIT2:
                              Bis es soweit ist kannst du dir mit //@ts-ignore helfen - das solltest du aber beim nächsten Skriptupdate wieder entfernen, jedoch nur solltest - kein muss 🙂

                              Bespiel:

                                              //@ts-ignore
                                              ScreensaverEntityOnColor: '0_userdata.0.RGB'
                              
                              M Offline
                              M Offline
                              muuulle
                              wrote on last edited by
                              #587

                              @ticaki
                              Perfekt. Damit kann ich mir helfen 👍

                              1 Reply Last reply
                              0
                              • T ticaki

                                @muuulle
                                Zeig mit mal das datenpunkt object und genau was du rein geschrieben hast 🙂 Bei Änderungen an Datenpunkte, damit meine ich das object von datenpunkten, muss der adapter neugestartet werden. Der cacht den kram.

                                EDIT - upsi
                                Da ist ein Typefehler im Skript - behebe ich!

                                EDIT2:
                                Bis es soweit ist kannst du dir mit //@ts-ignore helfen - das solltest du aber beim nächsten Skriptupdate wieder entfernen, jedoch nur solltest - kein muss 🙂

                                Bespiel:

                                                //@ts-ignore
                                                ScreensaverEntityOnColor: '0_userdata.0.RGB'
                                
                                M Offline
                                M Offline
                                muuulle
                                wrote on last edited by
                                #588

                                @ticaki
                                Moin,
                                bei den cardPower kann ich weder einen Faktor noch das Vorzeichen der Werte bestimmen. Lediglich den angefügten Text und die Anzahl der Nachkommastellen. Richtig, oder?

                                Bei dem Screensaver fand ich die Möglichkeiten beides zu beeinflussen großartig.

                                T T ArmilarA 3 Replies Last reply
                                0
                                • M muuulle

                                  @ticaki
                                  Moin,
                                  bei den cardPower kann ich weder einen Faktor noch das Vorzeichen der Werte bestimmen. Lediglich den angefügten Text und die Anzahl der Nachkommastellen. Richtig, oder?

                                  Bei dem Screensaver fand ich die Möglichkeiten beides zu beeinflussen großartig.

                                  T Do not disturb
                                  T Do not disturb
                                  ticaki
                                  wrote on last edited by
                                  #589

                                  @muuulle

                                  Das ist Baustelle von @TT-Tom

                                  Faktor finde ich jetzt verwirrend - du kannst einstellen was der Wert bedeutet außer er steht im common.unit und der Code skaliert dann von sich aus. Jedoch @TT-Tom weiß da mehr drüber.

                                  Weather-Warnings Espresense NSPanel-Lovelace-ui Tagesschau

                                  Spenden

                                  1 Reply Last reply
                                  0
                                  • M muuulle

                                    @ticaki
                                    Moin,
                                    bei den cardPower kann ich weder einen Faktor noch das Vorzeichen der Werte bestimmen. Lediglich den angefügten Text und die Anzahl der Nachkommastellen. Richtig, oder?

                                    Bei dem Screensaver fand ich die Möglichkeiten beides zu beeinflussen großartig.

                                    T Offline
                                    T Offline
                                    TT-Tom
                                    wrote on last edited by
                                    #590

                                    @muuulle

                                    um etwas dazu zu sagen bräuchte ich mehr Details, was für Werte und was du darstellen willst.

                                    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

                                    1 Reply Last reply
                                    2
                                    • M muuulle

                                      @ticaki
                                      Moin,
                                      bei den cardPower kann ich weder einen Faktor noch das Vorzeichen der Werte bestimmen. Lediglich den angefügten Text und die Anzahl der Nachkommastellen. Richtig, oder?

                                      Bei dem Screensaver fand ich die Möglichkeiten beides zu beeinflussen großartig.

                                      ArmilarA Offline
                                      ArmilarA Offline
                                      Armilar
                                      Most Active Forum Testing
                                      wrote on last edited by Armilar
                                      #591

                                      @muuulle sagte in Betatest NSPanel-lovelace-ui v0.6.x:

                                      bei den cardPower kann ich weder einen Faktor noch das Vorzeichen der Werte bestimmen. Lediglich den angefügten Text und die Anzahl der Nachkommastellen. Richtig, oder?

                                      nicht ganz

                                      47b7a8b2-e949-4c7c-b434-6b96ff7e4895-image.png

                                      • Bei der "Einheit" kannst du auswählen. Der Faktor wird dabei automatisch errechnet.
                                      • Bei "Flussrichtung umkehren" kannst du bestimmen, in welche Richtung die Leistung (positiv/negativ) fließen soll. Je nachdem, ob der Wert im DP positiv oder negativ wird, dreht sich auch die Richtung des blauen Punktes.

                                      Stellt sich ja die Frage, ob man wirklich ein Vorzeichen im Zusammenspiel mit der Richtung benötigt...

                                      Beispiel 1:
                                      Ich Lade meinen Akku, d.h. Ich schiebe eine positive Leistung in meinen Akku; Ich entlade meinen Akku und schiebe eine positive Leistung ins Haus

                                      Bei spiel 2:
                                      Ich beziehe Strom vom Netzanbieter und ziehe eine positive Leistung ins Haus; Ich Speise Überschuss ins Netz ein und schiebe somit eine positive Leistung ins Netz

                                      Benötigt man in der cardPower also wirklich negative Vorzeichen?

                                      36f1875d-1826-4626-9909-df395612ea25-Nextion_Editor_Z3nvGaVR2m.gif

                                      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.

                                      teletapiT M 2 Replies Last reply
                                      0
                                      • ArmilarA Armilar

                                        @muuulle sagte in Betatest NSPanel-lovelace-ui v0.6.x:

                                        bei den cardPower kann ich weder einen Faktor noch das Vorzeichen der Werte bestimmen. Lediglich den angefügten Text und die Anzahl der Nachkommastellen. Richtig, oder?

                                        nicht ganz

                                        47b7a8b2-e949-4c7c-b434-6b96ff7e4895-image.png

                                        • Bei der "Einheit" kannst du auswählen. Der Faktor wird dabei automatisch errechnet.
                                        • Bei "Flussrichtung umkehren" kannst du bestimmen, in welche Richtung die Leistung (positiv/negativ) fließen soll. Je nachdem, ob der Wert im DP positiv oder negativ wird, dreht sich auch die Richtung des blauen Punktes.

                                        Stellt sich ja die Frage, ob man wirklich ein Vorzeichen im Zusammenspiel mit der Richtung benötigt...

                                        Beispiel 1:
                                        Ich Lade meinen Akku, d.h. Ich schiebe eine positive Leistung in meinen Akku; Ich entlade meinen Akku und schiebe eine positive Leistung ins Haus

                                        Bei spiel 2:
                                        Ich beziehe Strom vom Netzanbieter und ziehe eine positive Leistung ins Haus; Ich Speise Überschuss ins Netz ein und schiebe somit eine positive Leistung ins Netz

                                        Benötigt man in der cardPower also wirklich negative Vorzeichen?

                                        36f1875d-1826-4626-9909-df395612ea25-Nextion_Editor_Z3nvGaVR2m.gif

                                        teletapiT Online
                                        teletapiT Online
                                        teletapi
                                        wrote on last edited by
                                        #592

                                        @armilar

                                        Ich hab da teilweise auch Vorzeichen
                                        WhatsApp Bild 2025-10-21 um 11.44.54_136de9b0.jpg

                                        1 Reply Last reply
                                        0
                                        • ArmilarA Armilar

                                          @muuulle sagte in Betatest NSPanel-lovelace-ui v0.6.x:

                                          bei den cardPower kann ich weder einen Faktor noch das Vorzeichen der Werte bestimmen. Lediglich den angefügten Text und die Anzahl der Nachkommastellen. Richtig, oder?

                                          nicht ganz

                                          47b7a8b2-e949-4c7c-b434-6b96ff7e4895-image.png

                                          • Bei der "Einheit" kannst du auswählen. Der Faktor wird dabei automatisch errechnet.
                                          • Bei "Flussrichtung umkehren" kannst du bestimmen, in welche Richtung die Leistung (positiv/negativ) fließen soll. Je nachdem, ob der Wert im DP positiv oder negativ wird, dreht sich auch die Richtung des blauen Punktes.

                                          Stellt sich ja die Frage, ob man wirklich ein Vorzeichen im Zusammenspiel mit der Richtung benötigt...

                                          Beispiel 1:
                                          Ich Lade meinen Akku, d.h. Ich schiebe eine positive Leistung in meinen Akku; Ich entlade meinen Akku und schiebe eine positive Leistung ins Haus

                                          Bei spiel 2:
                                          Ich beziehe Strom vom Netzanbieter und ziehe eine positive Leistung ins Haus; Ich Speise Überschuss ins Netz ein und schiebe somit eine positive Leistung ins Netz

                                          Benötigt man in der cardPower also wirklich negative Vorzeichen?

                                          36f1875d-1826-4626-9909-df395612ea25-Nextion_Editor_Z3nvGaVR2m.gif

                                          M Offline
                                          M Offline
                                          muuulle
                                          wrote on last edited by
                                          #593

                                          @armilar
                                          Moin,
                                          ich zeige mit dem negativen Vorzeichen, ob Strom verbraucht/gespeichert wird. Wird Strom zum Verbrauch zur Verfügung gestellt, ist das Vorzeichen hingegen positiv. Dementsprechend ist die Summe aller Werte null.

                                          So beispielsweise:
                                          Solaranlage +150 W
                                          Speicherbeladung -20 W
                                          Verbrauch -130 W

                                          …Ich denke, das ist reine Geschmacksache und ich komme auch sehr gut mit ausschließlich positiven Werten klar 😉 und könnte mir im Zweifel auch mit ein bisschen Blockly zusammenschieben.

                                          Unterstützung brauche ich jedoch mit der automatischen Umrechnung W -> kW.
                                          Die common.unit ist W. Im Adapter habe ich auch W (mit einer Nachkommastelle) eingestellt. Sobald der Wert über 999 W steigt, hätte ich 1 kW erwartet.
                                          Es bleibt aber vierstellig - auch wenn im Adapter kW eingestellt ist.

                                          Habe ich die Funktionalität falsch interpretiert?

                                          Vielen Dank

                                          T 1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          403

                                          Online

                                          32.4k

                                          Users

                                          81.4k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe