Removes close behavior when clicking outside of modal and dialog components

This commit is contained in:
mabashian 2019-07-30 16:47:17 -04:00
parent c1cf7b79e3
commit df177d6dc3
3 changed files with 1 additions and 39 deletions

View File

@ -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: {

View File

@ -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'
];

View File

@ -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) {