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.
  • 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
              • B Bloody

                @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 Offline
                W Offline
                WW1983
                schrieb am zuletzt editiert von
                #24

                @Bloody

                Ah sehr cool! Sieht klasse aus!

                1 Antwort Letzte Antwort
                1
                • 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.

                  hssteuerungH Offline
                  hssteuerungH Offline
                  hssteuerung
                  schrieb am zuletzt editiert von
                  #25

                  @WW1983 Weist du wie man die Titel der Widgaths einfärben kann?

                  W 1 Antwort Letzte Antwort
                  0
                  • hssteuerungH hssteuerung

                    @WW1983 Weist du wie man die Titel der Widgaths einfärben kann?

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

                    @Bloody

                    Ah sehr cool! Sieht klasse aus!

                    Leider nein. Sorry

                    hssteuerungH 1 Antwort Letzte Antwort
                    0
                    • W WW1983

                      @Bloody

                      Ah sehr cool! Sieht klasse aus!

                      Leider nein. Sorry

                      hssteuerungH Offline
                      hssteuerungH Offline
                      hssteuerung
                      schrieb am zuletzt editiert von
                      #27

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

                      @Bloody

                      Ah sehr cool! Sieht klasse aus!

                      Leider nein. Sorry

                      woher weist du welche bezeichnung für welches Einfärben ist? also auch background? Komme nicht klar 😕

                      W 1 Antwort Letzte Antwort
                      0
                      • hssteuerungH hssteuerung

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

                        @Bloody

                        Ah sehr cool! Sieht klasse aus!

                        Leider nein. Sorry

                        woher weist du welche bezeichnung für welches Einfärben ist? also auch background? Komme nicht klar 😕

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

                        @hssteuerung

                        Ich habe nur den Hintergrund und primary und secondery Farben. Und die Positionen heißen auch entsprechend:

                        background = Hintergrund
                        primary = Hauptfarbe zB Icons usw (in meinem Fall Cyan)
                        Sacondary = taucht hier kaum auf

                        Ansonsten kenne ich mich da nicht wirklich aus. Habe mich eher durch ausprobieren ran getastet

                        hssteuerungH 1 Antwort Letzte Antwort
                        0
                        • W WW1983

                          @hssteuerung

                          Ich habe nur den Hintergrund und primary und secondery Farben. Und die Positionen heißen auch entsprechend:

                          background = Hintergrund
                          primary = Hauptfarbe zB Icons usw (in meinem Fall Cyan)
                          Sacondary = taucht hier kaum auf

                          Ansonsten kenne ich mich da nicht wirklich aus. Habe mich eher durch ausprobieren ran getastet

                          hssteuerungH Offline
                          hssteuerungH Offline
                          hssteuerung
                          schrieb am zuletzt editiert von
                          #29

                          @WW1983 und was ist mit error etc?

                          W 1 Antwort Letzte Antwort
                          0
                          • hssteuerungH hssteuerung

                            @WW1983 und was ist mit error etc?

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

                            @hssteuerung

                            Habe ich nicht geändert

                            hssteuerungH 1 Antwort Letzte Antwort
                            0
                            • W WW1983

                              @hssteuerung

                              Habe ich nicht geändert

                              hssteuerungH Offline
                              hssteuerungH Offline
                              hssteuerung
                              schrieb am zuletzt editiert von
                              #31

                              @WW1983 wo hast du das den her? bei meinen Experteneinstellungen stehen diese details garnicht drinnen

                              W 1 Antwort Letzte Antwort
                              0
                              • hssteuerungH hssteuerung

                                @WW1983 wo hast du das den her? bei meinen Experteneinstellungen stehen diese details garnicht drinnen

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

                                @hssteuerung in Wiki gibt es einen Link. An dem habe ich mich etwas orientiert. Dort ist auch der „Standard Theme“ definiert. https://material-ui.com/de/customization/default-theme/

                                Eigentlich wollte ich nur gezielt den Hingrund ändern. Das schien mir aber das gesamte Darktheme auszuhebeln. Also habe ich das Standardtheme genommen und Hintergrund und die zwei Farben angepasst

                                1 Antwort Letzte Antwort
                                1
                                • H Offline
                                  H Offline
                                  Hohenbostler
                                  schrieb am zuletzt editiert von
                                  #33

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

                                  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.

                                  Moin dann will ich auch mal meine aktuelle (Jar)Vis zeigen .

                                  c66b66e6-1dbf-458e-86be-dc1be593ff39-grafik.png

                                  d31e5d57-a462-48a3-b95d-310c5a4cc27f-grafik.png

                                  7e3ba10d-14ce-4aa1-8db2-32ae8a42a2ce-grafik.png

                                  Naja habe noch ein paar mehr Seiten allerdings bin ich da noch nicht wirklich so weit das Sie sehenswert sind ;

                                  W M M 3 Antworten Letzte Antwort
                                  1
                                  • H Hohenbostler

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

                                    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.

                                    Moin dann will ich auch mal meine aktuelle (Jar)Vis zeigen .

                                    c66b66e6-1dbf-458e-86be-dc1be593ff39-grafik.png

                                    d31e5d57-a462-48a3-b95d-310c5a4cc27f-grafik.png

                                    7e3ba10d-14ce-4aa1-8db2-32ae8a42a2ce-grafik.png

                                    Naja habe noch ein paar mehr Seiten allerdings bin ich da noch nicht wirklich so weit das Sie sehenswert sind ;

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

                                    @Hohenbostler

                                    Sehr cool! Gefällt mir sehr gut.

                                    Wie hast du das mit der Uhr gemacht? Kannst du mir mal die Einstellungen schicken?

                                    H 1 Antwort Letzte Antwort
                                    0
                                    • W WW1983

                                      @Hohenbostler

                                      Sehr cool! Gefällt mir sehr gut.

                                      Wie hast du das mit der Uhr gemacht? Kannst du mir mal die Einstellungen schicken?

                                      H Offline
                                      H Offline
                                      Hohenbostler
                                      schrieb am zuletzt editiert von
                                      #35

                                      @WW1983

                                      Klar. Es sind zwei Widgets. Das erste nur mit Uhr.

                                      468ccdcb-624d-4614-b9f9-75b846113caa-grafik.png

                                      Das zweite dann nur mit Datum usw.

                                      e16c8fa9-27ab-4e49-bffe-6242fe49469c-grafik.png

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

                                        amg_666A Offline
                                        amg_666A Offline
                                        amg_666
                                        schrieb am zuletzt editiert von amg_666
                                        #36

                                        @WW1983 Cool, jetzt noch "Spritpreise" mit einem "t" schreiben, dann ist es nahezu perfekt 🙂

                                        Ich habe die Optik an die SpritpreisAnzeige der Tanke angepasst:

                                        1455c358-58e9-4aca-9800-7a5b4debc146-grafik.png

                                        iobroker auf proxmox container

                                        W 1 Antwort Letzte Antwort
                                        0
                                        • H Hohenbostler

                                          @WW1983

                                          Klar. Es sind zwei Widgets. Das erste nur mit Uhr.

                                          468ccdcb-624d-4614-b9f9-75b846113caa-grafik.png

                                          Das zweite dann nur mit Datum usw.

                                          e16c8fa9-27ab-4e49-bffe-6242fe49469c-grafik.png

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

                                          @Hohenbostler cool danke!

                                          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

                                          536

                                          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