jarvis v3.0.0 - just another remarkable vis

[ple]

Sorry für die vielleicht simple Frage, aber wo kann ich die icons auswählen? Muss dafür noch ein icons Sets installiert werden? Steh gerade noch am Anfang mit Jarvis, kenne sonst nur Material Design von Uhula und sourcer.
Aktuell teste ich Jarvis pro, was eine alternative für den Gira x1 sein könnte, naja, mal abwarten.

[MCU]

@ple
https://icon-sets.iconify.design/
Dort insbesondere Material Design Icons
https://icon-sets.iconify.design/mdi/

[ple]

@mcu
Ach, ich soll den Namen des Widgets dort eintragen von der Seite und du verlinkst dahin?
Hätte jetzt mit ne pull down gerechnet;-)
Ok, dann mach ich mal weiter, denke das war bestimmt nicht die letzte Frage;-)

[MCU]

@ple

Ach, ich soll den Namen des Widgets dort eintragen von der Seite und du verlinkst dahin?

Du wolltest doch wissen, welche Icons man dort nutzen kann.

Um Grundlagen zu erarbeiten bitte die Doku lesen.
https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/v3-fuer-einsteiger

[rotamint]

@mcu Hallo MCU. Zuerst einmal herzlichen Dank für Deine Untersützung. Ich will ein bisschen ausholen, um evtl. etwas klarer erscheinen zu lassen, welchen Wissenstand ich habe. Styles / CSS sagt mir gar nichts. So sieht es bei mir aus, das habe ich per c&p eingetragen, um den Rotor meines Ventilators drehen zu lassen, wenn dieser eingeschaltet ist:

Die weiteren, für andere Zwecke benötigten "commands" werden dort fortlaufend rein geschrieben / kopiert?

Diese Übersichtsseite habe ich mir zusammengetragen, mit viel lesen, probieren und starkem Willen ein erster Gehversuch:

Diese Schieberegler möchte ich jetzt rein optisch verändern:

Die Heizung soll von dunkelblau über hellblau zu hellrot hin zu dunkelrot "laufen".
Der Ventilator von "unterbrochen" zu durchgehend weiß...

Ich hoffe ich konnte einigermassen erklären, was ich vor habe. Ich komme gerne auf Dein Angebot der Musterlösung zurück. Gerne reicht mir aber auch ein Verweis zum Nachschlageort, nur momentan hab' ich überhaupt keine Idee was wo wie und wozu...

Danke für Deine Hilfe! LG Stefan.

[LE-R.Kelly]

Hi, ich finde keine Option, um ein Icon an einem State ausblenden zu können. Übersehe ich da etwas oder ist das nicht möglich?

VG

[MCU]

@le-r-kelly
https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/statelist-1/icon-ausblenden

[LE-R.Kelly]

@mcu
Alles klar, Danke

[MCU]

@rotamint
Also für Deine momentanen LevelBody muss du die Widget-Variante nutzen.
https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/slider/tuneable-white-slider#fuer-widget

Du hast in den Widgets nur einen LevelBody genutzt, somit brauchst du keine Einschränkung auf das StateList-Element.
Kommt in dem Widget ein weiteres LevelBody-Element hinzu, würde es genauso aussehen, wie du es jetzt definierst.
Einmal bitte die WidgetIds von Heizung und WZ Ventilator.

Frage: Das kommt aus der VIS?

Mit welchem Programm wurde das erstellt?

[rotamint]

@mcu sagte in jarvis v3.0.0 - just another remarkable vis:

@rotamint
Also für Deine momentanen LevelBody muss du die Widget-Variante nutzen.
https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/slider/tuneable-white-slider#fuer-widget

Du hast in den Widgets nur einen LevelBody genutzt, somit brauchst du keine Einschränkung auf das StateList-Element.

Ok, nehme ich so zur Kenntnis. Vielleicht erschließt sich mir hierzu der Hintergrund... Beschäftige mich erst seit gestern mit diesem Thema. Gibt's da ein "absolute Beginner-Tutorial"?

Kommt in dem Widget ein weiteres LevelBody-Element hinzu, würde es genauso aussehen, wie du es jetzt definierst.

Also wird das in dem Editor einfach angehängt?

Einmal bitte die WidgetIds von Heizung und WZ Ventilator.

Heizung: c15773ff-8840-4939-8304-f7d569523d1c
Ventilator: b0290846-9244-441d-b4e5-8f15cf9fbf2e

Bin gespannt

Danke! LG S.

P.S. Das Balkendiagramm kommt aus der VIS und die holt es sich vom Flot

[MCU]

@rotamint Tutorial: Meinst du sowas?
https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/v3-fuer-einsteiger

Flot:
Dann bitte mal ein Beispiel mit exakten Einstellungen in FLOT. Danke.

Styles /CSS für Deine LevelBody

Den richtigen linear-gradient für Deine Ansicht musst du dir selbst erstellen.

