Browse Source

Added custom lovelace UI

master
Teknikode 2 years ago
parent
commit
9ead4a3567
  1. 3
      configuration.yaml
  2. 46
      lovelace/views/automation.yaml
  3. 139
      lovelace/views/cameras.yaml
  4. 53
      lovelace/views/devices.yaml
  5. 118
      lovelace/views/hardware.yaml
  6. 107
      lovelace/views/home.yaml
  7. 17
      lovelace/views/media.yaml
  8. 12
      ui-lovelace.yaml

3
configuration.yaml

@ -38,6 +38,9 @@ recorder: @@ -38,6 +38,9 @@ recorder:
frontend:
themes: !include_dir_merge_named themes
lovelace:
mode: yaml
# Enables configuration UI
config:

46
lovelace/views/automation.yaml

@ -0,0 +1,46 @@ @@ -0,0 +1,46 @@
title: Automation
icon: 'mdi:code-braces'
path: automation
badges: []
cards:
- type: entities
entities:
- entity: switch.bedtime_routine
- type: section
- entity: switch.kodi_light_dim
- type: section
- entity: switch.irrigation_automation
- type: section
- entity: switch.kitchen_auto_lights
- entity: switch.hallway_auto_lights
- entity: switch.bedroom_auto_lights
- entity: switch.front_porch_auto_lights
- entity: switch.back_porch_auto_lights
- entity: switch.back_patio_auto_lights
show_header_toggle: false
- type: entities
entities:
- text: Living Room
type: 'custom:text-divider-row'
- entity: input_number.living_room_home_temp
name: Home
- entity: input_number.living_room_away_temp
name: Away
- entity: input_number.living_room_bedtime_temp
name: Bedtime
- text: Bedroom
type: 'custom:text-divider-row'
- entity: input_number.bedroom_home_temp
name: Home
- entity: input_number.bedroom_away_temp
name: Away
- entity: input_number.bedroom_bedtime_temp
name: Bedtime
- text: Office
type: 'custom:text-divider-row'
- entity: input_number.office_home_temp
name: Home
- entity: input_number.office_away_temp
name: Away
- entity: input_number.office_bedtime_temp
name: Bedtime

139
lovelace/views/cameras.yaml

@ -0,0 +1,139 @@ @@ -0,0 +1,139 @@
title: Cameras
icon: 'mdi:cctv'
panel: false
path: cameras
badges: []
cards:
- type: picture-elements
camera_image: camera.living_room_camera
camera_view: live
elements:
- type: icon
icon: 'mdi:arrow-up'
style:
background: 'rgba(255, 255, 255, 0.25)'
bottom: 50px
right: 25px
tap_action:
action: call-service
service: amcrest.ptz_control
service_data:
entity_id: camera.living_room_camera
movement: up
- type: icon
icon: 'mdi:arrow-down'
style:
background: 'rgba(255, 255, 255, 0.25)'
bottom: 0px
right: 25px
tap_action:
action: call-service
service: amcrest.ptz_control
service_data:
entity_id: camera.living_room_camera
movement: down
- type: icon
icon: 'mdi:arrow-left'
style:
background: 'rgba(255, 255, 255, 0.25)'
bottom: 25px
right: 50px
tap_action:
action: call-service
service: amcrest.ptz_control
service_data:
entity_id: camera.living_room_camera
movement: left
- type: icon
icon: 'mdi:arrow-right'
style:
background: 'rgba(255, 255, 255, 0.25)'
bottom: 25px
right: 0px
tap_action:
action: call-service
service: amcrest.ptz_control
service_data:
entity_id: camera.living_room_camera
movement: right
- type: icon
icon: 'mdi:arrow-top-left'
style:
background: 'rgba(255, 255, 255, 0.25)'
bottom: 50px
right: 50px
tap_action:
action: call-service
service: amcrest.ptz_control
service_data:
entity_id: camera.living_room_camera
movement: left_up
- type: icon
icon: 'mdi:arrow-top-right'
style:
background: 'rgba(255, 255, 255, 0.25)'
bottom: 50px
right: 0px
tap_action:
action: call-service
service: amcrest.ptz_control
service_data:
entity_id: camera.living_room_camera
movement: right_up
- type: icon
icon: 'mdi:arrow-bottom-left'
style:
background: 'rgba(255, 255, 255, 0.25)'
bottom: 0px
right: 50px
tap_action:
action: call-service
service: amcrest.ptz_control
service_data:
entity_id: camera.living_room_camera
movement: left_down
- type: icon
icon: 'mdi:arrow-bottom-right'
style:
background: 'rgba(255, 255, 255, 0.25)'
bottom: 0px
right: 0px
tap_action:
action: call-service
service: amcrest.ptz_control
service_data:
entity_id: camera.living_room_camera
movement: right_down
- type: icon
hold_action:
action: call-service
service: amcrest.ptz_control
service_data:
entity_id: camera.living_room_camera
movement: zoom_out
icon: 'mdi:magnify'
style:
background: 'rgba(255, 255, 255, 0.25)'
bottom: 25px
right: 25px
tap_action:
action: call-service
service: amcrest.ptz_control
service_data:
entity_id: camera.living_room_camera
movement: zoom_in
entity: camera.living_room_camera
- type: picture-glance
aspect_ratio: 0%
camera_image: camera.backyard_camera
camera_view: live
entities:
- camera.backyard_camera
hold_action:
action: more-info
- type: picture-glance
aspect_ratio: 0%
camera_image: camera.front_doorbell
camera_view: live
entities:
- entity: camera.front_doorbell

