initial commit
This commit is contained in:
commit
865a27fb6e
GPG Key ID:
4E692A2EAECC03C0
5
.gitignore
vendored
Normal file
5
.gitignore
vendored
Normal file
@ -0,0 +1,5 @@
|
||||
.cloud
|
||||
.storage
|
||||
.HA_VERSION
|
||||
.vscode
|
||||
home-assistant.log*
|
||||
67
automations.yaml
Normal file
67
automations.yaml
Normal file
@ -0,0 +1,67 @@
|
||||
- id: bf5457c9-3494-49e7-b504-cab0587be871
|
||||
alias: Starte Staubsauger
|
||||
triggers:
|
||||
- trigger: device
|
||||
domain: mqtt
|
||||
device_id: 61b011e2e7d5e928721d8d804a029f61
|
||||
type: action
|
||||
subtype: "on"
|
||||
discovery_id: 0x84ba20fffec78752 action_on
|
||||
actions:
|
||||
- action: vacuum.start
|
||||
data: {}
|
||||
target:
|
||||
entity_id: vacuum.valetudo_rockrobo
|
||||
- id: 43b801fb-5c9c-4ffc-95dc-19d2b9481220
|
||||
alias: Stoppe Staubsauger
|
||||
triggers:
|
||||
- trigger: device
|
||||
domain: mqtt
|
||||
device_id: 61b011e2e7d5e928721d8d804a029f61
|
||||
type: action
|
||||
subtype: "off"
|
||||
discovery_id: 0x84ba20fffec78752 action_off
|
||||
actions:
|
||||
- action: vacuum.stop
|
||||
data: {}
|
||||
target:
|
||||
entity_id: vacuum.valetudo_rockrobo
|
||||
- delay:
|
||||
hours: 0
|
||||
minutes: 0
|
||||
seconds: 1
|
||||
milliseconds: 0
|
||||
- action: vacuum.return_to_base
|
||||
data: {}
|
||||
target:
|
||||
entity_id: vacuum.valetudo_rockrobo
|
||||
- id: "1663339760495"
|
||||
alias: Küchenlicht
|
||||
description: ""
|
||||
triggers:
|
||||
- trigger: device
|
||||
domain: mqtt
|
||||
device_id: 38263dfd56578dee9dd9a3280c35b93c
|
||||
type: action
|
||||
subtype: "on"
|
||||
discovery_id: 0x84ba20fffec78685 action_on
|
||||
actions:
|
||||
- action: light.toggle
|
||||
data: {}
|
||||
target:
|
||||
entity_id: light.kitchen_lamp_cupboard
|
||||
- id: "1663340113742"
|
||||
alias: Wohnungslicht
|
||||
description: ""
|
||||
triggers:
|
||||
- trigger: device
|
||||
domain: mqtt
|
||||
device_id: 297c78d9dfaa819f51afb47af9fb5200
|
||||
type: action
|
||||
subtype: "on"
|
||||
discovery_id: 0x84ba20fffecacb5e action_on
|
||||
actions:
|
||||
- action: light.toggle
|
||||
data: {}
|
||||
target:
|
||||
entity_id: light.all
|
||||
69
configuration.yaml
Normal file
69
configuration.yaml
Normal file
@ -0,0 +1,69 @@
|
||||
---
|
||||
homeassistant:
|
||||
auth_providers:
|
||||
- type: trusted_networks
|
||||
trusted_networks:
|
||||
- 10.168.64.0/25
|
||||
customize: !include_dir_merge_named customize/named/
|
||||
customize_glob: !include_dir_merge_named customize/glob/
|
||||
packages: !include_dir_merge_named packages/
|
||||
|
||||
http:
|
||||
use_x_forwarded_for: True
|
||||
trusted_proxies:
|
||||
- 127.0.0.1
|
||||
- 172.16.0.0/16
|
||||
|
||||
recorder:
|
||||
auto_purge: True
|
||||
purge_keep_days: 30
|
||||
db_url: !env_var HA_RECORDER_DB_URL
|
||||
|
||||
lovelace:
|
||||
mode: yaml
|
||||
|
||||
resources:
|
||||
- url: /local/plugins/slider-entity-row.js
|
||||
type: module
|
||||
- url: /local/plugins/card-tools.js
|
||||
type: module
|
||||
- url: /local/plugins/fold-entity-row.js
|
||||
type: module
|
||||
- url: /local/plugins/vertical-stack-in-card.js
|
||||
type: module
|
||||
- url: /local/plugins/button-card.js
|
||||
type: module
|
||||
- url: /local/plugins/vacuum-card.js
|
||||
type: module
|
||||
- url: /local/plugins/valetudo-map-card.js
|
||||
type: module
|
||||
- url: /local/plugins/weather-card.js
|
||||
type: module
|
||||
- url: /local/plugins/multiple-entity-row.js
|
||||
type: module
|
||||
- url: /local/plugins/auto-entities.js
|
||||
type: module
|
||||
|
||||
# Configure a default setup of Home Assistant (frontend, api, etc)
|
||||
default_config:
|
||||
|
||||
# Text to speech
|
||||
tts:
|
||||
- platform: google_translate
|
||||
|
||||
light:
|
||||
- platform: group
|
||||
name: all
|
||||
entities:
|
||||
# - light.bedroom_light
|
||||
- light.livingroom_light
|
||||
- light.office_light
|
||||
- light.hall_light
|
||||
- light.bath_light
|
||||
|
||||
group: !include groups.yaml
|
||||
automation: !include automations.yaml
|
||||
script: !include scripts.yaml
|
||||
scene: !include scenes.yaml
|
||||
|
||||
template: !include_dir_merge_list templates/
|
||||
7
customize/glob/bath.yaml
Normal file
7
customize/glob/bath.yaml
Normal file
@ -0,0 +1,7 @@
|
||||
"light.bath_light":
|
||||
friendly_name: Alle Lampen
|
||||
"*.bath_lamp_sideboard":
|
||||
friendly_name: Sideboard
|
||||
|
||||
"*.bath_sensor_air_quality*":
|
||||
friendly_name: Bad Luftqualität
|
||||
6
customize/glob/bedroom.yaml
Normal file
6
customize/glob/bedroom.yaml
Normal file
@ -0,0 +1,6 @@
|
||||
"light.bedroom_light":
|
||||
friendly_name: Alle Lampen
|
||||
"*.bedroom_lamp_nightstand_left":
|
||||
friendly_name: Nachttisch (links)
|
||||
"*.bedroom_lamp_nightstand_right":
|
||||
friendly_name: Nachttisch (rechts)
|
||||
2
customize/glob/general.yaml
Normal file
2
customize/glob/general.yaml
Normal file
@ -0,0 +1,2 @@
|
||||
"light.all":
|
||||
friendly_name: Alle Lampen
|
||||
13
customize/glob/hall.yaml
Normal file
13
customize/glob/hall.yaml
Normal file
@ -0,0 +1,13 @@
|
||||
"light.hall_light":
|
||||
friendly_name: Alle Lampen
|
||||
"*.hall_lamp_sideboard":
|
||||
friendly_name: Sideboard
|
||||
|
||||
"*.hall_sensor_temperature_mediacabinet*":
|
||||
friendly_name: Multimediaschrank Temperatur
|
||||
|
||||
"*.hall_switch_roborock*":
|
||||
friendly_name: Staubsauger Button
|
||||
|
||||
"*.hall_switch_lamp_all*":
|
||||
friendly_name: Alle Lampen Button
|
||||
8
customize/glob/kitchen.yaml
Normal file
8
customize/glob/kitchen.yaml
Normal file
@ -0,0 +1,8 @@
|
||||
"*.kitchen_lamp_cupboard":
|
||||
friendly_name: Küchenzeile
|
||||
|
||||
"*.kitchen_sensor_temperature_fridge*":
|
||||
friendly_name: Kühlschrank Temperatur
|
||||
|
||||
"*.kitchen_switch_lamp_cupboard*":
|
||||
friendly_name: Küchenzeile Button
|
||||
11
customize/glob/livingroom.yaml
Normal file
11
customize/glob/livingroom.yaml
Normal file
@ -0,0 +1,11 @@
|
||||
"light.livingroom_light":
|
||||
friendly_name: Alle Lampen
|
||||
"*.livingroom_lamp_bookshelf":
|
||||
friendly_name: Bücherregal
|
||||
"*.livingroom_lamp_floor":
|
||||
friendly_name: Stehlampe
|
||||
"*.livingroom_lamp_ambience":
|
||||
friendly_name: Ambiente
|
||||
|
||||
"*.livingroom_sensor_temperature*":
|
||||
friendly_name: Wohnzimmer Temperatur
|
||||
9
customize/glob/office.yaml
Normal file
9
customize/glob/office.yaml
Normal file
@ -0,0 +1,9 @@
|
||||
"light.office_light":
|
||||
friendly_name: Alle Lampen
|
||||
"*.office_lamp_bookshelf":
|
||||
friendly_name: Bücherregal
|
||||
"*.office_lamp_floor":
|
||||
friendly_name: Stehlampe
|
||||
|
||||
"*.office_sensor_air_quality*":
|
||||
friendly_name: Büro Luftqualität
|
||||
0
groups.yaml
Normal file
0
groups.yaml
Normal file
66
lovelace/views/view_0_home.yaml
Normal file
66
lovelace/views/view_0_home.yaml
Normal file
@ -0,0 +1,66 @@
|
||||
- title: Home
|
||||
id: light
|
||||
icon: mdi:home
|
||||
cards:
|
||||
- type: custom:weather-card
|
||||
entity: weather.forecast_home
|
||||
current: true
|
||||
details: false
|
||||
forecast: true
|
||||
hourly_forecast: false
|
||||
number_of_forecasts: 5
|
||||
|
||||
- type: entities
|
||||
title: Status
|
||||
entities:
|
||||
- entity: light.all
|
||||
name: Licht
|
||||
|
||||
- type: section
|
||||
label: Wohnzimmer
|
||||
- entity: sensor.livingroom_sensor_temperature_temperature
|
||||
name: Luft
|
||||
icon: mdi:air-filter
|
||||
show_state: false
|
||||
type: custom:multiple-entity-row
|
||||
entities:
|
||||
- entity: sensor.livingroom_sensor_temperature_temperature
|
||||
name: Temperatur
|
||||
- entity: sensor.livingroom_sensor_temperature_humidity
|
||||
name: Feuchtigkeit
|
||||
|
||||
- type: section
|
||||
label: Küche
|
||||
- entity: binary_sensor.ki_fridge_door_sensor_contact_state
|
||||
name: Kühlschrank
|
||||
show_state: false
|
||||
type: custom:multiple-entity-row
|
||||
entities:
|
||||
- entity: sensor.kitchen_sensor_temperature_fridge_temperature
|
||||
name: Temperatur
|
||||
- entity: sensor.kitchen_sensor_temperature_fridge_humidity
|
||||
name: Feuchtigkeit
|
||||
|
||||
- type: section
|
||||
label: Büro
|
||||
- entity: sensor.office_sensor_air_quality_rating
|
||||
name: Luftqualität
|
||||
|
||||
type: custom:multiple-entity-row
|
||||
entities:
|
||||
- entity: sensor.office_sensor_air_quality_temperature
|
||||
name: Temperatur
|
||||
- entity: sensor.office_sensor_air_quality_humidity
|
||||
name: Feuchtigkeit
|
||||
|
||||
- type: section
|
||||
label: Bad
|
||||
- entity: sensor.bath_sensor_air_quality_rating
|
||||
name: Luftqualität
|
||||
|
||||
type: custom:multiple-entity-row
|
||||
entities:
|
||||
- entity: sensor.bath_sensor_air_quality_temperature
|
||||
name: Temperatur
|
||||
- entity: sensor.bath_sensor_air_quality_humidity
|
||||
name: Feuchtigkeit
|
||||
113
lovelace/views/view_10_light.yaml
Normal file
113
lovelace/views/view_10_light.yaml
Normal file
@ -0,0 +1,113 @@
|
||||
- title: Licht
|
||||
id: light
|
||||
icon: mdi:lightbulb-outline
|
||||
cards:
|
||||
- type: entities
|
||||
title: Wohnzimmer
|
||||
id: livingroom
|
||||
show_header_toggle: false
|
||||
entities:
|
||||
- entity: light.livingroom_light
|
||||
- type: custom:fold-entity-row
|
||||
head:
|
||||
type: section
|
||||
label: Lampen
|
||||
items:
|
||||
# livingroom_lamp_bookshelf
|
||||
- entity: light.livingroom_lamp_bookshelf
|
||||
- type: custom:slider-entity-row
|
||||
entity: light.livingroom_lamp_bookshelf
|
||||
full_row: true
|
||||
# livingroom_lamp_floor
|
||||
- entity: light.livingroom_lamp_floor
|
||||
- type: custom:slider-entity-row
|
||||
entity: light.livingroom_lamp_floor
|
||||
full_row: true
|
||||
# livingroom_lamp_ambience
|
||||
- entity: light.livingroom_lamp_ambience
|
||||
- type: custom:slider-entity-row
|
||||
entity: light.livingroom_lamp_ambience
|
||||
full_row: true
|
||||
# kitchen_lamp_cupboard
|
||||
- entity: light.kitchen_lamp_cupboard
|
||||
- type: custom:slider-entity-row
|
||||
entity: light.kitchen_lamp_cupboard
|
||||
full_row: true
|
||||
|
||||
- type: entities
|
||||
title: Büro
|
||||
id: office
|
||||
show_header_toggle: false
|
||||
entities:
|
||||
- entity: light.office_light
|
||||
- type: custom:fold-entity-row
|
||||
head:
|
||||
type: section
|
||||
label: Lampen
|
||||
items:
|
||||
# office_lamp_bookshelf
|
||||
- entity: light.office_lamp_bookshelf
|
||||
- type: custom:slider-entity-row
|
||||
entity: light.office_lamp_bookshelf
|
||||
full_row: true
|
||||
# office_lamp_floor
|
||||
- entity: light.office_lamp_floor
|
||||
- type: custom:slider-entity-row
|
||||
entity: light.office_lamp_floor
|
||||
full_row: true
|
||||
|
||||
- type: entities
|
||||
title: Schlafzimmer
|
||||
id: bedroom
|
||||
show_header_toggle: false
|
||||
entities:
|
||||
- entity: light.bedroom_light
|
||||
- type: custom:fold-entity-row
|
||||
head:
|
||||
type: section
|
||||
label: Lampen
|
||||
items:
|
||||
# bedroom_lamp_nightstand_right
|
||||
- entity: light.bedroom_lamp_nightstand_right
|
||||
- type: custom:slider-entity-row
|
||||
entity: light.bedroom_lamp_nightstand_right
|
||||
full_row: true
|
||||
# bedroom_lamp_nightstand_left
|
||||
- entity: light.bedroom_lamp_nightstand_left
|
||||
- type: custom:slider-entity-row
|
||||
entity: light.bedroom_lamp_nightstand_left
|
||||
full_row: true
|
||||
|
||||
- type: entities
|
||||
title: Flur
|
||||
id: hall
|
||||
show_header_toggle: false
|
||||
entities:
|
||||
- entity: light.hall_light
|
||||
- type: custom:fold-entity-row
|
||||
head:
|
||||
type: section
|
||||
label: Lampen
|
||||
items:
|
||||
# hall_lamp_sideboard
|
||||
- entity: light.hall_lamp_sideboard
|
||||
- type: custom:slider-entity-row
|
||||
entity: light.hall_lamp_sideboard
|
||||
full_row: true
|
||||
|
||||
- type: entities
|
||||
title: Bad
|
||||
id: bath
|
||||
show_header_toggle: false
|
||||
entities:
|
||||
- entity: light.bath_light
|
||||
- type: custom:fold-entity-row
|
||||
head:
|
||||
type: section
|
||||
label: Lampen
|
||||
items:
|
||||
# hall_lamp_sideboard
|
||||
- entity: light.bath_lamp_sideboard
|
||||
- type: custom:slider-entity-row
|
||||
entity: light.bath_lamp_sideboard
|
||||
full_row: true
|
||||
47
lovelace/views/view_20_vacuum.yaml
Normal file
47
lovelace/views/view_20_vacuum.yaml
Normal file
@ -0,0 +1,47 @@
|
||||
- title: Staubsauger
|
||||
id: vacuum
|
||||
icon: mdi:robot-vacuum
|
||||
cards:
|
||||
- type: custom:valetudo-map-card
|
||||
vacuum: "valetudo_rockrobo"
|
||||
map_scale: 1.3
|
||||
min_height: 300
|
||||
rotate: 0
|
||||
crop:
|
||||
top: 0
|
||||
bottom: 0
|
||||
left: 0
|
||||
right: 0
|
||||
floor_color: "#03a9f4"
|
||||
wall_color: "#263238"
|
||||
no_go_area_color: "#d84315"
|
||||
show_dock: false
|
||||
show_battery_level: false
|
||||
show_start_button: false
|
||||
show_pause_button: false
|
||||
show_stop_button: false
|
||||
show_home_button: false
|
||||
show_locate_button: false
|
||||
show_status: false
|
||||
vacuum_color: "#FFFFFF"
|
||||
- type: custom:vacuum-card
|
||||
entity: vacuum.valetudo_rockrobo
|
||||
compact_view: false
|
||||
image: /local/icons/robot.svg
|
||||
stats:
|
||||
cleaning:
|
||||
- attribute: cleanArea
|
||||
subtitle: Cleaning area
|
||||
unit: m2
|
||||
- attribute: cleanTime
|
||||
subtitle: Cleaning time
|
||||
unit: minutes
|
||||
default:
|
||||
- entity_id: sensor.valetudo_rockrobo_main_filter_duration
|
||||
subtitle: Filter
|
||||
- entity_id: sensor.valetudo_rockrobo_right_brush_duration
|
||||
subtitle: Seitenbürste
|
||||
- entity_id: sensor.valetudo_rockrobo_main_brush_duration
|
||||
subtitle: Hauptbürste
|
||||
- entity_id: sensor.valetudo_rockrobo_sensor_duration
|
||||
subtitle: Sensors
|
||||
62
lovelace/views/view_90_maintenance.yaml
Normal file
62
lovelace/views/view_90_maintenance.yaml
Normal file
@ -0,0 +1,62 @@
|
||||
- title: Wartung
|
||||
id: maintenance
|
||||
icon: mdi:tools
|
||||
cards:
|
||||
- type: custom:auto-entities
|
||||
card:
|
||||
type: entities
|
||||
title: Batteriewarnung
|
||||
filter:
|
||||
include:
|
||||
- entity_id: "sensor.*_battery"
|
||||
state: "<= 10"
|
||||
sort:
|
||||
method: attribute
|
||||
attribute: "battery"
|
||||
reverse: false
|
||||
show_empty: false
|
||||
|
||||
- type: custom:auto-entities
|
||||
card:
|
||||
type: entities
|
||||
title: Firmware Updates
|
||||
filter:
|
||||
include:
|
||||
- entity_id: "update.*"
|
||||
attributes:
|
||||
update:state: available
|
||||
options:
|
||||
icon: mdi:update
|
||||
state_color: false
|
||||
- entity_id: "update.*"
|
||||
attributes:
|
||||
update:state: updating
|
||||
options:
|
||||
icon: mdi:progress-wrench
|
||||
state_color: false
|
||||
sort:
|
||||
method: attribute
|
||||
attribute: "battery"
|
||||
reverse: false
|
||||
show_empty: false
|
||||
|
||||
- type: entities
|
||||
title: Zigbee2MQTT
|
||||
show_header_toggle: False
|
||||
entities:
|
||||
- entity: sensor.zigbee2mqtt_bridge_state
|
||||
- entity: sensor.zigbee2mqtt_version
|
||||
- entity: sensor.zigbee2mqtt_coordinator_version
|
||||
- entity: input_select.zigbee2mqtt_log_level
|
||||
- type: divider
|
||||
- entity: switch.zigbee2mqtt_main_join
|
||||
- entity: input_number.zigbee2mqtt_join_minutes
|
||||
- entity: timer.zigbee_permit_join
|
||||
- type: divider
|
||||
- entity: input_text.zigbee2mqtt_old_name
|
||||
- entity: input_text.zigbee2mqtt_new_name
|
||||
- entity: script.zigbee2mqtt_rename
|
||||
- type: divider
|
||||
- entity: input_text.zigbee2mqtt_remove
|
||||
- entity: input_boolean.zigbee2mqtt_force_remove
|
||||
- entity: script.zigbee2mqtt_remove
|
||||
168
packages/zigbee2mqtt.yaml
Normal file
168
packages/zigbee2mqtt.yaml
Normal file
@ -0,0 +1,168 @@
|
||||
zigbee2mqtt:
|
||||
# Input select for Zigbee2MQTT debug level
|
||||
input_select:
|
||||
zigbee2mqtt_log_level:
|
||||
name: Zigbee2MQTT Log Level
|
||||
options:
|
||||
- debug
|
||||
- info
|
||||
- warn
|
||||
- error
|
||||
initial: warn
|
||||
icon: mdi:format-list-bulleted
|
||||
|
||||
# Input number for joining time remaining (in minutes)
|
||||
input_number:
|
||||
zigbee2mqtt_join_minutes:
|
||||
name: "Zigbee2MQTT join minutes"
|
||||
initial: 2
|
||||
min: 1
|
||||
max: 5
|
||||
step: 1
|
||||
mode: slider
|
||||
|
||||
# Input text to input Zigbee2MQTT friendly_name for scripts
|
||||
input_text:
|
||||
zigbee2mqtt_old_name:
|
||||
name: Zigbee2MQTT Old Name
|
||||
initial: ""
|
||||
zigbee2mqtt_new_name:
|
||||
name: Zigbee2MQTT New Name
|
||||
initial: ""
|
||||
zigbee2mqtt_remove:
|
||||
name: Zigbee2MQTT Remove
|
||||
initial: ""
|
||||
|
||||
# Input boolean to set the force remove flag for devices
|
||||
input_boolean:
|
||||
zigbee2mqtt_force_remove:
|
||||
name: Zigbee2MQTT Force Remove
|
||||
initial: false
|
||||
icon: mdi:alert-remove
|
||||
|
||||
# Scripts for renaming & removing devices
|
||||
script:
|
||||
zigbee2mqtt_rename:
|
||||
alias: Zigbee2MQTT Rename
|
||||
sequence:
|
||||
service: mqtt.publish
|
||||
data_template:
|
||||
topic: zigbee2mqtt/bridge/request/device/rename
|
||||
payload_template: >-
|
||||
{
|
||||
"from": "{{ states.input_text.zigbee2mqtt_old_name.state | string }}",
|
||||
"to": "{{ states.input_text.zigbee2mqtt_new_name.state | string }}"
|
||||
}
|
||||
zigbee2mqtt_remove:
|
||||
alias: Zigbee2MQTT Remove
|
||||
sequence:
|
||||
service: mqtt.publish
|
||||
data_template:
|
||||
topic: zigbee2mqtt/bridge/request/device/remove
|
||||
payload_template: >-
|
||||
{
|
||||
"id": "{{ states.input_text.zigbee2mqtt_remove.state | string }}",
|
||||
"force": {% if states.input_boolean.zigbee2mqtt_force_remove.state == "off" %}false{% else %}true{% endif %}
|
||||
}
|
||||
|
||||
# Timer for joining time remaining (254 sec)
|
||||
timer:
|
||||
zigbee_permit_join:
|
||||
name: Time remaining
|
||||
duration: 254
|
||||
|
||||
mqtt:
|
||||
sensor:
|
||||
# Sensor for monitoring the bridge state
|
||||
- name: Zigbee2MQTT Bridge state
|
||||
unique_id: zigbee2mqtt_bridge_state_sensor
|
||||
state_topic: "zigbee2mqtt/bridge/state"
|
||||
icon: mdi:router-wireless
|
||||
# Sensor for Showing the Zigbee2MQTT Version
|
||||
- name: Zigbee2MQTT Version
|
||||
unique_id: zigbee2mqtt_version_sensor
|
||||
state_topic: "zigbee2mqtt/bridge/info"
|
||||
value_template: "{{ value_json.version }}"
|
||||
icon: mdi:zigbee
|
||||
# Sensor for Showing the Coordinator Version
|
||||
- name: Zigbee2MQTT Coordinator Version
|
||||
unique_id: zigbee2mqtt_coordinator_version_sensor
|
||||
state_topic: "zigbee2mqtt/bridge/info"
|
||||
value_template: "{{ value_json.coordinator.meta.revision }}"
|
||||
icon: mdi:chip
|
||||
- name: Zigbee2mqtt Networkmap
|
||||
unique_id: zigbee2mqtt_networkmap_sensor
|
||||
# if you change base_topic of Zigbee2mqtt, change state_topic accordingly
|
||||
state_topic: zigbee2mqtt/bridge/networkmap/raw
|
||||
value_template: >-
|
||||
{{ now().strftime('%Y-%m-%d %H:%M:%S') }}
|
||||
# again, if you change base_topic of Zigbee2mqtt, change json_attributes_topic accordingly
|
||||
json_attributes_topic: zigbee2mqtt/bridge/networkmap/raw
|
||||
|
||||
# Switch for enabling joining
|
||||
switch:
|
||||
- name: "Zigbee2MQTT Main join"
|
||||
unique_id: zigbee2mqtt_main_join_switch
|
||||
state_topic: "zigbee2mqtt/bridge/info"
|
||||
value_template: "{{ value_json.permit_join | lower }}"
|
||||
command_topic: "zigbee2mqtt/bridge/request/permit_join"
|
||||
payload_on: "true"
|
||||
payload_off: "false"
|
||||
|
||||
automation:
|
||||
# Automation for sending MQTT message on input select change
|
||||
- alias: Zigbee2MQTT Log Level
|
||||
initial_state: "on"
|
||||
trigger:
|
||||
platform: state
|
||||
entity_id: input_select.zigbee2mqtt_log_level
|
||||
action:
|
||||
- service: mqtt.publish
|
||||
data:
|
||||
payload_template: "{{ states('input_select.zigbee2mqtt_log_level') }}"
|
||||
topic: zigbee2mqtt/bridge/request/config/log_level
|
||||
# Automation to start timer when enable join is turned on
|
||||
- id: zigbee_join_enabled
|
||||
alias: Zigbee Join Enabled
|
||||
trigger:
|
||||
platform: state
|
||||
entity_id: switch.zigbee2mqtt_main_join
|
||||
to: "on"
|
||||
action:
|
||||
service: timer.start
|
||||
entity_id: timer.zigbee_permit_join
|
||||
data_template:
|
||||
duration: "{{ '00:0%i:00' % (states('input_number.zigbee2mqtt_join_minutes') | int ) }}"
|
||||
# Automation to stop timer when switch turned off and turn off switch when timer finished
|
||||
- id: zigbee_join_disabled
|
||||
alias: Zigbee Join Disabled
|
||||
trigger:
|
||||
- platform: event
|
||||
event_type: timer.finished
|
||||
event_data:
|
||||
entity_id: timer.zigbee_permit_join
|
||||
- platform: state
|
||||
entity_id: switch.zigbee2mqtt_main_join
|
||||
to: "off"
|
||||
action:
|
||||
- service: timer.cancel
|
||||
data:
|
||||
entity_id: timer.zigbee_permit_join
|
||||
- service: switch.turn_off
|
||||
entity_id: switch.zigbee2mqtt_main_join
|
||||
- id: "zigbee2mqtt_create_notification_on_successful_interview"
|
||||
alias: Zigbee Device Joined Notification
|
||||
trigger:
|
||||
platform: mqtt
|
||||
topic: "zigbee2mqtt/bridge/event"
|
||||
condition:
|
||||
condition: template
|
||||
value_template: '{{trigger.payload_json.type == "device_interview" and trigger.payload_json.data.status == "successful" and trigger.payload_json.data.supported}}'
|
||||
action:
|
||||
- service: persistent_notification.create
|
||||
data_template:
|
||||
title: Device joined the Zigbee2MQTT network
|
||||
message: "Name: {{trigger.payload_json.data.friendly_name}},
|
||||
Vendor: {{trigger.payload_json.data.definition.vendor}},
|
||||
Model: {{trigger.payload_json.data.definition.model}},
|
||||
Description: {{trigger.payload_json.data.definition.description}}"
|
||||
0
scenes.yaml
Normal file
0
scenes.yaml
Normal file
0
scripts.yaml
Normal file
0
scripts.yaml
Normal file
22
templates/bath.yaml
Normal file
22
templates/bath.yaml
Normal file
@ -0,0 +1,22 @@
|
||||
- sensor:
|
||||
- name: bath_sensor_air_quality_rating
|
||||
unit_of_measurement: ppb
|
||||
state: "{{ states('sensor.bath_sensor_air_quality_voc') | float(0) }}"
|
||||
icon: >
|
||||
{% if states.sensor.bath_sensor_air_quality_voc.state is defined %}
|
||||
{% if not is_state('sensor.bath_sensor_air_quality_voc', ['unknown', 'unavailable']) %}
|
||||
{% if float(states('sensor.bath_sensor_air_quality_voc')) < 150 %}
|
||||
mdi:star-circle
|
||||
{% elif float(states('sensor.bath_sensor_air_quality_voc')) >= 150 and float(states('sensor.bath_sensor_air_quality_voc')) < 400 %}
|
||||
mdi:star-circle-outline
|
||||
{% elif float(states('sensor.bath_sensor_air_quality_voc')) >= 400 and float(states('sensor.bath_sensor_air_quality_voc')) < 1300 %}
|
||||
mdi:check-circle-outline
|
||||
{% elif float(states('sensor.bath_sensor_air_quality_voc')) >= 1300 and float(states('sensor.bath_sensor_air_quality_voc')) < 4000 %}
|
||||
mdi:alert-circle-outline
|
||||
{% elif float(states('sensor.bath_sensor_air_quality_voc')) >= 4000 %}
|
||||
mdi:radioactive-circle-outline
|
||||
{% endif %}
|
||||
{% else %}
|
||||
mdi:circle-off-outline
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
12
templates/kitchen.yaml
Normal file
12
templates/kitchen.yaml
Normal file
@ -0,0 +1,12 @@
|
||||
- binary_sensor:
|
||||
- name: ki_fridge_door_sensor_contact_state
|
||||
state: "{{ states('binary_sensor.ki_fridge_door_sensor_contact') }}"
|
||||
device_class: door
|
||||
icon: >
|
||||
{% if states.binary_sensor.ki_fridge_door_sensor_contact.state is defined %}
|
||||
{% if is_state('binary_sensor.ki_fridge_door_sensor_contact', 'off') %}
|
||||
mdi:fridge-industrial
|
||||
{% else %}
|
||||
mdi:fridge-industrial-alert-outline
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
22
templates/office.yaml
Normal file
22
templates/office.yaml
Normal file
@ -0,0 +1,22 @@
|
||||
- sensor:
|
||||
- name: office_sensor_air_quality_rating
|
||||
unit_of_measurement: ppb
|
||||
state: "{{ states('sensor.office_sensor_air_quality_voc') | float(0) }}"
|
||||
icon: >
|
||||
{% if states.sensor.office_sensor_air_quality_voc.state is defined %}
|
||||
{% if not is_state('sensor.office_sensor_air_quality_voc', ['unknown', 'unavailable']) %}
|
||||
{% if float(states('sensor.office_sensor_air_quality_voc')) < 150 %}
|
||||
mdi:star-circle
|
||||
{% elif float(states('sensor.office_sensor_air_quality_voc')) >= 150 and float(states('sensor.office_sensor_air_quality_voc')) < 400 %}
|
||||
mdi:star-circle-outline
|
||||
{% elif float(states('sensor.office_sensor_air_quality_voc')) >= 400 and float(states('sensor.office_sensor_air_quality_voc')) < 1300 %}
|
||||
mdi:check-circle-outline
|
||||
{% elif float(states('sensor.office_sensor_air_quality_voc')) >= 1300 and float(states('sensor.office_sensor_air_quality_voc')) < 4000 %}
|
||||
mdi:alert-circle-outline
|
||||
{% elif float(states('sensor.office_sensor_air_quality_voc')) >= 4000 %}
|
||||
mdi:radioactive-circle-outline
|
||||
{% endif %}
|
||||
{% else %}
|
||||
mdi:circle-off-outline
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
53
templates/roborock.yaml
Normal file
53
templates/roborock.yaml
Normal file
@ -0,0 +1,53 @@
|
||||
- sensor:
|
||||
- name: valetudo_rockrobo_main_filter_duration
|
||||
state: >-
|
||||
{% set minutes = states("sensor.valetudo_rockrobo_main_filter") | int(0) %}
|
||||
{% set hours = ((minutes % 1440) / 60) | int %}
|
||||
{% set days = (minutes / 1440) | int %}
|
||||
{%- if minutes >= 60 -%}
|
||||
{%- if days > 0 %}{{ days }}d{% endif -%}
|
||||
{%- if hours > 0 -%}
|
||||
{{ ' ' + hours | string if days > 0 else hours }}h
|
||||
{%- endif -%}
|
||||
{%- else -%}
|
||||
{{ minutes }}min
|
||||
{%- endif -%}
|
||||
- name: valetudo_rockrobo_right_brush_duration
|
||||
state: >-
|
||||
{% set minutes = states("sensor.valetudo_rockrobo_right_brush") | int(0) %}
|
||||
{% set hours = ((minutes % 1440) / 60) | int %}
|
||||
{% set days = (minutes / 1440) | int %}
|
||||
{%- if minutes >= 60 -%}
|
||||
{%- if days > 0 %}{{ days }}d{% endif -%}
|
||||
{%- if hours > 0 -%}
|
||||
{{ ' ' + hours | string if days > 0 else hours }}h
|
||||
{%- endif -%}
|
||||
{%- else -%}
|
||||
{{ minutes }}min
|
||||
{%- endif -%}
|
||||
- name: valetudo_rockrobo_main_brush_duration
|
||||
state: >-
|
||||
{% set minutes = states("sensor.valetudo_rockrobo_main_brush") | int(0) %}
|
||||
{% set hours = ((minutes % 1440) / 60) | int %}
|
||||
{% set days = (minutes / 1440) | int %}
|
||||
{%- if minutes >= 60 -%}
|
||||
{%- if days > 0 %}{{ days }}d{% endif -%}
|
||||
{%- if hours > 0 -%}
|
||||
{{ ' ' + hours | string if days > 0 else hours }}h
|
||||
{%- endif -%}
|
||||
{%- else -%}
|
||||
{{ minutes }}min
|
||||
{%- endif -%}
|
||||
- name: valetudo_rockrobo_sensor_duration
|
||||
state: >-
|
||||
{% set minutes = states("sensor.valetudo_rockrobo_sensor_cleaning") | int(0) %}
|
||||
{% set hours = ((minutes % 1440) / 60) | int %}
|
||||
{% set days = (minutes / 1440) | int %}
|
||||
{%- if minutes >= 60 -%}
|
||||
{%- if days > 0 %}{{ days }}d{% endif -%}
|
||||
{%- if hours > 0 -%}
|
||||
{{ ' ' + hours | string if days > 0 else hours }}h
|
||||
{%- endif -%}
|
||||
{%- else -%}
|
||||
{{ minutes }}min
|
||||
{%- endif -%}
|
||||
3
ui-lovelace.yaml
Normal file
3
ui-lovelace.yaml
Normal file
@ -0,0 +1,3 @@
|
||||
title: Apartment
|
||||
|
||||
views: !include_dir_merge_list lovelace/views/
|
||||
1
www/icons/robot.svg
Normal file
1
www/icons/robot.svg
Normal file
@ -0,0 +1 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="256" height="256" viewBox="0 0 24 24"><path style="fill:#FFFFFF;" d="M12,2C14.65,2 17.19,3.06 19.07,4.93L17.65,6.35C16.15,4.85 14.12,4 12,4C9.88,4 7.84,4.84 6.35,6.35L4.93,4.93C6.81,3.06 9.35,2 12,2M3.66,6.5L5.11,7.94C4.39,9.17 4,10.57 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12C20,10.57 19.61,9.17 18.88,7.94L20.34,6.5C21.42,8.12 22,10.04 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12C2,10.04 2.58,8.12 3.66,6.5M12,6A6,6 0 0,1 18,12C18,13.59 17.37,15.12 16.24,16.24L14.83,14.83C14.08,15.58 13.06,16 12,16C10.94,16 9.92,15.58 9.17,14.83L7.76,16.24C6.63,15.12 6,13.59 6,12A6,6 0 0,1 12,6M12,8A1,1 0 0,0 11,9A1,1 0 0,0 12,10A1,1 0 0,0 13,9A1,1 0 0,0 12,8Z" /></svg>
|
||||
|
After Width: | Height: | Size: 893 B |
172
www/plugins/auto-entities.js
Normal file
172
www/plugins/auto-entities.js
Normal file
File diff suppressed because one or more lines are too long
559
www/plugins/button-card.js
Normal file
559
www/plugins/button-card.js
Normal file
File diff suppressed because one or more lines are too long
90
www/plugins/card-tools.js
Normal file
90
www/plugins/card-tools.js
Normal file
File diff suppressed because one or more lines are too long
86
www/plugins/fold-entity-row.js
Normal file
86
www/plugins/fold-entity-row.js
Normal file
File diff suppressed because one or more lines are too long
1
www/plugins/multiple-entity-row.js
Normal file
1
www/plugins/multiple-entity-row.js
Normal file
File diff suppressed because one or more lines are too long
1
www/plugins/slider-entity-row.js
Normal file
1
www/plugins/slider-entity-row.js
Normal file
File diff suppressed because one or more lines are too long
4
www/plugins/vacuum-card.js
Normal file
4
www/plugins/vacuum-card.js
Normal file
File diff suppressed because one or more lines are too long
2
www/plugins/valetudo-map-card.js
Normal file
2
www/plugins/valetudo-map-card.js
Normal file
File diff suppressed because one or more lines are too long
189
www/plugins/vertical-stack-in-card.js
Normal file
189
www/plugins/vertical-stack-in-card.js
Normal file
@ -0,0 +1,189 @@
|
||||
console.log(`%cvertical-stack-in-card\n%cVersion: ${'0.4.4'}`, 'color: #1976d2; font-weight: bold;', '');
|
||||
|
||||
class VerticalStackInCard extends HTMLElement {
|
||||
constructor() {
|
||||
super();
|
||||
}
|
||||
|
||||
setConfig(config) {
|
||||
this._cardSize = {};
|
||||
this._cardSize.promise = new Promise((resolve) => (this._cardSize.resolve = resolve));
|
||||
|
||||
if (!config || !config.cards || !Array.isArray(config.cards)) {
|
||||
throw new Error('Card config incorrect');
|
||||
}
|
||||
this._config = config;
|
||||
this._refCards = [];
|
||||
this.renderCard();
|
||||
}
|
||||
|
||||
async renderCard() {
|
||||
const config = this._config;
|
||||
if (window.loadCardHelpers) {
|
||||
this.helpers = await window.loadCardHelpers();
|
||||
}
|
||||
const promises = config.cards.map((config) => this.createCardElement(config));
|
||||
this._refCards = await Promise.all(promises);
|
||||
|
||||
// Style cards
|
||||
this._refCards.forEach((card) => {
|
||||
if (card.updateComplete) {
|
||||
card.updateComplete.then(() => this.styleCard(card));
|
||||
} else {
|
||||
this.styleCard(card);
|
||||
}
|
||||
});
|
||||
|
||||
// Create the card
|
||||
const card = document.createElement('ha-card');
|
||||
const cardContent = document.createElement('div');
|
||||
card.header = config.title;
|
||||
card.style.overflow = 'hidden';
|
||||
this._refCards.forEach((card) => cardContent.appendChild(card));
|
||||
if (config.horizontal) {
|
||||
cardContent.style.display = 'flex';
|
||||
cardContent.childNodes.forEach((card) => {
|
||||
card.style.flex = '1 1 0';
|
||||
card.style.minWidth = 0;
|
||||
});
|
||||
}
|
||||
card.appendChild(cardContent);
|
||||
|
||||
const shadowRoot = this.shadowRoot || this.attachShadow({mode: 'open'});
|
||||
while (shadowRoot.hasChildNodes()) {
|
||||
shadowRoot.removeChild(shadowRoot.lastChild);
|
||||
}
|
||||
shadowRoot.appendChild(card);
|
||||
|
||||
// Calculate card size
|
||||
this._cardSize.resolve();
|
||||
}
|
||||
|
||||
async createCardElement(cardConfig) {
|
||||
const createError = (error, origConfig) => {
|
||||
return createThing('hui-error-card', {
|
||||
type: 'error',
|
||||
error,
|
||||
origConfig
|
||||
});
|
||||
};
|
||||
|
||||
const createThing = (tag, config) => {
|
||||
if (this.helpers) {
|
||||
if (config.type === 'divider') {
|
||||
return this.helpers.createRowElement(config);
|
||||
} else {
|
||||
return this.helpers.createCardElement(config);
|
||||
}
|
||||
}
|
||||
|
||||
const element = document.createElement(tag);
|
||||
try {
|
||||
element.setConfig(config);
|
||||
} catch (err) {
|
||||
console.error(tag, err);
|
||||
return createError(err.message, config);
|
||||
}
|
||||
return element;
|
||||
};
|
||||
|
||||
let tag = cardConfig.type;
|
||||
if (tag.startsWith('divider')) {
|
||||
tag = `hui-divider-row`;
|
||||
} else if (tag.startsWith('custom:')) {
|
||||
tag = tag.substr('custom:'.length);
|
||||
} else {
|
||||
tag = `hui-${tag}-card`;
|
||||
}
|
||||
|
||||
const element = createThing(tag, cardConfig);
|
||||
element.hass = this._hass;
|
||||
element.addEventListener(
|
||||
'll-rebuild',
|
||||
(ev) => {
|
||||
ev.stopPropagation();
|
||||
this.createCardElement(cardConfig).then(() => {
|
||||
this.renderCard();
|
||||
});
|
||||
},
|
||||
{ once: true }
|
||||
);
|
||||
return element;
|
||||
}
|
||||
|
||||
set hass(hass) {
|
||||
this._hass = hass;
|
||||
if (this._refCards) {
|
||||
this._refCards.forEach((card) => {
|
||||
card.hass = hass;
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
styleCard(element) {
|
||||
const config = this._config;
|
||||
if (element.shadowRoot) {
|
||||
if (element.shadowRoot.querySelector('ha-card')) {
|
||||
let ele = element.shadowRoot.querySelector('ha-card');
|
||||
ele.style.boxShadow = 'none';
|
||||
ele.style.borderRadius = '0';
|
||||
ele.style.border = "none";
|
||||
if ('styles' in config) {
|
||||
Object.entries(config.styles).forEach(([key, value]) => ele.style.setProperty(key, value));
|
||||
}
|
||||
} else {
|
||||
let searchEles = element.shadowRoot.getElementById('root');
|
||||
if (!searchEles) {
|
||||
searchEles = element.shadowRoot.getElementById('card');
|
||||
}
|
||||
if (!searchEles) return;
|
||||
searchEles = searchEles.childNodes;
|
||||
for (let i = 0; i < searchEles.length; i++) {
|
||||
if (searchEles[i].style) {
|
||||
searchEles[i].style.margin = '0px';
|
||||
}
|
||||
this.styleCard(searchEles[i]);
|
||||
}
|
||||
}
|
||||
} else {
|
||||
if (typeof element.querySelector === 'function' && element.querySelector('ha-card')) {
|
||||
let ele = element.querySelector('ha-card');
|
||||
ele.style.boxShadow = 'none';
|
||||
ele.style.borderRadius = '0';
|
||||
ele.style.border = "none";
|
||||
if ('styles' in config) {
|
||||
Object.entries(config.styles).forEach(([key, value]) => ele.style.setProperty(key, value));
|
||||
}
|
||||
}
|
||||
let searchEles = element.childNodes;
|
||||
for (let i = 0; i < searchEles.length; i++) {
|
||||
if (searchEles[i] && searchEles[i].style) {
|
||||
searchEles[i].style.margin = '0px';
|
||||
}
|
||||
this.styleCard(searchEles[i]);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
_computeCardSize(card) {
|
||||
if (typeof card.getCardSize === 'function') {
|
||||
return card.getCardSize();
|
||||
}
|
||||
return customElements
|
||||
.whenDefined(card.localName)
|
||||
.then(() => this._computeCardSize(card))
|
||||
.catch(() => 1);
|
||||
}
|
||||
|
||||
async getCardSize() {
|
||||
await this._cardSize.promise;
|
||||
const sizes = await Promise.all(this._refCards.map(this._computeCardSize));
|
||||
return sizes.reduce((a, b) => a + b, 0);
|
||||
}
|
||||
}
|
||||
|
||||
customElements.define('vertical-stack-in-card', VerticalStackInCard);
|
||||
|
||||
window.customElements.get('vertical-stack-in-card').getConfigElement = function() {
|
||||
return document.createElement('hui-stack-card-editor');
|
||||
}
|
||||
530
www/plugins/weather-card.js
Normal file
530
www/plugins/weather-card.js
Normal file
@ -0,0 +1,530 @@
|
||||
const LitElement = customElements.get("hui-masonry-view") ? Object.getPrototypeOf(customElements.get("hui-masonry-view")) : Object.getPrototypeOf(customElements.get("hui-view"));
|
||||
const html = LitElement.prototype.html;
|
||||
const css = LitElement.prototype.css;
|
||||
|
||||
const weatherIconsDay = {
|
||||
clear: "day",
|
||||
"clear-night": "night",
|
||||
cloudy: "cloudy",
|
||||
fog: "cloudy",
|
||||
hail: "rainy-7",
|
||||
lightning: "thunder",
|
||||
"lightning-rainy": "thunder",
|
||||
partlycloudy: "cloudy-day-3",
|
||||
pouring: "rainy-6",
|
||||
rainy: "rainy-5",
|
||||
snowy: "snowy-6",
|
||||
"snowy-rainy": "rainy-7",
|
||||
sunny: "day",
|
||||
windy: "cloudy",
|
||||
"windy-variant": "cloudy-day-3",
|
||||
exceptional: "!!",
|
||||
};
|
||||
|
||||
const weatherIconsNight = {
|
||||
...weatherIconsDay,
|
||||
clear: "night",
|
||||
sunny: "night",
|
||||
partlycloudy: "cloudy-night-3",
|
||||
"windy-variant": "cloudy-night-3",
|
||||
};
|
||||
|
||||
const windDirections = [
|
||||
"N",
|
||||
"NNE",
|
||||
"NE",
|
||||
"ENE",
|
||||
"E",
|
||||
"ESE",
|
||||
"SE",
|
||||
"SSE",
|
||||
"S",
|
||||
"SSW",
|
||||
"SW",
|
||||
"WSW",
|
||||
"W",
|
||||
"WNW",
|
||||
"NW",
|
||||
"NNW",
|
||||
"N",
|
||||
];
|
||||
|
||||
window.customCards = window.customCards || [];
|
||||
window.customCards.push({
|
||||
type: "weather-card",
|
||||
name: "Weather Card",
|
||||
description: "A custom weather card with animated icons.",
|
||||
preview: true,
|
||||
documentationURL: "https://github.com/bramkragten/weather-card",
|
||||
});
|
||||
|
||||
const fireEvent = (node, type, detail, options) => {
|
||||
options = options || {};
|
||||
detail = detail === null || detail === undefined ? {} : detail;
|
||||
const event = new Event(type, {
|
||||
bubbles: options.bubbles === undefined ? true : options.bubbles,
|
||||
cancelable: Boolean(options.cancelable),
|
||||
composed: options.composed === undefined ? true : options.composed,
|
||||
});
|
||||
event.detail = detail;
|
||||
node.dispatchEvent(event);
|
||||
return event;
|
||||
};
|
||||
|
||||
function hasConfigOrEntityChanged(element, changedProps) {
|
||||
if (changedProps.has("_config")) {
|
||||
return true;
|
||||
}
|
||||
|
||||
const oldHass = changedProps.get("hass");
|
||||
if (oldHass) {
|
||||
return (
|
||||
oldHass.states[element._config.entity] !==
|
||||
element.hass.states[element._config.entity] ||
|
||||
oldHass.states["sun.sun"] !== element.hass.states["sun.sun"]
|
||||
);
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
class WeatherCard extends LitElement {
|
||||
static get properties() {
|
||||
return {
|
||||
_config: {},
|
||||
hass: {},
|
||||
};
|
||||
}
|
||||
|
||||
static async getConfigElement() {
|
||||
await import("./weather-card-editor.js");
|
||||
return document.createElement("weather-card-editor");
|
||||
}
|
||||
|
||||
static getStubConfig(hass, unusedEntities, allEntities) {
|
||||
let entity = unusedEntities.find((eid) => eid.split(".")[0] === "weather");
|
||||
if (!entity) {
|
||||
entity = allEntities.find((eid) => eid.split(".")[0] === "weather");
|
||||
}
|
||||
return { entity };
|
||||
}
|
||||
|
||||
setConfig(config) {
|
||||
if (!config.entity) {
|
||||
throw new Error("Please define a weather entity");
|
||||
}
|
||||
this._config = config;
|
||||
}
|
||||
|
||||
shouldUpdate(changedProps) {
|
||||
return hasConfigOrEntityChanged(this, changedProps);
|
||||
}
|
||||
|
||||
render() {
|
||||
if (!this._config || !this.hass) {
|
||||
return html``;
|
||||
}
|
||||
|
||||
this.numberElements = 0;
|
||||
|
||||
const stateObj = this.hass.states[this._config.entity];
|
||||
|
||||
if (!stateObj) {
|
||||
return html`
|
||||
<style>
|
||||
.not-found {
|
||||
flex: 1;
|
||||
background-color: yellow;
|
||||
padding: 8px;
|
||||
}
|
||||
</style>
|
||||
<ha-card>
|
||||
<div class="not-found">
|
||||
Entity not available: ${this._config.entity}
|
||||
</div>
|
||||
</ha-card>
|
||||
`;
|
||||
}
|
||||
|
||||
return html`
|
||||
<ha-card @click="${this._handleClick}">
|
||||
${this._config.current !== false ? this.renderCurrent(stateObj) : ""}
|
||||
${this._config.details !== false ? this.renderDetails(stateObj) : ""}
|
||||
${this._config.forecast !== false
|
||||
? this.renderForecast(stateObj.attributes.forecast)
|
||||
: ""}
|
||||
</ha-card>
|
||||
`;
|
||||
}
|
||||
|
||||
renderCurrent(stateObj) {
|
||||
this.numberElements++;
|
||||
|
||||
return html`
|
||||
<div class="current ${this.numberElements > 1 ? "spacer" : ""}">
|
||||
<span
|
||||
class="icon bigger"
|
||||
style="background: none, url('${this.getWeatherIcon(
|
||||
stateObj.state.toLowerCase(),
|
||||
this.hass.states["sun.sun"]
|
||||
)}') no-repeat; background-size: contain;"
|
||||
>${stateObj.state}
|
||||
</span>
|
||||
${this._config.name
|
||||
? html` <span class="title"> ${this._config.name} </span> `
|
||||
: ""}
|
||||
<span class="temp"
|
||||
>${this.getUnit("temperature") == "°F"
|
||||
? Math.round(stateObj.attributes.temperature)
|
||||
: stateObj.attributes.temperature}</span
|
||||
>
|
||||
<span class="tempc"> ${this.getUnit("temperature")}</span>
|
||||
</div>
|
||||
`;
|
||||
}
|
||||
|
||||
renderDetails(stateObj) {
|
||||
const sun = this.hass.states["sun.sun"];
|
||||
let next_rising;
|
||||
let next_setting;
|
||||
|
||||
if (sun) {
|
||||
next_rising = new Date(sun.attributes.next_rising);
|
||||
next_setting = new Date(sun.attributes.next_setting);
|
||||
}
|
||||
|
||||
this.numberElements++;
|
||||
|
||||
return html`
|
||||
<ul class="variations ${this.numberElements > 1 ? "spacer" : ""}">
|
||||
<li>
|
||||
<ha-icon icon="mdi:water-percent"></ha-icon>
|
||||
${stateObj.attributes.humidity}<span class="unit"> % </span>
|
||||
</li>
|
||||
<li>
|
||||
<ha-icon icon="mdi:weather-windy"></ha-icon> ${windDirections[
|
||||
parseInt((stateObj.attributes.wind_bearing + 11.25) / 22.5)
|
||||
]}
|
||||
${stateObj.attributes.wind_speed}<span class="unit">
|
||||
${this.getUnit("length")}/h
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<ha-icon icon="mdi:gauge"></ha-icon>
|
||||
${stateObj.attributes.pressure}
|
||||
<span class="unit">
|
||||
${this.getUnit("air_pressure")}
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<ha-icon icon="mdi:weather-fog"></ha-icon> ${stateObj.attributes
|
||||
.visibility}<span class="unit">
|
||||
${this.getUnit("length")}
|
||||
</span>
|
||||
</li>
|
||||
${next_rising
|
||||
? html`
|
||||
<li>
|
||||
<ha-icon icon="mdi:weather-sunset-up"></ha-icon>
|
||||
${next_rising.toLocaleTimeString()}
|
||||
</li>
|
||||
`
|
||||
: ""}
|
||||
${next_setting
|
||||
? html`
|
||||
<li>
|
||||
<ha-icon icon="mdi:weather-sunset-down"></ha-icon>
|
||||
${next_setting.toLocaleTimeString()}
|
||||
</li>
|
||||
`
|
||||
: ""}
|
||||
</ul>
|
||||
`;
|
||||
}
|
||||
|
||||
renderForecast(forecast) {
|
||||
if (!forecast || forecast.length === 0) {
|
||||
return html``;
|
||||
}
|
||||
|
||||
const lang = this.hass.selectedLanguage || this.hass.language;
|
||||
|
||||
this.numberElements++;
|
||||
return html`
|
||||
<div class="forecast clear ${this.numberElements > 1 ? "spacer" : ""}">
|
||||
${forecast
|
||||
.slice(
|
||||
0,
|
||||
this._config.number_of_forecasts
|
||||
? this._config.number_of_forecasts
|
||||
: 5
|
||||
)
|
||||
.map(
|
||||
(daily) => html`
|
||||
<div class="day">
|
||||
<div class="dayname">
|
||||
${this._config.hourly_forecast
|
||||
? new Date(daily.datetime).toLocaleTimeString(lang, {
|
||||
hour: "2-digit",
|
||||
minute: "2-digit",
|
||||
})
|
||||
: new Date(daily.datetime).toLocaleDateString(lang, {
|
||||
weekday: "short",
|
||||
})}
|
||||
</div>
|
||||
<i
|
||||
class="icon"
|
||||
style="background: none, url('${this.getWeatherIcon(
|
||||
daily.condition.toLowerCase()
|
||||
)}') no-repeat; background-size: contain"
|
||||
></i>
|
||||
<div class="highTemp">
|
||||
${daily.temperature}${this.getUnit("temperature")}
|
||||
</div>
|
||||
${daily.templow !== undefined
|
||||
? html`
|
||||
<div class="lowTemp">
|
||||
${daily.templow}${this.getUnit("temperature")}
|
||||
</div>
|
||||
`
|
||||
: ""}
|
||||
${!this._config.hide_precipitation &&
|
||||
daily.precipitation !== undefined &&
|
||||
daily.precipitation !== null
|
||||
? html`
|
||||
<div class="precipitation">
|
||||
${Math.round(daily.precipitation*10)/10} ${this.getUnit("precipitation")}
|
||||
</div>
|
||||
`
|
||||
: ""}
|
||||
${!this._config.hide_precipitation &&
|
||||
daily.precipitation_probability !== undefined &&
|
||||
daily.precipitation_probability !== null
|
||||
? html`
|
||||
<div class="precipitation_probability">
|
||||
${Math.round(daily.precipitation_probability)} ${this.getUnit("precipitation_probability")}
|
||||
</div>
|
||||
`
|
||||
: ""}
|
||||
</div>
|
||||
`
|
||||
)}
|
||||
</div>
|
||||
`;
|
||||
}
|
||||
|
||||
getWeatherIcon(condition, sun) {
|
||||
return `${
|
||||
this._config.icons
|
||||
? this._config.icons
|
||||
: "https://cdn.jsdelivr.net/gh/bramkragten/weather-card/dist/icons/"
|
||||
}${
|
||||
sun && sun.state == "below_horizon"
|
||||
? weatherIconsNight[condition]
|
||||
: weatherIconsDay[condition]
|
||||
}.svg`;
|
||||
}
|
||||
|
||||
getUnit(measure) {
|
||||
const lengthUnit = this.hass.config.unit_system.length;
|
||||
switch (measure) {
|
||||
case "air_pressure":
|
||||
return lengthUnit === "km" ? "hPa" : "inHg";
|
||||
case "length":
|
||||
return lengthUnit;
|
||||
case "precipitation":
|
||||
return lengthUnit === "km" ? "mm" : "in";
|
||||
case "precipitation_probability":
|
||||
return "%";
|
||||
default:
|
||||
return this.hass.config.unit_system[measure] || "";
|
||||
}
|
||||
}
|
||||
|
||||
_handleClick() {
|
||||
fireEvent(this, "hass-more-info", { entityId: this._config.entity });
|
||||
}
|
||||
|
||||
getCardSize() {
|
||||
return 3;
|
||||
}
|
||||
|
||||
static get styles() {
|
||||
return css`
|
||||
ha-card {
|
||||
cursor: pointer;
|
||||
margin: auto;
|
||||
overflow: hidden;
|
||||
padding-top: 1.3em;
|
||||
padding-bottom: 1.3em;
|
||||
padding-left: 1em;
|
||||
padding-right: 1em;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.spacer {
|
||||
padding-top: 1em;
|
||||
}
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.title {
|
||||
position: absolute;
|
||||
left: 3em;
|
||||
font-weight: 300;
|
||||
font-size: 3em;
|
||||
color: var(--primary-text-color);
|
||||
}
|
||||
|
||||
.temp {
|
||||
font-weight: 300;
|
||||
font-size: 4em;
|
||||
color: var(--primary-text-color);
|
||||
position: absolute;
|
||||
right: 1em;
|
||||
}
|
||||
|
||||
.tempc {
|
||||
font-weight: 300;
|
||||
font-size: 1.5em;
|
||||
vertical-align: super;
|
||||
color: var(--primary-text-color);
|
||||
position: absolute;
|
||||
right: 1em;
|
||||
margin-top: -14px;
|
||||
margin-right: 7px;
|
||||
}
|
||||
|
||||
@media (max-width: 460px) {
|
||||
.title {
|
||||
font-size: 2.2em;
|
||||
left: 4em;
|
||||
}
|
||||
.temp {
|
||||
font-size: 3em;
|
||||
}
|
||||
.tempc {
|
||||
font-size: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
.current {
|
||||
padding: 1.2em 0;
|
||||
margin-bottom: 3.5em;
|
||||
}
|
||||
|
||||
.variations {
|
||||
display: flex;
|
||||
flex-flow: row wrap;
|
||||
justify-content: space-between;
|
||||
font-weight: 300;
|
||||
color: var(--primary-text-color);
|
||||
list-style: none;
|
||||
padding: 0 1em;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.variations ha-icon {
|
||||
height: 22px;
|
||||
margin-right: 5px;
|
||||
color: var(--paper-item-icon-color);
|
||||
}
|
||||
|
||||
.variations li {
|
||||
flex-basis: auto;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.variations li:nth-child(2n) {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.variations li:nth-child(2n) ha-icon {
|
||||
margin-right: 0;
|
||||
margin-left: 8px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.unit {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
.forecast {
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.day {
|
||||
flex: 1;
|
||||
display: block;
|
||||
text-align: center;
|
||||
color: var(--primary-text-color);
|
||||
border-right: 0.1em solid #d9d9d9;
|
||||
line-height: 2;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.dayname {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.forecast .day:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.forecast .day:nth-last-child(1) {
|
||||
border-right: none;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.highTemp {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.lowTemp {
|
||||
color: var(--secondary-text-color);
|
||||
}
|
||||
|
||||
.precipitation {
|
||||
color: var(--primary-text-color);
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.icon.bigger {
|
||||
width: 10em;
|
||||
height: 10em;
|
||||
margin-top: -4em;
|
||||
position: absolute;
|
||||
left: 0em;
|
||||
}
|
||||
|
||||
.icon {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin-right: 5px;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
background-size: contain;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
text-indent: -9999px;
|
||||
}
|
||||
|
||||
.weather {
|
||||
font-weight: 300;
|
||||
font-size: 1.5em;
|
||||
color: var(--primary-text-color);
|
||||
text-align: left;
|
||||
position: absolute;
|
||||
top: -0.5em;
|
||||
left: 6em;
|
||||
word-wrap: break-word;
|
||||
width: 30%;
|
||||
}
|
||||
`;
|
||||
}
|
||||
}
|
||||
customElements.define("weather-card", WeatherCard);
|
||||
Loading…
Reference in New Issue
Block a user