jarvis v2.2.0 - just another remarkable vis

[Zefau]

@Oliver-Wolf sagte in jarvis v2.1.0 - just another remarkable vis:

Funktioniert das auch für die Icons einer Widget-Box?

Probier es aus

[dabbeljuh]

Hallo @Zefau,

ich habe mir gerade die aktuelle Version von Github gezogen und danach - zugegebenermaßen das erste Mal - versucht, eine Gruppe für die Beleuchtung im OG anzulegen. Leider tut sich da exakt nix.

Ich habe dazu einfach im Layout im Widget der bestehenden einzelnen Lampen manuell eine Gruppe hinzugefügt, die auch grundsätzlich über eine Switch Action verfügt. Leider lässt sich diese im View hinterher nicht schalten. Passt da noch was nicht oder hab ich evtl. was falsch verstanden?

Des Weiteren wird mir in der Konsole angezeigt, dass es Probleme mit der Webfont gibt:

downloadable font: Failed to convert WOFF 2.0 font to SFNT (font-family: "Material Design Icons" style:normal weight:400 stretch:100 src index:1) source: http://xxx/jarvis/fonts/materialdesignicons-webfont.woff2?v=5.8.55

und

downloadable font: rejected by sanitizer (font-family: "Material Design Icons" style:normal weight:400 stretch:100 src index:1) source: http://xxx/jarvis/fonts/materialdesignicons-webfont.woff2?v=5.8.55

[OliWit82]

@DNC74 said in jarvis v2.1.0 - just another remarkable vis:

                                                                                                                            /* Smaller Headers */                                                                                                                                                                            .MuiCardHeader-root {                                                                                                                                                                                /* padding: 16px;  */                                                                                                                                                                                padding-top: 16px;                                                                                                                                                                                padding-right: 16px;                                                                                                                                                                                padding-bottom: 8px;                                                                                                                                                                                padding-left: 16px;                                                                                                                                                                            }                                                                                                                                                                                                                                                                                                                                                         .MuiCardContent-root:last-child {                                                                                                                                                                                padding-bottom: 8px; /* padding-bottom: 24px; */                                                                                                                                                                            }                                            

sorry für die eventuell blöde Frage.
Wo muss ich das eintragen?
Danke

[dabbeljuh]

@OliWit82
Die CSS-Definitionen gehören in den Reiter "Styles".

[OliWit82]

@dabbeljuh

da hab ich sie drin aber das hat keine Auswirkungen.

[dabbeljuh]

@OliWit82
Grundsätzlich sollte das wohl die Abstände zwischen Icon und Inhalt innerhalb der Widget-Boxen etwas verringern (padding-bottom: 8px). Bist du sicher, dass das nicht greift? Kannst du mit der Developer Toolbar im Browser (F 12) umgehen?

[OliWit82]

@dabbeljuh
Ich hab die Werte mal verändert aber ich finde es passiert nichts.

Developer Toolbar im Browser jain was muss ich da machen?

[dabbeljuh]

@OliWit82
Wenn du die Tools über F12 geöffnet hast, kannst du über den "Inspector" mal nach der Klasse suchen:

Im Bereich "Regeln" siehst du dann, was wo wie definiert ist:

Und diese Werte kannst du nun live im Browser manipulieren. Das macht das Nachvollziehen einfacher.

[uwe72]

@Zefau
Ein gut! gemeinter Hinweis:
Generell ist es natürlich so, dass Visualisierungen sehr subjektiv sind. Das gilt insbesondere für die Abstände (padding, margin,...) eines Layouts. Seit der letzten Version (2.1) wurden die Abstände der Masken stark vergrößert. Weiß nicht, ob dies mit Absicht erfolgte oder was hier die Beweggründe waren.

Ich finde es suboptimal, dass jeder nun individuell versucht mit der Hilfe von Styles ein kompakteres Design hinzubekommen. Ich habe dies nun auch gemacht, blieb mir ja nichts anders übrig.

Mein Vorschlag wäre es, generell wieder die Abstände kleiner zu machen oder eine Einstellung "Abstände groß,mittel,klein" in den Settings dafür anzubieten. Dass jeder nun mit Styles "rumwurstelt" finde ich nicht gut.

[smarteshome2020]

