| Server IP : 79.136.114.73 / Your IP : 216.73.216.217 Web Server : Apache/2.4.7 (Ubuntu) PHP/5.5.9-1ubuntu4.29 OpenSSL/1.0.1f System : Linux b8009 3.13.0-170-generic #220-Ubuntu SMP Thu May 9 12:40:49 UTC 2019 x86_64 User : www-data ( 33) PHP Version : 5.5.9-1ubuntu4.29 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/www.astacus.eu/wp-content/plugins/coming-soon/public/vendor/tingle/ |
Upload File : |
/* !
* tingle.js
* @author robin_parisi
* @version 0.15.1
* @url
*/
/* global define,module*/
(function(root, factory) {
if (typeof define === 'function' && define.amd) {
define(factory)
} else if (typeof exports === 'object') {
module.exports = factory()
} else {
root.tingle = factory()
}
}(this, function() {
/* ----------------------------------------------------------- */
/* == modal */
/* ----------------------------------------------------------- */
var isBusy = false
function Modal(options) {
var defaults = {
onClose: null,
onOpen: null,
beforeOpen: null,
beforeClose: null,
stickyFooter: false,
footer: false,
cssClass: [],
closeLabel: 'Close',
closeMethods: ['overlay', 'button', 'escape']
}
// extends config
this.opts = extend({}, defaults, options)
// init modal
this.init()
}
Modal.prototype.init = function() {
if (this.modal) {
return
}
_build.call(this)
_bindEvents.call(this)
// insert modal in dom
document.body.insertBefore(this.modal, document.body.firstChild)
if (this.opts.footer) {
this.addFooter()
}
return this
}
Modal.prototype._busy = function(state) {
isBusy = state
}
Modal.prototype._isBusy = function() {
return isBusy
}
Modal.prototype.destroy = function() {
if (this.modal === null) {
return
}
// restore scrolling
if (this.isOpen()) {
this.close(true)
}
// unbind all events
_unbindEvents.call(this)
// remove modal from dom
this.modal.parentNode.removeChild(this.modal)
this.modal = null
}
Modal.prototype.isOpen = function() {
return !!this.modal.classList.contains('tingle-modal--visible')
}
Modal.prototype.open = function() {
if(this._isBusy()) return
this._busy(true)
var self = this
// before open callback
if (typeof self.opts.beforeOpen === 'function') {
self.opts.beforeOpen()
}
if (this.modal.style.removeProperty) {
this.modal.style.removeProperty('display')
} else {
this.modal.style.removeAttribute('display')
}
// prevent double scroll
this._scrollPosition = window.pageYOffset
document.body.classList.add('tingle-enabled')
document.body.style.top = -this._scrollPosition + 'px'
// sticky footer
this.setStickyFooter(this.opts.stickyFooter)
// show modal
this.modal.classList.add('tingle-modal--visible')
// onOpen callback
if (typeof self.opts.onOpen === 'function') {
self.opts.onOpen.call(self)
}
self._busy(false)
// check if modal is bigger than screen height
this.checkOverflow()
return this
}
Modal.prototype.close = function(force) {
if(this._isBusy()) return
this._busy(true)
force = force || false
// before close
if (typeof this.opts.beforeClose === 'function') {
var close = this.opts.beforeClose.call(this)
if (!close) {
this._busy(false)
return
}
}
document.body.classList.remove('tingle-enabled')
window.scrollTo(0, this._scrollPosition)
document.body.style.top = null
this.modal.classList.remove('tingle-modal--visible')
// using similar setup as onOpen
var self = this
self.modal.style.display = 'none'
// onClose callback
if (typeof self.opts.onClose === 'function') {
self.opts.onClose.call(this)
}
// release modal
self._busy(false)
}
Modal.prototype.setContent = function(content) {
// check type of content : String or Node
if (typeof content === 'string') {
this.modalBoxContent.innerHTML = content
} else {
this.modalBoxContent.innerHTML = ''
this.modalBoxContent.appendChild(content)
}
if (this.isOpen()) {
// check if modal is bigger than screen height
this.checkOverflow()
}
return this
}
Modal.prototype.getContent = function() {
return this.modalBoxContent
}
Modal.prototype.addFooter = function() {
// add footer to modal
_buildFooter.call(this)
return this
}
Modal.prototype.setFooterContent = function(content) {
// set footer content
this.modalBoxFooter.innerHTML = content
return this
}
Modal.prototype.getFooterContent = function() {
return this.modalBoxFooter
}
Modal.prototype.setStickyFooter = function(isSticky) {
// if the modal is smaller than the viewport height, we don't need sticky
if (!this.isOverflow()) {
isSticky = false
}
if (isSticky) {
if (this.modalBox.contains(this.modalBoxFooter)) {
this.modalBox.removeChild(this.modalBoxFooter)
this.modal.appendChild(this.modalBoxFooter)
this.modalBoxFooter.classList.add('tingle-modal-box__footer--sticky')
_recalculateFooterPosition.call(this)
this.modalBoxContent.style['padding-bottom'] = this.modalBoxFooter.clientHeight + 20 + 'px'
}
} else if (this.modalBoxFooter) {
if (!this.modalBox.contains(this.modalBoxFooter)) {
this.modal.removeChild(this.modalBoxFooter)
this.modalBox.appendChild(this.modalBoxFooter)
this.modalBoxFooter.style.width = 'auto'
this.modalBoxFooter.style.left = ''
this.modalBoxContent.style['padding-bottom'] = ''
this.modalBoxFooter.classList.remove('tingle-modal-box__footer--sticky')
}
}
return this
}
Modal.prototype.addFooterBtn = function(label, cssClass, callback) {
var btn = document.createElement('button')
// set label
btn.innerHTML = label
// bind callback
btn.addEventListener('click', callback)
if (typeof cssClass === 'string' && cssClass.length) {
// add classes to btn
cssClass.split(' ').forEach(function(item) {
btn.classList.add(item)
})
}
this.modalBoxFooter.appendChild(btn)
return btn
}
Modal.prototype.resize = function() {
// eslint-disable-next-line no-console
console.warn('Resize is deprecated and will be removed in version 1.0')
}
Modal.prototype.isOverflow = function() {
var viewportHeight = window.innerHeight
var modalHeight = this.modalBox.clientHeight
return modalHeight >= viewportHeight
}
Modal.prototype.checkOverflow = function() {
// only if the modal is currently shown
if (this.modal.classList.contains('tingle-modal--visible')) {
if (this.isOverflow()) {
this.modal.classList.add('tingle-modal--overflow')
} else {
this.modal.classList.remove('tingle-modal--overflow')
}
// tODO: remove offset
// _offset.call(this);
if (!this.isOverflow() && this.opts.stickyFooter) {
this.setStickyFooter(false)
} else if (this.isOverflow() && this.opts.stickyFooter) {
_recalculateFooterPosition.call(this)
this.setStickyFooter(true)
}
}
}
/* ----------------------------------------------------------- */
/* == private methods */
/* ----------------------------------------------------------- */
function closeIcon() {
return '<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg"><path d="M.3 9.7c.2.2.4.3.7.3.3 0 .5-.1.7-.3L5 6.4l3.3 3.3c.2.2.5.3.7.3.2 0 .5-.1.7-.3.4-.4.4-1 0-1.4L6.4 5l3.3-3.3c.4-.4.4-1 0-1.4-.4-.4-1-.4-1.4 0L5 3.6 1.7.3C1.3-.1.7-.1.3.3c-.4.4-.4 1 0 1.4L3.6 5 .3 8.3c-.4.4-.4 1 0 1.4z" fill="#000" fill-rule="nonzero"/></svg>'
}
function _recalculateFooterPosition() {
if (!this.modalBoxFooter) {
return
}
this.modalBoxFooter.style.width = this.modalBox.clientWidth + 'px'
this.modalBoxFooter.style.left = this.modalBox.offsetLeft + 'px'
}
function _build() {
// wrapper
this.modal = document.createElement('div')
this.modal.classList.add('tingle-modal')
// remove cusor if no overlay close method
if (this.opts.closeMethods.length === 0 || this.opts.closeMethods.indexOf('overlay') === -1) {
this.modal.classList.add('tingle-modal--noOverlayClose')
}
this.modal.style.display = 'none'
// custom class
this.opts.cssClass.forEach(function(item) {
if (typeof item === 'string') {
this.modal.classList.add(item)
}
}, this)
// close btn
if (this.opts.closeMethods.indexOf('button') !== -1) {
this.modalCloseBtn = document.createElement('button')
this.modalCloseBtn.type = 'button'
this.modalCloseBtn.classList.add('tingle-modal__close')
this.modalCloseBtnIcon = document.createElement('span')
this.modalCloseBtnIcon.classList.add('tingle-modal__closeIcon')
this.modalCloseBtnIcon.innerHTML = closeIcon()
this.modalCloseBtnLabel = document.createElement('span')
this.modalCloseBtnLabel.classList.add('tingle-modal__closeLabel')
this.modalCloseBtnLabel.innerHTML = this.opts.closeLabel
this.modalCloseBtn.appendChild(this.modalCloseBtnIcon)
this.modalCloseBtn.appendChild(this.modalCloseBtnLabel)
}
// modal
this.modalBox = document.createElement('div')
this.modalBox.classList.add('tingle-modal-box')
// modal box content
this.modalBoxContent = document.createElement('div')
this.modalBoxContent.classList.add('tingle-modal-box__content')
this.modalBox.appendChild(this.modalBoxContent)
if (this.opts.closeMethods.indexOf('button') !== -1) {
this.modal.appendChild(this.modalCloseBtn)
}
this.modal.appendChild(this.modalBox)
}
function _buildFooter() {
this.modalBoxFooter = document.createElement('div')
this.modalBoxFooter.classList.add('tingle-modal-box__footer')
this.modalBox.appendChild(this.modalBoxFooter)
}
function _bindEvents() {
this._events = {
clickCloseBtn: this.close.bind(this),
clickOverlay: _handleClickOutside.bind(this),
resize: this.checkOverflow.bind(this),
keyboardNav: _handleKeyboardNav.bind(this)
}
if (this.opts.closeMethods.indexOf('button') !== -1) {
this.modalCloseBtn.addEventListener('click', this._events.clickCloseBtn)
}
this.modal.addEventListener('mousedown', this._events.clickOverlay)
window.addEventListener('resize', this._events.resize)
document.addEventListener('keydown', this._events.keyboardNav)
}
function _handleKeyboardNav(event) {
// escape key
if (this.opts.closeMethods.indexOf('escape') !== -1 && event.which === 27 && this.isOpen()) {
this.close()
}
}
function _handleClickOutside(event) {
// if click is outside the modal
if (this.opts.closeMethods.indexOf('overlay') !== -1 && !_findAncestor(event.target, 'tingle-modal') &&
event.clientX < this.modal.clientWidth) {
this.close()
}
}
function _findAncestor(el, cls) {
while ((el = el.parentElement) && !el.classList.contains(cls));
return el
}
function _unbindEvents() {
if (this.opts.closeMethods.indexOf('button') !== -1) {
this.modalCloseBtn.removeEventListener('click', this._events.clickCloseBtn)
}
this.modal.removeEventListener('mousedown', this._events.clickOverlay)
window.removeEventListener('resize', this._events.resize)
document.removeEventListener('keydown', this._events.keyboardNav)
}
/* ----------------------------------------------------------- */
/* == helpers */
/* ----------------------------------------------------------- */
function extend() {
for (var i = 1; i < arguments.length; i++) {
for (var key in arguments[i]) {
if (arguments[i].hasOwnProperty(key)) {
arguments[0][key] = arguments[i][key]
}
}
}
return arguments[0]
}
/* ----------------------------------------------------------- */
/* == return */
/* ----------------------------------------------------------- */
return {
modal: Modal
}
}))