Vacuum Interactive Map Card

3_14 · March 7, 2022, 12:31am

@BeastHouse I’m from Poland, it’s not so bad. You can check out this thread:

github.com/PiotrMachowski/lovelace-xiaomi-vacuum-map-card

Add support for automatic switching map used by vacuum

opened 09:28AM - 08 Dec 21 UTC

closed 05:30PM - 13 Jan 22 UTC

jambuu

enhancement

### Description I have a robot (roborock s5 max) which supports multiple floo…rs (up to 4). I would like to request the possibility of choosing which map to use. This is supported by the library used to communicate with the robot (i.e. python miio): ![Screenshot_20211208_102119](https://user-images.githubusercontent.com/20259378/145183228-1989f76e-0a75-422f-bb7f-02f4f1093cad.jpg) O This project is amazing and I am able to do everything I need with this card except switching the map. Then I need o explicitly use the mi home app and manually switch the map. ### Solution My wish would be that we could add an option in the menu (called floors) which would list the floors saved for this robot and set the wished map as active ### Alternatives _No response_ ### Context _No response_

BeastHouse · March 7, 2022, 3:33am

Thanks @3_14 - Managed to add my current floor, however I am guessing the map will change like the Live Map. Are you required to have an image as map_source instead of a camera?

Here is what I have so far:

And the code:

cards:
  - type: custom:xiaomi-vacuum-map-card
    title: Xiaomi Vacuum Map Card
    preset_name: Live map
    entity: vacuum.roborock_s6_maxv
    map_source:
      camera: camera.xiaomi_cloud_map_extractor
    calibration_source:
      camera: true
    map_modes:
      - template: vacuum_clean_zone
      - template: vacuum_clean_zone_predefined
        predefined_selections:
          - zones:
              - - 29218
                - 25397
                - 32728
                - 28231
            label:
              text: Kitchen
              x: 30990
              'y': 26699
              offset_y: 35
            icon:
              name: mdi:countertop
              x: 30990
              'y': 26699
          - zones:
              - - 24417
                - 25414
                - 29258
                - 28044
              - - 24450
                - 28062
                - 26301
                - 29375
            label:
              text: Kitchen 2
              x: 27230
              'y': 26511
              offset_y: 35
            icon:
              name: mdi:countertop
              x: 27230
              'y': 26511
          - zones:
              - - 29048
                - 28386
                - 33668
                - 33202
            label:
              text: Dining
              x: 32887
              'y': 30100
              offset_y: 35
            icon:
              name: mdi:table-chair
              x: 32887
              'y': 30100
          - zones:
              - - 29203
                - 33308
                - 31925
                - 34928
              - - 29271
                - 34846
                - 30215
                - 37816
            label:
              text: Hallway
              x: 31280
              'y': 33929
              offset_y: 35
            icon:
              name: mdi:countertop
              x: 31280
              'y': 33929
          - zones:
              - - 30244
                - 35102
                - 32761
                - 35919
            label:
              text: Powder Room
              x: 32596
              'y': 35279
              offset_y: 35
            icon:
              name: mdi:countertop
              x: 32596
              'y': 35279
          - zones:
              - - 24534
                - 35445
                - 29018
                - 37937
              - - 26908
                - 33104
                - 29051
                - 35408
            label:
              text: Master Bedroom
              x: 28016
              'y': 36133
              offset_y: 35
            icon:
              name: mdi:countertop
              x: 28016
              'y': 36133
          - zones:
              - - 24584
                - 33634
                - 26795
                - 35289
            label:
              text: Ensuite
              x: 26495
              'y': 34014
              offset_y: 35
            icon:
              name: mdi:table-chair
              x: 26495
              'y': 34014
      - template: vacuum_goto
      - template: vacuum_follow_path
    additional_presets:
      - preset_name: Family Room
        entity: vacuum.roborock_s6_maxv
        map_source:
          camera: camera.xiaomi_cloud_map_extractor
        calibration_source:
          camera: true
        append_icons: true
        icons:
          - icon: mdi:home-floor-1
            tooltip: Family Room
            tap_action:
              action: call-service
              service: vacuum.send_command
              service_data:
                entity_id: vacuum.roborock_s6_maxv
                command: load_multi_map
                params: 0
        map_modes:
          - template: vacuum_clean_zone
          - template: vacuum_clean_zone_predefined
            predefined_selections:
              - zones:
                  - - 27500
                    - 27500
                    - 28500
                    - 28500
          - template: vacuum_goto
    card_mod:
      style: |
        ha-card {
          background-color: var(--primary-background-color);
          background: rgb(0, 49, 83, 0.4);
          box-shadow: none;
          }

3_14 · March 7, 2022, 11:38am

The map extractor should automatically switch to current floor.

rznt · March 10, 2022, 8:28am

Hi, @3_14 !
Can you please elaborate on how do I fill the “outside” part of the map please? I couldn’t find the CSS command that does change this.

