Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Material Design Widgets: Value Widget

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Material Design Widgets: Value Widget

    This topic has been deleted. Only users with topic management privileges can see it.
    • sigi234
      sigi234 Forum Testing Most Active @Scrounger last edited by

      @scrounger

      Cool ! 👍

      Screenshot (3345).png

      1 Reply Last reply Reply Quote 0
      • ub.privat
        ub.privat @Scrounger last edited by

        @scrounger

        Guten Morgen,

        habe als absoluter Einsteiger auch eine Verständnisfrage zu dem VALUE-Widget.
        Im DP wird ein Wert ausgewiesen, der umgerechnet werden muss (*0.001).
        3cedc086-6d71-4cf3-839a-4ff0a897a24a-grafik.png

        Nun habe ich in die entsprechende Berechnung wie folgt eingetragen:

        {v:volvo.0.YV1UZA8UCK1386644.status.odometer; v * 0.001 : toFixed(0) }
        

        e5f25c65-f2ce-4763-a6f6-9f7953c09f2a-grafik.png

        Es soll der Wert aus dem DP mit 0.001 multipliziert werden und keine Nachkommastellen angezeigt werden.
        Nur leider funktioniert das nicht wirklich.

        Was muss hier eingetragen werden, was mache ich falsch?
        Ist die Syntax überhaupt korrekt?

        Scrounger 1 Reply Last reply Reply Quote 0
        • Scrounger
          Scrounger Developer @ub.privat last edited by

          @ub-privat sagte in Material Design Widgets: Value Widget:

          Ist die Syntax überhaupt korrekt?

          Die ist falsch, deine ist für ein Binding. Wie die Syntax geht ist in der Doku beschrieben:
          https://github.com/Scrounger/ioBroker.vis-materialdesign#value

          In deinem Fall muss das so sein:
          ce789fa1-4e3a-4742-937b-b43988bc2b68-grafik.png

          ub.privat 1 Reply Last reply Reply Quote 1
          • ub.privat
            ub.privat @Scrounger last edited by

            @scrounger

            so einfach... DANKE und wieder etwas gelernt.
            Habe zu kompliziert gedacht!

            1 Reply Last reply Reply Quote 0
            • ub.privat
              ub.privat @Scrounger last edited by Scrounger

              @scrounger

              Ich möchte gern die Betriebsarten der Küchengeräte visualisieren.
              Unklar ist mir

              1. welches Widget ist die beste Wahl,
              2. wie extrahiere ich aus dem DP die "wichtige" Information?

              Das sind aus dem DP die RAW-Werte:

               "states": {
                    "Cooking.Oven.Program.HeatingMode.SlowCook": "Sanftgaren",
                    "Cooking.Oven.Program.HeatingMode.HotAir": "4D Heißluft",
                    "Cooking.Oven.Program.HeatingMode.TopBottomHeating": "Ober-/ Unterhitze",
                    "Cooking.Oven.Program.HeatingMode.HotAirEco": "Heißluft eco",
                    "Cooking.Oven.Program.HeatingMode.TopBottomHeatingEco": "Ober-/ Unterhitze eco",
                    "Cooking.Oven.Program.HeatingMode.HotAirGrilling": "Umluftgrillen",
                    "Cooking.Oven.Program.HeatingMode.PizzaSetting": "Pizzastufe",
                    "Cooking.Oven.Program.HeatingMode.IntensiveHeat": "Intensivhitze",
                    "Cooking.Oven.Program.HeatingMode.BottomHeating": "Unterhitze",
                    "Cooking.Oven.Program.HeatingMode.Desiccation": "Dörren",
                    "Cooking.Oven.Program.HeatingMode.PreheatOvenware": "Geschirr vorwärmen",
                    "Cooking.Oven.Program.HeatingMode.KeepWarm": "Warmhalten",
                    "Cooking.Oven.Program.HeatingMode.FrozenHeatupSpecial": "coolStart-Funktion"
              

              In der VIS soll nur "Umluftgrillen" angezeigt werden...
              Habe bereits mit VALUE-Widget probiert, komme aber nicht weiter...

              Ein Tipp, Lösungsvorschlag wäre sehr hilfreich!
              Ich danke schon mal vorab und werde sicher wieder einiges Lernen...!?

              Edit: Verschoben, da frage nicht TopAppBar betrifft ;-)

              Scrounger 1 Reply Last reply Reply Quote 0
              • Scrounger
                Scrounger Developer @ub.privat last edited by

                @ub-privat
                Wenn du nur Umluftgrillen sehen willst dann verwende Sichtbarkeit
                9c8b7e7f-bf5c-47c6-a59e-d4ca683c28b5-grafik.png

                ub.privat 1 Reply Last reply Reply Quote 0
                • ub.privat
                  ub.privat @Scrounger last edited by ub.privat

                  @scrounger
                  @sigi234

                  ...da haben wir uns falsch verstanden. Es soll das jeweilige Programm angezeigt werden, dass gerade aktiv ist. Aus den RAW-Daten erhalte ich eine Übersicht, was alles möglich ist.
                  Je nachdem, was eingestellt ist, wird diese Betriebsart angezeigt.

                  Ich wollte mit einem Widget (Welches???) den DP auswählen und damit die entsprechende Betriebsart, welche gerade aktiv ist, darstellen.

                  Mittels Value sollte es ungefähr so ausschauen:
                  cb43459a-c0f6-44e7-b518-e09298ab880e-grafik.png
                  Leider wird der DP-Text angezeigt und nicht "Pyrolyse" als verständlicher Ausdruck....

                  Sigi234 - in deiner VIS habe ich auch gesehne, dass du mit dem HomeConnect-Adapter arbeitest und entrsprechnd die Geräte visualisierst. Hättest du ggf. einen Tipp?

                  Scrounger sigi234 2 Replies Last reply Reply Quote 0
                  • Scrounger
                    Scrounger Developer @ub.privat last edited by

                    @ub-privat sagte in Material Design Widgets: Value Widget:

                    @scrounger

                    ...da haben wir uns falsch verstanden.

                    😉

                    Mit dem value Widget geht das noch nicht, muss ich noch implementieren.
                    Das kannst mit Binding realisieren, so in der Art:

                    {a:idDatenpunkt; a === "Cooking.Oven.Program.HeatingMode.SlowCook" ? "Sanftgaren" : a === "Cooking.Oven.Program.HeatingMode.HotAir" ? "4D Heißluft" : "coolStart-Funktion"}
                    
                    ub.privat 1 Reply Last reply Reply Quote 0
                    • sigi234
                      sigi234 Forum Testing Most Active @ub.privat last edited by sigi234

                      @ub-privat sagte in Material Design Widgets: Value Widget:

                      Sigi234 - in deiner VIS habe ich auch gesehne, dass du mit dem HomeConnect-Adapter arbeitest und entrsprechnd die Geräte visualisierst. Hättest du ggf. einen Tipp?

                      Ja, leider geht das nicht. Am Besten wäre es wenn es im Adapter als DP zur Verfügung stehen würde.

                      @arteck

                      https://forum.iobroker.net/topic/16446/test-adapter-homeconnect-bsh-home-connect-v0-0-x

                      liv-in-sky 1 Reply Last reply Reply Quote 0
                      • ub.privat
                        ub.privat @Scrounger last edited by

                        @scrounger

                        ...das mit dem Binding ist einleuchtend!
                        Nur mit welchem Widget bringe ich das Binding zur Anwendung?
                        Ein einfaches basic-html oder basic-string?

                        Scrounger 1 Reply Last reply Reply Quote 0
                        • Scrounger
                          Scrounger Developer @ub.privat last edited by Scrounger

                          @ub-privat
                          Ja zb. Kannst dafür viele verwenden, auch das value Widget, musst dann das Binding bei text überschreiben eintragen

                          ub.privat 1 Reply Last reply Reply Quote 0
                          • ub.privat
                            ub.privat @Scrounger last edited by

                            @scrounger

                            na dann nehem ich doch das Value.
                            Ich probier es aus... scheint zu funktionieren!

                            DANKE. Das schöne daran ist, dass ich wieder etwas gelernt habe!

                            1 Reply Last reply Reply Quote 0
                            • ub.privat
                              ub.privat last edited by

                              @scrounger

                              Hallo, leider muss ich nochmals anfragen. Die egestrige Euphorie wurde heute leider wieder gedämpft.
                              Was habe ich gemacht?

                              Zuerst habe ich mir von dem zu visualiserenden DP die RAW-Daten geholt:

                              21173bd2-ccf8-4e67-bca4-efc38398077c-grafik.png

                              "states": {
                                    "BSH.Common.EnumType.OperationState.Inactive": "Inactive",
                                    "BSH.Common.EnumType.OperationState.Ready": "Ready",
                                    "BSH.Common.EnumType.OperationState.Run": "Run",
                                    "BSH.Common.EnumType.OperationState.Finished": "Finished",
                                    "BSH.Common.EnumType.OperationState.Pause": "Pause"
                              

                              Diese habe ich dann in das entsprechende Binding gepackt:

                              {a:homeconnect.0.SIEMENS-HS858GXB6-68A40E060A0C.status.BSH_Common_Status_OperationState; a=== "BSH.Common.EnumType.OperationState.Inactive": ? "Inaktiv" : a=== "BSH.Common.EnumType.OperationState.Ready": ? "Bereit" : a=== "BSH.Common.EnumType.OperationState.Run": ? "Programm läuft" : a=== "BSH.Common.EnumType.OperationState.Finished": ? "Programm beendet" : a === "BSH.Common.EnumType.OperationState.Pause": ? "Pause"}
                              

                              ... und in Text überschreiben eingefügt:

                              4d39f560-d914-49f9-8272-d6fd7b8d6b85-grafik.png

                              Leider wird in der aktiven VIS nichts angezeigt...

                              93a7860f-0af6-44c2-bdb9-442aaa3a5757-grafik.png
                              Habe nun so ziemlich jedes Programm ausprobiert und sicher festgestellt, dass der DP mit dem entsprechenden Wert belegt ist.

                              So richtig will die Anzeige nicht passen.
                              Kann noch ein "Tippfehler" die Ursache sien?

                              Scrounger 1 Reply Last reply Reply Quote 0
                              • Scrounger
                                Scrounger Developer @ub.privat last edited by

                                @ub-privat
                                : ? Ist falsch, Vergleich es mit meinem Beispiel

                                ub.privat 1 Reply Last reply Reply Quote 0
                                • ub.privat
                                  ub.privat @Scrounger last edited by

                                  @scrounger
                                  @sigi234

                                  ich könnte verzweifeln...

                                  Dein Beispiel:

                                  {a:idDatenpunkt; a === "Cooking.Oven.Program.HeatingMode.SlowCook" ? "Sanftgaren" : a === "Cooking.Oven.Program.HeatingMode.HotAir" ? "4D Heißluft" : "coolStart-Funktion"} 
                                  

                                  Meine angepasstes Binding:

                                  {a:homeconnect.0.SIEMENS-HS858GXB6-68A40E060A0C.status.BSH_Common_Status_OperationState; a === "BSH.Common.EnumType.OperationState.Inactive" ? "Inactive : a === "BSH.Common.EnumType.OperationState.Ready" ? "Ready" : a === "BSH.Common.EnumType.OperationState.Run" ? "Run" : a === "BSH.Common.EnumType.OperationState.Finished" ? "Finished" : a === "BSH.Common.EnumType.OperationState.Pause" ? "Pause"}
                                  

                                  Zwischen jedem Doppelpunkt steht die Ereignisabfrage und die "" beschreiben das anzuzeogende Ergebnis.
                                  Ich bin jeden Punkt, Doppelpunkt, Leerzeichen durchgegangen!
                                  Leider ohne Erfolg.

                                  baeb9a6d-0cd5-474a-aff2-c575d5336715-grafik.png

                                  Hier der DP:
                                  5910c3a1-6183-4f4f-92cc-c4f9afc5c397-grafik.png
                                  Somit müßte in der VIS 'Inactive' stehen, tut es aber nicht, stattdessen steht eine Null!?

                                  2eed322c-212b-4995-a9f3-5e9930913590-grafik.png

                                  Woher kommt die NULL und wonach muss ich noch schauen?

                                  Scrounger 1 Reply Last reply Reply Quote 0
                                  • Scrounger
                                    Scrounger Developer @ub.privat last edited by

                                    @ub-privat
                                    Hinter inactive fehlt "

                                    ub.privat 1 Reply Last reply Reply Quote 0
                                    • ub.privat
                                      ub.privat @Scrounger last edited by

                                      @scrounger

                                      Du hast recht, es fehlte das Ausführungszeichen "...

                                      {a:homeconnect.0.SIEMENS-HS858GXB6-68A40E060A0C.status.BSH_Common_Status_OperationState; a === "BSH.Common.EnumType.OperationState.Inactive" ? "Inactive" : a === "BSH.Common.EnumType.OperationState.Ready" ? "Ready" : a === "BSH.Common.EnumType.OperationState.Run" ? "Run" : a === "BSH.Common.EnumType.OperationState.Finished" ? "Finished" : a === "BSH.Common.EnumType.OperationState.Pause" ? "Pause"}
                                      

                                      es ändert aber nichts am Ergebnis!
                                      345802dd-c4d1-4b5e-8876-e152bdb05612-grafik.png

                                      So langsam gebe ich auf...

                                      Du hattest geschrieben: "😉 Mit dem value Widget geht das noch nicht, muss ich noch implementieren.", , dass du diese Art der Abfrage mit in das Widget einbauen möchtest. Dann werde ich wohl warten. Egal welches Widget ich verwende, dass Bindig ist ja entscheidend.

                                      Scrounger 1 Reply Last reply Reply Quote 0
                                      • liv-in-sky
                                        liv-in-sky @sigi234 last edited by

                                        @sigi234
                                        hi, habe es mal in einem html widget gemacht - da sieht es so aus - habe eure datenpunkte mal nachgebaut - sowas habe ich nicht

                                        datenpunkt raw:

                                        {
                                         "from": "system.adapter.admin.0",
                                         "user": "system.user.admin",
                                         "ts": 1616765507789,
                                         "common": {
                                           "name": "wertelister_Sigi",
                                           "role": "",
                                           "type": "string",
                                           "desc": "Manuell erzeugt",
                                           "min": 0,
                                           "max": 5,
                                           "def": 0,
                                           "read": true,
                                           "write": true,
                                           "states": {
                                             "Cooking.Oven.Program.HeatingMode.SlowCook": "Sanftgaren",
                                             "Cooking.Oven.Program.HeatingMode.HotAir": "4D Heißluft",
                                             "Cooking.Oven.Program.HeatingMode.TopBottomHeating": "Ober-/ Unterhitze",
                                             "Cooking.Oven.Program.HeatingMode.HotAirEco": "Heißluft eco",
                                             "Cooking.Oven.Program.HeatingMode.TopBottomHeatingEco": "Ober-/ Unterhitze eco",
                                             "Cooking.Oven.Program.HeatingMode.HotAirGrilling": "Umluftgrillen",
                                             "Cooking.Oven.Program.HeatingMode.PizzaSetting": "Pizzastufe",
                                             "Cooking.Oven.Program.HeatingMode.IntensiveHeat": "Intensivhitze",
                                             "Cooking.Oven.Program.HeatingMode.BottomHeating": "Unterhitze",
                                             "Cooking.Oven.Program.HeatingMode.Desiccation": "Dörren",
                                             "Cooking.Oven.Program.HeatingMode.PreheatOvenware": "Geschirr vorwärmen",
                                             "Cooking.Oven.Program.HeatingMode.KeepWarm": "Warmhalten",
                                             "Cooking.Oven.Program.HeatingMode.FrozenHeatupSpecial": "coolStart-Funktion"
                                           }
                                         },
                                         "native": {},
                                         "acl": {
                                           "object": 1636,
                                           "owner": "system.user.admin",
                                           "ownerGroup": "system.group.administrator",
                                           "state": 1636
                                         },
                                         "_id": "controll-own.0.AAATEST.wertelister_Sigi",
                                         "type": "state"
                                        }
                                        

                                        FORMEL in html widget:

                                        {val:controll-own.0.AAATEST.wertelister_Sigi; val== "Cooking.Oven.Program.HeatingMode.SlowCook" ? "SlowCook" : val=="Cooking.Oven.Program.HeatingMode.HotAir" ? "HotAir" : val=="Cooking.Oven.Program.HeatingMode.TopBottomHeating" ? "TopBottomHeating" : val=="Cooking.Oven.Program.HeatingMode.HotAirEco" ? "HotAirEco" : val == "Cooking.Oven.Program.HeatingMode.HotAirGrilling" ? "HotAirGrilling" : "no-no" } 
                                        

                                        vis:

                                        AApossis (31).gif

                                        checke nur dieersten einträge- wenn dann einer nicht dabei ist, wird no-no angezeigt - dass muss am ende auch stehen, sonst ist die formel nicht vollständig - auch wenn alle einträge abgefragt werden

                                        ein value widget finde ich nicht - wie heißt das genau - ist doch im material design widget - finde ich nicht

                                        1 Reply Last reply Reply Quote 0
                                        • liv-in-sky
                                          liv-in-sky last edited by

                                          @sigi234

                                          mittlerweile habe ich das value widget

                                          da geht es auch

                                          AApossis (32).gif

                                          selbe formel - selber datenpunkt

                                          Image 1.png

                                          sigi234 1 Reply Last reply Reply Quote 0
                                          • sigi234
                                            sigi234 Forum Testing Most Active @liv-in-sky last edited by

                                            @liv-in-sky

                                            Geht nicht, mein Original RAW:

                                            {
                                              "from": "system.adapter.homeconnect.0",
                                              "user": "system.user.admin",
                                              "ts": 1616770922094,
                                              "common": {
                                                "name": "Betriebsstatus",
                                                "type": "mixed",
                                                "role": "indicator",
                                                "unit": "",
                                                "write": true,
                                                "read": true,
                                                "states": {
                                                  "BSH.Common.EnumType.OperationState.Inactive": "Inactive",
                                                  "BSH.Common.EnumType.OperationState.Ready": "Ready",
                                                  "BSH.Common.EnumType.OperationState.Run": "Run",
                                                  "BSH.Common.EnumType.OperationState.Finished": "Finished"
                                                }
                                              },
                                              "native": {},
                                              "acl": {
                                                "object": 1636,
                                                "owner": "system.user.admin",
                                                "ownerGroup": "system.group.administrator",
                                                "state": 1636
                                              },
                                              "_id": "homeconnect.0.401010522278007458.status.BSH_Common_Status_OperationState",
                                              "ty
                                            
                                            liv-in-sky 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            1.1k
                                            Online

                                            31.7k
                                            Users

                                            79.7k
                                            Topics

                                            1.3m
                                            Posts

                                            vis
                                            16
                                            76
                                            6838
                                            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