NEWS
jarvis v2.2.0 - just another remarkable vis
-
@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:

Gäste-WLAN ausgeschaltet:

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:
@DNC74 said in jarvis v2.1.0 - just another remarkable vis:
<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">
Danke dafür. Das funktioniert auch mit iFrame und ich kann endlich meine Grafana Charts in die Popups einbauen
"freu" -
Hallo, ich möchte mich hiermit auch einmal für deine Arbeit und die tolle VIS bedanken. Meine Begeisterung über die Möglichkeiten wächst von Version zu Version.
Kannst du schon eine zeitliche Abschätzung machen in welcher Beta-Version du das Thema "Support import of devices from ioBroker.linkeddevices #467" planst umzusetzen?
Es geht darum ob ich noch warte bis zur Implementierung oder ob ich die Devices manuell einbinden soll.
Vielen Dank im Voraus und viele Grüße
Olli
-
@Bloody said in jarvis v2.1.0 - just another remarkable vis:
@Zefau said in jarvis v2.1.0 - just another remarkable vis:
@Bloody sagte in jarvis v2.1.0 - just another remarkable vis:
seit der 2.2.0-beta.2 funktionieren folgende Farbveränderungen und Icon Geblinke nicht mehr. Gestern erst mit der 2.1 konfiguriert gehabt.
Was geht denn konkret nicht?
Die Anzeige war in Firefox und Chrome bisher unterschiedlich und mit v2.2 wurde es angeglichen.
Eigentlich sollten die Batteriestände ähnlich dem Müll unter 5% blinken, rot angezeigt und ein ICON mit Ausrufezeichen angezeigt werden. Stattdessen passiert gar nichts. Icon wird grün angezeigt und blinkt auch nicht und auch nicht das richtige Icon. Zudem ab 50% eigentlich gelb aber auch das funktioniert nicht mehr.

Eigentlich müsste es ähnlich dem Altpapier aussehen. Da funktioniert es komischerweise noch. Natürlich mit anderen Werten, siehe auch oben im Spoiler.

Funktioniert mit der aktuellen Beta wieder. Danke für deine super Arbeit!

-
@dabbeljuh said in jarvis v2.1.0 - just another remarkable vis:
Hi @stephan1827, gute Idee, hier ein paar Beispiele zu listen.

Ich hätte da noch eine kleine Ergänzung vorzuschlagen, mit der man z.B. beim Unter-/Überschreiten einer Temperaturgrenze die Optik noch etwas wahrnehmbarer gestalten kann.
Das hier kommt ins Device:
{"<15":"mdi-thermometer blink",">22":"mdi-thermometer blink"}Und das hier in den Bereich "Styles":
.blink {
animation: blinker 1s linear infinite;
}@keyframes blinker {
50% { opacity: 0; }
} -
@dabbeljuh said in jarvis v2.1.0 - just another remarkable vis:
Hi @stephan1827, gute Idee, hier ein paar Beispiele zu listen.

Ich hätte da noch eine kleine Ergänzung vorzuschlagen, mit der man z.B. beim Unter-/Überschreiten einer Temperaturgrenze die Optik noch etwas wahrnehmbarer gestalten kann.
Das hier kommt ins Device:
{"<15":"mdi-thermometer blink",">22":"mdi-thermometer blink"}Und das hier in den Bereich "Styles":
.blink {
animation: blinker 1s linear infinite;
}@keyframes blinker {
50% { opacity: 0; }
}@Zefau
2.2.0 beta.8Änderung im Gerät, Hinzufügen eines neuen Datenpunkt Bezeichners (States) führt dazu, daß wenn man danach in das Layout geht die Datenpunkte im Layout ausgetauscht werden. (DP: rgb hinzugefügt)
Er macht aus:


Der rgb DP ist nicht mit LightColorBody steuerbar. Vom Gewerke ist es eigentlich kein Licht, sondern hat nur einen Lichteffekt, primär ist es ein Diffusor. Ist LightColorBody nur beim Gewerk "Licht" verfügbar?
Vielleicht kann man den DP(Trigger) lesen und dann entscheiden, ob LightColorBody verfügbar sein sollte oder nicht?
-
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
fullscreensein oder beliebig vielecolumnshaben, die die einzelnenmodulesin 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:

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/493843Screencast / Video
Screenshots
Beispiel: Dashboard (3
columns)
Beispiel: Karte (Vollbild)

