Neato Vaccum Card

This requires you to have the following component setup
​Neato Botvac​
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
34KB
Image
Placeholder image

Picture-elements cards - Previous

Mi Flora Plant Card

Next - Picture-elements cards

Temperature glance

Last modified 1yr ago

Copy link