Mushroom Inspiration!

image

Playing Around with with Mushroom - Many things to do and clean up some code. But here is Version 0.03 for you if interested :smiley:

type: custom:vertical-stack-in-card
title: Wohnzimmer
style: |
  .card-header {
      padding: 6px 16px 2px !important;
  }
cards:
  - type: custom:mushroom-chips-card
    chips:
      - type: entity
        entity: sensor.temp_xx_humidity
      - type: entity
        entity: sensor.temp_xx_temperature
    alignment: end
    style: |
      .chip-container {
          padding-right: 14px;
          margin-top: -40px
      }
  - type: custom:mushroom-light-card
    entity: light.lampe_xx
    show_brightness_control: true
    collapsible_controls: true
    layout: horizontal
    name: Lampe Links
  - type: custom:mushroom-light-card
    entity: light.lampe_xx
    show_brightness_control: true
    collapsible_controls: true
    layout: horizontal
    name: Lampe Rechts
  - type: custom:mushroom-media-player-card
    entity: media_player.xx
    layout: horizontal
    show_volume_level: false
    media_controls:
      - on_off
    volume_controls:
      - volume_set
    icon: mdi:television
    name: Sony Fernseher
    use_media_info: true
  - type: custom:mushroom-climate-card
    entity: climate.heizung_xx
    layout: horizontal
    fill_container: true
    show_temperature_control: true
    collapsible_controls: false
    name: Thermostate
    tap_action:
      action: more-info
  - type: custom:mushroom-chips-card
    alignment: end
    style: |
      ha-card {
          z-index:9;
      }
      .chip-container {
          padding: 14px;
      }
    chips:
      - type: template
        entity: binary_sensor
        icon: >
          {% set state=states('binary_sensor.heizung_xx_window_open') %}
          {% if state=='off' %}
          mdi:window-closed-variant
          {% elif state=='on' %}
          mdi:window-open-variant
          {% endif %}
        icon_color: >
          {% set state=states('binary_sensor.heizung_xx_window_open') %}
          {% if state=='on' %}
          orange
          {% endif %}
        content: >
          {% set state=states('binary_sensor.heizung_xx_window_open') %}
          {% if state=='off' %}
          Fenster geschlossen!
          {% elif state=='on' %}
          Fenster offen!
          {% endif %}
      - type: template
        entity: switch.heizung_xx_window_open_force
        content: >
          {% set state=states('switch.heizung_xx_window_open_force') %}
          {% if state=='on' %}
          Lüften Aktiv!
          {% elif state=='off' %}
          Lüften!
          {% endif %}
        icon: >
          {% set state=states('switch.heizung_xx_window_open_force') %}
          {% if state=='on' %}
          mdi:window-open-variant
          {% elif state=='off' %}
          mdi:window-closed-variant
          {% endif %}
        icon_color: >
          {% set state=states('switch.heizung_xx_window_open_force') %}
          {% if state=='on' %}
          orange
          {% endif %}
      - type: template
        entity: climate.heizung_xx
        icon: >
          {% set battery_level = state_attr('switch.heizung_xx_window_open_force','battery')|int('unknown') %} 
          {% set battery_round = (battery_level|int / 10)|int * 10 %} 
          {% if battery_level == 'unknown' %}
            mdi:battery-unknown
          {% else %}
            {% if battery_round >= 100 %}
              mdi:battery
            {% elif battery_round > 0 %}
              mdi:battery-{{ battery_round }}
            {% else %}
              mdi:battery-alert
            {% endif %}
          {% endif %}
        content: '{{ state_attr(''climate.heizung_xx'',''battery'') }} %'
        name: Battery
        tap_action:
          action: more-info
  - type: custom:mini-graph-card
    entities:
      - sensor.temp_xx
    animate: true
    hour24: true
    font_size: 75
    line_width: 4
    points_per_hour: 1
    style: |
      ha-card {
          margin-top: -67px;
          z-index: 1;
      }
    show:
      name: false
      icon: false
      legend: false
      labels: true
19 Likes