53
lovelace/views/devices.yaml

@ -0,0 +1,53 @@ @@ -0,0 +1,53 @@
title: Devices
icon: 'mdi:devices'
panel: false
path: devices
badges: []
cards:
- type: 'custom:battery-state-card'
color_gradient:
- '#ff0000'
- '#ffff00'
- '#00ff00'
entities:
- entity: binary_sensor.wyze_front_porch_motion
name: Front Porch Motion Sensor
- entity: binary_sensor.wyze_stairwell_motion
name: Stairwell Motion Sensor
- entity: binary_sensor.wyze_hallway_motion
name: Hallway Motion Sensor
- entity: binary_sensor.wyze_kitchen_motion
name: Kitchen Motion Sensor
- entity: binary_sensor.wyze_bedroom_motion
name: Bedroom Motion Sensor
- entity: binary_sensor.wyze_office_motion
name: Office Motion Sensor
- entity: binary_sensor.wyze_back_porch_motion
name: Back Porch Motion Sensor
- entity: binary_sensor.wyze_patio_door
name: Back Patio Door
- entity: sensor.front_door_battery
name: Front Door Lock
- entity: sensor.front_door_keypad_battery
name: Front Door Keypad
- entity: sensor.battery_level_backyard_hose_timer
name: Backyard Hose Timer
- entity: sensor.spruce_garden_power
name: Garden Moisture Sensor
- entity: sensor.spruce_strawberry_power
name: Strawberry Moisture Sensor
- entity: vacuum.sir_sucksalot
charging_state:
attribute:
- name: status
value: Charging
icon: 'mdi:flash'
name: Sir SucksAlot
title: Device Battery Levels
- type: 'custom:vacuum-card'
compact_view: false
entity: vacuum.sir_sucksalot
image: default
map: camera.sir_sucksalot_cleaning_map
show_name: true
show_toolbar: true

118
lovelace/views/hardware.yaml

@ -0,0 +1,118 @@ @@ -0,0 +1,118 @@
title: Hardware
icon: 'mdi:server'
panel: false
path: hardware
badges: []
cards:
- type: vertical-stack
cards:
- type: gauge
entity: sensor.wan_in
max: 1000
min: 0
name: WAN In
- type: 'custom:mini-graph-card'
color_thresholds:
- color: '#018001'
value: 200
- color: '#307ffd'
value: 300
- color: '#ff9801'
value: 500
- color: '#f39c12'
value: 750
- color: '#d35400'
value: 800
- color: '#c0392b'
value: 1000
entities:
- sensor.wan_in
hours_to_show: 0.1
lower_bound: 0
name: WAN In
points_per_hour: 3600
upper_bound: 1000
- type: vertical-stack
cards:
- type: gauge
entity: sensor.wan_out
max: 1000
min: 0
name: WAN Out
- type: 'custom:mini-graph-card'
color_thresholds:
- color: '#018001'
value: 200
- color: '#307ffd'
value: 300
- color: '#ff9801'
value: 500
- color: '#f39c12'
value: 750
- color: '#d35400'
value: 800
- color: '#c0392b'
value: 1000
entities:
- sensor.wan_out
hours_to_show: 0.1
lower_bound: 0
name: WAN Out
points_per_hour: 3600
upper_bound: 1000
- type: 'custom:vertical-stack-in-card'
cards:
- type: 'custom:banner-card'
heading:
- Storage Server
- type: 'custom:multiple-entity-row'
name: Memory
entities:
- entity: sensor.storage_generic_memory_data_used_memory
name: Used
- entity: sensor.storage_generic_memory_data_available_memory
name: Available
entity: sensor.storage_generic_memory_load_memory
- type: 'custom:multiple-entity-row'
entities:
- entity: sensor.storage_intel_xeon_e5_2650_v2_load_cpu_total
name: CPU 1
- entity: sensor.storage_intel_xeon_e5_2650_v2_load_cpu_total_2
name: CPU 2
entity: sensor.storage_intel_xeon_e5_2650_v2_load_cpu_total
name: CPU
show_state: false
- type: 'custom:multiple-entity-row'
entities:
- entity: sensor.storage_intel_xeon_e5_2650_v2_temperatures_cpu_package
name: CPU 1
- entity: >-
sensor.storage_intel_xeon_e5_2650_v2_temperatures_cpu_package_2
name: CPU 2
entity: sensor.storage_intel_xeon_e5_2650_v2_load_cpu_total
name: Temperature
show_state: false
- type: 'custom:banner-card'
heading:
- App-Runner Server
- type: 'custom:multiple-entity-row'
entities:
- entity: sensor.app_runner_generic_memory_data_used_memory
name: Used
- entity: sensor.app_runner_generic_memory_data_available_memory
name: Available
entity: sensor.app_runner_generic_memory_load_memory
name: Memory
- type: 'custom:multiple-entity-row'
entities:
- entity: sensor.app_runner_intel_xeon_x5650_load_cpu_total
name: CPU 1
- entity: sensor.app_runner_intel_xeon_x5650_load_cpu_total_2
name: CPU 2
entity: sensor.app_runner_intel_xeon_x5650_load_cpu_total
name: CPU
show_state: false
- type: sensor
entity: sensor.lumi_weather_server_temperature
graph: line
name: Server Enclosure Temp

