mirror of
https://github.com/ansible/awx.git
synced 2026-01-16 12:20:45 -03:30
Removes close behavior when clicking outside of modal and dialog components
This commit is contained in:
parent
c1cf7b79e3
commit
df177d6dc3
@ -1,30 +1,7 @@
|
||||
const templateUrl = require('~components/dialog/dialog.partial.html');
|
||||
|
||||
const overlayClass = 'at-Dialog';
|
||||
|
||||
function DialogController () {
|
||||
const vm = this || {};
|
||||
|
||||
vm.handleClick = ({ target }) => {
|
||||
if (!vm.onClose) {
|
||||
return;
|
||||
}
|
||||
|
||||
const targetElement = $(target);
|
||||
|
||||
if (targetElement.hasClass(overlayClass)) {
|
||||
vm.onClose();
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
DialogController.$inject = [
|
||||
'$element',
|
||||
];
|
||||
|
||||
export default {
|
||||
templateUrl,
|
||||
controller: DialogController,
|
||||
controllerAs: 'vm',
|
||||
transclude: true,
|
||||
bindings: {
|
||||
|
||||
@ -12,11 +12,10 @@ function atModalLink (scope, el, attrs, controllers) {
|
||||
});
|
||||
}
|
||||
|
||||
function AtModalController ($timeout, eventService, strings) {
|
||||
function AtModalController (strings) {
|
||||
const vm = this;
|
||||
|
||||
let overlay;
|
||||
let listeners;
|
||||
|
||||
vm.strings = strings;
|
||||
|
||||
@ -33,12 +32,6 @@ function AtModalController ($timeout, eventService, strings) {
|
||||
vm.modal.title = title;
|
||||
vm.modal.message = message;
|
||||
|
||||
if (!vm.modal.preventOutsideClick) {
|
||||
listeners = eventService.addListeners([
|
||||
[overlay, 'click', vm.clickToHide]
|
||||
]);
|
||||
}
|
||||
|
||||
overlay.style.display = 'block';
|
||||
overlay.style.opacity = 1;
|
||||
};
|
||||
@ -46,10 +39,6 @@ function AtModalController ($timeout, eventService, strings) {
|
||||
vm.hide = () => {
|
||||
overlay.style.opacity = 0;
|
||||
|
||||
if (!vm.modal.preventOutsideClick) {
|
||||
eventService.remove(listeners);
|
||||
}
|
||||
|
||||
setTimeout(() => {
|
||||
overlay.style.display = 'none';
|
||||
}, DEFAULT_ANIMATION_DURATION);
|
||||
@ -67,8 +56,6 @@ function AtModalController ($timeout, eventService, strings) {
|
||||
}
|
||||
|
||||
AtModalController.$inject = [
|
||||
'$timeout',
|
||||
'EventService',
|
||||
'ComponentsStrings'
|
||||
];
|
||||
|
||||
|
||||
@ -13,8 +13,6 @@ export default [ 'ProcessErrors', 'CredentialTypeModel', 'TemplatesStrings', '$f
|
||||
scope = _scope_;
|
||||
({ modal } = scope[scope.ns]);
|
||||
|
||||
modal.preventOutsideClick = true;
|
||||
|
||||
scope.$watch('vm.promptData.triggerModalOpen', () => {
|
||||
vm.actionButtonClicked = false;
|
||||
if(vm.promptData && vm.promptData.triggerModalOpen) {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user