Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Tester
    4. Betatest NSPanel-lovelace-ui v0.6.x

    NEWS

    • Amazon Alexa - ioBroker Skill läuft aus ?

    • Monatsrückblick – September 2025

    • Neues Video "KI im Smart Home" - ioBroker plus n8n

    Betatest NSPanel-lovelace-ui v0.6.x

    This topic has been deleted. Only users with topic management privileges can see it.
    • T
      ticaki @ilovegym last edited by 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.

      ilovegym M 2 Replies Last reply Reply Quote 2
      • ilovegym
        ilovegym @ticaki last edited by

        @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 Reply Quote 0
        • M
          muuulle @ticaki last edited by

          @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 Reply Quote 0
          • T
            ticaki @muuulle last edited by 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 2 Replies Last reply Reply Quote 1
            • M
              muuulle @ticaki last edited by

              @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 Reply Quote 0
              • Armilar
                Armilar Most Active Forum Testing @teletapi last edited by

                @teletapi

                TFT us-l v5.0.2 ist ebenfalls Online

                Armilar 1 Reply Last reply Reply Quote 0
                • T
                  ticaki @muuulle last edited by

                  @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 1 Reply Last reply Reply Quote 0
                  • M
                    muuulle @ticaki last edited by

                    @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 Reply Quote 0
                    • T
                      ticaki @muuulle last edited by ticaki

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

                      1 Reply Last reply Reply Quote 0
                      • T
                        ticaki @muuulle last edited by

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

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

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

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

                            @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 Reply Quote 1
                            • M
                              muuulle @ticaki last edited by

                              @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 Reply Quote 0
                              • T
                                ticaki @muuulle last edited by 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 2 Replies Last reply Reply Quote 0
                                • M
                                  muuulle @ticaki last edited by

                                  @ticaki
                                  Perfekt. Damit kann ich mir helfen 👍

                                  1 Reply Last reply Reply Quote 0
                                  • M
                                    muuulle @ticaki last edited by

                                    @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 Armilar 3 Replies Last reply Reply Quote 0
                                    • T
                                      ticaki @muuulle last edited by

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

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

                                        @muuulle

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

                                        1 Reply Last reply Reply Quote 2
                                        • Armilar
                                          Armilar Most Active Forum Testing @muuulle last edited by 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

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

                                            @armilar

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

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            756
                                            Online

                                            32.3k
                                            Users

                                            81.1k
                                            Topics

                                            1.3m
                                            Posts

                                            24
                                            634
                                            95721
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo