Refactor and split-up floorplan. Add more state-icons. Add popup cards

This commit is contained in:
2020-04-20 02:24:34 +03:00
parent d411f1806c
commit 4e085d4fc4
9 changed files with 942 additions and 441 deletions
+2 -417
View File
@@ -2,6 +2,7 @@ custom_header:
hide_header: true
decluttering_templates: !include_dir_merge_named lovelace/decluttering_templates
popup_cards: !include lovelace/popup_cards.yaml
title: Floorplan
views:
@@ -14,420 +15,4 @@ views:
image: /local/images/floorplan/floorplan_night_transparent.png
style: |
height: 100%
elements:
- type: conditional
conditions:
- entity: sun.sun
state: "above_horizon"
- entity: input_boolean.floorplan_night_mode
state: "off"
elements:
- type: image
entity: sun.sun
action: none
hold_action:
action: none
image: /local/images/floorplan/floorplan_day.jpg
style:
height: 100%
left: 50%
top: 50%
width: 100%
tap_action:
action: none
#
# ─── LIGHTING OVERLAYS ─────────────────────────────────────────────────────────────────
#
# Living Room
- type: conditional
conditions:
- entity: binary_sensor.floorplan_night_mode
state: "on"
- entity: light.pc
state: "on"
- entity: light.living_room_main_lights
state: "off"
elements:
- type: image
image: /local/images/floorplan/living_room_pc_light_on.png
tap_action: none
hold_action: none
style:
top: 71.04%
left: 65.92%
width: 38.5%
cursor: default
- type: conditional
conditions:
- entity: binary_sensor.floorplan_night_mode
state: "on"
- entity: light.pc
state: "off"
- entity: light.living_room_main_lights
state: "on"
elements:
- type: image
image: /local/images/floorplan/living_room_main_lights_on.png
tap_action: none
hold_action: none
style:
top: 71.04%
left: 65.92%
width: 38.5%
cursor: default
- type: conditional
conditions:
- entity: binary_sensor.floorplan_night_mode
state: "on"
- entity: light.pc
state: "on"
- entity: light.living_room_main_lights
state: "on"
elements:
- type: image
image: /local/images/floorplan/living_room_all_lights_on.png
tap_action: none
hold_action: none
style:
top: 71.04%
left: 65.92%
width: 38.5%
cursor: default
# Master Bedroom
- type: conditional
conditions:
- entity: binary_sensor.floorplan_night_mode
state: "on"
- entity: light.bedside_light
state: "off"
- entity: light.master_bedroom_main_lights
state: "on"
elements:
- type: image
image: /local/images/floorplan/master_bedroom_main_lights_on.png
tap_action: none
hold_action: none
style:
top: 25.7%
left: 70.35%
width: 29%
cursor: default
- type: conditional
conditions:
- entity: binary_sensor.floorplan_night_mode
state: "on"
- entity: light.bedside_light
state: "on"
- entity: light.master_bedroom_main_lights
state: "off"
elements:
- type: image
image: /local/images/floorplan/master_bedroom_bedside_light_on.png
tap_action: none
hold_action: none
style:
top: 25.7%
left: 70.35%
width: 29%
cursor: default
- type: conditional
conditions:
- entity: binary_sensor.floorplan_night_mode
state: "on"
- entity: light.master_bedroom_main_lights
state: "on"
- entity: light.bedside_light
state: "on"
elements:
- type: image
image: /local/images/floorplan/master_bedroom_all_lights_on.png
tap_action: none
hold_action: none
style:
top: 25.7%
left: 70.35%
width: 29%
cursor: default
# Kitchen
- type: conditional
conditions:
- entity: binary_sensor.floorplan_night_mode
state: "on"
- entity: light.tuya_kitchen_main_lights
state: "on"
- entity: light.tuya_kitchen_secondary_lights
state: "off"
elements:
- type: image
image: /local/images/floorplan/kitchen_main_lights_on.png
tap_action: none
hold_action: none
style:
top: 29%
left: 18.4%
width: 23.6%
cursor: default
- type: conditional
conditions:
- entity: binary_sensor.floorplan_night_mode
state: "on"
- entity: light.tuya_kitchen_main_lights
state: "off"
- entity: light.tuya_kitchen_secondary_lights
state: "on"
elements:
- type: image
image: /local/images/floorplan/kitchen_secondary_lights_on.png
tap_action: none
hold_action: none
style:
top: 29%
left: 18.4%
width: 23.6%
cursor: default
- type: conditional
conditions:
- entity: binary_sensor.floorplan_night_mode
state: "on"
- entity: light.tuya_kitchen_main_lights
state: "on"
- entity: light.tuya_kitchen_secondary_lights
state: "on"
elements:
- type: image
image: /local/images/floorplan/kitchen_all_lights_on.png
tap_action: none
hold_action: none
style:
top: 29%
left: 18.4%
width: 23.6%
cursor: default
# Hallway
- type: conditional
conditions:
- entity: binary_sensor.floorplan_night_mode
state: "on"
- entity: light.tuya_hallway_entrance_lights
state: "on"
- entity: light.tuya_hallway_main_lights
state: "off"
elements:
- type: image
image: /local/images/floorplan/hallway_entrance_lights_on.png
tap_action: none
hold_action: none
style:
top: 25.8%
left: 42.7%
width: 25.4%
cursor: default
- type: conditional
conditions:
- entity: binary_sensor.floorplan_night_mode
state: "on"
- entity: light.tuya_hallway_entrance_lights
state: "off"
- entity: light.tuya_hallway_main_lights
state: "on"
elements:
- type: image
image: /local/images/floorplan/hallway_main_lights_on.png
tap_action: none
hold_action: none
style:
top: 25.8%
left: 42.7%
width: 25.4%
cursor: default
- type: conditional
conditions:
- entity: binary_sensor.floorplan_night_mode
state: "on"
- entity: light.tuya_hallway_entrance_lights
state: "on"
- entity: light.tuya_hallway_main_lights
state: "on"
elements:
- type: image
image: /local/images/floorplan/hallway_all_lights_on.png
tap_action: none
hold_action: none
style:
top: 25.8%
left: 42.7%
width: 25.4%
cursor: default
#
# ─── LIGHT SWITCHES ────────────────────────────────────────────────────────────────────
#
- type: custom:decluttering-card
template: floorplan_state_icon
variables:
- entity: light.pc
- top: 71%
- left: 77.8%
- type: custom:decluttering-card
template: floorplan_state_icon
variables:
- entity: light.living_room_main_lights
- top: 69.8%
- left: 64.8%
- type: custom:decluttering-card
template: floorplan_state_icon
variables:
- entity: light.master_bedroom_main_lights
- top: 25%
- left: 69.5%
- type: custom:decluttering-card
template: floorplan_state_icon
variables:
- entity: light.bedside_light
- top: 11.7%
- left: 61.6%
- type: custom:decluttering-card
template: floorplan_state_icon
variables:
- entity: light.tuya_kitchen_secondary_lights
- top: 28%
- left: 12.9%
- type: custom:decluttering-card
template: floorplan_state_icon
variables:
- entity: light.tuya_kitchen_main_lights
- top: 29%
- left: 20.3%
- type: custom:decluttering-card
template: floorplan_state_icon
variables:
- entity: light.tuya_hallway_entrance_lights
- top: 26%
- left: 50.2%
- type: custom:decluttering-card
template: floorplan_state_icon
variables:
- entity: light.tuya_hallway_main_lights
- top: 41%
- left: 34.8%
#
# ─── SENSORS ───────────────────────────────────────────────────────────────────────────
#
# Living room ───────────────────────────────────────────────────────────────────────────
- type: custom:decluttering-card
template: floorplan_state_icon
variables:
- entity: binary_sensor.titanium
- top: 62%
- left: 80%
- tap_action:
action: call-service
service: script.titanium_start
- type: custom:decluttering-card
template: floorplan_state_icon
variables:
- entity: sensor.synology_dsm_type_volume_1
- top: 54%
- left: 75%
- tap_action:
action: more-info
- type: custom:decluttering-card
template: floorplan_state_icon
variables:
- entity: media_player.nvidia_shield
- top: 54%
- left: 60%
- type: conditional
conditions:
- entity: binary_sensor.living_room_right_window_on_off_wrapper
state: "on"
elements:
- type: image
image: /local/images/floorplan/transparent.png
entity: binary_sensor.living_room_right_window_on_off_wrapper
style:
width: 7.8%
height: 8.4%
top: 70.5%
left: 79.3%
background-color: rgba(255,0,0,0.5)
color: transparent
transform: perspective(2000px) rotateX(174.6deg) rotateZ(0deg) rotateY(74.1deg)
# Master Bedroom ────────────────────────────────────────────────────────────────────────
# Puifier
- type: custom:decluttering-card
template: floorplan_state_icon
variables:
- entity: fan.philips_airpurifier
- top: 44.5%
- left: 62%
# Window
- type: conditional
conditions:
- entity: binary_sensor.bedroom_right_window_on_off_wrapper
state: "on"
elements:
- type: image
image: /local/images/floorplan/transparent.png
entity: binary_sensor.bedroom_right_window_on_off_wrapper
style:
width: 7.5%
height: 8.2%
top: 32.6%
left: 79.2%
background-color: rgba(255,0,0,0.5)
color: transparent
transform: perspective(2000px) rotateX(185.6deg) rotateY(73.1deg)
# Temperature
- type: state-label
entity: sensor.bedroom_weather_temperature
style:
top: 38%
left: 74%
color: "#000"
border-radius: 6px
text-align: center
background-color: "rgba(255, 255, 255, 0.9)"
font-size: 13px
font-weight: bold
line-height: 8px
#
# ─── SYSTEM ────────────────────────────────────────────────────────────────────────────
#
# Dark mode override
- type: image
entity: input_boolean.floorplan_night_mode
tap_action:
action: toggle
image: /local/images/floorplan/transparent.png
style:
top: 1%
left: 1%
width: 10%
elements: !include_dir_merge_list lovelace/floorplan-dashboard/picture_elements
@@ -2,7 +2,7 @@ floorplan_state_icon:
default:
- tap_action:
action: toggle
element:
element: &floorplan_state_icon
type: state-icon
entity: "[[entity]]"
tap_action: "[[tap_action]]"
@@ -22,3 +22,11 @@ floorplan_state_icon:
--paper-item-icon-active-color: "#007cd6"
--iron-icon-width: 18px
--iron-icon-height: 18px
floorplan_state_with_icon:
default:
- tap_action:
action: toggle
element:
<<: *floorplan_state_icon
icon: "[[icon]]"
@@ -0,0 +1,246 @@
- type: conditional
conditions:
- entity: sun.sun
state: "above_horizon"
- entity: input_boolean.floorplan_night_mode
state: "off"
elements:
- type: image
entity: sun.sun
action: none
hold_action:
action: none
image: /local/images/floorplan/floorplan_day.jpg
style:
height: 100%
left: 50%
top: 50%
width: 100%
tap_action:
action: none
# Living Room
- type: conditional
conditions:
- entity: binary_sensor.floorplan_night_mode
state: "on"
- entity: light.pc
state: "on"
- entity: light.living_room_main_lights
state: "off"
elements:
- type: image
image: /local/images/floorplan/living_room_pc_light_on.png
tap_action: none
hold_action: none
style:
top: 71.04%
left: 65.92%
width: 38.5%
cursor: default
- type: conditional
conditions:
- entity: binary_sensor.floorplan_night_mode
state: "on"
- entity: light.pc
state: "off"
- entity: light.living_room_main_lights
state: "on"
elements:
- type: image
image: /local/images/floorplan/living_room_main_lights_on.png
tap_action: none
hold_action: none
style:
top: 71.04%
left: 65.92%
width: 38.5%
cursor: default
- type: conditional
conditions:
- entity: binary_sensor.floorplan_night_mode
state: "on"
- entity: light.pc
state: "on"
- entity: light.living_room_main_lights
state: "on"
elements:
- type: image
image: /local/images/floorplan/living_room_all_lights_on.png
tap_action: none
hold_action: none
style:
top: 71.04%
left: 65.92%
width: 38.5%
cursor: default
# Master Bedroom
- type: conditional
conditions:
- entity: binary_sensor.floorplan_night_mode
state: "on"
- entity: light.bedside_light
state: "off"
- entity: light.master_bedroom_main_lights
state: "on"
elements:
- type: image
image: /local/images/floorplan/master_bedroom_main_lights_on.png
tap_action: none
hold_action: none
style:
top: 25.7%
left: 70.35%
width: 29%
cursor: default
- type: conditional
conditions:
- entity: binary_sensor.floorplan_night_mode
state: "on"
- entity: light.bedside_light
state: "on"
- entity: light.master_bedroom_main_lights
state: "off"
elements:
- type: image
image: /local/images/floorplan/master_bedroom_bedside_light_on.png
tap_action: none
hold_action: none
style:
top: 25.7%
left: 70.35%
width: 29%
cursor: default
- type: conditional
conditions:
- entity: binary_sensor.floorplan_night_mode
state: "on"
- entity: light.master_bedroom_main_lights
state: "on"
- entity: light.bedside_light
state: "on"
elements:
- type: image
image: /local/images/floorplan/master_bedroom_all_lights_on.png
tap_action: none
hold_action: none
style:
top: 25.7%
left: 70.35%
width: 29%
cursor: default
# Kitchen
- type: conditional
conditions:
- entity: binary_sensor.floorplan_night_mode
state: "on"
- entity: light.tuya_kitchen_main_lights
state: "on"
- entity: light.tuya_kitchen_secondary_lights
state: "off"
elements:
- type: image
image: /local/images/floorplan/kitchen_main_lights_on.png
tap_action: none
hold_action: none
style:
top: 29%
left: 18.4%
width: 23.6%
cursor: default
- type: conditional
conditions:
- entity: binary_sensor.floorplan_night_mode
state: "on"
- entity: light.tuya_kitchen_main_lights
state: "off"
- entity: light.tuya_kitchen_secondary_lights
state: "on"
elements:
- type: image
image: /local/images/floorplan/kitchen_secondary_lights_on.png
tap_action: none
hold_action: none
style:
top: 29%
left: 18.4%
width: 23.6%
cursor: default
- type: conditional
conditions:
- entity: binary_sensor.floorplan_night_mode
state: "on"
- entity: light.tuya_kitchen_main_lights
state: "on"
- entity: light.tuya_kitchen_secondary_lights
state: "on"
elements:
- type: image
image: /local/images/floorplan/kitchen_all_lights_on.png
tap_action: none
hold_action: none
style:
top: 29%
left: 18.4%
width: 23.6%
cursor: default
# Hallway
- type: conditional
conditions:
- entity: binary_sensor.floorplan_night_mode
state: "on"
- entity: light.tuya_hallway_entrance_lights
state: "on"
- entity: light.tuya_hallway_main_lights
state: "off"
elements:
- type: image
image: /local/images/floorplan/hallway_entrance_lights_on.png
tap_action: none
hold_action: none
style:
top: 25.8%
left: 42.7%
width: 25.4%
cursor: default
- type: conditional
conditions:
- entity: binary_sensor.floorplan_night_mode
state: "on"
- entity: light.tuya_hallway_entrance_lights
state: "off"
- entity: light.tuya_hallway_main_lights
state: "on"
elements:
- type: image
image: /local/images/floorplan/hallway_main_lights_on.png
tap_action: none
hold_action: none
style:
top: 25.8%
left: 42.7%
width: 25.4%
cursor: default
- type: conditional
conditions:
- entity: binary_sensor.floorplan_night_mode
state: "on"
- entity: light.tuya_hallway_entrance_lights
state: "on"
- entity: light.tuya_hallway_main_lights
state: "on"
elements:
- type: image
image: /local/images/floorplan/hallway_all_lights_on.png
tap_action: none
hold_action: none
style:
top: 25.8%
left: 42.7%
width: 25.4%
cursor: default
@@ -0,0 +1,55 @@
- type: custom:decluttering-card
template: floorplan_state_icon
variables:
- entity: light.pc
- top: 69.8%
- left: 77.8%
- type: custom:decluttering-card
template: floorplan_state_icon
variables:
- entity: light.living_room_main_lights
- top: 69.8%
- left: 64.8%
- type: custom:decluttering-card
template: floorplan_state_icon
variables:
- entity: light.master_bedroom_main_lights
- top: 25%
- left: 69.5%
- type: custom:decluttering-card
template: floorplan_state_icon
variables:
- entity: light.bedside_light
- top: 11.7%
- left: 61.6%
- type: custom:decluttering-card
template: floorplan_state_icon
variables:
- entity: light.tuya_kitchen_secondary_lights
- top: 28%
- left: 12.9%
- type: custom:decluttering-card
template: floorplan_state_icon
variables:
- entity: light.tuya_kitchen_main_lights
- top: 29%
- left: 20.3%
- type: custom:decluttering-card
template: floorplan_state_icon
variables:
- entity: light.tuya_hallway_entrance_lights
- top: 26%
- left: 50.2%
- type: custom:decluttering-card
template: floorplan_state_icon
variables:
- entity: light.tuya_hallway_main_lights
- top: 41%
- left: 34.8%
@@ -0,0 +1,161 @@
# Living room ───────────────────────────────────────────────────────────────────────────
# Titanium
- type: custom:decluttering-card
template: floorplan_state_icon
variables:
- entity: binary_sensor.titanium
- top: 62%
- left: 81%
- tap_action:
action: call-service
service: script.titanium_start
# Platinum
- type: custom:decluttering-card
template: floorplan_state_icon
variables:
- entity: sensor.synology_dsm_type_volume_1
- top: 54%
- left: 75%
- tap_action:
action: more-info
# Shield + TV
- type: custom:decluttering-card
template: floorplan_state_with_icon
variables:
- entity: media_player.nvidia_shield
- top: 54%
- left: 60%
- icon: mdi:set-top-box
- tap_action:
action: more-info
# Camera
- type: custom:decluttering-card
template: floorplan_state_with_icon
variables:
- entity: switch.camera
- top: 83%
- left: 48%
- icon: mdi:video
- type: conditional
conditions:
- entity: binary_sensor.living_room_right_window_on_off_wrapper
state: "on"
elements:
- type: image
image: /local/images/floorplan/transparent.png
entity: binary_sensor.living_room_right_window_on_off_wrapper
style:
width: 7.8%
height: 8.4%
top: 70.5%
left: 79.3%
background-color: rgba(255,0,0,0.5)
color: transparent
transform: perspective(2000px) rotateX(174.6deg) rotateZ(0deg) rotateY(74.1deg)
# Master Bedroom ────────────────────────────────────────────────────────────────────────
# Puifier
- type: custom:decluttering-card
template: floorplan_state_icon
variables:
- entity: fan.philips_airpurifier
- top: 44.5%
- left: 62%
# Sonos
- type: custom:decluttering-card
template: floorplan_state_with_icon
variables:
- entity: media_player.master_bedroom
- top: 44.5%
- left: 66%
- icon: mdi:speaker
- tap_action:
action: more-info
# Window
- type: conditional
conditions:
- entity: binary_sensor.bedroom_right_window_on_off_wrapper
state: "on"
elements:
- type: image
image: /local/images/floorplan/transparent.png
entity: binary_sensor.bedroom_right_window_on_off_wrapper
style:
width: 7.5%
height: 8.2%
top: 32.6%
left: 79.2%
background-color: rgba(255,0,0,0.5)
color: transparent
transform: perspective(2000px) rotateX(185.6deg) rotateY(73.1deg)
# Temperature
- type: state-label
entity: sensor.bedroom_weather_temperature
style:
top: 38%
left: 74%
color: "#000"
border-radius: 6px
text-align: center
background-color: "rgba(255, 255, 255, 0.9)"
font-size: 13px
font-weight: bold
line-height: 8px
# Kitchen ────────────────────────────────────────────────────────────────────────
# Sonos
- type: custom:decluttering-card
template: floorplan_state_with_icon
variables:
- entity: media_player.kitchen
- top: 19%
- left: 16%
- icon: mdi:speaker
- tap_action:
action: more-info
# Motion
- type: custom:decluttering-card
template: floorplan_state_icon
variables:
- entity: binary_sensor.motion_1_ias_zone
- top: 34%
- left: 27%
- tap_action:
action: more-info
# Bathroom ────────────────────────────────────────────────────────────────────────
# Sonos
- type: custom:decluttering-card
template: floorplan_state_with_icon
variables:
- entity: media_player.bathroom
- top: 26%
- left: 39%
- icon: mdi:speaker
- tap_action:
action: more-info
# Hallway ────────────────────────────────────────────────────────────────────────
# Motion
- type: custom:decluttering-card
template: floorplan_state_icon
variables:
- entity: binary_sensor.motion_2_ias_zone
- top: 31%
- left: 54%
- tap_action:
action: more-info
@@ -0,0 +1,10 @@
# Dark mode override
- type: image
entity: input_boolean.floorplan_night_mode
tap_action:
action: toggle
image: /local/images/floorplan/transparent.png
style:
top: 1%
left: 1%
width: 10%
+452
View File
@@ -0,0 +1,452 @@
general_popup_style: &popup_style
'--ha-card-border-radius': 0 0 0.8em 0.8em
border-radius: 0.8em
opacity: 0.95
margin-bottom: 200px
broader_popup_style: &broad_popup_style
width: 40%
min-width: 500px
binary_sensor.motion_1_ias_zone:
title: Kitchen motion
style:
<<: *popup_style
<<: *broad_popup_style
card:
type: vertical-stack
cards:
- type: glance
entities:
- entity: binary_sensor.motion_1_ias_zone
- entity: sensor.motion_1_illuminance
- entity: binary_sensor.motion_1_occupancy
- entity: sensor.motion_1_power
- type: "custom:mini-graph-card"
animate: true
points_per_hour: 1
hours_to_show: 48
show:
graph: bar
average: true
extrema: true
entities:
- entity: sensor.motion_1_illuminance
binary_sensor.motion_2_ias_zone:
title: Hallway motion
style:
<<: *popup_style
<<: *broad_popup_style
card:
type: vertical-stack
cards:
- type: glance
entities:
- entity: binary_sensor.motion_2_ias_zone
- entity: sensor.motion_2_illuminance
- entity: binary_sensor.motion_2_occupancy
- entity: sensor.motion_2_power
- type: "custom:mini-graph-card"
animate: true
points_per_hour: 1
hours_to_show: 48
show:
graph: bar
average: true
extrema: true
entities:
- entity: sensor.motion_2_illuminance
switch.camera:
title: Security camera
style: *popup_style
card:
type: vertical-stack
cards:
- type: picture-entity
aspect_ratio: 50%
entity: camera.amcrest_camera
show_name: true
show_state: true
- type: entities
title: Camera Controls
show_header_toggle: false
entities:
- switch.camera
- binary_sensor.amcrest_camera_online
- binary_sensor.amcrest_camera_motion_detected
media_player.kitchen:
title: Kitchen Sonos
style: *popup_style
card:
type: custom:decluttering-card
template: sonos_media_player
variables:
- player: media_player.kitchen
media_player.bathroom:
title: Bathroom Sonos
style: *popup_style
card:
type: custom:decluttering-card
template: sonos_media_player
variables:
- player: media_player.bathroom
media_player.master_bedroom:
title: Master bedroom Sonos
style: *popup_style
card:
type: custom:decluttering-card
template: sonos_media_player
variables:
- player: media_player.master_bedroom
media_player.nvidia_shield:
title: TV
style: *popup_style
card:
type: vertical-stack
cards:
- type: custom:decluttering-card
template: sonos_media_player
variables:
- player: media_player.living_room
- type: "custom:mini-media-player"
entity: media_player.living_room_tv
- type: "custom:mini-media-player"
entity: media_player.nvidia_shield
light.living_room_main_lights:
title: Living room lights
style: *popup_style
card:
type: custom:mod-card
card:
type: custom:light-popup-card
entity: light.living_room_main_lights
fullscreen: false
actionsInARow: 2
actions:
- service: light.toggle
service_data:
entity_id: light.living_room_main_lights
color: "#ffffcc"
name: Toggle
sensor.bedroom_weather_temperature:
title: Bedroom climate
style:
<<: *popup_style
<<: *broad_popup_style
card:
type: vertical-stack
cards:
- type: "custom:mini-graph-card"
animate: true
line_width: 3
points_per_hour: 1
show:
average: true
extrema: true
entities:
- entity: sensor.bedroom_weather_temperature
name: Temperature
- type: horizontal-stack
cards:
- type: "custom:mini-graph-card"
name: Humidity
font_size: 75
icon: "mdi:water"
line_color: green
line_width: 8
entities:
- sensor.bedroom_weather_humidity
- type: "custom:mini-graph-card"
name: Pressure
entities:
- sensor.bedroom_weather_pressure
font_size: 75
line_color: var(--accent-color)
line_width: 8
- type: "custom:mini-graph-card"
name: Air Quality
font_size: 75
icon: "mdi:weather-windy"
line_color: "#e74c3c"
line_width: 8
entities:
- sensor.purifier_air_quality
fan.philips_airpurifier:
title: Bedroom air
style: *popup_style
card:
type: vertical-stack
cards:
- type: entities
show_header_toggle: false
entities:
- entity: fan.philips_airpurifier
name: Purifier Working
- type: custom:fold-entity-row
head:
type: custom:dummy-entity-row
entity: sensor.purifier_air_quality
name: Sensors
icon: mdi:air-purifier
open: true
entities:
- sensor.purifier_air_quality
- sensor.purifier_allergens
- sensor.purifier_temperature
- sensor.purifier_humidity
- sensor.purifier_water_level
- type: custom:fold-entity-row
head:
type: custom:dummy-entity-row
entity: sensor.purifier_speed
name: Mode
entities:
- sensor.purifier_speed
- sensor.purifier_mode
- sensor.purifier_brightness
- sensor.purifier_target_humidity
- type: custom:fold-entity-row
head:
type: custom:dummy-entity-row
entity: sensor.purifier_pre_filter
name: Filters
entities:
- sensor.purifier_pre_filter
- sensor.purifier_hepa_filter
- sensor.purifier_carbon_filter
- sensor.purifier_wick_filter
sensor.synology_dsm_type_volume_1:
title: Platinum
style:
<<: *popup_style
height: 80%
margin-bottom: 0;
card:
type: entities
style: |
#states > div:last-child {
margin: 0 -16px -16px -16px;
}
entities:
- type: custom:dummy-entity-row
entity: sensor.synology_dsm_cpu_load_total
name: Open admin UI
icon: mdi:firefox
tap_action:
action: url
url_path: http://platinum.lan:5000
- type: custom:fold-entity-row
head:
type: custom:decluttering-card
template: percentage_card
variables:
- name: CPU
- entity: sensor.synology_dsm_cpu_load_total
- icon: mdi:chip
- orange: 40
- red: 60
entities:
- entity: sensor.synology_dsm_cpu_load_system
name: CPU load (System)
- entity: sensor.synology_dsm_cpu_load_user
name: CPU load (User)
- entity: sensor.synology_dsm_cpu_load_other
name: CPU load (Other)
- entity: sensor.synology_dsm_cpu_load_1_min
name: CPU load (1 min)
- entity: sensor.synology_dsm_cpu_load_5_min
name: CPU load (5 min)
- entity: sensor.synology_dsm_cpu_load_15_min
name: CPU load (15 min)
- type: custom:fold-entity-row
head:
type: custom:decluttering-card
template: percentage_card
variables:
- name: Memory
- entity: sensor.synology_dsm_memory_usage_real
- icon: mdi:memory
- orange: 70
- red: 85
entities:
- entity: sensor.synology_dsm_memory_cached
name: Memory cached
- entity: sensor.synology_dsm_memory_size
name: Memory size
- entity: sensor.synology_dsm_memory_available_real
name: Memory available (Real)
- entity: sensor.synology_dsm_memory_total_real
name: Memory total (Real)
- entity: sensor.synology_dsm_memory_available_swap
name: Memory available (Swap)
- entity: sensor.synology_dsm_memory_total_swap
name: Memory total (Swap)
- type: custom:fold-entity-row
head:
type: custom:decluttering-card
template: percentage_card
variables:
- name: Volume 1
- entity: sensor.synology_dsm_volume_used_volume_1
- icon: mdi:harddisk
- orange: 85
- red: 90
entities:
- entity: sensor.synology_dsm_average_disk_temp_volume_1
name: Average temperature
- entity: sensor.synology_dsm_maximum_disk_temp_volume_1
name: Maximum temperature
- entity: sensor.synology_dsm_used_space_volume_1
name: Used space
- entity: sensor.synology_dsm_total_size_volume_1
name: Total size
- type: custom:fold-entity-row
head:
type: custom:decluttering-card
template: percentage_card
variables:
- name: Volume 2
- entity: sensor.synology_dsm_volume_used_volume_2
- icon: mdi:harddisk
- orange: 85
- red: 90
entities:
- entity: sensor.synology_dsm_average_disk_temp_volume_2
name: Average temperature
- entity: sensor.synology_dsm_maximum_disk_temp_volume_2
name: Maximum temperature
- entity: sensor.synology_dsm_used_space_volume_2
name: Used space
- entity: sensor.synology_dsm_total_size_volume_2
name: Total size
- type: custom:fold-entity-row
head:
entity: sensor.synology_dsm_status_sda
name: /sda
entities:
- entity: sensor.synology_dsm_temperature_sda
name: Temperature
- entity: sensor.synology_dsm_below_min_remaining_life_sda
name: Below minimum remaining life
- entity: sensor.synology_dsm_exceeded_max_bad_sectors_sda
name: Exceeded max bad sectors
- type: custom:fold-entity-row
head:
entity: sensor.synology_dsm_status_sdb
name: /sdb
entities:
- entity: sensor.synology_dsm_temperature_sdb
name: Temperature
- entity: sensor.synology_dsm_below_min_remaining_life_sdb
name: Below minimum remaining life
- entity: sensor.synology_dsm_exceeded_max_bad_sectors_sdb
name: Exceeded max bad sectors
- type: custom:fold-entity-row
head:
entity: sensor.synology_dsm_status_sdc
name: /sdc
entities:
- entity: sensor.synology_dsm_temperature_sdc
name: Temperature
- entity: sensor.synology_dsm_below_min_remaining_life_sdc
name: Below minimum remaining life
- entity: sensor.synology_dsm_exceeded_max_bad_sectors_sdc
name: Exceeded max bad sectors
- type: custom:fold-entity-row
head:
entity: sensor.synology_dsm_status_sdd
name: /sdd
entities:
- entity: sensor.synology_dsm_temperature_sdd
name: Temperature
- entity: sensor.synology_dsm_below_min_remaining_life_sdd
name: Below minimum remaining life
- entity: sensor.synology_dsm_exceeded_max_bad_sectors_sdd
name: Exceeded max bad sectors
- type: custom:hui-horizontal-stack-card
cards:
- type: entities
entities:
- entity: sensor.synology_dsm_network_down
name: Down
style: |
:host {
--paper-item-icon-color: green;
}
style: &network-indicator-style
.: |
ha-card {
box-shadow: none;
background: none;
margin-top: -1.4em;
max-height: 1px;
z-index: 2;
}
"#states div":
hui-sensor-entity-row:
$:
hui-generic-entity-row:
$: |
.info {
margin-left: 0 !important;
flex-grow: 0 !important;
text-overflow: unset !important;
white-space: unset !important;
}
- type: entities
entities:
- entity: sensor.synology_dsm_network_up
name: Up
style: |
:host {
--paper-item-icon-color: var(--accent-color);
}
style: *network-indicator-style
- type: custom:mini-graph-card
align_state: left
entities:
- color: var(--accent-color)
entity: sensor.synology_dsm_network_up
- color: green
entity: sensor.synology_dsm_network_down
group: false
points_per_hour: 1
line_width: 3
hour24: true
hours_to_show: 24
show:
fill: fade
icon: false
name: false
state: false
name_adaptive_color: true
labels: hover
legend: false
tap_action:
action: none
+6 -4
View File
@@ -14,6 +14,8 @@
url: /hacsfiles/hass-bha-icons/hass-bha-icons.js
- type: module
url: /hacsfiles/light-entity-card/light-entity-card.js
- type: module
url: /hacsfiles/light-popup-card/light-popup-card.js
- type: module
url: /hacsfiles/lovelace-battery-entity/battery-entity.js
- type: module
@@ -22,6 +24,8 @@
url: /hacsfiles/lovelace-dummy-entity-row/dummy-entity-row.js
- type: module
url: /hacsfiles/lovelace-fold-entity-row/fold-entity-row.js
- type: module
url: /hacsfiles/lovelace-folder-card/folder-card.js
- type: module
url: /hacsfiles/lovelace-layout-card/layout-card.js
- type: module
@@ -36,11 +40,9 @@
url: /hacsfiles/mini-graph-card/mini-graph-card-bundle.js
- type: module
url: /hacsfiles/mini-media-player/mini-media-player-bundle.js
- type: module
url: /hacsfiles/popup-backdrop-filter/popup-backdrop-filter.js
- type: module
url: /hacsfiles/travel-time-card/travel-time-card.js
- type: module
url: /hacsfiles/weather-card/weather-card.js
- type: module
url: /hacsfiles/lovelace-folder-card/folder-card.js
- type: module
url: /hacsfiles/light-popup-card/light-popup-card.js
+1 -19
View File
@@ -3,25 +3,7 @@ custom_header:
decluttering_templates: !include_dir_merge_named lovelace/decluttering_templates
button_card_templates: !include_dir_merge_named lovelace/button_card_templates
popup_cards:
light.ceiling_lights:
title: Ceiling lights
style:
padding-bottom: 30px
card:
type: custom:mod-card
card:
type: custom:light-popup-card
entity: light.ceiling_lights
fullscreen: false
actionsInARow: 2
actions:
- service: light.toggle
service_data:
entity_id: light.ceiling_lights
color: "#ffffcc"
name: Toggle
popup_cards: !include lovelace/popup_cards.yaml
title: Tablet
views: