Eufy Robovac 30c card in hass

configuration.yaml

################################################
# Vacuum cleaner Eufy Robovac 30c
################################################
eufy_vacuum:
  devices:
  - name: 'Robovac'
    address: !secret robovac_host
    access_token: !secret eufy_vacuum_token
    id: !secret eufy_vacuum_id
    type: T2118

lovelace_ui_card.yaml

elements:
  - attribute: status
    entity: vacuum.robovac
    prefix: (
    style:
      left: 15%
      position: absolute
      text-transform: capitalize
      top: 5%
      transform: 'translate(0%, -50%)'
    suffix: )
    tap_action:
      action: none
    type: state-label
  - conditions:
      - entity: vacuum.robovac
        state: 'off'
    elements:
      - icon: 'mdi:home'
        style:
          color: 'rgb(68, 115, 158, 1.0)'
          left: 10%
          top: 5%
        tap_action:
          action: more-info
        title: State
        type: icon
      - icon: 'mdi:broom'
        style:
          color: 'rgb(68, 115, 158, 1.0)'
          left: 10%
          top: 30%
        tap_action:
          action: call-service
          service: vacuum.start_pause
          service_data:
            entity_id: vacuum.robovac
        title: Start cleaning
        type: icon
    type: conditional
  - conditions:
      - entity: vacuum.robovac
        state_not: 'off'
    elements:
      - icon: 'mdi:robot-vacuum'
        style:
          color: 'rgb(68, 115, 158, 1.0)'
          left: 10%
          top: 5%
        tap_action:
          action: none
        title: State
        type: icon
      - icon: 'mdi:power-plug'
        style:
          color: 'rgb(68, 115, 158, 1.0)'
          left: 10%
          top: 30%
        tap_action:
          action: call-service
          service: vacuum.return_to_base
          service_data:
            entity_id: vacuum.robovac
        title: Return to base
        type: icon
      - attribute: battery_level
        entity: vacuum.robovac
        prefix: (
        style:
          left: 15%
          position: absolute
          top: 30%
          transform: 'translate(0%, -50%)'
        suffix: '%)'
        tap_action:
          action: none
        type: state-label
      - icon: 'mdi:pause'
        style:
          color: 'rgb(68, 115, 158, 1.0)'
          right: 5%
          top: 5%
        tap_action:
          action: call-service
          service: vacuum.start_pause
          service_data:
            entity_id: vacuum.robovac
        title: Pause cleaning
        type: icon
      - icon: 'mdi:crosshairs-gps'
        style:
          color: 'rgb(68, 115, 158, 1.0)'
          left: 10%
          top: 55%
        tap_action:
          action: call-service
          service: vacuum.locate
          service_data:
            entity_id: vacuum.robovac
        title: Locate the vacuum
        type: icon
      - icon: 'mdi:axis-x-arrow'
        style:
          color: 'rgb(68, 115, 158, 1.0)'
          right: 5%
          top: 30%
        tap_action:
          action: call-service
          service: vacuum.clean_edge
          service_data:
            entity_id: vacuum.robovac
        title: Edge cleaning
        type: icon
      - icon: 'mdi:axis-z-rotate-counterclockwise'
        style:
          color: 'rgb(68, 115, 158, 1.0)'
          right: 15%
          top: 30%
        tap_action:
          action: call-service
          service: vacuum.clean_spot
          service_data:
            entity_id: vacuum.robovac
        title: Spot cleaning
        type: icon
      - icon: 'mdi:fan'
        style:
          color: 'rgb(68, 115, 158, 1.0)'
          right: 15%
          top: 55%
        tap_action:
          action: call-service
          service: vacuum.set_fan_speed
          service_data:
            entity_id: vacuum.robovac
            fan_speed: Standard
        title: Low speed
        type: icon
      - icon: 'mdi:fan'
        style:
          color: 'rgb(68, 115, 158, 1.0)'
          right: 5%
          top: 55%
        tap_action:
          action: call-service
          service: vacuum.set_fan_speed
          service_data:
            entity_id: vacuum.robovac
            fan_speed: Max
        title: Max speed
        type: icon
      - icon: 'mdi:fan'
        style:
          color: 'rgb(68, 115, 158, 1.0)'
          right: 25%
          top: 55%
        tap_action:
          action: call-service
          service: vacuum.set_fan_speed
          service_data:
            entity_id: vacuum.robovac
            fan_speed: Boost IQ
        title: Boost IQ
        type: icon
      - attribute: fan_speed
        entity: vacuum.robovac
        style:
          font-style: italic
          right: 10%
          top: 5%
        tap_action:
          action: none
        type: state-label
    type: conditional
image: /local/media/eufy_robovac.png?a
title: Vacuum cleaner
type: picture-elements