Beispiel: Statistiken (2
columns)
Beispiel: Status (3
columns, davon 2 leer)
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

Chart

DateTime

Map

StateList




StateListHorizontal

Konfiguration / erste Schritte
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
@Zefau vielen Dank für die tolle Jarvis! Ich baue seit 3 Wochen an meiner VIS, bin begeistert von den Möglichkeiten, habe hier meine ersten Gehversuche eingetragen https://forum.iobroker.net/topic/37661/showcase-jarvis-just-another-remarkable-vis/99
Aktuell eine Frage:
Kann die Navigationsleiste dauerhaft eingeblendet werden? Beim Scrollen reduziert sich diese auf die Icons, ich würde die Leiste gerne komplett sehen wollen. Siehe auch Bilder, im Wiki und den 2875 Einträgen hier habe ich keinen Hinweis hierzu gefunden....
Vielen Dank!

-
@Zefau vielen Dank für die tolle Jarvis! Ich baue seit 3 Wochen an meiner VIS, bin begeistert von den Möglichkeiten, habe hier meine ersten Gehversuche eingetragen https://forum.iobroker.net/topic/37661/showcase-jarvis-just-another-remarkable-vis/99
Aktuell eine Frage:
Kann die Navigationsleiste dauerhaft eingeblendet werden? Beim Scrollen reduziert sich diese auf die Icons, ich würde die Leiste gerne komplett sehen wollen. Siehe auch Bilder, im Wiki und den 2875 Einträgen hier habe ich keinen Hinweis hierzu gefunden....
Vielen Dank!

@flkontakt sagte in jarvis v2.1.0 - just another remarkable vis:
Kann die Navigationsleiste dauerhaft eingeblendet werden? Beim Scrollen reduziert sich diese auf die Icons, ich würde die Leiste gerne komplett sehen wollen. Siehe auch Bilder, im Wiki und den 2875 Einträgen hier habe ich keinen Hinweis hierzu gefunden....
Die Tab-Leiste ist dauerhaft eingeblendet. Die Reduzierung beim Scrollen kann aktuell nicht deaktiviert werden. Mach dafür gerne einen Feature Request, dann baue ich dafür eine Option ein.
-
Adapter-Widget: müssen die Adapter durch ein Komma getrennt eingegeben werden? Klappt bei mir nicht, es wird nur der erste aus der Liste angezeigt:


@SevenUp sagte in jarvis v2.1.0 - just another remarkable vis:
Adapter-Widget: müssen die Adapter durch ein Komma getrennt eingegeben werden? Klappt bei mir nicht, es wird nur der erste aus der Liste angezeigt:
Mittels Komma ohne Leerzeichen. Mit der nächsten beta hab ich es kulanter programmiert, dann geht beides.
-
@Zefau
2.2.0 beta.8Änderung im Gerät, Hinzufügen eines neuen Datenpunkt Bezeichners (States) führt dazu, daß wenn man danach in das Layout geht die Datenpunkte im Layout ausgetauscht werden. (DP: rgb hinzugefügt)
Er macht aus:


