01-home.yaml

title: Home
path: home
type: custom:grid-layout
layout:
  grid-template-areas: |
    "welcome people"
    "welcome people"
    "rooms rooms"
  mediaquery:
    '(max-width: 768px)':
      grid-template-areas: |
        "welcome"
        "people"
        "rooms"
cards:
  #################
  # STATUS CHIPS
  #################
  - type: custom:toolbar-status-chips

  #################
  # WELCOME
  #################
  - type: custom:button-card
    template: card_welcome
    view_layout:
      grid-area: welcome

  #################
  # PEOPLE
  #################
  - type: vertical-stack
    view_layout:
      grid-area: people
    cards:
      - type: custom:button-card
        template: card_family
        variables:
          person: poat
      - type: custom:button-card
        template: card_family
        variables:
          person: gina

  #############
  # ROOM CARDS
  #############
  - type: custom:layout-card
    layout_type: custom:grid-layout
    layout:
      # desktop screen
      grid-template-columns: repeat(6, 1fr)
      grid-template-rows: auto
      grid-template-areas: |
        "label label label label label label"
        "living dining office kitchen bedroom bath"
        "guest spare garage attic shed server"
      mediaquery:
        # portrait monitor
        'only screen and (min-width: 769px) and (max-width: 1400px)':
          grid-template-columns: repeat(4, 1fr)
          grid-template-areas: |
            "label label label label"
            "living dining office kitchen "
            "bedroom bath guest spare"
            "garage attic shed server"
        # Smartphones
        'only screen and (max-width: 768px)':
          grid-template-columns: 1fr 1fr
          grid-template-areas: |
            "label label"
            "living dining"
            "office kitchen"
            "bedroom bath"
            "guest spare"
            "garage attic"
            "shed server"
    view_layout:
      grid-area: rooms
    cards:
      - type: custom:button-card
        template: card_title
        name: Rooms
        variables:
          grid-area: label

      #################
      # LIVING ROOM
      #################
      - type: custom:room-summary-card
        view_layout:
          grid-area: living
        area: living_room
        entities:
          - climate.living_room

      #################
      # DINING ROOM
      #################
      - type: custom:room-summary-card
        view_layout:
          grid-area: dining
        area: dining_room

      #################
      # OFFICE
      #################
      - type: custom:room-summary-card
        view_layout:
          grid-area: office
        area: office
        entities:
          - binary_sensor.poat_rgb_connectivity

      #################
      # KITCHEN
      #################
      - type: custom:room-summary-card
        view_layout:
          grid-area: kitchen
        area: kitchen
        entities:
          - switch.under_cabinet_lights
          - light.dinette_light

      #################
      # MASTER BEDROOM
      #################
      - type: custom:room-summary-card
        view_layout:
          grid-area: bedroom
        area: master_bedroom

      #################
      # MASTER BATHROOM
      #################
      - type: custom:room-summary-card
        view_layout:
          grid-area: bath
        area: master_bath
        entities:
          - switch.master_bath_shower_light

      #################
      # GUEST ROOM
      #################
      - type: custom:room-summary-card
        view_layout:
          grid-area: guest
        area: guest_bedroom

      #################
      # GUEST BATHROOM
      #################
      - type: custom:room-summary-card
        view_layout:
          grid-area: spare
        area: guest_bath

      #################
      # GARAGE
      #################
      - type: custom:room-summary-card
        view_layout:
          grid-area: garage
        area: garage
        entities:
          - entity_id: binary_sensor.garage_door_tilt_window_door_is_open
            tap_action:
              action: call-service
              service: switch.toggle
              service_data:
                entity_id: switch.garage_opener
          - switch.garage_opener_plug
          - input_boolean.washing_machine_on
          - input_boolean.dryer_on

      #################
      # ATTIC
      #################
      - type: custom:room-summary-card
        view_layout:
          grid-area: attic
        area: attic
        entities:
          - switch.water_softener_plug

      #################
      # SHED
      #################
      - type: custom:room-summary-card
        view_layout:
          grid-area: shed
        area: shed
        entities:
          - binary_sensor.shed_door_sensor_window_door_is_open

      #################
      # SERVER CLOSET
      #################
      - type: custom:room-summary-card
        view_layout:
          grid-area: server
        area: server_closet
        humidity_sensor: sensor.office_climate_humidity
        temperature_sensor: sensor.office_climate_air_temperature
        navigate: lab