@DNC74 Eine Frage zum Batteriesymbol. wie hast du es geschafft dass das in Abhängigkeit der Ladung sich verändert. Bis Beta 18 war das bei mir noch vorhanden. Danach war das irgendwie weg und ich wollte Zefau nicht mit der "Kleinigkeit" belästigen.

[dabbeljuh]

@smarteshome2020
Ich bin zwar nicht @DNC74, aber vllt hilft dir meine Antwort ja auch.

Die Veränderung stellst du per JSON im jeweiligen Icon-Setting ein:
{"default":"mdi-battery-50",">80":"mdi-battery","<20":"mdi-battery-20 blink"}

Bei Bedarf kannst du das auch noch mit Farbe oder Blinken kombinieren. Dazu hatte ich vor ein paar Tagen auch nen Beitrag gepostet.

[Prika]

@dabbeljuh
Kann es sein, dass man hier nur insgesamt 3 Werte nutzen kann?

Ich habe es mal anhand des Beispiels im Wiki von Zefau getestet:

{
">80":"battery-high",
"<=80":"battery-medium",
"<=30":"battery-low",
"<=10":"battery-outline",
"<=5":"battery-alert-variant-outline"
}

Aber seltsamerweise, wird mir nur Über 80 oder unter 80 angezeigt.

[Prika]

@Zefau
Funktioniert...war noch auf Version 2.0.
Vielen Dank!

[dabbeljuh]

@Oliver-Wolf
Versuch mal bitte, die Definition "umzudrehen". Also zunächst <=5, dann <=10 ...

[Prika]

@dabbeljuh
Schaut besser aus!
Danke

[dabbeljuh]

@Zefau
Es wurde ja bereits über den Feature Request "Benachrichtigungen" gesprochen. Zu diesem Zweck nutze ich derzeit das tolle Script von @Tirador:
https://forum.iobroker.net/topic/32207/script-messagehandler-nachrichten-protokollieren-vis

Im Grund erfüllt das bereits alle Anforderungen an ein Benachrichtigungssystem bis auf die passende Optik der Ausgabe für jarvis. Aber auch das sollte sich relativ einfach lösen lassen. Zumindest hab ich es mal quick and dirty für nen ersten Test umsetzen können.

Was mir derzeit noch fehlt, ist die Möglichkeit der Funktionsaufrufe zum Löschen von Meldungen aus jarvis heraus, da ich die Click-Events der Buttons nicht abfangen kann. Das kannst du aber wahrscheinlich einfacher direkt in deinem Code umsetzen, als dass ich hier wurstele.

[smarteshome2020]

@dabbeljuh sagte in jarvis v2.1.0 - just another remarkable vis:

{"default":"mdi-battery-50",">80":"mdi-battery","<20":"mdi-battery-20 blink"}

Danke, ich habe es gefunden, wobei sich da etwas von Beta 18 auf jetzt Beta 30 verändert hat. Jetzt geht es nur noch wenn "Batterie" der primäre Datenpunkt ist, Das war vorher anders.

[dabbeljuh]

@smarteshome2020, gut zu wissen, danke für den Hinweis.

[DNC74]

@Zefau: ist es möglich die aktuell gültige Farbe z.B. aus themeColorSecondary in den Json-Stil-Einstellungen der Geräte zu verwenden?

Hintergrund/UseCase: Um etwas hervorzuheben, kann man ja mit Hilfe von { "color": "..." } etwas einfärben. Da die Farbe so jedoch statisch gesetzt wird, muss man entweder eine Farbe finden, die sowohl im Light- wie auch im Dark-Mode passt, oder man hätte eben die Möglichkeit z.B. die global definierte themeColorSecondary zu verwenden. Diese ändere ich wie auch die themeColorPrimary per Blockly-Script.

Ich habe schon diverse Versuche gemacht, leider ohne Erfolg. Oder weiß jemand, wie man in der Json-Stil-Einstellung eines Geräts bereits im CSS definierte Farben abrufen kann?

[nolimitek]

Hi

Ich habe den google shared locations adapter im Einsatz
Möchte gerne die Koordinaten auf der Map anzeigen lassen
Jedoch gibt der Adapter long und lat in 2 extra Datenpunkten aus.

Kann ich mit Blockly was bauen damit long und lat in einem weiteren Datenpunkt richtig dargestellt werden

Besten Dank

lg
Chris