Der rgb DP ist nicht mit LightColorBody steuerbar. Vom Gewerke ist es eigentlich kein Licht, sondern hat nur einen Lichteffekt, primär ist es ein Diffusor. Ist LightColorBody nur beim Gewerk "Licht" verfügbar?
Vielleicht kann man den DP(Trigger) lesen und dann entscheiden, ob LightColorBody verfügbar sein sollte oder nicht?
@MCU sagte in jarvis v2.1.0 - just another remarkable vis:
Der rgb DP ist nicht mit LightColorBody steuerbar. Vom Gewerke ist es eigentlich kein Licht, sondern hat nur einen Lichteffekt, primär ist es ein Diffusor. Ist LightColorBody nur beim Gewerk "Licht" verfügbar?
Ja,
LightColorBodyist nur im Gewerk Licht. Welches Gewerk hat denn dein Gerät und warum ist es nicht Licht? -
Hallo, ich möchte mich hiermit auch einmal für deine Arbeit und die tolle VIS bedanken. Meine Begeisterung über die Möglichkeiten wächst von Version zu Version.
Kannst du schon eine zeitliche Abschätzung machen in welcher Beta-Version du das Thema "Support import of devices from ioBroker.linkeddevices #467" planst umzusetzen?
Es geht darum ob ich noch warte bis zur Implementierung oder ob ich die Devices manuell einbinden soll.
Vielen Dank im Voraus und viele Grüße
Olli
@OlliP81 sagte in jarvis v2.1.0 - just another remarkable vis:
Kannst du schon eine zeitliche Abschätzung machen in welcher Beta-Version du das Thema "Support import of devices from ioBroker.linkeddevices #467" planst umzusetzen?
Über beta Releases äußere ich mich ungern. Die kommen wie sie kommen. LinkedDevices steht aber oben auf der Liste, insofern zeitnah die nächsten Tage.
-
Mit der aktuellen Beta 8 sind alle icons weg

