Skip to content
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Tester
  4. jarvis v2.2.0 - just another remarkable vis

NEWS

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

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

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

jarvis v2.2.0 - just another remarkable vis

Scheduled Pinned Locked Moved Tester
jarvismaterialmaterial uimaterialdesignvisvisualisierungvisualization
6.1k Posts 316 Posters 4.2m Views 273 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • sigi234S sigi234

    @marcbroe
    Ja, hast du Charts am laufen?

    M Offline
    M Offline
    marcbroe
    wrote on last edited by
    #2556

    @sigi234 Ja, bei den anderen Betas auch. Da hatte ich keine Probleme 🙂 Ich deaktiviere das mal und schaue wie sich das auf Jarvis auswirkt 🙂

    1 Reply Last reply
    0
    • SlowmanS Offline
      SlowmanS Offline
      Slowman
      wrote on last edited by
      #2557

      @Zefau

      Import mit Beta 29, lässt sich nicht kopieren deshalb Bilder.

      Screenshot_2020-12-28 jarvis - just another remarkable vis(7).png Screenshot_2020-12-28 jarvis - just another remarkable vis(8).png Screenshot_2020-12-28 jarvis - just another remarkable vis(9).png Screenshot_2020-12-28 jarvis - just another remarkable vis(10).png Screenshot_2020-12-28 jarvis - just another remarkable vis(11).png

      SlowmanS ZefauZ 2 Replies Last reply
      0
      • SlowmanS Slowman

        @Zefau

        Import mit Beta 29, lässt sich nicht kopieren deshalb Bilder.

        Screenshot_2020-12-28 jarvis - just another remarkable vis(7).png Screenshot_2020-12-28 jarvis - just another remarkable vis(8).png Screenshot_2020-12-28 jarvis - just another remarkable vis(9).png Screenshot_2020-12-28 jarvis - just another remarkable vis(10).png Screenshot_2020-12-28 jarvis - just another remarkable vis(11).png

        SlowmanS Offline
        SlowmanS Offline
        Slowman
        wrote on last edited by Slowman
        #2558

        @sigi234

        Wie stelle ich das mit dem Fritzbox Callmonitor ein?

        sigi234S 1 Reply Last reply
        0
        • SlowmanS Slowman

          @sigi234

          Wie stelle ich das mit dem Fritzbox Callmonitor ein?

          sigi234S Online
          sigi234S Online
          sigi234
          Forum Testing Most Active
          wrote on last edited by
          #2559

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

          @sigi234

          Wie stelle ich das mit dem Fritzbox Callmonitor ein?

          Soweit bin ich auch noch nicht.

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

          1 Reply Last reply
          -1
          • FredFF FredF

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

            ioBroker.tr-064 (#381)

            Kann ich auch helfen, was brauchst du?
            f75b50b5-1d8d-48c6-8192-7e40e729437c-grafik.png

            @sigi234 ja importieren geht mit 2.1.0-beta.29

            ZefauZ Offline
            ZefauZ Offline
            Zefau
            wrote on last edited by
            #2560

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

            Kann ich auch helfen, was brauchst du?

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

            Ich kann hiermit helfen. Was brauchst du?

            Einfach importieren probieren und sagen, ob es soweit passt oder etwas aus eurer Sicht fehlt.

            Für tr-064 kam bereits das Feedback von @DNC74, dass the node "devices" is not imported. Das werde ich noch nachbessern.

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

            1 Reply Last reply
            0
            • SlowmanS Slowman

              @Zefau

              Import mit Beta 29, lässt sich nicht kopieren deshalb Bilder.

              Screenshot_2020-12-28 jarvis - just another remarkable vis(7).png Screenshot_2020-12-28 jarvis - just another remarkable vis(8).png Screenshot_2020-12-28 jarvis - just another remarkable vis(9).png Screenshot_2020-12-28 jarvis - just another remarkable vis(10).png Screenshot_2020-12-28 jarvis - just another remarkable vis(11).png

              ZefauZ Offline
              ZefauZ Offline
              Zefau
              wrote on last edited by
              #2561

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

              Import mit Beta 29, lässt sich nicht kopieren deshalb Bilder.

              sieht gut aus für mihome-vacuum, oder fehlt dir was?

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

              SlowmanS 1 Reply Last reply
              0
              • ZefauZ Zefau

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

                Import mit Beta 29, lässt sich nicht kopieren deshalb Bilder.

                sieht gut aus für mihome-vacuum, oder fehlt dir was?

                SlowmanS Offline
                SlowmanS Offline
                Slowman
                wrote on last edited by Slowman
                #2562

                @Zefau

                Mehr als man braucht 😊 Also es befinden sich nach dem Durchschauen, alle relevanten Punkte im Import.
                Jetzt muss man nur noch dies ordentlich zusammenbauen 🙄

                Willst du die DP Punkte vom ioBroker.tr-064 auc sehen? Wie gesagt, frisch mit Beta29 importiert.

                ZefauZ 1 Reply Last reply
                1
                • SlowmanS Slowman

                  @Zefau

                  Mehr als man braucht 😊 Also es befinden sich nach dem Durchschauen, alle relevanten Punkte im Import.
                  Jetzt muss man nur noch dies ordentlich zusammenbauen 🙄

                  Willst du die DP Punkte vom ioBroker.tr-064 auc sehen? Wie gesagt, frisch mit Beta29 importiert.

                  ZefauZ Offline
                  ZefauZ Offline
                  Zefau
                  wrote on last edited by
                  #2563

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

                  Willst du die DP Punkte vom ioBroker.tr-064 auc sehen? Wie gesagt, frisch mit Beta29 importiert.

                  Ne, brauche ich nicht sehen. Brauche nur eine grobe Einschätzung, ob es passt.

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

                  1 Reply Last reply
                  0
                  • ZefauZ Zefau

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

                    Ist es möglich ein Bild per URL (z.B. http://iobroker/bild.png) im Geräte-Popup anzeigen zu lassen?

                    Aktuell nicht. Feature Request siehe https://github.com/Zefau/ioBroker.jarvis/issues/292

                    DNC74D Offline
                    DNC74D Offline
                    DNC74
                    wrote on last edited by DNC74
                    #2564

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

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

                    Ist es möglich ein Bild per URL (z.B. http://iobroker/bild.png) im Geräte-Popup anzeigen zu lassen?

                    Aktuell nicht. Feature Request siehe https://github.com/Zefau/ioBroker.jarvis/issues/292

                    geht doch 😊 indem man in einen Datenpunkt z.B. so
                    etwas schreibt:

                    <img src="http://iobroker:8080/vis.0/main/img/WLAN-Gast/WLAN-Gast-QR.png" alt="QR-Code für Gäste-WLAN" width="150" height="150">
                    

                    und diesen als Datenpunkt im Gerät hinzufügt.

                    Das ganze sieht dann so aus: Gäste-WLAN eingeschaltet:
                    2020-12-28 22_33_08-JarVis und 4 weitere Seiten - Persönlich – Microsoft​ Edge.png

                    Gäste-WLAN ausgeschaltet:
                    2020-12-28 22_34_14-JarVis und 4 weitere Seiten - Persönlich – Microsoft​ Edge.png

                    Dadurch, dass Jarvis "responsive" ist, reagiert das Popup direkt auf das Ein-/Ausschalten und zeigt die Daten an, oder eben nicht.

                    Hier einmal meine Config zur Inspiration:

                      "<meineDeviceID>": {
                        "id": "<meineDeviceID>",
                        "function": "other",
                        "states": {
                          "active": {
                            "state": {
                              "node": "0_userdata.0.network.WLANguest"
                            },
                            "action": "0_userdata.0.network.WLANguest",
                            "icon": {
                              "true": "wifi-lock-open",
                              "false": "wifi-off"
                            },
                            "actionElement": "SwitchAction",
                            "label": "Gäste WLAN"
                          },
                          "QRCode": {
                            "state": {
                              "node": "0_userdata.0.network.WLANguest.QRhtml"
                            },
                            "bodyElement": null,
                            "label": "QR Code",
                            "icon": "qrcode-scan",
                            "stateStyle": {
                              "aus": {
                                "color": "#999"
                              }
                            }
                          },
                          "ssid": {
                            "icon": {
                              "aus": "access-point-off",
                              "default": "access-point"
                            },
                            "label": "Name (SSID)",
                            "state": {
                              "node": "0_userdata.0.network.WLANguest.SSID"
                            },
                            "display": "",
                            "bodyElement": null,
                            "stateStyle": {
                              "aus": {
                                "color": "#999"
                              },
                              "default": {
                                "color": "#000",
                                "fontWeight": "bold",
                                "fontFamily": "monospace",
                                "fontSize": "x-large"
                              }
                            }
                          },
                          "password": {
                            "state": {
                              "node": "0_userdata.0.network.WLANguest.Password"
                            },
                            "display": "",
                            "icon": "form-textbox-password",
                            "label": "Passwort",
                            "stateStyle": {
                              "aus": {
                                "color": "#999"
                              },
                              "default": {
                                "color": "#000",
                                "fontWeight": "bold",
                                "fontFamily": "monospace",
                                "fontSize": "x-large"
                              }
                            },
                            "bodyElement": null
                          }
                        },
                        "options": {},
                        "attributes": {
                          "_created": 1603992744929,
                          "_updated": 1609189156129
                        },
                        "name": "FRITZ!Box Gäste WLAN",
                        "icon": "wifi-lock-open",
                        "hash": 1609189156129
                      }
                    

                    Ich befüllte die Datenpunkte per Blocky/JavaScript, je nach dem, ob das Gäste-WLAN an oder ausgeschaltet wird:
                    2020-12-28 22_53_19-javascript - ioBroker und 4 weitere Seiten - Persönlich – Microsoft​ Edge.png
                    bzw.

                    on({id: '0_userdata.0.network.WLANguest', change: "ne"}, function (obj) {
                      var value = obj.state.val;
                      var oldValue = obj.oldState.val;
                      if ((obj.state ? obj.state.val : "")) {
                        // Schalte ein
                        setState("linkeddevices.0.network.Internet.wlanGuest"/*Gäste-WLAN*/, true);
                        setState("0_userdata.0.network.WLANguest.QRhtml"/*QRhtml*/, '<img src="http://iobroker:8080/vis.0/main/img/WLAN-Gast/WLAN-Gast-QR.png" alt="QR-Code für Gäste-WLAN" width="150" height="150">');
                        setState("0_userdata.0.network.WLANguest.SSID"/*SSID*/, '<meineSSID>');
                        setState("0_userdata.0.network.WLANguest.Password"/*Password*/, '<meinPasswort>');
                      } else {
                        // Schalte aus
                        setState("linkeddevices.0.network.Internet.wlanGuest"/*Gäste-WLAN*/, false);
                        setState("0_userdata.0.network.WLANguest.QRhtml"/*QRhtml*/, 'aus');
                        setState("0_userdata.0.network.WLANguest.SSID"/*SSID*/, 'aus');
                        setState("0_userdata.0.network.WLANguest.Password"/*Password*/, 'aus');
                      }
                    });
                    // Prüfe externe Änderung
                    on({id: 'linkeddevices.0.network.Internet.wlanGuest', change: "ne"}, function (obj) {
                      var value = obj.state.val;
                      var oldValue = obj.oldState.val;
                      setState("0_userdata.0.network.WLANguest"/*Gäste-WLAN aktiv*/, (obj.state ? obj.state.val : ""));
                    });
                    
                    

                    ZefauZ B SlowmanS B 4 Replies Last reply
                    2
                    • DNC74D DNC74

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

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

                      Ist es möglich ein Bild per URL (z.B. http://iobroker/bild.png) im Geräte-Popup anzeigen zu lassen?

                      Aktuell nicht. Feature Request siehe https://github.com/Zefau/ioBroker.jarvis/issues/292

                      geht doch 😊 indem man in einen Datenpunkt z.B. so
                      etwas schreibt:

                      <img src="http://iobroker:8080/vis.0/main/img/WLAN-Gast/WLAN-Gast-QR.png" alt="QR-Code für Gäste-WLAN" width="150" height="150">
                      

                      und diesen als Datenpunkt im Gerät hinzufügt.

                      Das ganze sieht dann so aus: Gäste-WLAN eingeschaltet:
                      2020-12-28 22_33_08-JarVis und 4 weitere Seiten - Persönlich – Microsoft​ Edge.png

                      Gäste-WLAN ausgeschaltet:
                      2020-12-28 22_34_14-JarVis und 4 weitere Seiten - Persönlich – Microsoft​ Edge.png

                      Dadurch, dass Jarvis "responsive" ist, reagiert das Popup direkt auf das Ein-/Ausschalten und zeigt die Daten an, oder eben nicht.

                      Hier einmal meine Config zur Inspiration:

                        "<meineDeviceID>": {
                          "id": "<meineDeviceID>",
                          "function": "other",
                          "states": {
                            "active": {
                              "state": {
                                "node": "0_userdata.0.network.WLANguest"
                              },
                              "action": "0_userdata.0.network.WLANguest",
                              "icon": {
                                "true": "wifi-lock-open",
                                "false": "wifi-off"
                              },
                              "actionElement": "SwitchAction",
                              "label": "Gäste WLAN"
                            },
                            "QRCode": {
                              "state": {
                                "node": "0_userdata.0.network.WLANguest.QRhtml"
                              },
                              "bodyElement": null,
                              "label": "QR Code",
                              "icon": "qrcode-scan",
                              "stateStyle": {
                                "aus": {
                                  "color": "#999"
                                }
                              }
                            },
                            "ssid": {
                              "icon": {
                                "aus": "access-point-off",
                                "default": "access-point"
                              },
                              "label": "Name (SSID)",
                              "state": {
                                "node": "0_userdata.0.network.WLANguest.SSID"
                              },
                              "display": "",
                              "bodyElement": null,
                              "stateStyle": {
                                "aus": {
                                  "color": "#999"
                                },
                                "default": {
                                  "color": "#000",
                                  "fontWeight": "bold",
                                  "fontFamily": "monospace",
                                  "fontSize": "x-large"
                                }
                              }
                            },
                            "password": {
                              "state": {
                                "node": "0_userdata.0.network.WLANguest.Password"
                              },
                              "display": "",
                              "icon": "form-textbox-password",
                              "label": "Passwort",
                              "stateStyle": {
                                "aus": {
                                  "color": "#999"
                                },
                                "default": {
                                  "color": "#000",
                                  "fontWeight": "bold",
                                  "fontFamily": "monospace",
                                  "fontSize": "x-large"
                                }
                              },
                              "bodyElement": null
                            }
                          },
                          "options": {},
                          "attributes": {
                            "_created": 1603992744929,
                            "_updated": 1609189156129
                          },
                          "name": "FRITZ!Box Gäste WLAN",
                          "icon": "wifi-lock-open",
                          "hash": 1609189156129
                        }
                      

                      Ich befüllte die Datenpunkte per Blocky/JavaScript, je nach dem, ob das Gäste-WLAN an oder ausgeschaltet wird:
                      2020-12-28 22_53_19-javascript - ioBroker und 4 weitere Seiten - Persönlich – Microsoft​ Edge.png
                      bzw.

                      on({id: '0_userdata.0.network.WLANguest', change: "ne"}, function (obj) {
                        var value = obj.state.val;
                        var oldValue = obj.oldState.val;
                        if ((obj.state ? obj.state.val : "")) {
                          // Schalte ein
                          setState("linkeddevices.0.network.Internet.wlanGuest"/*Gäste-WLAN*/, true);
                          setState("0_userdata.0.network.WLANguest.QRhtml"/*QRhtml*/, '<img src="http://iobroker:8080/vis.0/main/img/WLAN-Gast/WLAN-Gast-QR.png" alt="QR-Code für Gäste-WLAN" width="150" height="150">');
                          setState("0_userdata.0.network.WLANguest.SSID"/*SSID*/, '<meineSSID>');
                          setState("0_userdata.0.network.WLANguest.Password"/*Password*/, '<meinPasswort>');
                        } else {
                          // Schalte aus
                          setState("linkeddevices.0.network.Internet.wlanGuest"/*Gäste-WLAN*/, false);
                          setState("0_userdata.0.network.WLANguest.QRhtml"/*QRhtml*/, 'aus');
                          setState("0_userdata.0.network.WLANguest.SSID"/*SSID*/, 'aus');
                          setState("0_userdata.0.network.WLANguest.Password"/*Password*/, 'aus');
                        }
                      });
                      // Prüfe externe Änderung
                      on({id: 'linkeddevices.0.network.Internet.wlanGuest', change: "ne"}, function (obj) {
                        var value = obj.state.val;
                        var oldValue = obj.oldState.val;
                        setState("0_userdata.0.network.WLANguest"/*Gäste-WLAN aktiv*/, (obj.state ? obj.state.val : ""));
                      });
                      
                      

                      ZefauZ Offline
                      ZefauZ Offline
                      Zefau
                      wrote on last edited by
                      #2565

                      @DNC74 stark, wirklich sehr kreativ und inspirierend 🙂 Freut mich, dass du / ihr jarvis so flexibel einsetzen könnt.

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

                      1 Reply Last reply
                      0
                      • ZefauZ Offline
                        ZefauZ Offline
                        Zefau
                        wrote on last edited by
                        #2566

                        Sofern noch nicht geschehen würde es mich freuen, wenn ihr den ersten Beitrag dieses Threads liked / thumbs upped. Danke euch.

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

                        M 1 Reply Last reply
                        1
                        • ZefauZ Zefau

                          jarvis - just another remarkable vis

                          Was ist jarvis?

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

                          jarvis ist responsive und passt sich der Größe des Screens an.

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

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

                          Warum jarvis?

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

                          Mehr Informationen

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

                          Gestalte mit und stimme ab

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

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

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

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

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


                          Impressionen

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

                          Users

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

                          Screencast / Video

                          play.png

                          Screenshots

                          Beispiel: Dashboard (3 columns)

                          Dashboard.png

                          Beispiel: Karte (Vollbild)

                          Map.png

                          Beispiel: Statistiken (2 columns)

                          Statistik.png

                          Beispiel: Status (3 columns, davon 2 leer)

                          Status.png

                          Module

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

                          AdapterStatus

                          AdapterStatus

                          Chart

                          Chart

                          DateTime

                          DateTime1

                          Map

                          Map

                          StateList

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

                          StateListHorizontal

                          StateListHorizontal1.png


                          Konfiguration / erste Schritte

                          siehe Wiki auf Github


                          Ausblick / Roadmap

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

                          MEILENSTEINE / ROADMAPs

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

                          nächste Release

                          • ROADMAP v2.1.0
                          • ROADMAP v3.0.0
                          sigi234S Online
                          sigi234S Online
                          sigi234
                          Forum Testing Most Active
                          wrote on last edited by
                          #2567

                          @Zefau

                          Hallo, habe dir mal eine Yamaha json gesendet, falls du das brauchst.

                          https://github.com/Zefau/ioBroker.jarvis/issues/499

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

                          1 Reply Last reply
                          0
                          • M MCU

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

                            hierfür bitte Custom CSS nutzen

                            Wie oder wo kann man das einfügen? Gibt es ein Beispiel dafür? Um einen DP als sekundären DP in unterschiedlicher Farbe anzeigen zu lassen in Abhängigkeit vom Wert (false/true).

                            DNC74D Offline
                            DNC74D Offline
                            DNC74
                            wrote on last edited by DNC74
                            #2568

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

                            @DNC74 stark, wirklich sehr kreativ und inspirierend 🙂 Freut mich, dass du / ihr jarvis so flexibel einsetzen könnt.

                            Na die Blumen gehören aber eindeutig dir 🙂 Es ist einfach der Hammer und macht echt Spaß, was Du da gebaut hast!

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

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

                            hierfür bitte Custom CSS nutzen

                            Wie oder wo kann man das einfügen? Gibt es ein Beispiel dafür? ...

                            Das Thema CSS interessiert mich auch brennend. Wäre klasse, wenn jemand da ein Beispiel für hätte oder man etwas dazu im Wiki finden würde 😉
                            Wie baut man sich z.B. sein eigenes Dark-Theme?

                            stephan1827S 1 Reply Last reply
                            0
                            • ZefauZ Zefau

                              Sofern noch nicht geschehen würde es mich freuen, wenn ihr den ersten Beitrag dieses Threads liked / thumbs upped. Danke euch.

                              M Online
                              M Online
                              MCU
                              wrote on last edited by MCU
                              #2569

                              @Zefau v2.1.0 beta.30 Problem mit zwei aufeinander folgenden Gruppen:
                              5853e639-6d2b-40ef-9181-67548fac36b8-image.png
                              Untere Gruppe kann nicht geschaltet werden.


                              483ded9d-abdd-4af0-9cfa-fb2040156726-image.png

                              NUC i7 64GB mit Proxmox ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
                              Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                              ZefauZ 1 Reply Last reply
                              0
                              • DNC74D DNC74

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

                                @DNC74 stark, wirklich sehr kreativ und inspirierend 🙂 Freut mich, dass du / ihr jarvis so flexibel einsetzen könnt.

                                Na die Blumen gehören aber eindeutig dir 🙂 Es ist einfach der Hammer und macht echt Spaß, was Du da gebaut hast!

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

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

                                hierfür bitte Custom CSS nutzen

                                Wie oder wo kann man das einfügen? Gibt es ein Beispiel dafür? ...

                                Das Thema CSS interessiert mich auch brennend. Wäre klasse, wenn jemand da ein Beispiel für hätte oder man etwas dazu im Wiki finden würde 😉
                                Wie baut man sich z.B. sein eigenes Dark-Theme?

                                stephan1827S Offline
                                stephan1827S Offline
                                stephan1827
                                wrote on last edited by
                                #2570

                                Gibt es eigentlich irgendwo Dokumentation was man bei den ganzen JSON Sachen einstellen kann? Man kann da bei den Stil und Eigenschaft ja einiges einstellen aber ich finde keine Doku oder Beispiele.

                                Schöne Grüße

                                Stephan

                                ZefauZ 1 Reply Last reply
                                0
                                • stephan1827S stephan1827

                                  Gibt es eigentlich irgendwo Dokumentation was man bei den ganzen JSON Sachen einstellen kann? Man kann da bei den Stil und Eigenschaft ja einiges einstellen aber ich finde keine Doku oder Beispiele.

                                  Schöne Grüße

                                  Stephan

                                  ZefauZ Offline
                                  ZefauZ Offline
                                  Zefau
                                  wrote on last edited by
                                  #2571

                                  @stephan1827 wo hast du denn überall geguckt, dass du keine findest? 🙂

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

                                  Grundsätzlich gehen alle CSS Styles

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

                                  simatecS stephan1827S 2 Replies Last reply
                                  0
                                  • ZefauZ Zefau

                                    jarvis - just another remarkable vis

                                    Was ist jarvis?

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

                                    jarvis ist responsive und passt sich der Größe des Screens an.

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

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

                                    Warum jarvis?

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

                                    Mehr Informationen

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

                                    Gestalte mit und stimme ab

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

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

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

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

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


                                    Impressionen

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

                                    Users

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

                                    Screencast / Video

                                    play.png

                                    Screenshots

                                    Beispiel: Dashboard (3 columns)

                                    Dashboard.png

                                    Beispiel: Karte (Vollbild)

                                    Map.png

                                    Beispiel: Statistiken (2 columns)

                                    Statistik.png

                                    Beispiel: Status (3 columns, davon 2 leer)

                                    Status.png

                                    Module

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

                                    AdapterStatus

                                    AdapterStatus

                                    Chart

                                    Chart

                                    DateTime

                                    DateTime1

                                    Map

                                    Map

                                    StateList

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

                                    StateListHorizontal

                                    StateListHorizontal1.png


                                    Konfiguration / erste Schritte

                                    siehe Wiki auf Github


                                    Ausblick / Roadmap

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

                                    MEILENSTEINE / ROADMAPs

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

                                    nächste Release

                                    • ROADMAP v2.1.0
                                    • ROADMAP v3.0.0
                                    sigi234S Online
                                    sigi234S Online
                                    sigi234
                                    Forum Testing Most Active
                                    wrote on last edited by sigi234
                                    #2572

                                    @Zefau

                                    Hallo, wo kann ich die Presets definieren?
                                    Der DP hat

                                    1 = Ö3
                                    2 = Hitradio
                                    3 = xxxxx

                                    Der DP erwartet eine Zahl, also 1 = Ö3
                                    Mit dem input action funktioniert es und er schaltet auch auf den Sender.

                                    Hinweis:
                                    Der DP kommt vom Yamaha Musiccast Adapter!


                                    {
                                    "from": "system.adapter.musiccast.0",
                                    "user": "system.user.admin",
                                    "ts": 1569022242550,
                                    "common": {
                                    "name": "recall preset number",
                                    "type": "number",
                                    "role": "level",
                                    "desc": "recall preset number",
                                    "read": true,
                                    "write": true
                                    },
                                    "native": {},
                                    "acl": {
                                    "object": 1636,
                                    "owner": "system.user.admin",
                                    "ownerGroup": "system.group.administrator",
                                    "state": 1636
                                    },
                                    "_id": "musiccast.0.RX-V481_08125F03.netusb.presetrecallnumber",
                                    "type": "state"
                                    }

                                    Screenshot (3001).png

                                    Screenshot (3003).png

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

                                    ZefauZ 1 Reply Last reply
                                    0
                                    • ZefauZ Zefau

                                      @stephan1827 wo hast du denn überall geguckt, dass du keine findest? 🙂

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

                                      Grundsätzlich gehen alle CSS Styles

                                      simatecS Online
                                      simatecS Online
                                      simatec
                                      Developer Most Active
                                      wrote on last edited by
                                      #2573

                                      @Zefau
                                      Was hältst du von einem Extra Thread, in dem jeder seine CSS Styles zeigen und zur Verfügung stellen kann?

                                      • Besuche meine Github Seite
                                      • Beitrag hat geholfen oder willst du mich unterstützen
                                      • HowTo Restore ioBroker
                                      ZefauZ 1 Reply Last reply
                                      2
                                      • DNC74D DNC74

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

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

                                        Ist es möglich ein Bild per URL (z.B. http://iobroker/bild.png) im Geräte-Popup anzeigen zu lassen?

                                        Aktuell nicht. Feature Request siehe https://github.com/Zefau/ioBroker.jarvis/issues/292

                                        geht doch 😊 indem man in einen Datenpunkt z.B. so
                                        etwas schreibt:

                                        <img src="http://iobroker:8080/vis.0/main/img/WLAN-Gast/WLAN-Gast-QR.png" alt="QR-Code für Gäste-WLAN" width="150" height="150">
                                        

                                        und diesen als Datenpunkt im Gerät hinzufügt.

                                        Das ganze sieht dann so aus: Gäste-WLAN eingeschaltet:
                                        2020-12-28 22_33_08-JarVis und 4 weitere Seiten - Persönlich – Microsoft​ Edge.png

                                        Gäste-WLAN ausgeschaltet:
                                        2020-12-28 22_34_14-JarVis und 4 weitere Seiten - Persönlich – Microsoft​ Edge.png

                                        Dadurch, dass Jarvis "responsive" ist, reagiert das Popup direkt auf das Ein-/Ausschalten und zeigt die Daten an, oder eben nicht.

                                        Hier einmal meine Config zur Inspiration:

                                          "<meineDeviceID>": {
                                            "id": "<meineDeviceID>",
                                            "function": "other",
                                            "states": {
                                              "active": {
                                                "state": {
                                                  "node": "0_userdata.0.network.WLANguest"
                                                },
                                                "action": "0_userdata.0.network.WLANguest",
                                                "icon": {
                                                  "true": "wifi-lock-open",
                                                  "false": "wifi-off"
                                                },
                                                "actionElement": "SwitchAction",
                                                "label": "Gäste WLAN"
                                              },
                                              "QRCode": {
                                                "state": {
                                                  "node": "0_userdata.0.network.WLANguest.QRhtml"
                                                },
                                                "bodyElement": null,
                                                "label": "QR Code",
                                                "icon": "qrcode-scan",
                                                "stateStyle": {
                                                  "aus": {
                                                    "color": "#999"
                                                  }
                                                }
                                              },
                                              "ssid": {
                                                "icon": {
                                                  "aus": "access-point-off",
                                                  "default": "access-point"
                                                },
                                                "label": "Name (SSID)",
                                                "state": {
                                                  "node": "0_userdata.0.network.WLANguest.SSID"
                                                },
                                                "display": "",
                                                "bodyElement": null,
                                                "stateStyle": {
                                                  "aus": {
                                                    "color": "#999"
                                                  },
                                                  "default": {
                                                    "color": "#000",
                                                    "fontWeight": "bold",
                                                    "fontFamily": "monospace",
                                                    "fontSize": "x-large"
                                                  }
                                                }
                                              },
                                              "password": {
                                                "state": {
                                                  "node": "0_userdata.0.network.WLANguest.Password"
                                                },
                                                "display": "",
                                                "icon": "form-textbox-password",
                                                "label": "Passwort",
                                                "stateStyle": {
                                                  "aus": {
                                                    "color": "#999"
                                                  },
                                                  "default": {
                                                    "color": "#000",
                                                    "fontWeight": "bold",
                                                    "fontFamily": "monospace",
                                                    "fontSize": "x-large"
                                                  }
                                                },
                                                "bodyElement": null
                                              }
                                            },
                                            "options": {},
                                            "attributes": {
                                              "_created": 1603992744929,
                                              "_updated": 1609189156129
                                            },
                                            "name": "FRITZ!Box Gäste WLAN",
                                            "icon": "wifi-lock-open",
                                            "hash": 1609189156129
                                          }
                                        

                                        Ich befüllte die Datenpunkte per Blocky/JavaScript, je nach dem, ob das Gäste-WLAN an oder ausgeschaltet wird:
                                        2020-12-28 22_53_19-javascript - ioBroker und 4 weitere Seiten - Persönlich – Microsoft​ Edge.png
                                        bzw.

                                        on({id: '0_userdata.0.network.WLANguest', change: "ne"}, function (obj) {
                                          var value = obj.state.val;
                                          var oldValue = obj.oldState.val;
                                          if ((obj.state ? obj.state.val : "")) {
                                            // Schalte ein
                                            setState("linkeddevices.0.network.Internet.wlanGuest"/*Gäste-WLAN*/, true);
                                            setState("0_userdata.0.network.WLANguest.QRhtml"/*QRhtml*/, '<img src="http://iobroker:8080/vis.0/main/img/WLAN-Gast/WLAN-Gast-QR.png" alt="QR-Code für Gäste-WLAN" width="150" height="150">');
                                            setState("0_userdata.0.network.WLANguest.SSID"/*SSID*/, '<meineSSID>');
                                            setState("0_userdata.0.network.WLANguest.Password"/*Password*/, '<meinPasswort>');
                                          } else {
                                            // Schalte aus
                                            setState("linkeddevices.0.network.Internet.wlanGuest"/*Gäste-WLAN*/, false);
                                            setState("0_userdata.0.network.WLANguest.QRhtml"/*QRhtml*/, 'aus');
                                            setState("0_userdata.0.network.WLANguest.SSID"/*SSID*/, 'aus');
                                            setState("0_userdata.0.network.WLANguest.Password"/*Password*/, 'aus');
                                          }
                                        });
                                        // Prüfe externe Änderung
                                        on({id: 'linkeddevices.0.network.Internet.wlanGuest', change: "ne"}, function (obj) {
                                          var value = obj.state.val;
                                          var oldValue = obj.oldState.val;
                                          setState("0_userdata.0.network.WLANguest"/*Gäste-WLAN aktiv*/, (obj.state ? obj.state.val : ""));
                                        });
                                        
                                        

                                        B Offline
                                        B Offline
                                        banza
                                        wrote on last edited by
                                        #2574

                                        @DNC74
                                        danke für deinen Beitrag, WAF ist gerade um etliche Prozentpunkte gestiegen 👍


                                        Screenshot 2020-12-29 110255.jpg

                                        link zu einem Grafana panel als iFrame im Datenpunkt

                                        C 1 Reply Last reply
                                        0
                                        • sigi234S sigi234

                                          @Zefau

                                          Hallo, wo kann ich die Presets definieren?
                                          Der DP hat

                                          1 = Ö3
                                          2 = Hitradio
                                          3 = xxxxx

                                          Der DP erwartet eine Zahl, also 1 = Ö3
                                          Mit dem input action funktioniert es und er schaltet auch auf den Sender.

                                          Hinweis:
                                          Der DP kommt vom Yamaha Musiccast Adapter!


                                          {
                                          "from": "system.adapter.musiccast.0",
                                          "user": "system.user.admin",
                                          "ts": 1569022242550,
                                          "common": {
                                          "name": "recall preset number",
                                          "type": "number",
                                          "role": "level",
                                          "desc": "recall preset number",
                                          "read": true,
                                          "write": true
                                          },
                                          "native": {},
                                          "acl": {
                                          "object": 1636,
                                          "owner": "system.user.admin",
                                          "ownerGroup": "system.group.administrator",
                                          "state": 1636
                                          },
                                          "_id": "musiccast.0.RX-V481_08125F03.netusb.presetrecallnumber",
                                          "type": "state"
                                          }

                                          Screenshot (3001).png

                                          Screenshot (3003).png

                                          ZefauZ Offline
                                          ZefauZ Offline
                                          Zefau
                                          wrote on last edited by
                                          #2575

                                          @sigi234 über die Anzeige-Variante, siehe Wiki

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

                                          sigi234S 1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          620

                                          Online

                                          32.4k

                                          Users

                                          81.3k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe