2014-04-01 02:14:14 +04:00
|
|
|
/* ========================================================================
|
2014-04-02 19:36:38 +04:00
|
|
|
* Ratchet: popovers.js v2.0.2
|
2014-04-01 02:14:14 +04:00
|
|
|
* http://goratchet.com/components#popovers
|
|
|
|
* ========================================================================
|
2015-01-06 23:42:14 +03:00
|
|
|
* Copyright 2015 Connor Sears
|
2014-04-01 02:14:14 +04:00
|
|
|
* Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE)
|
|
|
|
* ======================================================================== */
|
2012-11-05 04:03:39 +04:00
|
|
|
|
2014-03-04 11:04:30 +04:00
|
|
|
!(function () {
|
2014-02-26 13:45:49 +04:00
|
|
|
'use strict';
|
2012-11-05 04:03:39 +04:00
|
|
|
|
|
|
|
var popover;
|
|
|
|
|
|
|
|
var findPopovers = function (target) {
|
2014-03-09 16:35:59 +04:00
|
|
|
var i;
|
|
|
|
var popovers = document.querySelectorAll('a');
|
|
|
|
|
2012-11-05 04:03:39 +04:00
|
|
|
for (; target && target !== document; target = target.parentNode) {
|
2014-03-04 10:51:51 +04:00
|
|
|
for (i = popovers.length; i--;) {
|
|
|
|
if (popovers[i] === target) {
|
|
|
|
return target;
|
|
|
|
}
|
|
|
|
}
|
2012-11-05 04:03:39 +04:00
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
var onPopoverHidden = function () {
|
|
|
|
popover.style.display = 'none';
|
2015-02-06 19:53:03 +03:00
|
|
|
popover.removeEventListener(window.RATCHET.getTransitionEnd, onPopoverHidden);
|
2014-03-02 15:45:10 +04:00
|
|
|
};
|
2012-11-05 04:03:39 +04:00
|
|
|
|
2014-03-04 11:04:30 +04:00
|
|
|
var backdrop = (function () {
|
2012-11-05 04:03:39 +04:00
|
|
|
var element = document.createElement('div');
|
|
|
|
|
|
|
|
element.classList.add('backdrop');
|
|
|
|
|
|
|
|
element.addEventListener('touchend', function () {
|
2015-02-06 19:53:03 +03:00
|
|
|
popover.addEventListener(window.RATCHET.getTransitionEnd, onPopoverHidden);
|
2012-11-05 04:03:39 +04:00
|
|
|
popover.classList.remove('visible');
|
2014-02-16 01:06:24 +04:00
|
|
|
popover.parentNode.removeChild(backdrop);
|
2012-11-05 04:03:39 +04:00
|
|
|
});
|
|
|
|
|
|
|
|
return element;
|
2014-03-04 11:04:30 +04:00
|
|
|
}());
|
2012-11-05 04:03:39 +04:00
|
|
|
|
|
|
|
var getPopover = function (e) {
|
|
|
|
var anchor = findPopovers(e.target);
|
|
|
|
|
2014-03-04 10:51:51 +04:00
|
|
|
if (!anchor || !anchor.hash || (anchor.hash.indexOf('/') > 0)) {
|
|
|
|
return;
|
|
|
|
}
|
2012-11-05 04:03:39 +04:00
|
|
|
|
2013-10-21 19:22:04 +04:00
|
|
|
try {
|
|
|
|
popover = document.querySelector(anchor.hash);
|
2014-03-24 20:24:01 +04:00
|
|
|
} catch (error) {
|
2014-03-02 15:45:10 +04:00
|
|
|
popover = null;
|
2013-10-21 19:22:04 +04:00
|
|
|
}
|
|
|
|
|
2014-03-08 09:00:15 +04:00
|
|
|
if (popover === null) {
|
2014-03-04 10:51:51 +04:00
|
|
|
return;
|
|
|
|
}
|
2012-11-05 04:03:39 +04:00
|
|
|
|
2014-03-04 10:51:51 +04:00
|
|
|
if (!popover || !popover.classList.contains('popover')) {
|
|
|
|
return;
|
|
|
|
}
|
2012-11-05 04:03:39 +04:00
|
|
|
|
|
|
|
return popover;
|
2014-03-02 15:45:10 +04:00
|
|
|
};
|
2012-11-05 04:03:39 +04:00
|
|
|
|
2013-05-10 07:10:49 +04:00
|
|
|
var showHidePopover = function (e) {
|
2012-11-05 04:03:39 +04:00
|
|
|
var popover = getPopover(e);
|
|
|
|
|
2014-03-04 10:51:51 +04:00
|
|
|
if (!popover) {
|
|
|
|
return;
|
|
|
|
}
|
2012-11-05 04:03:39 +04:00
|
|
|
|
|
|
|
popover.style.display = 'block';
|
|
|
|
popover.offsetHeight;
|
|
|
|
popover.classList.add('visible');
|
|
|
|
|
|
|
|
popover.parentNode.appendChild(backdrop);
|
2013-05-10 07:10:49 +04:00
|
|
|
};
|
2012-11-05 04:03:39 +04:00
|
|
|
|
2013-05-10 07:10:49 +04:00
|
|
|
window.addEventListener('touchend', showHidePopover);
|
2012-11-05 04:03:39 +04:00
|
|
|
|
2014-03-04 11:04:30 +04:00
|
|
|
}());
|