Card-Mod: text-transform: capitalize in Badge

Dashboard/Cards/Frontend
1

Ich habe vor kurzem ESPresense bei mir eingebunden und möchte nun ein Badge im Dashboard integrieren, welches Auskunft geben soll, in welchem Raum sich eine Person befindet. Das funktioniert soweit auch, allerdings liefert mir MQTT / ESPresense den Raumnamen nur in Kleinbuchstaben.

ha_badge
ha_badge790×124 7.13 KB

Ich hatte nun versucht mit dem Card-Mod Add-on den Text zu transformieren, was mir irgendwie nicht gelingt. Kann mir jemand sagen oder zeigen, wie das Ganze aussehen muss, damit ich den gewünschten Effekt erhalte? Vielen Dank vorab.

type: entity
show_name: true
show_state: true
show_icon: true
color: ""
entity: sensor.iphone
card_mod:
  style: |
    ha-state-label-badge {
    text-transform: capitalize;
    }
show_entity_picture: false
name: Die Imperatorin ist im
2

Die Badges von HA scheinen so verschachtelt zu sein das es schwierig ist die mit Card_Mod zu bearbeiten. Ich bin da auch schon seit ein paar Tagen dran. Aber ohne Erfolg.

Aber vielleicht schafft es hier doch jemand.

3

Ich würde euch Mushroom Karten empfehlen, sehen gleich aus und dann habt ihr ein Template Badge:

grafik
grafik614×507 17.1 KB

Macht die Card-Mod saturation bei den Badges nicht besser, aber darüber müsste man die Probleme auch lösen können.

LG

4

Das Problem ist ja nicht, ein Template-Badge zu erzeugen, sondern - in meinem Fall - aus dem Zustand in Kleinbuchstaben einer Entität den ersten Buchstaben als Großbuchstabe zu transformieren. Sprich aus “wohnzimmer” schlicht und ergreifend “Wohnzimmer” zu machen.

ha_badge
ha_badge790×124 7.13 KB

P.S. Mir ist jetzt nicht klar, was mit dem Mushroom Template-Badge besser sein soll.

5

Du kannst den Namen und schreibweise anpassen, kannst auch WohnZimmer draus machen :joy:

(Abwr nur eine Zeile)

6

Und wie soll das dann aussehen?

7

Nur eine Zeile sind die Chips, das Badge kann auch 2 Zeilen.

grafik

Man kann Templates nutzen, wie der Name ja schon sagt.

type: custom:mushroom-template-badge
content: |-
  {% if states(config.entity) == 'bad' %}
  Bad
  {% elif states(config.entity) == 'wohnzimmer' %}
  Wohnzimmer
  {% elif states(config.entity) == 'esszimmer' %}
  Esszimmer
  {% else %}
  Unbekannt
  {% endif %}
label: Die Imperatorin ist im
entity: sensor.iphone
icon: mdi:eye
color: blue

Oder du könntest auch ein Template Sensor machen in dem du das korrigierst.

LG

2 „Gefällt mir“
8

@totow Herzlichen Dank, totow! Meine Lernkurve ist immer noch sehr steil. Das ist eine schöne Lösung.