Karte Anzahl offene Fenster mit Zähler

Hallo,

ich tue mich noch etwas schwer mit den Karten erstellen.

Ich würde gerne folgende Karte haben.

Sie soll wie die Mushroom Personenkarte aussehen. Anstatt dem Haus im grünen bzw. roten Kreis soll hier die Anzahl der offenen Fenster stehen. Wenn alle Fenster geschlossen sind, soll der Kreis komplett grün sein. Wenn ein Fenster auf ist, soll der Kreis rot sein und die Anzahl der offenen Fenster angezeigt werden.

Bei dem Icon soll, wenn alle Fenster geschlossen sind, das Icon “geschlossene Fenster” angezeigt werden und wenn ein Fenster offen ist, das Icon “offenes Fenster”.

Hat vielleicht jemand schon etwas ähnliches und könnte den Code teilen?

Um eine Karte zu erstellen, die wie die Mushroom Personenkarte aussieht, aber den Status der Fenster anzeigt, können wir eine angepasste Mushroom Entity Card verwenden. Hier ist ein Beispielcode, der Ihre Anforderungen erfüllt:

type: custom:mushroom-entity-card
entity: sensor.offene_fenster
icon: >
  {{ states('sensor.offene_fenster') | int > 0 
     ? 'mdi:window-open' 
     : 'mdi:window-closed' }}
icon_color: >
  {{ states('sensor.offene_fenster') | int > 0 
     ? 'red' 
     : 'green' }}
primary_info: Fenster
secondary_info: >
  {{ states('sensor.offene_fenster') | int > 0 
     ? states('sensor.offene_fenster') + ' offen' 
     : 'Alle geschlossen' }}
layout: vertical

Für diese Karte benötigen Sie einen Sensor sensor.offene_fenster, der die Anzahl der offenen Fenster zählt. Sie können diesen Sensor mit einer Template-Sensor-Konfiguration erstellen, die alle Ihre Fenstersensoren überwacht und die Anzahl der offenen Fenster zählt[1][2].

Hier ist ein Beispiel für einen solchen Template-Sensor:

sensor:
  - platform: template
    sensors:
      offene_fenster:
        friendly_name: "Offene Fenster"
        value_template: >
          {% set count = 0 %}
          {% for entity_id in ['binary_sensor.fenster_wohnzimmer', 'binary_sensor.fenster_schlafzimmer', 'binary_sensor.fenster_kueche'] %}
            {% if is_state(entity_id, 'on') %}
              {% set count = count + 1 %}
            {% endif %}
          {% endfor %}
          {{ count }}

Ersetzen Sie die entity_ids in der for-Schleife durch Ihre tatsächlichen Fenstersensor-Entitäten[3].

Diese Konfiguration wird:

  • Das Icon basierend auf dem Fensterstatus ändern (offen oder geschlossen)
  • Die Farbe des Icons und des Kreises ändern (rot für offen, grün für geschlossen)
  • Die Anzahl der offenen Fenster im Kreis anzeigen, wenn Fenster offen sind
  • “Alle geschlossen” anzeigen, wenn alle Fenster geschlossen sind

Stellen Sie sicher, dass Sie die Mushroom-Karten-Erweiterung in HACS installiert haben, um diese Konfiguration zu verwenden[1].

Citations:
[1] https://www.youtube.com/watch?v=Q5SIP9LOobA
[2] https://falubeli.com/wie-du-deine-eigene-reisekarte-mit-google-maps-erstellst-schritt-fuer-schritt-anleitung/
[3] Mushroom Dashboard Karte - SmartHome for Dummies
[4] Translate German to English | Translate.com
[5] https://www.reddit.com/r/homeassistant/comments/tv8mhm/how_to_create_a_very_clean_ha_dashboard_using_the/?tl=de
[6] German English Translation, Online Text Translator LEXILOGOS
[7] https://www.reddit.com/r/homeassistant/comments/10l0ugh/example_uses_of_mushroom_cards/?tl=de
[8] Reverso Context | Translation in context from German to English

1 „Gefällt mir“

Keine Ahnung ob es für Dich eine Alternative ist, ich habe mir dafür ein Pop-Up mit den Bubble-Cards gebastelt. Mich interessiert ja letztlich nur, wenn etwas nicht “zu” ist. Pop-Up für Türen, REOLINK-Kameras, etc. einzeln gemacht.

2025-02-04 14-19-30

Code stelle ich bei Bedarf gerne zur Verfügung.

Dann habe ich mir noch das gebastelt, um jederzeit den Status auch manuell aufrufen zu können.

2025-02-04 14-22-22

1 „Gefällt mir“

Das war dann der weitere Gedanke. Das ich die Karte mit einer Bubble Karte verknüpfe über die ich dann sehen kann, welche Fenster noch offen sind. Aber den Code für die Bubblecard nehme ich gerne

Bitte schön. Bei Verbesserungen an meinem Murks, lass mich bitte teilhaben.

