Garage door confirmation (with cover!)

Hi!

I was wondering if there was a way to get a confirmation (dialog) when I use the built-in cover control? (The one with the up,stop,down arrows)
This is the config in configuration.yaml:

cover:
  - platform: template
    covers:
      garage_door:
        device_class: garage
        friendly_name: "Garázsajtó"
        value_template: "{{ is_state('binary_sensor.shelly_uni_483fda829330_input_0', 'on') }}"
        open_cover:
          service: switch.turn_on
          data:
            entity_id: switch.shelly_uni_483fda829330_relay_0
        close_cover:
          service: switch.turn_on
          data:
            entity_id: switch.shelly_uni_483fda829330_relay_0
        stop_cover:
          service: switch.turn_on
          data:
            entity_id: switch.shelly_uni_483fda829330_relay_0
        icon_template: >-
          {% if states('sensor.garage_door', 'Open') %}
            mdi:garage-open
          {% else %}
            mdi:garage
          {% endif %}

And this is the config in lovelace:

 - type: entities
        state_color: true
        entities:
          - entity: cover.garage_door
        title: Kapu / Garázsajtó

And this is how it looks like:

image

Add position_template to your config for template cover and provide definition to get senor for cover positions

Use a notification for dialog confirmation
There are custom integration for Toast Notification but Persistent Notification may also work for you

I want to solve the same problem as you. Have you managed to show a confirmation pop-up when you press one of the buttons on the card?

Came here with the same question. After a bit of fiddling my solution is to use the stack-in-card, but I’m sure there are better ways of achieving the same thing.

My yaml just provides the up/stop/down buttons (as entity cards/buttons plus confirmation) without much highlighting of which directions are actually possible. Also my garage door has no notion of up/down, so all of my buttons in this example just toggles the cover entity, you can swap out the toggle for activating the cover open/close services.

Horizontal:

type: custom:stack-in-card
mode: horizontal
cards:
  - type: custom:mushroom-cover-card
    entity: cover.garage_door_car
    icon_type: entity-picture
    layout: horizontal
    fill_container: false
    tap_action:
      action: toggle
      confirmation:
        text: ' '
    hold_action:
      action: more-info
    double_tap_action:
      action: toggle
  - type: custom:stack-in-card
    mode: horizontal
    cards:
      - type: custom:mushroom-entity-card
        entity: cover.garage_door_car
        icon: mdi:arrow-up
        layout: vertical
        primary_info: none
        secondary_info: none
        fill_container: false
        tap_action:
          action: toggle
          confirmation:
            text: ' '
        hold_action:
          action: more-info
        double_tap_action:
          action: toggle
        card_mod:
          style: |
            ha-card { 
              margin-right: -80px;
              }
      - type: custom:mushroom-entity-card
        entity: cover.garage_door_car
        icon: mdi:stop
        layout: vertical
        primary_info: none
        secondary_info: none
        fill_container: false
        tap_action:
          action: toggle
          confirmation:
            text: ' '
        hold_action:
          action: more-info
        double_tap_action:
          action: toggle
        card_mod:
          style: |
            ha-card { 
              margin-right: -40px;
              }
      - type: custom:mushroom-entity-card
        entity: cover.garage_door_car
        icon: mdi:arrow-down
        layout: vertical
        primary_info: none
        secondary_info: none
        fill_container: false
        tap_action:
          action: toggle
          confirmation:
            text: ' '
        hold_action:
          action: more-info
        double_tap_action:
          action: toggle
        card_mod:
          style: |
            ha-card { 
              margin-left: -40px;
              margin-right: -40px;
              }

Vertical:

image

type: custom:stack-in-card
mode: vertical
layout_options:
  grid_columns: 2
  grid_rows: 3
cards:
  - type: custom:mushroom-cover-card
    entity: cover.garage_door_car
    icon_type: entity-picture
    layout: vertical
    fill_container: false
    tap_action:
      action: toggle
      confirmation:
        text: ' '
    hold_action:
      action: more-info
    double_tap_action:
      action: toggle
    card_mod:
      style: |
        ha-card { 
          margin-bottom: -10px;
          }
  - type: custom:stack-in-card
    mode: horizontal
    cards:
      - type: custom:mushroom-entity-card
        entity: cover.garage_door_car
        icon: mdi:arrow-up
        layout: vertical
        primary_info: none
        secondary_info: none
        fill_container: false
        tap_action:
          action: toggle
          confirmation:
            text: ' '
        hold_action:
          action: more-info
        double_tap_action:
          action: toggle
        card_mod:
          style: |
            ha-card { 
              margin-right: -60px;
              }
      - type: custom:mushroom-entity-card
        entity: cover.garage_door_car
        icon: mdi:stop
        layout: vertical
        primary_info: none
        secondary_info: none
        fill_container: false
        tap_action:
          action: toggle
          confirmation:
            text: ' '
        hold_action:
          action: more-info
        double_tap_action:
          action: toggle
      - type: custom:mushroom-entity-card
        entity: cover.garage_door_car
        icon: mdi:arrow-down
        layout: vertical
        primary_info: none
        secondary_info: none
        fill_container: false
        tap_action:
          action: toggle
          confirmation:
            text: ' '
        hold_action:
          action: more-info
        double_tap_action:
          action: toggle
        card_mod:
          style: |
            ha-card { 
              margin-left: -60px;
              }
    card_mod:
      style: |
        ha-card { 
          margin-top: -10px;
          }