Kudos for the good works and thanks!

3_14 · March 10, 2022, 9:55am

That’s because it is not a functionality of map card (and therefore not CSS as well), but map extractor:

BeastHouse · March 10, 2022, 12:35pm

Thanks, I have 4 ‘levels’ in my house, am I able to add that many? Kinda struggling with this one.

gliena · March 10, 2022, 3:43pm

Hi,
this card is awesome and is very usefull, great work.

I can almost ditch the app the only thing missing:

Resetting the filters/brushes when they have been replaced by long pressing the info tab for example
When I haven’t open the lid for a while and that i have to empty the bin. I could have a binary sensor set to 1. I could than automate a notificaion

Are these functions something that could be added?

3_14 · March 10, 2022, 4:01pm

You can do as many as you want to

3_14 · March 10, 2022, 4:09pm

It’s possible to do it, but you have to override default tiles
As far I understand this functionality has to be provided by the integration…?

rznt · March 10, 2022, 8:59pm

Thanks a lot for your fast answer! So, “color_scan” did the job

gliena · March 10, 2022, 11:32pm

Thanx I was able to figure this out, just sharing in case this may help someone:


    hold_action:
      action: call-service
      service: vacuum.send_command
      service_data:
        entity_id: vacuum.roborock_s6_maxv
        command: reset_consumable
        params: filter_work_time

It most probably should be part of the integration, I am unable to figure out if there is something showing if the bin is full, will continue searching.

krovachek · March 11, 2022, 6:55am

How can I eliminate this kind of “overflowing”?

3_14 · March 11, 2022, 9:21am

You can’t

github.com/PiotrMachowski/lovelace-xiaomi-vacuum-map-card

UI broken in 2022.3+

opened 10:45PM - 02 Mar 22 UTC

PiotrMachowski

bug

### Checklist - [X] I have updated the card to the latest version available - […X] I have cleared the cache of my browser - [X] I have checked if the problem is already reported ### The problem Modes drop-down broken since 2022.3 ### What version of a card has described problem? v2.0.10 ### What was the last working version card? _No response_ ### What vacuum model do you have problems with? Any ### Which integration do you use to control your vacuum (link)? https://www.home-assistant.io/integrations/xiaomi_miio/ ### What browser (browsers/apps) does have this problem? Any ### What version of Home Assistant do you use? 2022.3.0 ### What type of installation are you running? Home Assistant OS ### Card's configuration ```yaml N/A ``` ### Javascript errors shown in the browser's console (if applicable) _No response_ ### Additional information _No response_

krovachek · March 11, 2022, 11:10am

So it is designed by HA latest versions

gliena · March 11, 2022, 12:26pm

I recreated the look of the card which i like but with the hold-action to reset the filters. Here is the complete code I wrote. (might help sommeone).

Is there a way to have a dynamic icon for the battery like it’s the case in the default setup?

tiles:
  - label: Status
    entity: vacuum.roborock_s6_maxv
    attribute: status
    icon: mdi:robot-vacuum
  - label: Battery
    entity: vacuum.roborock_s6_maxv
    attribute: battery_level
    unit: '%'
    icon: mdi:battery
  - label: Fan speed
    entity: vacuum.roborock_s6_maxv
    attribute: fan_speed
    icon: mdi:fan
  - label: Sensor left
    entity: sensor.roborock_s6_maxv_sensor_dirty_left
    multiplier: 0.0002777777777777778
    unit: h
    icon: mdi:eye-outline
    precision: 1
    hold_action:
      action: call-service
      service: vacuum.send_command
      service_data:
        entity_id: vacuum.roborock_s6_maxv
        command: reset_consumable
        params: sensor_dirty_time
  - label: Filter left
    entity: sensor.roborock_s6_maxv_filter_left
    multiplier: 0.0002777777777777778
    unit: h
    icon: mdi:air-filter
    precision: 1
    hold_action:
      action: call-service
      service: vacuum.send_command
      service_data:
        entity_id: vacuum.roborock_s6_maxv
        command: reset_consumable
        params: filter_work_time
  - label: Main brush left
    entity: sensor.roborock_s6_maxv_main_brush_left
    multiplier: 0.0002777777777777778
    unit: h
    icon: mdi:brush
    precision: 1
    hold_action:
      action: call-service
      service: vacuum.send_command
      service_data:
        entity_id: vacuum.roborock_s6_maxv
        command: reset_consumable
        params: main_brush_work_time
  - label: Side brush left
    entity: sensor.roborock_s6_maxv_side_brush_left
    multiplier: 0.0002777777777777778
    unit: h
    icon: mdi:brush
    precision: 1
    hold_action:
      action: call-service
      service: vacuum.send_command
      service_data:
        entity_id: vacuum.roborock_s6_maxv
        command: reset_consumable
        params: side_brush_work_time

3_14 · March 11, 2022, 12:36pm

