Newer
Older
homeassistant_config / dashboards / minimal / views / hjem.yaml
@Rolf Bagge Rolf Bagge on 5 Dec 2022 3 KB Update
title: Hjem
cards:
  - type: custom:stack-in-card
    cards:
      - type: custom:decluttering-card
        template: title_template
        variables:
          - title: Velkommen, {{user}}
          - font-size: "1.5rem"

      - type: custom:mushroom-chips-card
        chips:
          - type: template
            icon: mdi:lightbulb
            content: Lys
            icon_color: yellow
            tap_action:
              action: navigate
              navigation_path: lys
          - type: template
            icon: mdi:heating-coil
            content: Varme
            icon_color: red
            tap_action:
              action: navigate
              navigation_path: varme
          - type: template
            icon: mdi:flash
            content: El
            icon_color: green
            tap_action:
              action: navigate
              navigation_path: el
        alignment: center
        style: |
          :host  {
            padding-bottom: 1em;
          }

  - type: custom:gap-card
    height: 10

  - type: custom:stack-in-card
    mode: horizontal
    cards:
      - type: custom:mushroom-person-card
        entity: person.rolf_bagge
      - type: custom:mushroom-person-card
        entity: person.berit_bagge

  - type: custom:gap-card
    height: 10

  - type: custom:room-card
    title: Køkken
    entity: light.kokken_alle_gruppe
    icon: mdi:stove
    show_icon: true
    tap_action:
      action: navigate
      navigation_path: kokken
    info_entities:
      - entity: sensor.wavin_9000_temperature_kokken
        show_icon: false
    entities:
      - entity: sensor.mikroovn_plug_power
        hide_if:
          conditions:
            - condition: below
              value: 10
        icon:
          template:
            icon: >
              return "mdi:microwave";
            styles: |
              if (entity.state > 10 && entity.state < 50) return "color: yellow";
              return "color: white";
        show_icon: true
        show_state: true
        name: Mikroovn
      - entity: sensor.opvaskemaskine_energi
        hide_if:
          conditions:
            - condition: below
              value: 5
        show_icon: true
        show_state: true
        name: Opvasker
        icon:
          template:
            icon: >
              return "mdi:dishwasher";
            styles: |
              return "color: white";
    card_mod:
      style: |
        ha-card .entities-info-row {
          padding: 5px 20px 5px;
        }
  - type: custom:room-card
    title: Stue
    entity: light.stue_gruppe
    icon: mdi:sofa
    show_icon: true
    tap_action:
      action: navigate
      navigation_path: stue
    info_entities:
      - entity: sensor.wavin_9000_temperature_stue
        show_icon: false
    entities:
      - entity: sensor.tv_baenk_energi
        name: Tv Bænk
        hide_if:
          conditions:
            - condition: below
              value: 1
        icon:
          template:
            icon: >
              return "mdi:television";
            styles: |
              return "color: white";
        show_icon: true
        show_state: true
        tap_action:
          action: more-info
          entity: switch.tv_baenk
    card_mod:
      style: |
        ha-card .entities-info-row {
          padding: 5px 20px 5px;
        }

  - type: custom:room-card
    title: Bryggers
    entity: light.bryggers_gruppe
    icon: mdi:wardrobe
    show_icon: true
    tap_action:
      action: navigate
      navigation_path: bryggers
    info_entities:
      - entity: sensor.wavin_9000_temperature_bryggers
        show_icon: false
    entities:
      - entity: sensor.teknikskab_energi
        name: Teknik
        icon:
          template:
            icon: >
              return "mdi:server";
            styles: |
              return "color: white";
        show_icon: true
        show_state: true
    card_mod:
      style: |
        ha-card .entities-info-row {
          padding: 5px 20px 5px;
        }