jarvis v2.2.0 - just another remarkable vis

[Santos]

@flopsi
Sie wurde automatisch angeordnet, hängt vom Gerät ab.

[Santos]

@lommi said in jarvis v2.2.0 - just another remarkable vis:

@mcu sagte in jarvis v2.2.0 - just another remarkable vis:

@lommi Stell sie dann bitte hier ein. Danke.

wirklich ungerne stelle ich GOOGLE Wissen rein, daher den Verweis auf das
Wer Icon so darstellen will, wird das mit dem Verweis schon finden.

BSPW:

@keyframes bubble {
    0%   { transform:scale(0.2); opacity:1.0; }
    50%  { transform:scale(2.0); opacity:1.0; }
    100% { transform:scale(1.0); opacity:1.0; }
}

Geil, ich will es auch umsetzen. An welcher Stelle wird es eingesetzt?

[MCU]

@stefan-otten Es ist ein Maxwert von 90 festgelegt? Vielleicht im DP? Anzahl der Markierung auf 9 setzen.

[xdelta]

@santos said in jarvis v2.2.0 - just another remarkable vis:

@lommi said in jarvis v2.2.0 - just another remarkable vis:

@mcu sagte in jarvis v2.2.0 - just another remarkable vis:

@lommi Stell sie dann bitte hier ein. Danke.

wirklich ungerne stelle ich GOOGLE Wissen rein, daher den Verweis auf das
Wer Icon so darstellen will, wird das mit dem Verweis schon finden.

BSPW:

@keyframes bubble {
    0%   { transform:scale(0.2); opacity:1.0; }
    50%  { transform:scale(2.0); opacity:1.0; }
    100% { transform:scale(1.0); opacity:1.0; }
}

Geil, ich will es auch umsetzen. An welcher Stelle wird es eingesetzt?

Das legst du bei den Styles an. Und das "bubbles" kommt dann hinter die Icon Klasse (z.B. mdi-home bubbles)

[Stefan Otten]

@mcu said in jarvis v2.2.0 - just another remarkable vis:

@stefan-otten Es ist ein Maxwert von 90 festgelegt? Vielleicht im DP? Anzahl der Markierung auf 9 setzen.

Ahhhh super Danke, das war es.
Da hätte ich auch drauf kommen können.

[Stefan Otten]

@flo-xxx said in jarvis v2.2.0 - just another remarkable vis:

@stefan-otten

Hallo,

das ist zwar off topic - aber darf ich fragen welchen "smarten" Saunaofen du hast? Wir wollen uns auch eine Sauna anschaffen...
oder hast du das einfach mittels Scripts gelöst... eingeschaltet bis soll Temperatur erreicht? usw...

Danke!

mfg

Ich habe die original Saunasteuerung mit einem Sonoff TH16 gekapert
Den Temperaturfühler in der Sauna montiert und über ein Blockly-Script überwache icn dann alles und schalte den TH16. Der wiederum steuert das Saunaofen-Schütz. Habe also die originale Temp-Steuerung gegen die Sonoff getauscht.

[MCU]

@stefan-otten Kannst du das bitte für andere hier ein wenig mit Bildern darstellen. Und evtl auch die Blocklys und javascripte?
Vielen Dank.

[Stefan Otten]

@mcu said in jarvis v2.2.0 - just another remarkable vis:

@stefan-otten Kannst du das bitte für andere hier ein wenig mit Bildern darstellen. Und evtl auch die Blocklys und javascripte?
Vielen Dank.

Mache ich die Tage mal
Aber in einem anderen (Neuen) Beitrag.
Verlinke dann hier.

[MCU]

@zefau 2.2.0 Geräte Bearbeitung:

Klickt man in ein Feld zur Eingabe erscheint unter dem ausgewähltem Feld: boolean, Adressen verwalten?

Kommt man mit der Maus auf das boolean erhält man :

[Santos]

@xdelta said in jarvis v2.2.0 - just another remarkable vis:

bubbles

Ich habe es zuerst bei Styles angelegt

Dann beim Sensor eingefügt

Es wird aber gar kein Icon angezeigt

[MCU]

@santos Bin mir nicht sicher ob temperature das richtige Icon ist, aber sonst:
Geändert auf thermometer
Muss ein wenig mehr in die Styles:

.bubbles {animation: bubble 2s infinite;}