.jarvis-widget-c15773ff-8840-4939-8304-f7d569523d1c .q-slider .q-slider__track {
	background: linear-gradient( to right, #ff5000 0%, #fff000 33%, #ffffff 50%, #00cfff 83%, #009fff 100% );
	/* height: 15px; */
}

.jarvis-widget-c15773ff-8840-4939-8304-f7d569523d1c .q-slider__track {
	color: transparent;
}
.jarvis-widget-b0290846-9244-441d-b4e5-8f15cf9fbf2e .q-slider .q-slider__track {
	background: linear-gradient( to right, #ff5000 0%, #fff000 33%, #ffffff 50%, #00cfff 83%, #009fff 100% );
	/* height: 15px; */
}

.jarvis-widget-b0290846-9244-441d-b4e5-8f15cf9fbf2e .q-slider__track {
	color: transparent;
}

[rotamint]

@mcu sagte in jarvis v3.0.0 - just another remarkable vis:

@rotamint Tutorial: Meinst du sowas?
https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/v3-fuer-einsteiger

Ja, genau daran habe ich mich orientiert, das ist echt super geschrieben und hat mir den Einstieg überhaupt erst (sinnvoll) möglich gemacht. Allerdings muss ich ehrlicherweise sagen, dass ich bei den "Styles" ausgestiegen bin, weil ich überhaupt nicht verstanden habe worum es geht...

Flot:
Dann bitte mal ein Beispiel mit exakten Einstellungen in FLOT. Danke.

Was meinst Du genau? So wie es halt im Flot eingestellt ist? Screenshots? Soll ich die hier Posten oder per PM an Dich?

Styles /CSS für Deine LevelBody

Aufrichtig herzlichen Dank dafür. Jetzt hab' ich was, womit ich experimentieren kann, ich hoffe es wird mir nun einiges klarer...

Den richtigen linear-gradient für Deine Ansicht musst du dir selbst erstellen.

.jarvis-widget-c15773ff-8840-4939-8304-f7d569523d1c .q-slider .q-slider__track {
	background: linear-gradient( to right, #ff5000 0%, #fff000 33%, #ffffff 50%, #00cfff 83%, #009fff 100% );
	/* height: 15px; */
}

.jarvis-widget-c15773ff-8840-4939-8304-f7d569523d1c .q-slider__track {
	color: transparent;
}
.jarvis-widget-b0290846-9244-441d-b4e5-8f15cf9fbf2e .q-slider .q-slider__track {
	background: linear-gradient( to right, #ff5000 0%, #fff000 33%, #ffffff 50%, #00cfff 83%, #009fff 100% );
	/* height: 15px; */
}

.jarvis-widget-b0290846-9244-441d-b4e5-8f15cf9fbf2e .q-slider__track {
	color: transparent;
}

[MCU]

@rotamint sagte in jarvis v3.0.0 - just another remarkable vis:

Screenshots? Soll ich die hier Posten oder per PM an Dich?

Kannst du hier posten.

[rotamint]

@mcu

Der Unterschied zum 2ten Benutzer ist die Legendenzeile, einmal oben - einmal unten.

Beide Flots in der VIS ein bisschen "Putz" drum herum.

An dieser Stelle möchte ich sagen, dass ich mich nicht mit fremden Federn schmücken möchte, sondern die Grundidee vom User @opossum aus seiner Heizungssteuerungs-VIS abgeschaut habe, mit der ich aber auch noch nicht fertig bin... Viel zu viele Projekte ... Aber so wie's aussieht bleibt die Gas-Therme diesen Winter sowieso mangels Rohstoff kühl, werde wohl ganz unsmart und konventionell die Holzscheite in den Ofen legen müssen ... Humor ist wenn man trotzdem lacht...

[somansch]

@Zefau

Erstmal ein großes Kompliment und danke für "jarvis"! Ich bin Umsteiger von FHEM und FTUI und habe jetzt beide Systeme parallel am Laufen. Soweit funktioniert auch alles hervorragend

Heute habe ich die Positionsdaten meines Autos in die Map gepackt, leider bekomme ich beim besten Willen nicht die Farbe des Icons angepasst. Es bleibt bei der Primärfarbe. Die Map läuft als Tab Vollbild in v3.0.11. Mache ich etwas falsch?

[MCU]

@somansch Meinst du das mapMarker-Icon?
https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/map

[ple]

Kurze Frage,
bei meiner PV wollte ich Netzbezug oder Einspeisung einfärben in grün oder rot, also nichts wildes.
Ist es normal, dass wenn am Stil was geändert wird auch andere eigenschaften überschrieben werden?
Bei mir ist es so, dass die Schriftfarbe den Wert gleich dünn darstellt.

[MCU]

@ple Du setzt ja den kompletten Stil für den Datenpunkt. Wenn der dann auch wieder Bold sein soll, musst du es mit angeben.

font-weight:bold

[ple]

@mcu sagte in jarvis v3.0.0 - just another remarkable vis:

font-weight:bold

Wow, das ging schnell, ich muss schon sagen, echt tolle Leistung was du da auf die Beine gestellt hast.

nun hätte ich aber noch eine Frage, bei meinen StateList aktualisieren sich die Werte nicht, erst wenn ich das Popup öffne aktualisieren sie genau ein mal. Das gleich merke ich gerade auch bei den Fensterkontakten.
Also entweder anklicken oder Refresh vom Browser.

[MCU]

@ple Da gibt es mit v3.0.11 teilweise noch Probleme. Also abwarten, dass es mit der nächsten Version besser wird.

echt tolle Leistung was du da auf die Beine gestellt hast.

Zefau ist der Entwickler. Ich mach nur die Doku, damit er sich auf die Entwicklung konzentrieren kann.