Using dropdown menu instead of switch

[znanywawa]

Hi,

Now You map card works great, but I think it would be way better where instead of switching vacuuming mod, there would be dropdown menu like it is for choosing vacuum target:

Then from map card we can choose vacuuming power and (if it will be possible for You to implement) mopping settings (for Roborock).

Regards.

[PiotrMachowski]

It is something that I wanted to do for quite some time, but right now I have enough problems with already existing dropdown menu. I will try to add this feature after I fix the modes menu (reuse the same component).

[znanywawa]

Sure, whole page config below:

cards:
  - cards:
      - entity: vacuum.roborock_s7
        image: /local/pictures/vacuum/vacuum.png
        name: Roborock S7
        type: custom:xiaomi-vacuum-card
        vendor: xiaomi
      - cards:
          - elements:
              - entity: sensor.roborock_s7_side_brush_remaining
                style:
                  background-color: rgba(0, 0, 0, 0.3)
                  bottom: 0px
                  color: orange
                  font-size: 30px
                  left: 0px
                  right: 0px
                  transform: translate(0%,0%)
                title: '% Remaining Until Side Brush Should Be Replaced'
                type: state-label
              - entity: sensor.roborock_s7_side_brush_hrs_remaining
                prefix: 'Remaining '
                style:
                  bottom: 0px
                  color: white
                  font-size: 16px
                  line-height: 16px
                  right: 0px
                  transform: translate(0%,0%)
                title: Hours Remaining Until Side Brush Should Be Replaced
                type: state-label
              - icon: mdi:restart
                style:
                  color: white
                  padding: 7px
                  right: 0px
                  top: 0px
                  transform: translate(0%,0%)
                tap_action:
                  action: call-service
                  confirmation:
                    text: >-
                      Are you sure you want to reset the hours remaining counter
                      for replacing the side brush?
                  service: vacuum.send_command
                  service_data:
                    command: reset_consumable
                    entity_id: vacuum.roborock_s7
                    params:
                      - side_brush_work_time
                title: Reset Hours
                type: icon
            image: /local/pictures/vacuum//side_brush.png
            type: picture-elements
          - elements:
              - entity: sensor.roborock_s7_sensors_remaining
                style:
                  background-color: rgba(0, 0, 0, 0.3)
                  bottom: 0px
                  color: orange
                  font-size: 30px
                  left: 0px
                  right: 0px
                  transform: translate(0%,0%)
                title: '% Remaining Until Sensors Should Be Cleaned'
                type: state-label
              - entity: sensor.roborock_s7_sensors_hrs_remaining
                prefix: 'Remaining '
                style:
                  bottom: 0px
                  color: white
                  font-size: 16px
                  line-height: 16px
                  right: 0px
                  transform: translate(0%,0%)
                title: Hours Remaining Until Sensors Should Be Cleaned
                type: state-label
              - icon: mdi:restart
                style:
                  color: white
                  padding: 7px
                  right: 0px
                  top: 0px
                  transform: translate(0%,0%)
                tap_action:
                  action: call-service
                  confirmation:
                    text: >-
                      Are you sure you want to reset the hours remaining counter
                      for cleaning the sensors?
                  service: vacuum.send_command
                  service_data:
                    command: reset_consumable
                    entity_id: vacuum.roborock_s7
                    params:
                      - sensor_dirty_time
                title: Reset Hours
                type: icon
            image: /local/pictures/vacuum/sensors.png
            type: picture-elements
        type: horizontal-stack
      - cards:
          - elements:
              - entity: sensor.roborock_s7_filter_remaining
                style:
                  background-color: rgba(0, 0, 0, 0.3)
                  bottom: 0px
                  color: orange
                  font-size: 30px
                  left: 0px
                  right: 0px
                  transform: translate(0%,0%)
                title: '% Remaining Until Filter Should Be Replaced'
                type: state-label
              - entity: sensor.roborock_s7_filter_hrs_remaining
                prefix: 'Remaining '
                style:
                  bottom: 0px
                  color: white
                  font-size: 16px
                  line-height: 16px
                  right: 0px
                  transform: translate(0%,0%)
                title: Hours Remaining Until Filter Should Be Replaced
                type: state-label
              - icon: mdi:restart
                style:
                  color: white
                  padding: 7px
                  right: 0px
                  top: 0px
                  transform: translate(0%,0%)
                tap_action:
                  action: call-service
                  confirmation:
                    text: >-
                      Are you sure you want to reset the hours remaining counter
                      for replacing the filter?
                  service: vacuum.send_command
                  service_data:
                    command: reset_consumable
                    entity_id: vacuum.roborock_s7
                    params:
                      - filter_work_time
                title: Reset Hours
                type: icon
            image: /local/pictures/vacuum/filter.png
            type: picture-elements
          - elements:
              - entity: sensor.roborock_s7_main_brush_remaining
                style:
                  background-color: rgba(0, 0, 0, 0.3)
                  bottom: 0px
                  color: orange
                  font-size: 30px
                  left: 0px
                  right: 0px
                  transform: translate(0%,0%)
                title: '% Remaining Until Main Brush Should Be Replaced'
                type: state-label
              - entity: sensor.roborock_s7_main_brush_hrs_remaining
                prefix: 'Remaining '
                style:
                  bottom: 0px
                  color: white
                  font-size: 16px
                  line-height: 16px
                  right: 0px
                  transform: translate(0%,0%)
                title: Hours Remaining Until Main Brush Should Be Replaced
                type: state-label
              - icon: mdi:restart
                style:
                  color: white
                  padding: 7px
                  right: 0px
                  top: 0px
                  transform: translate(0%,0%)
                tap_action:
                  action: call-service
                  confirmation:
                    text: >-
                      Are you sure you want to reset the hours remaining counter
                      for replacing the main brush?
                  service: vacuum.send_command
                  service_data:
                    command: reset_consumable
                    entity_id: vacuum.roborock_s7
                    params:
                      - main_brush_work_time
                title: Reset Hours
                type: icon
            image: /local/pictures/vacuum/main_brush.png
            type: picture-elements
        type: horizontal-stack
    type: vertical-stack
  - cards:
      - calibration_source:
          camera: true
        entity: vacuum.roborock_s7
        map_locked: true
        map_modes:
          - template: vacuum_clean_zone
          - template: vacuum_goto
          - predefined_selections:
              - icon:
                  name: mdi:television
                  x: 27400
                  'y': 26350
                id: 17
              - icon:
                  name: mdi:human-child
                  x: 30600
                  'y': 25975
                id: 18
              - icon:
                  name: mdi:shower-head
                  x: 25125
                  'y': 30300
                id: 19
              - icon:
                  name: mdi:bed
                  x: 26100
                  'y': 34500
                id: 20
              - icon:
                  name: mdi:broom
                  x: 27400
                  'y': 31175
                id: 16
              - icon:
                  name: mdi:bathtub
                  x: 25475
                  'y': 32325
                id: 21
            template: vacuum_clean_segment
        map_source:
          camera: camera.roborock_s7_map
          crop:
            bottom: 230
            left: 200
            right: 220
            top: 220
        type: custom:xiaomi-vacuum-map-card
        vacuum_platform: humbertogontijo/homeassistant-roborock
    type: vertical-stack
items_classes: col-lg-4 col-xs-12
type: custom:dwains-flexbox-card

You card is the bottom one.

[PiotrMachowski]

It looks ok, could you try to follow these steps to send me details about vacuum entities?

[znanywawa]

It looks ok, could you try to follow these steps to send me details about vacuum entities?

You want to send You all those 32 entries via email?

[PiotrMachowski]

Yes, if possible.

[znanywawa]

Yes, if possible.

Sent :)