107
lovelace/views/home.yaml

@ -0,0 +1,107 @@ @@ -0,0 +1,107 @@
title: default_view
icon: 'mdi:home'
path: default_view
badges: []
cards:
- type: entities
entities:
- entity: person.chris
- entity: lock.front_door
- entity: binary_sensor.front_door_open
- entity: binary_sensor.wyze_patio_door
- entity: input_boolean.in_bed
- type: vertical-stack
cards:
- type: 'custom:banner-card'
heading:
- Lights
- type: entities
entities:
- entity: light.living_room_lamp_large
toggle: true
type: 'custom:slider-entity-row'
- entity: light.living_room_lamp_small
toggle: true
type: 'custom:slider-entity-row'
- entity: light.living_room_ceiling_lights
toggle: true
type: 'custom:slider-entity-row'
- entity: light.kitchen_ceiling_lights
toggle: true
type: 'custom:slider-entity-row'
- entity: light.entry_way_light
toggle: true
type: 'custom:slider-entity-row'
- entity: light.bedroom_ceiling_light
- entity: light.hallway_light
- entity: light.front_porch_light
- entity: light.back_porch_light
- entity: light.back_patio_lights
- entity: light.fountain_lights
show_header_toggle: false
- type: vertical-stack
cards:
- type: horizontal-stack
cards:
- type: thermostat
entity: climate.mysa_living_room
name: Living Room
- type: thermostat
entity: climate.mysa_bedroom
name: Bedroom
- type: thermostat
entity: climate.mysa_office
name: Office
- type: sensor
entity: sensor.lumi_back_porch_temp
graph: line
name: Back Patio
- type: sensor
entity: sensor.lumi_weather_kitchen_temperature
graph: line
name: Kitchen
- type: sensor
entity: sensor.lumi_weather_living_room_temperature
graph: line
name: Living Room
- type: sensor
entity: sensor.lumi_weather_upper_bathroom_temperature
graph: line
name: Upper Bathroom
- type: vertical-stack
cards:
- type: 'custom:banner-card'
heading:
- Garden
- type: horizontal-stack
cards:
- type: 'custom:mini-graph-card'
entities:
- sensor.spruce_garden_humidity
hours_to_show: 24
name: Moisture
points_per_hour: 60
- type: 'custom:mini-graph-card'
entities:
- sensor.spruce_garden_temperature
hours_to_show: 24
name: Temperature
points_per_hour: 60
- type: 'custom:banner-card'
heading:
- Strawberries
- type: horizontal-stack
cards:
- type: 'custom:mini-graph-card'
entities:
- sensor.spruce_strawberry_humidity
hours_to_show: 24
name: Moisture
points_per_hour: 60
- type: 'custom:mini-graph-card'
entities:
- sensor.spruce_strawberry_temperature
hours_to_show: 24
name: Temperature
points_per_hour: 60

17
lovelace/views/media.yaml

@ -0,0 +1,17 @@ @@ -0,0 +1,17 @@
title: Media
icon: 'mdi:television-play'
path: media
badges: []
cards:
- type: media-control
entity: media_player.spotify_uncled1023
- type: entities
entities:
- type: 'custom:slider-entity-row'
entity: media_player.spotify_uncled1023
full_row: true
hide_state: true
- type: media-control
entity: media_player.kodi
- type: media-control
entity: media_player.sony_bravia_tv

12
ui-lovelace.yaml

@ -0,0 +1,12 @@ @@ -0,0 +1,12 @@
custom_header:
compact_mode: true
hide_help: true
voice_hide: true
title: Home
views:
- !include /lovelace/views/home.yaml
- !include /lovelace/views/media.yaml
- !include /lovelace/views/hardware.yaml
- !include /lovelace/views/devices.yaml
- !include /lovelace/views/cameras.yaml
- !include /lovelace/views/automation.yaml
Loading…
Cancel
Save