config.yaml HA

title: Boutin Home
resources:
  !include lovelace/resources/resources.yaml
custom_header:
  !include lovelace/custom_header/settings.yaml

background: var(--background-image)

#############################################################################################################################################
#                                                                                                                                           #
#                                                               VIEW 0 - HOME                                                               #
#                                                                                                                                           #
#############################################################################################################################################

views:
  - id: 0
    icon: mdi:home
    name: Home
    cards:

#################################################################
#                                                               #
#                    HOME - Dark Sky Weather                    #
#                                                               #
#################################################################
      - type: custom:weather-card
        entity: weather.darksky
        icons: "/local/custom-lovelace/weather-card/icons/"
        current: true
        details: false
        forecast: true

#################################################################
#                                                               #
#                    HOME - Sonos Player                        #
#                                                               #
#################################################################
      - entity: media_player.living_room_sono
        type: media-control

#############################################################################################################################################
#                                                                                                                                           #
#                                                             VIEW 1 - ENERGY                                                            #
#                                                                                                                                           #
#############################################################################################################################################

  - id: 1
    icon: mdi:atom
    name: Energy
    cards:

#################################################################
#                                                               #
#                    ENERGY - Sonos Player                      #
#                                                               #
#################################################################
      - type: entities
        title: Living room
        show_header_toggle: false
        entities:
        - entity: media_player.living_room
          name: Sonos
          type: custom:mini-media-player
          group: true
          icon: mdi:speaker
          artwork: cover
          show_source: true
          show_tts: google
          power_color: true

#############################################################################################################################################
#                                                                                                                                           #
#                                                              VIEW 2 - MEDIA                                                             #
#                                                                                                                                           #
#############################################################################################################################################

#################################################################
#                                                               #
#                    MEDIA - Spotify Card                       #
#                                                               #
#################################################################
  - id: 2
    title: Media
    icon: mdi:speaker
    cards:
      - type: 'custom:spotify-card'
        client_id: !secret spotify_clientid
        limit: <optional number of playlists to retrieve (default 10)>
        device: <optional name of a device to pre-select>
        player: <optional use this player only, value should be the same name as the displayname of the player>
        featuredPlaylists: <optional show featured playlists instead of users playlists>
        height: <optional pixels height for the playlist element. If content is larger scrolling will be enabled>

#############################################################################################################################################
#                                                                                                                                           #
#                                                            VIEW 3 - CAR                                                                   #
#                                                                                                                                           #
#############################################################################################################################################

  - id: 3
    icon: mdi:car
    name: Car
    cards:

#################################################################
#                                                               #
#                    CAR - Tesla Info                           #
#                                                               #
#################################################################
      - type: vertical-stack
        cards:
          - type: glance
            entities:
              - entity: sensor.tesla_battery_level
                name: Battery Level
              - entity: sensor.tesla_state
                name: Car State
              - entity: sensor.tesla_plugged_in
                name: Plugged In
          - type: glance
            entities:
              - entity: sensor.tesla_park_brake
                name: Park Brake
              - entity: sensor.tesla_sentry_mode
                name: Sentry Mode
              - entity: sensor.tesla_speed
                name: Speed
          - type: glance
            entities:
              - entity: sensor.tesla_healthy
                name: Car Health
              - entity: sensor.tesla_windows_open
                name: Window Status
          - type: horizontal-stack
            cards:
              - type: 'custom:button-card'
                entity: sensor.tesla_locked
                name: Charger Door
                show_state: true
                state:
                  - value: locked
                    icon: 'mdi:lock'
                    color: green
                    tap_action:
                      action: call-service
                      service: lock.unlock
                      service_data:
                        entity_id: lock.tesla_model_3_charger_door_lock
                  - value: unlocked
                    icon: 'mdi:lock-open'
                    color: red
                    tap_action:
                      action: call-service
                      service: lock.lock
                      service_data:
                        entity_id: lock.tesla_model_3_charger_door_lock
              - type: 'custom:button-card'
                entity: lock.tesla_door_lock
                name: Car Door
                show_state: true
                state:
                  - value: locked
                    icon: 'mdi:lock'
                    color: green
                    tap_action:
                      action: call-service
                      service: lock.unlock
                      service_data:
                        entity_id: lock.tesla_model_3_door_lock
                  - value: unlocked
                    icon: 'mdi:lock-open'
                    color: red
                    tap_action:
                      action: call-service
                      service: lock.lock
                      service_data:
                        entity_id: lock.tesla_model_3_door_lock
      - type: vertical-stack
        cards:
          - type: map
            entities:
              - device_tracker.tesla_location
          - type: thermostat
            entity: climate.tesla_model_3_hvac_climate_system
      - type: entities
        entities:
          - entity: sensor.tesla_charge_limit
            name: SOC Charge Limit
          - entity: sensor.tesla_charge_energy_added
            name: Last Charge Energy Added
          - entity: sensor.tesla_odometer
            name: Odometer
          - entity: sensor.tesla_estimated_range
            name: Estimated Range
          - entity: sensor.tesla_rated_range
            name: Rated Range
          - entity: sensor.tesla_inside_temp
            name: Tesla Temperature (inside)
          - entity: sensor.tesla_outside_temp
            name: Tesla Temperature (outside)
          - entity: proximity.home_tesla
            name: Distance to Home

#############################################################################################################################################
#                                                                                                                                           #
#                                                             VIEW 4 - STATUS                                                               #
#                                                                                                                                           #
#############################################################################################################################################

  - id: 4
    icon: mdi:home
    name: Status
    cards:

#################################################################
#                                                               #
#                    STATUS - QNAP                              #
#                                                               #
#################################################################
      - type: custom:weather-card
        entity: weather.dark_sky
        current: true
        details: false
        forecast: true
        name: Culver City
        icons: "/local/custom-lovelace/weather-card/"