Add vue component for confirmation popover

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.
This commit is contained in:
Patrick Smith
2018-11-27 10:21:58 -05:00
parent f226f88ab3
commit fd6b0f9b24
6 changed files with 68 additions and 20 deletions

View File

@@ -23,6 +23,7 @@ import CcpoApproval from './components/forms/ccpo_approval'
import MembersList from './components/forms/members_list'
import LocalDatetime from './components/local_datetime'
import RequestsList from './components/forms/requests_list'
import ConfirmationPopover from './components/confirmation_popover'
Vue.config.productionTip = false
@@ -50,6 +51,7 @@ const app = new Vue({
EditEnvironmentRole,
EditProjectRoles,
RequestsList,
ConfirmationPopover,
},
mounted: function() {