').append(custom.clone()).html());
readyToShow();
} else {
$body.html(custom);
readyToShow();
}
} else if(options.url) {
var onLoadBroken = function() {
var brokenContent = $modal.callComEvent(that, 'broken');
if(typeof brokenContent === 'string') {
$body.html(brokenContent);
}
readyToShow();
};
$modal.attr('ref', options.url);
if(options.type === 'iframe') {
$modal.addClass('modal-iframe');
this.firstLoad = true;
var iframeName = 'iframe-' + options.name;
$header.detach();
$body.detach();
$content.empty().append($header).append($body);
$body.css('padding', 0)
.html('
');
if(options.waittime > 0) {
that.waitTimeout = readyToShow(options.waittime, onLoadBroken);
}
var frame = document.getElementById(iframeName);
frame.onload = frame.onreadystatechange = function(e) {
var scrollInside = !!options.scrollInside;
if(that.firstLoad) $modal.addClass('modal-loading');
if(this.readyState && this.readyState != 'complete') return;
that.firstLoad = false;
if(options.waittime > 0) {
clearTimeout(that.waitTimeout);
}
try {
$modal.attr('ref', frame.contentWindow.location.href);
var frame$ = window.frames[iframeName].$;
if(frame$ && options.height === 'auto' && options.size != 'fullscreen') {
// todo: update iframe url to ref attribute
var $framebody = frame$('body').addClass('body-modal').toggleClass('body-modal-scroll-inside', scrollInside);
that.$iframeBody = $framebody;
if(options.iframeBodyClass) $framebody.addClass(options.iframeBodyClass);
var frameSizeRecords = [];
var ajustFrameSize = function(check) {
$modal.removeClass('fade');
var height = $framebody.outerHeight();
if(check === true && options.onlyIncreaseHeight) {
height = Math.max(height, $body.data('minModalHeight') || 0);
$body.data('minModalHeight', height);
}
if (scrollInside) {
var headerHeight = options.headerHeight;
if (typeof headerHeight !== 'number') {
headerHeight = $header.outerHeight();
} else if (typeof headerHeight === 'function') {
headerHeight = headerHeight($header);
}
var winHeight = $(window).height();
height = Math.min(height, winHeight - headerHeight);
}
if (frameSizeRecords.length > 1 && height === frameSizeRecords[0]) {
height = Math.max(height, frameSizeRecords[1]);
}
frameSizeRecords.push(height);
while (frameSizeRecords.length > 2) {
frameSizeRecords.shift();
}
$body.css('height', height);
if(options.fade) $modal.addClass('fade');
readyToShow();
};
$modal.callComEvent(that, 'loaded', {
modalType: 'iframe',
jQuery: frame$
});
setTimeout(ajustFrameSize, 100);
$framebody.off('resize.' + NAME).on('resize.' + NAME, ajustFrameSize);
if (scrollInside) {
$(window).off('resize.' + NAME).on('resize.' + NAME, ajustFrameSize);
}
} else {
readyToShow();
}
var handleLinkInIframe = options.handleLinkInIframe;
if (handleLinkInIframe) {
frame$('body').on('click', typeof handleLinkInIframe === 'string' ? handleLinkInIframe : 'a[href]', function() {
if ($(this).is('[data-toggle="modal"]')) return;
$modal.addClass('modal-updating');
});
}
if (options.iframeStyle) {
frame$('head').append('');
}
} catch(e) {
readyToShow();
}
};
} else {
$.ajax($.extend({
url: options.url,
success: function(data) {
try {
var $data = $(data);
if($data.filter('.modal-dialog').length) {
$dialog.parent().empty().append($data);
} else if($data.filter('.modal-content').length) {
$dialog.find('.modal-content').replaceWith($data);
} else {
$body.wrapInner($data);
}
} catch(e) {
if (window.console && window.console.warn) {
console.warn('ZUI: Cannot recogernize remote content.', {error: e, data: data});
}
$modal.html(data);
}
$modal.callComEvent(that, 'loaded', {
modalType: STR_AJAX
});
readyToShow();
if (options.scrollInside) {
$(window).off('resize.' + NAME).on('resize.' + NAME, resizeDialog);
}
},
error: onLoadBroken
}, options.ajaxOptions));
}
}
if (!isShown) {
$modal.modal({
show : 'show',
backdrop : options.backdrop,
moveable : options.moveable,
rememberPos : options.rememberPos,
keyboard : options.keyboard,
scrollInside : options.scrollInside,
});
}
};
ModalTrigger.prototype.close = function(callback, redirect) {
var that = this;
if(callback || redirect) {
that.$modal.on('hidden' + ZUI_MODAL, function() {
if(typeof callback === 'function') callback();
if(typeof redirect === STR_STRING && redirect.length && !that.$modal.data('cancel-reload')) {
if(redirect === 'this') window.location.reload();
else window.location = redirect;
}
});
}
that.$modal.modal('hide');
};
ModalTrigger.prototype.toggle = function(options) {
if(this.isShown) this.close();
else this.show(options);
};
ModalTrigger.prototype.adjustPosition = function(position) {
position = position === undefined ? this.options.position : position;
if (typeof position === 'function') {
position = position(this);
}
this.$modal.modal('adjustPosition', position);
};
$.zui({
ModalTrigger: ModalTrigger,
modalTrigger: new ModalTrigger()
});
$.fn.modalTrigger = function(option, settings) {
return $(this).each(function() {
var $this = $(this);
var data = $this.data(NAME),
options = $.extend({
title: $this.attr('title') || $this.text(),
url: $this.attr('href'),
type: $this.hasClass('iframe') ? 'iframe' : ''
}, $this.data(), $.isPlainObject(option) && option);
if(!data) $this.data(NAME, (data = new ModalTrigger(options, $this)));
else {
if(typeof option == STR_STRING) data[option](settings);
else if(options.show) data.show(settings);
return;
}
$this.on((options.trigger || 'click') + '.toggle.' + NAME, function(e) {
options = $.extend(options, {
url: $this.attr('href') || $this.attr('data-url') || $this.data('url') || options.url
});
data.toggle(options);
if($this.is('a')) e.preventDefault();
});
});
};
var old = $.fn.modal;
$.fn.modal = function(option, settings) {
return $(this).each(function() {
var $this = $(this);
if($this.hasClass('modal')) old.call($this, option, settings);
else $this.modalTrigger(option, settings);
});
};
$.fn.modal.bs = old;
var getModal = function(modal) {
if (!modal) {
modal = $('.modal.modal-trigger');
if (!modal.length) {
}
} else {
modal = $(modal);
}
if(modal && (modal instanceof $)) return modal;
return null;
};
// callback, redirect, modal
var closeModal = function(modal, callback, redirect) {
var originModal = modal;
if(typeof modal === 'function') {
var oldModal = redirect;
redirect = callback;
callback = modal;
modal = oldModal;
}
modal = getModal(modal);
if(modal && modal.length) {
modal.each(function() {
$(this).data(NAME).close(callback, redirect);
});
} else if(!$('body').hasClass('modal-open') && !$('.modal.in').length) {
// check if current page is as modal iframe
if ($('body').hasClass('body-modal')) {
window.parent.$.zui.closeModal(originModal, callback, redirect);
}
}
};
var adjustModalPosition = function(position, modal) {
modal = getModal(modal);
if(modal && modal.length) {
modal.modal('adjustPosition', position);
}
};
var reloadModal = function(options, modal) {
if (typeof options === 'string') {
options = {url: options};
}
var $modal = getModal(modal);
if($modal && $modal.length) {
$modal.each(function() {
$(this).data(NAME).show(options);
});
}
};
$.zui({
reloadModal: reloadModal,
closeModal: closeModal,
ajustModalPosition: adjustModalPosition,
adjustModalPosition: adjustModalPosition,
});
$(document).on('click.' + NAME + '.data-api', '[data-toggle="modal"]', function(e) {
var $this = $(this);
var href = $this.attr('href');
var $target = null;
try {
$target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, '')));
} catch(ex) {}
if(!$target || !$target.length) {
if(!$this.data(NAME)) {
$this.modalTrigger({
show: true,
});
} else {
$this.trigger('.toggle.' + NAME);
}
}
if($this.is('a')) {
e.preventDefault();
}
}).on('click.' + NAME + '.data-api', '[data-dismiss="modal"]', function() {
$.zui.closeModal();
});
}(window.jQuery, window, undefined));
/* ========================================================================
* Bootstrap: tooltip.js v3.0.0
* http://twzui.github.com/bootstrap/javascript.html#tooltip
* Inspired by the original jQuery.tipsy by Jason Frame
*
* ZUI: The file has been changed in ZUI. It will not keep update with the
* Bootsrap version in the future.
* http://openzui.com
* ========================================================================
* Copyright 2012 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.
* ======================================================================== */
+ function($) {
'use strict';
// TOOLTIP PUBLIC CLASS DEFINITION
// ===============================
var Tooltip = function(element, options) {
this.type = null
this.options = null
this.enabled = null
this.timeout = null
this.hoverState = null
this.$element = null
this.init('tooltip', element, options)
}
Tooltip.DEFAULTS = {
animation: true,
placement: 'top',
selector: false,
template: '
',
trigger: 'hover focus',
title: '',
delay: 0,
html: false,
container: false
}
Tooltip.prototype.init = function(type, element, options) {
this.enabled = true
this.type = type
this.$element = $(element)
this.options = this.getOptions(options)
var triggers = this.options.trigger.split(' ')
for(var i = triggers.length; i--;) {
var trigger = triggers[i]
if(trigger == 'click') {
this.$element.on('click.' + this.type, this.options.selector, this.toggle.bind(this))
} else if(trigger != 'manual') {
var eventIn = trigger == 'hover' ? 'mouseenter' : 'focus'
var eventOut = trigger == 'hover' ? 'mouseleave' : 'blur'
this.$element.on(eventIn + '.' + this.type, this.options.selector, this.enter.bind(this))
this.$element.on(eventOut + '.' + this.type, this.options.selector, this.leave.bind(this))
}
}
this.options.selector ?
(this._options = $.extend({}, this.options, {
trigger: 'manual',
selector: ''
})) :
this.fixTitle()
}
Tooltip.prototype.getDefaults = function() {
return Tooltip.DEFAULTS
}
Tooltip.prototype.getOptions = function(options) {
options = $.extend({}, this.getDefaults(), this.$element.data(), options)
if(options.delay && typeof options.delay == 'number') {
options.delay = {
show: options.delay,
hide: options.delay
}
}
return options
}
Tooltip.prototype.getDelegateOptions = function() {
var options = {}
var defaults = this.getDefaults()
this._options && $.each(this._options, function(key, value) {
if(defaults[key] != value) options[key] = value
})
return options
}
Tooltip.prototype.enter = function(obj) {
var self = obj instanceof this.constructor ?
obj : $(obj.currentTarget)[this.type](this.getDelegateOptions()).data('zui.' + this.type)
clearTimeout(self.timeout)
self.hoverState = 'in'
if(!self.options.delay || !self.options.delay.show) return self.show()
self.timeout = setTimeout(function() {
if(self.hoverState == 'in') self.show()
}, self.options.delay.show)
}
Tooltip.prototype.leave = function(obj) {
var self = obj instanceof this.constructor ?
obj : $(obj.currentTarget)[this.type](this.getDelegateOptions()).data('zui.' + this.type)
clearTimeout(self.timeout)
self.hoverState = 'out'
if(!self.options.delay || !self.options.delay.hide) return self.hide()
self.timeout = setTimeout(function() {
if(self.hoverState == 'out') self.hide()
}, self.options.delay.hide)
}
Tooltip.prototype.show = function(content) {
var e = $.Event('show.zui.' + this.type)
if((content || this.hasContent()) && this.enabled) {
var that = this
that.$element.trigger(e)
if(e.isDefaultPrevented()) return
var $tip = that.tip()
that.setContent(content)
if(that.options.animation) $tip.addClass('fade')
var placement = typeof that.options.placement == 'function' ?
that.options.placement.call(that, $tip[0], that.$element[0]) :
that.options.placement
var autoToken = /\s?auto?\s?/i
var autoPlace = autoToken.test(placement)
if(autoPlace) placement = placement.replace(autoToken, '') || 'top'
$tip
.detach()
.css({
top: 0,
left: 0,
display: 'block'
})
.addClass(placement)
that.options.container ? $tip.appendTo(that.options.container) : $tip.insertAfter(that.$element)
var pos = that.getPosition()
var actualWidth = $tip[0].offsetWidth
var actualHeight = $tip[0].offsetHeight
if(autoPlace) {
var $parent = that.$element.parent()
var orgPlacement = placement
var docScroll = document.documentElement.scrollTop || document.body.scrollTop
var parentWidth = that.options.container == 'body' ? window.innerWidth : $parent.outerWidth()
var parentHeight = that.options.container == 'body' ? window.innerHeight : $parent.outerHeight()
var parentLeft = that.options.container == 'body' ? 0 : $parent.offset().left
placement = placement == 'bottom' && pos.top + pos.height + actualHeight - docScroll > parentHeight ? 'top' :
placement == 'top' && pos.top - docScroll - actualHeight < 0 ? 'bottom' :
placement == 'right' && pos.right + actualWidth > parentWidth ? 'left' :
placement == 'left' && pos.left - actualWidth < parentLeft ? 'right' :
placement
$tip
.removeClass(orgPlacement)
.addClass(placement)
}
var calculatedOffset = that.getCalculatedOffset(placement, pos, actualWidth, actualHeight)
that.applyPlacement(calculatedOffset, placement)
var complete = function () {
var prevHoverState = that.hoverState
that.$element.trigger('shown.zui.' + that.type)
that.hoverState = null
if (prevHoverState == 'out') that.leave(that)
}
$.support.transition && that.$tip.hasClass('fade') ?
$tip
.one('bsTransitionEnd', complete)
.emulateTransitionEnd(150) :
complete()
}
}
Tooltip.prototype.applyPlacement = function(offset, placement) {
var replace
var $tip = this.tip()
var width = $tip[0].offsetWidth
var height = $tip[0].offsetHeight
// manually read margins because getBoundingClientRect includes difference
var marginTop = parseInt($tip.css('margin-top'), 10)
var marginLeft = parseInt($tip.css('margin-left'), 10)
// we must check for NaN for ie 8/9
if(isNaN(marginTop)) marginTop = 0
if(isNaN(marginLeft)) marginLeft = 0
offset.top = offset.top + marginTop
offset.left = offset.left + marginLeft
$tip
.offset(offset)
.addClass('in')
// check to see if placing tip in new offset caused the tip to resize itself
var actualWidth = $tip[0].offsetWidth
var actualHeight = $tip[0].offsetHeight
if(placement == 'top' && actualHeight != height) {
replace = true
offset.top = offset.top + height - actualHeight
}
if(/bottom|top/.test(placement)) {
var delta = 0
if(offset.left < 0) {
delta = offset.left * -2
offset.left = 0
$tip.offset(offset)
actualWidth = $tip[0].offsetWidth
actualHeight = $tip[0].offsetHeight
}
this.replaceArrow(delta - width + actualWidth, actualWidth, 'left')
} else {
this.replaceArrow(actualHeight - height, actualHeight, 'top')
}
if(replace) $tip.offset(offset)
}
Tooltip.prototype.replaceArrow = function(delta, dimension, position) {
this.arrow().css(position, delta ? (50 * (1 - delta / dimension) + "%") : '')
}
Tooltip.prototype.setContent = function(content) {
var $tip = this.tip()
var title = content || this.getTitle()
if(this.options.tipId) $tip.attr('id', this.options.tipId)
if(this.options.tipClass) $tip.addClass(this.options.tipClass)
$tip.find('.tooltip-inner')[this.options.html ? 'html' : 'text'](title)
$tip.removeClass('fade in top bottom left right')
}
Tooltip.prototype.hide = function() {
var that = this
var $tip = this.tip()
var e = $.Event('hide.zui.' + this.type)
function complete() {
if(that.hoverState != 'in') $tip.detach()
}
this.$element.trigger(e)
if(e.isDefaultPrevented()) return
$tip.removeClass('in')
$.support.transition && this.$tip.hasClass('fade') ?
$tip
.one($.support.transition.end, complete)
.emulateTransitionEnd(150) :
complete()
this.$element.trigger('hidden.zui.' + this.type)
return this
}
Tooltip.prototype.fixTitle = function() {
var $e = this.$element
if($e.attr('title') || typeof($e.attr('data-original-title')) != 'string') {
$e.attr('data-original-title', $e.attr('title') || '').attr('title', '')
}
}
Tooltip.prototype.hasContent = function() {
return this.getTitle()
}
Tooltip.prototype.getPosition = function() {
var el = this.$element[0]
return $.extend({}, (typeof el.getBoundingClientRect == 'function') ? el.getBoundingClientRect() : {
width: el.offsetWidth,
height: el.offsetHeight
}, this.$element.offset())
}
Tooltip.prototype.getCalculatedOffset = function(placement, pos, actualWidth, actualHeight) {
return placement == 'bottom' ? {
top: pos.top + pos.height,
left: pos.left + pos.width / 2 - actualWidth / 2
} :
placement == 'top' ? {
top: pos.top - actualHeight,
left: pos.left + pos.width / 2 - actualWidth / 2
} :
placement == 'left' ? {
top: pos.top + pos.height / 2 - actualHeight / 2,
left: pos.left - actualWidth
} :
/* placement == 'right' */
{
top: pos.top + pos.height / 2 - actualHeight / 2,
left: pos.left + pos.width
}
}
Tooltip.prototype.getTitle = function() {
var title
var $e = this.$element
var o = this.options
title = $e.attr('data-original-title') || (typeof o.title == 'function' ? o.title.call($e[0]) : o.title)
return title
}
Tooltip.prototype.tip = function() {
return this.$tip = this.$tip || $(this.options.template)
}
Tooltip.prototype.arrow = function() {
return this.$arrow = this.$arrow || this.tip().find('.tooltip-arrow')
}
Tooltip.prototype.validate = function() {
if(!this.$element[0].parentNode) {
this.hide()
this.$element = null
this.options = null
}
}
Tooltip.prototype.enable = function() {
this.enabled = true
}
Tooltip.prototype.disable = function() {
this.enabled = false
}
Tooltip.prototype.toggleEnabled = function() {
this.enabled = !this.enabled
}
Tooltip.prototype.toggle = function(e) {
var self = e ? $(e.currentTarget)[this.type](this.getDelegateOptions()).data('zui.' + this.type) : this
self.tip().hasClass('in') ? self.leave(self) : self.enter(self)
}
Tooltip.prototype.destroy = function() {
this.hide().$element.off('.' + this.type).removeData('zui.' + this.type)
}
// TOOLTIP PLUGIN DEFINITION
// =========================
var old = $.fn.tooltip
$.fn.tooltip = function(option, params) {
return this.each(function() {
var $this = $(this)
var data = $this.data('zui.tooltip')
var options = typeof option == 'object' && option
if(!data) $this.data('zui.tooltip', (data = new Tooltip(this, options)))
if(typeof option == 'string') data[option](params)
})
}
$.fn.tooltip.Constructor = Tooltip
// TOOLTIP NO CONFLICT
// ===================
$.fn.tooltip.noConflict = function() {
$.fn.tooltip = old
return this
}
}(window.jQuery);
/* ========================================================================
* Bootstrap: popover.js v3.0.0
* http://twbs.github.com/bootstrap/javascript.html#popovers
*
* ZUI: The file has been changed in ZUI. It will not keep update with the
* Bootsrap version in the future.
* http://openzui.com
* ========================================================================
* Copyright 2012 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.
* ======================================================================== */
+ function($) {
'use strict';
// POPOVER PUBLIC CLASS DEFINITION
// ===============================
var Popover = function(element, options) {
this.init('popover', element, options)
}
if(!$.fn.tooltip) throw new Error('Popover requires tooltip.js')
Popover.DEFAULTS = $.extend({}, $.fn.tooltip.Constructor.DEFAULTS, {
placement: 'right',
trigger: 'click',
content: '',
template: '
'
})
// NOTE: POPOVER EXTENDS tooltip.js
// ================================
Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype)
Popover.prototype.constructor = Popover
Popover.prototype.getDefaults = function() {
return Popover.DEFAULTS
}
Popover.prototype.setContent = function() {
var $tip = this.tip()
var target = this.getTarget()
if(target) {
if(target.find('.arrow').length < 1)
$tip.addClass('no-arrow')
$tip.html(target.html())
return
}
var title = this.getTitle()
var content = this.getContent()
$tip.find('.popover-title')[this.options.html ? 'html' : 'text'](title)
$tip.find('.popover-content')[this.options.html ? 'html' : 'text'](content)
$tip.removeClass('fade top bottom left right in')
if(this.options.tipId) $tip.attr('id', this.options.tipId)
if(this.options.tipClass) $tip.addClass(this.options.tipClass)
// IE8 doesn't accept hiding via the `:empty` pseudo selector, we have to do
// this manually by checking the contents.
if(!$tip.find('.popover-title').html()) $tip.find('.popover-title').hide()
}
Popover.prototype.hasContent = function() {
return this.getTarget() || this.getTitle() || this.getContent()
}
Popover.prototype.getContent = function() {
var $e = this.$element
var o = this.options
return $e.attr('data-content') || (typeof o.content == 'function' ?
o.content.call($e[0]) :
o.content)
}
Popover.prototype.getTarget = function() {
var $e = this.$element
var o = this.options
var target = $e.attr('data-target') || (typeof o.target == 'function' ?
o.target.call($e[0]) :
o.target)
return(target && true) ? (target == '$next' ? $e.next('.popover') : $(target)) : false
}
Popover.prototype.arrow = function() {
return this.$arrow = this.$arrow || this.tip().find('.arrow')
}
Popover.prototype.tip = function() {
if(!this.$tip) this.$tip = $(this.options.template)
return this.$tip
}
// POPOVER PLUGIN DEFINITION
// =========================
var old = $.fn.popover
$.fn.popover = function(option) {
return this.each(function() {
var $this = $(this)
var data = $this.data('zui.popover')
var options = typeof option == 'object' && option
if(!data) $this.data('zui.popover', (data = new Popover(this, options)))
if(typeof option == 'string') data[option]()
})
}
$.fn.popover.Constructor = Popover
// POPOVER NO CONFLICT
// ===================
$.fn.popover.noConflict = function() {
$.fn.popover = old
return this
}
}(window.jQuery);
/* ========================================================================
* Bootstrap: dropdown.js v3.0.0
* http://twbs.github.com/bootstrap/javascript.html#dropdowns
*
* ZUI: The file has been changed in ZUI. It will not keep update with the
* Bootsrap version in the future.
* http://openzui.com
* ========================================================================
* Copyright 2012 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.
* ======================================================================== */
+ function($) {
'use strict';
// DROPDOWN CLASS DEFINITION
// =========================
var zuiname = 'zui.dropdown';
var backdrop = '.dropdown-backdrop'
var toggle = '[data-toggle=dropdown]'
var Dropdown = function(element) {
var $el = $(element).on('click.' + zuiname, this.toggle)
}
Dropdown.prototype.toggle = function(e) {
var $this = $(this)
if($this.is('.disabled, :disabled')) return
var $parent = getParent($this)
var isActive = $parent.hasClass('open')
clearMenus()
if(!isActive) {
if('ontouchstart' in document.documentElement && !$parent.closest('.navbar-nav').length) {
// if mobile we we use a backdrop because click events don't delegate
$('
').insertAfter($(this)).on('click', clearMenus)
}
$parent.trigger(e = $.Event('show.' + zuiname))
if(e.isDefaultPrevented()) return
$parent
.toggleClass('open')
.trigger('shown.' + zuiname)
$this.focus()
}
return false
}
Dropdown.prototype.keydown = function(e) {
if(!/(38|40|27)/.test(e.keyCode)) return
var $this = $(this)
e.preventDefault()
e.stopPropagation()
if($this.is('.disabled, :disabled')) return
var $parent = getParent($this)
var isActive = $parent.hasClass('open')
if(!isActive || (isActive && e.keyCode == 27)) {
if(e.which == 27) $parent.find(toggle).focus()
return $this.click()
}
var $items = $('[role=menu] li:not(.divider):visible a', $parent)
if(!$items.length) return
var 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(e) {
$(backdrop).remove()
$(toggle).each(function(e) {
var $parent = getParent($(this))
if(!$parent.hasClass('open')) return
$parent.trigger(e = $.Event('hide.' + zuiname))
if(e.isDefaultPrevented()) return
$parent.removeClass('open').trigger('hidden.' + zuiname)
})
}
function getParent($this) {
var selector = $this.attr('data-target')
if(!selector) {
selector = $this.attr('href')
selector = selector && /#/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7
}
var $parent;
try {
$parent = selector && $(selector);
} catch(e) {}
return $parent && $parent.length ? $parent : $this.parent()
}
// DROPDOWN PLUGIN DEFINITION
// ==========================
var old = $.fn.dropdown
$.fn.dropdown = function(option) {
return this.each(function() {
var $this = $(this)
var data = $this.data('dropdown')
if(!data) $this.data('dropdown', (data = new Dropdown(this)))
if(typeof option == 'string') data[option].call($this)
})
}
$.fn.dropdown.Constructor = Dropdown
// DROPDOWN NO CONFLICT
// ====================
$.fn.dropdown.noConflict = function() {
$.fn.dropdown = old
return this
}
// APPLY TO STANDARD DROPDOWN ELEMENTS
// ===================================
var apiName = zuiname + '.data-api'
$(document)
.on('click.' + apiName, clearMenus)
.on('click.' + apiName, '.dropdown form,.not-clear-menu', function(e) {
e.stopPropagation()
})
.on('click.' + apiName, toggle, Dropdown.prototype.toggle)
.on('keydown.' + apiName, toggle + ', [role=menu]', Dropdown.prototype.keydown)
}(window.jQuery);
/* ========================================================================
* Bootstrap: carousel.js v3.0.0
* http://twzui.github.com/bootstrap/javascript.html#carousel
*
* ZUI: The file has been changed in ZUI. It will not keep update with the
* Bootsrap version in the future.
* http://openzui.com
* ========================================================================
* Copyright 2012 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.
* ========================================================================
* Updates in ZUI:
* 1. support touch event for touchable devices
* ======================================================================== */
+ function($) {
'use strict';
// CAROUSEL CLASS DEFINITION
// =========================
var Carousel = function(element, options) {
this.$element = $(element)
this.$indicators = this.$element.find('.carousel-indicators')
this.options = options
this.paused =
this.sliding =
this.interval =
this.$active =
this.$items = null
this.options.pause == 'hover' && this.$element
.on('mouseenter', this.pause.bind(this))
.on('mouseleave', this.cycle.bind(this))
}
Carousel.DEFAULTS = {
interval: 5000,
pause: 'hover',
wrap: true,
touchable: true
}
Carousel.prototype.touchable = function() {
if(!this.options.touchable) return;
this.$element.on('touchstart touchmove touchend', touch);
var touchStartX, touchStartY;
var that = this;
/* listen the touch event */
function touch(event) {
var event = event || window.event;
if(event.originalEvent) event = event.originalEvent;
var carousel = $(this);
switch(event.type) {
case "touchstart":
touchStartX = event.touches[0].pageX;
touchStartY = event.touches[0].pageY;
break;
case "touchend":
var distanceX = event.changedTouches[0].pageX - touchStartX;
var distanceY = event.changedTouches[0].pageY - touchStartY;
if(Math.abs(distanceX) > Math.abs(distanceY)) {
handleCarousel(carousel, distanceX);
if(Math.abs(distanceX) > 10) {
event.preventDefault();
}
} else {
var $w = $(window);
$('body,html').animate({
scrollTop: $w.scrollTop() - distanceY
}, 400)
}
break;
}
}
function handleCarousel(carousel, distance) {
if(distance > 10) that.prev();
else if(distance < -10) that.next();
}
}
Carousel.prototype.cycle = function(e) {
e || (this.paused = false)
this.interval && clearInterval(this.interval)
this.options.interval && !this.paused && (this.interval = setInterval(this.next.bind(this), this.options.interval))
return this
}
Carousel.prototype.getActiveIndex = function() {
this.$active = this.$element.find('.item.active')
this.$items = this.$active.parent().children()
return this.$items.index(this.$active)
}
Carousel.prototype.to = function(pos) {
var that = this
var activeIndex = this.getActiveIndex()
if(pos > (this.$items.length - 1) || pos < 0) return
if(this.sliding) return this.$element.one('slid', function() {
that.to(pos)
})
if(activeIndex == pos) return this.pause().cycle()
return this.slide(pos > activeIndex ? 'next' : 'prev', $(this.$items[pos]))
}
Carousel.prototype.pause = function(e) {
e || (this.paused = true)
if(this.$element.find('.next, .prev').length && $.support.transition.end) {
this.$element.trigger($.support.transition.end)
this.cycle(true)
}
this.interval = clearInterval(this.interval)
return this
}
Carousel.prototype.next = function() {
if(this.sliding) return
return this.slide('next')
}
Carousel.prototype.prev = function() {
if(this.sliding) return
return this.slide('prev')
}
Carousel.prototype.slide = function(type, next) {
var $active = this.$element.find('.item.active')
var $next = next || $active[type]()
var isCycling = this.interval
var direction = type == 'next' ? 'left' : 'right'
var fallback = type == 'next' ? 'first' : 'last'
var that = this
if(!$next.length) {
if(!this.options.wrap) return
$next = this.$element.find('.item')[fallback]()
}
this.sliding = true
isCycling && this.pause()
var e = $.Event('slide.zui.carousel', {
relatedTarget: $next[0],
direction: direction
})
if($next.hasClass('active')) return
if(this.$indicators.length) {
this.$indicators.find('.active').removeClass('active')
this.$element.one('slid', function() {
var $nextIndicator = $(that.$indicators.children()[that.getActiveIndex()])
$nextIndicator && $nextIndicator.addClass('active')
})
}
if($.support.transition && this.$element.hasClass('slide')) {
this.$element.trigger(e)
if(e.isDefaultPrevented()) return
$next.addClass(type)
$next[0].offsetWidth // force reflow
$active.addClass(direction)
$next.addClass(direction)
$active
.one($.support.transition.end, function() {
$next.removeClass([type, direction].join(' ')).addClass('active')
$active.removeClass(['active', direction].join(' '))
that.sliding = false
setTimeout(function() {
that.$element.trigger('slid')
}, 0)
})
.emulateTransitionEnd(600)
} else {
this.$element.trigger(e)
if(e.isDefaultPrevented()) return
$active.removeClass('active')
$next.addClass('active')
this.sliding = false
this.$element.trigger('slid')
}
isCycling && this.cycle()
return this
}
// CAROUSEL PLUGIN DEFINITION
// ==========================
var old = $.fn.carousel
$.fn.carousel = function(option) {
return this.each(function() {
var $this = $(this)
var data = $this.data('zui.carousel')
var options = $.extend({}, Carousel.DEFAULTS, $this.data(), typeof option == 'object' && option)
var action = typeof option == 'string' ? option : options.slide
if(!data) $this.data('zui.carousel', (data = new Carousel(this, options)))
if(typeof option == 'number') data.to(option)
else if(action) data[action]()
else if(options.interval) data.pause().cycle()
if(options.touchable) data.touchable()
})
}
$.fn.carousel.Constructor = Carousel
// CAROUSEL NO CONFLICT
// ====================
$.fn.carousel.noConflict = function() {
$.fn.carousel = old
return this
}
// CAROUSEL DATA-API
// =================
$(document).on('click.zui.carousel.data-api', '[data-slide], [data-slide-to]', function(e) {
var $this = $(this),
href
var $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7
var options = $.extend({}, $target.data(), $this.data())
var slideIndex = $this.attr('data-slide-to')
if(slideIndex) options.interval = false
$target.carousel(options)
if(slideIndex = $this.attr('data-slide-to')) {
$target.data('zui.carousel').to(slideIndex)
}
e.preventDefault()
})
$(window).on('load', function() {
$('[data-ride="carousel"]').each(function() {
var $carousel = $(this)
$carousel.carousel($carousel.data())
})
})
}(window.jQuery);