Have the confirmation popover in a separate Vue component fixes a bug in IE that was causing the `form` element in the popover to be ignored. Since `form`s cannot be nested, the `form` element in the popover was being discarded by IE and the revoke/resend invitation buttons did nothing. Breaking the functionality into a Vue component moves the `form` into a separate template. When the popover is displayed, the component is added to the DOM at the end, so the `form` is properly not-nested.
11 lines
398 B
HTML
11 lines
398 B
HTML
{% macro ConfirmationButton(btn_text, action, confirm_msg="Are you sure?", confirm_btn="Confirm", cancel_btn="Cancel") -%}
|
|
<confirmation-popover
|
|
btn_text='{{ btn_text }}'
|
|
action='{{ action }}'
|
|
csrf_token='{{ csrf_token() }}'
|
|
confirm_msg='{{ confirm_msg }}'
|
|
confirm_btn_text='{{ confirm_btn }}'
|
|
cancel_btn_text='{{ cancel_btn }}'>
|
|
</confirmation-popover>
|
|
{%- endmacro %}
|