mirror of
https://github.com/the-djmaze/snappymail.git
synced 2024-09-20 15:45:55 +08:00
f5a444aa14
Cleanup lightgallery
453 lines
11 KiB
JavaScript
453 lines
11 KiB
JavaScript
/* ============================================================
|
|
* bootstrap-dropdown.js v2.3.2
|
|
* bootstrap-modal.js v2.3.2
|
|
* bootstrap-tab.js v2.3.2
|
|
* http://getbootstrap.com/2.3.2/javascript.html
|
|
* ============================================================
|
|
* Copyright 2013 Twitter, Inc.
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
* ============================================================ */
|
|
|
|
($ => {
|
|
|
|
"use strict"; // jshint ;_;
|
|
|
|
const doc = document;
|
|
|
|
/* DROPDOWN CLASS DEFINITION
|
|
* ========================= */
|
|
|
|
var toggle = '[data-toggle=dropdown]';
|
|
|
|
class Dropdown {
|
|
|
|
constructor (element) {
|
|
var $el = $(element).on('click.dropdown.data-api', this.toggle)
|
|
$('html').on('click.dropdown.data-api', () => $el.parent().removeClass('open'))
|
|
}
|
|
|
|
toggle () {
|
|
var $this = $(this)
|
|
, $parent
|
|
, isActive
|
|
|
|
if ($this.is('.disabled, :disabled')) return
|
|
|
|
$parent = getParent($this)
|
|
|
|
isActive = $parent.hasClass('open')
|
|
|
|
clearMenus()
|
|
|
|
if (!isActive) {
|
|
if ('ontouchstart' in doc.documentElement) {
|
|
// if mobile we we use a backdrop because click events don't delegate
|
|
$('<div class="dropdown-backdrop"/>').insertBefore($(this)).on('click', clearMenus)
|
|
}
|
|
$parent.toggleClass('open')
|
|
}
|
|
|
|
$this.focus();
|
|
|
|
return false
|
|
}
|
|
|
|
keydown (e) {
|
|
var $this
|
|
, $items
|
|
, $parent
|
|
, isActive
|
|
, index
|
|
|
|
if (!/(38|40|27)/.test(e.keyCode)) return
|
|
|
|
$this = $(this)
|
|
|
|
e.preventDefault()
|
|
e.stopPropagation()
|
|
|
|
if ($this.is('.disabled, :disabled')) return
|
|
|
|
$parent = getParent($this)
|
|
|
|
isActive = $parent.hasClass('open')
|
|
|
|
if (!isActive || (isActive && e.keyCode == 27)) {
|
|
if (e.which == 27) $parent.find(toggle).focus()
|
|
return $this.click()
|
|
}
|
|
|
|
$items = $('[role=menu] li:not(.divider):visible a', $parent)
|
|
|
|
if ($items.length) {
|
|
|
|
index = $items.index($items.filter(':focus'))
|
|
|
|
if (e.keyCode == 38 && index > 0) index-- // up
|
|
if (e.keyCode == 40 && index < $items.length - 1) index++ // down
|
|
if (!~index) index = 0
|
|
|
|
$items
|
|
.eq(index)
|
|
.focus()
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
function clearMenus() {
|
|
$('.dropdown-backdrop').remove()
|
|
$(toggle).each(function () {
|
|
getParent($(this)).removeClass('open')
|
|
})
|
|
}
|
|
|
|
function getParent($this) {
|
|
var selector = $this.attr('data-target')
|
|
, $parent
|
|
|
|
if (!selector) {
|
|
selector = $this.attr('href')
|
|
selector = selector && /#/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7
|
|
}
|
|
|
|
$parent = selector && 1 < selector.length && $(selector)
|
|
|
|
if (!$parent || !$parent.length) $parent = $this.parent()
|
|
|
|
return $parent
|
|
}
|
|
|
|
|
|
/* DROPDOWN PLUGIN DEFINITION
|
|
* ========================== */
|
|
|
|
$.fn.dropdown = function (option) {
|
|
return this.each(function () {
|
|
var $this = $(this)
|
|
, data = $this.data('dropdown')
|
|
if (!data) $this.data('dropdown', (data = new Dropdown(this)))
|
|
if (typeof option == 'string') data[option].call($this)
|
|
})
|
|
}
|
|
|
|
/* APPLY TO STANDARD DROPDOWN ELEMENTS
|
|
* =================================== */
|
|
|
|
$(doc)
|
|
.on('click.dropdown.data-api', clearMenus)
|
|
.on('click.dropdown.data-api', '.dropdown form', e => e.stopPropagation())
|
|
.on('click.dropdown.data-api' , toggle, Dropdown.prototype.toggle)
|
|
.on('keydown.dropdown.data-api', toggle + ', [role=menu]' , Dropdown.prototype.keydown)
|
|
|
|
|
|
/* MODAL CLASS DEFINITION
|
|
* ====================== */
|
|
|
|
class Modal {
|
|
|
|
constructor (element, options) {
|
|
this.options = options
|
|
this.$element = $(element)
|
|
.on('click.dismiss.modal', '[data-dismiss="modal"]', this.hide.bind(this))
|
|
this.options.remote && this.$element.find('.modal-body').on('load', this.options.remote)
|
|
}
|
|
|
|
toggle () {
|
|
return this[!this.isShown ? 'show' : 'hide']()
|
|
}
|
|
|
|
show () {
|
|
var that = this
|
|
, e = $.Event('show')
|
|
|
|
this.$element.trigger(e)
|
|
|
|
if (this.isShown || e.isDefaultPrevented()) return
|
|
|
|
this.isShown = true
|
|
|
|
this.escape()
|
|
|
|
this.backdrop(() => {
|
|
var transition = that.$element.hasClass('fade')
|
|
|
|
if (!that.$element.parent().length) {
|
|
that.$element.appendTo(doc.body) //don't move modals dom position
|
|
}
|
|
|
|
that.$element.show()
|
|
|
|
if (transition) {
|
|
that.$element[0].offsetWidth // force reflow
|
|
}
|
|
|
|
that.$element
|
|
.addClass('in')
|
|
.attr('aria-hidden', false)
|
|
|
|
that.enforceFocus()
|
|
|
|
transition ?
|
|
that.$element.one('transitionend', () => that.$element.focus().trigger('shown')) :
|
|
that.$element.focus().trigger('shown')
|
|
|
|
})
|
|
}
|
|
|
|
hide (e) {
|
|
e && e.preventDefault()
|
|
|
|
e = $.Event('hide')
|
|
|
|
this.$element.trigger(e)
|
|
|
|
if (!this.isShown || e.isDefaultPrevented()) return
|
|
|
|
this.isShown = false
|
|
|
|
this.escape()
|
|
|
|
$(doc).off('focusin.modal')
|
|
|
|
this.$element
|
|
.removeClass('in')
|
|
.attr('aria-hidden', true)
|
|
|
|
this.$element.hasClass('fade') ?
|
|
this.hideWithTransition() :
|
|
this.hideModal()
|
|
}
|
|
|
|
enforceFocus () {
|
|
var that = this
|
|
$(doc).on('focusin.modal', e => {
|
|
if (that.$element[0] !== e.target && !that.$element.has(e.target).length) {
|
|
that.$element.focus()
|
|
}
|
|
})
|
|
}
|
|
|
|
escape () {
|
|
var that = this
|
|
if (this.isShown && this.options.keyboard) {
|
|
this.$element.on('keyup.dismiss.modal', e => e.which == 27 && that.hide())
|
|
} else if (!this.isShown) {
|
|
this.$element.off('keyup.dismiss.modal')
|
|
}
|
|
}
|
|
|
|
hideWithTransition () {
|
|
var that = this
|
|
, timeout = setTimeout(() => {
|
|
that.$element.off('transitionend')
|
|
that.hideModal()
|
|
}, 500)
|
|
|
|
this.$element.one('transitionend', () => {
|
|
clearTimeout(timeout)
|
|
that.hideModal()
|
|
})
|
|
}
|
|
|
|
hideModal () {
|
|
var that = this
|
|
this.$element.hide()
|
|
this.backdrop(() => {
|
|
that.removeBackdrop()
|
|
that.$element.trigger('hidden')
|
|
})
|
|
}
|
|
|
|
removeBackdrop () {
|
|
this.$backdrop && this.$backdrop.remove()
|
|
this.$backdrop = null
|
|
}
|
|
|
|
backdrop (callback) {
|
|
var animate = this.$element.hasClass('fade') ? 'fade' : ''
|
|
|
|
if (this.isShown && this.options.backdrop) {
|
|
|
|
this.$backdrop = $('<div class="modal-backdrop ' + animate + '" />')
|
|
.appendTo(doc.body)
|
|
|
|
this.$backdrop.click(
|
|
this.options.backdrop == 'static' ?
|
|
this.$element[0].focus.bind(this.$element[0])
|
|
: this.hide.bind(this)
|
|
)
|
|
|
|
if (animate) this.$backdrop[0].offsetWidth // force reflow
|
|
|
|
this.$backdrop.addClass('in')
|
|
|
|
if (!callback) return
|
|
|
|
animate ?
|
|
this.$backdrop.one('transitionend', callback) :
|
|
callback()
|
|
|
|
} else if (!this.isShown && this.$backdrop) {
|
|
this.$backdrop.removeClass('in')
|
|
|
|
this.$element.hasClass('fade')?
|
|
this.$backdrop.one('transitionend', callback) :
|
|
callback()
|
|
|
|
} else if (callback) {
|
|
callback()
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
/* MODAL PLUGIN DEFINITION
|
|
* ======================= */
|
|
|
|
$.fn.modal = function (option) {
|
|
return this.each(function () {
|
|
var $this = $(this)
|
|
, data = $this.data('modal')
|
|
, options = $.extend({}, $.fn.modal.defaults, $this.data(), typeof option == 'object' && option)
|
|
if (!data) $this.data('modal', (data = new Modal(this, options)))
|
|
if (typeof option == 'string') data[option]()
|
|
else if (options.show) data.show()
|
|
})
|
|
}
|
|
|
|
$.fn.modal.defaults = {
|
|
backdrop: true
|
|
, keyboard: true
|
|
, show: true
|
|
}
|
|
|
|
/* MODAL DATA-API
|
|
* ============== */
|
|
|
|
$(doc).on('click.modal.data-api', '[data-toggle="modal"]', function (e) {
|
|
var $this = $(this)
|
|
, href = $this.attr('href')
|
|
, $target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, ''))) //strip for ie7
|
|
, option = $target.data('modal') ? 'toggle' : $.extend({ remote:!/#/.test(href) && href }, $target.data(), $this.data())
|
|
|
|
e.preventDefault()
|
|
|
|
$target
|
|
.modal(option)
|
|
.one('hide', () => $this.focus())
|
|
})
|
|
|
|
/* TAB CLASS DEFINITION
|
|
* ==================== */
|
|
|
|
var activate = ( element, container, callback) => {
|
|
var $active = container.find('> .active')
|
|
, transition = callback
|
|
&& $active.hasClass('fade')
|
|
, next = () => {
|
|
$active
|
|
.removeClass('active')
|
|
.find('> .dropdown-menu > .active')
|
|
.removeClass('active')
|
|
|
|
element.addClass('active')
|
|
|
|
if (transition) {
|
|
element[0].offsetWidth // reflow for transition
|
|
element.addClass('in')
|
|
} else {
|
|
element.removeClass('fade')
|
|
}
|
|
|
|
if ( element.parent('.dropdown-menu') ) {
|
|
element.closest('li.dropdown').addClass('active')
|
|
}
|
|
|
|
callback && callback()
|
|
}
|
|
|
|
transition ?
|
|
$active.one('transitionend', next) :
|
|
next()
|
|
|
|
$active.removeClass('in')
|
|
}
|
|
|
|
class Tab {
|
|
|
|
constructor (element) {
|
|
this.element = $(element)
|
|
}
|
|
|
|
show () {
|
|
var $this = this.element
|
|
, $ul = $this.closest('ul:not(.dropdown-menu)')
|
|
, selector = $this.attr('data-target')
|
|
, previous
|
|
, $target
|
|
, e
|
|
|
|
if (!selector) {
|
|
selector = $this.attr('href')
|
|
selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7
|
|
}
|
|
|
|
if ( $this.parent('li').hasClass('active') ) return
|
|
|
|
previous = $ul.find('.active:last a')[0]
|
|
|
|
e = $.Event('show', {
|
|
relatedTarget: previous
|
|
})
|
|
|
|
$this.trigger(e)
|
|
|
|
if (e.isDefaultPrevented()) return
|
|
|
|
$target = $(selector)
|
|
|
|
activate($this.parent('li'), $ul)
|
|
activate($target, $target.parent(), () => {
|
|
$this.trigger({
|
|
type: 'shown'
|
|
, relatedTarget: previous
|
|
})
|
|
})
|
|
}
|
|
}
|
|
|
|
|
|
/* TAB PLUGIN DEFINITION
|
|
* ===================== */
|
|
|
|
$.fn.tab = function ( option ) {
|
|
return this.each(function () {
|
|
var $this = $(this)
|
|
, data = $this.data('tab')
|
|
if (!data) $this.data('tab', (data = new Tab(this)))
|
|
if (typeof option == 'string') data[option]()
|
|
})
|
|
}
|
|
|
|
/* TAB DATA-API
|
|
* ============ */
|
|
|
|
$(doc).on('click.tab.data-api', '[data-toggle="tab"], [data-toggle="pill"]', function (e) {
|
|
e.preventDefault()
|
|
$(this).tab('show')
|
|
})
|
|
|
|
})(jQuery);
|