@stephan1827 sagte in jarvis v2.1.0 - just another remarkable vis:
Mit der aktuellen Beta 8 sind alle icons weg
Hat das Gerät keine Internetverbindung? Die Icons werden per API aus dem Netz gezogen.
-
@MCU sagte in jarvis v2.1.0 - just another remarkable vis:
Der rgb DP ist nicht mit LightColorBody steuerbar. Vom Gewerke ist es eigentlich kein Licht, sondern hat nur einen Lichteffekt, primär ist es ein Diffusor. Ist LightColorBody nur beim Gewerk "Licht" verfügbar?
Ja,
LightColorBodyist nur im Gewerk Licht. Welches Gewerk hat denn dein Gerät und warum ist es nicht Licht?@Zefau sagte in jarvis v2.1.0 - just another remarkable vis:
Ja, LightColorBody ist nur im Gewerk Licht. Welches Gewerk hat denn dein Gerät und warum ist es nicht Licht?
Es ist Diffusor (Duftspender) und als Sonstige eingetragen. (Vielleicht als neues Gewerk festlegen?)
Und die haben einen Farbring der steuerbar ist. (RGB - #00ff00)Beispiel für die Objekte (MEROSS-Adapter) (müsste auch vielleicht als Import angelegt werden)

Zum Thema relative Pfade: Es geht ja nur ums Lesen?
var fs = require('fs'); const Bild= fs.readFileSync('/Daten/picture.png'); //relativer Pfad -
@Zefau sagte in jarvis v2.1.0 - just another remarkable vis:
Ja, LightColorBody ist nur im Gewerk Licht. Welches Gewerk hat denn dein Gerät und warum ist es nicht Licht?
Es ist Diffusor (Duftspender) und als Sonstige eingetragen. (Vielleicht als neues Gewerk festlegen?)
Und die haben einen Farbring der steuerbar ist. (RGB - #00ff00)Beispiel für die Objekte (MEROSS-Adapter) (müsste auch vielleicht als Import angelegt werden)

Zum Thema relative Pfade: Es geht ja nur ums Lesen?
var fs = require('fs'); const Bild= fs.readFileSync('/Daten/picture.png'); //relativer Pfad@MCU sagte in jarvis v2.1.0 - just another remarkable vis:
Zum Thema relative Pfade: Es geht ja nur ums Lesen?
Dein Beispiel ist ein Nodejs Beispiel für eine Server-Umgebung. jarvis ist eine Front-End-App (in React) und läuft auf einem Web-Server (ioBroker.web) und hat - meines Wissens nach - insofern keine Zugriffsrechte auf relative Pfade.
-
@MCU sagte in jarvis v2.1.0 - just another remarkable vis:
Zum Thema relative Pfade: Es geht ja nur ums Lesen?
Dein Beispiel ist ein Nodejs Beispiel für eine Server-Umgebung. jarvis ist eine Front-End-App (in React) und läuft auf einem Web-Server (ioBroker.web) und hat - meines Wissens nach - insofern keine Zugriffsrechte auf relative Pfade.
-
@Zefau Aber jarvis läuft doch auf dem System. Kann man denn da nicht eine Komponente nutzen (function ?), um an die Daten zu kommen und dann an den Web-Server weitergeben?
@MCU sagte in jarvis v2.1.0 - just another remarkable vis:
Aber jarvis läuft doch auf dem System. Kann man denn da nicht eine Komponente nutzen (function ?), um an die Daten zu kommen und dann an den Web-Server weitergeben?
Geht sicherlich irgendwie. Alles ist möglich mit entsprechendem Aufwand. Die Frage ist, ob diese kleine Funktionalität den Aufwand rechtfertigt. Schau dir sonst gerne die ioBroker Dokumentation und die Implementierung an und sag, wie es umsetzbar wäre.
-
@MCU sagte in jarvis v2.1.0 - just another remarkable vis:
Aber jarvis läuft doch auf dem System. Kann man denn da nicht eine Komponente nutzen (function ?), um an die Daten zu kommen und dann an den Web-Server weitergeben?
Geht sicherlich irgendwie. Alles ist möglich mit entsprechendem Aufwand. Die Frage ist, ob diese kleine Funktionalität den Aufwand rechtfertigt. Schau dir sonst gerne die ioBroker Dokumentation und die Implementierung an und sag, wie es umsetzbar wäre.
@Zefau
Könntest du nicht ein Verzeichnis festlegen in jarvis, wo man seine Bilder per Programm rein kopieren kann. So hat man doch darauf Zugriff?
Und dann könnte man evtl mit Verweisen arbeiten:
https://forum.iobroker.net/topic/25337/bild-in-vis-einbinden/12 -
Wie kann ich die Farbe der Icons auf der Map ändern. Bei mir sind es nur weiße Punkte.
Habe mit F12 versucht ein paar Klassen zu ändern aber finde einfach nicht die richtige Stelle.
.Was muss ich in das CSS schreiben, damit ich die Icons wieder sehe?
@JayR said in jarvis v2.1.0 - just another remarkable vis:
Wie kann ich die Farbe der Icons auf der Map ändern. Bei mir sind es nur weiße Punkte.
Habe mit F12 versucht ein paar Klassen zu ändern aber finde einfach nicht die richtige Stelle.
.Was muss ich in das CSS schreiben, damit ich die Icons wieder sehe?
@Zefau : Hast du eine Idee was ich machen kann, damit die Icons wieder erscheinen:

CSS:
/* Default color modification */ .MuiAvatar-root { color: #FFFFFF; background-color: #303030; } .MuiButton-label{ color: #FFFFFF; } .MuiButton-containedPrimary{ background-color: #303030; } .MuiButton-root.Mui-disabled{ background-color: #303030 !important; } -
@JayR said in jarvis v2.1.0 - just another remarkable vis:
Wie kann ich die Farbe der Icons auf der Map ändern. Bei mir sind es nur weiße Punkte.
Habe mit F12 versucht ein paar Klassen zu ändern aber finde einfach nicht die richtige Stelle.
.Was muss ich in das CSS schreiben, damit ich die Icons wieder sehe?
@Zefau : Hast du eine Idee was ich machen kann, damit die Icons wieder erscheinen:

CSS:
/* Default color modification */ .MuiAvatar-root { color: #FFFFFF; background-color: #303030; } .MuiButton-label{ color: #FFFFFF; } .MuiButton-containedPrimary{ background-color: #303030; } .MuiButton-root.Mui-disabled{ background-color: #303030 !important; } -
@JayR said in jarvis v2.1.0 - just another remarkable vis:
Wie kann ich die Farbe der Icons auf der Map ändern. Bei mir sind es nur weiße Punkte.
Habe mit F12 versucht ein paar Klassen zu ändern aber finde einfach nicht die richtige Stelle.
.Was muss ich in das CSS schreiben, damit ich die Icons wieder sehe?
@Zefau : Hast du eine Idee was ich machen kann, damit die Icons wieder erscheinen:

CSS:
/* Default color modification */ .MuiAvatar-root { color: #FFFFFF; background-color: #303030; } .MuiButton-label{ color: #FFFFFF; } .MuiButton-containedPrimary{ background-color: #303030; } .MuiButton-root.Mui-disabled{ background-color: #303030 !important; }
