Kannst du auch machen… ist dann aber ein State. Du kannst soviele Eventualitäten einbauen wie die Entität Stati hat.
.CSS-KLASSE {
background-color: ${
state === 'open' ? 'blue' :
state === 'closed' ? 'green' :
state === 'status3' ? 'red' :
state === 'status4' ? 'purple' :
'black'
} !important;
}
state funktioniert nur wenn du die Hauptentität der Karte nimmst. Sonst musst du die mittels
hass.states['ENTITÄT'].state
direkt ansprechen.
Bei nem Attribut der Hauptentität reicht zum Beispiel auch
hass.states[entity].attributes.GEWÜNSCHTES_ATTRIBUT
(entity) ist hier kein Platzhalter
Edit: Eventuell falsch verstanden..
Soweit ich das verstehe ist das keine “oder” Verknüpfung, sondern eine if, elif, elif, elif, else…
Verknüpfung mit UND ist im JS “&&”. Oder ist “||“
Ich weiß nicht ob das in der Bubble-Card erlaubt ist. Das geht z.B. in der Button-Card.
.CSS-KLASSE {
background-color: ${
state === 'open' ? 'blue' && state === 'closed' ? 'blue' :
'black'
} !important;
}
oder
.CSS-KLASSE {
background-color: ${
state === 'open' && state === 'closed' ? 'blue' :
'black'
} !important;
}
Keine Ahnung wie der Syntax da aussehen müsste. Hab ich noch nicht benötigt. Versuchs doch mal…
.
