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

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. [Showcase] Jarvis - just another remarkable vis

NEWS

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

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

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

[Showcase] Jarvis - just another remarkable vis

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
453 Beiträge 81 Kommentatoren 135.2k Aufrufe 95 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.
  • D dos1973

    @WW1983
    gefällt mir gut. ich stelle mich echt schwer damit

    W Offline
    W Offline
    WW1983
    schrieb am zuletzt editiert von
    #4

    @dos1973 Wieso? Woran happerts?

    1 Antwort Letzte Antwort
    0
    • W WW1983

      @Stephan-Schleich Danke fürs Erstellen

      Hier sind meine aktuelle Einstellungen:

      Screenshot 2020-10-16 122652.png

      Screenshot 2020-10-16 122619.png

      Screenshot 2020-10-16 122602.png

      Screenshot 2020-10-16 122529.png

      Screenshot 2020-10-16 122517.png

      Screenshot 2020-10-16 122503.png

      Screenshot 2020-10-16 122451.png

      Screenshot 2020-10-16 122429.png

      Screenshot 2020-10-16 122359.png

      Bin mal gespannt was ihr so zusammen gestellt habt.

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

      @WW1983 sehr schick, gefällt mir gut 🙂 Bzgl. dem QR Code: seit der letzten beta kannst du auch die Widgets in der Höhe begrenzen. Das war ja noch ein Wunsch von dir, damit die Grafik nicht so groß ist.

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

      W 1 Antwort Letzte Antwort
      0
      • ZefauZ Zefau

        @WW1983 sehr schick, gefällt mir gut 🙂 Bzgl. dem QR Code: seit der letzten beta kannst du auch die Widgets in der Höhe begrenzen. Das war ja noch ein Wunsch von dir, damit die Grafik nicht so groß ist.

        W Offline
        W Offline
        WW1983
        schrieb am zuletzt editiert von
        #6

        @Zefau

        Danke!
        Ja das stimmt, das mit der Begrenzung habe ich gesehen. Aktuell passt es aber. Hauptsächlich dient es dem iPad an der Wand. Und da passt es ganz gut

        image.jpg

        1 Antwort Letzte Antwort
        0
        • B Offline
          B Offline
          Bloody
          schrieb am zuletzt editiert von Bloody
          #7

          @WW1983 Gefällt mir auch sehr gut.
          Hier meine bisherige Arbeit, man sieht noch viel zu tun. Aktuell will ich Jarvis hauptsächlich übers Handy nutzen.

          939fc6b2-d9fe-4fbd-8ee5-516b1b3f1e8b-image.png
          50b60f4a-740d-4a3c-a651-69cf125c2eda-image.png
          cea154ee-4654-4677-b9ac-20bf05cbadf8-image.png
          ead2075b-3fc1-45b2-bc15-914e14611d92-image.png
          3dad14ba-1f1e-46b3-acfc-75d96138d762-image.png
          Da wird die Drucker Cam angezeigt, wenn er an ist.
          da3d02d1-9c1a-42a1-bdc3-da8a3dd9f3f4-image.png
          cb421315-6640-4ee5-8377-a1b73c5fb869-image.png
          6fc7db06-0d18-43b1-9f34-6412c061ec26-image.png

          ZefauZ W B S K 5 Antworten Letzte Antwort
          2
          • B Bloody

            @WW1983 Gefällt mir auch sehr gut.
            Hier meine bisherige Arbeit, man sieht noch viel zu tun. Aktuell will ich Jarvis hauptsächlich übers Handy nutzen.

            939fc6b2-d9fe-4fbd-8ee5-516b1b3f1e8b-image.png
            50b60f4a-740d-4a3c-a651-69cf125c2eda-image.png
            cea154ee-4654-4677-b9ac-20bf05cbadf8-image.png
            ead2075b-3fc1-45b2-bc15-914e14611d92-image.png
            3dad14ba-1f1e-46b3-acfc-75d96138d762-image.png
            Da wird die Drucker Cam angezeigt, wenn er an ist.
            da3d02d1-9c1a-42a1-bdc3-da8a3dd9f3f4-image.png
            cb421315-6640-4ee5-8377-a1b73c5fb869-image.png
            6fc7db06-0d18-43b1-9f34-6412c061ec26-image.png

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

            @Bloody sagte in [Showcase] Jarvis - just another remarkable vis:

            Aktuell will ich Jarvis hauptsächlich übers Handy nutzen.

            Was fehlt dir denn für die Desktop-Variante? 🙂

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

            B 1 Antwort Letzte Antwort
            0
            • ZefauZ Zefau

              @Bloody sagte in [Showcase] Jarvis - just another remarkable vis:

              Aktuell will ich Jarvis hauptsächlich übers Handy nutzen.

              Was fehlt dir denn für die Desktop-Variante? 🙂

              B Offline
              B Offline
              Bloody
              schrieb am zuletzt editiert von
              #9

              @Zefau
              Nichts, alles super 😉
              Am Desktop wäre die Nutzung ja noch besser, da größerer Bildschirm, theoretisch mehr Spalten und mehr Infos auf einem Bildschirm. Das Smartphone ist halt immer am Mann und auch unterwegs nutzbar. 🙂

              1 Antwort Letzte Antwort
              0
              • B Bloody

                @WW1983 Gefällt mir auch sehr gut.
                Hier meine bisherige Arbeit, man sieht noch viel zu tun. Aktuell will ich Jarvis hauptsächlich übers Handy nutzen.

                939fc6b2-d9fe-4fbd-8ee5-516b1b3f1e8b-image.png
                50b60f4a-740d-4a3c-a651-69cf125c2eda-image.png
                cea154ee-4654-4677-b9ac-20bf05cbadf8-image.png
                ead2075b-3fc1-45b2-bc15-914e14611d92-image.png
                3dad14ba-1f1e-46b3-acfc-75d96138d762-image.png
                Da wird die Drucker Cam angezeigt, wenn er an ist.
                da3d02d1-9c1a-42a1-bdc3-da8a3dd9f3f4-image.png
                cb421315-6640-4ee5-8377-a1b73c5fb869-image.png
                6fc7db06-0d18-43b1-9f34-6412c061ec26-image.png

                W Offline
                W Offline
                WW1983
                schrieb am zuletzt editiert von
                #10

                @Bloody sieht klasse aus!

                1 Antwort Letzte Antwort
                0
                • W WW1983

                  @Stephan-Schleich Danke fürs Erstellen

                  Hier sind meine aktuelle Einstellungen:

                  Screenshot 2020-10-16 122652.png

                  Screenshot 2020-10-16 122619.png

                  Screenshot 2020-10-16 122602.png

                  Screenshot 2020-10-16 122529.png

                  Screenshot 2020-10-16 122517.png

                  Screenshot 2020-10-16 122503.png

                  Screenshot 2020-10-16 122451.png

                  Screenshot 2020-10-16 122429.png

                  Screenshot 2020-10-16 122359.png

                  Bin mal gespannt was ihr so zusammen gestellt habt.

                  D Offline
                  D Offline
                  DarkDevil
                  schrieb am zuletzt editiert von
                  #11

                  @WW1983 Tolles Layout.
                  Kannst du mir verraten wie du sie Logos für die Tankstellen hinzugefügt bekommen hast?

                  W 1 Antwort Letzte Antwort
                  0
                  • D DarkDevil

                    @WW1983 Tolles Layout.
                    Kannst du mir verraten wie du sie Logos für die Tankstellen hinzugefügt bekommen hast?

                    W Offline
                    W Offline
                    WW1983
                    schrieb am zuletzt editiert von WW1983
                    #12

                    @DarkDevil

                    Klar. Du kannst Base64 "Codes" als Icon nutzen. Hierzu einfach ein beliebiges Bild aussuchen auf der Seite https://www.base64-image.de/ zum Code umwandeln und den Code dann bei dem Gerät unter Icons hinterlegen

                    Den Code poste ich hier mal nicht hin, da der zu lange ist. Aber so sieht meine Geräteeinstellung aus:
                    Screenshot 2020-10-21 111637.png

                    D U 2 Antworten Letzte Antwort
                    1
                    • W WW1983

                      @DarkDevil

                      Klar. Du kannst Base64 "Codes" als Icon nutzen. Hierzu einfach ein beliebiges Bild aussuchen auf der Seite https://www.base64-image.de/ zum Code umwandeln und den Code dann bei dem Gerät unter Icons hinterlegen

                      Den Code poste ich hier mal nicht hin, da der zu lange ist. Aber so sieht meine Geräteeinstellung aus:
                      Screenshot 2020-10-21 111637.png

                      D Offline
                      D Offline
                      DarkDevil
                      schrieb am zuletzt editiert von
                      #13

                      @WW1983 Danke dir, hat super geklappt.

                      W 1 Antwort Letzte Antwort
                      1
                      • D DarkDevil

                        @WW1983 Danke dir, hat super geklappt.

                        W Offline
                        W Offline
                        WW1983
                        schrieb am zuletzt editiert von
                        #14

                        @DarkDevil Freut mich

                        1 Antwort Letzte Antwort
                        0
                        • U Offline
                          U Offline
                          UncleB
                          schrieb am zuletzt editiert von
                          #15

                          Tolle VIS @WW1983
                          Aber wie bekommst du bei den Lampen das Icon je nach Status angezeigt?
                          Also falls an hast du ja diese "Leuchtende Glühbirne" bei aus ist diese durchgestrichen
                          Bei mir sieht das so aus:

                          Screenshot (99).png

                          Mit dem Widget "StateList" hat man ja gar einen Einfluss auf die Icons?

                          ZefauZ W 2 Antworten Letzte Antwort
                          0
                          • U UncleB

                            Tolle VIS @WW1983
                            Aber wie bekommst du bei den Lampen das Icon je nach Status angezeigt?
                            Also falls an hast du ja diese "Leuchtende Glühbirne" bei aus ist diese durchgestrichen
                            Bei mir sieht das so aus:

                            Screenshot (99).png

                            Mit dem Widget "StateList" hat man ja gar einen Einfluss auf die Icons?

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

                            @UncleB sagte in [Showcase] Jarvis - just another remarkable vis:

                            Aber wie bekommst du bei den Lampen das Icon je nach Status angezeigt?

                            Siehe https://github.com/Zefau/ioBroker.jarvis/wiki/de-Devices#icon


                            Mit dem Widget "StateList" hat man ja gar einen Einfluss auf die Icons?

                            Alle Icons sollten überschreibbar sein.

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

                            1 Antwort Letzte Antwort
                            0
                            • U UncleB

                              Tolle VIS @WW1983
                              Aber wie bekommst du bei den Lampen das Icon je nach Status angezeigt?
                              Also falls an hast du ja diese "Leuchtende Glühbirne" bei aus ist diese durchgestrichen
                              Bei mir sieht das so aus:

                              Screenshot (99).png

                              Mit dem Widget "StateList" hat man ja gar einen Einfluss auf die Icons?

                              W Offline
                              W Offline
                              WW1983
                              schrieb am zuletzt editiert von
                              #17

                              @UncleB

                              Wenn die Geräte als "light" definiert sind, sollte die Lampe automatisch kommen. Auch der Zustand wird dort angepasst. Ich habe bei mir die Lampen allerdings noch so angestellt, dass die Farbe sich ändert (gelb) wenn die an sind.

                              Wie @Zefau vor mir geschrieben hat, gibt es auf Wiki eine Anleitung. Du kannst bei den Geräten unter "Icon" das Icon bestimmen und unter "Icon Stil" z.B. die Farbe. So sieht es bei mir aus:

                              Screenshot 2020-10-22 080152.png

                              1 Antwort Letzte Antwort
                              0
                              • W WW1983

                                @DarkDevil

                                Klar. Du kannst Base64 "Codes" als Icon nutzen. Hierzu einfach ein beliebiges Bild aussuchen auf der Seite https://www.base64-image.de/ zum Code umwandeln und den Code dann bei dem Gerät unter Icons hinterlegen

                                Den Code poste ich hier mal nicht hin, da der zu lange ist. Aber so sieht meine Geräteeinstellung aus:
                                Screenshot 2020-10-21 111637.png

                                U Offline
                                U Offline
                                UncleB
                                schrieb am zuletzt editiert von
                                #18

                                @WW1983
                                Ich versuche grad deine Tankstellen nachzubauen, klappt soweit auch mit den Icons..
                                Wie ich sehe hast du einfach 1 neues Gerät erstellt, in diesem Gerät hast du alle Tankstellen als einzelne Datenpunkte angelegt.
                                Das habe ich genau so gemacht
                                Screenshot - 2020-10-27T205548.002.png
                                Erstelle ich eine neues Widget, wird immer nur der primäre Datenpunkt angezeigt.
                                Screenshot - 2020-10-27T205751.695.png Screenshot - 2020-10-27T205735.676.png
                                Wie hast du das gelöst? 🙂
                                Würde ungern für jede Tankstelle ein neues Gerät anlegen

                                ZefauZ 1 Antwort Letzte Antwort
                                0
                                • U UncleB

                                  @WW1983
                                  Ich versuche grad deine Tankstellen nachzubauen, klappt soweit auch mit den Icons..
                                  Wie ich sehe hast du einfach 1 neues Gerät erstellt, in diesem Gerät hast du alle Tankstellen als einzelne Datenpunkte angelegt.
                                  Das habe ich genau so gemacht
                                  Screenshot - 2020-10-27T205548.002.png
                                  Erstelle ich eine neues Widget, wird immer nur der primäre Datenpunkt angezeigt.
                                  Screenshot - 2020-10-27T205751.695.png Screenshot - 2020-10-27T205735.676.png
                                  Wie hast du das gelöst? 🙂
                                  Würde ungern für jede Tankstelle ein neues Gerät anlegen

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

                                  @UncleB das Gerät mehrfach einfügen und den Datenpunkt im Dropdown anpassen

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

                                  U 1 Antwort Letzte Antwort
                                  0
                                  • ZefauZ Zefau

                                    @UncleB das Gerät mehrfach einfügen und den Datenpunkt im Dropdown anpassen

                                    U Offline
                                    U Offline
                                    UncleB
                                    schrieb am zuletzt editiert von
                                    #20

                                    @Zefau said in [Showcase] Jarvis - just another remarkable vis:

                                    @UncleB das Gerät mehrfach einfügen und den Datenpunkt im Dropdown anpassen

                                    Da hätte ich aber auch selber drauf kommen können, oh Mann.. Danke 🙂

                                    1 Antwort Letzte Antwort
                                    0
                                    • W WW1983

                                      @Stephan-Schleich Danke fürs Erstellen

                                      Hier sind meine aktuelle Einstellungen:

                                      Screenshot 2020-10-16 122652.png

                                      Screenshot 2020-10-16 122619.png

                                      Screenshot 2020-10-16 122602.png

                                      Screenshot 2020-10-16 122529.png

                                      Screenshot 2020-10-16 122517.png

                                      Screenshot 2020-10-16 122503.png

                                      Screenshot 2020-10-16 122451.png

                                      Screenshot 2020-10-16 122429.png

                                      Screenshot 2020-10-16 122359.png

                                      Bin mal gespannt was ihr so zusammen gestellt habt.

                                      B Offline
                                      B Offline
                                      Bloody
                                      schrieb am zuletzt editiert von Bloody
                                      #21

                                      @WW1983 said in [Showcase] Jarvis - just another remarkable vis:

                                      @Stephan-Schleich Danke fürs Erstellen

                                      Hier sind meine aktuelle Einstellungen:

                                      Screenshot 2020-10-16 122619.png

                                      Hey @WW1983,
                                      bin gerade dabei mein System Tab zu bauen. Hätte da mal 1-2 Fragen 😬
                                      bd507acd-54ab-4fe3-af8b-e3fba2259256-image.png

                                      1. Wie hast du deinen Hintergrund so dunkel bekommen? Hab meinen im Darkmode aber dein Stil gefällt mir besser.
                                      2. Die mittlere Spalte bei dir, sind das Adapter im ioBroker, wo du die Stati abfragst oder sind das die Services auf deinem Pi oder was du auch nutzt? Ersteres wäre klar aber wenn zweiteres, wie kannst du die Stati abfragen? Hab bei mir z.B auf dem Pi noch Grafana oder influxdb laufen, welche ich halt gerne visualisiert hätte, ob diese laufen oder nicht.

                                      Grüße

                                      Edit: Merke gerade, dass ich genau das eigentlich über die iobroker Adapter abbilden kann. Bis auf Grafana halt.

                                      W S 2 Antworten Letzte Antwort
                                      0
                                      • B Bloody

                                        @WW1983 said in [Showcase] Jarvis - just another remarkable vis:

                                        @Stephan-Schleich Danke fürs Erstellen

                                        Hier sind meine aktuelle Einstellungen:

                                        Screenshot 2020-10-16 122619.png

                                        Hey @WW1983,
                                        bin gerade dabei mein System Tab zu bauen. Hätte da mal 1-2 Fragen 😬
                                        bd507acd-54ab-4fe3-af8b-e3fba2259256-image.png

                                        1. Wie hast du deinen Hintergrund so dunkel bekommen? Hab meinen im Darkmode aber dein Stil gefällt mir besser.
                                        2. Die mittlere Spalte bei dir, sind das Adapter im ioBroker, wo du die Stati abfragst oder sind das die Services auf deinem Pi oder was du auch nutzt? Ersteres wäre klar aber wenn zweiteres, wie kannst du die Stati abfragen? Hab bei mir z.B auf dem Pi noch Grafana oder influxdb laufen, welche ich halt gerne visualisiert hätte, ob diese laufen oder nicht.

                                        Grüße

                                        Edit: Merke gerade, dass ich genau das eigentlich über die iobroker Adapter abbilden kann. Bis auf Grafana halt.

                                        W Offline
                                        W Offline
                                        WW1983
                                        schrieb am zuletzt editiert von
                                        #22

                                        @Bloody Hey

                                        Ich habe das „Theme“ manuell hinzugefügt und angepasst. So sieht meine Einstellungsebene im Expertenmodus aus.

                                        
                                        {
                                           "_isTablet": true,
                                           "params": "{\"socketPort\":\"8082\",\"socketSecure\":\"false\"}",
                                           "theme": {
                                              "palette": {
                                                 "common": {
                                                    "black": "#000",
                                                    "white": "#fff"
                                                 },
                                                 "type": "dark",
                                                 "primary": {
                                                    "light": "#4dd0e1",
                                                    "main": "#4dd0e1",
                                                    "dark": "#4dd0e1",
                                                    "contrastText": "#fff"
                                                 },
                                                 "secondary": {
                                                    "light": "#f9a825",
                                                    "main": "#f9a825",
                                                    "dark": "#f9a825",
                                                    "contrastText": "#fff"
                                                 },
                                                 "error": {
                                                    "light": "#e57373",
                                                    "main": "#f44336",
                                                    "dark": "#d32f2f",
                                                    "contrastText": "#fff"
                                                 },
                                                 "warning": {
                                                    "light": "#ffb74d",
                                                    "main": "#ff9800",
                                                    "dark": "#f57c00",
                                                    "contrastText": "rgba(0, 0, 0, 0.87)"
                                                 },
                                                 "info": {
                                                    "light": "#64b5f6",
                                                    "main": "#2196f3",
                                                    "dark": "#1976d2",
                                                    "contrastText": "#fff"
                                                 },
                                                 "success": {
                                                    "light": "#81c784",
                                                    "main": "#4caf50",
                                                    "dark": "#388e3c",
                                                    "contrastText": "rgba(0, 0, 0, 0.87)"
                                                 },
                                                 "grey": {
                                                    "50": "#fafafa",
                                                    "100": "#f5f5f5",
                                                    "200": "#eeeeee",
                                                    "300": "#e0e0e0",
                                                    "400": "#bdbdbd",
                                                    "500": "#9e9e9e",
                                                    "600": "#757575",
                                                    "700": "#616161",
                                                    "800": "#424242",
                                                    "900": "#212121",
                                                    "A100": "#d5d5d5",
                                                    "A200": "#aaaaaa",
                                                    "A400": "#303030",
                                                    "A700": "#616161"
                                                 },
                                                 "text": {
                                                    "primary": "#fff",
                                                    "secondary": "rgba(255, 255, 255, 0.7)",
                                                    "disabled": "rgba(255, 255, 255, 0.5)"
                                                 },
                                                 "hint": "rgba(255, 255, 255, 0.5)",
                                                 "icon": "rgba(255, 255, 255, 0.5)",
                                                 "divider": "rgba(255, 255, 255, 0.12)",
                                                 "background": {
                                                    "paper": "#1f1f1f",
                                                    "default": "#171717"
                                                 },
                                                 "action": {
                                                    "active": "#fff",
                                                    "hover": "rgba(255, 255, 255, 0.08)",
                                                    "hoverOpacity": "0.08",
                                                    "selected": "rgba(255, 255, 255, 0.16)",
                                                    "selectedOpacity": "0.16",
                                                    "disabled": "rgba(255, 255, 255, 0.3)",
                                                    "disabledBackground": "rgba(255, 255, 255, 0.12)",
                                                    "disabledOpacity": "0.38",
                                                    "focus": "rgba(255, 255, 255, 0.12)",
                                                    "focusOpacity": "0.12",
                                                    "activatedOpacity": "0.24"
                                                 }
                                              }
                                           },
                                           "language": "de-DE",
                                           "pageFavicon": "home-circle-outline",
                                           "themeColorPrimary": "cyan|300",
                                           "tabsHideLabels": true,
                                           "hideTopBarIconTitle": true,
                                           "themeDarkMode": true,
                                           "palette.background.default": "#1c1c1c",
                                           "palette.background.paper": "#1c1c1c",
                                           "themeColorSecondary": "yellow|800",
                                           "columnsOnSmallScreenSizes": "1",
                                           "sendUsageData": true,
                                           "configExpertMode": true,
                                           "configTab": "settingsRaw",
                                           "columnsOnMediumScreenSizes": "2"
                                        }
                                        
                                        

                                        Ob ich alles davon hätte anpassen müssen, weiß ich nicht. Kenne mich da auch nicht all zu gut aus. Habe das eher zurecht gebastelt. Problem ist, dass bei jedem Update die „Theme Einestellung“ wieder manuell hinzugefügt werden muss.

                                        Zu deiner zweiten Frage. Es sind States vom ioBroker Adapter. Um genauer zu sein von Proxmox. Habe die Server über einzelne virtuelle Maschinen angelegt.

                                        B hssteuerungH C 3 Antworten Letzte Antwort
                                        0
                                        • W WW1983

                                          @Bloody Hey

                                          Ich habe das „Theme“ manuell hinzugefügt und angepasst. So sieht meine Einstellungsebene im Expertenmodus aus.

                                          
                                          {
                                             "_isTablet": true,
                                             "params": "{\"socketPort\":\"8082\",\"socketSecure\":\"false\"}",
                                             "theme": {
                                                "palette": {
                                                   "common": {
                                                      "black": "#000",
                                                      "white": "#fff"
                                                   },
                                                   "type": "dark",
                                                   "primary": {
                                                      "light": "#4dd0e1",
                                                      "main": "#4dd0e1",
                                                      "dark": "#4dd0e1",
                                                      "contrastText": "#fff"
                                                   },
                                                   "secondary": {
                                                      "light": "#f9a825",
                                                      "main": "#f9a825",
                                                      "dark": "#f9a825",
                                                      "contrastText": "#fff"
                                                   },
                                                   "error": {
                                                      "light": "#e57373",
                                                      "main": "#f44336",
                                                      "dark": "#d32f2f",
                                                      "contrastText": "#fff"
                                                   },
                                                   "warning": {
                                                      "light": "#ffb74d",
                                                      "main": "#ff9800",
                                                      "dark": "#f57c00",
                                                      "contrastText": "rgba(0, 0, 0, 0.87)"
                                                   },
                                                   "info": {
                                                      "light": "#64b5f6",
                                                      "main": "#2196f3",
                                                      "dark": "#1976d2",
                                                      "contrastText": "#fff"
                                                   },
                                                   "success": {
                                                      "light": "#81c784",
                                                      "main": "#4caf50",
                                                      "dark": "#388e3c",
                                                      "contrastText": "rgba(0, 0, 0, 0.87)"
                                                   },
                                                   "grey": {
                                                      "50": "#fafafa",
                                                      "100": "#f5f5f5",
                                                      "200": "#eeeeee",
                                                      "300": "#e0e0e0",
                                                      "400": "#bdbdbd",
                                                      "500": "#9e9e9e",
                                                      "600": "#757575",
                                                      "700": "#616161",
                                                      "800": "#424242",
                                                      "900": "#212121",
                                                      "A100": "#d5d5d5",
                                                      "A200": "#aaaaaa",
                                                      "A400": "#303030",
                                                      "A700": "#616161"
                                                   },
                                                   "text": {
                                                      "primary": "#fff",
                                                      "secondary": "rgba(255, 255, 255, 0.7)",
                                                      "disabled": "rgba(255, 255, 255, 0.5)"
                                                   },
                                                   "hint": "rgba(255, 255, 255, 0.5)",
                                                   "icon": "rgba(255, 255, 255, 0.5)",
                                                   "divider": "rgba(255, 255, 255, 0.12)",
                                                   "background": {
                                                      "paper": "#1f1f1f",
                                                      "default": "#171717"
                                                   },
                                                   "action": {
                                                      "active": "#fff",
                                                      "hover": "rgba(255, 255, 255, 0.08)",
                                                      "hoverOpacity": "0.08",
                                                      "selected": "rgba(255, 255, 255, 0.16)",
                                                      "selectedOpacity": "0.16",
                                                      "disabled": "rgba(255, 255, 255, 0.3)",
                                                      "disabledBackground": "rgba(255, 255, 255, 0.12)",
                                                      "disabledOpacity": "0.38",
                                                      "focus": "rgba(255, 255, 255, 0.12)",
                                                      "focusOpacity": "0.12",
                                                      "activatedOpacity": "0.24"
                                                   }
                                                }
                                             },
                                             "language": "de-DE",
                                             "pageFavicon": "home-circle-outline",
                                             "themeColorPrimary": "cyan|300",
                                             "tabsHideLabels": true,
                                             "hideTopBarIconTitle": true,
                                             "themeDarkMode": true,
                                             "palette.background.default": "#1c1c1c",
                                             "palette.background.paper": "#1c1c1c",
                                             "themeColorSecondary": "yellow|800",
                                             "columnsOnSmallScreenSizes": "1",
                                             "sendUsageData": true,
                                             "configExpertMode": true,
                                             "configTab": "settingsRaw",
                                             "columnsOnMediumScreenSizes": "2"
                                          }
                                          
                                          

                                          Ob ich alles davon hätte anpassen müssen, weiß ich nicht. Kenne mich da auch nicht all zu gut aus. Habe das eher zurecht gebastelt. Problem ist, dass bei jedem Update die „Theme Einestellung“ wieder manuell hinzugefügt werden muss.

                                          Zu deiner zweiten Frage. Es sind States vom ioBroker Adapter. Um genauer zu sein von Proxmox. Habe die Server über einzelne virtuelle Maschinen angelegt.

                                          B Offline
                                          B Offline
                                          Bloody
                                          schrieb am zuletzt editiert von
                                          #23

                                          @WW1983 said in [Showcase] Jarvis - just another remarkable vis:

                                          @Bloody Hey

                                          Ich habe das „Theme“ manuell hinzugefügt und angepasst. So sieht meine Einstellungsebene im Expertenmodus aus.

                                          
                                          {
                                             "_isTablet": true,
                                             "params": "{\"socketPort\":\"8082\",\"socketSecure\":\"false\"}",
                                             "theme": {
                                                "palette": {
                                                   "common": {
                                                      "black": "#000",
                                                      "white": "#fff"
                                                   },
                                                   "type": "dark",
                                                   "primary": {
                                                      "light": "#4dd0e1",
                                                      "main": "#4dd0e1",
                                                      "dark": "#4dd0e1",
                                                      "contrastText": "#fff"
                                                   },
                                                   "secondary": {
                                                      "light": "#f9a825",
                                                      "main": "#f9a825",
                                                      "dark": "#f9a825",
                                                      "contrastText": "#fff"
                                                   },
                                                   "error": {
                                                      "light": "#e57373",
                                                      "main": "#f44336",
                                                      "dark": "#d32f2f",
                                                      "contrastText": "#fff"
                                                   },
                                                   "warning": {
                                                      "light": "#ffb74d",
                                                      "main": "#ff9800",
                                                      "dark": "#f57c00",
                                                      "contrastText": "rgba(0, 0, 0, 0.87)"
                                                   },
                                                   "info": {
                                                      "light": "#64b5f6",
                                                      "main": "#2196f3",
                                                      "dark": "#1976d2",
                                                      "contrastText": "#fff"
                                                   },
                                                   "success": {
                                                      "light": "#81c784",
                                                      "main": "#4caf50",
                                                      "dark": "#388e3c",
                                                      "contrastText": "rgba(0, 0, 0, 0.87)"
                                                   },
                                                   "grey": {
                                                      "50": "#fafafa",
                                                      "100": "#f5f5f5",
                                                      "200": "#eeeeee",
                                                      "300": "#e0e0e0",
                                                      "400": "#bdbdbd",
                                                      "500": "#9e9e9e",
                                                      "600": "#757575",
                                                      "700": "#616161",
                                                      "800": "#424242",
                                                      "900": "#212121",
                                                      "A100": "#d5d5d5",
                                                      "A200": "#aaaaaa",
                                                      "A400": "#303030",
                                                      "A700": "#616161"
                                                   },
                                                   "text": {
                                                      "primary": "#fff",
                                                      "secondary": "rgba(255, 255, 255, 0.7)",
                                                      "disabled": "rgba(255, 255, 255, 0.5)"
                                                   },
                                                   "hint": "rgba(255, 255, 255, 0.5)",
                                                   "icon": "rgba(255, 255, 255, 0.5)",
                                                   "divider": "rgba(255, 255, 255, 0.12)",
                                                   "background": {
                                                      "paper": "#1f1f1f",
                                                      "default": "#171717"
                                                   },
                                                   "action": {
                                                      "active": "#fff",
                                                      "hover": "rgba(255, 255, 255, 0.08)",
                                                      "hoverOpacity": "0.08",
                                                      "selected": "rgba(255, 255, 255, 0.16)",
                                                      "selectedOpacity": "0.16",
                                                      "disabled": "rgba(255, 255, 255, 0.3)",
                                                      "disabledBackground": "rgba(255, 255, 255, 0.12)",
                                                      "disabledOpacity": "0.38",
                                                      "focus": "rgba(255, 255, 255, 0.12)",
                                                      "focusOpacity": "0.12",
                                                      "activatedOpacity": "0.24"
                                                   }
                                                }
                                             },
                                             "language": "de-DE",
                                             "pageFavicon": "home-circle-outline",
                                             "themeColorPrimary": "cyan|300",
                                             "tabsHideLabels": true,
                                             "hideTopBarIconTitle": true,
                                             "themeDarkMode": true,
                                             "palette.background.default": "#1c1c1c",
                                             "palette.background.paper": "#1c1c1c",
                                             "themeColorSecondary": "yellow|800",
                                             "columnsOnSmallScreenSizes": "1",
                                             "sendUsageData": true,
                                             "configExpertMode": true,
                                             "configTab": "settingsRaw",
                                             "columnsOnMediumScreenSizes": "2"
                                          }
                                          
                                          

                                          Ob ich alles davon hätte anpassen müssen, weiß ich nicht. Kenne mich da auch nicht all zu gut aus. Habe das eher zurecht gebastelt. Problem ist, dass bei jedem Update die „Theme Einestellung“ wieder manuell hinzugefügt werden muss.

                                          Zu deiner zweiten Frage. Es sind States vom ioBroker Adapter. Um genauer zu sein von Proxmox. Habe die Server über einzelne virtuelle Maschinen angelegt.

                                          Super, Danke dir. Das hat mir schon mal weitergeholfen 🙂

                                          Hier mal grob die Umsetzung. Ist noch nicht ganz fertig.
                                          0D88AEE2-97DA-4950-9239-FED180695649.png B1642276-2D0A-43B3-8DA8-705BFB4F9B79.png

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          373

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

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

                                          • Du hast noch kein Konto? Registrieren

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