@keyframes bubble {
    0%   { transform:scale(0.2); opacity:1.0; }
    50%  { transform:scale(2.0); opacity:1.0; }
    100% { transform:scale(1.0); opacity:1.0; }
}

{"<1":"mdi-thermometer bubbles"}

Zum Testen:

{"default":"mdi-thermometer bubbles"}

Problem, bei einigen Icons funktioniert es mit dem bubbles nicht: Beispiel:
(eigentlich sollte das Gelbe Icon auch mit dem bubbles Effekt laufen, haben beide die gleiche Einstellung)

[kBroker]

Ich bekomme es nicht hin, das Zeitformat für den LastChangeBody zu ändern.

Egal was ich als Wert eingebe, es kommt immer die Fehlermeldung "Falsches Zeitformat".
"DistanceToNow" scheint der einzig gültige Wert zu sein.

Laut der date-fns Doku, auf die Jarvis verweist, müsste "DistanceStrict" z.B. funktionieren, aber in keiner Variante geht es.

Liegt es an mir oder Jarvis?

[MCU]

@kbroker sagte in jarvis v2.2.0 - just another remarkable vis:

date-fns

Welche Vorteile haben die anderen Formate?

@Zefau
Kann ich bestätigen. Zurzeit ist nur distancetonow (Zeitformat LastChangeBody) ein gültiger Wert.
Habe versucht mit distancetonowstrict und distancestrict. Beide ergeben falsches Zeitformat.

Legst du dazu ein Issue an: https://github.com/Zefau/ioBroker.jarvis/issues ?

[MCU]

Rainbow-Text Effekt nur für Anzeigevarianten:

{"open":"geöffnet","closed":"<span class='rainbow-text' >geschlossen</span>"}

Einträge für Styles Pro:

Styles Pro Einträge rainbow-text

.rainbow-text {
 background: linear-gradient(55deg,#FFD33D 0,#FB8532 16.02%,#EA4A5A 28.06%,#8A63D2 56.92%,#2188FF 72.93%,#34D058 84%,#FFD33D 100%);
 background-size: auto;
 background-clip: border-box;
 background-clip: text;
 display: inline-block;
 color: transparent;
 text-fill-color: transparent;
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 animation: shine 1.5s alternate infinite;
 animation-duration: 4s;
 background-size: 200%;
}

@keyframes shine {
 0% {
  background-position:200% center
 }
 50% {
  background-position:100% center
 }
 100% {
  background-position:200% center
 }
} 

Ergebnis:

Pulsierendes Rechteck in rot:

Styles Pro Einträge Pulsierendes Rechteck

.impuls {
 animation: rechteck-puls 1s infinite;
}

@keyframes rechteck-puls {
  0% {
    box-shadow: 0 0 0 0px rgba(255, 0, 0, 0.9);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);
  }
}

NUR für Anzeigevarianten möglich:

{"true":"<span class='impuls'>an</span>"}

Ergebnis:

[Flo XXX]

@stefan-otten

Hallo,

ok, danke für die Info!

lg

[mpl1338]

Mir werden die werte 0 und 100 als NaN erkannt dadurch funktioniert die abfrage auch nicht mehr

[Santos]

@mcu Das ist richtig schön, all diese Gestaltungsmöglichkeiten! Ich finde sie klasse!
Könnte man es nicht in eine Wiki schieben, damit es alle nutzen können?
Für mich war das Design von Jarvis zuerst eher langweilig, denn ich kenne mich mit JSON nicht aus. Nachdem Du gezeigt hast, wie man verschiedene Effekte reinbringt, wird die VIS Anzeige lebendiger!

[Santos]

Ich kriege mein Problem immer noch nicht in Griff! Zwar gibt es seit dem Update die Möglichkeit Anzahl der Spalten für verschieden große Bildschirme anzuzeigen, diese Option nutzt mir jedoch nichts. Denn die einzelnen Abstände zwischen den angezeigten Werten und Icons sind immer noch zu groß. Ich würde gern sie etwas kompakter halten.

[MCU]

@mpl1338
Stell hier mal die Einträge um:

{"min":"100","max":"0"}

[MCU]

@santos
https://github.com/Zefau/ioBroker.jarvis/issues/637

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

Zefau created this issue in Zefau/ioBroker.jarvis

closed Layout configuration #637

Zefau created this issue in Zefau/ioBroker.jarvis

closed Optimize mobile layout and margins #595