type: vertical-stack
cards:
  - type: custom:bubble-card
    card_type: pop-up
    icon: mdi:door-open
    name: STATUS - Mind. eine Tür ist offen
    hash: "#Doors_OPEN"
    styles: |
      .bubble-icon-container {
        background: #7A0000 !important;
      }
    auto_close: ""
    is_sidebar_hidden: true
    show_attribute: true
    attribute: brightness
    button_type: name
    trigger_close: true
    bg_color: ""
    show_name: true
    show_icon: true
    scrolling_effect: true
    hide_backdrop: true
    show_header: true
    use_accent_color: false
    margin_top_mobile: calc(100vh - 274px)
    margin_top_desktop: calc(100vh - 274px)
    trigger:
      - condition: or
        conditions:
          - condition: state
            entity: binary_sensor.zb_tur_haus_contact
            state: "on"
          - condition: state
            entity: binary_sensor.zb_tur_terrasse_contact
            state: "on"
          - condition: state
            entity: binary_sensor.zb_tur_keller_contact
            state: "on"
          - condition: state
            entity: binary_sensor.zb_tur_mancave_contact
            state: "on"
  - type: horizontal-stack
    cards:
      - type: custom:bubble-card
        card_type: button
        button_type: state
        entity: binary_sensor.zb_tur_haus_contact
        name: Haustür
        icon: mdi:door-closed
        show_state: true
        show_last_changed: false
        show_attribute: false
        card_layout: large
        sub_button: []
        show_name: true
        styles: |
          .bubble-button-card-container {
          opacity: 1 !important;
          background-color: ${state == 'off' ? '' : '#7A0000'} !important;
          }
          ${icon.setAttribute("icon", hass.states[ entity ].state === 'on' ?
          'mdi:door-open' : 'mdi:door-closed')}
      - type: custom:bubble-card
        card_type: button
        button_type: state
        name: Terrassentür
        icon: mdi:door-closed
        show_state: true
        entity: binary_sensor.zb_tur_terrasse_contact
        show_attribute: false
        styles: |
          .bubble-button-card-container {
          opacity: 1 !important;
          background-color: ${state == 'off' ? '' : '#7A0000'} !important;
          }
          ${icon.setAttribute("icon", hass.states[ entity ].state === 'on' ?
          'mdi:door-open' : 'mdi:door-closed')}  
  - type: horizontal-stack
    cards:
      - type: custom:bubble-card
        card_type: button
        button_type: state
        name: Kellertür
        icon: mdi:door-closed
        show_state: true
        entity: binary_sensor.zb_tur_keller_contact
        styles: |
          .bubble-button-card-container {
          opacity: 1 !important;
          background-color: ${state == 'off' ? '' : '#7A0000'} !important;
          }
          ${icon.setAttribute("icon", hass.states[ entity ].state == 'on' ?
          'mdi:door-open' : 'mdi:door-closed')}
      - type: custom:bubble-card
        card_type: button
        button_type: state
        name: Man Cave
        icon: mdi:door-closed
        show_state: true
        entity: binary_sensor.zb_tur_mancave_contact
        styles: >
          .bubble-button-card-container {
            opacity: 1 !important;
            background-color: ${state == 'off' ? '' : '#7A0000'} !important;
          } ${icon.setAttribute("icon", hass.states[ entity ].state == 'on' ?
          'mdi:door-open' : 'mdi:door-closed')}
view_layout:
  grid-area: footer2

Danke, aber glaube du hast die falsche Karte genommen. Scheint sich um die Kamera Karte zu handeln.

Ups, sorry. So besser?

Habe dann im WZ noch so ein Nachtlicht, dass in verschiedenen Farben leuchtet, je nach was “los” ist. Offene Tür = rot, offenes Fenster = blau. Benutze es überhaupt nicht als Nachtlicht, trotzt Bewegungsmelder, nur als “Statuslicht”. Ist also meistens aus. Nachtlicht…

Leider gibt es so eine pop-up Funktion scheinbar nicht in HA. BROWSER-Mod habe ich auch, leider erfolglos, versucht.

Was ist das denn für ein Nachtlicht?

@RobertoCravallo

Mit Bordmitteln leider nicht, aber das über die BubbleCard funktioniert doch super und sieht schick aus.

@heinzel

https://github.com/Clooos/Bubble-Card?tab=readme-ov-file#pop-up

Als Alternative zur PersonenKarte kannst du auch direkt über die BubbleCard den “Button Sack” nutzen.
Sieht auch schick aus. :wink:

https://github.com/Clooos/Bubble-Card?tab=readme-ov-file#horizontal-buttons-stack

Danke für eure Hilfe- Habe es jetzt anders gelöst.

Habe eine Conditionalkarte genommen die mir im Fließtext ausgibt, welche Fenster geöffnet sind und nur sichtbar ist, sobald ein Fenster offen ist.

Das hatte ich auch zuerst, da bleibt der Text aber stehen, solange ein Fenster auf ist. Das wollte ich nicht. Die BUBBLE-Card kann über das “X” geschlossen werden.

Finger heb…

Mich würde das Licht auch Interessieren…
Danke

Habe im Text einen Link zum Nachtlicht gepostet. Hast Du noch andere Fragen?