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

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Tester
  4. jarvis v2.2.0 - just another remarkable vis

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill lĂ€uft aus ?
    apollon77A
    apollon77
    48
    3
    8.5k

  • MonatsrĂŒckblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.0k

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

jarvis v2.2.0 - just another remarkable vis

Geplant Angeheftet Gesperrt Verschoben Tester
jarvismaterialmaterial uimaterialdesignvisvisualisierungvisualization
6.1k BeitrÀge 316 Kommentatoren 4.2m Aufrufe 273 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • ZefauZ Zefau

    @FuXXz2 sagte in jarvis v2.0.0 - just another remarkable vis:

    Ich habe hier ne Seite mit HTML Widgets, im Firefox werden diese nicht angezeigt. Die Widgets blinken kurz auf, beim laden der Seite und verschwinden dann.

    Ich kann mit so etwas nichts anfangen. Ich brauch da mehr Informationen. Gibt es einen Fehler im Browser Log? Wie ist das Modul konfiguriert?

    F Offline
    F Offline
    FuXXz2
    schrieb am zuletzt editiert von
    #2210

    @Zefau
    Screenshot 2020-12-10 230117.jpg

    Ist CustomHTML Modul, also keine weiteren Einstellungen. Im IE, Edge, Chrome, Opera lÀuft es jedoch.

    H 1 Antwort Letzte Antwort
    0
    • ZefauZ Zefau

      @FuXXz2 sagte in jarvis v2.0.0 - just another remarkable vis:

      Ich habe hier ne Seite mit HTML Widgets, im Firefox werden diese nicht angezeigt. Die Widgets blinken kurz auf, beim laden der Seite und verschwinden dann.

      Ich kann mit so etwas nichts anfangen. Ich brauch da mehr Informationen. Gibt es einen Fehler im Browser Log? Wie ist das Modul konfiguriert?

      M Online
      M Online
      MCU
      schrieb am zuletzt editiert von MCU
      #2211

      @Zefau In der VIS besteht die Möglichkeit den Tab per command auszuwÀhlen:
      e0346a82-cc02-424e-a099-8abaf538919c-image.png
      Ist das fĂŒr jarvis auch möglich? Oder schon geplant?

      Unterschiedliche Anzeige in den Browsern:

      Microsoft Edge:
      b9e5068e-f470-4760-a36d-58e6e83899ed-image.png
      Firefox:
      360e0b89-31f6-4517-9346-5fc0a9f5c412-image.png

      Letzte Aktualisierung wird nicht verwendet:
      087d834f-bf00-45a0-afb1-3435f32876d9-image.png
      In der Anzeige wird trotzdem die Letzte Änderung verwendet.
      Edit: Erledigt, man musste die Seite refreshen.

      NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
      Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

      1 Antwort Letzte Antwort
      0
      • F FuXXz2

        @Zefau
        Screenshot 2020-12-10 230117.jpg

        Ist CustomHTML Modul, also keine weiteren Einstellungen. Im IE, Edge, Chrome, Opera lÀuft es jedoch.

        H Nicht stören
        H Nicht stören
        Hansi1234
        schrieb am zuletzt editiert von
        #2212

        @FuXXz2 kann sein, dass es einen Bug in der neuen Firefox Version gibt. HĂ€tte genau dieses Problem vorgestern bei den Einstellungen einer Hikvision Kamera. Mit anderen Browsern ging es. Nach einem Neustart von Firefox zeigte es an, dass eine neue Version installiert wurde

        1 Antwort Letzte Antwort
        0
        • ZefauZ Zefau

          jarvis - just another remarkable vis

          Was ist jarvis?

          jarvis ist eine Material Design Visualisierung, die auf Material UI basiert. jarvis gibt eine Struktur und Module vor, die zur Visualisierung genutzt werden, aber sehr flexibel konfiguriert werden können.

          jarvis ist responsive und passt sich der GrĂ¶ĂŸe des Screens an.

          Das Layout ist flexibel konfigurierbar. Es können optional (beliebig viele) Tabs verwendet werden. Jeder Tab kann entweder fullscreen sein oder beliebig viele columns haben, die die einzelnen modules in flexibler Reihenfolge beinhalten.

          Jedes Modul hat spezielle Konfigurationsmöglichkeiten (siehe Wiki je Modul).

          Warum jarvis?

          jarvis ist weitaus weniger flexibel als ioBroker.vis, aber bietet dafĂŒr ein standardisiertes Design, um schnell eine Visualisierung zusammenzustellen. Wer besonders spezifische Anforderungen hat, sollte (weiterhin) ioBroker.vis verwendet.

          Mehr Informationen

          Mehr Informationen - insbesondere zur Konfiguration - gibt es im Wiki.

          Gestalte mit und stimme ab

          Bitte stimmt fĂŒr eure gewĂŒnschten Feature Requests ab: Nutzt dazu die Emoticon auf Github, um fĂŒr eure favorisierten Feature Requests abzustimmen:

          https://forum.iobroker.net/assets/uploads/files/1606215967286-1c3e566f-8d54-4f19-8948-eb8833c5b15f-image.png

          Jeder Emoticon zĂ€hlt gleich. Bitte stimmt nicht fĂŒr alle / zu viele Feature Requests ab, sonst gibt es am Ende keine großen Unterschiede mehr.

          Die Reihenfolge nach abgegebenen Stimmen seht ihr hier: Übersicht der Feature Requests nach Stimmen

          Siehe https://forum.iobroker.net/post/526170


          Impressionen

          Die Konfiguration von Modulen kann frei angeordnet werden.
          Nachfolgend einige Impressionen / Beispiele:

          Users

          @braindead: https://forum.iobroker.net/post/490283
          @JackDaniel: https://forum.iobroker.net/post/490928
          @Mooo: https://forum.iobroker.net/post/493843

          Screencast / Video

          play.png

          Screenshots

          Beispiel: Dashboard (3 columns)

          Dashboard.png

          Beispiel: Karte (Vollbild)

          Map.png

          Beispiel: Statistiken (2 columns)

          Statistik.png

          Beispiel: Status (3 columns, davon 2 leer)

          Status.png

          Module

          Die folgenden Module sind aktuell (Februar 2020) verfĂŒgbar und können frei konfiguriert werden. Eine aktuelle Liste der Module ist im Wiki zu finden.

          AdapterStatus

          AdapterStatus

          Chart

          Chart

          DateTime

          DateTime1

          Map

          Map

          StateList

          StateList1.png
          StateList2.png
          StateList3.png
          StateList4.png

          StateListHorizontal

          StateListHorizontal1.png


          Konfiguration / erste Schritte

          siehe Wiki auf Github


          Ausblick / Roadmap

          Ihr habt WĂŒnsche? Bitte legt ein Issue auf Github an.

          MEILENSTEINE / ROADMAPs

          siehe https://github.com/Zefau/ioBroker.jarvis/milestones

          nÀchste Release

          • ROADMAP v2.1.0
          • ROADMAP v3.0.0
          sigi234S Online
          sigi234S Online
          sigi234
          Forum Testing Most Active
          schrieb am zuletzt editiert von sigi234
          #2213

          @Zefau

          Hallo, wie ist das Zeitformat LastChangeBody fĂŒr:

          11.12.2020 - 09:02

          Erledigt:

          d.MM.yy HH:mm
          

          Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
          Immer Daten sichern!

          1 Antwort Letzte Antwort
          0
          • ZefauZ Zefau

            @FuXXz2 sagte in jarvis v2.0.0 - just another remarkable vis:

            Ich habe hier ne Seite mit HTML Widgets, im Firefox werden diese nicht angezeigt. Die Widgets blinken kurz auf, beim laden der Seite und verschwinden dann.

            Ich kann mit so etwas nichts anfangen. Ich brauch da mehr Informationen. Gibt es einen Fehler im Browser Log? Wie ist das Modul konfiguriert?

            Ruud2019R Offline
            Ruud2019R Offline
            Ruud2019
            schrieb am zuletzt editiert von
            #2214

            @Zefau
            Könntest du auch einen Import der GerÀte vom Linkeddevices Adapter implementieren?

            U 1 Antwort Letzte Antwort
            0
            • Ruud2019R Ruud2019

              @Zefau
              Könntest du auch einen Import der GerÀte vom Linkeddevices Adapter implementieren?

              U Offline
              U Offline
              uwe72
              schrieb am zuletzt editiert von
              #2215

              Hier mal ein kleiner Zwischenstand meiner Jarvis-Visualisierung. Finde ich einfach klasse, wie schnell man mit Jarvus vorwÀrtskommt! Eines der wichtigsten Widget ist das HTML-Widget.
              53888b87-32ff-4a32-8095-a42794528da7-image.png

              Feature:
              https://github.com/Zefau/ioBroker.jarvis/issues/124
              wÀre mir echt noch sehr wichtig!

              WIRKLICH SUPER ARBEIT WELCHE BEI DIESEM ADAPTER GELEISTET WIRD!!!

              H 1 Antwort Letzte Antwort
              0
              • U uwe72

                Hier mal ein kleiner Zwischenstand meiner Jarvis-Visualisierung. Finde ich einfach klasse, wie schnell man mit Jarvus vorwÀrtskommt! Eines der wichtigsten Widget ist das HTML-Widget.
                53888b87-32ff-4a32-8095-a42794528da7-image.png

                Feature:
                https://github.com/Zefau/ioBroker.jarvis/issues/124
                wÀre mir echt noch sehr wichtig!

                WIRKLICH SUPER ARBEIT WELCHE BEI DIESEM ADAPTER GELEISTET WIRD!!!

                H Offline
                H Offline
                homecineplexx
                schrieb am zuletzt editiert von homecineplexx
                #2216

                hi
                besteht die Möglichkeit, dass man auch noch bei einer "SwitchAction" einen oder mehrere Triggerpunkte anzeigen lassen kann? zb Verbrauch

                8599c9c6-46ce-47ad-bfc5-3ecd15ae3e6f-image.png

                ZefauZ 1 Antwort Letzte Antwort
                0
                • H homecineplexx

                  hi
                  besteht die Möglichkeit, dass man auch noch bei einer "SwitchAction" einen oder mehrere Triggerpunkte anzeigen lassen kann? zb Verbrauch

                  8599c9c6-46ce-47ad-bfc5-3ecd15ae3e6f-image.png

                  ZefauZ Offline
                  ZefauZ Offline
                  Zefau
                  schrieb am zuletzt editiert von
                  #2217

                  @homecineplexx sagte in jarvis v2.0.0 - just another remarkable vis:

                  besteht die Möglichkeit, dass man auch noch bei einer "SwitchAction" einen oder mehrere Triggerpunkte anzeigen lassen kann? zb Verbrauch

                  Nein, gibt aber einen Feature Request, siehe https://github.com/Zefau/ioBroker.jarvis/issues/267

                  Meine Adapter: https://zefau.github.io/iobroker/

                  H 1 Antwort Letzte Antwort
                  1
                  • ZefauZ Zefau

                    @homecineplexx sagte in jarvis v2.0.0 - just another remarkable vis:

                    besteht die Möglichkeit, dass man auch noch bei einer "SwitchAction" einen oder mehrere Triggerpunkte anzeigen lassen kann? zb Verbrauch

                    Nein, gibt aber einen Feature Request, siehe https://github.com/Zefau/ioBroker.jarvis/issues/267

                    H Offline
                    H Offline
                    homecineplexx
                    schrieb am zuletzt editiert von
                    #2218

                    @Zefau dankeschön, dann hoffe ich, dass dieser umgesetzt wird ;-)

                    Stephan SchleichS 1 Antwort Letzte Antwort
                    0
                    • H homecineplexx

                      @Zefau dankeschön, dann hoffe ich, dass dieser umgesetzt wird ;-)

                      Stephan SchleichS Offline
                      Stephan SchleichS Offline
                      Stephan Schleich
                      schrieb am zuletzt editiert von
                      #2219

                      @Zefau warum der zu pro zĂ€hlt muss ich nicht verstehen oder 😅

                      1 Antwort Letzte Antwort
                      0
                      • ZefauZ Zefau

                        @mirK sagte in jarvis v2.0.0 - just another remarkable vis:

                        besteht die Möglichkeit, eigene Icons via Base64 auch als Tab Icon bzw. als Icon fĂŒr die Widgetbox zu integrieren ?
                        Bislang gelingt es mir nur innerhalb der Widgets.

                        Mit der v2.1.0-beta.x geht dies nun.

                        M Offline
                        M Offline
                        mirK
                        schrieb am zuletzt editiert von
                        #2220

                        @Zefau in Beta v2.1.0-beta.x gehen die Base64 Icons jetzt zwar fĂŒr die Widgetboxen und Tabs, aber dafĂŒr nicht mehr bei den GerĂ€ten.

                        JayRJ 1 Antwort Letzte Antwort
                        0
                        • M mirK

                          @Zefau in Beta v2.1.0-beta.x gehen die Base64 Icons jetzt zwar fĂŒr die Widgetboxen und Tabs, aber dafĂŒr nicht mehr bei den GerĂ€ten.

                          JayRJ Offline
                          JayRJ Offline
                          JayR
                          schrieb am zuletzt editiert von
                          #2221

                          @mirK : Bei mir geht es

                          1 Antwort Letzte Antwort
                          0
                          • ZefauZ Zefau

                            @dabbeljuh sagte in jarvis v2.0.0 - just another remarkable vis:

                            N'Abend! Ist es eigentlich möglich bzw. angedacht, noch weitere Adapter zum Auslesen von GerĂ€ten einzubinden? Ich nutze hier noch einige max! GerĂ€te, die ich ĂŒber den entsprechenden Adapter im System habe und wĂŒrde diese auch gerne in jarvis einbinden.

                            Was ist das fĂŒr ein Adapter? Kannst du mir einen Screenshot der Adapter-Struktur machen? Auch brauche ich eine Auflistung, welche Datenpunkte du ĂŒbernommen haben möchtest.

                            dabbeljuhD Offline
                            dabbeljuhD Offline
                            dabbeljuh
                            schrieb am zuletzt editiert von
                            #2222

                            @Zefau, danke fĂŒr das Angebot. Aber ich hab's jetzt pragmatisch gelöst und die paar GerĂ€te manuell eingefĂŒgt. ;)

                            Beste GrĂŒĂŸe

                            dabbeljuh

                            ===

                            NUC, Z-Stick Gen5, maxCUL 433, JeeLink/LaCrosse, Zigbee-Stick; Z-Wave TĂŒr-/Fenster u. Steckdosen, max! TĂŒr-/Fenster u. Wandschalter, TX29DTH-IT, HUE, Osram, TP-Link, Xiaomi, IP-Cams, Echo Dot, Sonos, Home mini, Xiaomi Kontakte u. Sensoren

                            1 Antwort Letzte Antwort
                            0
                            • SlowmanS Offline
                              SlowmanS Offline
                              Slowman
                              schrieb am zuletzt editiert von
                              #2223

                              Wie bekomme ich denn den Coronavirus Live Statistics: https://forum.iobroker.net/topic/31245/test-coronavirus-statistics-for-iobroker integriert? Also nur Anzeige Deutschland und B/BRB

                              VukoV 1 Antwort Letzte Antwort
                              0
                              • SlowmanS Slowman

                                Wie bekomme ich denn den Coronavirus Live Statistics: https://forum.iobroker.net/topic/31245/test-coronavirus-statistics-for-iobroker integriert? Also nur Anzeige Deutschland und B/BRB

                                VukoV Offline
                                VukoV Offline
                                Vuko
                                schrieb am zuletzt editiert von
                                #2224

                                @Zefau wirklich coole Weiterentwicklung die Du da mit Jarvis hingelegt hast, vielen Dank dafĂŒr!

                                Aktuell bin ich grad dabei meine VIS-basierte Visualisierung auf Jarvis umzubauen, d.h. ich hab viele meiner selbstgebauten VIS-Views (die meisten mit Materialdesign Widgets) ĂŒber iFrame eingebunden.

                                Aktuelle Beispiele:
                                JarvisHome.jpg
                                JarvisWohnzimmer.jpg

                                WofĂŒr ich bisher noch keine Lösung gefunden hab, ist die Skalierung der Rollladen Slider. Ich verwende Zwave2 und die Zwave-Aktoren haben alle eine Range von 0-99. Wenn man 100 hinschickt tun sie nix. Deshalb hab ich diese GerĂ€ete unter Datenpunkt-Eigenschaften mit {"min":0,"max":99} konfiguriert, damit funktionieren sie auch, allerdings erzeugt die Schrittweite (Anzahl Markierungen) 10 danach Kommazahlen bei der Beschriftung. Bei 0-100 stehen diese bei 10,20,30 usw.

                                Aber eigentlich sind 0-100 genau 101 Werte, damit mĂŒsste der erste Marker bei 10,1, der zweite bei 20,2 usw. stehen. 0-99 hingegen wĂ€ren genau 100 Werte. WĂŒrde man diese jetzt korrekt durch 10 dividieren wĂ€re es 9, 19, 29 usw. Schaut auch nicht gut aus.

                                Gibt es eine Möglichkeit 0-99 als 1-100 darzustellen, mit korrekten Unterteilern bei 10, 20, 30, usw? In den Datenpunkt mĂŒsste dann trotzdem 0-99 rein. Mir ist klar, dass ich das ĂŒber ein Skript lösen könnte, dachte nur es gibt vielleicht eine Möglichkeit das ĂŒber die JSON-Config schneller zu machen. Danke!

                                sigi234S T Z 3 Antworten Letzte Antwort
                                0
                                • VukoV Vuko

                                  @Zefau wirklich coole Weiterentwicklung die Du da mit Jarvis hingelegt hast, vielen Dank dafĂŒr!

                                  Aktuell bin ich grad dabei meine VIS-basierte Visualisierung auf Jarvis umzubauen, d.h. ich hab viele meiner selbstgebauten VIS-Views (die meisten mit Materialdesign Widgets) ĂŒber iFrame eingebunden.

                                  Aktuelle Beispiele:
                                  JarvisHome.jpg
                                  JarvisWohnzimmer.jpg

                                  WofĂŒr ich bisher noch keine Lösung gefunden hab, ist die Skalierung der Rollladen Slider. Ich verwende Zwave2 und die Zwave-Aktoren haben alle eine Range von 0-99. Wenn man 100 hinschickt tun sie nix. Deshalb hab ich diese GerĂ€ete unter Datenpunkt-Eigenschaften mit {"min":0,"max":99} konfiguriert, damit funktionieren sie auch, allerdings erzeugt die Schrittweite (Anzahl Markierungen) 10 danach Kommazahlen bei der Beschriftung. Bei 0-100 stehen diese bei 10,20,30 usw.

                                  Aber eigentlich sind 0-100 genau 101 Werte, damit mĂŒsste der erste Marker bei 10,1, der zweite bei 20,2 usw. stehen. 0-99 hingegen wĂ€ren genau 100 Werte. WĂŒrde man diese jetzt korrekt durch 10 dividieren wĂ€re es 9, 19, 29 usw. Schaut auch nicht gut aus.

                                  Gibt es eine Möglichkeit 0-99 als 1-100 darzustellen, mit korrekten Unterteilern bei 10, 20, 30, usw? In den Datenpunkt mĂŒsste dann trotzdem 0-99 rein. Mir ist klar, dass ich das ĂŒber ein Skript lösen könnte, dachte nur es gibt vielleicht eine Möglichkeit das ĂŒber die JSON-Config schneller zu machen. Danke!

                                  sigi234S Online
                                  sigi234S Online
                                  sigi234
                                  Forum Testing Most Active
                                  schrieb am zuletzt editiert von
                                  #2225

                                  @Vuko

                                  Falco :+1:

                                  Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                                  Immer Daten sichern!

                                  1 Antwort Letzte Antwort
                                  2
                                  • VukoV Vuko

                                    @Zefau wirklich coole Weiterentwicklung die Du da mit Jarvis hingelegt hast, vielen Dank dafĂŒr!

                                    Aktuell bin ich grad dabei meine VIS-basierte Visualisierung auf Jarvis umzubauen, d.h. ich hab viele meiner selbstgebauten VIS-Views (die meisten mit Materialdesign Widgets) ĂŒber iFrame eingebunden.

                                    Aktuelle Beispiele:
                                    JarvisHome.jpg
                                    JarvisWohnzimmer.jpg

                                    WofĂŒr ich bisher noch keine Lösung gefunden hab, ist die Skalierung der Rollladen Slider. Ich verwende Zwave2 und die Zwave-Aktoren haben alle eine Range von 0-99. Wenn man 100 hinschickt tun sie nix. Deshalb hab ich diese GerĂ€ete unter Datenpunkt-Eigenschaften mit {"min":0,"max":99} konfiguriert, damit funktionieren sie auch, allerdings erzeugt die Schrittweite (Anzahl Markierungen) 10 danach Kommazahlen bei der Beschriftung. Bei 0-100 stehen diese bei 10,20,30 usw.

                                    Aber eigentlich sind 0-100 genau 101 Werte, damit mĂŒsste der erste Marker bei 10,1, der zweite bei 20,2 usw. stehen. 0-99 hingegen wĂ€ren genau 100 Werte. WĂŒrde man diese jetzt korrekt durch 10 dividieren wĂ€re es 9, 19, 29 usw. Schaut auch nicht gut aus.

                                    Gibt es eine Möglichkeit 0-99 als 1-100 darzustellen, mit korrekten Unterteilern bei 10, 20, 30, usw? In den Datenpunkt mĂŒsste dann trotzdem 0-99 rein. Mir ist klar, dass ich das ĂŒber ein Skript lösen könnte, dachte nur es gibt vielleicht eine Möglichkeit das ĂŒber die JSON-Config schneller zu machen. Danke!

                                    T Offline
                                    T Offline
                                    Torrid
                                    schrieb am zuletzt editiert von
                                    #2226

                                    @Vuko
                                    könntest du uns noch ein paar Screenshots deiner Visu zeigen?
                                    Ich glaube da wĂŒrde mir einiges von deinen Lösungen als Inspiration dienen:+1:

                                    VukoV 1 Antwort Letzte Antwort
                                    1
                                    • T Torrid

                                      @Vuko
                                      könntest du uns noch ein paar Screenshots deiner Visu zeigen?
                                      Ich glaube da wĂŒrde mir einiges von deinen Lösungen als Inspiration dienen:+1:

                                      VukoV Offline
                                      VukoV Offline
                                      Vuko
                                      schrieb am zuletzt editiert von
                                      #2227

                                      @Torrid mehr gibts noch nicht auf Basis Jarvis ;-) , die VIS hab ich frĂŒher auf einer Seite untergebracht, da gabs noch zusĂ€tzlich ein Widget, das die FensterzustĂ€nde kompakt zusammenfasst und ein weiteres das den Betriebszustand der HaushaltsgerĂ€te zusammenfasst. Ist aber alles work in progress, da ich aktuell zur Miete wohne und da nicht viel verĂ€ndern kann, wir ziehen aber in ca. 1 Jahr in ein neues Haus und darauf bau ich grad die Visu hin. Alles was ich bisher automatisiert hab, hab ich in die Page Wohnzimmer reingepackt, da die Test-Zwave-Aktoren alle im Wohnzimmer eingebaut sind.

                                      Mein nĂ€chster Schritt ist mittels des Smart Control Adapters im Objekt-Tree unter der Test-Section alle zukĂŒnftigen RĂ€ume, GerĂ€te, Messpunkte etc. anzulegen. Diese abstrahier ich dann ĂŒber smartcontrol, was wiederum alle steuerbaren GerĂ€te unter targetDevices accessible macht. Auf diese bau ich dann die Visualiserung auf. Dadurch kann ich quasi auf noch nicht vorhandene (aber im Plan geplante) GerĂ€te meine Visu fertig bauen und muss dann bei der Übersiedlung nur noch die richtigen GerĂ€te anlernen und in Smartcontrol austauschen. Die Visu bleibt komplett gleich.

                                      Wenn ich die weiteren RĂ€ume auf Jarvis-Basis hab stell ich sie nat. gerne hier rein.

                                      Was ich auch gerne machen kann ist, mehr Infos bereitstellen, wie ich die einzelnen Widgets gelöst hab und welche Features sie bieten...

                                      1 Antwort Letzte Antwort
                                      0
                                      • VukoV Vuko

                                        @Zefau wirklich coole Weiterentwicklung die Du da mit Jarvis hingelegt hast, vielen Dank dafĂŒr!

                                        Aktuell bin ich grad dabei meine VIS-basierte Visualisierung auf Jarvis umzubauen, d.h. ich hab viele meiner selbstgebauten VIS-Views (die meisten mit Materialdesign Widgets) ĂŒber iFrame eingebunden.

                                        Aktuelle Beispiele:
                                        JarvisHome.jpg
                                        JarvisWohnzimmer.jpg

                                        WofĂŒr ich bisher noch keine Lösung gefunden hab, ist die Skalierung der Rollladen Slider. Ich verwende Zwave2 und die Zwave-Aktoren haben alle eine Range von 0-99. Wenn man 100 hinschickt tun sie nix. Deshalb hab ich diese GerĂ€ete unter Datenpunkt-Eigenschaften mit {"min":0,"max":99} konfiguriert, damit funktionieren sie auch, allerdings erzeugt die Schrittweite (Anzahl Markierungen) 10 danach Kommazahlen bei der Beschriftung. Bei 0-100 stehen diese bei 10,20,30 usw.

                                        Aber eigentlich sind 0-100 genau 101 Werte, damit mĂŒsste der erste Marker bei 10,1, der zweite bei 20,2 usw. stehen. 0-99 hingegen wĂ€ren genau 100 Werte. WĂŒrde man diese jetzt korrekt durch 10 dividieren wĂ€re es 9, 19, 29 usw. Schaut auch nicht gut aus.

                                        Gibt es eine Möglichkeit 0-99 als 1-100 darzustellen, mit korrekten Unterteilern bei 10, 20, 30, usw? In den Datenpunkt mĂŒsste dann trotzdem 0-99 rein. Mir ist klar, dass ich das ĂŒber ein Skript lösen könnte, dachte nur es gibt vielleicht eine Möglichkeit das ĂŒber die JSON-Config schneller zu machen. Danke!

                                        Z Offline
                                        Z Offline
                                        Zuki
                                        schrieb am zuletzt editiert von
                                        #2228

                                        @Vuko
                                        Wirklich sehr schick.
                                        WÀre super wenn du vielleicht das Multiroom Audio Widget genauer prÀsentieren könntest :-)

                                        VukoV 1 Antwort Letzte Antwort
                                        0
                                        • Z Zuki

                                          @Vuko
                                          Wirklich sehr schick.
                                          WÀre super wenn du vielleicht das Multiroom Audio Widget genauer prÀsentieren könntest :-)

                                          VukoV Offline
                                          VukoV Offline
                                          Vuko
                                          schrieb am zuletzt editiert von
                                          #2229

                                          @Zuki gerne!

                                          Das Multiroom-Audio basiert auf jede Menge Amazon Echos, konkret 2 x Echo Studio, 2 x Echo Show und 2 x Echo Spot (die NSA freut sich ĂŒber so viele Daten ;-) ).

                                          Die Lautsprecher sind in Multiroom-Gruppen zusammengefasst, die kriegen dann eine eigene Device-ID im Alexa-Adapter. In jeder dieser Gruppen gibt es eine eigene Player-Section. D.h. wenn zwei Gruppen existieren, deren Lautsprecher sich nicht ĂŒberschneiden, kann man mit den Echos auch zwei unterschiedliche Wiedergaben fahren. Wenn eine Wiedergabe lĂ€uft und ein Lautsprecher in zwei Gruppen drinnen ist und man aktiviert die zweite Gruppe, stoppt die Wiedergabe der ersten Gruppe.

                                          Bei mir gibts aktuell folgende Gruppen:

                                          • Überall - is klar ;-)
                                          • Cockpit - ist ein einzelner Echo Show
                                          • Wohnzimmer - sind alle Echos im Erdgeschoss (2 x Studio, 1 x Show, 1 x Spot)
                                          • BĂŒro - ist ein einzelner Echo Show
                                          • Heimkino - sind die beiden Studios in Heimkino-Konfig. Damit war ich nicht so zufrieden, deshalb derzeit deaktiviert

                                          MultiroomAudio.jpg

                                          Das Konzept ist einfach: Das Widget steuert immer den gerade ausgewÀhlten Player und zeigt die Daten und den Fortschritt dieses Players an.

                                          Das mache ich ĂŒber eigene Datenpunkte

                                          userdata_multiroom.jpg

                                          Die Datenpunkte beschreiben immer den Status des aktuellen Players, diesen wĂ€hle ich ĂŒber die Buttons links aus.

                                          Dazu gibt es ein elendslanges Skript im Hintergrund (ein programmiertechnisches Desaster, weil ganz viel redundanter Code), das fĂŒr jede Gruppe auf jeden relevanten Datenpunkt (Miniart Url, Playerstatus, Zufallswiedergabe etc) einen Listener anlegt und wenn der Player gerade aktiv ist, dann die Änderungen an die userdata-Datenpunkte weitergibt.

                                          Der Listener fĂŒrs Roomswitching

                                          var deviceID="Unknown Device ID";
                                          
                                          on({id: '0_userdata.0.multiroom.Alexa_Player'/*Alexa Player*/, change: "ne"}, function (obj) {
                                          
                                            var value = obj.state.val;
                                            var oldValue = obj.oldState.val;
                                          
                                            console.log("Player Value is: "+value)
                                          
                                            switch (value) {
                                                case 0: //Überall
                                                     deviceID = "yourDeviceId";
                                                     break;
                                                case 1: //Cockpit
                                                     deviceID = "yourDeviceId";
                                                     break;
                                                case 2: //Wohnzimmer
                                                     deviceID = "yourDeviceId";
                                                     break;
                                                case 3: //BĂŒro
                                                     deviceID = "yourDeviceId";
                                                     break;
                                                case 4: //Heimkino
                                                     deviceID = "yourDeviceId";
                                                     break;
                                                default: 
                                                     break;
                                            }
                                          
                                            setState('0_userdata.0.multiroom.Alexa_Player_DeviceID'/*Alexa Player DeviceID*/, deviceID);
                                          });
                                          

                                          Beispiele fĂŒr die Eventlistener fĂŒr die einzelnen Felder...

                                          // Miniart
                                          
                                          on({id: ['alexa2.0.Echo-Devices.YourDeviceId.Player.miniArtUrl'/*current mini Art*/,'0_userdata.0.multiroom.Alexa_Player_DeviceID'], change: "any"}, function (obj) {
                                          
                                           var value = obj.state.val;
                                           var oldValue = obj.oldState.val;
                                           
                                           if (getState('0_userdata.0.multiroom.Alexa_Player_DeviceID'/*Alexa Player DeviceID*/).val == "YourDeviceId") {
                                               setState('0_userdata.0.multiroom.Alexa_Player_Actual_MiniartUrl'/*Alexa Player Actual MiniartUrl*/, getState('alexa2.0.Echo-Devices.YourDeviceId.Player.imageURL'/*current mini Art*/).val);
                                           }
                                          
                                          });
                                          
                                          ..
                                          
                                          on({id: ['alexa2.0.Echo-Devices.YourDeviceId.Player.mediaProgressPercent','0_userdata.0.multiroom.Alexa_Player_DeviceID'], change: "any"}, function (obj) {
                                          
                                           var value = obj.state.val;
                                           var oldValue = obj.oldState.val;
                                           
                                           if (getState('0_userdata.0.multiroom.Alexa_Player_DeviceID'/*Alexa Player DeviceID*/).val == "YourDeviceId") {
                                               setState('0_userdata.0.multiroom.Alexa_Player_Actual_Percentage'/*Alexa Player Actual Percentage*/, getState('alexa2.0.Echo-Devices.YourDeviceId.Player.mediaProgressPercent').val);
                                           }
                                          
                                          });
                                          
                                          ...
                                          
                                          // Album
                                          
                                          on({id: ['alexa2.0.Echo-Devices.YourDeviceId.Player.currentAlbum'/*current album*/,'0_userdata.0.multiroom.Alexa_Player_DeviceID'], change: "any"}, function (obj) {
                                          
                                           var value = obj.state.val;
                                           var oldValue = obj.oldState.val;
                                           
                                           if (getState('0_userdata.0.multiroom.Alexa_Player_DeviceID'/*Alexa Player DeviceID*/).val == "YourDeviceId") {
                                               setState('0_userdata.0.multiroom.Alexa_Player_Actual_Album', getState('alexa2.0.Echo-Devices.YourDeviceId.Player.currentAlbum').val);
                                           }
                                          
                                          });
                                          
                                          ..
                                          
                                          // Artist
                                          
                                          on({id: ['alexa2.0.Echo-Devices.YourDeviceId.Player.currentArtist'/*current artist*/,'0_userdata.0.multiroom.Alexa_Player_DeviceID'], change: "any"}, function (obj) {
                                          
                                           var value = obj.state.val;
                                           var oldValue = obj.oldState.val;
                                           
                                           if (getState('0_userdata.0.multiroom.Alexa_Player_DeviceID'/*Alexa Player DeviceID*/).val == "YourDeviceId") {
                                               setState('0_userdata.0.multiroom.Alexa_Player_Actual_Artist', getState('alexa2.0.Echo-Devices.YourDeviceId.Player.currentArtist').val);
                                           }
                                          
                                          });
                                          
                                          ..
                                          
                                          // Title
                                          
                                          on({id: ['alexa2.0.Echo-Devices.YourDeviceId.Player.currentTitle'/*current title*/,'0_userdata.0.multiroom.Alexa_Player_DeviceID'], change: "any"}, function (obj) {
                                          
                                           var value = obj.state.val;
                                           var oldValue = obj.oldState.val;
                                           
                                           if (getState('0_userdata.0.multiroom.Alexa_Player_DeviceID'/*Alexa Player DeviceID*/).val == "YourDeviceId") {
                                               setState('0_userdata.0.multiroom.Alexa_Player_Actual_Title', getState('alexa2.0.Echo-Devices.YourDeviceId.Player.currentTitle').val);
                                           }
                                          
                                          });
                                          
                                          ..
                                          
                                          // Actual Playing
                                          
                                          on({id: ['alexa2.0.Echo-Devices.YourDeviceId.Player.currentState'/*currentState*/,'0_userdata.0.multiroom.Alexa_Player_DeviceID'], change: "any"}, function (obj) {
                                          
                                           var value = obj.state.val;
                                           var oldValue = obj.oldState.val;
                                           
                                           if (getState('0_userdata.0.multiroom.Alexa_Player_DeviceID'/*Alexa Player DeviceID*/).val == "YourDeviceId") {
                                               setState('0_userdata.0.multiroom.Alexa_Player_Actual_Playing', getState('alexa2.0.Echo-Devices.YourDeviceId.Player.currentState').val);
                                           }
                                          
                                          });
                                          
                                          ..
                                          
                                          // Actual Volume
                                          
                                          on({id: ['alexa2.0.Echo-Devices.YourDeviceId.Player.volume','0_userdata.0.multiroom.Alexa_Player_DeviceID'], change: "any"}, function (obj) {
                                          
                                           var value = obj.state.val;
                                           var oldValue = obj.oldState.val;
                                           
                                           if (getState('0_userdata.0.multiroom.Alexa_Player_DeviceID'/*Alexa Player DeviceID*/).val == "YourDeviceId" &&
                                               getState('0_userdata.0.multiroom.Alexa_Player_Actual_Volume').val != getState('alexa2.0.Echo-Devices.YourDeviceId.Player.volume').val) {
                                               setState('0_userdata.0.multiroom.Alexa_Player_Actual_Volume', getState('alexa2.0.Echo-Devices.YourDeviceId.Player.volume').val);
                                           }
                                          
                                          });
                                          
                                          
                                          
                                          

                                          Wie man sieht muss man Listener fĂŒr jede DeviceId, die beteiligt ist (YourDeviceId durch Deine jeweilige DeviceId ersetzen) anlegen, damit die Infos in die zentralen States ĂŒbernommen werden.

                                          FĂŒr die Volumeregelung braucht es eine Reverseregelung, die nicht durch direkten Zugriff möglich ist:

                                          //Reverse Volume
                                          
                                          
                                          on({id: ['0_userdata.0.multiroom.Alexa_Player_Actual_Volume'], change: "ne"}, function (obj) {
                                          
                                           var value = obj.state.val;
                                           var oldValue = obj.oldState.val;
                                          
                                           if (getState('0_userdata.0.multiroom.Alexa_Player_DeviceID'/*Alexa Player DeviceID*/).val == "YourDeviceId") {
                                               if (getState('alexa2.0.Echo-Devices.YourDeviceId.Player.volume').val != value) {
                                                 setState('alexa2.0.Echo-Devices.YourDeviceId.Player.volume', value);
                                               }
                                               
                                           }
                                          
                                           if (getState('0_userdata.0.multiroom.Alexa_Player_DeviceID'/*Alexa Player DeviceID*/).val == "YourDeviceId") {
                                               if (getState('alexa2.0.Echo-Devices.YourDeviceId.Player.volume').val != value) {
                                                 setState('alexa2.0.Echo-Devices.YourDeviceId.Player.volume', value);
                                               }
                                               
                                           }
                                          
                                           if (getState('0_userdata.0.multiroom.Alexa_Player_DeviceID'/*Alexa Player DeviceID*/).val == "YourDeviceId") {
                                               if (getState('alexa2.0.Echo-Devices.YourDeviceId.Player.volume').val != value) {
                                                 setState('alexa2.0.Echo-Devices.YourDeviceId.Player.volume', value);
                                               }
                                               
                                           }
                                          
                                           if (getState('0_userdata.0.multiroom.Alexa_Player_DeviceID'/*Alexa Player DeviceID*/).val == "YourDeviceId") {
                                               if (getState('alexa2.0.Echo-Devices.YourDeviceId.Player.volume').val != value) {
                                                 setState('alexa2.0.Echo-Devices.YourDeviceId.Player.volume', value);
                                               }
                                               
                                           }
                                          
                                           if (getState('0_userdata.0.multiroom.Alexa_Player_DeviceID'/*Alexa Player DeviceID*/).val == "YourDeviceId") {
                                               if (getState('alexa2.0.Echo-Devices.YourDeviceId.Player.volume').val != value) {
                                                 setState('alexa2.0.Echo-Devices.YourDeviceId.Player.volume', value);
                                               }
                                               
                                           }
                                          
                                          });
                                          

                                          FĂŒr jede zu steuernde Device ID braucht es in dem Skript einen Eintrag.

                                          So nun zum Widget. Das Widget zeigt die meisten Datenpunkte direkt aus dem Player an indem einfach der Pfad zum Player-State manipuliert wird. Also z. B. alexa2.0.Echo-Devices.{0_userdata.0.multiroom.Alexa_Player_DeviceID}.Player.controlPause

                                          In der Leiste unten sind die wichtigsten Sender hinterlegt, sowie zwei Amazon Music Playlists. Durch Klick werden diese in der gerade selektierten Gruppe gestartet. Aktuell kann ich also nur diese Radiosender und die zwei Playlists ĂŒber das Widget starten. Der Player zeigt aber natĂŒrlich auch alles was ĂŒber die Alexa-App oder ĂŒber Sprachsteuerung auf der jeweiligen Gruppe gestartet wurde.

                                          Als Startpunkt hier noch der Export des VIS-Views fĂŒr das Widget:

                                          {
                                           "settings": {
                                             "style": {
                                               "background_class": ""
                                             },
                                             "theme": "redmond",
                                             "sizex": "",
                                             "sizey": "",
                                             "gridSize": "",
                                             "useBackground": false,
                                             "snapType": null
                                           },
                                           "widgets": {
                                             "e00001": {
                                               "tpl": "tplImage",
                                               "data": {
                                                 "g_fixed": false,
                                                 "g_visibility": false,
                                                 "g_css_font_text": false,
                                                 "g_css_background": false,
                                                 "g_css_shadow_padding": false,
                                                 "g_css_border": false,
                                                 "g_gestures": false,
                                                 "g_signals": false,
                                                 "g_last_change": false,
                                                 "visibility-cond": "==",
                                                 "visibility-val": 1,
                                                 "visibility-groups-action": "hide",
                                                 "refreshInterval": "0",
                                                 "signals-cond-0": "==",
                                                 "signals-val-0": true,
                                                 "signals-icon-0": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-0": 0,
                                                 "signals-blink-0": false,
                                                 "signals-horz-0": 0,
                                                 "signals-vert-0": 0,
                                                 "signals-hide-edit-0": false,
                                                 "signals-cond-1": "==",
                                                 "signals-val-1": true,
                                                 "signals-icon-1": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-1": 0,
                                                 "signals-blink-1": false,
                                                 "signals-horz-1": 0,
                                                 "signals-vert-1": 0,
                                                 "signals-hide-edit-1": false,
                                                 "signals-cond-2": "==",
                                                 "signals-val-2": true,
                                                 "signals-icon-2": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-2": 0,
                                                 "signals-blink-2": false,
                                                 "signals-horz-2": 0,
                                                 "signals-vert-2": 0,
                                                 "signals-hide-edit-2": false,
                                                 "lc-type": "last-change",
                                                 "lc-is-interval": true,
                                                 "lc-is-moment": false,
                                                 "lc-format": "",
                                                 "lc-position-vert": "top",
                                                 "lc-position-horz": "right",
                                                 "lc-offset-vert": 0,
                                                 "lc-offset-horz": 0,
                                                 "lc-font-size": "12px",
                                                 "lc-font-family": "",
                                                 "lc-font-style": "",
                                                 "lc-bkg-color": "",
                                                 "lc-color": "",
                                                 "lc-border-width": "0",
                                                 "lc-border-style": "",
                                                 "lc-border-color": "",
                                                 "lc-border-radius": 10,
                                                 "lc-zindex": 0,
                                                 "src": "{0_userdata.0.multiroom.Alexa_Player_Actual_MiniartUrl}",
                                                 "stretch": false,
                                                 "refreshOnWakeUp": true,
                                                 "refreshOnViewChange": true,
                                                 "allowUserInteractions": false,
                                                 "refreshWithNoQuery": true
                                               },
                                               "style": {
                                                 "left": "31%",
                                                 "top": "0px",
                                                 "width": "69%",
                                                 "height": "150px",
                                                 "z-index": 0
                                               },
                                               "widgetSet": "basic"
                                             },
                                             "e00002": {
                                               "tpl": "tplVis-materialdesign-Icon-Button-State",
                                               "data": {
                                                 "oid": "alexa2.0.Echo-Devices.{0_userdata.0.multiroom.Alexa_Player_DeviceID}.Player.TuneIn-Station",
                                                 "g_fixed": false,
                                                 "g_visibility": false,
                                                 "g_css_font_text": false,
                                                 "g_css_background": false,
                                                 "g_css_shadow_padding": false,
                                                 "g_css_border": false,
                                                 "g_gestures": false,
                                                 "g_signals": false,
                                                 "g_last_change": false,
                                                 "visibility-cond": "==",
                                                 "visibility-val": 1,
                                                 "visibility-groups-action": "hide",
                                                 "vibrateOnMobilDevices": "50",
                                                 "signals-cond-0": "==",
                                                 "signals-val-0": true,
                                                 "signals-icon-0": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-0": 0,
                                                 "signals-blink-0": false,
                                                 "signals-horz-0": 0,
                                                 "signals-vert-0": 0,
                                                 "signals-hide-edit-0": false,
                                                 "signals-cond-1": "==",
                                                 "signals-val-1": true,
                                                 "signals-icon-1": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-1": 0,
                                                 "signals-blink-1": false,
                                                 "signals-horz-1": 0,
                                                 "signals-vert-1": 0,
                                                 "signals-hide-edit-1": false,
                                                 "signals-cond-2": "==",
                                                 "signals-val-2": true,
                                                 "signals-icon-2": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-2": 0,
                                                 "signals-blink-2": false,
                                                 "signals-horz-2": 0,
                                                 "signals-vert-2": 0,
                                                 "signals-hide-edit-2": false,
                                                 "lc-type": "last-change",
                                                 "lc-is-interval": true,
                                                 "lc-is-moment": false,
                                                 "lc-format": "",
                                                 "lc-position-vert": "top",
                                                 "lc-position-horz": "right",
                                                 "lc-offset-vert": 0,
                                                 "lc-offset-horz": 0,
                                                 "lc-font-size": "12px",
                                                 "lc-font-family": "",
                                                 "lc-font-style": "",
                                                 "lc-bkg-color": "",
                                                 "lc-color": "",
                                                 "lc-border-width": "0",
                                                 "lc-border-style": "",
                                                 "lc-border-color": "",
                                                 "lc-border-radius": 10,
                                                 "lc-zindex": 0,
                                                 "value": "s8514",
                                                 "image": "https://cdn-radiotime-logos.tunein.com/s8514q.png",
                                                 "iconHeight": "40",
                                                 "imageColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.icon.icon_off;dark:vis-materialdesign.0.colors.dark.button.icon.icon_off; mode === \"true\" ? dark : light}",
                                                 "colorBgFalse": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.icon.background_off;dark:vis-materialdesign.0.colors.dark.button.icon.background_off; mode === \"true\" ? dark : light}",
                                                 "colorPress": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.icon.pressed;dark:vis-materialdesign.0.colors.dark.button.icon.pressed; mode === \"true\" ? dark : light}",
                                                 "autoLockAfter": "10",
                                                 "lockIconTop": "45",
                                                 "lockIconLeft": "55",
                                                 "lockIconSize": "20",
                                                 "lockIconColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.icon.lock_icon;dark:vis-materialdesign.0.colors.dark.button.icon.lock_icon; mode === \"true\" ? dark : light}",
                                                 "lockIconBackground": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.icon.lock_icon_background;dark:vis-materialdesign.0.colors.dark.button.icon.lock_icon_background; mode === \"true\" ? dark : light}",
                                                 "lockBackgroundSizeFactor": "1",
                                                 "lockFilterGrayscale": "30"
                                               },
                                               "style": {
                                                 "left": "-5px",
                                                 "top": "279px",
                                                 "width": "67px",
                                                 "height": "66px",
                                                 "z-index": 1
                                               },
                                               "widgetSet": "materialdesign"
                                             },
                                             "e00003": {
                                               "tpl": "tplVis-materialdesign-Icon-Button-State",
                                               "data": {
                                                 "oid": "alexa2.0.Echo-Devices.{0_userdata.0.multiroom.Alexa_Player_DeviceID}.Player.TuneIn-Station",
                                                 "g_fixed": false,
                                                 "g_visibility": false,
                                                 "g_css_font_text": false,
                                                 "g_css_background": false,
                                                 "g_css_shadow_padding": false,
                                                 "g_css_border": false,
                                                 "g_gestures": false,
                                                 "g_signals": false,
                                                 "g_last_change": false,
                                                 "visibility-cond": "==",
                                                 "visibility-val": 1,
                                                 "visibility-groups-action": "hide",
                                                 "vibrateOnMobilDevices": "50",
                                                 "signals-cond-0": "==",
                                                 "signals-val-0": true,
                                                 "signals-icon-0": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-0": 0,
                                                 "signals-blink-0": false,
                                                 "signals-horz-0": 0,
                                                 "signals-vert-0": 0,
                                                 "signals-hide-edit-0": false,
                                                 "signals-cond-1": "==",
                                                 "signals-val-1": true,
                                                 "signals-icon-1": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-1": 0,
                                                 "signals-blink-1": false,
                                                 "signals-horz-1": 0,
                                                 "signals-vert-1": 0,
                                                 "signals-hide-edit-1": false,
                                                 "signals-cond-2": "==",
                                                 "signals-val-2": true,
                                                 "signals-icon-2": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-2": 0,
                                                 "signals-blink-2": false,
                                                 "signals-horz-2": 0,
                                                 "signals-vert-2": 0,
                                                 "signals-hide-edit-2": false,
                                                 "lc-type": "last-change",
                                                 "lc-is-interval": true,
                                                 "lc-is-moment": false,
                                                 "lc-format": "",
                                                 "lc-position-vert": "top",
                                                 "lc-position-horz": "right",
                                                 "lc-offset-vert": 0,
                                                 "lc-offset-horz": 0,
                                                 "lc-font-size": "12px",
                                                 "lc-font-family": "",
                                                 "lc-font-style": "",
                                                 "lc-bkg-color": "",
                                                 "lc-color": "",
                                                 "lc-border-width": "0",
                                                 "lc-border-style": "",
                                                 "lc-border-color": "",
                                                 "lc-border-radius": 10,
                                                 "lc-zindex": 0,
                                                 "value": "s8007",
                                                 "image": "https://cdn-radiotime-logos.tunein.com/s8007q.png",
                                                 "iconHeight": "40",
                                                 "imageColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.icon.icon_off;dark:vis-materialdesign.0.colors.dark.button.icon.icon_off; mode === \"true\" ? dark : light}",
                                                 "colorBgFalse": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.icon.background_off;dark:vis-materialdesign.0.colors.dark.button.icon.background_off; mode === \"true\" ? dark : light}",
                                                 "colorPress": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.icon.pressed;dark:vis-materialdesign.0.colors.dark.button.icon.pressed; mode === \"true\" ? dark : light}",
                                                 "autoLockAfter": "10",
                                                 "lockIconTop": "45",
                                                 "lockIconLeft": "55",
                                                 "lockIconSize": "20",
                                                 "lockIconColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.icon.lock_icon;dark:vis-materialdesign.0.colors.dark.button.icon.lock_icon; mode === \"true\" ? dark : light}",
                                                 "lockIconBackground": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.icon.lock_icon_background;dark:vis-materialdesign.0.colors.dark.button.icon.lock_icon_background; mode === \"true\" ? dark : light}",
                                                 "lockBackgroundSizeFactor": "1",
                                                 "lockFilterGrayscale": "30"
                                               },
                                               "style": {
                                                 "left": "40px",
                                                 "top": "278px",
                                                 "width": "67px",
                                                 "height": "66px",
                                                 "z-index": 1
                                               },
                                               "widgetSet": "materialdesign"
                                             },
                                             "e00004": {
                                               "tpl": "tplVis-materialdesign-Icon-Button-State",
                                               "data": {
                                                 "oid": "alexa2.0.Echo-Devices.{0_userdata.0.multiroom.Alexa_Player_DeviceID}.Player.TuneIn-Station",
                                                 "g_fixed": false,
                                                 "g_visibility": false,
                                                 "g_css_font_text": false,
                                                 "g_css_background": false,
                                                 "g_css_shadow_padding": false,
                                                 "g_css_border": false,
                                                 "g_gestures": false,
                                                 "g_signals": false,
                                                 "g_last_change": false,
                                                 "visibility-cond": "==",
                                                 "visibility-val": 1,
                                                 "visibility-groups-action": "hide",
                                                 "vibrateOnMobilDevices": "50",
                                                 "signals-cond-0": "==",
                                                 "signals-val-0": true,
                                                 "signals-icon-0": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-0": 0,
                                                 "signals-blink-0": false,
                                                 "signals-horz-0": 0,
                                                 "signals-vert-0": 0,
                                                 "signals-hide-edit-0": false,
                                                 "signals-cond-1": "==",
                                                 "signals-val-1": true,
                                                 "signals-icon-1": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-1": 0,
                                                 "signals-blink-1": false,
                                                 "signals-horz-1": 0,
                                                 "signals-vert-1": 0,
                                                 "signals-hide-edit-1": false,
                                                 "signals-cond-2": "==",
                                                 "signals-val-2": true,
                                                 "signals-icon-2": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-2": 0,
                                                 "signals-blink-2": false,
                                                 "signals-horz-2": 0,
                                                 "signals-vert-2": 0,
                                                 "signals-hide-edit-2": false,
                                                 "lc-type": "last-change",
                                                 "lc-is-interval": true,
                                                 "lc-is-moment": false,
                                                 "lc-format": "",
                                                 "lc-position-vert": "top",
                                                 "lc-position-horz": "right",
                                                 "lc-offset-vert": 0,
                                                 "lc-offset-horz": 0,
                                                 "lc-font-size": "12px",
                                                 "lc-font-family": "",
                                                 "lc-font-style": "",
                                                 "lc-bkg-color": "",
                                                 "lc-color": "",
                                                 "lc-border-width": "0",
                                                 "lc-border-style": "",
                                                 "lc-border-color": "",
                                                 "lc-border-radius": 10,
                                                 "lc-zindex": 0,
                                                 "value": "s253666",
                                                 "image": "https://cdn-profiles.tunein.com/s253666/images/logoq.png?t=1",
                                                 "iconHeight": "40",
                                                 "imageColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.icon.icon_off;dark:vis-materialdesign.0.colors.dark.button.icon.icon_off; mode === \"true\" ? dark : light}",
                                                 "colorBgFalse": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.icon.background_off;dark:vis-materialdesign.0.colors.dark.button.icon.background_off; mode === \"true\" ? dark : light}",
                                                 "colorPress": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.icon.pressed;dark:vis-materialdesign.0.colors.dark.button.icon.pressed; mode === \"true\" ? dark : light}",
                                                 "autoLockAfter": "10",
                                                 "lockIconTop": "45",
                                                 "lockIconLeft": "55",
                                                 "lockIconSize": "20",
                                                 "lockIconColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.icon.lock_icon;dark:vis-materialdesign.0.colors.dark.button.icon.lock_icon; mode === \"true\" ? dark : light}",
                                                 "lockIconBackground": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.icon.lock_icon_background;dark:vis-materialdesign.0.colors.dark.button.icon.lock_icon_background; mode === \"true\" ? dark : light}",
                                                 "lockBackgroundSizeFactor": "1",
                                                 "lockFilterGrayscale": "30"
                                               },
                                               "style": {
                                                 "left": "85px",
                                                 "top": "278px",
                                                 "width": "67px",
                                                 "height": "66px",
                                                 "z-index": 1
                                               },
                                               "widgetSet": "materialdesign"
                                             },
                                             "e00005": {
                                               "tpl": "tplVis-materialdesign-Icon-Button-State",
                                               "data": {
                                                 "oid": "alexa2.0.Echo-Devices.{0_userdata.0.multiroom.Alexa_Player_DeviceID}.Player.TuneIn-Station",
                                                 "g_fixed": false,
                                                 "g_visibility": false,
                                                 "g_css_font_text": false,
                                                 "g_css_background": false,
                                                 "g_css_shadow_padding": false,
                                                 "g_css_border": false,
                                                 "g_gestures": false,
                                                 "g_signals": false,
                                                 "g_last_change": false,
                                                 "visibility-cond": "==",
                                                 "visibility-val": 1,
                                                 "visibility-groups-action": "hide",
                                                 "vibrateOnMobilDevices": "50",
                                                 "signals-cond-0": "==",
                                                 "signals-val-0": true,
                                                 "signals-icon-0": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-0": 0,
                                                 "signals-blink-0": false,
                                                 "signals-horz-0": 0,
                                                 "signals-vert-0": 0,
                                                 "signals-hide-edit-0": false,
                                                 "signals-cond-1": "==",
                                                 "signals-val-1": true,
                                                 "signals-icon-1": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-1": 0,
                                                 "signals-blink-1": false,
                                                 "signals-horz-1": 0,
                                                 "signals-vert-1": 0,
                                                 "signals-hide-edit-1": false,
                                                 "signals-cond-2": "==",
                                                 "signals-val-2": true,
                                                 "signals-icon-2": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-2": 0,
                                                 "signals-blink-2": false,
                                                 "signals-horz-2": 0,
                                                 "signals-vert-2": 0,
                                                 "signals-hide-edit-2": false,
                                                 "lc-type": "last-change",
                                                 "lc-is-interval": true,
                                                 "lc-is-moment": false,
                                                 "lc-format": "",
                                                 "lc-position-vert": "top",
                                                 "lc-position-horz": "right",
                                                 "lc-offset-vert": 0,
                                                 "lc-offset-horz": 0,
                                                 "lc-font-size": "12px",
                                                 "lc-font-family": "",
                                                 "lc-font-style": "",
                                                 "lc-bkg-color": "",
                                                 "lc-color": "",
                                                 "lc-border-width": "0",
                                                 "lc-border-style": "",
                                                 "lc-border-color": "",
                                                 "lc-border-radius": 10,
                                                 "lc-zindex": 0,
                                                 "value": "s296257",
                                                 "image": "https://cdn-profiles.tunein.com/s296257/images/logoq.png",
                                                 "iconHeight": "40",
                                                 "autoLockAfter": "10",
                                                 "lockIconTop": "45",
                                                 "lockIconLeft": "55",
                                                 "lockIconSize": "20",
                                                 "lockIconColor": "red",
                                                 "lockFilterGrayscale": "30",
                                                 "imageColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.icon.icon_off;dark:vis-materialdesign.0.colors.dark.button.icon.icon_off; mode === \"true\" ? dark : light}",
                                                 "colorBgFalse": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.icon.background_off;dark:vis-materialdesign.0.colors.dark.button.icon.background_off; mode === \"true\" ? dark : light}",
                                                 "colorPress": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.icon.pressed;dark:vis-materialdesign.0.colors.dark.button.icon.pressed; mode === \"true\" ? dark : light}",
                                                 "lockIconBackground": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.icon.lock_icon_background;dark:vis-materialdesign.0.colors.dark.button.icon.lock_icon_background; mode === \"true\" ? dark : light}",
                                                 "lockBackgroundSizeFactor": "1"
                                               },
                                               "style": {
                                                 "left": "130px",
                                                 "top": "278px",
                                                 "width": "67px",
                                                 "height": "66px",
                                                 "z-index": 1
                                               },
                                               "widgetSet": "materialdesign"
                                             },
                                             "e00006": {
                                               "tpl": "tplVis-materialdesign-Icon-Button-State",
                                               "data": {
                                                 "oid": "alexa2.0.Echo-Devices.{0_userdata.0.multiroom.Alexa_Player_DeviceID}.Player.TuneIn-Station",
                                                 "g_fixed": false,
                                                 "g_visibility": false,
                                                 "g_css_font_text": false,
                                                 "g_css_background": false,
                                                 "g_css_shadow_padding": false,
                                                 "g_css_border": false,
                                                 "g_gestures": false,
                                                 "g_signals": false,
                                                 "g_last_change": false,
                                                 "visibility-cond": "==",
                                                 "visibility-val": 1,
                                                 "visibility-groups-action": "hide",
                                                 "vibrateOnMobilDevices": "50",
                                                 "signals-cond-0": "==",
                                                 "signals-val-0": true,
                                                 "signals-icon-0": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-0": 0,
                                                 "signals-blink-0": false,
                                                 "signals-horz-0": 0,
                                                 "signals-vert-0": 0,
                                                 "signals-hide-edit-0": false,
                                                 "signals-cond-1": "==",
                                                 "signals-val-1": true,
                                                 "signals-icon-1": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-1": 0,
                                                 "signals-blink-1": false,
                                                 "signals-horz-1": 0,
                                                 "signals-vert-1": 0,
                                                 "signals-hide-edit-1": false,
                                                 "signals-cond-2": "==",
                                                 "signals-val-2": true,
                                                 "signals-icon-2": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-2": 0,
                                                 "signals-blink-2": false,
                                                 "signals-horz-2": 0,
                                                 "signals-vert-2": 0,
                                                 "signals-hide-edit-2": false,
                                                 "lc-type": "last-change",
                                                 "lc-is-interval": true,
                                                 "lc-is-moment": false,
                                                 "lc-format": "",
                                                 "lc-position-vert": "top",
                                                 "lc-position-horz": "right",
                                                 "lc-offset-vert": 0,
                                                 "lc-offset-horz": 0,
                                                 "lc-font-size": "12px",
                                                 "lc-font-family": "",
                                                 "lc-font-style": "",
                                                 "lc-bkg-color": "",
                                                 "lc-color": "",
                                                 "lc-border-width": "0",
                                                 "lc-border-style": "",
                                                 "lc-border-color": "",
                                                 "lc-border-radius": 10,
                                                 "lc-zindex": 0,
                                                 "value": "s8235",
                                                 "image": "https://cdn-radiotime-logos.tunein.com/s8235q.png",
                                                 "iconHeight": "40",
                                                 "imageColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.icon.icon_off;dark:vis-materialdesign.0.colors.dark.button.icon.icon_off; mode === \"true\" ? dark : light}",
                                                 "colorBgFalse": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.icon.background_off;dark:vis-materialdesign.0.colors.dark.button.icon.background_off; mode === \"true\" ? dark : light}",
                                                 "colorPress": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.icon.pressed;dark:vis-materialdesign.0.colors.dark.button.icon.pressed; mode === \"true\" ? dark : light}",
                                                 "autoLockAfter": "10",
                                                 "lockIconTop": "45",
                                                 "lockIconLeft": "55",
                                                 "lockIconSize": "20",
                                                 "lockIconColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.icon.lock_icon;dark:vis-materialdesign.0.colors.dark.button.icon.lock_icon; mode === \"true\" ? dark : light}",
                                                 "lockIconBackground": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.icon.lock_icon_background;dark:vis-materialdesign.0.colors.dark.button.icon.lock_icon_background; mode === \"true\" ? dark : light}",
                                                 "lockBackgroundSizeFactor": "1",
                                                 "lockFilterGrayscale": "30"
                                               },
                                               "style": {
                                                 "left": "176px",
                                                 "top": "278px",
                                                 "width": "67px",
                                                 "height": "66px",
                                                 "z-index": 1
                                               },
                                               "widgetSet": "materialdesign"
                                             },
                                             "e00007": {
                                               "tpl": "tplVis-materialdesign-Icon-Button-State",
                                               "data": {
                                                 "oid": "alexa2.0.Echo-Devices.{0_userdata.0.multiroom.Alexa_Player_DeviceID}.Player.TuneIn-Station",
                                                 "g_fixed": false,
                                                 "g_visibility": false,
                                                 "g_css_font_text": false,
                                                 "g_css_background": false,
                                                 "g_css_shadow_padding": false,
                                                 "g_css_border": false,
                                                 "g_gestures": false,
                                                 "g_signals": false,
                                                 "g_last_change": false,
                                                 "visibility-cond": "==",
                                                 "visibility-val": 1,
                                                 "visibility-groups-action": "hide",
                                                 "vibrateOnMobilDevices": "50",
                                                 "signals-cond-0": "==",
                                                 "signals-val-0": true,
                                                 "signals-icon-0": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-0": 0,
                                                 "signals-blink-0": false,
                                                 "signals-horz-0": 0,
                                                 "signals-vert-0": 0,
                                                 "signals-hide-edit-0": false,
                                                 "signals-cond-1": "==",
                                                 "signals-val-1": true,
                                                 "signals-icon-1": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-1": 0,
                                                 "signals-blink-1": false,
                                                 "signals-horz-1": 0,
                                                 "signals-vert-1": 0,
                                                 "signals-hide-edit-1": false,
                                                 "signals-cond-2": "==",
                                                 "signals-val-2": true,
                                                 "signals-icon-2": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-2": 0,
                                                 "signals-blink-2": false,
                                                 "signals-horz-2": 0,
                                                 "signals-vert-2": 0,
                                                 "signals-hide-edit-2": false,
                                                 "lc-type": "last-change",
                                                 "lc-is-interval": true,
                                                 "lc-is-moment": false,
                                                 "lc-format": "",
                                                 "lc-position-vert": "top",
                                                 "lc-position-horz": "right",
                                                 "lc-offset-vert": 0,
                                                 "lc-offset-horz": 0,
                                                 "lc-font-size": "12px",
                                                 "lc-font-family": "",
                                                 "lc-font-style": "",
                                                 "lc-bkg-color": "",
                                                 "lc-color": "",
                                                 "lc-border-width": "0",
                                                 "lc-border-style": "",
                                                 "lc-border-color": "",
                                                 "lc-border-radius": 10,
                                                 "lc-zindex": 0,
                                                 "value": "s9211",
                                                 "image": "https://cdn-profiles.tunein.com/s9211/images/logoq.png?t=155067",
                                                 "iconHeight": "40",
                                                 "imageColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.icon.icon_off;dark:vis-materialdesign.0.colors.dark.button.icon.icon_off; mode === \"true\" ? dark : light}",
                                                 "colorBgFalse": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.icon.background_off;dark:vis-materialdesign.0.colors.dark.button.icon.background_off; mode === \"true\" ? dark : light}",
                                                 "colorPress": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.icon.pressed;dark:vis-materialdesign.0.colors.dark.button.icon.pressed; mode === \"true\" ? dark : light}",
                                                 "autoLockAfter": "10",
                                                 "lockIconTop": "45",
                                                 "lockIconLeft": "55",
                                                 "lockIconSize": "20",
                                                 "lockIconColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.icon.lock_icon;dark:vis-materialdesign.0.colors.dark.button.icon.lock_icon; mode === \"true\" ? dark : light}",
                                                 "lockIconBackground": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.icon.lock_icon_background;dark:vis-materialdesign.0.colors.dark.button.icon.lock_icon_background; mode === \"true\" ? dark : light}",
                                                 "lockBackgroundSizeFactor": "1",
                                                 "lockFilterGrayscale": "30"
                                               },
                                               "style": {
                                                 "left": "221px",
                                                 "top": "278px",
                                                 "width": "67px",
                                                 "height": "66px",
                                                 "z-index": 1
                                               },
                                               "widgetSet": "materialdesign"
                                             },
                                             "e00008": {
                                               "tpl": "tplVis-materialdesign-Icon-Button-State",
                                               "data": {
                                                 "oid": "alexa2.0.Echo-Devices.{0_userdata.0.multiroom.Alexa_Player_DeviceID}.Music-Provider.Amazon-Music-Playlist",
                                                 "g_fixed": false,
                                                 "g_visibility": false,
                                                 "g_css_font_text": false,
                                                 "g_css_background": false,
                                                 "g_css_shadow_padding": false,
                                                 "g_css_border": false,
                                                 "g_gestures": false,
                                                 "g_signals": false,
                                                 "g_last_change": false,
                                                 "visibility-cond": "==",
                                                 "visibility-val": 1,
                                                 "visibility-groups-action": "hide",
                                                 "vibrateOnMobilDevices": "50",
                                                 "signals-cond-0": "==",
                                                 "signals-val-0": true,
                                                 "signals-icon-0": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-0": 0,
                                                 "signals-blink-0": false,
                                                 "signals-horz-0": 0,
                                                 "signals-vert-0": 0,
                                                 "signals-hide-edit-0": false,
                                                 "signals-cond-1": "==",
                                                 "signals-val-1": true,
                                                 "signals-icon-1": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-1": 0,
                                                 "signals-blink-1": false,
                                                 "signals-horz-1": 0,
                                                 "signals-vert-1": 0,
                                                 "signals-hide-edit-1": false,
                                                 "signals-cond-2": "==",
                                                 "signals-val-2": true,
                                                 "signals-icon-2": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-2": 0,
                                                 "signals-blink-2": false,
                                                 "signals-horz-2": 0,
                                                 "signals-vert-2": 0,
                                                 "signals-hide-edit-2": false,
                                                 "lc-type": "last-change",
                                                 "lc-is-interval": true,
                                                 "lc-is-moment": false,
                                                 "lc-format": "",
                                                 "lc-position-vert": "top",
                                                 "lc-position-horz": "right",
                                                 "lc-offset-vert": 0,
                                                 "lc-offset-horz": 0,
                                                 "lc-font-size": "12px",
                                                 "lc-font-family": "",
                                                 "lc-font-style": "",
                                                 "lc-bkg-color": "",
                                                 "lc-color": "",
                                                 "lc-border-width": "0",
                                                 "lc-border-style": "",
                                                 "lc-border-color": "",
                                                 "lc-border-radius": 10,
                                                 "lc-zindex": 0,
                                                 "value": "Nicole",
                                                 "image": "/vis.0/main/img/Nicole.png",
                                                 "iconHeight": "40",
                                                 "imageColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.icon.icon_off;dark:vis-materialdesign.0.colors.dark.button.icon.icon_off; mode === \"true\" ? dark : light}",
                                                 "colorBgFalse": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.icon.background_off;dark:vis-materialdesign.0.colors.dark.button.icon.background_off; mode === \"true\" ? dark : light}",
                                                 "colorPress": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.icon.pressed;dark:vis-materialdesign.0.colors.dark.button.icon.pressed; mode === \"true\" ? dark : light}",
                                                 "autoLockAfter": "10",
                                                 "lockIconTop": "45",
                                                 "lockIconLeft": "55",
                                                 "lockIconSize": "20",
                                                 "lockIconColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.icon.lock_icon;dark:vis-materialdesign.0.colors.dark.button.icon.lock_icon; mode === \"true\" ? dark : light}",
                                                 "lockIconBackground": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.icon.lock_icon_background;dark:vis-materialdesign.0.colors.dark.button.icon.lock_icon_background; mode === \"true\" ? dark : light}",
                                                 "lockBackgroundSizeFactor": "1",
                                                 "lockFilterGrayscale": "30"
                                               },
                                               "style": {
                                                 "left": "266px",
                                                 "top": "278px",
                                                 "width": "67px",
                                                 "height": "66px"
                                               },
                                               "widgetSet": "materialdesign"
                                             },
                                             "e00009": {
                                               "tpl": "tplVis-materialdesign-Icon-Button-State",
                                               "data": {
                                                 "oid": "alexa2.0.Echo-Devices.{0_userdata.0.multiroom.Alexa_Player_DeviceID}.Music-Provider.Amazon-Music-Playlist",
                                                 "g_fixed": false,
                                                 "g_visibility": false,
                                                 "g_css_font_text": false,
                                                 "g_css_background": false,
                                                 "g_css_shadow_padding": false,
                                                 "g_css_border": false,
                                                 "g_gestures": false,
                                                 "g_signals": false,
                                                 "g_last_change": false,
                                                 "visibility-cond": "==",
                                                 "visibility-val": 1,
                                                 "visibility-groups-action": "hide",
                                                 "vibrateOnMobilDevices": "50",
                                                 "signals-cond-0": "==",
                                                 "signals-val-0": true,
                                                 "signals-icon-0": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-0": 0,
                                                 "signals-blink-0": false,
                                                 "signals-horz-0": 0,
                                                 "signals-vert-0": 0,
                                                 "signals-hide-edit-0": false,
                                                 "signals-cond-1": "==",
                                                 "signals-val-1": true,
                                                 "signals-icon-1": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-1": 0,
                                                 "signals-blink-1": false,
                                                 "signals-horz-1": 0,
                                                 "signals-vert-1": 0,
                                                 "signals-hide-edit-1": false,
                                                 "signals-cond-2": "==",
                                                 "signals-val-2": true,
                                                 "signals-icon-2": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-2": 0,
                                                 "signals-blink-2": false,
                                                 "signals-horz-2": 0,
                                                 "signals-vert-2": 0,
                                                 "signals-hide-edit-2": false,
                                                 "lc-type": "last-change",
                                                 "lc-is-interval": true,
                                                 "lc-is-moment": false,
                                                 "lc-format": "",
                                                 "lc-position-vert": "top",
                                                 "lc-position-horz": "right",
                                                 "lc-offset-vert": 0,
                                                 "lc-offset-horz": 0,
                                                 "lc-font-size": "12px",
                                                 "lc-font-family": "",
                                                 "lc-font-style": "",
                                                 "lc-bkg-color": "",
                                                 "lc-color": "",
                                                 "lc-border-width": "0",
                                                 "lc-border-style": "",
                                                 "lc-border-color": "",
                                                 "lc-border-radius": 10,
                                                 "lc-zindex": 0,
                                                 "value": "Vuko",
                                                 "image": "/vis.0/main/img/Vuko.png",
                                                 "iconHeight": "40",
                                                 "imageColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.icon.icon_off;dark:vis-materialdesign.0.colors.dark.button.icon.icon_off; mode === \"true\" ? dark : light}",
                                                 "colorBgFalse": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.icon.background_off;dark:vis-materialdesign.0.colors.dark.button.icon.background_off; mode === \"true\" ? dark : light}",
                                                 "colorPress": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.icon.pressed;dark:vis-materialdesign.0.colors.dark.button.icon.pressed; mode === \"true\" ? dark : light}",
                                                 "autoLockAfter": "10",
                                                 "lockIconTop": "45",
                                                 "lockIconLeft": "55",
                                                 "lockIconSize": "20",
                                                 "lockIconColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.icon.lock_icon;dark:vis-materialdesign.0.colors.dark.button.icon.lock_icon; mode === \"true\" ? dark : light}",
                                                 "lockIconBackground": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.icon.lock_icon_background;dark:vis-materialdesign.0.colors.dark.button.icon.lock_icon_background; mode === \"true\" ? dark : light}",
                                                 "lockBackgroundSizeFactor": "1",
                                                 "lockFilterGrayscale": "30"
                                               },
                                               "style": {
                                                 "left": "311px",
                                                 "top": "278px",
                                                 "width": "67px",
                                                 "height": "66px"
                                               },
                                               "widgetSet": "materialdesign"
                                             },
                                             "e00010": {
                                               "tpl": "tplVis-materialdesign-Button-Toggle",
                                               "data": {
                                                 "oid": "alexa2.0.Echo-Devices.{0_userdata.0.multiroom.Alexa_Player_DeviceID}.Player.controlShuffle",
                                                 "g_fixed": false,
                                                 "g_visibility": false,
                                                 "g_css_font_text": false,
                                                 "g_css_background": false,
                                                 "g_css_shadow_padding": false,
                                                 "g_css_border": false,
                                                 "g_gestures": false,
                                                 "g_signals": false,
                                                 "g_last_change": false,
                                                 "visibility-cond": "==",
                                                 "visibility-val": 1,
                                                 "visibility-groups-action": "hide",
                                                 "buttonStyle": "raised",
                                                 "toggleType": "boolean",
                                                 "stateIfNotTrueValue": "off",
                                                 "vibrateOnMobilDevices": "50",
                                                 "iconPosition": "left",
                                                 "signals-cond-0": "==",
                                                 "signals-val-0": true,
                                                 "signals-icon-0": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-0": 0,
                                                 "signals-blink-0": false,
                                                 "signals-horz-0": 0,
                                                 "signals-vert-0": 0,
                                                 "signals-hide-edit-0": false,
                                                 "signals-cond-1": "==",
                                                 "signals-val-1": true,
                                                 "signals-icon-1": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-1": 0,
                                                 "signals-blink-1": false,
                                                 "signals-horz-1": 0,
                                                 "signals-vert-1": 0,
                                                 "signals-hide-edit-1": false,
                                                 "signals-cond-2": "==",
                                                 "signals-val-2": true,
                                                 "signals-icon-2": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-2": 0,
                                                 "signals-blink-2": false,
                                                 "signals-horz-2": 0,
                                                 "signals-vert-2": 0,
                                                 "signals-hide-edit-2": false,
                                                 "lc-type": "last-change",
                                                 "lc-is-interval": true,
                                                 "lc-is-moment": false,
                                                 "lc-format": "",
                                                 "lc-position-vert": "top",
                                                 "lc-position-horz": "right",
                                                 "lc-offset-vert": 0,
                                                 "lc-offset-horz": 0,
                                                 "lc-font-size": "12px",
                                                 "lc-font-family": "",
                                                 "lc-font-style": "",
                                                 "lc-bkg-color": "",
                                                 "lc-color": "",
                                                 "lc-border-width": "0",
                                                 "lc-border-style": "",
                                                 "lc-border-color": "",
                                                 "lc-border-radius": 10,
                                                 "lc-zindex": 0,
                                                 "colorBgFalse": "#6b665e",
                                                 "colorBgTrue": "#b7a98b",
                                                 "image": "/icons-mfd-png/audio_shuffle.png",
                                                 "iconHeight": "50",
                                                 "labelWidth": "0",
                                                 "valueOff": "false",
                                                 "valueOn": "true",
                                                 "textFontFamily": "{vis-materialdesign.0.fonts.button.text}",
                                                 "textFontSize": "{vis-materialdesign.0.fontSizes.button.text}",
                                                 "g_lock": false,
                                                 "autoLockAfter": "10",
                                                 "lockIconColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.lock_icon;dark:vis-materialdesign.0.colors.dark.button.lock_icon; mode === \"true\" ? dark : light}",
                                                 "lockFilterGrayscale": "30",
                                                 "labelColorTrue": "",
                                                 "colorPress": "#b7a98b"
                                               },
                                               "style": {
                                                 "left": "77%",
                                                 "top": "160px",
                                                 "width": "22%",
                                                 "height": "40px",
                                                 "z-index": "20",
                                                 "position": ""
                                               },
                                               "widgetSet": "materialdesign"
                                             },
                                             "e00011": {
                                               "tpl": "tplVis-materialdesign-Button-State",
                                               "data": {
                                                 "oid": "alexa2.0.Echo-Devices.{0_userdata.0.multiroom.Alexa_Player_DeviceID}.Player.controlNext",
                                                 "g_fixed": false,
                                                 "g_visibility": false,
                                                 "g_css_font_text": false,
                                                 "g_css_background": true,
                                                 "g_css_shadow_padding": false,
                                                 "g_css_border": false,
                                                 "g_gestures": false,
                                                 "g_signals": false,
                                                 "g_last_change": false,
                                                 "visibility-cond": "==",
                                                 "visibility-val": 1,
                                                 "visibility-groups-action": "hide",
                                                 "buttonStyle": "unelevated",
                                                 "vibrateOnMobilDevices": "50",
                                                 "iconPosition": "left",
                                                 "signals-cond-0": "==",
                                                 "signals-val-0": true,
                                                 "signals-icon-0": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-0": 0,
                                                 "signals-blink-0": false,
                                                 "signals-horz-0": 0,
                                                 "signals-vert-0": 0,
                                                 "signals-hide-edit-0": false,
                                                 "signals-cond-1": "==",
                                                 "signals-val-1": true,
                                                 "signals-icon-1": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-1": 0,
                                                 "signals-blink-1": false,
                                                 "signals-horz-1": 0,
                                                 "signals-vert-1": 0,
                                                 "signals-hide-edit-1": false,
                                                 "signals-cond-2": "==",
                                                 "signals-val-2": true,
                                                 "signals-icon-2": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-2": 0,
                                                 "signals-blink-2": false,
                                                 "signals-horz-2": 0,
                                                 "signals-vert-2": 0,
                                                 "signals-hide-edit-2": false,
                                                 "lc-type": "last-change",
                                                 "lc-is-interval": true,
                                                 "lc-is-moment": false,
                                                 "lc-format": "",
                                                 "lc-position-vert": "top",
                                                 "lc-position-horz": "right",
                                                 "lc-offset-vert": 0,
                                                 "lc-offset-horz": 0,
                                                 "lc-font-size": "12px",
                                                 "lc-font-family": "",
                                                 "lc-font-style": "",
                                                 "lc-bkg-color": "",
                                                 "lc-color": "",
                                                 "lc-border-width": "0",
                                                 "lc-border-style": "",
                                                 "lc-border-color": "",
                                                 "lc-border-radius": 10,
                                                 "lc-zindex": 0,
                                                 "value": "true",
                                                 "colorPress": "#b7a98b",
                                                 "image": "/icons-mfd-png/audio_ff.png",
                                                 "iconHeight": "55",
                                                 "textFontFamily": "{vis-materialdesign.0.fonts.button.text}",
                                                 "textFontSize": "{vis-materialdesign.0.fontSizes.button.text}",
                                                 "autoLockAfter": "10",
                                                 "lockIconColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.lock_icon;dark:vis-materialdesign.0.colors.dark.button.lock_icon; mode === \"true\" ? dark : light}",
                                                 "lockFilterGrayscale": "30"
                                               },
                                               "style": {
                                                 "left": "54%",
                                                 "top": "160px",
                                                 "width": "22%",
                                                 "height": "40px",
                                                 "background-color": "#b7a98b",
                                                 "z-index": 21,
                                                 "background": "#6b665e"
                                               },
                                               "widgetSet": "materialdesign"
                                             },
                                             "e00012": {
                                               "tpl": "tplValueString",
                                               "data": {
                                                 "oid": "0_userdata.0.multiroom.Alexa_Player_Actual_Title",
                                                 "g_fixed": false,
                                                 "g_visibility": false,
                                                 "g_css_font_text": true,
                                                 "g_css_background": false,
                                                 "g_css_shadow_padding": false,
                                                 "g_css_border": false,
                                                 "g_gestures": false,
                                                 "g_signals": false,
                                                 "g_last_change": false,
                                                 "visibility-cond": "==",
                                                 "visibility-val": 1,
                                                 "visibility-groups-action": "hide",
                                                 "lc-type": "last-change",
                                                 "lc-is-interval": true,
                                                 "lc-is-moment": false,
                                                 "lc-format": "",
                                                 "lc-position-vert": "top",
                                                 "lc-position-horz": "right",
                                                 "lc-offset-vert": 0,
                                                 "lc-offset-horz": 0,
                                                 "lc-font-size": "12px",
                                                 "lc-font-family": "",
                                                 "lc-font-style": "",
                                                 "lc-bkg-color": "",
                                                 "lc-color": "",
                                                 "lc-border-width": "0",
                                                 "lc-border-style": "",
                                                 "lc-border-color": "",
                                                 "lc-border-radius": 10,
                                                 "lc-zindex": 0,
                                                 "html_prepend": "",
                                                 "signals-cond-0": "==",
                                                 "signals-val-0": true,
                                                 "signals-icon-0": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-0": 0,
                                                 "signals-blink-0": false,
                                                 "signals-horz-0": 0,
                                                 "signals-vert-0": 0,
                                                 "signals-hide-edit-0": false,
                                                 "signals-cond-1": "==",
                                                 "signals-val-1": true,
                                                 "signals-icon-1": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-1": 0,
                                                 "signals-blink-1": false,
                                                 "signals-horz-1": 0,
                                                 "signals-vert-1": 0,
                                                 "signals-hide-edit-1": false,
                                                 "signals-cond-2": "==",
                                                 "signals-val-2": true,
                                                 "signals-icon-2": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-2": 0,
                                                 "signals-blink-2": false,
                                                 "signals-horz-2": 0,
                                                 "signals-vert-2": 0,
                                                 "signals-hide-edit-2": false
                                               },
                                               "style": {
                                                 "left": "10px",
                                                 "top": "256px",
                                                 "width": "100%",
                                                 "height": "42px",
                                                 "color": "#c9c9c9",
                                                 "z-index": 0,
                                                 "font-size": "large",
                                                 "text-align": "left"
                                               },
                                               "widgetSet": "basic"
                                             },
                                             "e00013": {
                                               "tpl": "tplValueString",
                                               "data": {
                                                 "oid": "0_userdata.0.multiroom.Alexa_Player_Actual_Artist",
                                                 "g_fixed": false,
                                                 "g_visibility": false,
                                                 "g_css_font_text": true,
                                                 "g_css_background": false,
                                                 "g_css_shadow_padding": false,
                                                 "g_css_border": false,
                                                 "g_gestures": false,
                                                 "g_signals": false,
                                                 "g_last_change": false,
                                                 "visibility-cond": "==",
                                                 "visibility-val": 1,
                                                 "visibility-groups-action": "hide",
                                                 "signals-cond-0": "==",
                                                 "signals-val-0": true,
                                                 "signals-icon-0": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-0": 0,
                                                 "signals-blink-0": false,
                                                 "signals-horz-0": 0,
                                                 "signals-vert-0": 0,
                                                 "signals-hide-edit-0": false,
                                                 "signals-cond-1": "==",
                                                 "signals-val-1": true,
                                                 "signals-icon-1": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-1": 0,
                                                 "signals-blink-1": false,
                                                 "signals-horz-1": 0,
                                                 "signals-vert-1": 0,
                                                 "signals-hide-edit-1": false,
                                                 "signals-cond-2": "==",
                                                 "signals-val-2": true,
                                                 "signals-icon-2": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-2": 0,
                                                 "signals-blink-2": false,
                                                 "signals-horz-2": 0,
                                                 "signals-vert-2": 0,
                                                 "signals-hide-edit-2": false,
                                                 "lc-type": "last-change",
                                                 "lc-is-interval": true,
                                                 "lc-is-moment": false,
                                                 "lc-format": "",
                                                 "lc-position-vert": "top",
                                                 "lc-position-horz": "right",
                                                 "lc-offset-vert": 0,
                                                 "lc-offset-horz": 0,
                                                 "lc-font-size": "12px",
                                                 "lc-font-family": "",
                                                 "lc-font-style": "",
                                                 "lc-bkg-color": "",
                                                 "lc-color": "",
                                                 "lc-border-width": "0",
                                                 "lc-border-style": "",
                                                 "lc-border-color": "",
                                                 "lc-border-radius": 10,
                                                 "lc-zindex": 0,
                                                 "html_prepend": "",
                                                 "html_append": "    {0_userdata.0.multiroom.Alexa_Player_Actual_Album}"
                                               },
                                               "style": {
                                                 "left": "10px",
                                                 "top": "220px",
                                                 "width": "100%",
                                                 "height": "36px",
                                                 "color": "#c9c9c9",
                                                 "z-index": "4",
                                                 "font-size": "small"
                                               },
                                               "widgetSet": "basic"
                                             },
                                             "e00014": {
                                               "tpl": "tplVis-materialdesign-Button-Toggle",
                                               "data": {
                                                 "oid": "0_userdata.0.multiroom.Alexa_Player",
                                                 "g_fixed": false,
                                                 "g_visibility": false,
                                                 "g_css_font_text": true,
                                                 "g_css_background": false,
                                                 "g_css_shadow_padding": false,
                                                 "g_css_border": false,
                                                 "g_gestures": false,
                                                 "g_signals": false,
                                                 "g_last_change": false,
                                                 "visibility-cond": "==",
                                                 "visibility-val": 1,
                                                 "visibility-groups-action": "hide",
                                                 "buttonStyle": "text",
                                                 "toggleType": "value",
                                                 "stateIfNotTrueValue": "off",
                                                 "vibrateOnMobilDevices": "50",
                                                 "iconPosition": "left",
                                                 "signals-cond-0": "==",
                                                 "signals-val-0": true,
                                                 "signals-icon-0": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-0": 0,
                                                 "signals-blink-0": false,
                                                 "signals-horz-0": 0,
                                                 "signals-vert-0": 0,
                                                 "signals-hide-edit-0": false,
                                                 "signals-cond-1": "==",
                                                 "signals-val-1": true,
                                                 "signals-icon-1": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-1": 0,
                                                 "signals-blink-1": false,
                                                 "signals-horz-1": 0,
                                                 "signals-vert-1": 0,
                                                 "signals-hide-edit-1": false,
                                                 "signals-cond-2": "==",
                                                 "signals-val-2": true,
                                                 "signals-icon-2": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-2": 0,
                                                 "signals-blink-2": false,
                                                 "signals-horz-2": 0,
                                                 "signals-vert-2": 0,
                                                 "signals-hide-edit-2": false,
                                                 "lc-type": "last-change",
                                                 "lc-is-interval": true,
                                                 "lc-is-moment": false,
                                                 "lc-format": "",
                                                 "lc-position-vert": "top",
                                                 "lc-position-horz": "right",
                                                 "lc-offset-vert": 0,
                                                 "lc-offset-horz": 0,
                                                 "lc-font-size": "12px",
                                                 "lc-font-family": "",
                                                 "lc-font-style": "",
                                                 "lc-bkg-color": "",
                                                 "lc-color": "",
                                                 "lc-border-width": "0",
                                                 "lc-border-style": "",
                                                 "lc-border-color": "",
                                                 "lc-border-radius": 10,
                                                 "lc-zindex": 0,
                                                 "valueOn": "2",
                                                 "buttontext": "Wohnzimmer",
                                                 "colorBgFalse": "",
                                                 "colorBgTrue": "#b7a98b",
                                                 "autoLockAfter": "10",
                                                 "lockFilterGrayscale": "30",
                                                 "textFontFamily": "{vis-materialdesign.0.fonts.button.text}",
                                                 "textFontSize": "{vis-materialdesign.0.fontSizes.button.text}",
                                                 "lockIconColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.lock_icon;dark:vis-materialdesign.0.colors.dark.button.lock_icon; mode === \"true\" ? dark : light}",
                                                 "labelColorTrue": "#FFFFFF"
                                               },
                                               "style": {
                                                 "left": "0px",
                                                 "top": "60px",
                                                 "width": "29%",
                                                 "height": "30px",
                                                 "text-align": "left",
                                                 "z-index": 31,
                                                 "color": "#c9c9c9"
                                               },
                                               "widgetSet": "materialdesign"
                                             },
                                             "e00015": {
                                               "tpl": "tplVis-materialdesign-Button-Toggle",
                                               "data": {
                                                 "oid": "0_userdata.0.multiroom.Alexa_Player",
                                                 "g_fixed": false,
                                                 "g_visibility": false,
                                                 "g_css_font_text": true,
                                                 "g_css_background": false,
                                                 "g_css_shadow_padding": false,
                                                 "g_css_border": false,
                                                 "g_gestures": false,
                                                 "g_signals": false,
                                                 "g_last_change": false,
                                                 "visibility-cond": "==",
                                                 "visibility-val": 1,
                                                 "visibility-groups-action": "hide",
                                                 "buttonStyle": "text",
                                                 "toggleType": "value",
                                                 "stateIfNotTrueValue": "off",
                                                 "vibrateOnMobilDevices": "50",
                                                 "iconPosition": "left",
                                                 "signals-cond-0": "==",
                                                 "signals-val-0": true,
                                                 "signals-icon-0": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-0": 0,
                                                 "signals-blink-0": false,
                                                 "signals-horz-0": 0,
                                                 "signals-vert-0": 0,
                                                 "signals-hide-edit-0": false,
                                                 "signals-cond-1": "==",
                                                 "signals-val-1": true,
                                                 "signals-icon-1": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-1": 0,
                                                 "signals-blink-1": false,
                                                 "signals-horz-1": 0,
                                                 "signals-vert-1": 0,
                                                 "signals-hide-edit-1": false,
                                                 "signals-cond-2": "==",
                                                 "signals-val-2": true,
                                                 "signals-icon-2": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-2": 0,
                                                 "signals-blink-2": false,
                                                 "signals-horz-2": 0,
                                                 "signals-vert-2": 0,
                                                 "signals-hide-edit-2": false,
                                                 "lc-type": "last-change",
                                                 "lc-is-interval": true,
                                                 "lc-is-moment": false,
                                                 "lc-format": "",
                                                 "lc-position-vert": "top",
                                                 "lc-position-horz": "right",
                                                 "lc-offset-vert": 0,
                                                 "lc-offset-horz": 0,
                                                 "lc-font-size": "12px",
                                                 "lc-font-family": "",
                                                 "lc-font-style": "",
                                                 "lc-bkg-color": "",
                                                 "lc-color": "",
                                                 "lc-border-width": "0",
                                                 "lc-border-style": "",
                                                 "lc-border-color": "",
                                                 "lc-border-radius": 10,
                                                 "lc-zindex": 0,
                                                 "valueOn": "1",
                                                 "buttontext": "Cockpit",
                                                 "colorBgFalse": "",
                                                 "colorBgTrue": "#b7a98b",
                                                 "autoLockAfter": "10",
                                                 "lockFilterGrayscale": "30",
                                                 "textFontFamily": "{vis-materialdesign.0.fonts.button.text}",
                                                 "textFontSize": "{vis-materialdesign.0.fontSizes.button.text}",
                                                 "lockIconColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.lock_icon;dark:vis-materialdesign.0.colors.dark.button.lock_icon; mode === \"true\" ? dark : light}",
                                                 "labelColorTrue": "#FFFFFF"
                                               },
                                               "style": {
                                                 "left": "0px",
                                                 "top": "30px",
                                                 "width": "29%",
                                                 "height": "30px",
                                                 "text-align": "left",
                                                 "z-index": 31,
                                                 "color": "#c9c9c9"
                                               },
                                               "widgetSet": "materialdesign"
                                             },
                                             "e00016": {
                                               "tpl": "tplVis-materialdesign-Button-Toggle",
                                               "data": {
                                                 "oid": "0_userdata.0.multiroom.Alexa_Player",
                                                 "g_fixed": false,
                                                 "g_visibility": false,
                                                 "g_css_font_text": true,
                                                 "g_css_background": false,
                                                 "g_css_shadow_padding": false,
                                                 "g_css_border": false,
                                                 "g_gestures": false,
                                                 "g_signals": false,
                                                 "g_last_change": false,
                                                 "visibility-cond": "==",
                                                 "visibility-val": 1,
                                                 "visibility-groups-action": "hide",
                                                 "buttonStyle": "text",
                                                 "toggleType": "value",
                                                 "stateIfNotTrueValue": "off",
                                                 "vibrateOnMobilDevices": "50",
                                                 "iconPosition": "left",
                                                 "signals-cond-0": "==",
                                                 "signals-val-0": true,
                                                 "signals-icon-0": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-0": 0,
                                                 "signals-blink-0": false,
                                                 "signals-horz-0": 0,
                                                 "signals-vert-0": 0,
                                                 "signals-hide-edit-0": false,
                                                 "signals-cond-1": "==",
                                                 "signals-val-1": true,
                                                 "signals-icon-1": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-1": 0,
                                                 "signals-blink-1": false,
                                                 "signals-horz-1": 0,
                                                 "signals-vert-1": 0,
                                                 "signals-hide-edit-1": false,
                                                 "signals-cond-2": "==",
                                                 "signals-val-2": true,
                                                 "signals-icon-2": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-2": 0,
                                                 "signals-blink-2": false,
                                                 "signals-horz-2": 0,
                                                 "signals-vert-2": 0,
                                                 "signals-hide-edit-2": false,
                                                 "lc-type": "last-change",
                                                 "lc-is-interval": true,
                                                 "lc-is-moment": false,
                                                 "lc-format": "",
                                                 "lc-position-vert": "top",
                                                 "lc-position-horz": "right",
                                                 "lc-offset-vert": 0,
                                                 "lc-offset-horz": 0,
                                                 "lc-font-size": "12px",
                                                 "lc-font-family": "",
                                                 "lc-font-style": "",
                                                 "lc-bkg-color": "",
                                                 "lc-color": "",
                                                 "lc-border-width": "0",
                                                 "lc-border-style": "",
                                                 "lc-border-color": "",
                                                 "lc-border-radius": 10,
                                                 "lc-zindex": 0,
                                                 "valueOn": "0",
                                                 "buttontext": "Überall",
                                                 "colorBgFalse": "",
                                                 "colorBgTrue": "#b7a98b",
                                                 "autoLockAfter": "10",
                                                 "lockFilterGrayscale": "30",
                                                 "textFontFamily": "{vis-materialdesign.0.fonts.button.text}",
                                                 "textFontSize": "{vis-materialdesign.0.fontSizes.button.text}",
                                                 "lockIconColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.lock_icon;dark:vis-materialdesign.0.colors.dark.button.lock_icon; mode === \"true\" ? dark : light}",
                                                 "labelColorTrue": "#FFFFFF"
                                               },
                                               "style": {
                                                 "left": "0px",
                                                 "top": "0px",
                                                 "width": "29%",
                                                 "height": "30px",
                                                 "text-align": "left",
                                                 "z-index": 31,
                                                 "color": "#c9c9c9"
                                               },
                                               "widgetSet": "materialdesign"
                                             },
                                             "e00017": {
                                               "tpl": "tplVis-materialdesign-Button-Toggle",
                                               "data": {
                                                 "oid": "0_userdata.0.multiroom.Alexa_Player",
                                                 "g_fixed": false,
                                                 "g_visibility": false,
                                                 "g_css_font_text": true,
                                                 "g_css_background": false,
                                                 "g_css_shadow_padding": false,
                                                 "g_css_border": false,
                                                 "g_gestures": false,
                                                 "g_signals": false,
                                                 "g_last_change": false,
                                                 "visibility-cond": "==",
                                                 "visibility-val": 1,
                                                 "visibility-groups-action": "hide",
                                                 "buttonStyle": "text",
                                                 "toggleType": "value",
                                                 "stateIfNotTrueValue": "off",
                                                 "vibrateOnMobilDevices": "50",
                                                 "iconPosition": "left",
                                                 "signals-cond-0": "==",
                                                 "signals-val-0": true,
                                                 "signals-icon-0": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-0": 0,
                                                 "signals-blink-0": false,
                                                 "signals-horz-0": 0,
                                                 "signals-vert-0": 0,
                                                 "signals-hide-edit-0": false,
                                                 "signals-cond-1": "==",
                                                 "signals-val-1": true,
                                                 "signals-icon-1": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-1": 0,
                                                 "signals-blink-1": false,
                                                 "signals-horz-1": 0,
                                                 "signals-vert-1": 0,
                                                 "signals-hide-edit-1": false,
                                                 "signals-cond-2": "==",
                                                 "signals-val-2": true,
                                                 "signals-icon-2": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-2": 0,
                                                 "signals-blink-2": false,
                                                 "signals-horz-2": 0,
                                                 "signals-vert-2": 0,
                                                 "signals-hide-edit-2": false,
                                                 "lc-type": "last-change",
                                                 "lc-is-interval": true,
                                                 "lc-is-moment": false,
                                                 "lc-format": "",
                                                 "lc-position-vert": "top",
                                                 "lc-position-horz": "right",
                                                 "lc-offset-vert": 0,
                                                 "lc-offset-horz": 0,
                                                 "lc-font-size": "12px",
                                                 "lc-font-family": "",
                                                 "lc-font-style": "",
                                                 "lc-bkg-color": "",
                                                 "lc-color": "",
                                                 "lc-border-width": "0",
                                                 "lc-border-style": "",
                                                 "lc-border-color": "",
                                                 "lc-border-radius": 10,
                                                 "lc-zindex": 0,
                                                 "valueOn": "3",
                                                 "buttontext": "BĂŒro",
                                                 "colorBgFalse": "",
                                                 "colorBgTrue": "#b7a98b",
                                                 "autoLockAfter": "10",
                                                 "lockFilterGrayscale": "30",
                                                 "textFontFamily": "{vis-materialdesign.0.fonts.button.text}",
                                                 "textFontSize": "{vis-materialdesign.0.fontSizes.button.text}",
                                                 "lockIconColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.lock_icon;dark:vis-materialdesign.0.colors.dark.button.lock_icon; mode === \"true\" ? dark : light}",
                                                 "labelColorTrue": "#FFFFFF"
                                               },
                                               "style": {
                                                 "left": "0px",
                                                 "top": "90px",
                                                 "width": "29%",
                                                 "height": "30px",
                                                 "text-align": "left",
                                                 "z-index": 31,
                                                 "color": "#c9c9c9"
                                               },
                                               "widgetSet": "materialdesign"
                                             },
                                             "e00018": {
                                               "tpl": "tplVis-materialdesign-Button-State",
                                               "data": {
                                                 "oid": "alexa2.0.Echo-Devices.{0_userdata.0.multiroom.Alexa_Player_DeviceID}.Player.controlPlay",
                                                 "g_fixed": false,
                                                 "g_visibility": true,
                                                 "g_css_font_text": false,
                                                 "g_css_background": true,
                                                 "g_css_shadow_padding": false,
                                                 "g_css_border": false,
                                                 "g_gestures": false,
                                                 "g_signals": false,
                                                 "g_last_change": false,
                                                 "visibility-cond": "==",
                                                 "visibility-val": "false",
                                                 "visibility-groups-action": "hide",
                                                 "buttonStyle": "unelevated",
                                                 "vibrateOnMobilDevices": "50",
                                                 "iconPosition": "left",
                                                 "signals-cond-0": "==",
                                                 "signals-val-0": true,
                                                 "signals-icon-0": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-0": 0,
                                                 "signals-blink-0": false,
                                                 "signals-horz-0": 0,
                                                 "signals-vert-0": 0,
                                                 "signals-hide-edit-0": false,
                                                 "signals-cond-1": "==",
                                                 "signals-val-1": true,
                                                 "signals-icon-1": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-1": 0,
                                                 "signals-blink-1": false,
                                                 "signals-horz-1": 0,
                                                 "signals-vert-1": 0,
                                                 "signals-hide-edit-1": false,
                                                 "signals-cond-2": "==",
                                                 "signals-val-2": true,
                                                 "signals-icon-2": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-2": 0,
                                                 "signals-blink-2": false,
                                                 "signals-horz-2": 0,
                                                 "signals-vert-2": 0,
                                                 "signals-hide-edit-2": false,
                                                 "lc-type": "last-change",
                                                 "lc-is-interval": true,
                                                 "lc-is-moment": false,
                                                 "lc-format": "",
                                                 "lc-position-vert": "top",
                                                 "lc-position-horz": "right",
                                                 "lc-offset-vert": 0,
                                                 "lc-offset-horz": 0,
                                                 "lc-font-size": "12px",
                                                 "lc-font-family": "",
                                                 "lc-font-style": "",
                                                 "lc-bkg-color": "",
                                                 "lc-color": "",
                                                 "lc-border-width": "0",
                                                 "lc-border-style": "",
                                                 "lc-border-color": "",
                                                 "lc-border-radius": 10,
                                                 "lc-zindex": 0,
                                                 "value": "true",
                                                 "colorPress": "#b7a98b",
                                                 "image": "/icons-mfd-png/audio_play.png",
                                                 "iconHeight": "55",
                                                 "visibility-oid": "0_userdata.0.multiroom.Alexa_Player_Actual_Playing",
                                                 "textFontFamily": "{vis-materialdesign.0.fonts.button.text}",
                                                 "textFontSize": "{vis-materialdesign.0.fontSizes.button.text}",
                                                 "autoLockAfter": "10",
                                                 "lockIconColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.lock_icon;dark:vis-materialdesign.0.colors.dark.button.lock_icon; mode === \"true\" ? dark : light}",
                                                 "lockFilterGrayscale": "30"
                                               },
                                               "style": {
                                                 "left": "31%",
                                                 "top": "160px",
                                                 "width": "22%",
                                                 "height": "40px",
                                                 "background-color": "#b7a98b",
                                                 "z-index": 11,
                                                 "background": "#6b665e"
                                               },
                                               "widgetSet": "materialdesign"
                                             },
                                             "e00019": {
                                               "tpl": "tplVis-materialdesign-Button-State",
                                               "data": {
                                                 "oid": "alexa2.0.Echo-Devices.{0_userdata.0.multiroom.Alexa_Player_DeviceID}.Player.controlPause",
                                                 "g_fixed": false,
                                                 "g_visibility": true,
                                                 "g_css_font_text": false,
                                                 "g_css_background": true,
                                                 "g_css_shadow_padding": false,
                                                 "g_css_border": false,
                                                 "g_gestures": false,
                                                 "g_signals": false,
                                                 "g_last_change": false,
                                                 "visibility-cond": "==",
                                                 "visibility-val": "true",
                                                 "visibility-groups-action": "hide",
                                                 "buttonStyle": "unelevated",
                                                 "vibrateOnMobilDevices": "50",
                                                 "iconPosition": "left",
                                                 "signals-cond-0": "==",
                                                 "signals-val-0": true,
                                                 "signals-icon-0": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-0": 0,
                                                 "signals-blink-0": false,
                                                 "signals-horz-0": 0,
                                                 "signals-vert-0": 0,
                                                 "signals-hide-edit-0": false,
                                                 "signals-cond-1": "==",
                                                 "signals-val-1": true,
                                                 "signals-icon-1": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-1": 0,
                                                 "signals-blink-1": false,
                                                 "signals-horz-1": 0,
                                                 "signals-vert-1": 0,
                                                 "signals-hide-edit-1": false,
                                                 "signals-cond-2": "==",
                                                 "signals-val-2": true,
                                                 "signals-icon-2": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-2": 0,
                                                 "signals-blink-2": false,
                                                 "signals-horz-2": 0,
                                                 "signals-vert-2": 0,
                                                 "signals-hide-edit-2": false,
                                                 "lc-type": "last-change",
                                                 "lc-is-interval": true,
                                                 "lc-is-moment": false,
                                                 "lc-format": "",
                                                 "lc-position-vert": "top",
                                                 "lc-position-horz": "right",
                                                 "lc-offset-vert": 0,
                                                 "lc-offset-horz": 0,
                                                 "lc-font-size": "12px",
                                                 "lc-font-family": "",
                                                 "lc-font-style": "",
                                                 "lc-bkg-color": "",
                                                 "lc-color": "",
                                                 "lc-border-width": "0",
                                                 "lc-border-style": "",
                                                 "lc-border-color": "",
                                                 "lc-border-radius": 10,
                                                 "lc-zindex": 0,
                                                 "value": "true",
                                                 "colorPress": "#b7a98b",
                                                 "image": "/icons-mfd-png/audio_pause.png",
                                                 "iconHeight": "55",
                                                 "visibility-oid": "0_userdata.0.multiroom.Alexa_Player_Actual_Playing",
                                                 "textFontFamily": "{vis-materialdesign.0.fonts.button.text}",
                                                 "textFontSize": "{vis-materialdesign.0.fontSizes.button.text}",
                                                 "autoLockAfter": "10",
                                                 "lockIconColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.lock_icon;dark:vis-materialdesign.0.colors.dark.button.lock_icon; mode === \"true\" ? dark : light}",
                                                 "lockFilterGrayscale": "30"
                                               },
                                               "style": {
                                                 "left": "31%",
                                                 "top": "160px",
                                                 "width": "22%",
                                                 "height": "40px",
                                                 "background-color": "#b7a98b",
                                                 "z-index": 11,
                                                 "background": "#b7a98b"
                                               },
                                               "widgetSet": "materialdesign"
                                             },
                                             "e00020": {
                                               "tpl": "tplVis-materialdesign-Progress",
                                               "data": {
                                                 "oid": "0_userdata.0.multiroom.Alexa_Player_Actual_Percentage",
                                                 "g_fixed": false,
                                                 "g_visibility": false,
                                                 "g_css_font_text": false,
                                                 "g_css_background": false,
                                                 "g_css_shadow_padding": false,
                                                 "g_css_border": false,
                                                 "g_gestures": false,
                                                 "g_signals": false,
                                                 "g_last_change": false,
                                                 "visibility-cond": "==",
                                                 "visibility-val": 1,
                                                 "visibility-groups-action": "hide",
                                                 "showValueLabel": false,
                                                 "valuePosition": "inside",
                                                 "valueLabelWidth": "25",
                                                 "signals-cond-0": "==",
                                                 "signals-val-0": true,
                                                 "signals-icon-0": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-0": 0,
                                                 "signals-blink-0": false,
                                                 "signals-horz-0": 0,
                                                 "signals-vert-0": 0,
                                                 "signals-hide-edit-0": false,
                                                 "signals-cond-1": "==",
                                                 "signals-val-1": true,
                                                 "signals-icon-1": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-1": 0,
                                                 "signals-blink-1": false,
                                                 "signals-horz-1": 0,
                                                 "signals-vert-1": 0,
                                                 "signals-hide-edit-1": false,
                                                 "signals-cond-2": "==",
                                                 "signals-val-2": true,
                                                 "signals-icon-2": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-2": 0,
                                                 "signals-blink-2": false,
                                                 "signals-horz-2": 0,
                                                 "signals-vert-2": 0,
                                                 "signals-hide-edit-2": false,
                                                 "lc-type": "last-change",
                                                 "lc-is-interval": true,
                                                 "lc-is-moment": false,
                                                 "lc-format": "",
                                                 "lc-position-vert": "top",
                                                 "lc-position-horz": "right",
                                                 "lc-offset-vert": 0,
                                                 "lc-offset-horz": 0,
                                                 "lc-font-size": "12px",
                                                 "lc-font-family": "",
                                                 "lc-font-style": "",
                                                 "lc-bkg-color": "",
                                                 "lc-color": "",
                                                 "lc-border-width": "0",
                                                 "lc-border-style": "",
                                                 "lc-border-color": "",
                                                 "lc-border-radius": 10,
                                                 "lc-zindex": 0,
                                                 "min": "0",
                                                 "max": "100",
                                                 "colorProgress": "#b7a98b",
                                                 "progressRounded": "true",
                                                 "colorProgressBackground": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.progress.track_background;dark:vis-materialdesign.0.colors.dark.progress.track_background; mode === \"true\" ? dark : light}",
                                                 "colorOne": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.progress.track_condition1;dark:vis-materialdesign.0.colors.dark.progress.track_condition1; mode === \"true\" ? dark : light}",
                                                 "colorTwo": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.progress.track_condition2;dark:vis-materialdesign.0.colors.dark.progress.track_condition2; mode === \"true\" ? dark : light}",
                                                 "valueLabelStyle": "progressPercent",
                                                 "textColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.progress.text;dark:vis-materialdesign.0.colors.dark.progress.text; mode === \"true\" ? dark : light}",
                                                 "textFontSize": "{vis-materialdesign.0.fontSizes.progress.text}",
                                                 "textFontFamily": "{vis-materialdesign.0.fonts.progress.text}",
                                                 "textAlign": "end"
                                               },
                                               "style": {
                                                 "left": "31%",
                                                 "top": "146px",
                                                 "width": "69%",
                                                 "height": "5px",
                                                 "z-index": "55",
                                                 "overflow-x": ""
                                               },
                                               "widgetSet": "materialdesign"
                                             },
                                             "e00021": {
                                               "tpl": "tplVis-materialdesign-Button-Toggle",
                                               "data": {
                                                 "oid": "0_userdata.0.multiroom.Alexa_Player",
                                                 "g_fixed": false,
                                                 "g_visibility": false,
                                                 "g_css_font_text": true,
                                                 "g_css_background": false,
                                                 "g_css_shadow_padding": false,
                                                 "g_css_border": false,
                                                 "g_gestures": false,
                                                 "g_signals": false,
                                                 "g_last_change": false,
                                                 "visibility-cond": "==",
                                                 "visibility-val": 1,
                                                 "visibility-groups-action": "hide",
                                                 "buttonStyle": "text",
                                                 "toggleType": "value",
                                                 "stateIfNotTrueValue": "off",
                                                 "vibrateOnMobilDevices": "50",
                                                 "iconPosition": "left",
                                                 "signals-cond-0": "==",
                                                 "signals-val-0": true,
                                                 "signals-icon-0": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-0": 0,
                                                 "signals-blink-0": false,
                                                 "signals-horz-0": 0,
                                                 "signals-vert-0": 0,
                                                 "signals-hide-edit-0": false,
                                                 "signals-cond-1": "==",
                                                 "signals-val-1": true,
                                                 "signals-icon-1": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-1": 0,
                                                 "signals-blink-1": false,
                                                 "signals-horz-1": 0,
                                                 "signals-vert-1": 0,
                                                 "signals-hide-edit-1": false,
                                                 "signals-cond-2": "==",
                                                 "signals-val-2": true,
                                                 "signals-icon-2": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-2": 0,
                                                 "signals-blink-2": false,
                                                 "signals-horz-2": 0,
                                                 "signals-vert-2": 0,
                                                 "signals-hide-edit-2": false,
                                                 "lc-type": "last-change",
                                                 "lc-is-interval": true,
                                                 "lc-is-moment": false,
                                                 "lc-format": "",
                                                 "lc-position-vert": "top",
                                                 "lc-position-horz": "right",
                                                 "lc-offset-vert": 0,
                                                 "lc-offset-horz": 0,
                                                 "lc-font-size": "12px",
                                                 "lc-font-family": "",
                                                 "lc-font-style": "",
                                                 "lc-bkg-color": "",
                                                 "lc-color": "",
                                                 "lc-border-width": "0",
                                                 "lc-border-style": "",
                                                 "lc-border-color": "",
                                                 "lc-border-radius": 10,
                                                 "lc-zindex": 0,
                                                 "valueOn": "4",
                                                 "buttontext": "Heimkino",
                                                 "colorBgFalse": "",
                                                 "colorBgTrue": "#b7a98b",
                                                 "autoLockAfter": "10",
                                                 "lockFilterGrayscale": "30",
                                                 "textFontFamily": "{vis-materialdesign.0.fonts.button.text}",
                                                 "textFontSize": "{vis-materialdesign.0.fontSizes.button.text}",
                                                 "lockIconColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.button.lock_icon;dark:vis-materialdesign.0.colors.dark.button.lock_icon; mode === \"true\" ? dark : light}",
                                                 "labelColorTrue": "#FFFFFF"
                                               },
                                               "style": {
                                                 "left": "0px",
                                                 "top": "120px",
                                                 "width": "29%",
                                                 "height": "30px",
                                                 "text-align": "left",
                                                 "z-index": 31,
                                                 "color": "#c9c9c9"
                                               },
                                               "widgetSet": "materialdesign"
                                             },
                                             "e00022": {
                                               "tpl": "tplVis-materialdesign-Vuetify-Slider",
                                               "data": {
                                                 "oid": "0_userdata.0.multiroom.Alexa_Player_Actual_Volume",
                                                 "g_fixed": false,
                                                 "g_visibility": false,
                                                 "g_css_font_text": false,
                                                 "g_css_background": false,
                                                 "g_css_shadow_padding": false,
                                                 "g_css_border": false,
                                                 "g_gestures": false,
                                                 "g_signals": false,
                                                 "g_last_change": false,
                                                 "visibility-cond": "==",
                                                 "visibility-val": 1,
                                                 "visibility-groups-action": "hide",
                                                 "orientation": "horizontal",
                                                 "knobSize": "knobSmall",
                                                 "step": "1",
                                                 "vibrateOnMobilDevices": "50",
                                                 "showTicks": "no",
                                                 "tickTextColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.slider.tick;dark:vis-materialdesign.0.colors.dark.slider.tick; mode === \"true\" ? dark : light}",
                                                 "tickFontFamily": "{vis-materialdesign.0.fonts.slider.ticks}",
                                                 "tickFontSize": "{vis-materialdesign.0.fontSizes.slider.ticks}",
                                                 "tickColorBefore": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.slider.tick_before;dark:vis-materialdesign.0.colors.dark.slider.tick_before; mode === \"true\" ? dark : light}",
                                                 "tickColorAfter": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.slider.tick_after;dark:vis-materialdesign.0.colors.dark.slider.tick_after; mode === \"true\" ? dark : light}",
                                                 "colorBeforeThumb": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.slider.control_before;dark:vis-materialdesign.0.colors.dark.slider.control_before; mode === \"true\" ? dark : light}",
                                                 "colorThumb": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.slider.control;dark:vis-materialdesign.0.colors.dark.slider.control; mode === \"true\" ? dark : light}",
                                                 "colorAfterThumb": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.slider.control_behind;dark:vis-materialdesign.0.colors.dark.slider.control_behind; mode === \"true\" ? dark : light}",
                                                 "prepandTextColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.slider.text_prepand;dark:vis-materialdesign.0.colors.dark.slider.text_prepand; mode === \"true\" ? dark : light}",
                                                 "prepandTextFontSize": "{vis-materialdesign.0.fontSizes.slider.prepand}",
                                                 "prepandTextFontFamily": "{vis-materialdesign.0.fonts.slider.prepand}",
                                                 "showValueLabel": "true",
                                                 "valueLabelStyle": "sliderValue",
                                                 "valueFontFamily": "{vis-materialdesign.0.fonts.slider.value}",
                                                 "valueFontSize": "{vis-materialdesign.0.fontSizes.slider.value}",
                                                 "valueLabelColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.slider.text;dark:vis-materialdesign.0.colors.dark.slider.text; mode === \"true\" ? dark : light}",
                                                 "valueLabelWidth": "50",
                                                 "showThumbLabel": "no",
                                                 "thumbBackgroundColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.slider.control_background;dark:vis-materialdesign.0.colors.dark.slider.control_background; mode === \"true\" ? dark : light}",
                                                 "thumbFontColor": "{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.slider.control_text;dark:vis-materialdesign.0.colors.dark.slider.control_text; mode === \"true\" ? dark : light}",
                                                 "thumbFontSize": "{vis-materialdesign.0.fontSizes.slider.control}",
                                                 "thumbFontFamily": "{vis-materialdesign.0.fonts.slider.control}",
                                                 "signals-cond-0": "==",
                                                 "signals-val-0": true,
                                                 "signals-icon-0": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-0": 0,
                                                 "signals-blink-0": false,
                                                 "signals-horz-0": 0,
                                                 "signals-vert-0": 0,
                                                 "signals-hide-edit-0": false,
                                                 "signals-cond-1": "==",
                                                 "signals-val-1": true,
                                                 "signals-icon-1": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-1": 0,
                                                 "signals-blink-1": false,
                                                 "signals-horz-1": 0,
                                                 "signals-vert-1": 0,
                                                 "signals-hide-edit-1": false,
                                                 "signals-cond-2": "==",
                                                 "signals-val-2": true,
                                                 "signals-icon-2": "/vis/signals/lowbattery.png",
                                                 "signals-icon-size-2": 0,
                                                 "signals-blink-2": false,
                                                 "signals-horz-2": 0,
                                                 "signals-vert-2": 0,
                                                 "signals-hide-edit-2": false,
                                                 "lc-type": "last-change",
                                                 "lc-is-interval": true,
                                                 "lc-is-moment": false,
                                                 "lc-format": "",
                                                 "lc-position-vert": "top",
                                                 "lc-position-horz": "right",
                                                 "lc-offset-vert": 0,
                                                 "lc-offset-horz": 0,
                                                 "lc-font-size": "12px",
                                                 "lc-font-family": "",
                                                 "lc-font-style": "",
                                                 "lc-bkg-color": "",
                                                 "lc-color": "",
                                                 "lc-border-width": "0",
                                                 "lc-border-style": "",
                                                 "lc-border-color": "",
                                                 "lc-border-radius": 10,
                                                 "lc-zindex": 0,
                                                 "oid-working": "",
                                                 "min": "1",
                                                 "max": "100",
                                                 "prepandText": ""
                                               },
                                               "style": {
                                                 "left": "10px",
                                                 "top": "160px",
                                                 "width": "29%",
                                                 "height": "30px"
                                               },
                                               "widgetSet": "materialdesign"
                                             }
                                           },
                                           "name": "jarvis_card_multiroom",
                                           "filterList": []
                                          }
                                          

                                          Und zum Abschluss noch das Widget eingebunden in Jarvis (könntest Du im Expertenmodus einfĂŒgen)...

                                                           {
                                                              "moduleConfig": {
                                                                 "url": "https://youriobIP:8082/vis/index.html?jarvis_cards#jarvis_card_multiroom"
                                                              },
                                                              "devices": [],
                                                              "module": "iFrame",
                                                              "title": "Multiroom Audio",
                                                              "icon": "music",
                                                              "id": "d4e0db0c-58d9-4e02-9139-eff86cc518c2",
                                                              "minHeight": "400",
                                                              "index": 0
                                                           }
                                          
                                          

                                          Um das zu verwenden mĂŒsstest Du auch die IP anpassen, sowie das richtige Projekt und den Widgetnamen anpassen, analog wie Dus im VIS genannt hast.

                                          Was noch etwas hatschert gelöst ist, ist der Button fĂŒr Play und Pause, das sind eigentlich. zwei, die je nach State angezeigt/versteckt werden. Das geht mit einem Button vermutlich auch.

                                          Das VIS-Widget benötigt die materialdesign Widgets installiert.

                                          sigi234S T 2 Antworten Letzte Antwort
                                          2
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          540

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

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

                                          • Du hast noch kein Konto? Registrieren

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