Neato Vaccum Card
Here is a simple yet cool way to display your cleaning map as a card in homeassistant.
This requires you to have the following component setup
1
- type: picture-elements
2
image: /local/banners/empty.png
3
elements:
4
- type: state-icon
5
tap_action: toggle
6
entity: vacuum.neato
7
style:
8
top: 5%
9
left: 95%
10
"--paper-item-icon-color": rgb(115, 122, 130)
11
z-index: 1
12
13
- type: state-icon
14
tap_action: toggle
15
entity: switch.neato_schedule
16
style:
17
top: 15%
18
left: 95%
19
"--paper-item-icon-color": rgb(115, 122, 130)
20
z-index: 1
21
22
- type: state-label
23
entity: sensor.neato_battery
24
style:
25
top: 70%
26
left: 0%
27
color: rgb(115, 122, 130)
28
transform: none
29
pointer-events: none
30
text-shadow: 1px 1px black
31
font-family: Trebuchet MS
32
font-size: 90%
33
font-weight: bold
34
border-left-style: solid
35
border-color: DeepSkyBlue
36
background-color: rgb(54, 65, 78)
37
z-index: 1
38
39
- type: image
40
entity: camera.neato_cleaning_map
41
camera_image: camera.neato_cleaning_map
42
tap_action: none
43
style:
44
transform: none
45
top: 0%
46
left: 0%
47
width: 100%
48
height: 100%
49
z-index: 0
50
51
- type: state-label
52
entity: sensor.neato_status
53
style:
54
top: 80%
55
left: 0%
56
color: rgb(115, 122, 130)
57
transform: none
58
pointer-events: none
59
text-shadow: 1px 1px black
60
font-family: Trebuchet MS
61
font-size: 90%
62
font-weight: bold
63
border-left-style: solid
64
border-color: Tomato
65
background-color: rgb(54, 65, 78)
66
z-index: 1
67
68
- type: state-label
69
entity: sensor.neato_area
70
style:
71
top: 90%
72
left: 0%
73
color: rgb(115, 122, 130)
74
transform: none
75
pointer-events: none
76
text-shadow: 1px 1px black
77
font-family: Trebuchet MS
78
font-size: 90%
79
font-weight: bold
80
border-left-style: solid
81
border-color: GreenYellow
82
background-color: rgb(54, 65, 78)
83
z-index: 1
Copied!
Here is the package for the sensors
Change neato on the states for your robots name in the template sensors
1
- platform: template
2
sensors:
3
neato_area:
4
friendly_name: "Neato: Area cleaned on last run"
5
value_template: "Area Cleaned: {{ states.vacuum.neato.attributes.clean_area | round(1) }}"
6
unit_of_measurement: 'm²'
7
8
- platform: template
9
sensors:
10
neato_status:
11
friendly_name: "Neato: Status"
12
value_template: "Status: {{ states.vacuum.neato.attributes.status }}"
13
14
- platform: template
15
sensors:
16
neato_battery:
17
friendly_name: "Battery: neato"
18
value_template: "{{ states.vacuum.neato.attributes.battery_level }}"
19
unit_of_measurement: '%'
Copied!
and here is the empty placeholder image
empty.png
empty.png
34KB
Image
Placeholder image
Last modified 1yr ago
Copy link