Skip to content
  • Home
  • 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
ioBroker Logo

Community Forum

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

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    3.2k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.1k

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.4k

jarvis v2.2.0 - just another remarkable vis

Scheduled Pinned Locked Moved Tester
jarvismaterialmaterial uimaterialdesignvisvisualisierungvisualization
6.1k Posts 316 Posters 4.3m 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.
  • 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 :blush: Also es befinden sich nach dem Durchschauen, alle relevanten Punkte im Import.
            Jetzt muss man nur noch dies ordentlich zusammenbauen :face_with_rolling_eyes:

            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 :blush: Also es befinden sich nach dem Durchschauen, alle relevanten Punkte im Import.
              Jetzt muss man nur noch dies ordentlich zusammenbauen :face_with_rolling_eyes:

              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 :blush: 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 :blush: 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 ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                          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 Offline
                                  simatecS Offline
                                  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 :blush: 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 :+1:


                                    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
                                      • simatecS simatec

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

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

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

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

                                        Jo na klar. Gibt ja auch den Showcase Thread, aber auch gerne einen neuen Thread. Ihr müsst mich ja nicht fragen :-D Umso mehr “Werbung“ umso besser :-)

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

                                        1 Reply Last reply
                                        1
                                        • 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

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

                                          @Zefau :thinking_face: ich brauch ne neue Brille

                                          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

                                          464

                                          Online

                                          32.6k

                                          Users

                                          82.3k

                                          Topics

                                          1.3m

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

                                          • Don't have an account? Register

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