You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
316 lines
11 KiB
316 lines
11 KiB
######################################################################
|
|
# @CCOSTAN - Follow Me on X
|
|
# For more info visit https://www.vcloudinfo.com/click-here
|
|
# Original Repo : https://github.com/CCOSTAN/Home-AssistantConfig
|
|
# -------------------------------------------------------------------
|
|
# Overview Partial - home sections
|
|
# Reusable list extracted from a view for smaller diffs and safer edits.
|
|
# -------------------------------------------------------------------
|
|
# Notes: Extracted from config/dashboards/overview/views/01_home.yaml key `sections`.
|
|
######################################################################
|
|
|
|
- cards:
|
|
- square: true
|
|
type: grid
|
|
cards:
|
|
- type: picture-entity
|
|
entity: person.carlo
|
|
name: Carlo
|
|
show_state: false
|
|
show_name: false
|
|
state_filter:
|
|
home: none
|
|
not_home: grayscale(100%) opacity(50%)
|
|
driving: grayscale(100%) opacity(50%)
|
|
- type: picture-entity
|
|
entity: person.stacey
|
|
name: Stacey
|
|
show_state: false
|
|
show_name: false
|
|
state_filter:
|
|
home: none
|
|
not_home: grayscale(100%) opacity(50%)
|
|
gym: grayscale(100%) opacity(50%)
|
|
driving: grayscale(100%) opacity(50%)
|
|
- type: picture-entity
|
|
entity: person.justin
|
|
name: Justin
|
|
show_state: false
|
|
show_name: false
|
|
state_filter:
|
|
home: none
|
|
not_home: grayscale(100%) opacity(50%)
|
|
Justin Dorm: grayscale(10%) opacity(50%)
|
|
Paige Dorm: grayscale(10%) opacity(50%)
|
|
gym: grayscale(100%) opacity(50%)
|
|
driving: grayscale(100%) opacity(50%)
|
|
- type: picture-entity
|
|
entity: person.paige
|
|
name: Paige
|
|
show_state: false
|
|
show_name: false
|
|
state_filter:
|
|
home: none
|
|
not_home: grayscale(100%) opacity(50%)
|
|
paige_work: grayscale(100%) opacity(50%)
|
|
Justin Dorm: grayscale(10%) opacity(50%)
|
|
Paige Dorm: grayscale(10%) opacity(50%)
|
|
gym: grayscale(100%) opacity(50%)
|
|
driving: grayscale(100%) opacity(50%)
|
|
columns: 4
|
|
- type: entities
|
|
entities:
|
|
- type: conditional
|
|
conditions:
|
|
- entity: person.carlo
|
|
state_not: home
|
|
row:
|
|
type: attribute
|
|
entity: sensor.carlo_place
|
|
attribute: formatted_place
|
|
name: Carlo Location
|
|
- type: conditional
|
|
conditions:
|
|
- entity: person.stacey
|
|
state_not: home
|
|
row:
|
|
type: attribute
|
|
entity: sensor.stacey_place
|
|
attribute: formatted_place
|
|
name: Stacey Location
|
|
- type: conditional
|
|
conditions:
|
|
- entity: person.justin
|
|
state_not: home
|
|
row:
|
|
type: attribute
|
|
entity: sensor.justin_place
|
|
attribute: formatted_place
|
|
name: Justin Location
|
|
- type: conditional
|
|
conditions:
|
|
- entity: person.paige
|
|
state_not: home
|
|
row:
|
|
type: attribute
|
|
entity: sensor.paige_place
|
|
attribute: formatted_place
|
|
name: Paige Location
|
|
state_color: false
|
|
- type: custom:mushroom-template-card
|
|
primary: Zoom Map
|
|
icon: mdi:map-marker
|
|
tap_action:
|
|
action: navigate
|
|
navigation_path: /lovelace/family_locator
|
|
hold_action:
|
|
action: none
|
|
double_tap_action:
|
|
action: none
|
|
layout: horizontal
|
|
fill_container: true
|
|
- type: map
|
|
entities:
|
|
- person.justin
|
|
- person.paige
|
|
hours_to_show: 48
|
|
aspect_ratio: '4:3'
|
|
theme_mode: auto
|
|
card_mod:
|
|
style: null
|
|
ha-map $ ha-entity-marker $: ".marker { \n /* Style person marker & adjust position to avoid blocking waypoints */\
|
|
\ \n border: 3px solid var(\u2014state-person) !important; \n border-radius: 50% 50% 50% 0px !important; \n transform:\
|
|
\ rotate(-45deg) translate(50%, -50%); \n overflow: visible !important;\n} \n.entity-picture { \n /* Correct orientation\
|
|
\ of person avatar / \n transform: rotate(45deg); \n border-radius: 50%; \n} \n"
|
|
ha-map $: "path:first-child { \n / Style accuracy radius / \n stroke: var(\u2014state-person); \n fill: color-mix(in\
|
|
\ srgb, var(\u2014state-person) 50%, transparent); \n stroke-width: 0px; } \npath:nth-child(even) { \n / Styling\
|
|
\ for waypoints / \n stroke: var(\u2014purple-color);\n stroke-width: 4px; \n} \npath:nth-child(odd):not(:first-child)\
|
|
\ { \n / Styling for lines */ \n stroke: var(\u2014purple-color);\n stroke-width: 4px; \n}\n:host { \n /* Define\
|
|
\ Person State colors. Can be added to theme / \n \u2014state-person-home: var(\u2014green-color); \n \u2014state-person-not-home:\
|
|
\ var(\u2014red-color); \n \u2014state-person-zone: var(\u2014blue-color); \n \u2014state-person-unknown: var(\u2014\
|
|
grey-color); \n / Set person state color */ \n \u2014state-person: \n {% if is_state(config.entities[0].entity,\
|
|
\ [\u2018home\u2019, \u2018not_home\u2019, \u2018unknown\u2019]) %} \n var(\u2014state-person-{{ states(config.entities[0].entity)\
|
|
\ | replace(\u2018_\u2019, \u2018-\u2018) }}) \n {% else %} \n var(\u2014state-person-zone) \n {% endif\
|
|
\ %}; \n}\n"
|
|
- type: map
|
|
entities:
|
|
- person.carlo
|
|
- person.stacey
|
|
hours_to_show: 48
|
|
aspect_ratio: '4:3'
|
|
theme_mode: auto
|
|
card_mod:
|
|
style: null
|
|
ha-map $ ha-entity-marker $: ".marker { \n /* Style person marker & adjust position to avoid blocking waypoints */\
|
|
\ \n border: 3px solid var(\u2014state-person) !important; \n border-radius: 50% 50% 50% 0px !important; \n transform:\
|
|
\ rotate(-45deg) translate(50%, -50%); \n overflow: visible !important;\n} \n.entity-picture { \n /* Correct orientation\
|
|
\ of person avatar / \n transform: rotate(45deg); \n border-radius: 50%; \n} \n"
|
|
ha-map $: "path:first-child { \n / Style accuracy radius / \n stroke: var(\u2014state-person); \n fill: color-mix(in\
|
|
\ srgb, var(\u2014state-person) 50%, transparent); \n stroke-width: 0px; } \npath:nth-child(even) { \n / Styling\
|
|
\ for waypoints / \n stroke: var(\u2014purple-color); \n stroke-width: 4px; \n} \npath:nth-child(odd):not(:first-child)\
|
|
\ { \n / Styling for lines */ \n stroke: var(\u2014purple-color); \n stroke-width: 4px; \n}\n:host { \n /* Define\
|
|
\ Person State colors. Can be added to theme / \n \u2014state-person-home: var(\u2014green-color); \n \u2014state-person-not-home:\
|
|
\ var(\u2014red-color); \n \u2014state-person-zone: var(\u2014blue-color); \n \u2014state-person-unknown: var(\u2014\
|
|
grey-color); \n / Set person state color */ \n \u2014state-person: \n {% if is_state(config.entities[0].entity,\
|
|
\ [\u2018home\u2019, \u2018not_home\u2019, \u2018unknown\u2019]) %} \n var(\u2014state-person-{{ states(config.entities[0].entity)\
|
|
\ | replace(\u2018_\u2019, \u2018-\u2018) }}) \n {% else %} \n var(\u2014state-person-zone) \n {% endif\
|
|
\ %}; \n}\n"
|
|
column_span: 1
|
|
- cards:
|
|
- type: custom:mushroom-vacuum-card
|
|
entity: vacuum.l10s_vacuum
|
|
icon_animation: true
|
|
commands:
|
|
- return_home
|
|
- start_pause
|
|
- locate
|
|
double_tap_action:
|
|
action: none
|
|
tap_action:
|
|
action: navigate
|
|
navigation_path: /lovelace/vacuum
|
|
visibility:
|
|
- condition: state
|
|
entity: vacuum.l10s_vacuum
|
|
state_not: docked
|
|
primary_info: name
|
|
fill_container: true
|
|
grid_options:
|
|
rows: 1
|
|
columns: full
|
|
layout: horizontal
|
|
- type: tile
|
|
entity: climate.downstairs
|
|
state_content:
|
|
- current_temperature
|
|
- temperature
|
|
vertical: false
|
|
features_position: bottom
|
|
- type: tile
|
|
entity: climate.upstairs
|
|
show_entity_picture: false
|
|
hide_state: false
|
|
state_content:
|
|
- current_temperature
|
|
- temperature
|
|
vertical: false
|
|
features_position: bottom
|
|
- type: custom:search-card
|
|
max_results: 10
|
|
- type: custom:bubble-card
|
|
card_type: button
|
|
button_type: slider
|
|
entity: light.living_room_lights
|
|
name: Living Room Lights
|
|
icon: mdi:sofa
|
|
show_state: true
|
|
show_attribute: false
|
|
show_last_changed: true
|
|
tap_action:
|
|
action: navigate
|
|
navigation_path: '#ovw-living-room'
|
|
button_action:
|
|
tap_action:
|
|
action: navigate
|
|
navigation_path: '#ovw-living-room'
|
|
grid_options:
|
|
columns: 6
|
|
rows: 1
|
|
card_layout: large
|
|
- type: custom:bubble-card
|
|
card_type: button
|
|
name: Lights On
|
|
icon: mdi:lightbulb-on-outline
|
|
show_state: true
|
|
tap_action:
|
|
action: navigate
|
|
navigation_path: '#ovw-lights'
|
|
button_action:
|
|
tap_action:
|
|
action: navigate
|
|
navigation_path: '#ovw-lights'
|
|
grid_options:
|
|
columns: 6
|
|
rows: 1
|
|
card_layout: large
|
|
button_type: switch
|
|
show_name: true
|
|
show_attribute: false
|
|
attribute: icon
|
|
entity: sensor.number_of_lights_on
|
|
- type: custom:bubble-card
|
|
card_type: button
|
|
button_type: switch
|
|
entity: group.interior_switches
|
|
name: Interior Switches
|
|
icon: mdi:lightning-bolt
|
|
show_state: true
|
|
show_attribute: false
|
|
show_last_changed: false
|
|
button_action:
|
|
tap_action:
|
|
action: more-info
|
|
grid_options:
|
|
columns: 6
|
|
rows: 1
|
|
tap_action:
|
|
action: toggle
|
|
card_layout: large
|
|
- type: custom:bubble-card
|
|
card_type: button
|
|
button_type: state
|
|
entity: group.exterior_lights
|
|
name: Exterior Lights
|
|
icon: mdi:palm-tree
|
|
show_state: true
|
|
show_attribute: false
|
|
show_last_changed: true
|
|
grid_options:
|
|
columns: 6
|
|
rows: 1
|
|
- !include /config/dashboards/overview/popups/living_room.yaml
|
|
- !include /config/dashboards/overview/popups/lights.yaml
|
|
- cards:
|
|
- type: custom:frigate-events-card
|
|
frigate_client_id: frigate
|
|
event_count: 5
|
|
- show_state: true
|
|
show_name: true
|
|
camera_view: live
|
|
type: picture-entity
|
|
entity: camera.birdseye
|
|
tap_action:
|
|
action: navigate
|
|
navigation_path: /lovelace/cameras
|
|
- type: vertical-stack
|
|
cards:
|
|
- type: weather-forecast
|
|
show_current: true
|
|
show_forecast: true
|
|
entity: weather.pirateweather
|
|
forecast_type: hourly
|
|
secondary_info_attribute: humidity
|
|
- type: custom:clock-weather-card
|
|
entity: weather.pirateweather
|
|
sun_entity: sun.sun
|
|
temperature_sensor: sensor.pirateweather_temperature
|
|
humidity_sensor: sensor.pirateweather_humidity
|
|
weather_icon_type: fill
|
|
animated_icon: true
|
|
forecast_rows: 5
|
|
locale: en-GB
|
|
time_pattern: HH:mm
|
|
time_format: 12
|
|
date_pattern: DDDD
|
|
hide_today_section: true
|
|
hide_forecast_section: false
|
|
show_humidity: true
|
|
hide_clock: false
|
|
hide_date: true
|
|
hourly_forecast: false
|
|
use_browser_time: false
|
|
time_zone: null
|
|
show_decimal: false
|
|
aqi_sensor: sensor.bear_stone_common_air_quality_index
|
|
apparent_sensor: null
|