diff --git a/config/floorplan-lovelace.yaml b/config/floorplan-lovelace.yaml index e1ad7d1..631d14b 100644 --- a/config/floorplan-lovelace.yaml +++ b/config/floorplan-lovelace.yaml @@ -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 diff --git a/config/lovelace/decluttering_templates/floorplan_state_icon.yaml b/config/lovelace/decluttering_templates/floorplan_state_icon.yaml index 74a8662..940f85c 100644 --- a/config/lovelace/decluttering_templates/floorplan_state_icon.yaml +++ b/config/lovelace/decluttering_templates/floorplan_state_icon.yaml @@ -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]]" diff --git a/config/lovelace/floorplan-dashboard/picture_elements/light_overlays.yaml b/config/lovelace/floorplan-dashboard/picture_elements/light_overlays.yaml new file mode 100644 index 0000000..8955ee3 --- /dev/null +++ b/config/lovelace/floorplan-dashboard/picture_elements/light_overlays.yaml @@ -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 diff --git a/config/lovelace/floorplan-dashboard/picture_elements/light_switches.yaml b/config/lovelace/floorplan-dashboard/picture_elements/light_switches.yaml new file mode 100644 index 0000000..0b7f85b --- /dev/null +++ b/config/lovelace/floorplan-dashboard/picture_elements/light_switches.yaml @@ -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% diff --git a/config/lovelace/floorplan-dashboard/picture_elements/sensors.yaml b/config/lovelace/floorplan-dashboard/picture_elements/sensors.yaml new file mode 100644 index 0000000..62091e9 --- /dev/null +++ b/config/lovelace/floorplan-dashboard/picture_elements/sensors.yaml @@ -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 diff --git a/config/lovelace/floorplan-dashboard/picture_elements/system.yaml b/config/lovelace/floorplan-dashboard/picture_elements/system.yaml new file mode 100644 index 0000000..893c8ce --- /dev/null +++ b/config/lovelace/floorplan-dashboard/picture_elements/system.yaml @@ -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% diff --git a/config/lovelace/popup_cards.yaml b/config/lovelace/popup_cards.yaml new file mode 100644 index 0000000..44d3466 --- /dev/null +++ b/config/lovelace/popup_cards.yaml @@ -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 diff --git a/config/lovelace/resources.yaml b/config/lovelace/resources.yaml index defbf30..c4d3c39 100644 --- a/config/lovelace/resources.yaml +++ b/config/lovelace/resources.yaml @@ -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 diff --git a/config/tablet-lovelace.yaml b/config/tablet-lovelace.yaml index 6c3f5a5..55a63af 100644 --- a/config/tablet-lovelace.yaml +++ b/config/tablet-lovelace.yaml @@ -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: