wekan/client/components/main/popup.js
Maxime Quandalle 6ef9c7e95f Improve popup animation
When going back wait for the popup transition to end before removing
the DOM element.
2015-05-22 20:17:40 +02:00

40 lines
1.1 KiB
JavaScript

// XXX This event list should be abstracted somewhere else.
var endTransitionEvents = [
'webkitTransitionEnd',
'otransitionend',
'oTransitionEnd',
'msTransitionEnd',
'transitionend'
].join(' ');
Popup.template.events({
click: function(evt) {
if (evt.originalEvent) {
evt.originalEvent.clickInPopup = true;
}
},
'click .js-back-view': function() {
Popup.back();
},
'click .js-close-pop-over': function() {
Popup.close();
},
'click .js-confirm': function() {
this.__afterConfirmAction.call(this);
}
});
// When a popup content is removed (ie, when the user press the "back" button),
// we need to wait for the container translation to end before removing the
// actual DOM element. For that purpose we use the undocumented `_uihooks` API.
Popup.template.onRendered(function() {
var container = this.find('.content-container');
container._uihooks = {
removeElement: function(node) {
$(node).addClass('no-height');
$(container).one(endTransitionEvents, function() {
node.parentNode.removeChild(node);
});
}
};
});