jarvis v3.1.x - just another remarkable vis

Zefau

@sigi234 sagte in jarvis v3.1.0-beta - just another remarkable vis:

Hallo, kann ich wo die Bar-Charts beeinflussen? Also ich möchte bei Yellow den Wert in einer anderen Farbe.

aktuell nicht

SlipKoRn_DH88

Hallo,

mit dem Upgrade auf 3.1.0 beta greifen bei mir die hinterlegten Styles nicht mehr. Gab es hier Änderungen?

Viele Grüße

MCU

@slipkorn_dh88 Ja einiges hat sich anscheinend geändert. Was läuft denn nicht.
Änderung die mir aufgefallen ist, sind die Variablen für die Farben.

--q-color-primary -> --q-primary

Und einige Veränderungen in der Sidebar.

Zefau

@mcu das liegt am Upgrade des Frameworks. Das kann ich gerne rückwärtskompatibel machen und definieren. Hast du eine Liste aller Sachen, die nicht mehr gehen?

MCU

@zefau Leider nein. Sind glaube ich einige. Wichtiger wäre es Änderungen direkt mitzuteilen, damit man es dokumentieren kann.?

SlipKoRn_DH88

@zefau

Bei mir sind es alle Styles Einträge, welche nicht mehr greifen:

body {
	font-family: Tahoma;
	font-size: 20px;
	font-style: normal;
	font-variant: normal;
	font-weight: 700;
	line-height: 25px;
	background-color: #000000;
}

/* BLINKENDE ICONS */

/* BLINKENDE ICONS */

/* BLINKENDE ICONS */

.blink {
	animation: blinker 1s linear infinite;
}

@keyframes blinker {
	50% {
		opacity: 0;
	}
}

/* HINTERGRUND */

/* HINTERGRUND */

/* HINTERGRUND */

.jarvis-page {
	background-color: #000000;
}

/* SIDEBAR STYLE */

/* SIDEBAR STYLE */

/* SIDEBAR STYLE */

.jarvis-sidebar {
	background-color: #ffffff;
}

.jarvis-sidebar-item {
	background-color: #ffffff;
}

/* TOGGLE STYLE */

/* TOGGLE STYLE */

/* TOGGLE STYLE */

.q-toggle__thumb::after {
	background: #F5A9A9;
}

.q-toggle__thumb::after {
	color: #81F781;
}

@keyframes left_right {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}

@keyframes up_down {
	0% {
		background-position: 50% 0%;
	}

	50% {
		background-position: 50% 100%;
	}

	100% {
		background-position: 50% 0%;
	}
}

/* UHRZEIT HOMESCREEN GRÖSSE */

/* UHRZEIT HOMESCREEN GRÖSSE */

/* UHRZEIT HOMESCREEN GRÖSSE */

[widgets="e67e0822-3da5-47e0-8ec1-985c3f6fe4af"] .jarvis-DateTime-Clock {
	font-size: 45px;
	line-height: 1.0;
}

/* BENACHRICHTIGUNGS-GLOCKE AUSBLENDEN */

/* BENACHRICHTIGUNGS-GLOCKE AUSBLENDEN */

/* BENACHRICHTIGUNGS-GLOCKE AUSBLENDEN */

/* .notification-drawer-button {
	display: none !important;
}

*/

[widgets="a1909546-e866-4205-a663-05c5465bc220"] .q-slider__thumb {
	transform: translateY(-10px) scale(1.5, 1.5);
}

.jarvis-widget-a1909546-e866-4205-a663-05c5465bc220 .jarvis-StateListItem-Body [role="slider"] {
	padding-top: 20px;
}

/* SCOLLBALKEN AUSBLENDEN */

/* SCOLLBALKEN AUSBLENDEN */

/* SCOLLBALKEN AUSBLENDEN */

.jarvis-page-container textarea::-webkit-scrollbar {
	display: none !important;
}

.jarvis-page-container textarea::-webkit-scrollbar-thumb {
	display: none !important;
}