Nicely done You can also double-click “play” button to retrieve autogenerated config, it will be printed in browser’s console (it is almost exactly the same as your, the only thing that is missing are translations, but they are not required for English )

Currently it’s not possible to have a dynamic icon, but I plan to add this feature

3_14 · March 11, 2022, 12:36pm

I like your approach

tozim · March 15, 2022, 12:09pm

What’s the best way to have this card display the map of a valetudo robot?
Still ICantBelieveItsNotValetudo?

3_14 · March 15, 2022, 12:47pm

Yup, I don’t really want to parse raw map data…

3_14 · March 15, 2022, 1:04pm

You can check out this issue:

github.com/PiotrMachowski/lovelace-xiaomi-vacuum-map-card

Valetudo RE integration (patform_template and possibly automatic map calibration)

opened 12:13PM - 30 Jan 22 UTC

maximweb

enhancement

### Description I have recently flashed my vacuum with Valetudo **RE** and woul…d love a seamless integration in HA with your amazing card. Therefore two features would be neat - Have a `platform_template` for Valetudo **RE**, which directly sends MQTT commands to the robot (or a different topic and add an automation which parses the data to the format required by Valetudo re. - (future?) Enable automatic calibration of the map: I found a way to generate calibration points from Valetudo RE's [mapper](https://github.com/rand256/valetudo-mapper). Moments ago I asked for a feature request [over there to auto-calibrate and serve the calibration points](https://github.com/rand256/valetudo/issues/481). ### Solution **platform_template** This is how far I got: I have cloned your repo and my work-in-progress `platform_template` currently looks like this(excerpt): ``` { "map_modes": { "defaultTemplates": ["vacuum_clean_zone", "vacuum_goto"], "templates": { "vacuum_clean_zone_predefined": { "name": "map_mode.vacuum_clean_zone_predefined", "icon": "mdi:floor-plan", "selection_type": "PREDEFINED_RECTANGLE", "max_selections": 5, "coordinates_rounding": true, "repeats_type": "INTERNAL", "max_repeats": 3, "service_call_schema": { "service": "mqtt.publish", "service_data": { "topic": "vacuum/bb8/custom_command", "payload": "{ \"command\": \"zoned_cleanup\", \"zone_ids\": [{ \"id\": [[selection_id]], \"repeats\": [[repeats]] }], \"afterCleaning\": \"Base\" }" } } } } }, "tiles": { "from_attributes": [ { "attribute": "mainBrush", "label": "tile.main_brush_left.label", "icon": "mdi:fan-speed-1", "unit": "unit.hour_shortcut" }, { "attribute": "sideBrush", "label": "tile.side_brush_left.label", "icon": "mdi:fan-speed-2", "unit": "unit.hour_shortcut" }, { "attribute": "filter", "label": "tile.filter_left.label", "icon": "mdi:air-filter", "unit": "unit.hour_shortcut" } ], "from_sensors": [] } } ``` And the card: ``` type: custom:xiaomi-vacuum-map-card title: Xiaomi Card TESTING preset_name: Live map entity: vacuum.rockrobo map_source: camera: camera.rockrobo_map_data map_locked: true vacuum_platform: mqtt_generic debug: true calibration_source: calibration_points: - vacuum: x: 23800 'y': 22600 map: x: 21 'y': 21 - vacuum: x: 30250 'y': 29850 map: x: 537 'y': 601 - vacuum: x: 36700 'y': 22600 map: x: 1053 'y': 21 map_modes: - template: vacuum_clean_zone - template: vacuum_clean_zone_predefined predefined_selections: - zones: - - 28889 - 23472 - 30306 - 24685 label: text: Bad x: 29500 'y': 24000 offset_y: 35 icon: name: mdi:shower x: 29500 'y': 24000 - zones: - - 28475 - 24604 - 30665 - 25960 - - 28676 - 25871 - 30219 - 29701 label: text: Flur x: 29500 'y': 27200 offset_y: 35 icon: name: mdi:pot-mix x: 29500 'y': 27200 ``` The sensor integration works well. Unfortunately the parsing of parameters [[selection_id]] and [[repeats]] is not yet resolved correctly, neither works `|[[jsonize]]` as suggested in your [readme](- `|[[jsonize]]`: if value ends with this modifier it will be decoded as a JSON). Is this limited to `service_data` or is also applicable to `payload`? Maybe you could point me in the right direction, how to accomplish this. **calibration points** Unfortunately, I do not really know how to achieve auto-calibration. I believe parsing them initialized from the robot itself should be the way to go. But how to make them accessible to your card? ### Alternatives _No response_ ### Context The [Valetudo RE MQTT api](https://github.com/rand256/valetudo/wiki/MQTT-API#Topic_valetudorockrobocustom_command) for the "clean predefined zones" should go to topic ``` valetudo/rockrobo/custom_command ``` and look like this: ``` { "command": "zoned_cleanup", "zone_ids": [ "Foo", { "id": "Bar", "repeats": 2 } ], "afterCleaning": "Stop" } ```