.jarvis-page-container .scroll::-webkit-scrollbar {
	display: none !important;
}

.jarvis-page-container .scroll::-webkit-scrollbar-thumb {
	display: none !important;
}

/* ICON SYMBOL RAHMEN */

/* ICON SYMBOL RAHMEN */

/* ICON SYMBOL RAHMEN */

/* .jarvis-icon path {
	stroke: black;
	stroke-width: 2;
} */

/* SLIDERFARBE HEIZUNG */

/* SLIDERFARBE HEIZUNG */

/* SLIDERFARBE HEIZUNG */

[widgets="a1909546-e866-4205-a663-05c5465bc220"] .q-slider .q-slider__track {
	background: linear-gradient( to right, #009fff 0%, #00cfff 33%, #ffffff 50%, #fff000 83%, #ff5000 100% );
	height: 10px !important;
}

[widgets="a1909546-e866-4205-a663-05c5465bc220"] .q-slider__track {
	color: transparent;
}

.jarvis-device-e4200691-eb69-469a-9af2-bff48ac706e9_f23a5 .q-slider .q-slider__track {
	background: linear-gradient( to right, #009fff 0%, #00cfff 33%, #ffffff 50%, #fff000 83%, #ff5000 100% );
	height: 10px !important;
}

.jarvis-device-e4200691-eb69-469a-9af2-bff48ac706e9_f23a5 .q-slider__track {
	color: transparent;
}

.jarvis-device-e4200691-eb69-469a-9af2-bff48ac706e9 .q-slider .q-slider__track {
	background: linear-gradient( to right, #009fff 0%, #00cfff 33%, #ffffff 50%, #fff000 83%, #ff5000 100% );
	height: 10px !important;
}

.jarvis-device-e4200691-eb69-469a-9af2-bff48ac706e9 .q-slider__track {
	color: transparent;
}

.jarvis-device-e4200691-eb69-469a-9af2-bff48ac706e9_f23a5_2c317 .q-slider .q-slider__track {
	background: linear-gradient( to right, #009fff 0%, #00cfff 33%, #ffffff 50%, #fff000 83%, #ff5000 100% );
	height: 10px !important;
}

.jarvis-device-e4200691-eb69-469a-9af2-bff48ac706e9_f23a5_2c317 .q-slider__track {
	color: transparent;
}

.q-list [widgets="e67e0822-3da5-47e0-8ec1-985c3f6fe4af"] {
	background-image: url("https://wallpapercave.com/wp/wp2914444.jpg");
}

/* SCHRIFTART */

/* SCHRIFTART */

/* SCHRIFTART */

@font-face {
	font-family: 'Electrolize';
	font-style: normal;
	font-weight: 200;
	src: url(https://fonts.gstatic.com/s/electrolize/v12/cIf5Ma1dtE0zSiGSiED7AXEBuI8.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root .jarvis-page-container {
	font-family: "Electrolize";
}

/* ICONS AUSBLENDEN */

/* ICONS AUSBLENDEN */

/* ICONS AUSBLENDEN */

[widgets="97e0ea34-43e0-4f6d-a5f3-1a8ea54acfe7"] .jarvis-StateListItem-Icon {
	display: none !important;
}

[widgets="f6c87581-f74a-4423-91cb-8c1a830e605f"] .jarvis-StateListItem-Icon {
	display: none !important;
}

[widgets="1cb8be85-0113-4a42-8822-b0f57fb95cc3"] .jarvis-StateListItem-Icon {
	display: none !important;
}

[widgets="a4553184-e7f4-42d3-9447-ae2767720f00"] .jarvis-StateListItem-Icon {
	display: none !important;
}

[widgets="b48f8af1-d417-40d3-90aa-da2840f27a56"] .jarvis-StateListItem-Icon {
	display: none !important;
}

[widgets="8cc32231-9a7e-4ca8-9740-a8f1d89c97df"] .jarvis-StateListItem-Icon {
	display: none !important;
}

[widgets="8571003f-3b0a-4ed3-b9ee-155f6f998553"] .jarvis-StateListItem-Icon {
	display: none !important;
}

[widgets="5136e06e-143d-4077-97bb-509a8249ba8d"] .jarvis-StateListItem-Icon {
	display: none !important;
}

/* SLIDERFARBE ROLLLADEN */

/* SLIDERFARBE ROLLLADEN */

/* SLIDERFARBE ROLLLADEN */

[widgets="a8955378-05ee-4e17-a8c8-3262fcedf471"] .q-slider .q-slider__track {
	background: linear-gradient( to right, #F2F2F2 0%, #E6E6E6 33%, #BDBDBD 50%, #6E6E6E 83%, #1C1C1C 100% );
	height: 10px !important;
}

[widgets="a8955378-05ee-4e17-a8c8-3262fcedf471"] .q-slider__track {
	color: transparent;
}

.jarvis-device-7ff1d44b-0403-41c5-8271-5e98e709752e .q-slider .q-slider__track {
	background: linear-gradient( to right, #F2F2F2 0%, #E6E6E6 33%, #BDBDBD 50%, #6E6E6E 83%, #1C1C1C 100% );
	height: 10px !important;
}

.jarvis-device-7ff1d44b-0403-41c5-8271-5e98e709752e .q-slider__track {
	color: transparent;
}

[widgets="f286b56f-8502-418b-bb82-a689612205b6"] .q-slider .q-slider__track {
	background: linear-gradient( to right, #F2F2F2 0%, #E6E6E6 33%, #BDBDBD 50%, #6E6E6E 83%, #1C1C1C 100% );
	height: 10px !important;
}

[widgets="f286b56f-8502-418b-bb82-a689612205b6"] .q-slider__track {
	color: transparent;
}

.jarvis-device-7ff1d44b-0403-41c5-8271-5e98e709752e .q-slider .q-slider__track {
	background: linear-gradient( to right, #F2F2F2 0%, #E6E6E6 33%, #BDBDBD 50%, #6E6E6E 83%, #1C1C1C 100% );
	height: 10px !important;
}

.jarvis-device-7ff1d44b-0403-41c5-8271-5e98e709752e .q-slider__track {
	color: transparent;
}

/* ROLLLADEN SCHALTER UP <-> DOWN */

/* ROLLLADEN SCHALTER UP <-> DOWN */

/* ROLLLADEN SCHALTER UP <-> DOWN */

.mdi-chevron-down {
	color: transparent;
	background: url('https://api.iconify.design/mdi/chevron-up.svg?color=green') no-repeat center center / contain;
}

.mdi-chevron-up {
	color: transparent;
	background: url('https://api.iconify.design/mdi/chevron-down.svg?color=green') no-repeat center center / contain;
}

/* Andere Version für Activity= false */

.BlindLevelAction .text-grey .q-btn__wrapper {
	color: red;
}

MCU

@slipkorn_dh88 Die Widget Selektoren müssen sowieso angepasst werden.

[widgets="a1909546-e866-4205-a663-05c5465bc220"]
-> .jarvis-widget-a1909546-e866-4205-a663-05c5465bc220 ...

body funktioniert
Buttons funktionieren
Scrollbalken werden ausgeblendet

Wie sollen die aussehen?

Was stimmt hier nicht?

Sidebar Scrollbalken ausblenden

/* Sidebar Scrollbalken ausblenden */
.jarvis-sidebar-items::-webkit-scrollbar {
	display: none !important;
}

.jarvis-sidebar-items::-webkit-scrollbar-thumb {
	display: none !important;
}

somansch

Nach dem Umstieg auf die Beta gehen bei mir die Slider zur Lautstärkeregelung für die Sonos nicht mehr. Der Slider im popUp funktioniert, aber der Slider im HomeKitTile verändet den DP nicht mehr.
Screenshot 2022-10-23 125407.jpg
Screenshot 2022-10-23 125447.jpg

Viele Grüße
Andreas

somansch

Mir ist noch aufgefallen, dass die "Primäre Farbe" von den Theme Einstellungen nicht überall gesetzt wird. In meinem Fall ist ist eher ein Hellblau. Ich sehe jedoch an einigen Stellen das standardmäßige Dunkelblau.
Screenshot 2022-10-23 130706.jpg
Screenshot 2022-10-23 130150.jpg Screenshot 2022-10-23 130255.jpg Screenshot 2022-10-23 130314.jpg Screenshot 2022-10-23 130351.jpg

MCU

@somansch Machst du bitte zu den einzelnen Punkten unter github jeweils ein Issue auf. Dann wird es nicht vergessen und man kommt nicht durcheinander. Danke.

somansch

@mcu

ok

sigi234

@zefau

Gibt es schon eine Möglichkeit bei true/false ein bestimmtes Bild einzublenden?

MCU

@sigi234 Wo soll es eingeblendet werden?
Wenn an dem, in dem Layout, definierten Platz, dann kann man mit Binding arbeiten.
Im Body Stil:

{"{0_userdata.0.Zahl_SONOS}=0":{"display":"none !important"}}

sigi234

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

@sigi234 Wo soll es eingeblendet werden?
Wenn an dem, in dem Layout, definierten Platz, dann kann man mit Binding arbeiten.
Im Body Stil:
{"{0_userdata.0.Zahl_SONOS}=0":{"display":"none !important"}}

Ok, wenn der Alarm Status sich ändert soll ein entsprechendes Bild eingeblendet werden.
Also verschiedene Bilder bei verschiedene Alarm Status.

Screenshot (5100).png

Screenshot (5101).png

Screenshot (5102).png

MCU

@sigi234 Ich hab einiges probiert, aber zurzeit ist nur die Umsetzung mit der StateList oder mit dem HomeKitTile sinnvoll. Beschreibungen folgen.

MCU

@sigi234 Wird übrigens bearbeitet.
https://github.com/Zefau/ioBroker.jarvis/issues/1999

https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/module/homekittile#bilder-wechsel-durch-stateaenderung

SlipKoRn_DH88

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

@slipkorn_dh88 Die Widget Selektoren müssen sowieso angepasst werden.
[widgets="a1909546-e866-4205-a663-05c5465bc220"]
-> .jarvis-widget-a1909546-e866-4205-a663-05c5465bc220 ...
body funktioniert
Buttons funktionieren
Scrollbalken werden ausgeblendet

Wie sollen die aussehen?

Was stimmt hier nicht?

Sidebar Scrollbalken ausblenden
/* Sidebar Scrollbalken ausblenden */
.jarvis-sidebar-items::-webkit-scrollbar {
	display: none !important;
}

.jarvis-sidebar-items::-webkit-scrollbar-thumb {
	display: none !important;
}

Das Problem muss wohl daran gelegen haben, dass alle Styles nicht erkannt wurden. Ich habe Jarvis neu installiert und danach funktionierte es.

MCU

@sigi234 Kannst du bitte Deine unterschiedlichen Alarmbilder und Alarmzustände zur Verfügung stellen, dann nehme ich das mit dem Alarm Beispiel in die Doku auf. Danke.

sigi234

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

@sigi234 Kannst du bitte Deine unterschiedlichen Alarmbilder und Alarmzustände zur Verfügung stellen, dann nehme ich das mit dem Alarm Beispiel in die Doku auf. Danke.

Ok, dauert ein wenig.

Alarm_Icons.zip

alarm.0.status.json

MCU

@sigi234 Mit v3.1.0-beta.7 läuft es auch mit displayImage.

NEWS

jarvis v3.1.x - just another remarkable vis

Support us

716
Online

31.7k
Users

79.6k
Topics

1.3m
Posts

NEWS

jarvis v3.1.x - just another remarkable vis

Support us

716Online

31.7kUsers

79.6kTopics

1.3mPosts

716
Online

31.7k
Users

79.6k
Topics

1.3m
Posts