mirror of
https://expo.survex.com/repositories/troggle/.git
synced 2024-11-29 21:31:54 +00:00
7769a35f07
- Copy feincms media to project so that we don't have to serve it separately. Also useful because we may want to customize it.
8895 lines
301 KiB
JavaScript
8895 lines
301 KiB
JavaScript
/*
|
||
* jQuery UI 1.6rc5
|
||
*
|
||
* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
|
||
* Dual licensed under the MIT (MIT-LICENSE.txt)
|
||
* and GPL (GPL-LICENSE.txt) licenses.
|
||
*
|
||
* http://docs.jquery.com/UI
|
||
*/
|
||
;(function($) {
|
||
|
||
var _remove = $.fn.remove,
|
||
isFF2 = $.browser.mozilla && (parseFloat($.browser.version) < 1.9);
|
||
|
||
//Helper functions and ui object
|
||
$.ui = {
|
||
version: "1.6rc5",
|
||
|
||
// $.ui.plugin is deprecated. Use the proxy pattern instead.
|
||
plugin: {
|
||
add: function(module, option, set) {
|
||
var proto = $.ui[module].prototype;
|
||
for(var i in set) {
|
||
proto.plugins[i] = proto.plugins[i] || [];
|
||
proto.plugins[i].push([option, set[i]]);
|
||
}
|
||
},
|
||
call: function(instance, name, args) {
|
||
var set = instance.plugins[name];
|
||
if(!set) { return; }
|
||
|
||
for (var i = 0; i < set.length; i++) {
|
||
if (instance.options[set[i][0]]) {
|
||
set[i][1].apply(instance.element, args);
|
||
}
|
||
}
|
||
}
|
||
},
|
||
|
||
contains: function(a, b) {
|
||
return document.compareDocumentPosition
|
||
? a.compareDocumentPosition(b) & 16
|
||
: a !== b && a.contains(b);
|
||
},
|
||
|
||
cssCache: {},
|
||
css: function(name) {
|
||
if ($.ui.cssCache[name]) { return $.ui.cssCache[name]; }
|
||
var tmp = $('<div class="ui-gen"></div>').addClass(name).css({position:'absolute', top:'-5000px', left:'-5000px', display:'block'}).appendTo('body');
|
||
|
||
//if (!$.browser.safari)
|
||
//tmp.appendTo('body');
|
||
|
||
//Opera and Safari set width and height to 0px instead of auto
|
||
//Safari returns rgba(0,0,0,0) when bgcolor is not set
|
||
$.ui.cssCache[name] = !!(
|
||
(!(/auto|default/).test(tmp.css('cursor')) || (/^[1-9]/).test(tmp.css('height')) || (/^[1-9]/).test(tmp.css('width')) ||
|
||
!(/none/).test(tmp.css('backgroundImage')) || !(/transparent|rgba\(0, 0, 0, 0\)/).test(tmp.css('backgroundColor')))
|
||
);
|
||
try { $('body').get(0).removeChild(tmp.get(0)); } catch(e){}
|
||
return $.ui.cssCache[name];
|
||
},
|
||
|
||
hasScroll: function(el, a) {
|
||
|
||
//If overflow is hidden, the element might have extra content, but the user wants to hide it
|
||
if ($(el).css('overflow') == 'hidden') { return false; }
|
||
|
||
var scroll = (a && a == 'left') ? 'scrollLeft' : 'scrollTop',
|
||
has = false;
|
||
|
||
if (el[scroll] > 0) { return true; }
|
||
|
||
// TODO: determine which cases actually cause this to happen
|
||
// if the element doesn't have the scroll set, see if it's possible to
|
||
// set the scroll
|
||
el[scroll] = 1;
|
||
has = (el[scroll] > 0);
|
||
el[scroll] = 0;
|
||
return has;
|
||
},
|
||
|
||
isOverAxis: function(x, reference, size) {
|
||
//Determines when x coordinate is over "b" element axis
|
||
return (x > reference) && (x < (reference + size));
|
||
},
|
||
|
||
isOver: function(y, x, top, left, height, width) {
|
||
//Determines when x, y coordinates is over "b" element
|
||
return $.ui.isOverAxis(y, top, height) && $.ui.isOverAxis(x, left, width);
|
||
},
|
||
|
||
keyCode: {
|
||
BACKSPACE: 8,
|
||
CAPS_LOCK: 20,
|
||
COMMA: 188,
|
||
CONTROL: 17,
|
||
DELETE: 46,
|
||
DOWN: 40,
|
||
END: 35,
|
||
ENTER: 13,
|
||
ESCAPE: 27,
|
||
HOME: 36,
|
||
INSERT: 45,
|
||
LEFT: 37,
|
||
NUMPAD_ADD: 107,
|
||
NUMPAD_DECIMAL: 110,
|
||
NUMPAD_DIVIDE: 111,
|
||
NUMPAD_ENTER: 108,
|
||
NUMPAD_MULTIPLY: 106,
|
||
NUMPAD_SUBTRACT: 109,
|
||
PAGE_DOWN: 34,
|
||
PAGE_UP: 33,
|
||
PERIOD: 190,
|
||
RIGHT: 39,
|
||
SHIFT: 16,
|
||
SPACE: 32,
|
||
TAB: 9,
|
||
UP: 38
|
||
}
|
||
};
|
||
|
||
// WAI-ARIA normalization
|
||
if (isFF2) {
|
||
var attr = $.attr,
|
||
removeAttr = $.fn.removeAttr,
|
||
ariaNS = "http://www.w3.org/2005/07/aaa",
|
||
ariaState = /^aria-/,
|
||
ariaRole = /^wairole:/;
|
||
|
||
$.attr = function(elem, name, value) {
|
||
var set = value !== undefined;
|
||
|
||
return (name == 'role'
|
||
? (set
|
||
? attr.call(this, elem, name, "wairole:" + value)
|
||
: (attr.apply(this, arguments) || "").replace(ariaRole, ""))
|
||
: (ariaState.test(name)
|
||
? (set
|
||
? elem.setAttributeNS(ariaNS,
|
||
name.replace(ariaState, "aaa:"), value)
|
||
: attr.call(this, elem, name.replace(ariaState, "aaa:")))
|
||
: attr.apply(this, arguments)));
|
||
};
|
||
|
||
$.fn.removeAttr = function(name) {
|
||
return (ariaState.test(name)
|
||
? this.each(function() {
|
||
this.removeAttributeNS(ariaNS, name.replace(ariaState, ""));
|
||
}) : removeAttr.call(this, name));
|
||
};
|
||
}
|
||
|
||
//jQuery plugins
|
||
$.fn.extend({
|
||
remove: function() {
|
||
// Safari has a native remove event which actually removes DOM elements,
|
||
// so we have to use triggerHandler instead of trigger (#3037).
|
||
$("*", this).add(this).each(function() {
|
||
$(this).triggerHandler("remove");
|
||
});
|
||
return _remove.apply(this, arguments );
|
||
},
|
||
|
||
enableSelection: function() {
|
||
return this
|
||
.attr('unselectable', 'off')
|
||
.css('MozUserSelect', '')
|
||
.unbind('selectstart.ui');
|
||
},
|
||
|
||
disableSelection: function() {
|
||
return this
|
||
.attr('unselectable', 'on')
|
||
.css('MozUserSelect', 'none')
|
||
.bind('selectstart.ui', function() { return false; });
|
||
},
|
||
|
||
scrollParent: function() {
|
||
var scrollParent;
|
||
if(($.browser.msie && (/(static|relative)/).test(this.css('position'))) || (/absolute/).test(this.css('position'))) {
|
||
scrollParent = this.parents().filter(function() {
|
||
return (/(relative|absolute|fixed)/).test($.curCSS(this,'position',1)) && (/(auto|scroll)/).test($.curCSS(this,'overflow',1)+$.curCSS(this,'overflow-y',1)+$.curCSS(this,'overflow-x',1));
|
||
}).eq(0);
|
||
} else {
|
||
scrollParent = this.parents().filter(function() {
|
||
return (/(auto|scroll)/).test($.curCSS(this,'overflow',1)+$.curCSS(this,'overflow-y',1)+$.curCSS(this,'overflow-x',1));
|
||
}).eq(0);
|
||
}
|
||
|
||
return (/fixed/).test(this.css('position')) || !scrollParent.length ? $(document) : scrollParent;
|
||
}
|
||
});
|
||
|
||
|
||
//Additional selectors
|
||
$.extend($.expr[':'], {
|
||
data: function(elem, i, match) {
|
||
return !!$.data(elem, match[3]);
|
||
},
|
||
|
||
// TODO: add support for object, area
|
||
tabbable: function(elem) {
|
||
var nodeName = elem.nodeName.toLowerCase();
|
||
function isVisible(element) {
|
||
return !($(element).is(':hidden') || $(element).parents(':hidden').length);
|
||
}
|
||
|
||
return (
|
||
// in tab order
|
||
elem.tabIndex >= 0 &&
|
||
|
||
( // filter node types that participate in the tab order
|
||
|
||
// anchor tag
|
||
('a' == nodeName && elem.href) ||
|
||
|
||
// enabled form element
|
||
(/input|select|textarea|button/.test(nodeName) &&
|
||
'hidden' != elem.type && !elem.disabled)
|
||
) &&
|
||
|
||
// visible on page
|
||
isVisible(elem)
|
||
);
|
||
}
|
||
});
|
||
|
||
|
||
// $.widget is a factory to create jQuery plugins
|
||
// taking some boilerplate code out of the plugin code
|
||
function getter(namespace, plugin, method, args) {
|
||
function getMethods(type) {
|
||
var methods = $[namespace][plugin][type] || [];
|
||
return (typeof methods == 'string' ? methods.split(/,?\s+/) : methods);
|
||
}
|
||
|
||
var methods = getMethods('getter');
|
||
if (args.length == 1 && typeof args[0] == 'string') {
|
||
methods = methods.concat(getMethods('getterSetter'));
|
||
}
|
||
return ($.inArray(method, methods) != -1);
|
||
}
|
||
|
||
$.widget = function(name, prototype) {
|
||
var namespace = name.split(".")[0];
|
||
name = name.split(".")[1];
|
||
|
||
// create plugin method
|
||
$.fn[name] = function(options) {
|
||
var isMethodCall = (typeof options == 'string'),
|
||
args = Array.prototype.slice.call(arguments, 1);
|
||
|
||
// prevent calls to internal methods
|
||
if (isMethodCall && options.substring(0, 1) == '_') {
|
||
return this;
|
||
}
|
||
|
||
// handle getter methods
|
||
if (isMethodCall && getter(namespace, name, options, args)) {
|
||
var instance = $.data(this[0], name);
|
||
return (instance ? instance[options].apply(instance, args)
|
||
: undefined);
|
||
}
|
||
|
||
// handle initialization and non-getter methods
|
||
return this.each(function() {
|
||
var instance = $.data(this, name);
|
||
|
||
// constructor
|
||
(!instance && !isMethodCall &&
|
||
$.data(this, name, new $[namespace][name](this, options)));
|
||
|
||
// method call
|
||
(instance && isMethodCall && $.isFunction(instance[options]) &&
|
||
instance[options].apply(instance, args));
|
||
});
|
||
};
|
||
|
||
// create widget constructor
|
||
$[namespace] = $[namespace] || {};
|
||
$[namespace][name] = function(element, options) {
|
||
var self = this;
|
||
|
||
this.namespace = namespace;
|
||
this.widgetName = name;
|
||
this.widgetEventPrefix = $[namespace][name].eventPrefix || name;
|
||
this.widgetBaseClass = namespace + '-' + name;
|
||
|
||
this.options = $.extend({},
|
||
$.widget.defaults,
|
||
$[namespace][name].defaults,
|
||
$.metadata && $.metadata.get(element)[name],
|
||
options);
|
||
|
||
this.element = $(element)
|
||
.bind('setData.' + name, function(event, key, value) {
|
||
if (event.target == element) {
|
||
return self._setData(key, value);
|
||
}
|
||
})
|
||
.bind('getData.' + name, function(event, key) {
|
||
if (event.target == element) {
|
||
return self._getData(key);
|
||
}
|
||
})
|
||
.bind('remove', function() {
|
||
return self.destroy();
|
||
});
|
||
|
||
this._init();
|
||
};
|
||
|
||
// add widget prototype
|
||
$[namespace][name].prototype = $.extend({}, $.widget.prototype, prototype);
|
||
|
||
// TODO: merge getter and getterSetter properties from widget prototype
|
||
// and plugin prototype
|
||
$[namespace][name].getterSetter = 'option';
|
||
};
|
||
|
||
$.widget.prototype = {
|
||
_init: function() {},
|
||
destroy: function() {
|
||
this.element.removeData(this.widgetName)
|
||
.removeClass(this.widgetBaseClass + '-disabled' + ' ' + this.namespace + '-state-disabled')
|
||
.removeAttr('aria-disabled');
|
||
},
|
||
|
||
option: function(key, value) {
|
||
var options = key,
|
||
self = this;
|
||
|
||
if (typeof key == "string") {
|
||
if (value === undefined) {
|
||
return this._getData(key);
|
||
}
|
||
options = {};
|
||
options[key] = value;
|
||
}
|
||
|
||
$.each(options, function(key, value) {
|
||
self._setData(key, value);
|
||
});
|
||
},
|
||
_getData: function(key) {
|
||
return this.options[key];
|
||
},
|
||
_setData: function(key, value) {
|
||
this.options[key] = value;
|
||
|
||
if (key == 'disabled') {
|
||
this.element
|
||
[value ? 'addClass' : 'removeClass'](
|
||
this.widgetBaseClass + '-disabled' + ' ' +
|
||
this.namespace + '-state-disabled')
|
||
.attr("aria-disabled", value);
|
||
}
|
||
},
|
||
|
||
enable: function() {
|
||
this._setData('disabled', false);
|
||
},
|
||
disable: function() {
|
||
this._setData('disabled', true);
|
||
},
|
||
|
||
_trigger: function(type, event, data) {
|
||
var callback = this.options[type],
|
||
eventName = (type == this.widgetEventPrefix
|
||
? type : this.widgetEventPrefix + type);
|
||
|
||
event = $.Event(event);
|
||
event.type = eventName;
|
||
|
||
this.element.trigger(event, data);
|
||
|
||
return !($.isFunction(callback) && callback.call(this.element[0], event, data) === false
|
||
|| event.isDefaultPrevented());
|
||
}
|
||
};
|
||
|
||
$.widget.defaults = {
|
||
disabled: false
|
||
};
|
||
|
||
|
||
/** Mouse Interaction Plugin **/
|
||
|
||
$.ui.mouse = {
|
||
_mouseInit: function() {
|
||
var self = this;
|
||
|
||
this.element
|
||
.bind('mousedown.'+this.widgetName, function(event) {
|
||
return self._mouseDown(event);
|
||
})
|
||
.bind('click.'+this.widgetName, function(event) {
|
||
if(self._preventClickEvent) {
|
||
self._preventClickEvent = false;
|
||
return false;
|
||
}
|
||
});
|
||
|
||
// Prevent text selection in IE
|
||
if ($.browser.msie) {
|
||
this._mouseUnselectable = this.element.attr('unselectable');
|
||
this.element.attr('unselectable', 'on');
|
||
}
|
||
|
||
this.started = false;
|
||
},
|
||
|
||
// TODO: make sure destroying one instance of mouse doesn't mess with
|
||
// other instances of mouse
|
||
_mouseDestroy: function() {
|
||
this.element.unbind('.'+this.widgetName);
|
||
|
||
// Restore text selection in IE
|
||
($.browser.msie
|
||
&& this.element.attr('unselectable', this._mouseUnselectable));
|
||
},
|
||
|
||
_mouseDown: function(event) {
|
||
// we may have missed mouseup (out of window)
|
||
(this._mouseStarted && this._mouseUp(event));
|
||
|
||
this._mouseDownEvent = event;
|
||
|
||
var self = this,
|
||
btnIsLeft = (event.which == 1),
|
||
elIsCancel = (typeof this.options.cancel == "string" ? $(event.target).parents().add(event.target).filter(this.options.cancel).length : false);
|
||
if (!btnIsLeft || elIsCancel || !this._mouseCapture(event)) {
|
||
return true;
|
||
}
|
||
|
||
this.mouseDelayMet = !this.options.delay;
|
||
if (!this.mouseDelayMet) {
|
||
this._mouseDelayTimer = setTimeout(function() {
|
||
self.mouseDelayMet = true;
|
||
}, this.options.delay);
|
||
}
|
||
|
||
if (this._mouseDistanceMet(event) && this._mouseDelayMet(event)) {
|
||
this._mouseStarted = (this._mouseStart(event) !== false);
|
||
if (!this._mouseStarted) {
|
||
event.preventDefault();
|
||
return true;
|
||
}
|
||
}
|
||
|
||
// these delegates are required to keep context
|
||
this._mouseMoveDelegate = function(event) {
|
||
return self._mouseMove(event);
|
||
};
|
||
this._mouseUpDelegate = function(event) {
|
||
return self._mouseUp(event);
|
||
};
|
||
$(document)
|
||
.bind('mousemove.'+this.widgetName, this._mouseMoveDelegate)
|
||
.bind('mouseup.'+this.widgetName, this._mouseUpDelegate);
|
||
|
||
// preventDefault() is used to prevent the selection of text here -
|
||
// however, in Safari, this causes select boxes not to be selectable
|
||
// anymore, so this fix is needed
|
||
($.browser.safari || event.preventDefault());
|
||
|
||
return true;
|
||
},
|
||
|
||
_mouseMove: function(event) {
|
||
// IE mouseup check - mouseup happened when mouse was out of window
|
||
if ($.browser.msie && !event.button) {
|
||
return this._mouseUp(event);
|
||
}
|
||
|
||
if (this._mouseStarted) {
|
||
this._mouseDrag(event);
|
||
return event.preventDefault();
|
||
}
|
||
|
||
if (this._mouseDistanceMet(event) && this._mouseDelayMet(event)) {
|
||
this._mouseStarted =
|
||
(this._mouseStart(this._mouseDownEvent, event) !== false);
|
||
(this._mouseStarted ? this._mouseDrag(event) : this._mouseUp(event));
|
||
}
|
||
|
||
return !this._mouseStarted;
|
||
},
|
||
|
||
_mouseUp: function(event) {
|
||
$(document)
|
||
.unbind('mousemove.'+this.widgetName, this._mouseMoveDelegate)
|
||
.unbind('mouseup.'+this.widgetName, this._mouseUpDelegate);
|
||
|
||
if (this._mouseStarted) {
|
||
this._mouseStarted = false;
|
||
this._preventClickEvent = true;
|
||
this._mouseStop(event);
|
||
}
|
||
|
||
return false;
|
||
},
|
||
|
||
_mouseDistanceMet: function(event) {
|
||
return (Math.max(
|
||
Math.abs(this._mouseDownEvent.pageX - event.pageX),
|
||
Math.abs(this._mouseDownEvent.pageY - event.pageY)
|
||
) >= this.options.distance
|
||
);
|
||
},
|
||
|
||
_mouseDelayMet: function(event) {
|
||
return this.mouseDelayMet;
|
||
},
|
||
|
||
// These are placeholder methods, to be overriden by extending plugin
|
||
_mouseStart: function(event) {},
|
||
_mouseDrag: function(event) {},
|
||
_mouseStop: function(event) {},
|
||
_mouseCapture: function(event) { return true; }
|
||
};
|
||
|
||
$.ui.mouse.defaults = {
|
||
cancel: null,
|
||
distance: 1,
|
||
delay: 0
|
||
};
|
||
|
||
})(jQuery);
|
||
/*
|
||
* jQuery UI Draggable 1.6rc5
|
||
*
|
||
* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
|
||
* Dual licensed under the MIT (MIT-LICENSE.txt)
|
||
* and GPL (GPL-LICENSE.txt) licenses.
|
||
*
|
||
* http://docs.jquery.com/UI/Draggables
|
||
*
|
||
* Depends:
|
||
* ui.core.js
|
||
*/
|
||
(function($) {
|
||
|
||
$.widget("ui.draggable", $.extend({}, $.ui.mouse, {
|
||
|
||
_init: function() {
|
||
|
||
if (this.options.helper == 'original' && !(/^(?:r|a|f)/).test(this.element.css("position")))
|
||
this.element[0].style.position = 'relative';
|
||
|
||
(this.options.cssNamespace && this.element.addClass(this.options.cssNamespace+"-draggable"));
|
||
(this.options.disabled && this.element.addClass(this.options.cssNamespace+'-draggable-disabled'));
|
||
|
||
this._mouseInit();
|
||
|
||
},
|
||
|
||
destroy: function() {
|
||
if(!this.element.data('draggable')) return;
|
||
this.element.removeData("draggable").unbind(".draggable").removeClass(this.options.cssNamespace+'-draggable '+this.options.cssNamespace+'-draggable-dragging '+this.options.cssNamespace+'-draggable-disabled');
|
||
this._mouseDestroy();
|
||
},
|
||
|
||
_mouseCapture: function(event) {
|
||
|
||
var o = this.options;
|
||
|
||
if (this.helper || o.disabled || $(event.target).is('.'+this.options.cssNamespace+'-resizable-handle'))
|
||
return false;
|
||
|
||
//Quit if we're not on a valid handle
|
||
this.handle = this._getHandle(event);
|
||
if (!this.handle)
|
||
return false;
|
||
|
||
return true;
|
||
|
||
},
|
||
|
||
_mouseStart: function(event) {
|
||
|
||
var o = this.options;
|
||
|
||
//Create and append the visible helper
|
||
this.helper = this._createHelper(event);
|
||
|
||
//Cache the helper size
|
||
this._cacheHelperProportions();
|
||
|
||
//If ddmanager is used for droppables, set the global draggable
|
||
if($.ui.ddmanager)
|
||
$.ui.ddmanager.current = this;
|
||
|
||
/*
|
||
* - Position generation -
|
||
* This block generates everything position related - it's the core of draggables.
|
||
*/
|
||
|
||
//Cache the margins of the original element
|
||
this._cacheMargins();
|
||
|
||
//Store the helper's css position
|
||
this.cssPosition = this.helper.css("position");
|
||
this.scrollParent = this.helper.scrollParent();
|
||
|
||
//The element's absolute position on the page minus margins
|
||
this.offset = this.element.offset();
|
||
this.offset = {
|
||
top: this.offset.top - this.margins.top,
|
||
left: this.offset.left - this.margins.left
|
||
};
|
||
|
||
$.extend(this.offset, {
|
||
click: { //Where the click happened, relative to the element
|
||
left: event.pageX - this.offset.left,
|
||
top: event.pageY - this.offset.top
|
||
},
|
||
parent: this._getParentOffset(),
|
||
relative: this._getRelativeOffset() //This is a relative to absolute position minus the actual position calculation - only used for relative positioned helper
|
||
});
|
||
|
||
//Generate the original position
|
||
this.originalPosition = this._generatePosition(event);
|
||
this.originalPageX = event.pageX;
|
||
this.originalPageY = event.pageY;
|
||
|
||
//Adjust the mouse offset relative to the helper if 'cursorAt' is supplied
|
||
if(o.cursorAt)
|
||
this._adjustOffsetFromHelper(o.cursorAt);
|
||
|
||
//Set a containment if given in the options
|
||
if(o.containment)
|
||
this._setContainment();
|
||
|
||
//Call plugins and callbacks
|
||
this._trigger("start", event);
|
||
|
||
//Recache the helper size
|
||
this._cacheHelperProportions();
|
||
|
||
//Prepare the droppable offsets
|
||
if ($.ui.ddmanager && !o.dropBehaviour)
|
||
$.ui.ddmanager.prepareOffsets(this, event);
|
||
|
||
this.helper.addClass(o.cssNamespace+"-draggable-dragging");
|
||
this._mouseDrag(event, true); //Execute the drag once - this causes the helper not to be visible before getting its correct position
|
||
return true;
|
||
},
|
||
|
||
_mouseDrag: function(event, noPropagation) {
|
||
|
||
//Compute the helpers position
|
||
this.position = this._generatePosition(event);
|
||
this.positionAbs = this._convertPositionTo("absolute");
|
||
|
||
//Call plugins and callbacks and use the resulting position if something is returned
|
||
if (!noPropagation) {
|
||
var ui = this._uiHash();
|
||
this._trigger('drag', event, ui);
|
||
this.position = ui.position;
|
||
}
|
||
|
||
if(!this.options.axis || this.options.axis != "y") this.helper[0].style.left = this.position.left+'px';
|
||
if(!this.options.axis || this.options.axis != "x") this.helper[0].style.top = this.position.top+'px';
|
||
if($.ui.ddmanager) $.ui.ddmanager.drag(this, event);
|
||
|
||
return false;
|
||
},
|
||
|
||
_mouseStop: function(event) {
|
||
|
||
//If we are using droppables, inform the manager about the drop
|
||
var dropped = false;
|
||
if ($.ui.ddmanager && !this.options.dropBehaviour)
|
||
dropped = $.ui.ddmanager.drop(this, event);
|
||
|
||
//if a drop comes from outside (a sortable)
|
||
if(this.dropped) {
|
||
dropped = this.dropped;
|
||
this.dropped = false;
|
||
}
|
||
|
||
if((this.options.revert == "invalid" && !dropped) || (this.options.revert == "valid" && dropped) || this.options.revert === true || ($.isFunction(this.options.revert) && this.options.revert.call(this.element, dropped))) {
|
||
var self = this;
|
||
$(this.helper).animate(this.originalPosition, parseInt(this.options.revertDuration, 10), function() {
|
||
self._trigger("stop", event);
|
||
self._clear();
|
||
});
|
||
} else {
|
||
this._trigger("stop", event);
|
||
this._clear();
|
||
}
|
||
|
||
return false;
|
||
},
|
||
|
||
_getHandle: function(event) {
|
||
|
||
var handle = !this.options.handle || !$(this.options.handle, this.element).length ? true : false;
|
||
$(this.options.handle, this.element)
|
||
.find("*")
|
||
.andSelf()
|
||
.each(function() {
|
||
if(this == event.target) handle = true;
|
||
});
|
||
|
||
return handle;
|
||
|
||
},
|
||
|
||
_createHelper: function(event) {
|
||
|
||
var o = this.options;
|
||
var helper = $.isFunction(o.helper) ? $(o.helper.apply(this.element[0], [event])) : (o.helper == 'clone' ? this.element.clone() : this.element);
|
||
|
||
if(!helper.parents('body').length)
|
||
helper.appendTo((o.appendTo == 'parent' ? this.element[0].parentNode : o.appendTo));
|
||
|
||
if(helper[0] != this.element[0] && !(/(fixed|absolute)/).test(helper.css("position")))
|
||
helper.css("position", "absolute");
|
||
|
||
return helper;
|
||
|
||
},
|
||
|
||
_adjustOffsetFromHelper: function(obj) {
|
||
if(obj.left != undefined) this.offset.click.left = obj.left + this.margins.left;
|
||
if(obj.right != undefined) this.offset.click.left = this.helperProportions.width - obj.right + this.margins.left;
|
||
if(obj.top != undefined) this.offset.click.top = obj.top + this.margins.top;
|
||
if(obj.bottom != undefined) this.offset.click.top = this.helperProportions.height - obj.bottom + this.margins.top;
|
||
},
|
||
|
||
_getParentOffset: function() {
|
||
|
||
//Get the offsetParent and cache its position
|
||
this.offsetParent = this.helper.offsetParent();
|
||
var po = this.offsetParent.offset();
|
||
|
||
// This is a special case where we need to modify a offset calculated on start, since the following happened:
|
||
// 1. The position of the helper is absolute, so it's position is calculated based on the next positioned parent
|
||
// 2. The actual offset parent is a child of the scroll parent, and the scroll parent isn't the document, which means that
|
||
// the scroll is included in the initial calculation of the offset of the parent, and never recalculated upon drag
|
||
if(this.cssPosition == 'absolute' && this.scrollParent[0] != document && $.ui.contains(this.scrollParent[0], this.offsetParent[0])) {
|
||
po.left += this.scrollParent.scrollLeft();
|
||
po.top += this.scrollParent.scrollTop();
|
||
}
|
||
|
||
if((this.offsetParent[0] == document.body && $.browser.mozilla) //Ugly FF3 fix
|
||
|| (this.offsetParent[0].tagName && this.offsetParent[0].tagName.toLowerCase() == 'html' && $.browser.msie)) //Ugly IE fix
|
||
po = { top: 0, left: 0 };
|
||
|
||
return {
|
||
top: po.top + (parseInt(this.offsetParent.css("borderTopWidth"),10) || 0),
|
||
left: po.left + (parseInt(this.offsetParent.css("borderLeftWidth"),10) || 0)
|
||
};
|
||
|
||
},
|
||
|
||
_getRelativeOffset: function() {
|
||
|
||
if(this.cssPosition == "relative") {
|
||
var p = this.element.position();
|
||
return {
|
||
top: p.top - (parseInt(this.helper.css("top"),10) || 0) + this.scrollParent.scrollTop(),
|
||
left: p.left - (parseInt(this.helper.css("left"),10) || 0) + this.scrollParent.scrollLeft()
|
||
};
|
||
} else {
|
||
return { top: 0, left: 0 };
|
||
}
|
||
|
||
},
|
||
|
||
_cacheMargins: function() {
|
||
this.margins = {
|
||
left: (parseInt(this.element.css("marginLeft"),10) || 0),
|
||
top: (parseInt(this.element.css("marginTop"),10) || 0)
|
||
};
|
||
},
|
||
|
||
_cacheHelperProportions: function() {
|
||
this.helperProportions = {
|
||
width: this.helper.outerWidth(),
|
||
height: this.helper.outerHeight()
|
||
};
|
||
},
|
||
|
||
_setContainment: function() {
|
||
|
||
var o = this.options;
|
||
if(o.containment == 'parent') o.containment = this.helper[0].parentNode;
|
||
if(o.containment == 'document' || o.containment == 'window') this.containment = [
|
||
0 - this.offset.relative.left - this.offset.parent.left,
|
||
0 - this.offset.relative.top - this.offset.parent.top,
|
||
$(o.containment == 'document' ? document : window).width() - this.helperProportions.width - this.margins.left,
|
||
($(o.containment == 'document' ? document : window).height() || document.body.parentNode.scrollHeight) - this.helperProportions.height - this.margins.top
|
||
];
|
||
|
||
if(!(/^(document|window|parent)$/).test(o.containment)) {
|
||
var ce = $(o.containment)[0];
|
||
var co = $(o.containment).offset();
|
||
var over = ($(ce).css("overflow") != 'hidden');
|
||
|
||
this.containment = [
|
||
co.left + (parseInt($(ce).css("borderLeftWidth"),10) || 0) - this.margins.left,
|
||
co.top + (parseInt($(ce).css("borderTopWidth"),10) || 0) - this.margins.top,
|
||
co.left+(over ? Math.max(ce.scrollWidth,ce.offsetWidth) : ce.offsetWidth) - (parseInt($(ce).css("borderLeftWidth"),10) || 0) - this.helperProportions.width - this.margins.left,
|
||
co.top+(over ? Math.max(ce.scrollHeight,ce.offsetHeight) : ce.offsetHeight) - (parseInt($(ce).css("borderTopWidth"),10) || 0) - this.helperProportions.height - this.margins.top
|
||
];
|
||
}
|
||
|
||
},
|
||
|
||
_convertPositionTo: function(d, pos) {
|
||
|
||
if(!pos) pos = this.position;
|
||
var mod = d == "absolute" ? 1 : -1;
|
||
var o = this.options, scroll = this.cssPosition == 'absolute' && !(this.scrollParent[0] != document && $.ui.contains(this.scrollParent[0], this.offsetParent[0])) ? this.offsetParent : this.scrollParent, scrollIsRootNode = (/(html|body)/i).test(scroll[0].tagName);
|
||
|
||
return {
|
||
top: (
|
||
pos.top // The absolute mouse position
|
||
+ this.offset.relative.top * mod // Only for relative positioned nodes: Relative offset from element to offset parent
|
||
+ this.offset.parent.top * mod // The offsetParent's offset without borders (offset + border)
|
||
- ( this.cssPosition == 'fixed' ? -this.scrollParent.scrollTop() : ( scrollIsRootNode ? 0 : scroll.scrollTop() ) ) * mod
|
||
),
|
||
left: (
|
||
pos.left // The absolute mouse position
|
||
+ this.offset.relative.left * mod // Only for relative positioned nodes: Relative offset from element to offset parent
|
||
+ this.offset.parent.left * mod // The offsetParent's offset without borders (offset + border)
|
||
- ( this.cssPosition == 'fixed' ? -this.scrollParent.scrollLeft() : scrollIsRootNode ? 0 : scroll.scrollLeft() ) * mod
|
||
)
|
||
};
|
||
|
||
},
|
||
|
||
_generatePosition: function(event) {
|
||
|
||
var o = this.options, scroll = this.cssPosition == 'absolute' && !(this.scrollParent[0] != document && $.ui.contains(this.scrollParent[0], this.offsetParent[0])) ? this.offsetParent : this.scrollParent, scrollIsRootNode = (/(html|body)/i).test(scroll[0].tagName);
|
||
|
||
// This is another very weird special case that only happens for relative elements:
|
||
// 1. If the css position is relative
|
||
// 2. and the scroll parent is the document or similar to the offset parent
|
||
// we have to refresh the relative offset during the scroll so there are no jumps
|
||
if(this.cssPosition == 'relative' && !(this.scrollParent[0] != document && this.scrollParent[0] != this.offsetParent[0])) {
|
||
this.offset.relative = this._getRelativeOffset();
|
||
}
|
||
|
||
var pageX = event.pageX;
|
||
var pageY = event.pageY;
|
||
|
||
/*
|
||
* - Position constraining -
|
||
* Constrain the position to a mix of grid, containment.
|
||
*/
|
||
|
||
if(this.originalPosition) { //If we are not dragging yet, we won't check for options
|
||
|
||
if(this.containment) {
|
||
if(event.pageX - this.offset.click.left < this.containment[0]) pageX = this.containment[0] + this.offset.click.left;
|
||
if(event.pageY - this.offset.click.top < this.containment[1]) pageY = this.containment[1] + this.offset.click.top;
|
||
if(event.pageX - this.offset.click.left > this.containment[2]) pageX = this.containment[2] + this.offset.click.left;
|
||
if(event.pageY - this.offset.click.top > this.containment[3]) pageY = this.containment[3] + this.offset.click.top;
|
||
}
|
||
|
||
if(o.grid) {
|
||
var top = this.originalPageY + Math.round((pageY - this.originalPageY) / o.grid[1]) * o.grid[1];
|
||
pageY = this.containment ? (!(top - this.offset.click.top < this.containment[1] || top - this.offset.click.top > this.containment[3]) ? top : (!(top - this.offset.click.top < this.containment[1]) ? top - o.grid[1] : top + o.grid[1])) : top;
|
||
|
||
var left = this.originalPageX + Math.round((pageX - this.originalPageX) / o.grid[0]) * o.grid[0];
|
||
pageX = this.containment ? (!(left - this.offset.click.left < this.containment[0] || left - this.offset.click.left > this.containment[2]) ? left : (!(left - this.offset.click.left < this.containment[0]) ? left - o.grid[0] : left + o.grid[0])) : left;
|
||
}
|
||
|
||
}
|
||
|
||
return {
|
||
top: (
|
||
pageY // The absolute mouse position
|
||
- this.offset.click.top // Click offset (relative to the element)
|
||
- this.offset.relative.top // Only for relative positioned nodes: Relative offset from element to offset parent
|
||
- this.offset.parent.top // The offsetParent's offset without borders (offset + border)
|
||
+ ( this.cssPosition == 'fixed' ? -this.scrollParent.scrollTop() : ( scrollIsRootNode ? 0 : scroll.scrollTop() ) )
|
||
),
|
||
left: (
|
||
pageX // The absolute mouse position
|
||
- this.offset.click.left // Click offset (relative to the element)
|
||
- this.offset.relative.left // Only for relative positioned nodes: Relative offset from element to offset parent
|
||
- this.offset.parent.left // The offsetParent's offset without borders (offset + border)
|
||
+ ( this.cssPosition == 'fixed' ? -this.scrollParent.scrollLeft() : scrollIsRootNode ? 0 : scroll.scrollLeft() )
|
||
)
|
||
};
|
||
|
||
},
|
||
|
||
_clear: function() {
|
||
this.helper.removeClass(this.options.cssNamespace+"-draggable-dragging");
|
||
if(this.helper[0] != this.element[0] && !this.cancelHelperRemoval) this.helper.remove();
|
||
//if($.ui.ddmanager) $.ui.ddmanager.current = null;
|
||
this.helper = null;
|
||
this.cancelHelperRemoval = false;
|
||
},
|
||
|
||
// From now on bulk stuff - mainly helpers
|
||
|
||
_trigger: function(type, event, ui) {
|
||
ui = ui || this._uiHash();
|
||
$.ui.plugin.call(this, type, [event, ui]);
|
||
if(type == "drag") this.positionAbs = this._convertPositionTo("absolute"); //The absolute position has to be recalculated after plugins
|
||
return $.widget.prototype._trigger.call(this, type, event, ui);
|
||
},
|
||
|
||
plugins: {},
|
||
|
||
_uiHash: function(event) {
|
||
return {
|
||
helper: this.helper,
|
||
position: this.position,
|
||
absolutePosition: this.positionAbs,
|
||
options: this.options
|
||
};
|
||
}
|
||
|
||
}));
|
||
|
||
$.extend($.ui.draggable, {
|
||
version: "1.6rc5",
|
||
eventPrefix: "drag",
|
||
defaults: {
|
||
appendTo: "parent",
|
||
axis: false,
|
||
cancel: ":input,option",
|
||
connectToSortable: false,
|
||
containment: false,
|
||
cssNamespace: "ui",
|
||
cursor: "default",
|
||
cursorAt: null,
|
||
delay: 0,
|
||
distance: 1,
|
||
grid: false,
|
||
handle: false,
|
||
helper: "original",
|
||
iframeFix: false,
|
||
opacity: null,
|
||
refreshPositions: false,
|
||
revert: false,
|
||
revertDuration: 500,
|
||
scope: "default",
|
||
scroll: true,
|
||
scrollSensitivity: 20,
|
||
scrollSpeed: 20,
|
||
snap: false,
|
||
snapMode: "both",
|
||
snapTolerance: 20,
|
||
stack: false,
|
||
zIndex: null
|
||
}
|
||
});
|
||
|
||
$.ui.plugin.add("draggable", "connectToSortable", {
|
||
start: function(event, ui) {
|
||
|
||
var inst = $(this).data("draggable");
|
||
inst.sortables = [];
|
||
$(ui.options.connectToSortable).each(function() {
|
||
// 'this' points to a string, and should therefore resolved as query, but instead, if the string is assigned to a variable, it loops through the strings properties,
|
||
// so we have to append '' to make it anonymous again
|
||
$(this+'').each(function() {
|
||
if($.data(this, 'sortable')) {
|
||
var sortable = $.data(this, 'sortable');
|
||
inst.sortables.push({
|
||
instance: sortable,
|
||
shouldRevert: sortable.options.revert
|
||
});
|
||
sortable._refreshItems(); //Do a one-time refresh at start to refresh the containerCache
|
||
sortable._trigger("activate", event, inst);
|
||
}
|
||
});
|
||
});
|
||
|
||
},
|
||
stop: function(event, ui) {
|
||
|
||
//If we are still over the sortable, we fake the stop event of the sortable, but also remove helper
|
||
var inst = $(this).data("draggable");
|
||
|
||
$.each(inst.sortables, function() {
|
||
if(this.instance.isOver) {
|
||
|
||
this.instance.isOver = 0;
|
||
|
||
inst.cancelHelperRemoval = true; //Don't remove the helper in the draggable instance
|
||
this.instance.cancelHelperRemoval = false; //Remove it in the sortable instance (so sortable plugins like revert still work)
|
||
|
||
//The sortable revert is supported, and we have to set a temporary dropped variable on the draggable to support revert: 'valid/invalid'
|
||
if(this.shouldRevert) this.instance.options.revert = true;
|
||
|
||
//Trigger the stop of the sortable
|
||
this.instance._mouseStop(event);
|
||
|
||
//Also propagate receive event, since the sortable is actually receiving a element
|
||
this.instance.element.triggerHandler("sortreceive", [event, $.extend(this.instance._uiHash(), { sender: inst.element })], this.instance.options["receive"]);
|
||
|
||
this.instance.options.helper = this.instance.options._helper;
|
||
|
||
//If the helper has been the original item, restore properties in the sortable
|
||
if(inst.options.helper == 'original')
|
||
this.instance.currentItem.css({ top: 'auto', left: 'auto' });
|
||
|
||
} else {
|
||
this.instance.cancelHelperRemoval = false; //Remove the helper in the sortable instance
|
||
this.instance._trigger("deactivate", event, inst);
|
||
}
|
||
|
||
});
|
||
|
||
},
|
||
drag: function(event, ui) {
|
||
|
||
var inst = $(this).data("draggable"), self = this;
|
||
|
||
var checkPos = function(o) {
|
||
var dyClick = this.offset.click.top, dxClick = this.offset.click.left;
|
||
var helperTop = this.positionAbs.top, helperLeft = this.positionAbs.left;
|
||
var itemHeight = o.height, itemWidth = o.width;
|
||
var itemTop = o.top, itemLeft = o.left;
|
||
|
||
return $.ui.isOver(helperTop + dyClick, helperLeft + dxClick, itemTop, itemLeft, itemHeight, itemWidth);
|
||
};
|
||
|
||
$.each(inst.sortables, function(i) {
|
||
|
||
if(checkPos.call(inst, this.instance.containerCache)) {
|
||
|
||
//If it intersects, we use a little isOver variable and set it once, so our move-in stuff gets fired only once
|
||
if(!this.instance.isOver) {
|
||
this.instance.isOver = 1;
|
||
//Now we fake the start of dragging for the sortable instance,
|
||
//by cloning the list group item, appending it to the sortable and using it as inst.currentItem
|
||
//We can then fire the start event of the sortable with our passed browser event, and our own helper (so it doesn't create a new one)
|
||
this.instance.currentItem = $(self).clone().appendTo(this.instance.element).data("sortable-item", true);
|
||
this.instance.options._helper = this.instance.options.helper; //Store helper option to later restore it
|
||
this.instance.options.helper = function() { return ui.helper[0]; };
|
||
|
||
event.target = this.instance.currentItem[0];
|
||
this.instance._mouseCapture(event, true);
|
||
this.instance._mouseStart(event, true, true);
|
||
|
||
//Because the browser event is way off the new appended portlet, we modify a couple of variables to reflect the changes
|
||
this.instance.offset.click.top = inst.offset.click.top;
|
||
this.instance.offset.click.left = inst.offset.click.left;
|
||
this.instance.offset.parent.left -= inst.offset.parent.left - this.instance.offset.parent.left;
|
||
this.instance.offset.parent.top -= inst.offset.parent.top - this.instance.offset.parent.top;
|
||
|
||
inst._trigger("toSortable", event);
|
||
inst.dropped = this.instance.element; //draggable revert needs that
|
||
this.instance.fromOutside = true; //Little hack so receive/update callbacks work
|
||
|
||
}
|
||
|
||
//Provided we did all the previous steps, we can fire the drag event of the sortable on every draggable drag, when it intersects with the sortable
|
||
if(this.instance.currentItem) this.instance._mouseDrag(event);
|
||
|
||
} else {
|
||
|
||
//If it doesn't intersect with the sortable, and it intersected before,
|
||
//we fake the drag stop of the sortable, but make sure it doesn't remove the helper by using cancelHelperRemoval
|
||
if(this.instance.isOver) {
|
||
this.instance.isOver = 0;
|
||
this.instance.cancelHelperRemoval = true;
|
||
this.instance.options.revert = false; //No revert here
|
||
this.instance._mouseStop(event, true);
|
||
this.instance.options.helper = this.instance.options._helper;
|
||
|
||
//Now we remove our currentItem, the list group clone again, and the placeholder, and animate the helper back to it's original size
|
||
this.instance.currentItem.remove();
|
||
if(this.instance.placeholder) this.instance.placeholder.remove();
|
||
|
||
inst._trigger("fromSortable", event);
|
||
inst.dropped = false; //draggable revert needs that
|
||
}
|
||
|
||
};
|
||
|
||
});
|
||
|
||
}
|
||
});
|
||
|
||
$.ui.plugin.add("draggable", "cursor", {
|
||
start: function(event, ui) {
|
||
var t = $('body');
|
||
if (t.css("cursor")) ui.options._cursor = t.css("cursor");
|
||
t.css("cursor", ui.options.cursor);
|
||
},
|
||
stop: function(event, ui) {
|
||
if (ui.options._cursor) $('body').css("cursor", ui.options._cursor);
|
||
}
|
||
});
|
||
|
||
$.ui.plugin.add("draggable", "iframeFix", {
|
||
start: function(event, ui) {
|
||
$(ui.options.iframeFix === true ? "iframe" : ui.options.iframeFix).each(function() {
|
||
$('<div class="ui-draggable-iframeFix" style="background: #fff;"></div>')
|
||
.css({
|
||
width: this.offsetWidth+"px", height: this.offsetHeight+"px",
|
||
position: "absolute", opacity: "0.001", zIndex: 1000
|
||
})
|
||
.css($(this).offset())
|
||
.appendTo("body");
|
||
});
|
||
},
|
||
stop: function(event, ui) {
|
||
$("div.ui-draggable-iframeFix").each(function() { this.parentNode.removeChild(this); }); //Remove frame helpers
|
||
}
|
||
});
|
||
|
||
$.ui.plugin.add("draggable", "opacity", {
|
||
start: function(event, ui) {
|
||
var t = $(ui.helper);
|
||
if(t.css("opacity")) ui.options._opacity = t.css("opacity");
|
||
t.css('opacity', ui.options.opacity);
|
||
},
|
||
stop: function(event, ui) {
|
||
if(ui.options._opacity) $(ui.helper).css('opacity', ui.options._opacity);
|
||
}
|
||
});
|
||
|
||
$.ui.plugin.add("draggable", "scroll", {
|
||
start: function(event, ui) {
|
||
var o = ui.options;
|
||
var i = $(this).data("draggable");
|
||
|
||
if(i.scrollParent[0] != document && i.scrollParent[0].tagName != 'HTML') i.overflowOffset = i.scrollParent.offset();
|
||
|
||
},
|
||
drag: function(event, ui) {
|
||
|
||
var o = ui.options, scrolled = false;
|
||
var i = $(this).data("draggable");
|
||
|
||
if(i.scrollParent[0] != document && i.scrollParent[0].tagName != 'HTML') {
|
||
|
||
if((i.overflowOffset.top + i.scrollParent[0].offsetHeight) - event.pageY < o.scrollSensitivity)
|
||
i.scrollParent[0].scrollTop = scrolled = i.scrollParent[0].scrollTop + o.scrollSpeed;
|
||
else if(event.pageY - i.overflowOffset.top < o.scrollSensitivity)
|
||
i.scrollParent[0].scrollTop = scrolled = i.scrollParent[0].scrollTop - o.scrollSpeed;
|
||
|
||
if((i.overflowOffset.left + i.scrollParent[0].offsetWidth) - event.pageX < o.scrollSensitivity)
|
||
i.scrollParent[0].scrollLeft = scrolled = i.scrollParent[0].scrollLeft + o.scrollSpeed;
|
||
else if(event.pageX - i.overflowOffset.left < o.scrollSensitivity)
|
||
i.scrollParent[0].scrollLeft = scrolled = i.scrollParent[0].scrollLeft - o.scrollSpeed;
|
||
|
||
} else {
|
||
|
||
if(event.pageY - $(document).scrollTop() < o.scrollSensitivity)
|
||
scrolled = $(document).scrollTop($(document).scrollTop() - o.scrollSpeed);
|
||
else if($(window).height() - (event.pageY - $(document).scrollTop()) < o.scrollSensitivity)
|
||
scrolled = $(document).scrollTop($(document).scrollTop() + o.scrollSpeed);
|
||
|
||
if(event.pageX - $(document).scrollLeft() < o.scrollSensitivity)
|
||
scrolled = $(document).scrollLeft($(document).scrollLeft() - o.scrollSpeed);
|
||
else if($(window).width() - (event.pageX - $(document).scrollLeft()) < o.scrollSensitivity)
|
||
scrolled = $(document).scrollLeft($(document).scrollLeft() + o.scrollSpeed);
|
||
|
||
}
|
||
|
||
if(scrolled !== false && $.ui.ddmanager && !o.dropBehaviour)
|
||
$.ui.ddmanager.prepareOffsets(i, event);
|
||
|
||
}
|
||
});
|
||
|
||
$.ui.plugin.add("draggable", "snap", {
|
||
start: function(event, ui) {
|
||
|
||
var inst = $(this).data("draggable");
|
||
inst.snapElements = [];
|
||
|
||
$(ui.options.snap.constructor != String ? ( ui.options.snap.items || ':data(draggable)' ) : ui.options.snap).each(function() {
|
||
var $t = $(this); var $o = $t.offset();
|
||
if(this != inst.element[0]) inst.snapElements.push({
|
||
item: this,
|
||
width: $t.outerWidth(), height: $t.outerHeight(),
|
||
top: $o.top, left: $o.left
|
||
});
|
||
});
|
||
|
||
},
|
||
drag: function(event, ui) {
|
||
|
||
var inst = $(this).data("draggable");
|
||
var d = ui.options.snapTolerance;
|
||
|
||
var x1 = ui.absolutePosition.left, x2 = x1 + inst.helperProportions.width,
|
||
y1 = ui.absolutePosition.top, y2 = y1 + inst.helperProportions.height;
|
||
|
||
for (var i = inst.snapElements.length - 1; i >= 0; i--){
|
||
|
||
var l = inst.snapElements[i].left, r = l + inst.snapElements[i].width,
|
||
t = inst.snapElements[i].top, b = t + inst.snapElements[i].height;
|
||
|
||
//Yes, I know, this is insane ;)
|
||
if(!((l-d < x1 && x1 < r+d && t-d < y1 && y1 < b+d) || (l-d < x1 && x1 < r+d && t-d < y2 && y2 < b+d) || (l-d < x2 && x2 < r+d && t-d < y1 && y1 < b+d) || (l-d < x2 && x2 < r+d && t-d < y2 && y2 < b+d))) {
|
||
if(inst.snapElements[i].snapping) (inst.options.snap.release && inst.options.snap.release.call(inst.element, event, $.extend(inst._uiHash(), { snapItem: inst.snapElements[i].item })));
|
||
inst.snapElements[i].snapping = false;
|
||
continue;
|
||
}
|
||
|
||
if(ui.options.snapMode != 'inner') {
|
||
var ts = Math.abs(t - y2) <= d;
|
||
var bs = Math.abs(b - y1) <= d;
|
||
var ls = Math.abs(l - x2) <= d;
|
||
var rs = Math.abs(r - x1) <= d;
|
||
if(ts) ui.position.top = inst._convertPositionTo("relative", { top: t - inst.helperProportions.height, left: 0 }).top;
|
||
if(bs) ui.position.top = inst._convertPositionTo("relative", { top: b, left: 0 }).top;
|
||
if(ls) ui.position.left = inst._convertPositionTo("relative", { top: 0, left: l - inst.helperProportions.width }).left;
|
||
if(rs) ui.position.left = inst._convertPositionTo("relative", { top: 0, left: r }).left;
|
||
}
|
||
|
||
var first = (ts || bs || ls || rs);
|
||
|
||
if(ui.options.snapMode != 'outer') {
|
||
var ts = Math.abs(t - y1) <= d;
|
||
var bs = Math.abs(b - y2) <= d;
|
||
var ls = Math.abs(l - x1) <= d;
|
||
var rs = Math.abs(r - x2) <= d;
|
||
if(ts) ui.position.top = inst._convertPositionTo("relative", { top: t, left: 0 }).top;
|
||
if(bs) ui.position.top = inst._convertPositionTo("relative", { top: b - inst.helperProportions.height, left: 0 }).top;
|
||
if(ls) ui.position.left = inst._convertPositionTo("relative", { top: 0, left: l }).left;
|
||
if(rs) ui.position.left = inst._convertPositionTo("relative", { top: 0, left: r - inst.helperProportions.width }).left;
|
||
}
|
||
|
||
if(!inst.snapElements[i].snapping && (ts || bs || ls || rs || first))
|
||
(inst.options.snap.snap && inst.options.snap.snap.call(inst.element, event, $.extend(inst._uiHash(), { snapItem: inst.snapElements[i].item })));
|
||
inst.snapElements[i].snapping = (ts || bs || ls || rs || first);
|
||
|
||
};
|
||
|
||
}
|
||
});
|
||
|
||
$.ui.plugin.add("draggable", "stack", {
|
||
start: function(event, ui) {
|
||
var group = $.makeArray($(ui.options.stack.group)).sort(function(a,b) {
|
||
return (parseInt($(a).css("zIndex"),10) || ui.options.stack.min) - (parseInt($(b).css("zIndex"),10) || ui.options.stack.min);
|
||
});
|
||
|
||
$(group).each(function(i) {
|
||
this.style.zIndex = ui.options.stack.min + i;
|
||
});
|
||
|
||
this[0].style.zIndex = ui.options.stack.min + group.length;
|
||
}
|
||
});
|
||
|
||
$.ui.plugin.add("draggable", "zIndex", {
|
||
start: function(event, ui) {
|
||
var t = $(ui.helper);
|
||
if(t.css("zIndex")) ui.options._zIndex = t.css("zIndex");
|
||
t.css('zIndex', ui.options.zIndex);
|
||
},
|
||
stop: function(event, ui) {
|
||
if(ui.options._zIndex) $(ui.helper).css('zIndex', ui.options._zIndex);
|
||
}
|
||
});
|
||
|
||
})(jQuery);
|
||
/*
|
||
* jQuery UI Droppable 1.6rc5
|
||
*
|
||
* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
|
||
* Dual licensed under the MIT (MIT-LICENSE.txt)
|
||
* and GPL (GPL-LICENSE.txt) licenses.
|
||
*
|
||
* http://docs.jquery.com/UI/Droppables
|
||
*
|
||
* Depends:
|
||
* ui.core.js
|
||
* ui.draggable.js
|
||
*/
|
||
(function($) {
|
||
|
||
$.widget("ui.droppable", {
|
||
|
||
_init: function() {
|
||
|
||
var o = this.options, accept = o.accept;
|
||
this.isover = 0; this.isout = 1;
|
||
|
||
this.options.accept = this.options.accept && $.isFunction(this.options.accept) ? this.options.accept : function(d) {
|
||
return d.is(accept);
|
||
};
|
||
|
||
//Store the droppable's proportions
|
||
this.proportions = { width: this.element[0].offsetWidth, height: this.element[0].offsetHeight };
|
||
|
||
// Add the reference and positions to the manager
|
||
$.ui.ddmanager.droppables[this.options.scope] = $.ui.ddmanager.droppables[this.options.scope] || [];
|
||
$.ui.ddmanager.droppables[this.options.scope].push(this);
|
||
|
||
(this.options.cssNamespace && this.element.addClass(this.options.cssNamespace+"-droppable"));
|
||
|
||
},
|
||
|
||
destroy: function() {
|
||
var drop = $.ui.ddmanager.droppables[this.options.scope];
|
||
for ( var i = 0; i < drop.length; i++ )
|
||
if ( drop[i] == this )
|
||
drop.splice(i, 1);
|
||
|
||
this.element
|
||
.removeClass(this.options.cssNamespace+"-droppable "+this.options.cssNamespace+"-droppable-disabled")
|
||
.removeData("droppable")
|
||
.unbind(".droppable");
|
||
},
|
||
|
||
_setData: function(key, value) {
|
||
|
||
if(key == 'accept') {
|
||
this.options.accept = value && $.isFunction(value) ? value : function(d) {
|
||
return d.is(accept);
|
||
};
|
||
} else {
|
||
$.widget.prototype._setData.apply(this, arguments);
|
||
}
|
||
|
||
},
|
||
|
||
_activate: function(event) {
|
||
|
||
var draggable = $.ui.ddmanager.current;
|
||
$.ui.plugin.call(this, 'activate', [event, this.ui(draggable)]);
|
||
(draggable && this._trigger('activate', event, this.ui(draggable)));
|
||
|
||
},
|
||
|
||
_deactivate: function(event) {
|
||
|
||
var draggable = $.ui.ddmanager.current;
|
||
$.ui.plugin.call(this, 'deactivate', [event, this.ui(draggable)]);
|
||
(draggable && this._trigger('deactivate', event, this.ui(draggable)));
|
||
|
||
},
|
||
|
||
_over: function(event) {
|
||
|
||
var draggable = $.ui.ddmanager.current;
|
||
if (!draggable || (draggable.currentItem || draggable.element)[0] == this.element[0]) return; // Bail if draggable and droppable are same element
|
||
|
||
if (this.options.accept.call(this.element,(draggable.currentItem || draggable.element))) {
|
||
$.ui.plugin.call(this, 'over', [event, this.ui(draggable)]);
|
||
this._trigger('over', event, this.ui(draggable));
|
||
}
|
||
|
||
},
|
||
|
||
_out: function(event) {
|
||
|
||
var draggable = $.ui.ddmanager.current;
|
||
if (!draggable || (draggable.currentItem || draggable.element)[0] == this.element[0]) return; // Bail if draggable and droppable are same element
|
||
|
||
if (this.options.accept.call(this.element,(draggable.currentItem || draggable.element))) {
|
||
$.ui.plugin.call(this, 'out', [event, this.ui(draggable)]);
|
||
this._trigger('out', event, this.ui(draggable));
|
||
}
|
||
|
||
},
|
||
|
||
_drop: function(event,custom) {
|
||
|
||
var draggable = custom || $.ui.ddmanager.current;
|
||
if (!draggable || (draggable.currentItem || draggable.element)[0] == this.element[0]) return false; // Bail if draggable and droppable are same element
|
||
|
||
var childrenIntersection = false;
|
||
this.element.find(":data(droppable)").not("."+draggable.options.cssNamespace+"-draggable-dragging").each(function() {
|
||
var inst = $.data(this, 'droppable');
|
||
if(inst.options.greedy && $.ui.intersect(draggable, $.extend(inst, { offset: inst.element.offset() }), inst.options.tolerance)) {
|
||
childrenIntersection = true; return false;
|
||
}
|
||
});
|
||
if(childrenIntersection) return false;
|
||
|
||
if(this.options.accept.call(this.element,(draggable.currentItem || draggable.element))) {
|
||
$.ui.plugin.call(this, 'drop', [event, this.ui(draggable)]);
|
||
this._trigger('drop', event, this.ui(draggable));
|
||
return this.element;
|
||
}
|
||
|
||
return false;
|
||
|
||
},
|
||
|
||
plugins: {},
|
||
|
||
ui: function(c) {
|
||
return {
|
||
draggable: (c.currentItem || c.element),
|
||
helper: c.helper,
|
||
position: c.position,
|
||
absolutePosition: c.positionAbs,
|
||
options: this.options,
|
||
element: this.element
|
||
};
|
||
}
|
||
|
||
});
|
||
|
||
$.extend($.ui.droppable, {
|
||
version: "1.6rc5",
|
||
eventPrefix: 'drop',
|
||
defaults: {
|
||
accept: '*',
|
||
activeClass: null,
|
||
cssNamespace: 'ui',
|
||
greedy: false,
|
||
hoverClass: null,
|
||
scope: 'default',
|
||
tolerance: 'intersect'
|
||
}
|
||
});
|
||
|
||
$.ui.intersect = function(draggable, droppable, toleranceMode) {
|
||
|
||
if (!droppable.offset) return false;
|
||
|
||
var x1 = (draggable.positionAbs || draggable.position.absolute).left, x2 = x1 + draggable.helperProportions.width,
|
||
y1 = (draggable.positionAbs || draggable.position.absolute).top, y2 = y1 + draggable.helperProportions.height;
|
||
var l = droppable.offset.left, r = l + droppable.proportions.width,
|
||
t = droppable.offset.top, b = t + droppable.proportions.height;
|
||
|
||
switch (toleranceMode) {
|
||
case 'fit':
|
||
return (l < x1 && x2 < r
|
||
&& t < y1 && y2 < b);
|
||
break;
|
||
case 'intersect':
|
||
return (l < x1 + (draggable.helperProportions.width / 2) // Right Half
|
||
&& x2 - (draggable.helperProportions.width / 2) < r // Left Half
|
||
&& t < y1 + (draggable.helperProportions.height / 2) // Bottom Half
|
||
&& y2 - (draggable.helperProportions.height / 2) < b ); // Top Half
|
||
break;
|
||
case 'pointer':
|
||
var draggableLeft = ((draggable.positionAbs || draggable.position.absolute).left + (draggable.clickOffset || draggable.offset.click).left),
|
||
draggableTop = ((draggable.positionAbs || draggable.position.absolute).top + (draggable.clickOffset || draggable.offset.click).top),
|
||
isOver = $.ui.isOver(draggableTop, draggableLeft, t, l, droppable.proportions.height, droppable.proportions.width);
|
||
return isOver;
|
||
break;
|
||
case 'touch':
|
||
return (
|
||
(y1 >= t && y1 <= b) || // Top edge touching
|
||
(y2 >= t && y2 <= b) || // Bottom edge touching
|
||
(y1 < t && y2 > b) // Surrounded vertically
|
||
) && (
|
||
(x1 >= l && x1 <= r) || // Left edge touching
|
||
(x2 >= l && x2 <= r) || // Right edge touching
|
||
(x1 < l && x2 > r) // Surrounded horizontally
|
||
);
|
||
break;
|
||
default:
|
||
return false;
|
||
break;
|
||
}
|
||
|
||
};
|
||
|
||
/*
|
||
This manager tracks offsets of draggables and droppables
|
||
*/
|
||
$.ui.ddmanager = {
|
||
current: null,
|
||
droppables: { 'default': [] },
|
||
prepareOffsets: function(t, event) {
|
||
|
||
var m = $.ui.ddmanager.droppables[t.options.scope];
|
||
var type = event ? event.type : null; // workaround for #2317
|
||
var list = (t.currentItem || t.element).find(":data(droppable)").andSelf();
|
||
|
||
droppablesLoop: for (var i = 0; i < m.length; i++) {
|
||
|
||
if(m[i].options.disabled || (t && !m[i].options.accept.call(m[i].element,(t.currentItem || t.element)))) continue; //No disabled and non-accepted
|
||
for (var j=0; j < list.length; j++) { if(list[j] == m[i].element[0]) { m[i].proportions.height = 0; continue droppablesLoop; } }; //Filter out elements in the current dragged item
|
||
m[i].visible = m[i].element.css("display") != "none"; if(!m[i].visible) continue; //If the element is not visible, continue
|
||
|
||
m[i].offset = m[i].element.offset();
|
||
m[i].proportions = { width: m[i].element[0].offsetWidth, height: m[i].element[0].offsetHeight };
|
||
|
||
if(type == "dragstart" || type == "sortactivate") m[i]._activate.call(m[i], event); //Activate the droppable if used directly from draggables
|
||
|
||
}
|
||
|
||
},
|
||
drop: function(draggable, event) {
|
||
|
||
var dropped = false;
|
||
$.each($.ui.ddmanager.droppables[draggable.options.scope], function() {
|
||
|
||
if(!this.options) return;
|
||
if (!this.options.disabled && this.visible && $.ui.intersect(draggable, this, this.options.tolerance))
|
||
dropped = this._drop.call(this, event);
|
||
|
||
if (!this.options.disabled && this.visible && this.options.accept.call(this.element,(draggable.currentItem || draggable.element))) {
|
||
this.isout = 1; this.isover = 0;
|
||
this._deactivate.call(this, event);
|
||
}
|
||
|
||
});
|
||
return dropped;
|
||
|
||
},
|
||
drag: function(draggable, event) {
|
||
|
||
//If you have a highly dynamic page, you might try this option. It renders positions every time you move the mouse.
|
||
if(draggable.options.refreshPositions) $.ui.ddmanager.prepareOffsets(draggable, event);
|
||
|
||
//Run through all droppables and check their positions based on specific tolerance options
|
||
|
||
$.each($.ui.ddmanager.droppables[draggable.options.scope], function() {
|
||
|
||
if(this.options.disabled || this.greedyChild || !this.visible) return;
|
||
var intersects = $.ui.intersect(draggable, this, this.options.tolerance);
|
||
|
||
var c = !intersects && this.isover == 1 ? 'isout' : (intersects && this.isover == 0 ? 'isover' : null);
|
||
if(!c) return;
|
||
|
||
var parentInstance;
|
||
if (this.options.greedy) {
|
||
var parent = this.element.parents(':data(droppable):eq(0)');
|
||
if (parent.length) {
|
||
parentInstance = $.data(parent[0], 'droppable');
|
||
parentInstance.greedyChild = (c == 'isover' ? 1 : 0);
|
||
}
|
||
}
|
||
|
||
// we just moved into a greedy child
|
||
if (parentInstance && c == 'isover') {
|
||
parentInstance['isover'] = 0;
|
||
parentInstance['isout'] = 1;
|
||
parentInstance._out.call(parentInstance, event);
|
||
}
|
||
|
||
this[c] = 1; this[c == 'isout' ? 'isover' : 'isout'] = 0;
|
||
this[c == "isover" ? "_over" : "_out"].call(this, event);
|
||
|
||
// we just moved out of a greedy child
|
||
if (parentInstance && c == 'isout') {
|
||
parentInstance['isout'] = 0;
|
||
parentInstance['isover'] = 1;
|
||
parentInstance._over.call(parentInstance, event);
|
||
}
|
||
});
|
||
|
||
}
|
||
};
|
||
|
||
/*
|
||
* Droppable Extensions
|
||
*/
|
||
|
||
$.ui.plugin.add("droppable", "activeClass", {
|
||
activate: function(event, ui) {
|
||
$(this).addClass(ui.options.activeClass);
|
||
},
|
||
deactivate: function(event, ui) {
|
||
$(this).removeClass(ui.options.activeClass);
|
||
},
|
||
drop: function(event, ui) {
|
||
$(this).removeClass(ui.options.activeClass);
|
||
}
|
||
});
|
||
|
||
$.ui.plugin.add("droppable", "hoverClass", {
|
||
over: function(event, ui) {
|
||
$(this).addClass(ui.options.hoverClass);
|
||
},
|
||
out: function(event, ui) {
|
||
$(this).removeClass(ui.options.hoverClass);
|
||
},
|
||
drop: function(event, ui) {
|
||
$(this).removeClass(ui.options.hoverClass);
|
||
}
|
||
});
|
||
|
||
})(jQuery);
|
||
/*
|
||
* jQuery UI Resizable 1.6rc5
|
||
*
|
||
* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
|
||
* Dual licensed under the MIT (MIT-LICENSE.txt)
|
||
* and GPL (GPL-LICENSE.txt) licenses.
|
||
*
|
||
* http://docs.jquery.com/UI/Resizables
|
||
*
|
||
* Depends:
|
||
* ui.core.js
|
||
*/
|
||
(function($) {
|
||
|
||
$.widget("ui.resizable", $.extend({}, $.ui.mouse, {
|
||
|
||
_init: function() {
|
||
|
||
var self = this, o = this.options;
|
||
|
||
var elpos = this.element.css('position');
|
||
|
||
this.originalElement = this.element;
|
||
|
||
// simulate .ui-resizable { position: relative; }
|
||
this.element.addClass("ui-resizable").css({ position: /static/.test(elpos) ? 'relative' : elpos });
|
||
|
||
$.extend(o, {
|
||
_aspectRatio: !!(o.aspectRatio),
|
||
helper: o.helper || o.ghost || o.animate ? o.helper || 'ui-resizable-helper' : null,
|
||
knobHandles: o.knobHandles === true ? 'ui-resizable-knob-handle' : o.knobHandles
|
||
});
|
||
|
||
//Default Theme
|
||
var aBorder = '1px solid #DEDEDE';
|
||
|
||
o.defaultTheme = {
|
||
'ui-resizable': { display: 'block' },
|
||
'ui-resizable-handle': { position: 'absolute', background: '#F2F2F2', fontSize: '0.1px' },
|
||
'ui-resizable-n': { cursor: 'n-resize', height: '4px', left: '0px', right: '0px', borderTop: aBorder },
|
||
'ui-resizable-s': { cursor: 's-resize', height: '4px', left: '0px', right: '0px', borderBottom: aBorder },
|
||
'ui-resizable-e': { cursor: 'e-resize', width: '4px', top: '0px', bottom: '0px', borderRight: aBorder },
|
||
'ui-resizable-w': { cursor: 'w-resize', width: '4px', top: '0px', bottom: '0px', borderLeft: aBorder },
|
||
'ui-resizable-se': { cursor: 'se-resize', width: '4px', height: '4px', borderRight: aBorder, borderBottom: aBorder },
|
||
'ui-resizable-sw': { cursor: 'sw-resize', width: '4px', height: '4px', borderBottom: aBorder, borderLeft: aBorder },
|
||
'ui-resizable-ne': { cursor: 'ne-resize', width: '4px', height: '4px', borderRight: aBorder, borderTop: aBorder },
|
||
'ui-resizable-nw': { cursor: 'nw-resize', width: '4px', height: '4px', borderLeft: aBorder, borderTop: aBorder }
|
||
};
|
||
|
||
o.knobTheme = {
|
||
'ui-resizable-handle': { background: '#F2F2F2', border: '1px solid #808080', height: '8px', width: '8px' },
|
||
'ui-resizable-n': { cursor: 'n-resize', top: '0px', left: '45%' },
|
||
'ui-resizable-s': { cursor: 's-resize', bottom: '0px', left: '45%' },
|
||
'ui-resizable-e': { cursor: 'e-resize', right: '0px', top: '45%' },
|
||
'ui-resizable-w': { cursor: 'w-resize', left: '0px', top: '45%' },
|
||
'ui-resizable-se': { cursor: 'se-resize', right: '0px', bottom: '0px' },
|
||
'ui-resizable-sw': { cursor: 'sw-resize', left: '0px', bottom: '0px' },
|
||
'ui-resizable-nw': { cursor: 'nw-resize', left: '0px', top: '0px' },
|
||
'ui-resizable-ne': { cursor: 'ne-resize', right: '0px', top: '0px' }
|
||
};
|
||
|
||
o._nodeName = this.element[0].nodeName;
|
||
|
||
//Wrap the element if it cannot hold child nodes
|
||
if(o._nodeName.match(/canvas|textarea|input|select|button|img/i)) {
|
||
var el = this.element;
|
||
|
||
//Opera fixing relative position
|
||
if (/relative/.test(el.css('position')) && $.browser.opera)
|
||
el.css({ position: 'relative', top: 'auto', left: 'auto' });
|
||
|
||
//Create a wrapper element and set the wrapper to the new current internal element
|
||
el.wrap(
|
||
$('<div class="ui-wrapper" style="overflow: hidden;"></div>').css( {
|
||
position: el.css('position'),
|
||
width: el.outerWidth(),
|
||
height: el.outerHeight(),
|
||
top: el.css('top'),
|
||
left: el.css('left')
|
||
})
|
||
);
|
||
|
||
var oel = this.element; this.element = this.element.parent();
|
||
|
||
// store instance on wrapper
|
||
this.element.data('resizable', this);
|
||
|
||
//Move margins to the wrapper
|
||
this.element.css({ marginLeft: oel.css("marginLeft"), marginTop: oel.css("marginTop"),
|
||
marginRight: oel.css("marginRight"), marginBottom: oel.css("marginBottom")
|
||
});
|
||
|
||
oel.css({ marginLeft: 0, marginTop: 0, marginRight: 0, marginBottom: 0});
|
||
|
||
//Prevent Safari textarea resize
|
||
if ($.browser.safari && o.preventDefault) oel.css('resize', 'none');
|
||
|
||
o.proportionallyResize = oel.css({ position: 'static', zoom: 1, display: 'block' });
|
||
|
||
// avoid IE jump
|
||
this.element.css({ margin: oel.css('margin') });
|
||
|
||
// fix handlers offset
|
||
this._proportionallyResize();
|
||
}
|
||
|
||
if(!o.handles) o.handles = !$('.ui-resizable-handle', this.element).length ? "e,s,se" : { n: '.ui-resizable-n', e: '.ui-resizable-e', s: '.ui-resizable-s', w: '.ui-resizable-w', se: '.ui-resizable-se', sw: '.ui-resizable-sw', ne: '.ui-resizable-ne', nw: '.ui-resizable-nw' };
|
||
if(o.handles.constructor == String) {
|
||
|
||
o.zIndex = o.zIndex || 1000;
|
||
|
||
if(o.handles == 'all') o.handles = 'n,e,s,w,se,sw,ne,nw';
|
||
|
||
var n = o.handles.split(","); o.handles = {};
|
||
|
||
// insertions are applied when don't have theme loaded
|
||
var insertionsDefault = {
|
||
handle: 'position: absolute; display: none; overflow:hidden;',
|
||
n: 'top: 0pt; width:100%;',
|
||
e: 'right: 0pt; height:100%;',
|
||
s: 'bottom: 0pt; width:100%;',
|
||
w: 'left: 0pt; height:100%;',
|
||
se: 'bottom: 0pt; right: 0px;',
|
||
sw: 'bottom: 0pt; left: 0px;',
|
||
ne: 'top: 0pt; right: 0px;',
|
||
nw: 'top: 0pt; left: 0px;'
|
||
};
|
||
|
||
for(var i = 0; i < n.length; i++) {
|
||
var handle = $.trim(n[i]), dt = o.defaultTheme, hname = 'ui-resizable-'+handle, loadDefault = !$.ui.css(hname) && !o.knobHandles, userKnobClass = $.ui.css('ui-resizable-knob-handle'),
|
||
allDefTheme = $.extend(dt[hname], dt['ui-resizable-handle']), allKnobTheme = $.extend(o.knobTheme[hname], !userKnobClass ? o.knobTheme['ui-resizable-handle'] : {});
|
||
|
||
// increase zIndex of sw, se, ne, nw axis
|
||
var applyZIndex = /sw|se|ne|nw/.test(handle) ? { zIndex: ++o.zIndex } : {};
|
||
|
||
var defCss = (loadDefault ? insertionsDefault[handle] : ''),
|
||
axis = $(['<div class="ui-resizable-handle ', hname, '" style="', defCss, insertionsDefault.handle, '"></div>'].join('')).css( applyZIndex );
|
||
|
||
if ('se' == handle) {
|
||
axis.addClass('ui-icon ui-icon-gripsmall-diagonal-se');
|
||
};
|
||
|
||
o.handles[handle] = '.ui-resizable-'+handle;
|
||
|
||
this.element.append(
|
||
//Theme detection, if not loaded, load o.defaultTheme
|
||
axis.css( loadDefault ? allDefTheme : {} )
|
||
// Load the knobHandle css, fix width, height, top, left...
|
||
.css( o.knobHandles ? allKnobTheme : {} ).addClass(o.knobHandles ? 'ui-resizable-knob-handle' : '').addClass(o.knobHandles)
|
||
);
|
||
}
|
||
|
||
if (o.knobHandles) this.element.addClass('ui-resizable-knob').css( !$.ui.css('ui-resizable-knob') ? { /*border: '1px #fff dashed'*/ } : {} );
|
||
}
|
||
|
||
this._renderAxis = function(target) {
|
||
target = target || this.element;
|
||
|
||
for(var i in o.handles) {
|
||
if(o.handles[i].constructor == String)
|
||
o.handles[i] = $(o.handles[i], this.element).show();
|
||
|
||
if (o.transparent)
|
||
o.handles[i].css({opacity:0});
|
||
|
||
//Apply pad to wrapper element, needed to fix axis position (textarea, inputs, scrolls)
|
||
if (this.element.is('.ui-wrapper') &&
|
||
o._nodeName.match(/textarea|input|select|button/i)) {
|
||
|
||
var axis = $(o.handles[i], this.element), padWrapper = 0;
|
||
|
||
//Checking the correct pad and border
|
||
padWrapper = /sw|ne|nw|se|n|s/.test(i) ? axis.outerHeight() : axis.outerWidth();
|
||
|
||
//The padding type i have to apply...
|
||
var padPos = [ 'padding',
|
||
/ne|nw|n/.test(i) ? 'Top' :
|
||
/se|sw|s/.test(i) ? 'Bottom' :
|
||
/^e$/.test(i) ? 'Right' : 'Left' ].join("");
|
||
|
||
if (!o.transparent)
|
||
target.css(padPos, padWrapper);
|
||
|
||
this._proportionallyResize();
|
||
}
|
||
if(!$(o.handles[i]).length) continue;
|
||
}
|
||
};
|
||
|
||
this._renderAxis(this.element);
|
||
o._handles = $('.ui-resizable-handle', self.element);
|
||
|
||
if (o.disableSelection)
|
||
o._handles.disableSelection();
|
||
|
||
//Matching axis name
|
||
o._handles.mouseover(function() {
|
||
if (!o.resizing) {
|
||
if (this.className)
|
||
var axis = this.className.match(/ui-resizable-(se|sw|ne|nw|n|e|s|w)/i);
|
||
//Axis, default = se
|
||
self.axis = o.axis = axis && axis[1] ? axis[1] : 'se';
|
||
}
|
||
});
|
||
|
||
//If we want to auto hide the elements
|
||
if (o.autoHide) {
|
||
o._handles.hide();
|
||
$(self.element).addClass("ui-resizable-autohide").hover(function() {
|
||
$(this).removeClass("ui-resizable-autohide");
|
||
o._handles.show();
|
||
},
|
||
function(){
|
||
if (!o.resizing) {
|
||
$(this).addClass("ui-resizable-autohide");
|
||
o._handles.hide();
|
||
}
|
||
});
|
||
}
|
||
|
||
this._mouseInit();
|
||
},
|
||
|
||
destroy: function() {
|
||
var el = this.element, wrapped = el.children(".ui-resizable").get(0);
|
||
|
||
this._mouseDestroy();
|
||
|
||
var _destroy = function(exp) {
|
||
$(exp).removeClass("ui-resizable ui-resizable-disabled")
|
||
.removeData("resizable").unbind(".resizable").find('.ui-resizable-handle').remove();
|
||
};
|
||
|
||
_destroy(el);
|
||
|
||
if (el.is('.ui-wrapper') && wrapped) {
|
||
el.parent().append(
|
||
$(wrapped).css({
|
||
position: el.css('position'),
|
||
width: el.outerWidth(),
|
||
height: el.outerHeight(),
|
||
top: el.css('top'),
|
||
left: el.css('left')
|
||
})
|
||
).end().remove();
|
||
|
||
_destroy(wrapped);
|
||
}
|
||
},
|
||
|
||
_mouseCapture: function(event) {
|
||
|
||
if(this.options.disabled) return false;
|
||
|
||
var handle = false;
|
||
for(var i in this.options.handles) {
|
||
if($(this.options.handles[i])[0] == event.target) handle = true;
|
||
}
|
||
if (!handle) return false;
|
||
|
||
return true;
|
||
|
||
},
|
||
|
||
_mouseStart: function(event) {
|
||
|
||
var o = this.options, iniPos = this.element.position(), el = this.element,
|
||
num = function(v) { return parseInt(v, 10) || 0; }, ie6 = $.browser.msie && $.browser.version < 7;
|
||
o.resizing = true;
|
||
o.documentScroll = { top: $(document).scrollTop(), left: $(document).scrollLeft() };
|
||
|
||
// bugfix #1749
|
||
if (el.is('.ui-draggable') || (/absolute/).test(el.css('position'))) {
|
||
|
||
// sOffset decides if document scrollOffset will be added to the top/left of the resizable element
|
||
var sOffset = $.browser.msie && !o.containment && (/absolute/).test(el.css('position')) && !(/relative/).test(el.parent().css('position'));
|
||
var dscrollt = sOffset ? o.documentScroll.top : 0, dscrolll = sOffset ? o.documentScroll.left : 0;
|
||
|
||
el.css({ position: 'absolute', top: (iniPos.top + dscrollt), left: (iniPos.left + dscrolll) });
|
||
}
|
||
|
||
//Opera fixing relative position
|
||
if ($.browser.opera && (/relative/).test(el.css('position')))
|
||
el.css({ position: 'relative', top: 'auto', left: 'auto' });
|
||
|
||
this._renderProxy();
|
||
|
||
var curleft = num(this.helper.css('left')), curtop = num(this.helper.css('top'));
|
||
|
||
if (o.containment) {
|
||
curleft += $(o.containment).scrollLeft()||0;
|
||
curtop += $(o.containment).scrollTop()||0;
|
||
}
|
||
|
||
//Store needed variables
|
||
this.offset = this.helper.offset();
|
||
this.position = { left: curleft, top: curtop };
|
||
this.size = o.helper || ie6 ? { width: el.outerWidth(), height: el.outerHeight() } : { width: el.width(), height: el.height() };
|
||
this.originalSize = o.helper || ie6 ? { width: el.outerWidth(), height: el.outerHeight() } : { width: el.width(), height: el.height() };
|
||
this.originalPosition = { left: curleft, top: curtop };
|
||
this.sizeDiff = { width: el.outerWidth() - el.width(), height: el.outerHeight() - el.height() };
|
||
this.originalMousePosition = { left: event.pageX, top: event.pageY };
|
||
|
||
//Aspect Ratio
|
||
o.aspectRatio = (typeof o.aspectRatio == 'number') ? o.aspectRatio : ((this.originalSize.width / this.originalSize.height)||1);
|
||
|
||
if (o.preserveCursor) {
|
||
var cursor = $('.ui-resizable-' + this.axis).css('cursor');
|
||
$('body').css('cursor', cursor == 'auto' ? this.axis + '-resize' : cursor);
|
||
}
|
||
|
||
this._propagate("start", event);
|
||
return true;
|
||
},
|
||
|
||
_mouseDrag: function(event) {
|
||
|
||
//Increase performance, avoid regex
|
||
var el = this.helper, o = this.options, props = {},
|
||
self = this, smp = this.originalMousePosition, a = this.axis;
|
||
|
||
var dx = (event.pageX-smp.left)||0, dy = (event.pageY-smp.top)||0;
|
||
var trigger = this._change[a];
|
||
if (!trigger) return false;
|
||
|
||
// Calculate the attrs that will be change
|
||
var data = trigger.apply(this, [event, dx, dy]), ie6 = $.browser.msie && $.browser.version < 7, csdif = this.sizeDiff;
|
||
|
||
if (o._aspectRatio || event.shiftKey)
|
||
data = this._updateRatio(data, event);
|
||
|
||
data = this._respectSize(data, event);
|
||
|
||
// plugins callbacks need to be called first
|
||
this._propagate("resize", event);
|
||
|
||
el.css({
|
||
top: this.position.top + "px", left: this.position.left + "px",
|
||
width: this.size.width + "px", height: this.size.height + "px"
|
||
});
|
||
|
||
if (!o.helper && o.proportionallyResize)
|
||
this._proportionallyResize();
|
||
|
||
this._updateCache(data);
|
||
|
||
// calling the user callback at the end
|
||
this._trigger('resize', event, this.ui());
|
||
|
||
return false;
|
||
},
|
||
|
||
_mouseStop: function(event) {
|
||
|
||
this.options.resizing = false;
|
||
var o = this.options, num = function(v) { return parseInt(v, 10) || 0; }, self = this;
|
||
|
||
if(o.helper) {
|
||
var pr = o.proportionallyResize, ista = pr && (/textarea/i).test(pr.get(0).nodeName),
|
||
soffseth = ista && $.ui.hasScroll(pr.get(0), 'left') /* TODO - jump height */ ? 0 : self.sizeDiff.height,
|
||
soffsetw = ista ? 0 : self.sizeDiff.width;
|
||
|
||
var s = { width: (self.size.width - soffsetw), height: (self.size.height - soffseth) },
|
||
left = (parseInt(self.element.css('left'), 10) + (self.position.left - self.originalPosition.left)) || null,
|
||
top = (parseInt(self.element.css('top'), 10) + (self.position.top - self.originalPosition.top)) || null;
|
||
|
||
if (!o.animate)
|
||
this.element.css($.extend(s, { top: top, left: left }));
|
||
|
||
if (o.helper && !o.animate) this._proportionallyResize();
|
||
}
|
||
|
||
if (o.preserveCursor)
|
||
$('body').css('cursor', 'auto');
|
||
|
||
this._propagate("stop", event);
|
||
|
||
if (o.helper) this.helper.remove();
|
||
|
||
return false;
|
||
},
|
||
|
||
_updateCache: function(data) {
|
||
var o = this.options;
|
||
this.offset = this.helper.offset();
|
||
if (data.left) this.position.left = data.left;
|
||
if (data.top) this.position.top = data.top;
|
||
if (data.height) this.size.height = data.height;
|
||
if (data.width) this.size.width = data.width;
|
||
},
|
||
|
||
_updateRatio: function(data, event) {
|
||
|
||
var o = this.options, cpos = this.position, csize = this.size, a = this.axis;
|
||
|
||
if (data.height) data.width = (csize.height * o.aspectRatio);
|
||
else if (data.width) data.height = (csize.width / o.aspectRatio);
|
||
|
||
if (a == 'sw') {
|
||
data.left = cpos.left + (csize.width - data.width);
|
||
data.top = null;
|
||
}
|
||
if (a == 'nw') {
|
||
data.top = cpos.top + (csize.height - data.height);
|
||
data.left = cpos.left + (csize.width - data.width);
|
||
}
|
||
|
||
return data;
|
||
},
|
||
|
||
_respectSize: function(data, event) {
|
||
|
||
var el = this.helper, o = this.options, pRatio = o._aspectRatio || event.shiftKey, a = this.axis,
|
||
ismaxw = data.width && o.maxWidth && o.maxWidth < data.width, ismaxh = data.height && o.maxHeight && o.maxHeight < data.height,
|
||
isminw = data.width && o.minWidth && o.minWidth > data.width, isminh = data.height && o.minHeight && o.minHeight > data.height;
|
||
|
||
if (isminw) data.width = o.minWidth;
|
||
if (isminh) data.height = o.minHeight;
|
||
if (ismaxw) data.width = o.maxWidth;
|
||
if (ismaxh) data.height = o.maxHeight;
|
||
|
||
var dw = this.originalPosition.left + this.originalSize.width, dh = this.position.top + this.size.height;
|
||
var cw = /sw|nw|w/.test(a), ch = /nw|ne|n/.test(a);
|
||
|
||
if (isminw && cw) data.left = dw - o.minWidth;
|
||
if (ismaxw && cw) data.left = dw - o.maxWidth;
|
||
if (isminh && ch) data.top = dh - o.minHeight;
|
||
if (ismaxh && ch) data.top = dh - o.maxHeight;
|
||
|
||
// fixing jump error on top/left - bug #2330
|
||
var isNotwh = !data.width && !data.height;
|
||
if (isNotwh && !data.left && data.top) data.top = null;
|
||
else if (isNotwh && !data.top && data.left) data.left = null;
|
||
|
||
return data;
|
||
},
|
||
|
||
_proportionallyResize: function() {
|
||
var o = this.options;
|
||
if (!o.proportionallyResize) return;
|
||
var prel = o.proportionallyResize, el = this.helper || this.element;
|
||
|
||
if (!o.borderDif) {
|
||
var b = [prel.css('borderTopWidth'), prel.css('borderRightWidth'), prel.css('borderBottomWidth'), prel.css('borderLeftWidth')],
|
||
p = [prel.css('paddingTop'), prel.css('paddingRight'), prel.css('paddingBottom'), prel.css('paddingLeft')];
|
||
|
||
o.borderDif = $.map(b, function(v, i) {
|
||
var border = parseInt(v,10)||0, padding = parseInt(p[i],10)||0;
|
||
return border + padding;
|
||
});
|
||
}
|
||
|
||
if ($.browser.msie && !isVisible(el))
|
||
return;
|
||
|
||
prel.css({
|
||
height: (el.height() - o.borderDif[0] - o.borderDif[2]) || 0,
|
||
width: (el.width() - o.borderDif[1] - o.borderDif[3]) || 0
|
||
});
|
||
},
|
||
|
||
_renderProxy: function() {
|
||
var el = this.element, o = this.options;
|
||
this.elementOffset = el.offset();
|
||
|
||
if(o.helper) {
|
||
this.helper = this.helper || $('<div style="overflow:hidden;"></div>');
|
||
|
||
// fix ie6 offset
|
||
var ie6 = $.browser.msie && $.browser.version < 7, ie6offset = (ie6 ? 1 : 0),
|
||
pxyoffset = ( ie6 ? 2 : -1 );
|
||
|
||
this.helper.addClass(o.helper).css({
|
||
width: el.outerWidth() + pxyoffset,
|
||
height: el.outerHeight() + pxyoffset,
|
||
position: 'absolute',
|
||
left: this.elementOffset.left - ie6offset +'px',
|
||
top: this.elementOffset.top - ie6offset +'px',
|
||
zIndex: ++o.zIndex
|
||
});
|
||
|
||
this.helper.appendTo("body");
|
||
|
||
if (o.disableSelection)
|
||
this.helper.disableSelection();
|
||
|
||
} else {
|
||
this.helper = el;
|
||
}
|
||
},
|
||
|
||
_change: {
|
||
e: function(event, dx, dy) {
|
||
return { width: this.originalSize.width + dx };
|
||
},
|
||
w: function(event, dx, dy) {
|
||
var o = this.options, cs = this.originalSize, sp = this.originalPosition;
|
||
return { left: sp.left + dx, width: cs.width - dx };
|
||
},
|
||
n: function(event, dx, dy) {
|
||
var o = this.options, cs = this.originalSize, sp = this.originalPosition;
|
||
return { top: sp.top + dy, height: cs.height - dy };
|
||
},
|
||
s: function(event, dx, dy) {
|
||
return { height: this.originalSize.height + dy };
|
||
},
|
||
se: function(event, dx, dy) {
|
||
return $.extend(this._change.s.apply(this, arguments), this._change.e.apply(this, [event, dx, dy]));
|
||
},
|
||
sw: function(event, dx, dy) {
|
||
return $.extend(this._change.s.apply(this, arguments), this._change.w.apply(this, [event, dx, dy]));
|
||
},
|
||
ne: function(event, dx, dy) {
|
||
return $.extend(this._change.n.apply(this, arguments), this._change.e.apply(this, [event, dx, dy]));
|
||
},
|
||
nw: function(event, dx, dy) {
|
||
return $.extend(this._change.n.apply(this, arguments), this._change.w.apply(this, [event, dx, dy]));
|
||
}
|
||
},
|
||
|
||
_propagate: function(n, event) {
|
||
$.ui.plugin.call(this, n, [event, this.ui()]);
|
||
|
||
(n != "resize" && this._trigger(n, event, this.ui()));
|
||
},
|
||
|
||
plugins: {},
|
||
|
||
ui: function() {
|
||
return {
|
||
originalElement: this.originalElement,
|
||
element: this.element,
|
||
helper: this.helper,
|
||
position: this.position,
|
||
size: this.size,
|
||
options: this.options,
|
||
originalSize: this.originalSize,
|
||
originalPosition: this.originalPosition
|
||
};
|
||
}
|
||
|
||
}));
|
||
|
||
$.extend($.ui.resizable, {
|
||
version: "1.6rc5",
|
||
eventPrefix: "resize",
|
||
defaults: {
|
||
alsoResize: false,
|
||
animate: false,
|
||
animateDuration: "slow",
|
||
animateEasing: "swing",
|
||
aspectRatio: false,
|
||
autoHide: false,
|
||
cancel: ":input,option",
|
||
containment: false,
|
||
delay: 0,
|
||
disableSelection: true,
|
||
distance: 1,
|
||
ghost: false,
|
||
grid: false,
|
||
knobHandles: false,
|
||
maxHeight: null,
|
||
maxWidth: null,
|
||
minHeight: 10,
|
||
minWidth: 10,
|
||
preserveCursor: true,
|
||
preventDefault: true,
|
||
proportionallyResize: false,
|
||
transparent: false
|
||
}
|
||
});
|
||
|
||
/*
|
||
* Resizable Extensions
|
||
*/
|
||
|
||
$.ui.plugin.add("resizable", "alsoResize", {
|
||
|
||
start: function(event, ui) {
|
||
var o = ui.options, self = $(this).data("resizable"),
|
||
|
||
_store = function(exp) {
|
||
$(exp).each(function() {
|
||
$(this).data("resizable-alsoresize", {
|
||
width: parseInt($(this).width(), 10), height: parseInt($(this).height(), 10),
|
||
left: parseInt($(this).css('left'), 10), top: parseInt($(this).css('top'), 10)
|
||
});
|
||
});
|
||
};
|
||
|
||
if (typeof(o.alsoResize) == 'object' && !o.alsoResize.parentNode) {
|
||
if (o.alsoResize.length) { o.alsoResize = o.alsoResize[0]; _store(o.alsoResize); }
|
||
else { $.each(o.alsoResize, function(exp, c) { _store(exp); }); }
|
||
}else{
|
||
_store(o.alsoResize);
|
||
}
|
||
},
|
||
|
||
resize: function(event, ui){
|
||
var o = ui.options, self = $(this).data("resizable"), os = self.originalSize, op = self.originalPosition;
|
||
|
||
var delta = {
|
||
height: (self.size.height - os.height) || 0, width: (self.size.width - os.width) || 0,
|
||
top: (self.position.top - op.top) || 0, left: (self.position.left - op.left) || 0
|
||
},
|
||
|
||
_alsoResize = function(exp, c) {
|
||
$(exp).each(function() {
|
||
var el = $(this), start = $(this).data("resizable-alsoresize"), style = {}, css = c && c.length ? c : ['width', 'height', 'top', 'left'];
|
||
|
||
$.each(css || ['width', 'height', 'top', 'left'], function(i, prop) {
|
||
var sum = (start[prop]||0) + (delta[prop]||0);
|
||
if (sum && sum >= 0)
|
||
style[prop] = sum || null;
|
||
});
|
||
|
||
//Opera fixing relative position
|
||
if (/relative/.test(el.css('position')) && $.browser.opera) {
|
||
self._revertToRelativePosition = true;
|
||
el.css({ position: 'absolute', top: 'auto', left: 'auto' });
|
||
}
|
||
|
||
el.css(style);
|
||
});
|
||
};
|
||
|
||
if (typeof(o.alsoResize) == 'object' && !o.alsoResize.nodeType) {
|
||
$.each(o.alsoResize, function(exp, c) { _alsoResize(exp, c); });
|
||
}else{
|
||
_alsoResize(o.alsoResize);
|
||
}
|
||
},
|
||
|
||
stop: function(event, ui){
|
||
var self = $(this).data("resizable");
|
||
|
||
//Opera fixing relative position
|
||
if (self._revertToRelativePosition && $.browser.opera) {
|
||
self._revertToRelativePosition = false;
|
||
el.css({ position: 'relative' });
|
||
}
|
||
|
||
$(this).removeData("resizable-alsoresize-start");
|
||
}
|
||
});
|
||
|
||
$.ui.plugin.add("resizable", "animate", {
|
||
|
||
stop: function(event, ui) {
|
||
var o = ui.options, self = $(this).data("resizable");
|
||
|
||
var pr = o.proportionallyResize, ista = pr && (/textarea/i).test(pr.get(0).nodeName),
|
||
soffseth = ista && $.ui.hasScroll(pr.get(0), 'left') /* TODO - jump height */ ? 0 : self.sizeDiff.height,
|
||
soffsetw = ista ? 0 : self.sizeDiff.width;
|
||
|
||
var style = { width: (self.size.width - soffsetw), height: (self.size.height - soffseth) },
|
||
left = (parseInt(self.element.css('left'), 10) + (self.position.left - self.originalPosition.left)) || null,
|
||
top = (parseInt(self.element.css('top'), 10) + (self.position.top - self.originalPosition.top)) || null;
|
||
|
||
self.element.animate(
|
||
$.extend(style, top && left ? { top: top, left: left } : {}), {
|
||
duration: o.animateDuration,
|
||
easing: o.animateEasing,
|
||
step: function() {
|
||
|
||
var data = {
|
||
width: parseInt(self.element.css('width'), 10),
|
||
height: parseInt(self.element.css('height'), 10),
|
||
top: parseInt(self.element.css('top'), 10),
|
||
left: parseInt(self.element.css('left'), 10)
|
||
};
|
||
|
||
if (pr) pr.css({ width: data.width, height: data.height });
|
||
|
||
// propagating resize, and updating values for each animation step
|
||
self._updateCache(data);
|
||
self._propagate("resize", event);
|
||
|
||
}
|
||
}
|
||
);
|
||
}
|
||
|
||
});
|
||
|
||
$.ui.plugin.add("resizable", "containment", {
|
||
|
||
start: function(event, ui) {
|
||
var o = ui.options, self = $(this).data("resizable"), el = self.element;
|
||
var oc = o.containment, ce = (oc instanceof $) ? oc.get(0) : (/parent/.test(oc)) ? el.parent().get(0) : oc;
|
||
if (!ce) return;
|
||
|
||
self.containerElement = $(ce);
|
||
|
||
if (/document/.test(oc) || oc == document) {
|
||
self.containerOffset = { left: 0, top: 0 };
|
||
self.containerPosition = { left: 0, top: 0 };
|
||
|
||
self.parentData = {
|
||
element: $(document), left: 0, top: 0,
|
||
width: $(document).width(), height: $(document).height() || document.body.parentNode.scrollHeight
|
||
};
|
||
}
|
||
|
||
// i'm a node, so compute top, left, right, bottom
|
||
else{
|
||
self.containerOffset = $(ce).offset();
|
||
self.containerPosition = $(ce).position();
|
||
self.containerSize = { height: $(ce).innerHeight(), width: $(ce).innerWidth() };
|
||
|
||
var co = self.containerOffset, ch = self.containerSize.height, cw = self.containerSize.width,
|
||
width = ($.ui.hasScroll(ce, "left") ? ce.scrollWidth : cw ), height = ($.ui.hasScroll(ce) ? ce.scrollHeight : ch);
|
||
|
||
self.parentData = {
|
||
element: ce, left: co.left, top: co.top, width: width, height: height
|
||
};
|
||
}
|
||
},
|
||
|
||
resize: function(event, ui) {
|
||
var o = ui.options, self = $(this).data("resizable"),
|
||
ps = self.containerSize, co = self.containerOffset, cs = self.size, cp = self.position,
|
||
pRatio = o._aspectRatio || event.shiftKey, cop = { top:0, left:0 }, ce = self.containerElement;
|
||
|
||
if (ce[0] != document && (/static/).test(ce.css('position')))
|
||
cop = self.containerPosition;
|
||
|
||
if (cp.left < (o.helper ? co.left : 0)) {
|
||
self.size.width = self.size.width + (o.helper ? (self.position.left - co.left) : (self.position.left - cop.left));
|
||
if (pRatio) self.size.height = self.size.width / o.aspectRatio;
|
||
self.position.left = o.helper ? co.left : 0;
|
||
}
|
||
|
||
if (cp.top < (o.helper ? co.top : 0)) {
|
||
self.size.height = self.size.height + (o.helper ? (self.position.top - co.top) : self.position.top);
|
||
if (pRatio) self.size.width = self.size.height * o.aspectRatio;
|
||
self.position.top = o.helper ? co.top : 0;
|
||
}
|
||
|
||
var woset = Math.abs( (o.helper ? self.offset.left - cop.left : (self.offset.left - cop.left)) + self.sizeDiff.width ),
|
||
hoset = Math.abs( (o.helper ? self.offset.top - cop.top : (self.offset.top - co.top)) + self.sizeDiff.height );
|
||
|
||
if (woset + self.size.width >= self.parentData.width) {
|
||
self.size.width = self.parentData.width - woset;
|
||
if (pRatio) self.size.height = self.size.width / o.aspectRatio;
|
||
}
|
||
|
||
if (hoset + self.size.height >= self.parentData.height) {
|
||
self.size.height = self.parentData.height - hoset;
|
||
if (pRatio) self.size.width = self.size.height * o.aspectRatio;
|
||
}
|
||
},
|
||
|
||
stop: function(event, ui){
|
||
var o = ui.options, self = $(this).data("resizable"), cp = self.position,
|
||
co = self.containerOffset, cop = self.containerPosition, ce = self.containerElement;
|
||
|
||
var helper = $(self.helper), ho = helper.offset(), w = helper.outerWidth() - self.sizeDiff.width, h = helper.outerHeight() - self.sizeDiff.height;
|
||
|
||
if (o.helper && !o.animate && (/relative/).test(ce.css('position')))
|
||
$(this).css({ left: ho.left - cop.left - co.left, width: w, height: h });
|
||
|
||
if (o.helper && !o.animate && (/static/).test(ce.css('position')))
|
||
$(this).css({ left: ho.left - cop.left - co.left, width: w, height: h });
|
||
|
||
}
|
||
});
|
||
|
||
$.ui.plugin.add("resizable", "ghost", {
|
||
|
||
start: function(event, ui) {
|
||
var o = ui.options, self = $(this).data("resizable"), pr = o.proportionallyResize, cs = self.size;
|
||
|
||
if (!pr) self.ghost = self.element.clone();
|
||
else self.ghost = pr.clone();
|
||
|
||
self.ghost.css(
|
||
{ opacity: .25, display: 'block', position: 'relative', height: cs.height, width: cs.width, margin: 0, left: 0, top: 0 }
|
||
)
|
||
.addClass('ui-resizable-ghost').addClass(typeof o.ghost == 'string' ? o.ghost : '');
|
||
|
||
self.ghost.appendTo(self.helper);
|
||
|
||
},
|
||
|
||
resize: function(event, ui){
|
||
var o = ui.options, self = $(this).data("resizable"), pr = o.proportionallyResize;
|
||
|
||
if (self.ghost) self.ghost.css({ position: 'relative', height: self.size.height, width: self.size.width });
|
||
|
||
},
|
||
|
||
stop: function(event, ui){
|
||
var o = ui.options, self = $(this).data("resizable"), pr = o.proportionallyResize;
|
||
if (self.ghost && self.helper) self.helper.get(0).removeChild(self.ghost.get(0));
|
||
}
|
||
|
||
});
|
||
|
||
$.ui.plugin.add("resizable", "grid", {
|
||
|
||
resize: function(event, ui) {
|
||
var o = ui.options, self = $(this).data("resizable"), cs = self.size, os = self.originalSize, op = self.originalPosition, a = self.axis, ratio = o._aspectRatio || event.shiftKey;
|
||
o.grid = typeof o.grid == "number" ? [o.grid, o.grid] : o.grid;
|
||
var ox = Math.round((cs.width - os.width) / (o.grid[0]||1)) * (o.grid[0]||1), oy = Math.round((cs.height - os.height) / (o.grid[1]||1)) * (o.grid[1]||1);
|
||
|
||
if (/^(se|s|e)$/.test(a)) {
|
||
self.size.width = os.width + ox;
|
||
self.size.height = os.height + oy;
|
||
}
|
||
else if (/^(ne)$/.test(a)) {
|
||
self.size.width = os.width + ox;
|
||
self.size.height = os.height + oy;
|
||
self.position.top = op.top - oy;
|
||
}
|
||
else if (/^(sw)$/.test(a)) {
|
||
self.size.width = os.width + ox;
|
||
self.size.height = os.height + oy;
|
||
self.position.left = op.left - ox;
|
||
}
|
||
else {
|
||
self.size.width = os.width + ox;
|
||
self.size.height = os.height + oy;
|
||
self.position.top = op.top - oy;
|
||
self.position.left = op.left - ox;
|
||
}
|
||
}
|
||
|
||
});
|
||
|
||
function isVisible(element) {
|
||
return !($(element).is(':hidden') || $(element).parents(':hidden').length);
|
||
}
|
||
|
||
})(jQuery);
|
||
/*
|
||
* jQuery UI Selectable 1.6rc5
|
||
*
|
||
* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
|
||
* Dual licensed under the MIT (MIT-LICENSE.txt)
|
||
* and GPL (GPL-LICENSE.txt) licenses.
|
||
*
|
||
* http://docs.jquery.com/UI/Selectables
|
||
*
|
||
* Depends:
|
||
* ui.core.js
|
||
*/
|
||
(function($) {
|
||
|
||
$.widget("ui.selectable", $.extend({}, $.ui.mouse, {
|
||
|
||
_init: function() {
|
||
var self = this;
|
||
|
||
this.element.addClass("ui-selectable");
|
||
|
||
this.dragged = false;
|
||
|
||
// cache selectee children based on filter
|
||
var selectees;
|
||
this.refresh = function() {
|
||
selectees = $(self.options.filter, self.element[0]);
|
||
selectees.each(function() {
|
||
var $this = $(this);
|
||
var pos = $this.offset();
|
||
$.data(this, "selectable-item", {
|
||
element: this,
|
||
$element: $this,
|
||
left: pos.left,
|
||
top: pos.top,
|
||
right: pos.left + $this.outerWidth(),
|
||
bottom: pos.top + $this.outerHeight(),
|
||
startselected: false,
|
||
selected: $this.hasClass('ui-selected'),
|
||
selecting: $this.hasClass('ui-selecting'),
|
||
unselecting: $this.hasClass('ui-unselecting')
|
||
});
|
||
});
|
||
};
|
||
this.refresh();
|
||
|
||
this.selectees = selectees.addClass("ui-selectee");
|
||
|
||
this._mouseInit();
|
||
|
||
this.helper = $(document.createElement('div'))
|
||
.css({border:'1px dotted black'})
|
||
.addClass("ui-selectable-helper");
|
||
},
|
||
|
||
destroy: function() {
|
||
this.element
|
||
.removeClass("ui-selectable ui-selectable-disabled")
|
||
.removeData("selectable")
|
||
.unbind(".selectable");
|
||
this._mouseDestroy();
|
||
},
|
||
|
||
_mouseStart: function(event) {
|
||
var self = this;
|
||
|
||
this.opos = [event.pageX, event.pageY];
|
||
|
||
if (this.options.disabled)
|
||
return;
|
||
|
||
var options = this.options;
|
||
|
||
this.selectees = $(options.filter, this.element[0]);
|
||
|
||
this._trigger("start", event);
|
||
|
||
$('body').append(this.helper);
|
||
// position helper (lasso)
|
||
this.helper.css({
|
||
"z-index": 100,
|
||
"position": "absolute",
|
||
"left": event.clientX,
|
||
"top": event.clientY,
|
||
"width": 0,
|
||
"height": 0
|
||
});
|
||
|
||
if (options.autoRefresh) {
|
||
this.refresh();
|
||
}
|
||
|
||
this.selectees.filter('.ui-selected').each(function() {
|
||
var selectee = $.data(this, "selectable-item");
|
||
selectee.startselected = true;
|
||
if (!event.metaKey) {
|
||
selectee.$element.removeClass('ui-selected');
|
||
selectee.selected = false;
|
||
selectee.$element.addClass('ui-unselecting');
|
||
selectee.unselecting = true;
|
||
// selectable UNSELECTING callback
|
||
self._trigger("unselecting", event, {
|
||
unselecting: selectee.element
|
||
});
|
||
}
|
||
});
|
||
|
||
$(event.target).parents().andSelf().each(function() {
|
||
var selectee = $.data(this, "selectable-item");
|
||
if (selectee) {
|
||
selectee.$element.removeClass("ui-unselecting").addClass('ui-selecting');
|
||
selectee.unselecting = false;
|
||
selectee.selecting = true;
|
||
selectee.selected = true;
|
||
// selectable SELECTING callback
|
||
self._trigger("selecting", event, {
|
||
selecting: selectee.element
|
||
});
|
||
return false;
|
||
}
|
||
});
|
||
|
||
},
|
||
|
||
_mouseDrag: function(event) {
|
||
var self = this;
|
||
this.dragged = true;
|
||
|
||
if (this.options.disabled)
|
||
return;
|
||
|
||
var options = this.options;
|
||
|
||
var x1 = this.opos[0], y1 = this.opos[1], x2 = event.pageX, y2 = event.pageY;
|
||
if (x1 > x2) { var tmp = x2; x2 = x1; x1 = tmp; }
|
||
if (y1 > y2) { var tmp = y2; y2 = y1; y1 = tmp; }
|
||
this.helper.css({left: x1, top: y1, width: x2-x1, height: y2-y1});
|
||
|
||
this.selectees.each(function() {
|
||
var selectee = $.data(this, "selectable-item");
|
||
//prevent helper from being selected if appendTo: selectable
|
||
if (!selectee || selectee.element == self.element[0])
|
||
return;
|
||
var hit = false;
|
||
if (options.tolerance == 'touch') {
|
||
hit = ( !(selectee.left > x2 || selectee.right < x1 || selectee.top > y2 || selectee.bottom < y1) );
|
||
} else if (options.tolerance == 'fit') {
|
||
hit = (selectee.left > x1 && selectee.right < x2 && selectee.top > y1 && selectee.bottom < y2);
|
||
}
|
||
|
||
if (hit) {
|
||
// SELECT
|
||
if (selectee.selected) {
|
||
selectee.$element.removeClass('ui-selected');
|
||
selectee.selected = false;
|
||
}
|
||
if (selectee.unselecting) {
|
||
selectee.$element.removeClass('ui-unselecting');
|
||
selectee.unselecting = false;
|
||
}
|
||
if (!selectee.selecting) {
|
||
selectee.$element.addClass('ui-selecting');
|
||
selectee.selecting = true;
|
||
// selectable SELECTING callback
|
||
self._trigger("selecting", event, {
|
||
selecting: selectee.element
|
||
});
|
||
}
|
||
} else {
|
||
// UNSELECT
|
||
if (selectee.selecting) {
|
||
if (event.metaKey && selectee.startselected) {
|
||
selectee.$element.removeClass('ui-selecting');
|
||
selectee.selecting = false;
|
||
selectee.$element.addClass('ui-selected');
|
||
selectee.selected = true;
|
||
} else {
|
||
selectee.$element.removeClass('ui-selecting');
|
||
selectee.selecting = false;
|
||
if (selectee.startselected) {
|
||
selectee.$element.addClass('ui-unselecting');
|
||
selectee.unselecting = true;
|
||
}
|
||
// selectable UNSELECTING callback
|
||
self._trigger("unselecting", event, {
|
||
unselecting: selectee.element
|
||
});
|
||
}
|
||
}
|
||
if (selectee.selected) {
|
||
if (!event.metaKey && !selectee.startselected) {
|
||
selectee.$element.removeClass('ui-selected');
|
||
selectee.selected = false;
|
||
|
||
selectee.$element.addClass('ui-unselecting');
|
||
selectee.unselecting = true;
|
||
// selectable UNSELECTING callback
|
||
self._trigger("unselecting", event, {
|
||
unselecting: selectee.element
|
||
});
|
||
}
|
||
}
|
||
}
|
||
});
|
||
|
||
return false;
|
||
},
|
||
|
||
_mouseStop: function(event) {
|
||
var self = this;
|
||
|
||
this.dragged = false;
|
||
|
||
var options = this.options;
|
||
|
||
$('.ui-unselecting', this.element[0]).each(function() {
|
||
var selectee = $.data(this, "selectable-item");
|
||
selectee.$element.removeClass('ui-unselecting');
|
||
selectee.unselecting = false;
|
||
selectee.startselected = false;
|
||
self._trigger("unselected", event, {
|
||
unselected: selectee.element
|
||
});
|
||
});
|
||
$('.ui-selecting', this.element[0]).each(function() {
|
||
var selectee = $.data(this, "selectable-item");
|
||
selectee.$element.removeClass('ui-selecting').addClass('ui-selected');
|
||
selectee.selecting = false;
|
||
selectee.selected = true;
|
||
selectee.startselected = true;
|
||
self._trigger("selected", event, {
|
||
selected: selectee.element
|
||
});
|
||
});
|
||
this._trigger("stop", event);
|
||
|
||
this.helper.remove();
|
||
|
||
return false;
|
||
}
|
||
|
||
}));
|
||
|
||
$.extend($.ui.selectable, {
|
||
version: "1.6rc5",
|
||
defaults: {
|
||
appendTo: 'body',
|
||
autoRefresh: true,
|
||
cancel: ":input,option",
|
||
delay: 0,
|
||
distance: 0,
|
||
filter: '*',
|
||
tolerance: 'touch'
|
||
}
|
||
});
|
||
|
||
})(jQuery);
|
||
/*
|
||
* jQuery UI Sortable 1.6rc5
|
||
*
|
||
* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
|
||
* Dual licensed under the MIT (MIT-LICENSE.txt)
|
||
* and GPL (GPL-LICENSE.txt) licenses.
|
||
*
|
||
* http://docs.jquery.com/UI/Sortables
|
||
*
|
||
* Depends:
|
||
* ui.core.js
|
||
*/
|
||
(function($) {
|
||
|
||
$.widget("ui.sortable", $.extend({}, $.ui.mouse, {
|
||
_init: function() {
|
||
|
||
var o = this.options;
|
||
this.containerCache = {};
|
||
(this.options.cssNamespace && this.element.addClass(this.options.cssNamespace+"-sortable"));
|
||
|
||
//Get the items
|
||
this.refresh();
|
||
|
||
//Let's determine if the items are floating
|
||
this.floating = this.items.length ? (/left|right/).test(this.items[0].item.css('float')) : false;
|
||
|
||
//Let's determine the parent's offset
|
||
this.offset = this.element.offset();
|
||
|
||
//Initialize mouse events for interaction
|
||
this._mouseInit();
|
||
|
||
},
|
||
|
||
destroy: function() {
|
||
this.element
|
||
.removeClass(this.options.cssNamespace+"-sortable "+this.options.cssNamespace+"-sortable-disabled")
|
||
.removeData("sortable")
|
||
.unbind(".sortable");
|
||
this._mouseDestroy();
|
||
|
||
for ( var i = this.items.length - 1; i >= 0; i-- )
|
||
this.items[i].item.removeData("sortable-item");
|
||
},
|
||
|
||
_mouseCapture: function(event, overrideHandle) {
|
||
|
||
if (this.reverting) {
|
||
return false;
|
||
}
|
||
|
||
if(this.options.disabled || this.options.type == 'static') return false;
|
||
|
||
//We have to refresh the items data once first
|
||
this._refreshItems(event);
|
||
|
||
//Find out if the clicked node (or one of its parents) is a actual item in this.items
|
||
var currentItem = null, self = this, nodes = $(event.target).parents().each(function() {
|
||
if($.data(this, 'sortable-item') == self) {
|
||
currentItem = $(this);
|
||
return false;
|
||
}
|
||
});
|
||
if($.data(event.target, 'sortable-item') == self) currentItem = $(event.target);
|
||
|
||
if(!currentItem) return false;
|
||
if(this.options.handle && !overrideHandle) {
|
||
var validHandle = false;
|
||
|
||
$(this.options.handle, currentItem).find("*").andSelf().each(function() { if(this == event.target) validHandle = true; });
|
||
if(!validHandle) return false;
|
||
}
|
||
|
||
this.currentItem = currentItem;
|
||
this._removeCurrentsFromItems();
|
||
return true;
|
||
|
||
},
|
||
|
||
_mouseStart: function(event, overrideHandle, noActivation) {
|
||
|
||
var o = this.options;
|
||
this.currentContainer = this;
|
||
|
||
//We only need to call refreshPositions, because the refreshItems call has been moved to mouseCapture
|
||
this.refreshPositions();
|
||
|
||
//Create and append the visible helper
|
||
this.helper = this._createHelper(event);
|
||
|
||
//Cache the helper size
|
||
this._cacheHelperProportions();
|
||
|
||
/*
|
||
* - Position generation -
|
||
* This block generates everything position related - it's the core of draggables.
|
||
*/
|
||
|
||
//Cache the margins of the original element
|
||
this._cacheMargins();
|
||
|
||
//Get the next scrolling parent
|
||
this.scrollParent = this.helper.scrollParent();
|
||
|
||
//The element's absolute position on the page minus margins
|
||
this.offset = this.currentItem.offset();
|
||
this.offset = {
|
||
top: this.offset.top - this.margins.top,
|
||
left: this.offset.left - this.margins.left
|
||
};
|
||
|
||
// Only after we got the offset, we can change the helper's position to absolute
|
||
// TODO: Still need to figure out a way to make relative sorting possible
|
||
this.helper.css("position", "absolute");
|
||
this.cssPosition = this.helper.css("position");
|
||
|
||
$.extend(this.offset, {
|
||
click: { //Where the click happened, relative to the element
|
||
left: event.pageX - this.offset.left,
|
||
top: event.pageY - this.offset.top
|
||
},
|
||
parent: this._getParentOffset(),
|
||
relative: this._getRelativeOffset() //This is a relative to absolute position minus the actual position calculation - only used for relative positioned helper
|
||
});
|
||
|
||
//Generate the original position
|
||
this.originalPosition = this._generatePosition(event);
|
||
this.originalPageX = event.pageX;
|
||
this.originalPageY = event.pageY;
|
||
|
||
//Adjust the mouse offset relative to the helper if 'cursorAt' is supplied
|
||
if(o.cursorAt)
|
||
this._adjustOffsetFromHelper(o.cursorAt);
|
||
|
||
//Cache the former DOM position
|
||
this.domPosition = { prev: this.currentItem.prev()[0], parent: this.currentItem.parent()[0] };
|
||
|
||
//If the helper is not the original, hide the original so it's not playing any role during the drag, won't cause anything bad this way
|
||
if(this.helper[0] != this.currentItem[0]) {
|
||
this.currentItem.hide();
|
||
}
|
||
|
||
//Create the placeholder
|
||
this._createPlaceholder();
|
||
|
||
//Set a containment if given in the options
|
||
if(o.containment)
|
||
this._setContainment();
|
||
|
||
//Call plugins and callbacks
|
||
this._trigger("start", event);
|
||
|
||
//Recache the helper size
|
||
if(!this._preserveHelperProportions)
|
||
this._cacheHelperProportions();
|
||
|
||
|
||
//Post 'activate' events to possible containers
|
||
if(!noActivation) {
|
||
for (var i = this.containers.length - 1; i >= 0; i--) { this.containers[i]._trigger("activate", event, this); }
|
||
}
|
||
|
||
//Prepare possible droppables
|
||
if($.ui.ddmanager)
|
||
$.ui.ddmanager.current = this;
|
||
|
||
if ($.ui.ddmanager && !o.dropBehaviour)
|
||
$.ui.ddmanager.prepareOffsets(this, event);
|
||
|
||
this.dragging = true;
|
||
|
||
this.helper.addClass(o.cssNamespace+'-sortable-helper');
|
||
this._mouseDrag(event); //Execute the drag once - this causes the helper not to be visible before getting its correct position
|
||
return true;
|
||
|
||
},
|
||
|
||
_mouseDrag: function(event) {
|
||
|
||
//Compute the helpers position
|
||
this.position = this._generatePosition(event);
|
||
this.positionAbs = this._convertPositionTo("absolute");
|
||
|
||
if (!this.lastPositionAbs) {
|
||
this.lastPositionAbs = this.positionAbs;
|
||
}
|
||
|
||
//Call the internal plugins
|
||
$.ui.plugin.call(this, "sort", [event, this._uiHash()]);
|
||
|
||
//Regenerate the absolute position used for position checks
|
||
this.positionAbs = this._convertPositionTo("absolute");
|
||
|
||
//Set the helper position
|
||
if(!this.options.axis || this.options.axis != "y") this.helper[0].style.left = this.position.left+'px';
|
||
if(!this.options.axis || this.options.axis != "x") this.helper[0].style.top = this.position.top+'px';
|
||
|
||
//Rearrange
|
||
for (var i = this.items.length - 1; i >= 0; i--) {
|
||
|
||
//Cache variables and intersection, continue if no intersection
|
||
var item = this.items[i], itemElement = item.item[0], intersection = this._intersectsWithPointer(item);
|
||
if (!intersection) continue;
|
||
|
||
if(itemElement != this.currentItem[0] //cannot intersect with itself
|
||
&& this.placeholder[intersection == 1 ? "next" : "prev"]()[0] != itemElement //no useless actions that have been done before
|
||
&& !$.ui.contains(this.placeholder[0], itemElement) //no action if the item moved is the parent of the item checked
|
||
&& (this.options.type == 'semi-dynamic' ? !$.ui.contains(this.element[0], itemElement) : true)
|
||
) {
|
||
|
||
this.direction = intersection == 1 ? "down" : "up";
|
||
|
||
if (this.options.tolerance == "pointer" || this._intersectsWithSides(item)) {
|
||
this.options.sortIndicator.call(this, event, item);
|
||
} else {
|
||
break;
|
||
}
|
||
|
||
this._trigger("change", event); //Call plugins and callbacks
|
||
break;
|
||
}
|
||
}
|
||
|
||
//Post events to containers
|
||
this._contactContainers(event);
|
||
|
||
//Interconnect with droppables
|
||
if($.ui.ddmanager) $.ui.ddmanager.drag(this, event);
|
||
|
||
//Call callbacks
|
||
this._trigger('sort', event);
|
||
|
||
this.lastPositionAbs = this.positionAbs;
|
||
return false;
|
||
|
||
},
|
||
|
||
_mouseStop: function(event, noPropagation) {
|
||
|
||
if(!event) return;
|
||
|
||
//If we are using droppables, inform the manager about the drop
|
||
if ($.ui.ddmanager && !this.options.dropBehaviour)
|
||
$.ui.ddmanager.drop(this, event);
|
||
|
||
if(this.options.revert) {
|
||
var self = this;
|
||
var cur = self.placeholder.offset();
|
||
|
||
self.reverting = true;
|
||
|
||
$(this.helper).animate({
|
||
left: cur.left - this.offset.parent.left - self.margins.left + (this.offsetParent[0] == document.body ? 0 : this.offsetParent[0].scrollLeft),
|
||
top: cur.top - this.offset.parent.top - self.margins.top + (this.offsetParent[0] == document.body ? 0 : this.offsetParent[0].scrollTop)
|
||
}, parseInt(this.options.revert, 10) || 500, function() {
|
||
self._clear(event);
|
||
});
|
||
} else {
|
||
this._clear(event, noPropagation);
|
||
}
|
||
|
||
return false;
|
||
|
||
},
|
||
|
||
cancel: function() {
|
||
|
||
if(this.dragging) {
|
||
|
||
this._mouseUp();
|
||
|
||
if(this.options.helper == "original")
|
||
this.currentItem.css(this._storedCSS).removeClass(this.options.cssNamespace+"-sortable-helper");
|
||
else
|
||
this.currentItem.show();
|
||
|
||
//Post deactivating events to containers
|
||
for (var i = this.containers.length - 1; i >= 0; i--){
|
||
this.containers[i]._trigger("deactivate", null, this);
|
||
if(this.containers[i].containerCache.over) {
|
||
this.containers[i]._trigger("out", null, this);
|
||
this.containers[i].containerCache.over = 0;
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
//$(this.placeholder[0]).remove(); would have been the jQuery way - unfortunately, it unbinds ALL events from the original node!
|
||
if(this.placeholder[0].parentNode) this.placeholder[0].parentNode.removeChild(this.placeholder[0]);
|
||
if(this.options.helper != "original" && this.helper && this.helper[0].parentNode) this.helper.remove();
|
||
|
||
$.extend(this, {
|
||
helper: null,
|
||
dragging: false,
|
||
reverting: false,
|
||
_noFinalSort: null
|
||
});
|
||
|
||
if(this.domPosition.prev) {
|
||
$(this.domPosition.prev).after(this.currentItem);
|
||
} else {
|
||
$(this.domPosition.parent).prepend(this.currentItem);
|
||
}
|
||
|
||
return true;
|
||
|
||
},
|
||
|
||
serialize: function(o) {
|
||
|
||
var items = this._getItemsAsjQuery(o && o.connected);
|
||
var str = []; o = o || {};
|
||
|
||
$(items).each(function() {
|
||
var res = ($(o.item || this).attr(o.attribute || 'id') || '').match(o.expression || (/(.+)[-=_](.+)/));
|
||
if(res) str.push((o.key || res[1]+'[]')+'='+(o.key && o.expression ? res[1] : res[2]));
|
||
});
|
||
|
||
return str.join('&');
|
||
|
||
},
|
||
|
||
toArray: function(o) {
|
||
|
||
var items = this._getItemsAsjQuery(o && o.connected);
|
||
var ret = []; o = o || {};
|
||
|
||
items.each(function() { ret.push($(o.item || this).attr(o.attribute || 'id') || ''); });
|
||
return ret;
|
||
|
||
},
|
||
|
||
/* Be careful with the following core functions */
|
||
_intersectsWith: function(item) {
|
||
|
||
var x1 = this.positionAbs.left,
|
||
x2 = x1 + this.helperProportions.width,
|
||
y1 = this.positionAbs.top,
|
||
y2 = y1 + this.helperProportions.height;
|
||
|
||
var l = item.left,
|
||
r = l + item.width,
|
||
t = item.top,
|
||
b = t + item.height;
|
||
|
||
var dyClick = this.offset.click.top,
|
||
dxClick = this.offset.click.left;
|
||
|
||
var isOverElement = (y1 + dyClick) > t && (y1 + dyClick) < b && (x1 + dxClick) > l && (x1 + dxClick) < r;
|
||
|
||
if( this.options.tolerance == "pointer"
|
||
|| this.options.forcePointerForContainers
|
||
|| (this.options.tolerance != "pointer" && this.helperProportions[this.floating ? 'width' : 'height'] > item[this.floating ? 'width' : 'height'])
|
||
) {
|
||
return isOverElement;
|
||
} else {
|
||
|
||
return (l < x1 + (this.helperProportions.width / 2) // Right Half
|
||
&& x2 - (this.helperProportions.width / 2) < r // Left Half
|
||
&& t < y1 + (this.helperProportions.height / 2) // Bottom Half
|
||
&& y2 - (this.helperProportions.height / 2) < b ); // Top Half
|
||
|
||
}
|
||
},
|
||
|
||
_intersectsWithPointer: function(item) {
|
||
|
||
var isOverElementHeight = $.ui.isOverAxis(this.positionAbs.top + this.offset.click.top, item.top, item.height),
|
||
isOverElementWidth = $.ui.isOverAxis(this.positionAbs.left + this.offset.click.left, item.left, item.width),
|
||
isOverElement = isOverElementHeight && isOverElementWidth,
|
||
verticalDirection = this._getDragVerticalDirection(),
|
||
horizontalDirection = this._getDragHorizontalDirection();
|
||
|
||
if (!isOverElement)
|
||
return false;
|
||
|
||
return this.floating ?
|
||
( ((horizontalDirection && horizontalDirection == "right") || verticalDirection == "down") ? 2 : 1 )
|
||
: ( verticalDirection && (verticalDirection == "down" ? 2 : 1) );
|
||
|
||
},
|
||
|
||
_intersectsWithSides: function(item) {
|
||
|
||
var isOverBottomHalf = $.ui.isOverAxis(this.positionAbs.top + this.offset.click.top, item.top + (item.height/2), item.height),
|
||
isOverRightHalf = $.ui.isOverAxis(this.positionAbs.left + this.offset.click.left, item.left + (item.width/2), item.width),
|
||
verticalDirection = this._getDragVerticalDirection(),
|
||
horizontalDirection = this._getDragHorizontalDirection();
|
||
|
||
if (this.floating && horizontalDirection) {
|
||
return ((horizontalDirection == "right" && isOverRightHalf) || (horizontalDirection == "left" && !isOverRightHalf));
|
||
} else {
|
||
return verticalDirection && ((verticalDirection == "down" && isOverBottomHalf) || (verticalDirection == "up" && !isOverBottomHalf));
|
||
}
|
||
|
||
},
|
||
|
||
_getDragVerticalDirection: function() {
|
||
var delta = this.positionAbs.top - this.lastPositionAbs.top;
|
||
return delta != 0 && (delta > 0 ? "down" : "up");
|
||
},
|
||
|
||
_getDragHorizontalDirection: function() {
|
||
var delta = this.positionAbs.left - this.lastPositionAbs.left;
|
||
return delta != 0 && (delta > 0 ? "right" : "left");
|
||
},
|
||
|
||
refresh: function(event) {
|
||
this._refreshItems(event);
|
||
this.refreshPositions();
|
||
},
|
||
|
||
_getItemsAsjQuery: function(connected) {
|
||
|
||
var self = this;
|
||
var items = [];
|
||
var queries = [];
|
||
|
||
if(this.options.connectWith && connected) {
|
||
for (var i = this.options.connectWith.length - 1; i >= 0; i--){
|
||
var cur = $(this.options.connectWith[i]);
|
||
for (var j = cur.length - 1; j >= 0; j--){
|
||
var inst = $.data(cur[j], 'sortable');
|
||
if(inst && inst != this && !inst.options.disabled) {
|
||
queries.push([$.isFunction(inst.options.items) ? inst.options.items.call(inst.element) : $(inst.options.items, inst.element).not("."+inst.options.cssNamespace+"-sortable-helper"), inst]);
|
||
}
|
||
};
|
||
};
|
||
}
|
||
|
||
queries.push([$.isFunction(this.options.items) ? this.options.items.call(this.element, null, { options: this.options, item: this.currentItem }) : $(this.options.items, this.element).not("."+this.options.cssNamespace+"-sortable-helper"), this]);
|
||
|
||
for (var i = queries.length - 1; i >= 0; i--){
|
||
queries[i][0].each(function() {
|
||
items.push(this);
|
||
});
|
||
};
|
||
|
||
return $(items);
|
||
|
||
},
|
||
|
||
_removeCurrentsFromItems: function() {
|
||
|
||
var list = this.currentItem.find(":data(sortable-item)");
|
||
|
||
for (var i=0; i < this.items.length; i++) {
|
||
|
||
for (var j=0; j < list.length; j++) {
|
||
if(list[j] == this.items[i].item[0])
|
||
this.items.splice(i,1);
|
||
};
|
||
|
||
};
|
||
|
||
},
|
||
|
||
_refreshItems: function(event) {
|
||
|
||
this.items = [];
|
||
this.containers = [this];
|
||
var items = this.items;
|
||
var self = this;
|
||
var queries = [[$.isFunction(this.options.items) ? this.options.items.call(this.element[0], event, { item: this.currentItem }) : $(this.options.items, this.element), this]];
|
||
|
||
if(this.options.connectWith) {
|
||
for (var i = this.options.connectWith.length - 1; i >= 0; i--){
|
||
var cur = $(this.options.connectWith[i]);
|
||
for (var j = cur.length - 1; j >= 0; j--){
|
||
var inst = $.data(cur[j], 'sortable');
|
||
if(inst && inst != this && !inst.options.disabled) {
|
||
queries.push([$.isFunction(inst.options.items) ? inst.options.items.call(inst.element[0], event, { item: this.currentItem }) : $(inst.options.items, inst.element), inst]);
|
||
this.containers.push(inst);
|
||
}
|
||
};
|
||
};
|
||
}
|
||
|
||
for (var i = queries.length - 1; i >= 0; i--) {
|
||
var targetData = queries[i][1];
|
||
var _queries = queries[i][0];
|
||
|
||
for (var j=0, queriesLength = _queries.length; j < queriesLength; j++) {
|
||
var item = $(_queries[j]);
|
||
|
||
item.data('sortable-item', targetData); // Data for target checking (mouse manager)
|
||
|
||
items.push({
|
||
item: item,
|
||
instance: targetData,
|
||
width: 0, height: 0,
|
||
left: 0, top: 0
|
||
});
|
||
};
|
||
};
|
||
|
||
},
|
||
|
||
refreshPositions: function(fast) {
|
||
|
||
//This has to be redone because due to the item being moved out/into the offsetParent, the offsetParent's position will change
|
||
if(this.offsetParent && this.helper) {
|
||
this.offset.parent = this._getParentOffset();
|
||
}
|
||
|
||
for (var i = this.items.length - 1; i >= 0; i--){
|
||
var item = this.items[i];
|
||
|
||
//We ignore calculating positions of all connected containers when we're not over them
|
||
if(item.instance != this.currentContainer && this.currentContainer && item.item[0] != this.currentItem[0])
|
||
continue;
|
||
|
||
var t = this.options.toleranceElement ? $(this.options.toleranceElement, item.item) : item.item;
|
||
|
||
if (!fast) {
|
||
if (this.options.accurateIntersection) {
|
||
item.width = t.outerWidth();
|
||
item.height = t.outerHeight();
|
||
}
|
||
else {
|
||
item.width = t[0].offsetWidth;
|
||
item.height = t[0].offsetHeight;
|
||
}
|
||
}
|
||
|
||
var p = t.offset();
|
||
item.left = p.left;
|
||
item.top = p.top;
|
||
};
|
||
|
||
if(this.options.custom && this.options.custom.refreshContainers) {
|
||
this.options.custom.refreshContainers.call(this);
|
||
} else {
|
||
for (var i = this.containers.length - 1; i >= 0; i--){
|
||
var p = this.containers[i].element.offset();
|
||
this.containers[i].containerCache.left = p.left;
|
||
this.containers[i].containerCache.top = p.top;
|
||
this.containers[i].containerCache.width = this.containers[i].element.outerWidth();
|
||
this.containers[i].containerCache.height = this.containers[i].element.outerHeight();
|
||
};
|
||
}
|
||
|
||
},
|
||
|
||
_createPlaceholder: function(that) {
|
||
|
||
var self = that || this, o = self.options;
|
||
|
||
if(!o.placeholder || o.placeholder.constructor == String) {
|
||
var className = o.placeholder;
|
||
o.placeholder = {
|
||
element: function() {
|
||
|
||
var el = $(document.createElement(self.currentItem[0].nodeName))
|
||
.addClass(className || self.currentItem[0].className+" "+self.options.cssNamespace+"-sortable-placeholder")
|
||
.removeClass(self.options.cssNamespace+'-sortable-helper')[0];
|
||
|
||
if(!className)
|
||
el.style.visibility = "hidden";
|
||
|
||
return el;
|
||
},
|
||
update: function(container, p) {
|
||
|
||
// 1. If a className is set as 'placeholder option, we don't force sizes - the class is responsible for that
|
||
// 2. The option 'forcePlaceholderSize can be enabled to force it even if a class name is specified
|
||
if(className && !o.forcePlaceholderSize) return;
|
||
|
||
//If the element doesn't have a actual height by itself (without styles coming from a stylesheet), it receives the inline height from the dragged item
|
||
if(!p.height()) { p.height(self.currentItem.innerHeight() - parseInt(self.currentItem.css('paddingTop')||0, 10) - parseInt(self.currentItem.css('paddingBottom')||0, 10)); };
|
||
if(!p.width()) { p.width(self.currentItem.innerWidth() - parseInt(self.currentItem.css('paddingLeft')||0, 10) - parseInt(self.currentItem.css('paddingRight')||0, 10)); };
|
||
}
|
||
};
|
||
}
|
||
|
||
//Create the placeholder
|
||
self.placeholder = $(o.placeholder.element.call(self.element, self.currentItem));
|
||
|
||
//Append it after the actual current item
|
||
self.currentItem.after(self.placeholder);
|
||
|
||
//Update the size of the placeholder (TODO: Logic to fuzzy, see line 316/317)
|
||
o.placeholder.update(self, self.placeholder);
|
||
|
||
},
|
||
|
||
_contactContainers: function(event) {
|
||
for (var i = this.containers.length - 1; i >= 0; i--){
|
||
|
||
if(this._intersectsWith(this.containers[i].containerCache)) {
|
||
if(!this.containers[i].containerCache.over) {
|
||
|
||
if(this.currentContainer != this.containers[i]) {
|
||
|
||
//When entering a new container, we will find the item with the least distance and append our item near it
|
||
var dist = 10000; var itemWithLeastDistance = null; var base = this.positionAbs[this.containers[i].floating ? 'left' : 'top'];
|
||
for (var j = this.items.length - 1; j >= 0; j--) {
|
||
if(!$.ui.contains(this.containers[i].element[0], this.items[j].item[0])) continue;
|
||
var cur = this.items[j][this.containers[i].floating ? 'left' : 'top'];
|
||
if(Math.abs(cur - base) < dist) {
|
||
dist = Math.abs(cur - base); itemWithLeastDistance = this.items[j];
|
||
}
|
||
}
|
||
|
||
if(!itemWithLeastDistance && !this.options.dropOnEmpty) //Check if dropOnEmpty is enabled
|
||
continue;
|
||
|
||
this.currentContainer = this.containers[i];
|
||
itemWithLeastDistance ? this.options.sortIndicator.call(this, event, itemWithLeastDistance, null, true) : this.options.sortIndicator.call(this, event, null, this.containers[i].element, true);
|
||
this._trigger("change", event); //Call plugins and callbacks
|
||
this.containers[i]._trigger("change", event, this); //Call plugins and callbacks
|
||
|
||
//Update the placeholder
|
||
this.options.placeholder.update(this.currentContainer, this.placeholder);
|
||
|
||
}
|
||
|
||
this.containers[i]._trigger("over", event, this);
|
||
this.containers[i].containerCache.over = 1;
|
||
}
|
||
} else {
|
||
if(this.containers[i].containerCache.over) {
|
||
this.containers[i]._trigger("out", event, this);
|
||
this.containers[i].containerCache.over = 0;
|
||
}
|
||
}
|
||
|
||
};
|
||
},
|
||
|
||
_createHelper: function(event) {
|
||
|
||
var o = this.options;
|
||
var helper = $.isFunction(o.helper) ? $(o.helper.apply(this.element[0], [event, this.currentItem])) : (o.helper == 'clone' ? this.currentItem.clone() : this.currentItem);
|
||
|
||
if(!helper.parents('body').length) //Add the helper to the DOM if that didn't happen already
|
||
$(o.appendTo != 'parent' ? o.appendTo : this.currentItem[0].parentNode)[0].appendChild(helper[0]);
|
||
|
||
if(helper[0] == this.currentItem[0])
|
||
this._storedCSS = { width: this.currentItem[0].style.width, height: this.currentItem[0].style.height, position: this.currentItem.css("position"), top: this.currentItem.css("top"), left: this.currentItem.css("left") };
|
||
|
||
if(helper[0].style.width == '' || o.forceHelperSize) helper.width(this.currentItem.width());
|
||
if(helper[0].style.height == '' || o.forceHelperSize) helper.height(this.currentItem.height());
|
||
|
||
return helper;
|
||
|
||
},
|
||
|
||
_adjustOffsetFromHelper: function(obj) {
|
||
if(obj.left != undefined) this.offset.click.left = obj.left + this.margins.left;
|
||
if(obj.right != undefined) this.offset.click.left = this.helperProportions.width - obj.right + this.margins.left;
|
||
if(obj.top != undefined) this.offset.click.top = obj.top + this.margins.top;
|
||
if(obj.bottom != undefined) this.offset.click.top = this.helperProportions.height - obj.bottom + this.margins.top;
|
||
},
|
||
|
||
_getParentOffset: function() {
|
||
|
||
|
||
//Get the offsetParent and cache its position
|
||
this.offsetParent = this.helper.offsetParent();
|
||
var po = this.offsetParent.offset();
|
||
|
||
// This is a special case where we need to modify a offset calculated on start, since the following happened:
|
||
// 1. The position of the helper is absolute, so it's position is calculated based on the next positioned parent
|
||
// 2. The actual offset parent is a child of the scroll parent, and the scroll parent isn't the document, which means that
|
||
// the scroll is included in the initial calculation of the offset of the parent, and never recalculated upon drag
|
||
if(this.cssPosition == 'absolute' && this.scrollParent[0] != document && $.ui.contains(this.scrollParent[0], this.offsetParent[0])) {
|
||
po.left += this.scrollParent.scrollLeft();
|
||
po.top += this.scrollParent.scrollTop();
|
||
}
|
||
|
||
if((this.offsetParent[0] == document.body && $.browser.mozilla) //Ugly FF3 fix
|
||
|| (this.offsetParent[0].tagName && this.offsetParent[0].tagName.toLowerCase() == 'html' && $.browser.msie)) //Ugly IE fix
|
||
po = { top: 0, left: 0 };
|
||
|
||
return {
|
||
top: po.top + (parseInt(this.offsetParent.css("borderTopWidth"),10) || 0),
|
||
left: po.left + (parseInt(this.offsetParent.css("borderLeftWidth"),10) || 0)
|
||
};
|
||
|
||
},
|
||
|
||
_getRelativeOffset: function() {
|
||
|
||
if(this.cssPosition == "relative") {
|
||
var p = this.currentItem.position();
|
||
return {
|
||
top: p.top - (parseInt(this.helper.css("top"),10) || 0) + this.scrollParent.scrollTop(),
|
||
left: p.left - (parseInt(this.helper.css("left"),10) || 0) + this.scrollParent.scrollLeft()
|
||
};
|
||
} else {
|
||
return { top: 0, left: 0 };
|
||
}
|
||
|
||
},
|
||
|
||
_cacheMargins: function() {
|
||
this.margins = {
|
||
left: (parseInt(this.currentItem.css("marginLeft"),10) || 0),
|
||
top: (parseInt(this.currentItem.css("marginTop"),10) || 0)
|
||
};
|
||
},
|
||
|
||
_cacheHelperProportions: function() {
|
||
this.helperProportions = {
|
||
width: this.helper.outerWidth(),
|
||
height: this.helper.outerHeight()
|
||
};
|
||
},
|
||
|
||
_setContainment: function() {
|
||
|
||
var o = this.options;
|
||
if(o.containment == 'parent') o.containment = this.helper[0].parentNode;
|
||
if(o.containment == 'document' || o.containment == 'window') this.containment = [
|
||
0 - this.offset.relative.left - this.offset.parent.left,
|
||
0 - this.offset.relative.top - this.offset.parent.top,
|
||
$(o.containment == 'document' ? document : window).width() - this.helperProportions.width - this.margins.left,
|
||
($(o.containment == 'document' ? document : window).height() || document.body.parentNode.scrollHeight) - this.helperProportions.height - this.margins.top
|
||
];
|
||
|
||
if(!(/^(document|window|parent)$/).test(o.containment)) {
|
||
var ce = $(o.containment)[0];
|
||
var co = $(o.containment).offset();
|
||
var over = ($(ce).css("overflow") != 'hidden');
|
||
|
||
this.containment = [
|
||
co.left + (parseInt($(ce).css("borderLeftWidth"),10) || 0) - this.margins.left,
|
||
co.top + (parseInt($(ce).css("borderTopWidth"),10) || 0) - this.margins.top,
|
||
co.left+(over ? Math.max(ce.scrollWidth,ce.offsetWidth) : ce.offsetWidth) - (parseInt($(ce).css("borderLeftWidth"),10) || 0) - this.helperProportions.width - this.margins.left,
|
||
co.top+(over ? Math.max(ce.scrollHeight,ce.offsetHeight) : ce.offsetHeight) - (parseInt($(ce).css("borderTopWidth"),10) || 0) - this.helperProportions.height - this.margins.top
|
||
];
|
||
}
|
||
|
||
},
|
||
|
||
_convertPositionTo: function(d, pos) {
|
||
|
||
if(!pos) pos = this.position;
|
||
var mod = d == "absolute" ? 1 : -1;
|
||
var o = this.options, scroll = this.cssPosition == 'absolute' && !(this.scrollParent[0] != document && $.ui.contains(this.scrollParent[0], this.offsetParent[0])) ? this.offsetParent : this.scrollParent, scrollIsRootNode = (/(html|body)/i).test(scroll[0].tagName);
|
||
|
||
return {
|
||
top: (
|
||
pos.top // The absolute mouse position
|
||
+ this.offset.relative.top * mod // Only for relative positioned nodes: Relative offset from element to offset parent
|
||
+ this.offset.parent.top * mod // The offsetParent's offset without borders (offset + border)
|
||
- ( this.cssPosition == 'fixed' ? -this.scrollParent.scrollTop() : ( scrollIsRootNode ? 0 : scroll.scrollTop() ) ) * mod
|
||
),
|
||
left: (
|
||
pos.left // The absolute mouse position
|
||
+ this.offset.relative.left * mod // Only for relative positioned nodes: Relative offset from element to offset parent
|
||
+ this.offset.parent.left * mod // The offsetParent's offset without borders (offset + border)
|
||
- ( this.cssPosition == 'fixed' ? -this.scrollParent.scrollLeft() : scrollIsRootNode ? 0 : scroll.scrollLeft() ) * mod
|
||
)
|
||
};
|
||
|
||
},
|
||
|
||
_generatePosition: function(event) {
|
||
|
||
var o = this.options, scroll = this.cssPosition == 'absolute' && !(this.scrollParent[0] != document && $.ui.contains(this.scrollParent[0], this.offsetParent[0])) ? this.offsetParent : this.scrollParent, scrollIsRootNode = (/(html|body)/i).test(scroll[0].tagName);
|
||
|
||
// This is another very weird special case that only happens for relative elements:
|
||
// 1. If the css position is relative
|
||
// 2. and the scroll parent is the document or similar to the offset parent
|
||
// we have to refresh the relative offset during the scroll so there are no jumps
|
||
if(this.cssPosition == 'relative' && !(this.scrollParent[0] != document && this.scrollParent[0] != this.offsetParent[0])) {
|
||
this.offset.relative = this._getRelativeOffset();
|
||
}
|
||
|
||
var pageX = event.pageX;
|
||
var pageY = event.pageY;
|
||
|
||
/*
|
||
* - Position constraining -
|
||
* Constrain the position to a mix of grid, containment.
|
||
*/
|
||
|
||
if(this.originalPosition) { //If we are not dragging yet, we won't check for options
|
||
|
||
if(this.containment) {
|
||
if(event.pageX - this.offset.click.left < this.containment[0]) pageX = this.containment[0] + this.offset.click.left;
|
||
if(event.pageY - this.offset.click.top < this.containment[1]) pageY = this.containment[1] + this.offset.click.top;
|
||
if(event.pageX - this.offset.click.left > this.containment[2]) pageX = this.containment[2] + this.offset.click.left;
|
||
if(event.pageY - this.offset.click.top > this.containment[3]) pageY = this.containment[3] + this.offset.click.top;
|
||
}
|
||
|
||
if(o.grid) {
|
||
var top = this.originalPageY + Math.round((pageY - this.originalPageY) / o.grid[1]) * o.grid[1];
|
||
pageY = this.containment ? (!(top - this.offset.click.top < this.containment[1] || top - this.offset.click.top > this.containment[3]) ? top : (!(top - this.offset.click.top < this.containment[1]) ? top - o.grid[1] : top + o.grid[1])) : top;
|
||
|
||
var left = this.originalPageX + Math.round((pageX - this.originalPageX) / o.grid[0]) * o.grid[0];
|
||
pageX = this.containment ? (!(left - this.offset.click.left < this.containment[0] || left - this.offset.click.left > this.containment[2]) ? left : (!(left - this.offset.click.left < this.containment[0]) ? left - o.grid[0] : left + o.grid[0])) : left;
|
||
}
|
||
|
||
}
|
||
|
||
return {
|
||
top: (
|
||
pageY // The absolute mouse position
|
||
- this.offset.click.top // Click offset (relative to the element)
|
||
- this.offset.relative.top // Only for relative positioned nodes: Relative offset from element to offset parent
|
||
- this.offset.parent.top // The offsetParent's offset without borders (offset + border)
|
||
+ ( this.cssPosition == 'fixed' ? -this.scrollParent.scrollTop() : ( scrollIsRootNode ? 0 : scroll.scrollTop() ) )
|
||
),
|
||
left: (
|
||
pageX // The absolute mouse position
|
||
- this.offset.click.left // Click offset (relative to the element)
|
||
- this.offset.relative.left // Only for relative positioned nodes: Relative offset from element to offset parent
|
||
- this.offset.parent.left // The offsetParent's offset without borders (offset + border)
|
||
+ ( this.cssPosition == 'fixed' ? -this.scrollParent.scrollLeft() : scrollIsRootNode ? 0 : scroll.scrollLeft() )
|
||
)
|
||
};
|
||
|
||
},
|
||
|
||
_rearrange: function(event, i, a, hardRefresh) {
|
||
|
||
a ? a[0].appendChild(this.placeholder[0]) : i.item[0].parentNode.insertBefore(this.placeholder[0], (this.direction == 'down' ? i.item[0] : i.item[0].nextSibling));
|
||
|
||
//Various things done here to improve the performance:
|
||
// 1. we create a setTimeout, that calls refreshPositions
|
||
// 2. on the instance, we have a counter variable, that get's higher after every append
|
||
// 3. on the local scope, we copy the counter variable, and check in the timeout, if it's still the same
|
||
// 4. this lets only the last addition to the timeout stack through
|
||
this.counter = this.counter ? ++this.counter : 1;
|
||
var self = this, counter = this.counter;
|
||
|
||
window.setTimeout(function() {
|
||
if(counter == self.counter) self.refreshPositions(!hardRefresh); //Precompute after each DOM insertion, NOT on mousemove
|
||
},0);
|
||
|
||
},
|
||
|
||
_clear: function(event, noPropagation) {
|
||
|
||
this.reverting = false;
|
||
|
||
//We first have to update the dom position of the actual currentItem
|
||
if(!this._noFinalSort) this.placeholder.before(this.currentItem);
|
||
this._noFinalSort = null;
|
||
|
||
if(this.helper[0] == this.currentItem[0]) {
|
||
for(var i in this._storedCSS) {
|
||
if(this._storedCSS[i] == 'auto' || this._storedCSS[i] == 'static') this._storedCSS[i] = '';
|
||
}
|
||
this.currentItem.css(this._storedCSS).removeClass(this.options.cssNamespace+"-sortable-helper");
|
||
} else {
|
||
this.currentItem.show();
|
||
}
|
||
|
||
if(this.fromOutside) this._trigger("receive", event, this, noPropagation);
|
||
if(this.fromOutside || this.domPosition.prev != this.currentItem.prev().not("."+this.options.cssNamespace+"-sortable-helper")[0] || this.domPosition.parent != this.currentItem.parent()[0]) this._trigger("update", event, null, noPropagation); //Trigger update callback if the DOM position has changed
|
||
if(!$.ui.contains(this.element[0], this.currentItem[0])) { //Node was moved out of the current element
|
||
this._trigger("remove", event, null, noPropagation);
|
||
for (var i = this.containers.length - 1; i >= 0; i--){
|
||
if($.ui.contains(this.containers[i].element[0], this.currentItem[0])) {
|
||
this.containers[i]._trigger("receive", event, this, noPropagation);
|
||
this.containers[i]._trigger("update", event, this, noPropagation);
|
||
}
|
||
};
|
||
};
|
||
|
||
//Post events to containers
|
||
for (var i = this.containers.length - 1; i >= 0; i--){
|
||
this.containers[i]._trigger("deactivate", event, this, noPropagation);
|
||
if(this.containers[i].containerCache.over) {
|
||
this.containers[i]._trigger("out", event, this);
|
||
this.containers[i].containerCache.over = 0;
|
||
}
|
||
}
|
||
|
||
this.dragging = false;
|
||
if(this.cancelHelperRemoval) {
|
||
this._trigger("beforeStop", event, null, noPropagation);
|
||
this._trigger("stop", event, null, noPropagation);
|
||
return false;
|
||
}
|
||
|
||
this._trigger("beforeStop", event, null, noPropagation);
|
||
|
||
//$(this.placeholder[0]).remove(); would have been the jQuery way - unfortunately, it unbinds ALL events from the original node!
|
||
this.placeholder[0].parentNode.removeChild(this.placeholder[0]);
|
||
|
||
if(this.helper[0] != this.currentItem[0]) this.helper.remove(); this.helper = null;
|
||
this._trigger("stop", event, null, noPropagation);
|
||
|
||
this.fromOutside = false;
|
||
return true;
|
||
|
||
},
|
||
|
||
_trigger: function(type, event, inst, noPropagation) {
|
||
$.ui.plugin.call(this, type, [event, this._uiHash(inst)]);
|
||
if(!noPropagation) {
|
||
if ($.widget.prototype._trigger.call(this, type, event, this._uiHash(inst)) === false) {
|
||
this.cancel();
|
||
}
|
||
}
|
||
},
|
||
|
||
plugins: {},
|
||
|
||
_uiHash: function(inst) {
|
||
var self = inst || this;
|
||
return {
|
||
helper: self.helper,
|
||
placeholder: self.placeholder || $([]),
|
||
position: self.position,
|
||
absolutePosition: self.positionAbs,
|
||
item: self.currentItem,
|
||
sender: inst ? inst.element : null
|
||
};
|
||
}
|
||
|
||
}));
|
||
|
||
$.extend($.ui.sortable, {
|
||
getter: "serialize toArray",
|
||
version: "1.6rc5",
|
||
defaults: {
|
||
accurateIntersection: true,
|
||
appendTo: "parent",
|
||
cancel: ":input,option",
|
||
cssNamespace: 'ui',
|
||
delay: 0,
|
||
distance: 1,
|
||
dropOnEmpty: true,
|
||
forcePlaceholderSize: false,
|
||
forceHelperSize: false,
|
||
helper: "original",
|
||
items: '> *',
|
||
scope: "default",
|
||
scroll: true,
|
||
scrollSensitivity: 20,
|
||
scrollSpeed: 20,
|
||
sortIndicator: $.ui.sortable.prototype._rearrange,
|
||
tolerance: "default",
|
||
zIndex: 1000
|
||
}
|
||
});
|
||
|
||
/*
|
||
* Sortable Extensions
|
||
*/
|
||
|
||
$.ui.plugin.add("sortable", "cursor", {
|
||
start: function(event, ui) {
|
||
var t = $('body'), i = $(this).data('sortable');
|
||
if (t.css("cursor")) i.options._cursor = t.css("cursor");
|
||
t.css("cursor", i.options.cursor);
|
||
},
|
||
beforeStop: function(event, ui) {
|
||
var i = $(this).data('sortable');
|
||
if (i.options._cursor) $('body').css("cursor", i.options._cursor);
|
||
}
|
||
});
|
||
|
||
$.ui.plugin.add("sortable", "opacity", {
|
||
start: function(event, ui) {
|
||
var t = ui.helper, i = $(this).data('sortable');
|
||
if(t.css("opacity")) i.options._opacity = t.css("opacity");
|
||
t.css('opacity', i.options.opacity);
|
||
},
|
||
beforeStop: function(event, ui) {
|
||
var i = $(this).data('sortable');
|
||
if(i.options._opacity) $(ui.helper).css('opacity', i.options._opacity);
|
||
}
|
||
});
|
||
|
||
$.ui.plugin.add("sortable", "scroll", {
|
||
start: function(event, ui) {
|
||
var i = $(this).data("sortable"), o = i.options;
|
||
if(i.scrollParent[0] != document && i.scrollParent[0].tagName != 'HTML') i.overflowOffset = i.scrollParent.offset();
|
||
},
|
||
sort: function(event, ui) {
|
||
|
||
var i = $(this).data("sortable"), o = i.options, scrolled = false;
|
||
|
||
if(i.scrollParent[0] != document && i.scrollParent[0].tagName != 'HTML') {
|
||
|
||
if((i.overflowOffset.top + i.scrollParent[0].offsetHeight) - event.pageY < o.scrollSensitivity)
|
||
i.scrollParent[0].scrollTop = scrolled = i.scrollParent[0].scrollTop + o.scrollSpeed;
|
||
else if(event.pageY - i.overflowOffset.top < o.scrollSensitivity)
|
||
i.scrollParent[0].scrollTop = scrolled = i.scrollParent[0].scrollTop - o.scrollSpeed;
|
||
|
||
if((i.overflowOffset.left + i.scrollParent[0].offsetWidth) - event.pageX < o.scrollSensitivity)
|
||
i.scrollParent[0].scrollLeft = scrolled = i.scrollParent[0].scrollLeft + o.scrollSpeed;
|
||
else if(event.pageX - i.overflowOffset.left < o.scrollSensitivity)
|
||
i.scrollParent[0].scrollLeft = scrolled = i.scrollParent[0].scrollLeft - o.scrollSpeed;
|
||
|
||
} else {
|
||
|
||
if(event.pageY - $(document).scrollTop() < o.scrollSensitivity)
|
||
scrolled = $(document).scrollTop($(document).scrollTop() - o.scrollSpeed);
|
||
else if($(window).height() - (event.pageY - $(document).scrollTop()) < o.scrollSensitivity)
|
||
scrolled = $(document).scrollTop($(document).scrollTop() + o.scrollSpeed);
|
||
|
||
if(event.pageX - $(document).scrollLeft() < o.scrollSensitivity)
|
||
scrolled = $(document).scrollLeft($(document).scrollLeft() - o.scrollSpeed);
|
||
else if($(window).width() - (event.pageX - $(document).scrollLeft()) < o.scrollSensitivity)
|
||
scrolled = $(document).scrollLeft($(document).scrollLeft() + o.scrollSpeed);
|
||
|
||
}
|
||
|
||
if(scrolled !== false && $.ui.ddmanager && !o.dropBehaviour)
|
||
$.ui.ddmanager.prepareOffsets(i, event);
|
||
|
||
}
|
||
});
|
||
|
||
$.ui.plugin.add("sortable", "zIndex", {
|
||
start: function(event, ui) {
|
||
var t = ui.helper, i = $(this).data('sortable');
|
||
if(t.css("zIndex")) i.options._zIndex = t.css("zIndex");
|
||
t.css('zIndex', i.options.zIndex);
|
||
},
|
||
beforeStop: function(event, ui) {
|
||
var i = $(this).data('sortable');
|
||
if(i.options._zIndex) $(ui.helper).css('zIndex', i.options._zIndex == 'auto' ? '' : i.options._zIndex);
|
||
}
|
||
});
|
||
|
||
})(jQuery);
|
||
/*
|
||
* jQuery UI Effects 1.6rc5
|
||
*
|
||
* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
|
||
* Dual licensed under the MIT (MIT-LICENSE.txt)
|
||
* and GPL (GPL-LICENSE.txt) licenses.
|
||
*
|
||
* http://docs.jquery.com/UI/Effects/
|
||
*/
|
||
;(function($) {
|
||
|
||
$.effects = $.effects || {}; //Add the 'effects' scope
|
||
|
||
$.extend($.effects, {
|
||
version: "1.6rc5",
|
||
|
||
// Saves a set of properties in a data storage
|
||
save: function(element, set) {
|
||
for(var i=0; i < set.length; i++) {
|
||
if(set[i] !== null) element.data("ec.storage."+set[i], element[0].style[set[i]]);
|
||
}
|
||
},
|
||
|
||
// Restores a set of previously saved properties from a data storage
|
||
restore: function(element, set) {
|
||
for(var i=0; i < set.length; i++) {
|
||
if(set[i] !== null) element.css(set[i], element.data("ec.storage."+set[i]));
|
||
}
|
||
},
|
||
|
||
setMode: function(el, mode) {
|
||
if (mode == 'toggle') mode = el.is(':hidden') ? 'show' : 'hide'; // Set for toggle
|
||
return mode;
|
||
},
|
||
|
||
getBaseline: function(origin, original) { // Translates a [top,left] array into a baseline value
|
||
// this should be a little more flexible in the future to handle a string & hash
|
||
var y, x;
|
||
switch (origin[0]) {
|
||
case 'top': y = 0; break;
|
||
case 'middle': y = 0.5; break;
|
||
case 'bottom': y = 1; break;
|
||
default: y = origin[0] / original.height;
|
||
};
|
||
switch (origin[1]) {
|
||
case 'left': x = 0; break;
|
||
case 'center': x = 0.5; break;
|
||
case 'right': x = 1; break;
|
||
default: x = origin[1] / original.width;
|
||
};
|
||
return {x: x, y: y};
|
||
},
|
||
|
||
// Wraps the element around a wrapper that copies position properties
|
||
createWrapper: function(element) {
|
||
|
||
//if the element is already wrapped, return it
|
||
if (element.parent().is('.ui-effects-wrapper'))
|
||
return element.parent();
|
||
|
||
//Cache width,height and float properties of the element, and create a wrapper around it
|
||
var props = { width: element.outerWidth(true), height: element.outerHeight(true), 'float': element.css('float') };
|
||
element.wrap('<div class="ui-effects-wrapper" style="font-size:100%;background:transparent;border:none;margin:0;padding:0"></div>');
|
||
var wrapper = element.parent();
|
||
|
||
//Transfer the positioning of the element to the wrapper
|
||
if (element.css('position') == 'static') {
|
||
wrapper.css({ position: 'relative' });
|
||
element.css({ position: 'relative'} );
|
||
} else {
|
||
var top = element.css('top'); if(isNaN(parseInt(top,10))) top = 'auto';
|
||
var left = element.css('left'); if(isNaN(parseInt(left,10))) left = 'auto';
|
||
wrapper.css({ position: element.css('position'), top: top, left: left, zIndex: element.css('z-index') }).show();
|
||
element.css({position: 'relative', top: 0, left: 0 });
|
||
}
|
||
|
||
wrapper.css(props);
|
||
return wrapper;
|
||
},
|
||
|
||
removeWrapper: function(element) {
|
||
if (element.parent().is('.ui-effects-wrapper'))
|
||
return element.parent().replaceWith(element);
|
||
return element;
|
||
},
|
||
|
||
setTransition: function(element, list, factor, value) {
|
||
value = value || {};
|
||
$.each(list, function(i, x){
|
||
unit = element.cssUnit(x);
|
||
if (unit[0] > 0) value[x] = unit[0] * factor + unit[1];
|
||
});
|
||
return value;
|
||
},
|
||
|
||
//Base function to animate from one class to another in a seamless transition
|
||
animateClass: function(value, duration, easing, callback) {
|
||
|
||
var cb = (typeof easing == "function" ? easing : (callback ? callback : null));
|
||
var ea = (typeof easing == "string" ? easing : null);
|
||
|
||
return this.each(function() {
|
||
|
||
var offset = {}; var that = $(this); var oldStyleAttr = that.attr("style") || '';
|
||
if(typeof oldStyleAttr == 'object') oldStyleAttr = oldStyleAttr["cssText"]; /* Stupidly in IE, style is a object.. */
|
||
if(value.toggle) { that.hasClass(value.toggle) ? value.remove = value.toggle : value.add = value.toggle; }
|
||
|
||
//Let's get a style offset
|
||
var oldStyle = $.extend({}, (document.defaultView ? document.defaultView.getComputedStyle(this,null) : this.currentStyle));
|
||
if(value.add) that.addClass(value.add); if(value.remove) that.removeClass(value.remove);
|
||
var newStyle = $.extend({}, (document.defaultView ? document.defaultView.getComputedStyle(this,null) : this.currentStyle));
|
||
if(value.add) that.removeClass(value.add); if(value.remove) that.addClass(value.remove);
|
||
|
||
// The main function to form the object for animation
|
||
for(var n in newStyle) {
|
||
if( typeof newStyle[n] != "function" && newStyle[n] /* No functions and null properties */
|
||
&& n.indexOf("Moz") == -1 && n.indexOf("length") == -1 /* No mozilla spezific render properties. */
|
||
&& newStyle[n] != oldStyle[n] /* Only values that have changed are used for the animation */
|
||
&& (n.match(/color/i) || (!n.match(/color/i) && !isNaN(parseInt(newStyle[n],10)))) /* Only things that can be parsed to integers or colors */
|
||
&& (oldStyle.position != "static" || (oldStyle.position == "static" && !n.match(/left|top|bottom|right/))) /* No need for positions when dealing with static positions */
|
||
) offset[n] = newStyle[n];
|
||
}
|
||
|
||
that.animate(offset, duration, ea, function() { // Animate the newly constructed offset object
|
||
// Change style attribute back to original. For stupid IE, we need to clear the damn object.
|
||
if(typeof $(this).attr("style") == 'object') { $(this).attr("style")["cssText"] = ""; $(this).attr("style")["cssText"] = oldStyleAttr; } else $(this).attr("style", oldStyleAttr);
|
||
if(value.add) $(this).addClass(value.add); if(value.remove) $(this).removeClass(value.remove);
|
||
if(cb) cb.apply(this, arguments);
|
||
});
|
||
|
||
});
|
||
}
|
||
});
|
||
|
||
//Extend the methods of jQuery
|
||
$.fn.extend({
|
||
|
||
//Save old methods
|
||
_show: $.fn.show,
|
||
_hide: $.fn.hide,
|
||
__toggle: $.fn.toggle,
|
||
_addClass: $.fn.addClass,
|
||
_removeClass: $.fn.removeClass,
|
||
_toggleClass: $.fn.toggleClass,
|
||
|
||
// New effect methods
|
||
effect: function(fx, options, speed, callback) {
|
||
return $.effects[fx] ? $.effects[fx].call(this, {method: fx, options: options || {}, duration: speed, callback: callback }) : null;
|
||
},
|
||
|
||
show: function() {
|
||
if(!arguments[0] || (arguments[0].constructor == Number || (/(slow|normal|fast)/).test(arguments[0])))
|
||
return this._show.apply(this, arguments);
|
||
else {
|
||
var o = arguments[1] || {}; o['mode'] = 'show';
|
||
return this.effect.apply(this, [arguments[0], o, arguments[2] || o.duration, arguments[3] || o.callback]);
|
||
}
|
||
},
|
||
|
||
hide: function() {
|
||
if(!arguments[0] || (arguments[0].constructor == Number || (/(slow|normal|fast)/).test(arguments[0])))
|
||
return this._hide.apply(this, arguments);
|
||
else {
|
||
var o = arguments[1] || {}; o['mode'] = 'hide';
|
||
return this.effect.apply(this, [arguments[0], o, arguments[2] || o.duration, arguments[3] || o.callback]);
|
||
}
|
||
},
|
||
|
||
toggle: function(){
|
||
if(!arguments[0] || (arguments[0].constructor == Number || (/(slow|normal|fast)/).test(arguments[0])) || (arguments[0].constructor == Function))
|
||
return this.__toggle.apply(this, arguments);
|
||
else {
|
||
var o = arguments[1] || {}; o['mode'] = 'toggle';
|
||
return this.effect.apply(this, [arguments[0], o, arguments[2] || o.duration, arguments[3] || o.callback]);
|
||
}
|
||
},
|
||
|
||
addClass: function(classNames, speed, easing, callback) {
|
||
return speed ? $.effects.animateClass.apply(this, [{ add: classNames },speed,easing,callback]) : this._addClass(classNames);
|
||
},
|
||
removeClass: function(classNames,speed,easing,callback) {
|
||
return speed ? $.effects.animateClass.apply(this, [{ remove: classNames },speed,easing,callback]) : this._removeClass(classNames);
|
||
},
|
||
toggleClass: function(classNames,speed,easing,callback) {
|
||
return speed ? $.effects.animateClass.apply(this, [{ toggle: classNames },speed,easing,callback]) : this._toggleClass(classNames);
|
||
},
|
||
morph: function(remove,add,speed,easing,callback) {
|
||
return $.effects.animateClass.apply(this, [{ add: add, remove: remove },speed,easing,callback]);
|
||
},
|
||
switchClass: function() {
|
||
return this.morph.apply(this, arguments);
|
||
},
|
||
|
||
// helper functions
|
||
cssUnit: function(key) {
|
||
var style = this.css(key), val = [];
|
||
$.each( ['em','px','%','pt'], function(i, unit){
|
||
if(style.indexOf(unit) > 0)
|
||
val = [parseFloat(style), unit];
|
||
});
|
||
return val;
|
||
}
|
||
});
|
||
|
||
/*
|
||
* jQuery Color Animations
|
||
* Copyright 2007 John Resig
|
||
* Released under the MIT and GPL licenses.
|
||
*/
|
||
|
||
// We override the animation for all of these color styles
|
||
$.each(['backgroundColor', 'borderBottomColor', 'borderLeftColor', 'borderRightColor', 'borderTopColor', 'color', 'outlineColor'], function(i,attr){
|
||
$.fx.step[attr] = function(fx) {
|
||
if ( fx.state == 0 ) {
|
||
fx.start = getColor( fx.elem, attr );
|
||
fx.end = getRGB( fx.end );
|
||
}
|
||
|
||
fx.elem.style[attr] = "rgb(" + [
|
||
Math.max(Math.min( parseInt((fx.pos * (fx.end[0] - fx.start[0])) + fx.start[0],10), 255), 0),
|
||
Math.max(Math.min( parseInt((fx.pos * (fx.end[1] - fx.start[1])) + fx.start[1],10), 255), 0),
|
||
Math.max(Math.min( parseInt((fx.pos * (fx.end[2] - fx.start[2])) + fx.start[2],10), 255), 0)
|
||
].join(",") + ")";
|
||
};
|
||
});
|
||
|
||
// Color Conversion functions from highlightFade
|
||
// By Blair Mitchelmore
|
||
// http://jquery.offput.ca/highlightFade/
|
||
|
||
// Parse strings looking for color tuples [255,255,255]
|
||
function getRGB(color) {
|
||
var result;
|
||
|
||
// Check if we're already dealing with an array of colors
|
||
if ( color && color.constructor == Array && color.length == 3 )
|
||
return color;
|
||
|
||
// Look for rgb(num,num,num)
|
||
if (result = /rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/.exec(color))
|
||
return [parseInt(result[1],10), parseInt(result[2],10), parseInt(result[3],10)];
|
||
|
||
// Look for rgb(num%,num%,num%)
|
||
if (result = /rgb\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*\)/.exec(color))
|
||
return [parseFloat(result[1])*2.55, parseFloat(result[2])*2.55, parseFloat(result[3])*2.55];
|
||
|
||
// Look for #a0b1c2
|
||
if (result = /#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/.exec(color))
|
||
return [parseInt(result[1],16), parseInt(result[2],16), parseInt(result[3],16)];
|
||
|
||
// Look for #fff
|
||
if (result = /#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/.exec(color))
|
||
return [parseInt(result[1]+result[1],16), parseInt(result[2]+result[2],16), parseInt(result[3]+result[3],16)];
|
||
|
||
// Look for rgba(0, 0, 0, 0) == transparent in Safari 3
|
||
if (result = /rgba\(0, 0, 0, 0\)/.exec(color))
|
||
return colors['transparent'];
|
||
|
||
// Otherwise, we're most likely dealing with a named color
|
||
return colors[$.trim(color).toLowerCase()];
|
||
}
|
||
|
||
function getColor(elem, attr) {
|
||
var color;
|
||
|
||
do {
|
||
color = $.curCSS(elem, attr);
|
||
|
||
// Keep going until we find an element that has color, or we hit the body
|
||
if ( color != '' && color != 'transparent' || $.nodeName(elem, "body") )
|
||
break;
|
||
|
||
attr = "backgroundColor";
|
||
} while ( elem = elem.parentNode );
|
||
|
||
return getRGB(color);
|
||
};
|
||
|
||
// Some named colors to work with
|
||
// From Interface by Stefan Petre
|
||
// http://interface.eyecon.ro/
|
||
|
||
var colors = {
|
||
aqua:[0,255,255],
|
||
azure:[240,255,255],
|
||
beige:[245,245,220],
|
||
black:[0,0,0],
|
||
blue:[0,0,255],
|
||
brown:[165,42,42],
|
||
cyan:[0,255,255],
|
||
darkblue:[0,0,139],
|
||
darkcyan:[0,139,139],
|
||
darkgrey:[169,169,169],
|
||
darkgreen:[0,100,0],
|
||
darkkhaki:[189,183,107],
|
||
darkmagenta:[139,0,139],
|
||
darkolivegreen:[85,107,47],
|
||
darkorange:[255,140,0],
|
||
darkorchid:[153,50,204],
|
||
darkred:[139,0,0],
|
||
darksalmon:[233,150,122],
|
||
darkviolet:[148,0,211],
|
||
fuchsia:[255,0,255],
|
||
gold:[255,215,0],
|
||
green:[0,128,0],
|
||
indigo:[75,0,130],
|
||
khaki:[240,230,140],
|
||
lightblue:[173,216,230],
|
||
lightcyan:[224,255,255],
|
||
lightgreen:[144,238,144],
|
||
lightgrey:[211,211,211],
|
||
lightpink:[255,182,193],
|
||
lightyellow:[255,255,224],
|
||
lime:[0,255,0],
|
||
magenta:[255,0,255],
|
||
maroon:[128,0,0],
|
||
navy:[0,0,128],
|
||
olive:[128,128,0],
|
||
orange:[255,165,0],
|
||
pink:[255,192,203],
|
||
purple:[128,0,128],
|
||
violet:[128,0,128],
|
||
red:[255,0,0],
|
||
silver:[192,192,192],
|
||
white:[255,255,255],
|
||
yellow:[255,255,0],
|
||
transparent: [255,255,255]
|
||
};
|
||
|
||
/*
|
||
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
|
||
*
|
||
* Uses the built in easing capabilities added In jQuery 1.1
|
||
* to offer multiple easing options
|
||
*
|
||
* TERMS OF USE - jQuery Easing
|
||
*
|
||
* Open source under the BSD License.
|
||
*
|
||
* Copyright <20> 2008 George McGinley Smith
|
||
* All rights reserved.
|
||
*
|
||
* Redistribution and use in source and binary forms, with or without modification,
|
||
* are permitted provided that the following conditions are met:
|
||
*
|
||
* Redistributions of source code must retain the above copyright notice, this list of
|
||
* conditions and the following disclaimer.
|
||
* Redistributions in binary form must reproduce the above copyright notice, this list
|
||
* of conditions and the following disclaimer in the documentation and/or other materials
|
||
* provided with the distribution.
|
||
*
|
||
* Neither the name of the author nor the names of contributors may be used to endorse
|
||
* or promote products derived from this software without specific prior written permission.
|
||
*
|
||
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
|
||
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
|
||
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
|
||
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
|
||
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
|
||
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
|
||
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
|
||
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
|
||
* OF THE POSSIBILITY OF SUCH DAMAGE.
|
||
*
|
||
*/
|
||
|
||
// t: current time, b: begInnIng value, c: change In value, d: duration
|
||
$.easing.jswing = $.easing.swing;
|
||
|
||
$.extend($.easing,
|
||
{
|
||
def: 'easeOutQuad',
|
||
swing: function (x, t, b, c, d) {
|
||
//alert($.easing.default);
|
||
return $.easing[$.easing.def](x, t, b, c, d);
|
||
},
|
||
easeInQuad: function (x, t, b, c, d) {
|
||
return c*(t/=d)*t + b;
|
||
},
|
||
easeOutQuad: function (x, t, b, c, d) {
|
||
return -c *(t/=d)*(t-2) + b;
|
||
},
|
||
easeInOutQuad: function (x, t, b, c, d) {
|
||
if ((t/=d/2) < 1) return c/2*t*t + b;
|
||
return -c/2 * ((--t)*(t-2) - 1) + b;
|
||
},
|
||
easeInCubic: function (x, t, b, c, d) {
|
||
return c*(t/=d)*t*t + b;
|
||
},
|
||
easeOutCubic: function (x, t, b, c, d) {
|
||
return c*((t=t/d-1)*t*t + 1) + b;
|
||
},
|
||
easeInOutCubic: function (x, t, b, c, d) {
|
||
if ((t/=d/2) < 1) return c/2*t*t*t + b;
|
||
return c/2*((t-=2)*t*t + 2) + b;
|
||
},
|
||
easeInQuart: function (x, t, b, c, d) {
|
||
return c*(t/=d)*t*t*t + b;
|
||
},
|
||
easeOutQuart: function (x, t, b, c, d) {
|
||
return -c * ((t=t/d-1)*t*t*t - 1) + b;
|
||
},
|
||
easeInOutQuart: function (x, t, b, c, d) {
|
||
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
|
||
return -c/2 * ((t-=2)*t*t*t - 2) + b;
|
||
},
|
||
easeInQuint: function (x, t, b, c, d) {
|
||
return c*(t/=d)*t*t*t*t + b;
|
||
},
|
||
easeOutQuint: function (x, t, b, c, d) {
|
||
return c*((t=t/d-1)*t*t*t*t + 1) + b;
|
||
},
|
||
easeInOutQuint: function (x, t, b, c, d) {
|
||
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
|
||
return c/2*((t-=2)*t*t*t*t + 2) + b;
|
||
},
|
||
easeInSine: function (x, t, b, c, d) {
|
||
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
|
||
},
|
||
easeOutSine: function (x, t, b, c, d) {
|
||
return c * Math.sin(t/d * (Math.PI/2)) + b;
|
||
},
|
||
easeInOutSine: function (x, t, b, c, d) {
|
||
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
|
||
},
|
||
easeInExpo: function (x, t, b, c, d) {
|
||
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
|
||
},
|
||
easeOutExpo: function (x, t, b, c, d) {
|
||
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
|
||
},
|
||
easeInOutExpo: function (x, t, b, c, d) {
|
||
if (t==0) return b;
|
||
if (t==d) return b+c;
|
||
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
|
||
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
|
||
},
|
||
easeInCirc: function (x, t, b, c, d) {
|
||
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
|
||
},
|
||
easeOutCirc: function (x, t, b, c, d) {
|
||
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
|
||
},
|
||
easeInOutCirc: function (x, t, b, c, d) {
|
||
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
|
||
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
|
||
},
|
||
easeInElastic: function (x, t, b, c, d) {
|
||
var s=1.70158;var p=0;var a=c;
|
||
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
|
||
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
||
else var s = p/(2*Math.PI) * Math.asin (c/a);
|
||
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
|
||
},
|
||
easeOutElastic: function (x, t, b, c, d) {
|
||
var s=1.70158;var p=0;var a=c;
|
||
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
|
||
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
||
else var s = p/(2*Math.PI) * Math.asin (c/a);
|
||
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
|
||
},
|
||
easeInOutElastic: function (x, t, b, c, d) {
|
||
var s=1.70158;var p=0;var a=c;
|
||
if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);
|
||
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
||
else var s = p/(2*Math.PI) * Math.asin (c/a);
|
||
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
|
||
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
|
||
},
|
||
easeInBack: function (x, t, b, c, d, s) {
|
||
if (s == undefined) s = 1.70158;
|
||
return c*(t/=d)*t*((s+1)*t - s) + b;
|
||
},
|
||
easeOutBack: function (x, t, b, c, d, s) {
|
||
if (s == undefined) s = 1.70158;
|
||
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
|
||
},
|
||
easeInOutBack: function (x, t, b, c, d, s) {
|
||
if (s == undefined) s = 1.70158;
|
||
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
|
||
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
|
||
},
|
||
easeInBounce: function (x, t, b, c, d) {
|
||
return c - $.easing.easeOutBounce (x, d-t, 0, c, d) + b;
|
||
},
|
||
easeOutBounce: function (x, t, b, c, d) {
|
||
if ((t/=d) < (1/2.75)) {
|
||
return c*(7.5625*t*t) + b;
|
||
} else if (t < (2/2.75)) {
|
||
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
|
||
} else if (t < (2.5/2.75)) {
|
||
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
|
||
} else {
|
||
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
|
||
}
|
||
},
|
||
easeInOutBounce: function (x, t, b, c, d) {
|
||
if (t < d/2) return $.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
|
||
return $.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
|
||
}
|
||
});
|
||
|
||
/*
|
||
*
|
||
* TERMS OF USE - EASING EQUATIONS
|
||
*
|
||
* Open source under the BSD License.
|
||
*
|
||
* Copyright <20> 2001 Robert Penner
|
||
* All rights reserved.
|
||
*
|
||
* Redistribution and use in source and binary forms, with or without modification,
|
||
* are permitted provided that the following conditions are met:
|
||
*
|
||
* Redistributions of source code must retain the above copyright notice, this list of
|
||
* conditions and the following disclaimer.
|
||
* Redistributions in binary form must reproduce the above copyright notice, this list
|
||
* of conditions and the following disclaimer in the documentation and/or other materials
|
||
* provided with the distribution.
|
||
*
|
||
* Neither the name of the author nor the names of contributors may be used to endorse
|
||
* or promote products derived from this software without specific prior written permission.
|
||
*
|
||
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
|
||
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
|
||
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
|
||
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
|
||
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
|
||
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
|
||
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
|
||
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
|
||
* OF THE POSSIBILITY OF SUCH DAMAGE.
|
||
*
|
||
*/
|
||
|
||
})(jQuery);
|
||
/*
|
||
* jQuery UI Effects Blind 1.6rc5
|
||
*
|
||
* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
|
||
* Dual licensed under the MIT (MIT-LICENSE.txt)
|
||
* and GPL (GPL-LICENSE.txt) licenses.
|
||
*
|
||
* http://docs.jquery.com/UI/Effects/Blind
|
||
*
|
||
* Depends:
|
||
* effects.core.js
|
||
*/
|
||
(function($) {
|
||
|
||
$.effects.blind = function(o) {
|
||
|
||
return this.queue(function() {
|
||
|
||
// Create element
|
||
var el = $(this), props = ['position','top','left'];
|
||
|
||
// Set options
|
||
var mode = $.effects.setMode(el, o.options.mode || 'hide'); // Set Mode
|
||
var direction = o.options.direction || 'vertical'; // Default direction
|
||
|
||
// Adjust
|
||
$.effects.save(el, props); el.show(); // Save & Show
|
||
var wrapper = $.effects.createWrapper(el).css({overflow:'hidden'}); // Create Wrapper
|
||
var ref = (direction == 'vertical') ? 'height' : 'width';
|
||
var distance = (direction == 'vertical') ? wrapper.height() : wrapper.width();
|
||
if(mode == 'show') wrapper.css(ref, 0); // Shift
|
||
|
||
// Animation
|
||
var animation = {};
|
||
animation[ref] = mode == 'show' ? distance : 0;
|
||
|
||
// Animate
|
||
wrapper.animate(animation, o.duration, o.options.easing, function() {
|
||
if(mode == 'hide') el.hide(); // Hide
|
||
$.effects.restore(el, props); $.effects.removeWrapper(el); // Restore
|
||
if(o.callback) o.callback.apply(el[0], arguments); // Callback
|
||
el.dequeue();
|
||
});
|
||
|
||
});
|
||
|
||
};
|
||
|
||
})(jQuery);
|
||
/*
|
||
* jQuery UI Effects Bounce 1.6rc5
|
||
*
|
||
* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
|
||
* Dual licensed under the MIT (MIT-LICENSE.txt)
|
||
* and GPL (GPL-LICENSE.txt) licenses.
|
||
*
|
||
* http://docs.jquery.com/UI/Effects/Bounce
|
||
*
|
||
* Depends:
|
||
* effects.core.js
|
||
*/
|
||
(function($) {
|
||
|
||
$.effects.bounce = function(o) {
|
||
|
||
return this.queue(function() {
|
||
|
||
// Create element
|
||
var el = $(this), props = ['position','top','left'];
|
||
|
||
// Set options
|
||
var mode = $.effects.setMode(el, o.options.mode || 'effect'); // Set Mode
|
||
var direction = o.options.direction || 'up'; // Default direction
|
||
var distance = o.options.distance || 20; // Default distance
|
||
var times = o.options.times || 5; // Default # of times
|
||
var speed = o.duration || 250; // Default speed per bounce
|
||
if (/show|hide/.test(mode)) props.push('opacity'); // Avoid touching opacity to prevent clearType and PNG issues in IE
|
||
|
||
// Adjust
|
||
$.effects.save(el, props); el.show(); // Save & Show
|
||
$.effects.createWrapper(el); // Create Wrapper
|
||
var ref = (direction == 'up' || direction == 'down') ? 'top' : 'left';
|
||
var motion = (direction == 'up' || direction == 'left') ? 'pos' : 'neg';
|
||
var distance = o.options.distance || (ref == 'top' ? el.outerHeight({margin:true}) / 3 : el.outerWidth({margin:true}) / 3);
|
||
if (mode == 'show') el.css('opacity', 0).css(ref, motion == 'pos' ? -distance : distance); // Shift
|
||
if (mode == 'hide') distance = distance / (times * 2);
|
||
if (mode != 'hide') times--;
|
||
|
||
// Animate
|
||
if (mode == 'show') { // Show Bounce
|
||
var animation = {opacity: 1};
|
||
animation[ref] = (motion == 'pos' ? '+=' : '-=') + distance;
|
||
el.animate(animation, speed / 2, o.options.easing);
|
||
distance = distance / 2;
|
||
times--;
|
||
};
|
||
for (var i = 0; i < times; i++) { // Bounces
|
||
var animation1 = {}, animation2 = {};
|
||
animation1[ref] = (motion == 'pos' ? '-=' : '+=') + distance;
|
||
animation2[ref] = (motion == 'pos' ? '+=' : '-=') + distance;
|
||
el.animate(animation1, speed / 2, o.options.easing).animate(animation2, speed / 2, o.options.easing);
|
||
distance = (mode == 'hide') ? distance * 2 : distance / 2;
|
||
};
|
||
if (mode == 'hide') { // Last Bounce
|
||
var animation = {opacity: 0};
|
||
animation[ref] = (motion == 'pos' ? '-=' : '+=') + distance;
|
||
el.animate(animation, speed / 2, o.options.easing, function(){
|
||
el.hide(); // Hide
|
||
$.effects.restore(el, props); $.effects.removeWrapper(el); // Restore
|
||
if(o.callback) o.callback.apply(this, arguments); // Callback
|
||
});
|
||
} else {
|
||
var animation1 = {}, animation2 = {};
|
||
animation1[ref] = (motion == 'pos' ? '-=' : '+=') + distance;
|
||
animation2[ref] = (motion == 'pos' ? '+=' : '-=') + distance;
|
||
el.animate(animation1, speed / 2, o.options.easing).animate(animation2, speed / 2, o.options.easing, function(){
|
||
$.effects.restore(el, props); $.effects.removeWrapper(el); // Restore
|
||
if(o.callback) o.callback.apply(this, arguments); // Callback
|
||
});
|
||
};
|
||
el.queue('fx', function() { el.dequeue(); });
|
||
el.dequeue();
|
||
});
|
||
|
||
};
|
||
|
||
})(jQuery);
|
||
/*
|
||
* jQuery UI Effects Clip 1.6rc5
|
||
*
|
||
* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
|
||
* Dual licensed under the MIT (MIT-LICENSE.txt)
|
||
* and GPL (GPL-LICENSE.txt) licenses.
|
||
*
|
||
* http://docs.jquery.com/UI/Effects/Clip
|
||
*
|
||
* Depends:
|
||
* effects.core.js
|
||
*/
|
||
(function($) {
|
||
|
||
$.effects.clip = function(o) {
|
||
|
||
return this.queue(function() {
|
||
|
||
// Create element
|
||
var el = $(this), props = ['position','top','left','height','width'];
|
||
|
||
// Set options
|
||
var mode = $.effects.setMode(el, o.options.mode || 'hide'); // Set Mode
|
||
var direction = o.options.direction || 'vertical'; // Default direction
|
||
|
||
// Adjust
|
||
$.effects.save(el, props); el.show(); // Save & Show
|
||
var wrapper = $.effects.createWrapper(el).css({overflow:'hidden'}); // Create Wrapper
|
||
var animate = el[0].tagName == 'IMG' ? wrapper : el;
|
||
var ref = {
|
||
size: (direction == 'vertical') ? 'height' : 'width',
|
||
position: (direction == 'vertical') ? 'top' : 'left'
|
||
};
|
||
var distance = (direction == 'vertical') ? animate.height() : animate.width();
|
||
if(mode == 'show') { animate.css(ref.size, 0); animate.css(ref.position, distance / 2); } // Shift
|
||
|
||
// Animation
|
||
var animation = {};
|
||
animation[ref.size] = mode == 'show' ? distance : 0;
|
||
animation[ref.position] = mode == 'show' ? 0 : distance / 2;
|
||
|
||
// Animate
|
||
animate.animate(animation, { queue: false, duration: o.duration, easing: o.options.easing, complete: function() {
|
||
if(mode == 'hide') el.hide(); // Hide
|
||
$.effects.restore(el, props); $.effects.removeWrapper(el); // Restore
|
||
if(o.callback) o.callback.apply(el[0], arguments); // Callback
|
||
el.dequeue();
|
||
}});
|
||
|
||
});
|
||
|
||
};
|
||
|
||
})(jQuery);
|
||
/*
|
||
* jQuery UI Effects Drop 1.6rc5
|
||
*
|
||
* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
|
||
* Dual licensed under the MIT (MIT-LICENSE.txt)
|
||
* and GPL (GPL-LICENSE.txt) licenses.
|
||
*
|
||
* http://docs.jquery.com/UI/Effects/Drop
|
||
*
|
||
* Depends:
|
||
* effects.core.js
|
||
*/
|
||
(function($) {
|
||
|
||
$.effects.drop = function(o) {
|
||
|
||
return this.queue(function() {
|
||
|
||
// Create element
|
||
var el = $(this), props = ['position','top','left','opacity'];
|
||
|
||
// Set options
|
||
var mode = $.effects.setMode(el, o.options.mode || 'hide'); // Set Mode
|
||
var direction = o.options.direction || 'left'; // Default Direction
|
||
|
||
// Adjust
|
||
$.effects.save(el, props); el.show(); // Save & Show
|
||
$.effects.createWrapper(el); // Create Wrapper
|
||
var ref = (direction == 'up' || direction == 'down') ? 'top' : 'left';
|
||
var motion = (direction == 'up' || direction == 'left') ? 'pos' : 'neg';
|
||
var distance = o.options.distance || (ref == 'top' ? el.outerHeight({margin:true}) / 2 : el.outerWidth({margin:true}) / 2);
|
||
if (mode == 'show') el.css('opacity', 0).css(ref, motion == 'pos' ? -distance : distance); // Shift
|
||
|
||
// Animation
|
||
var animation = {opacity: mode == 'show' ? 1 : 0};
|
||
animation[ref] = (mode == 'show' ? (motion == 'pos' ? '+=' : '-=') : (motion == 'pos' ? '-=' : '+=')) + distance;
|
||
|
||
// Animate
|
||
el.animate(animation, { queue: false, duration: o.duration, easing: o.options.easing, complete: function() {
|
||
if(mode == 'hide') el.hide(); // Hide
|
||
$.effects.restore(el, props); $.effects.removeWrapper(el); // Restore
|
||
if(o.callback) o.callback.apply(this, arguments); // Callback
|
||
el.dequeue();
|
||
}});
|
||
|
||
});
|
||
|
||
};
|
||
|
||
})(jQuery);
|
||
/*
|
||
* jQuery UI Effects Explode 1.6rc5
|
||
*
|
||
* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
|
||
* Dual licensed under the MIT (MIT-LICENSE.txt)
|
||
* and GPL (GPL-LICENSE.txt) licenses.
|
||
*
|
||
* http://docs.jquery.com/UI/Effects/Explode
|
||
*
|
||
* Depends:
|
||
* effects.core.js
|
||
*/
|
||
(function($) {
|
||
|
||
$.effects.explode = function(o) {
|
||
|
||
return this.queue(function() {
|
||
|
||
var rows = o.options.pieces ? Math.round(Math.sqrt(o.options.pieces)) : 3;
|
||
var cells = o.options.pieces ? Math.round(Math.sqrt(o.options.pieces)) : 3;
|
||
|
||
o.options.mode = o.options.mode == 'toggle' ? ($(this).is(':visible') ? 'hide' : 'show') : o.options.mode;
|
||
var el = $(this).show().css('visibility', 'hidden');
|
||
var offset = el.offset();
|
||
|
||
//Substract the margins - not fixing the problem yet.
|
||
offset.top -= parseInt(el.css("marginTop")) || 0;
|
||
offset.left -= parseInt(el.css("marginLeft")) || 0;
|
||
|
||
var width = el.outerWidth(true);
|
||
var height = el.outerHeight(true);
|
||
|
||
for(var i=0;i<rows;i++) { // =
|
||
for(var j=0;j<cells;j++) { // ||
|
||
el
|
||
.clone()
|
||
.appendTo('body')
|
||
.wrap('<div></div>')
|
||
.css({
|
||
position: 'absolute',
|
||
visibility: 'visible',
|
||
left: -j*(width/cells),
|
||
top: -i*(height/rows)
|
||
})
|
||
.parent()
|
||
.addClass('ui-effects-explode')
|
||
.css({
|
||
position: 'absolute',
|
||
overflow: 'hidden',
|
||
width: width/cells,
|
||
height: height/rows,
|
||
left: offset.left + j*(width/cells) + (o.options.mode == 'show' ? (j-Math.floor(cells/2))*(width/cells) : 0),
|
||
top: offset.top + i*(height/rows) + (o.options.mode == 'show' ? (i-Math.floor(rows/2))*(height/rows) : 0),
|
||
opacity: o.options.mode == 'show' ? 0 : 1
|
||
}).animate({
|
||
left: offset.left + j*(width/cells) + (o.options.mode == 'show' ? 0 : (j-Math.floor(cells/2))*(width/cells)),
|
||
top: offset.top + i*(height/rows) + (o.options.mode == 'show' ? 0 : (i-Math.floor(rows/2))*(height/rows)),
|
||
opacity: o.options.mode == 'show' ? 1 : 0
|
||
}, o.duration || 500);
|
||
}
|
||
}
|
||
|
||
// Set a timeout, to call the callback approx. when the other animations have finished
|
||
setTimeout(function() {
|
||
|
||
o.options.mode == 'show' ? el.css({ visibility: 'visible' }) : el.css({ visibility: 'visible' }).hide();
|
||
if(o.callback) o.callback.apply(el[0]); // Callback
|
||
el.dequeue();
|
||
|
||
$('div.ui-effects-explode').remove();
|
||
|
||
}, o.duration || 500);
|
||
|
||
|
||
});
|
||
|
||
};
|
||
|
||
})(jQuery);
|
||
/*
|
||
* jQuery UI Effects Fold 1.6rc5
|
||
*
|
||
* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
|
||
* Dual licensed under the MIT (MIT-LICENSE.txt)
|
||
* and GPL (GPL-LICENSE.txt) licenses.
|
||
*
|
||
* http://docs.jquery.com/UI/Effects/Fold
|
||
*
|
||
* Depends:
|
||
* effects.core.js
|
||
*/
|
||
(function($) {
|
||
|
||
$.effects.fold = function(o) {
|
||
|
||
return this.queue(function() {
|
||
|
||
// Create element
|
||
var el = $(this), props = ['position','top','left'];
|
||
|
||
// Set options
|
||
var mode = $.effects.setMode(el, o.options.mode || 'hide'); // Set Mode
|
||
var size = o.options.size || 15; // Default fold size
|
||
var horizFirst = !(!o.options.horizFirst); // Ensure a boolean value
|
||
var duration = o.duration ? o.duration / 2 : $.fx.speeds._default / 2;
|
||
|
||
// Adjust
|
||
$.effects.save(el, props); el.show(); // Save & Show
|
||
var wrapper = $.effects.createWrapper(el).css({overflow:'hidden'}); // Create Wrapper
|
||
var widthFirst = ((mode == 'show') != horizFirst);
|
||
var ref = widthFirst ? ['width', 'height'] : ['height', 'width'];
|
||
var distance = widthFirst ? [wrapper.width(), wrapper.height()] : [wrapper.height(), wrapper.width()];
|
||
var percent = /([0-9]+)%/.exec(size);
|
||
if(percent) size = parseInt(percent[1]) / 100 * distance[mode == 'hide' ? 0 : 1];
|
||
if(mode == 'show') wrapper.css(horizFirst ? {height: 0, width: size} : {height: size, width: 0}); // Shift
|
||
|
||
// Animation
|
||
var animation1 = {}, animation2 = {};
|
||
animation1[ref[0]] = mode == 'show' ? distance[0] : size;
|
||
animation2[ref[1]] = mode == 'show' ? distance[1] : 0;
|
||
|
||
// Animate
|
||
wrapper.animate(animation1, duration, o.options.easing)
|
||
.animate(animation2, duration, o.options.easing, function() {
|
||
if(mode == 'hide') el.hide(); // Hide
|
||
$.effects.restore(el, props); $.effects.removeWrapper(el); // Restore
|
||
if(o.callback) o.callback.apply(el[0], arguments); // Callback
|
||
el.dequeue();
|
||
});
|
||
|
||
});
|
||
|
||
};
|
||
|
||
})(jQuery);
|
||
/*
|
||
* jQuery UI Effects Highlight 1.6rc5
|
||
*
|
||
* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
|
||
* Dual licensed under the MIT (MIT-LICENSE.txt)
|
||
* and GPL (GPL-LICENSE.txt) licenses.
|
||
*
|
||
* http://docs.jquery.com/UI/Effects/Highlight
|
||
*
|
||
* Depends:
|
||
* effects.core.js
|
||
*/
|
||
(function($) {
|
||
|
||
$.effects.highlight = function(o) {
|
||
|
||
return this.queue(function() {
|
||
|
||
// Create element
|
||
var el = $(this), props = ['backgroundImage','backgroundColor','opacity'];
|
||
|
||
// Set options
|
||
var mode = $.effects.setMode(el, o.options.mode || 'show'); // Set Mode
|
||
var color = o.options.color || "#ffff99"; // Default highlight color
|
||
var oldColor = el.css("backgroundColor");
|
||
|
||
// Adjust
|
||
$.effects.save(el, props); el.show(); // Save & Show
|
||
el.css({backgroundImage: 'none', backgroundColor: color}); // Shift
|
||
|
||
// Animation
|
||
var animation = {backgroundColor: oldColor };
|
||
if (mode == "hide") animation['opacity'] = 0;
|
||
|
||
// Animate
|
||
el.animate(animation, { queue: false, duration: o.duration, easing: o.options.easing, complete: function() {
|
||
if(mode == "hide") el.hide();
|
||
$.effects.restore(el, props);
|
||
if (mode == "show" && $.browser.msie) this.style.removeAttribute('filter');
|
||
if(o.callback) o.callback.apply(this, arguments);
|
||
el.dequeue();
|
||
}});
|
||
|
||
});
|
||
|
||
};
|
||
|
||
})(jQuery);
|
||
/*
|
||
* jQuery UI Effects Pulsate 1.6rc5
|
||
*
|
||
* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
|
||
* Dual licensed under the MIT (MIT-LICENSE.txt)
|
||
* and GPL (GPL-LICENSE.txt) licenses.
|
||
*
|
||
* http://docs.jquery.com/UI/Effects/Pulsate
|
||
*
|
||
* Depends:
|
||
* effects.core.js
|
||
*/
|
||
(function($) {
|
||
|
||
$.effects.pulsate = function(o) {
|
||
|
||
return this.queue(function() {
|
||
|
||
// Create element
|
||
var el = $(this);
|
||
|
||
// Set options
|
||
var mode = $.effects.setMode(el, o.options.mode || 'show'); // Set Mode
|
||
var times = o.options.times || 5; // Default # of times
|
||
var duration = o.duration ? o.duration / 2 : $.fx.speeds._default / 2;
|
||
|
||
// Adjust
|
||
if (mode == 'hide') times--;
|
||
if (el.is(':hidden')) { // Show fadeIn
|
||
el.css('opacity', 0);
|
||
el.show(); // Show
|
||
el.animate({opacity: 1}, duration, o.options.easing);
|
||
times = times-2;
|
||
}
|
||
|
||
// Animate
|
||
for (var i = 0; i < times; i++) { // Pulsate
|
||
el.animate({opacity: 0}, duration, o.options.easing).animate({opacity: 1}, duration, o.options.easing);
|
||
};
|
||
if (mode == 'hide') { // Last Pulse
|
||
el.animate({opacity: 0}, duration, o.options.easing, function(){
|
||
el.hide(); // Hide
|
||
if(o.callback) o.callback.apply(this, arguments); // Callback
|
||
});
|
||
} else {
|
||
el.animate({opacity: 0}, duration, o.options.easing).animate({opacity: 1}, duration, o.options.easing, function(){
|
||
if(o.callback) o.callback.apply(this, arguments); // Callback
|
||
});
|
||
};
|
||
el.queue('fx', function() { el.dequeue(); });
|
||
el.dequeue();
|
||
});
|
||
|
||
};
|
||
|
||
})(jQuery);
|
||
/*
|
||
* jQuery UI Effects Scale 1.6rc5
|
||
*
|
||
* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
|
||
* Dual licensed under the MIT (MIT-LICENSE.txt)
|
||
* and GPL (GPL-LICENSE.txt) licenses.
|
||
*
|
||
* http://docs.jquery.com/UI/Effects/Scale
|
||
*
|
||
* Depends:
|
||
* effects.core.js
|
||
*/
|
||
(function($) {
|
||
|
||
$.effects.puff = function(o) {
|
||
|
||
return this.queue(function() {
|
||
|
||
// Create element
|
||
var el = $(this);
|
||
|
||
// Set options
|
||
var options = $.extend(true, {}, o.options);
|
||
var mode = $.effects.setMode(el, o.options.mode || 'hide'); // Set Mode
|
||
var percent = parseInt(o.options.percent) || 150; // Set default puff percent
|
||
options.fade = true; // It's not a puff if it doesn't fade! :)
|
||
var original = {height: el.height(), width: el.width()}; // Save original
|
||
|
||
// Adjust
|
||
var factor = percent / 100;
|
||
el.from = (mode == 'hide') ? original : {height: original.height * factor, width: original.width * factor};
|
||
|
||
// Animation
|
||
options.from = el.from;
|
||
options.percent = (mode == 'hide') ? percent : 100;
|
||
options.mode = mode;
|
||
|
||
// Animate
|
||
el.effect('scale', options, o.duration, o.callback);
|
||
el.dequeue();
|
||
});
|
||
|
||
};
|
||
|
||
$.effects.scale = function(o) {
|
||
|
||
return this.queue(function() {
|
||
|
||
// Create element
|
||
var el = $(this);
|
||
|
||
// Set options
|
||
var options = $.extend(true, {}, o.options);
|
||
var mode = $.effects.setMode(el, o.options.mode || 'effect'); // Set Mode
|
||
var percent = parseInt(o.options.percent) || (parseInt(o.options.percent) == 0 ? 0 : (mode == 'hide' ? 0 : 100)); // Set default scaling percent
|
||
var direction = o.options.direction || 'both'; // Set default axis
|
||
var origin = o.options.origin; // The origin of the scaling
|
||
if (mode != 'effect') { // Set default origin and restore for show/hide
|
||
options.origin = origin || ['middle','center'];
|
||
options.restore = true;
|
||
}
|
||
var original = {height: el.height(), width: el.width()}; // Save original
|
||
el.from = o.options.from || (mode == 'show' ? {height: 0, width: 0} : original); // Default from state
|
||
|
||
// Adjust
|
||
var factor = { // Set scaling factor
|
||
y: direction != 'horizontal' ? (percent / 100) : 1,
|
||
x: direction != 'vertical' ? (percent / 100) : 1
|
||
};
|
||
el.to = {height: original.height * factor.y, width: original.width * factor.x}; // Set to state
|
||
|
||
if (o.options.fade) { // Fade option to support puff
|
||
if (mode == 'show') {el.from.opacity = 0; el.to.opacity = 1;};
|
||
if (mode == 'hide') {el.from.opacity = 1; el.to.opacity = 0;};
|
||
};
|
||
|
||
// Animation
|
||
options.from = el.from; options.to = el.to; options.mode = mode;
|
||
|
||
// Animate
|
||
el.effect('size', options, o.duration, o.callback);
|
||
el.dequeue();
|
||
});
|
||
|
||
};
|
||
|
||
$.effects.size = function(o) {
|
||
|
||
return this.queue(function() {
|
||
|
||
// Create element
|
||
var el = $(this), props = ['position','top','left','width','height','overflow','opacity'];
|
||
var props1 = ['position','top','left','overflow','opacity']; // Always restore
|
||
var props2 = ['width','height','overflow']; // Copy for children
|
||
var cProps = ['fontSize'];
|
||
var vProps = ['borderTopWidth', 'borderBottomWidth', 'paddingTop', 'paddingBottom'];
|
||
var hProps = ['borderLeftWidth', 'borderRightWidth', 'paddingLeft', 'paddingRight'];
|
||
|
||
// Set options
|
||
var mode = $.effects.setMode(el, o.options.mode || 'effect'); // Set Mode
|
||
var restore = o.options.restore || false; // Default restore
|
||
var scale = o.options.scale || 'both'; // Default scale mode
|
||
var origin = o.options.origin; // The origin of the sizing
|
||
var original = {height: el.height(), width: el.width()}; // Save original
|
||
el.from = o.options.from || original; // Default from state
|
||
el.to = o.options.to || original; // Default to state
|
||
// Adjust
|
||
if (origin) { // Calculate baseline shifts
|
||
var baseline = $.effects.getBaseline(origin, original);
|
||
el.from.top = (original.height - el.from.height) * baseline.y;
|
||
el.from.left = (original.width - el.from.width) * baseline.x;
|
||
el.to.top = (original.height - el.to.height) * baseline.y;
|
||
el.to.left = (original.width - el.to.width) * baseline.x;
|
||
};
|
||
var factor = { // Set scaling factor
|
||
from: {y: el.from.height / original.height, x: el.from.width / original.width},
|
||
to: {y: el.to.height / original.height, x: el.to.width / original.width}
|
||
};
|
||
if (scale == 'box' || scale == 'both') { // Scale the css box
|
||
if (factor.from.y != factor.to.y) { // Vertical props scaling
|
||
props = props.concat(vProps);
|
||
el.from = $.effects.setTransition(el, vProps, factor.from.y, el.from);
|
||
el.to = $.effects.setTransition(el, vProps, factor.to.y, el.to);
|
||
};
|
||
if (factor.from.x != factor.to.x) { // Horizontal props scaling
|
||
props = props.concat(hProps);
|
||
el.from = $.effects.setTransition(el, hProps, factor.from.x, el.from);
|
||
el.to = $.effects.setTransition(el, hProps, factor.to.x, el.to);
|
||
};
|
||
};
|
||
if (scale == 'content' || scale == 'both') { // Scale the content
|
||
if (factor.from.y != factor.to.y) { // Vertical props scaling
|
||
props = props.concat(cProps);
|
||
el.from = $.effects.setTransition(el, cProps, factor.from.y, el.from);
|
||
el.to = $.effects.setTransition(el, cProps, factor.to.y, el.to);
|
||
};
|
||
};
|
||
$.effects.save(el, restore ? props : props1); el.show(); // Save & Show
|
||
$.effects.createWrapper(el); // Create Wrapper
|
||
el.css('overflow','hidden').css(el.from); // Shift
|
||
|
||
// Animate
|
||
if (scale == 'content' || scale == 'both') { // Scale the children
|
||
vProps = vProps.concat(['marginTop','marginBottom']).concat(cProps); // Add margins/font-size
|
||
hProps = hProps.concat(['marginLeft','marginRight']); // Add margins
|
||
props2 = props.concat(vProps).concat(hProps); // Concat
|
||
el.find("*[width]").each(function(){
|
||
child = $(this);
|
||
if (restore) $.effects.save(child, props2);
|
||
var c_original = {height: child.height(), width: child.width()}; // Save original
|
||
child.from = {height: c_original.height * factor.from.y, width: c_original.width * factor.from.x};
|
||
child.to = {height: c_original.height * factor.to.y, width: c_original.width * factor.to.x};
|
||
if (factor.from.y != factor.to.y) { // Vertical props scaling
|
||
child.from = $.effects.setTransition(child, vProps, factor.from.y, child.from);
|
||
child.to = $.effects.setTransition(child, vProps, factor.to.y, child.to);
|
||
};
|
||
if (factor.from.x != factor.to.x) { // Horizontal props scaling
|
||
child.from = $.effects.setTransition(child, hProps, factor.from.x, child.from);
|
||
child.to = $.effects.setTransition(child, hProps, factor.to.x, child.to);
|
||
};
|
||
child.css(child.from); // Shift children
|
||
child.animate(child.to, o.duration, o.options.easing, function(){
|
||
if (restore) $.effects.restore(child, props2); // Restore children
|
||
}); // Animate children
|
||
});
|
||
};
|
||
|
||
// Animate
|
||
el.animate(el.to, { queue: false, duration: o.duration, easing: o.options.easing, complete: function() {
|
||
if(mode == 'hide') el.hide(); // Hide
|
||
$.effects.restore(el, restore ? props : props1); $.effects.removeWrapper(el); // Restore
|
||
if(o.callback) o.callback.apply(this, arguments); // Callback
|
||
el.dequeue();
|
||
}});
|
||
|
||
});
|
||
|
||
};
|
||
|
||
})(jQuery);
|
||
/*
|
||
* jQuery UI Effects Shake 1.6rc5
|
||
*
|
||
* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
|
||
* Dual licensed under the MIT (MIT-LICENSE.txt)
|
||
* and GPL (GPL-LICENSE.txt) licenses.
|
||
*
|
||
* http://docs.jquery.com/UI/Effects/Shake
|
||
*
|
||
* Depends:
|
||
* effects.core.js
|
||
*/
|
||
(function($) {
|
||
|
||
$.effects.shake = function(o) {
|
||
|
||
return this.queue(function() {
|
||
|
||
// Create element
|
||
var el = $(this), props = ['position','top','left'];
|
||
|
||
// Set options
|
||
var mode = $.effects.setMode(el, o.options.mode || 'effect'); // Set Mode
|
||
var direction = o.options.direction || 'left'; // Default direction
|
||
var distance = o.options.distance || 20; // Default distance
|
||
var times = o.options.times || 3; // Default # of times
|
||
var speed = o.duration || o.options.duration || 140; // Default speed per shake
|
||
|
||
// Adjust
|
||
$.effects.save(el, props); el.show(); // Save & Show
|
||
$.effects.createWrapper(el); // Create Wrapper
|
||
var ref = (direction == 'up' || direction == 'down') ? 'top' : 'left';
|
||
var motion = (direction == 'up' || direction == 'left') ? 'pos' : 'neg';
|
||
|
||
// Animation
|
||
var animation = {}, animation1 = {}, animation2 = {};
|
||
animation[ref] = (motion == 'pos' ? '-=' : '+=') + distance;
|
||
animation1[ref] = (motion == 'pos' ? '+=' : '-=') + distance * 2;
|
||
animation2[ref] = (motion == 'pos' ? '-=' : '+=') + distance * 2;
|
||
|
||
// Animate
|
||
el.animate(animation, speed, o.options.easing);
|
||
for (var i = 1; i < times; i++) { // Shakes
|
||
el.animate(animation1, speed, o.options.easing).animate(animation2, speed, o.options.easing);
|
||
};
|
||
el.animate(animation1, speed, o.options.easing).
|
||
animate(animation, speed / 2, o.options.easing, function(){ // Last shake
|
||
$.effects.restore(el, props); $.effects.removeWrapper(el); // Restore
|
||
if(o.callback) o.callback.apply(this, arguments); // Callback
|
||
});
|
||
el.queue('fx', function() { el.dequeue(); });
|
||
el.dequeue();
|
||
});
|
||
|
||
};
|
||
|
||
})(jQuery);
|
||
/*
|
||
* jQuery UI Effects Slide 1.6rc5
|
||
*
|
||
* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
|
||
* Dual licensed under the MIT (MIT-LICENSE.txt)
|
||
* and GPL (GPL-LICENSE.txt) licenses.
|
||
*
|
||
* http://docs.jquery.com/UI/Effects/Slide
|
||
*
|
||
* Depends:
|
||
* effects.core.js
|
||
*/
|
||
(function($) {
|
||
|
||
$.effects.slide = function(o) {
|
||
|
||
return this.queue(function() {
|
||
|
||
// Create element
|
||
var el = $(this), props = ['position','top','left'];
|
||
|
||
// Set options
|
||
var mode = $.effects.setMode(el, o.options.mode || 'show'); // Set Mode
|
||
var direction = o.options.direction || 'left'; // Default Direction
|
||
|
||
// Adjust
|
||
$.effects.save(el, props); el.show(); // Save & Show
|
||
$.effects.createWrapper(el).css({overflow:'hidden'}); // Create Wrapper
|
||
var ref = (direction == 'up' || direction == 'down') ? 'top' : 'left';
|
||
var motion = (direction == 'up' || direction == 'left') ? 'pos' : 'neg';
|
||
var distance = o.options.distance || (ref == 'top' ? el.outerHeight({margin:true}) : el.outerWidth({margin:true}));
|
||
if (mode == 'show') el.css(ref, motion == 'pos' ? -distance : distance); // Shift
|
||
|
||
// Animation
|
||
var animation = {};
|
||
animation[ref] = (mode == 'show' ? (motion == 'pos' ? '+=' : '-=') : (motion == 'pos' ? '-=' : '+=')) + distance;
|
||
|
||
// Animate
|
||
el.animate(animation, { queue: false, duration: o.duration, easing: o.options.easing, complete: function() {
|
||
if(mode == 'hide') el.hide(); // Hide
|
||
$.effects.restore(el, props); $.effects.removeWrapper(el); // Restore
|
||
if(o.callback) o.callback.apply(this, arguments); // Callback
|
||
el.dequeue();
|
||
}});
|
||
|
||
});
|
||
|
||
};
|
||
|
||
})(jQuery);
|
||
/*
|
||
* jQuery UI Effects Transfer 1.6rc5
|
||
*
|
||
* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
|
||
* Dual licensed under the MIT (MIT-LICENSE.txt)
|
||
* and GPL (GPL-LICENSE.txt) licenses.
|
||
*
|
||
* http://docs.jquery.com/UI/Effects/Transfer
|
||
*
|
||
* Depends:
|
||
* effects.core.js
|
||
*/
|
||
(function($) {
|
||
|
||
$.effects.transfer = function(o) {
|
||
|
||
return this.queue(function() {
|
||
|
||
// Create element
|
||
var el = $(this);
|
||
|
||
// Set options
|
||
var mode = $.effects.setMode(el, o.options.mode || 'effect'); // Set Mode
|
||
var target = $(o.options.to); // Find Target
|
||
var position = el.offset();
|
||
var transfer = $('<div class="ui-effects-transfer"></div>').appendTo(document.body);
|
||
if(o.options.className) transfer.addClass(o.options.className);
|
||
|
||
// Set target css
|
||
transfer.addClass(o.options.className);
|
||
transfer.css({
|
||
top: position.top,
|
||
left: position.left,
|
||
height: el.outerHeight() - parseInt(transfer.css('borderTopWidth')) - parseInt(transfer.css('borderBottomWidth')),
|
||
width: el.outerWidth() - parseInt(transfer.css('borderLeftWidth')) - parseInt(transfer.css('borderRightWidth')),
|
||
position: 'absolute'
|
||
});
|
||
|
||
// Animation
|
||
position = target.offset();
|
||
animation = {
|
||
top: position.top,
|
||
left: position.left,
|
||
height: target.outerHeight() - parseInt(transfer.css('borderTopWidth')) - parseInt(transfer.css('borderBottomWidth')),
|
||
width: target.outerWidth() - parseInt(transfer.css('borderLeftWidth')) - parseInt(transfer.css('borderRightWidth'))
|
||
};
|
||
|
||
// Animate
|
||
transfer.animate(animation, o.duration, o.options.easing, function() {
|
||
transfer.remove(); // Remove div
|
||
if(o.callback) o.callback.apply(el[0], arguments); // Callback
|
||
el.dequeue();
|
||
});
|
||
|
||
});
|
||
|
||
};
|
||
|
||
})(jQuery);
|
||
/*
|
||
* jQuery UI Accordion 1.6rc5
|
||
*
|
||
* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
|
||
* Dual licensed under the MIT (MIT-LICENSE.txt)
|
||
* and GPL (GPL-LICENSE.txt) licenses.
|
||
*
|
||
* http://docs.jquery.com/UI/Accordion
|
||
*
|
||
* Depends:
|
||
* ui.core.js
|
||
*/
|
||
(function($) {
|
||
|
||
$.widget("ui.accordion", {
|
||
|
||
_init: function() {
|
||
var options = this.options;
|
||
|
||
if ( options.navigation ) {
|
||
var current = this.element.find("a").filter(options.navigationFilter);
|
||
if ( current.length ) {
|
||
if ( current.filter(options.header).length ) {
|
||
options.active = current;
|
||
} else {
|
||
options.active = current.parent().parent().prev();
|
||
current.addClass("ui-accordion-current");
|
||
}
|
||
}
|
||
}
|
||
|
||
this.element.addClass("ui-accordion ui-widget ui-helper-reset");
|
||
var groups = this.element.children().addClass("ui-accordion-group");
|
||
var headers = options.headers = groups.find("> :first-child").addClass("ui-accordion-header ui-helper-reset ui-state-default ui-corner-all")
|
||
.bind("mouseenter.accordion", function(){ $(this).addClass('ui-state-hover'); })
|
||
.bind("mouseleave.accordion", function(){ $(this).removeClass('ui-state-hover'); });
|
||
// wrap content elements in div against animation issues
|
||
headers.next().wrap("<div></div>").addClass("ui-accordion-content").parent().addClass("ui-accordion-content-wrap ui-helper-reset ui-widget-content ui-corner-bottom");
|
||
|
||
var active = options.active = findActive(headers, options.active).toggleClass("ui-state-default").toggleClass("ui-state-active").toggleClass("ui-corner-all").toggleClass("ui-corner-top");
|
||
active.parent().addClass(options.selectedClass);
|
||
$("<span/>").addClass("ui-icon " + this.options.icons.header).prependTo(headers);
|
||
active.find(".ui-icon").toggleClass(this.options.icons.header).toggleClass(this.options.icons.headerSelected);
|
||
|
||
// IE7-/Win - Extra vertical space in Lists fixed
|
||
if ($.browser.msie) {
|
||
this.element.find('a').css('zoom', '1');
|
||
}
|
||
|
||
this.resize();
|
||
|
||
this.element.attr('role','tablist');
|
||
|
||
var self=this;
|
||
options.headers
|
||
.attr('role','tab')
|
||
.bind('keydown', function(event) { return self._keydown(event); })
|
||
.next()
|
||
.attr('role','tabpanel');
|
||
|
||
options.headers
|
||
.not(options.active || "")
|
||
.attr('aria-expanded','false')
|
||
.attr("tabIndex", "-1")
|
||
.next()
|
||
.hide();
|
||
|
||
// make sure at least one header is in the tab order
|
||
if (!options.active.length) {
|
||
options.headers.eq(0).attr('tabIndex','0');
|
||
} else {
|
||
options.active
|
||
.attr('aria-expanded','true')
|
||
.attr("tabIndex", "0");
|
||
}
|
||
|
||
// only need links in taborder for Safari
|
||
if (!$.browser.safari)
|
||
options.headers.find('a').attr('tabIndex','-1');
|
||
|
||
if (options.event) {
|
||
this.element.bind((options.event) + ".accordion", clickHandler);
|
||
}
|
||
},
|
||
|
||
destroy: function() {
|
||
this.element.removeClass("ui-accordion ui-widget ui-helper-reset").removeAttr("role").unbind(".accordion");
|
||
$.removeData(this.element[0], "accordion");
|
||
var groups = this.element.children().removeClass("ui-accordion-group "+this.options.selectedClass);
|
||
var headers = this.options.headers.unbind(".accordion").removeClass("ui-accordion-header ui-helper-reset ui-state-default ui-corner-all ui-state-active ui-corner-top")
|
||
.removeAttr("role").removeAttr("aria-expanded").removeAttr("tabindex");
|
||
headers.find("a").removeAttr("tabindex");
|
||
headers.children(".ui-icon").remove();
|
||
headers.next().children().removeClass("ui-accordion-content").each(function(){
|
||
$(this).parent().replaceWith(this);
|
||
})
|
||
},
|
||
|
||
_keydown: function(event) {
|
||
if (this.options.disabled || event.altKey || event.ctrlKey)
|
||
return;
|
||
|
||
var keyCode = $.ui.keyCode;
|
||
|
||
var length = this.options.headers.length;
|
||
var currentIndex = this.options.headers.index(event.target);
|
||
var toFocus = false;
|
||
|
||
switch(event.keyCode) {
|
||
case keyCode.RIGHT:
|
||
case keyCode.DOWN:
|
||
toFocus = this.options.headers[(currentIndex + 1) % length];
|
||
break;
|
||
case keyCode.LEFT:
|
||
case keyCode.UP:
|
||
toFocus = this.options.headers[(currentIndex - 1 + length) % length];
|
||
break;
|
||
case keyCode.SPACE:
|
||
case keyCode.ENTER:
|
||
return clickHandler.call(this.element[0], { target: event.target });
|
||
}
|
||
|
||
if (toFocus) {
|
||
$(event.target).attr('tabIndex','-1');
|
||
$(toFocus).attr('tabIndex','0');
|
||
toFocus.focus();
|
||
return false;
|
||
}
|
||
|
||
return true;
|
||
},
|
||
|
||
resize: function() {
|
||
var options = this.options,
|
||
maxHeight;
|
||
if ( options.fillSpace ) {
|
||
maxHeight = this.element.parent().height();
|
||
options.headers.each(function() {
|
||
maxHeight -= $(this).outerHeight();
|
||
});
|
||
var maxPadding = 0;
|
||
options.headers.next().each(function() {
|
||
maxPadding = Math.max(maxPadding, $(this).innerHeight() - $(this).height());
|
||
}).height(maxHeight - maxPadding)
|
||
.css('overflow', 'auto');
|
||
} else if ( options.autoHeight ) {
|
||
maxHeight = 0;
|
||
options.headers.next().each(function() {
|
||
maxHeight = Math.max(maxHeight, $(this).outerHeight());
|
||
}).height(maxHeight);
|
||
}
|
||
},
|
||
|
||
activate: function(index) {
|
||
// call clickHandler with custom event
|
||
clickHandler.call(this.element[0], {
|
||
target: findActive( this.options.headers, index )[0]
|
||
});
|
||
}
|
||
|
||
});
|
||
|
||
function scopeCallback(callback, scope) {
|
||
return function() {
|
||
return callback.apply(scope, arguments);
|
||
};
|
||
};
|
||
|
||
function completed(cancel) {
|
||
// if removed while animated data can be empty
|
||
if (!$.data(this, "accordion")) {
|
||
return;
|
||
}
|
||
|
||
var instance = $.data(this, "accordion");
|
||
var options = instance.options;
|
||
options.running = cancel ? 0 : --options.running;
|
||
if ( options.running ) {
|
||
return;
|
||
}
|
||
if ( options.clearStyle ) {
|
||
options.toShow.add(options.toHide).css({
|
||
height: "",
|
||
overflow: ""
|
||
});
|
||
}
|
||
instance._trigger('change', null, options.data);
|
||
}
|
||
|
||
function toggle(toShow, toHide, data, clickedActive, down) {
|
||
var options = $.data(this, "accordion").options;
|
||
options.toShow = toShow;
|
||
options.toHide = toHide;
|
||
options.data = data;
|
||
var complete = scopeCallback(completed, this);
|
||
|
||
$.data(this, "accordion")._trigger("changestart", null, options.data);
|
||
|
||
// count elements to animate
|
||
options.running = toHide.size() === 0 ? toShow.size() : toHide.size();
|
||
|
||
if ( options.animated ) {
|
||
var animOptions = {};
|
||
|
||
if ( !options.alwaysOpen && clickedActive ) {
|
||
animOptions = {
|
||
toShow: $([]),
|
||
toHide: toHide,
|
||
complete: complete,
|
||
down: down,
|
||
autoHeight: options.autoHeight || options.fillSpace
|
||
};
|
||
} else {
|
||
animOptions = {
|
||
toShow: toShow,
|
||
toHide: toHide,
|
||
complete: complete,
|
||
down: down,
|
||
autoHeight: options.autoHeight || options.fillSpace
|
||
};
|
||
}
|
||
|
||
if (!options.proxied) {
|
||
options.proxied = options.animated;
|
||
}
|
||
|
||
if (!options.proxiedDuration) {
|
||
options.proxiedDuration = options.duration;
|
||
}
|
||
|
||
options.animated = $.isFunction(options.proxied) ?
|
||
options.proxied(animOptions) : options.proxied;
|
||
|
||
options.duration = $.isFunction(options.proxiedDuration) ?
|
||
options.proxiedDuration(animOptions) : options.proxiedDuration;
|
||
|
||
var animations = $.ui.accordion.animations,
|
||
duration = options.duration,
|
||
easing = options.animated;
|
||
|
||
if (!animations[easing]) {
|
||
animations[easing] = function(options) {
|
||
this.slide(options, {
|
||
easing: easing,
|
||
duration: duration || 700
|
||
});
|
||
};
|
||
}
|
||
|
||
animations[easing](animOptions);
|
||
|
||
} else {
|
||
if ( !options.alwaysOpen && clickedActive ) {
|
||
toShow.toggle();
|
||
} else {
|
||
toHide.hide();
|
||
toShow.show();
|
||
}
|
||
complete(true);
|
||
}
|
||
toHide.prev().attr('aria-expanded','false').attr("tabIndex", "-1");
|
||
toShow.prev().attr('aria-expanded','true').attr("tabIndex", "0").focus();;
|
||
}
|
||
|
||
function clickHandler(event) {
|
||
var options = $.data(this, "accordion").options;
|
||
if (options.disabled) {
|
||
return false;
|
||
}
|
||
// called only when using activate(false) to close all parts programmatically
|
||
if ( !event.target && !options.alwaysOpen ) {
|
||
options.active.parent().toggleClass(options.selectedClass);
|
||
var toHide = options.active.next(),
|
||
data = {
|
||
options: options,
|
||
newHeader: $([]),
|
||
oldHeader: options.active,
|
||
newContent: $([]),
|
||
oldContent: toHide
|
||
},
|
||
toShow = (options.active = $([]));
|
||
toggle.call(this, toShow, toHide, data );
|
||
return false;
|
||
}
|
||
// get the click target
|
||
var clicked = $(event.target);
|
||
|
||
// due to the event delegation model, we have to check if one
|
||
// of the parent elements is our actual header, and find that
|
||
// otherwise stick with the initial target
|
||
clicked = $( clicked.parents(options.header)[0] || clicked );
|
||
|
||
var clickedActive = clicked[0] == options.active[0];
|
||
|
||
// if animations are still active, or the active header is the target, ignore click
|
||
if (options.running || (options.alwaysOpen && clickedActive)) {
|
||
return false;
|
||
}
|
||
if (!clicked.is(options.header)) {
|
||
return;
|
||
}
|
||
|
||
// switch classes
|
||
options.active.parent().toggleClass(options.selectedClass);
|
||
options.active.removeClass("ui-state-active ui-corner-top").addClass("ui-state-default ui-corner-all")
|
||
.find(".ui-icon").removeClass(options.icons.headerSelected).addClass(options.icons.header);
|
||
if ( !clickedActive ) {
|
||
clicked.parent().addClass(options.selectedClass);
|
||
clicked.removeClass("ui-state-default ui-corner-all").addClass("ui-state-active ui-corner-top")
|
||
.find(".ui-icon").removeClass(options.icons.header).addClass(options.icons.headerSelected);
|
||
}
|
||
|
||
// find elements to show and hide
|
||
var toShow = clicked.next(),
|
||
toHide = options.active.next(),
|
||
data = {
|
||
options: options,
|
||
newHeader: clickedActive && !options.alwaysOpen ? $([]) : clicked,
|
||
oldHeader: options.active,
|
||
newContent: clickedActive && !options.alwaysOpen ? $([]) : toShow,
|
||
oldContent: toHide
|
||
},
|
||
down = options.headers.index( options.active[0] ) > options.headers.index( clicked[0] );
|
||
|
||
options.active = clickedActive ? $([]) : clicked;
|
||
toggle.call(this, toShow, toHide, data, clickedActive, down );
|
||
|
||
return false;
|
||
};
|
||
|
||
function findActive(headers, selector) {
|
||
return selector
|
||
? typeof selector == "number"
|
||
? headers.filter(":eq(" + selector + ")")
|
||
: headers.not(headers.not(selector))
|
||
: selector === false
|
||
? $([])
|
||
: headers.filter(":eq(0)");
|
||
}
|
||
|
||
$.extend($.ui.accordion, {
|
||
version: "1.6rc5",
|
||
defaults: {
|
||
autoHeight: true,
|
||
alwaysOpen: true,
|
||
animated: 'slide',
|
||
event: "click",
|
||
header: "a",
|
||
icons: {
|
||
header: "ui-icon-triangle-1-e",
|
||
headerSelected: "ui-icon-triangle-1-s"
|
||
},
|
||
navigationFilter: function() {
|
||
return this.href.toLowerCase() == location.href.toLowerCase();
|
||
},
|
||
running: 0,
|
||
selectedClass: "ui-accordion-selected"
|
||
},
|
||
animations: {
|
||
slide: function(options, additions) {
|
||
options = $.extend({
|
||
easing: "swing",
|
||
duration: 300
|
||
}, options, additions);
|
||
if ( !options.toHide.size() ) {
|
||
options.toShow.animate({height: "show"}, options);
|
||
return;
|
||
}
|
||
var hideHeight = options.toHide.height(),
|
||
showHeight = options.toShow.height(),
|
||
difference = showHeight / hideHeight,
|
||
overflow = options.toShow.css('overflow');
|
||
options.toShow.css({ height: 0, overflow: 'hidden' }).show();
|
||
options.toHide.filter(":hidden").each(options.complete).end().filter(":visible").animate({height:"hide"},{
|
||
step: function(now) {
|
||
var current = (hideHeight - now) * difference;
|
||
if ($.browser.msie || $.browser.opera) {
|
||
current = Math.ceil(current);
|
||
}
|
||
options.toShow.height( current );
|
||
},
|
||
duration: options.duration,
|
||
easing: options.easing,
|
||
complete: function() {
|
||
if ( !options.autoHeight ) {
|
||
options.toShow.css("height", "auto");
|
||
}
|
||
options.toShow.css({overflow: overflow});
|
||
options.complete();
|
||
}
|
||
});
|
||
},
|
||
bounceslide: function(options) {
|
||
this.slide(options, {
|
||
easing: options.down ? "easeOutBounce" : "swing",
|
||
duration: options.down ? 1000 : 200
|
||
});
|
||
},
|
||
easeslide: function(options) {
|
||
this.slide(options, {
|
||
easing: "easeinout",
|
||
duration: 700
|
||
});
|
||
}
|
||
}
|
||
});
|
||
|
||
})(jQuery);
|
||
/*
|
||
* jQuery UI Datepicker 1.6rc5
|
||
*
|
||
* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
|
||
* Dual licensed under the MIT (MIT-LICENSE.txt)
|
||
* and GPL (GPL-LICENSE.txt) licenses.
|
||
*
|
||
* http://docs.jquery.com/UI/Datepicker
|
||
*
|
||
* Depends:
|
||
* ui.core.js
|
||
*/
|
||
|
||
(function($) { // hide the namespace
|
||
|
||
$.extend($.ui, { datepicker: { version: "1.6rc5" } });
|
||
|
||
var PROP_NAME = 'datepicker';
|
||
|
||
/* Date picker manager.
|
||
Use the singleton instance of this class, $.datepicker, to interact with the date picker.
|
||
Settings for (groups of) date pickers are maintained in an instance object,
|
||
allowing multiple different settings on the same page. */
|
||
|
||
function Datepicker() {
|
||
this.debug = false; // Change this to true to start debugging
|
||
this._curInst = null; // The current instance in use
|
||
this._keyEvent = false; // If the last event was a key event
|
||
this._disabledInputs = []; // List of date picker inputs that have been disabled
|
||
this._datepickerShowing = false; // True if the popup picker is showing , false if not
|
||
this._inDialog = false; // True if showing within a "dialog", false if not
|
||
this._mainDivId = 'ui-datepicker-div'; // The ID of the main datepicker division
|
||
this._inlineClass = 'ui-datepicker-inline'; // The name of the inline marker class
|
||
this._appendClass = 'ui-datepicker-append'; // The name of the append marker class
|
||
this._triggerClass = 'ui-datepicker-trigger'; // The name of the trigger marker class
|
||
this._dialogClass = 'ui-datepicker-dialog'; // The name of the dialog marker class
|
||
this._disableClass = 'ui-datepicker-disabled'; // The name of the disabled covering marker class
|
||
this._unselectableClass = 'ui-datepicker-unselectable'; // The name of the unselectable cell marker class
|
||
this._currentClass = 'ui-datepicker-current-day'; // The name of the current day marker class
|
||
this._dayOverClass = 'ui-datepicker-days-cell-over'; // The name of the day hover marker class
|
||
this.regional = []; // Available regional settings, indexed by language code
|
||
this.regional[''] = { // Default regional settings
|
||
closeText: 'Done', // Display text for close link
|
||
prevText: 'Prev', // Display text for previous month link
|
||
nextText: 'Next', // Display text for next month link
|
||
currentText: 'Today', // Display text for current month link
|
||
monthNames: ['January','February','March','April','May','June',
|
||
'July','August','September','October','November','December'], // Names of months for drop-down and formatting
|
||
monthNamesShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], // For formatting
|
||
dayNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'], // For formatting
|
||
dayNamesShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'], // For formatting
|
||
dayNamesMin: ['Su','Mo','Tu','We','Th','Fr','Sa'], // Column headings for days starting at Sunday
|
||
dateFormat: 'mm/dd/yy', // See format options on parseDate
|
||
firstDay: 0, // The first day of the week, Sun = 0, Mon = 1, ...
|
||
isRTL: false // True if right-to-left language, false if left-to-right
|
||
};
|
||
this._defaults = { // Global defaults for all the date picker instances
|
||
showOn: 'focus', // 'focus' for popup on focus,
|
||
// 'button' for trigger button, or 'both' for either
|
||
showAnim: 'show', // Name of jQuery animation for popup
|
||
showOptions: {}, // Options for enhanced animations
|
||
defaultDate: null, // Used when field is blank: actual date,
|
||
// +/-number for offset from today, null for today
|
||
appendText: '', // Display text following the input box, e.g. showing the format
|
||
buttonText: '...', // Text for trigger button
|
||
buttonImage: '', // URL for trigger button image
|
||
buttonImageOnly: false, // True if the image appears alone, false if it appears on a button
|
||
hideIfNoPrevNext: false, // True to hide next/previous month links
|
||
// if not applicable, false to just disable them
|
||
navigationAsDateFormat: false, // True if date formatting applied to prev/today/next links
|
||
gotoCurrent: false, // True if today link goes back to current selection instead
|
||
changeMonth: false, // True if month can be selected directly, false if only prev/next
|
||
changeYear: false, // True if year can be selected directly, false if only prev/next
|
||
showMonthAfterYear: false, // True if the year select precedes month, false for month then year
|
||
yearRange: '-10:+10', // Range of years to display in drop-down,
|
||
// either relative to current year (-nn:+nn) or absolute (nnnn:nnnn)
|
||
showOtherMonths: false, // True to show dates in other months, false to leave blank
|
||
calculateWeek: this.iso8601Week, // How to calculate the week of the year,
|
||
// takes a Date and returns the number of the week for it
|
||
shortYearCutoff: '+10', // Short year values < this are in the current century,
|
||
// > this are in the previous century,
|
||
// string value starting with '+' for current year + value
|
||
minDate: null, // The earliest selectable date, or null for no limit
|
||
maxDate: null, // The latest selectable date, or null for no limit
|
||
duration: 'normal', // Duration of display/closure
|
||
beforeShowDay: null, // Function that takes a date and returns an array with
|
||
// [0] = true if selectable, false if not, [1] = custom CSS class name(s) or '',
|
||
// [2] = cell title (optional), e.g. $.datepicker.noWeekends
|
||
beforeShow: null, // Function that takes an input field and
|
||
// returns a set of custom settings for the date picker
|
||
onSelect: null, // Define a callback function when a date is selected
|
||
onChangeMonthYear: null, // Define a callback function when the month or year is changed
|
||
onClose: null, // Define a callback function when the datepicker is closed
|
||
numberOfMonths: 1, // Number of months to show at a time
|
||
showCurrentAtPos: 0, // The position in multipe months at which to show the current month (starting at 0)
|
||
stepMonths: 1, // Number of months to step back/forward
|
||
stepBigMonths: 12, // Number of months to step back/forward for the big links
|
||
altField: '', // Selector for an alternate field to store selected dates into
|
||
altFormat: '', // The date format to use for the alternate field
|
||
constrainInput: true, // The input is constrained by the current date format
|
||
showButtonPanel: false // True to show button panel, false to not show it
|
||
};
|
||
$.extend(this._defaults, this.regional['']);
|
||
this.dpDiv = $('<div id="' + this._mainDivId + '" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-helper-hidden-accessible"></div>');
|
||
}
|
||
|
||
$.extend(Datepicker.prototype, {
|
||
/* Class name added to elements to indicate already configured with a date picker. */
|
||
markerClassName: 'hasDatepicker',
|
||
|
||
/* Debug logging (if enabled). */
|
||
log: function () {
|
||
if (this.debug)
|
||
console.log.apply('', arguments);
|
||
},
|
||
|
||
/* Override the default settings for all instances of the date picker.
|
||
@param settings object - the new settings to use as defaults (anonymous object)
|
||
@return the manager object */
|
||
setDefaults: function(settings) {
|
||
extendRemove(this._defaults, settings || {});
|
||
return this;
|
||
},
|
||
|
||
/* Attach the date picker to a jQuery selection.
|
||
@param target element - the target input field or division or span
|
||
@param settings object - the new settings to use for this date picker instance (anonymous) */
|
||
_attachDatepicker: function(target, settings) {
|
||
// check for settings on the control itself - in namespace 'date:'
|
||
var inlineSettings = null;
|
||
for (var attrName in this._defaults) {
|
||
var attrValue = target.getAttribute('date:' + attrName);
|
||
if (attrValue) {
|
||
inlineSettings = inlineSettings || {};
|
||
try {
|
||
inlineSettings[attrName] = eval(attrValue);
|
||
} catch (err) {
|
||
inlineSettings[attrName] = attrValue;
|
||
}
|
||
}
|
||
}
|
||
var nodeName = target.nodeName.toLowerCase();
|
||
var inline = (nodeName == 'div' || nodeName == 'span');
|
||
if (!target.id)
|
||
target.id = 'dp' + (++this.uuid);
|
||
var inst = this._newInst($(target), inline);
|
||
inst.settings = $.extend({}, settings || {}, inlineSettings || {});
|
||
if (nodeName == 'input') {
|
||
this._connectDatepicker(target, inst);
|
||
} else if (inline) {
|
||
this._inlineDatepicker(target, inst);
|
||
}
|
||
},
|
||
|
||
/* Create a new instance object. */
|
||
_newInst: function(target, inline) {
|
||
var id = target[0].id.replace(/([:\[\]\.])/g, '\\\\$1'); // escape jQuery meta chars
|
||
return {id: id, input: target, // associated target
|
||
selectedDay: 0, selectedMonth: 0, selectedYear: 0, // current selection
|
||
drawMonth: 0, drawYear: 0, // month being drawn
|
||
inline: inline, // is datepicker inline or not
|
||
dpDiv: (!inline ? this.dpDiv : // presentation div
|
||
$('<div class="' + this._inlineClass + ' ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all"></div>'))};
|
||
},
|
||
|
||
/* Attach the date picker to an input field. */
|
||
_connectDatepicker: function(target, inst) {
|
||
var input = $(target);
|
||
if (input.hasClass(this.markerClassName))
|
||
return;
|
||
var appendText = this._get(inst, 'appendText');
|
||
var isRTL = this._get(inst, 'isRTL');
|
||
if (appendText)
|
||
input[isRTL ? 'before' : 'after']('<span class="' + this._appendClass + '">' + appendText + '</span>');
|
||
var showOn = this._get(inst, 'showOn');
|
||
if (showOn == 'focus' || showOn == 'both') // pop-up date picker when in the marked field
|
||
input.focus(this._showDatepicker);
|
||
if (showOn == 'button' || showOn == 'both') { // pop-up date picker when button clicked
|
||
var buttonText = this._get(inst, 'buttonText');
|
||
var buttonImage = this._get(inst, 'buttonImage');
|
||
var trigger = $(this._get(inst, 'buttonImageOnly') ?
|
||
$('<img/>').addClass(this._triggerClass).
|
||
attr({ src: buttonImage, alt: buttonText, title: buttonText }) :
|
||
$('<button type="button"></button>').addClass(this._triggerClass).
|
||
html(buttonImage == '' ? buttonText : $('<img/>').attr(
|
||
{ src:buttonImage, alt:buttonText, title:buttonText })));
|
||
input[isRTL ? 'before' : 'after'](trigger);
|
||
trigger.click(function() {
|
||
if ($.datepicker._datepickerShowing && $.datepicker._lastInput == target)
|
||
$.datepicker._hideDatepicker();
|
||
else
|
||
$.datepicker._showDatepicker(target);
|
||
return false;
|
||
});
|
||
}
|
||
input.addClass(this.markerClassName).keydown(this._doKeyDown).keypress(this._doKeyPress).
|
||
bind("setData.datepicker", function(event, key, value) {
|
||
inst.settings[key] = value;
|
||
}).bind("getData.datepicker", function(event, key) {
|
||
return this._get(inst, key);
|
||
});
|
||
$.data(target, PROP_NAME, inst);
|
||
},
|
||
|
||
/* Attach an inline date picker to a div. */
|
||
_inlineDatepicker: function(target, inst) {
|
||
var divSpan = $(target);
|
||
if (divSpan.hasClass(this.markerClassName))
|
||
return;
|
||
divSpan.addClass(this.markerClassName).append(inst.dpDiv).
|
||
bind("setData.datepicker", function(event, key, value){
|
||
inst.settings[key] = value;
|
||
}).bind("getData.datepicker", function(event, key){
|
||
return this._get(inst, key);
|
||
});
|
||
$.data(target, PROP_NAME, inst);
|
||
this._setDate(inst, this._getDefaultDate(inst));
|
||
this._updateDatepicker(inst);
|
||
this._updateAlternate(inst);
|
||
},
|
||
|
||
/* Pop-up the date picker in a "dialog" box.
|
||
@param input element - ignored
|
||
@param dateText string - the initial date to display (in the current format)
|
||
@param onSelect function - the function(dateText) to call when a date is selected
|
||
@param settings object - update the dialog date picker instance's settings (anonymous object)
|
||
@param pos int[2] - coordinates for the dialog's position within the screen or
|
||
event - with x/y coordinates or
|
||
leave empty for default (screen centre)
|
||
@return the manager object */
|
||
_dialogDatepicker: function(input, dateText, onSelect, settings, pos) {
|
||
var inst = this._dialogInst; // internal instance
|
||
if (!inst) {
|
||
var id = 'dp' + (++this.uuid);
|
||
this._dialogInput = $('<input type="text" id="' + id +
|
||
'" size="1" style="position: absolute; top: -100px;"/>');
|
||
this._dialogInput.keydown(this._doKeyDown);
|
||
$('body').append(this._dialogInput);
|
||
inst = this._dialogInst = this._newInst(this._dialogInput, false);
|
||
inst.settings = {};
|
||
$.data(this._dialogInput[0], PROP_NAME, inst);
|
||
}
|
||
extendRemove(inst.settings, settings || {});
|
||
this._dialogInput.val(dateText);
|
||
|
||
this._pos = (pos ? (pos.length ? pos : [pos.pageX, pos.pageY]) : null);
|
||
if (!this._pos) {
|
||
var browserWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
|
||
var browserHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
|
||
var scrollX = document.documentElement.scrollLeft || document.body.scrollLeft;
|
||
var scrollY = document.documentElement.scrollTop || document.body.scrollTop;
|
||
this._pos = // should use actual width/height below
|
||
[(browserWidth / 2) - 100 + scrollX, (browserHeight / 2) - 150 + scrollY];
|
||
}
|
||
|
||
// move input on screen for focus, but hidden behind dialog
|
||
this._dialogInput.css('left', this._pos[0] + 'px').css('top', this._pos[1] + 'px');
|
||
inst.settings.onSelect = onSelect;
|
||
this._inDialog = true;
|
||
this.dpDiv.addClass(this._dialogClass);
|
||
this._showDatepicker(this._dialogInput[0]);
|
||
if ($.blockUI)
|
||
$.blockUI(this.dpDiv);
|
||
$.data(this._dialogInput[0], PROP_NAME, inst);
|
||
return this;
|
||
},
|
||
|
||
/* Detach a datepicker from its control.
|
||
@param target element - the target input field or division or span */
|
||
_destroyDatepicker: function(target) {
|
||
var $target = $(target);
|
||
if (!$target.hasClass(this.markerClassName)) {
|
||
return;
|
||
}
|
||
var nodeName = target.nodeName.toLowerCase();
|
||
$.removeData(target, PROP_NAME);
|
||
if (nodeName == 'input') {
|
||
$target.siblings('.' + this._appendClass).remove().end().
|
||
siblings('.' + this._triggerClass).remove().end().
|
||
removeClass(this.markerClassName).
|
||
unbind('focus', this._showDatepicker).
|
||
unbind('keydown', this._doKeyDown).
|
||
unbind('keypress', this._doKeyPress);
|
||
} else if (nodeName == 'div' || nodeName == 'span')
|
||
$target.removeClass(this.markerClassName).empty();
|
||
},
|
||
|
||
/* Enable the date picker to a jQuery selection.
|
||
@param target element - the target input field or division or span */
|
||
_enableDatepicker: function(target) {
|
||
var $target = $(target);
|
||
if (!$target.hasClass(this.markerClassName)) {
|
||
return;
|
||
}
|
||
var nodeName = target.nodeName.toLowerCase();
|
||
if (nodeName == 'input') {
|
||
target.disabled = false;
|
||
$target.siblings('button.' + this._triggerClass).
|
||
each(function() { this.disabled = false; }).end().
|
||
siblings('img.' + this._triggerClass).
|
||
css({opacity: '1.0', cursor: ''});
|
||
}
|
||
else if (nodeName == 'div' || nodeName == 'span') {
|
||
var inline = $target.children('.' + this._inlineClass);
|
||
inline.children().removeClass('ui-state-disabled');
|
||
}
|
||
this._disabledInputs = $.map(this._disabledInputs,
|
||
function(value) { return (value == target ? null : value); }); // delete entry
|
||
},
|
||
|
||
/* Disable the date picker to a jQuery selection.
|
||
@param target element - the target input field or division or span */
|
||
_disableDatepicker: function(target) {
|
||
var $target = $(target);
|
||
if (!$target.hasClass(this.markerClassName)) {
|
||
return;
|
||
}
|
||
var nodeName = target.nodeName.toLowerCase();
|
||
if (nodeName == 'input') {
|
||
target.disabled = true;
|
||
$target.siblings('button.' + this._triggerClass).
|
||
each(function() { this.disabled = true; }).end().
|
||
siblings('img.' + this._triggerClass).
|
||
css({opacity: '0.5', cursor: 'default'});
|
||
}
|
||
else if (nodeName == 'div' || nodeName == 'span') {
|
||
var inline = $target.children('.' + this._inlineClass);
|
||
inline.children().addClass('ui-state-disabled');
|
||
}
|
||
this._disabledInputs = $.map(this._disabledInputs,
|
||
function(value) { return (value == target ? null : value); }); // delete entry
|
||
this._disabledInputs[this._disabledInputs.length] = target;
|
||
},
|
||
|
||
/* Is the first field in a jQuery collection disabled as a datepicker?
|
||
@param target element - the target input field or division or span
|
||
@return boolean - true if disabled, false if enabled */
|
||
_isDisabledDatepicker: function(target) {
|
||
if (!target) {
|
||
return false;
|
||
}
|
||
for (var i = 0; i < this._disabledInputs.length; i++) {
|
||
if (this._disabledInputs[i] == target)
|
||
return true;
|
||
}
|
||
return false;
|
||
},
|
||
|
||
/* Retrieve the instance data for the target control.
|
||
@param target element - the target input field or division or span
|
||
@return object - the associated instance data
|
||
@throws error if a jQuery problem getting data */
|
||
_getInst: function(target) {
|
||
try {
|
||
return $.data(target, PROP_NAME);
|
||
}
|
||
catch (err) {
|
||
throw 'Missing instance data for this datepicker';
|
||
}
|
||
},
|
||
|
||
/* Update the settings for a date picker attached to an input field or division.
|
||
@param target element - the target input field or division or span
|
||
@param name object - the new settings to update or
|
||
string - the name of the setting to change or
|
||
@param value any - the new value for the setting (omit if above is an object) */
|
||
_optionDatepicker: function(target, name, value) {
|
||
var settings = name || {};
|
||
if (typeof name == 'string') {
|
||
settings = {};
|
||
settings[name] = value;
|
||
}
|
||
var inst = this._getInst(target);
|
||
if (inst) {
|
||
if (this._curInst == inst) {
|
||
this._hideDatepicker(null);
|
||
}
|
||
extendRemove(inst.settings, settings);
|
||
var date = new Date();
|
||
extendRemove(inst, {rangeStart: null, // start of range
|
||
endDay: null, endMonth: null, endYear: null, // end of range
|
||
selectedDay: date.getDate(), selectedMonth: date.getMonth(),
|
||
selectedYear: date.getFullYear(), // starting point
|
||
currentDay: date.getDate(), currentMonth: date.getMonth(),
|
||
currentYear: date.getFullYear(), // current selection
|
||
drawMonth: date.getMonth(), drawYear: date.getFullYear()}); // month being drawn
|
||
this._updateDatepicker(inst);
|
||
}
|
||
},
|
||
|
||
// change method deprecated
|
||
_changeDatepicker: function(target, name, value) {
|
||
this._optionDatepicker(target, name, value);
|
||
},
|
||
|
||
/* Redraw the date picker attached to an input field or division.
|
||
@param target element - the target input field or division or span */
|
||
_refreshDatepicker: function(target) {
|
||
var inst = this._getInst(target);
|
||
if (inst) {
|
||
this._updateDatepicker(inst);
|
||
}
|
||
},
|
||
|
||
/* Set the dates for a jQuery selection.
|
||
@param target element - the target input field or division or span
|
||
@param date Date - the new date
|
||
@param endDate Date - the new end date for a range (optional) */
|
||
_setDateDatepicker: function(target, date, endDate) {
|
||
var inst = this._getInst(target);
|
||
if (inst) {
|
||
this._setDate(inst, date, endDate);
|
||
this._updateDatepicker(inst);
|
||
this._updateAlternate(inst);
|
||
}
|
||
},
|
||
|
||
/* Get the date(s) for the first entry in a jQuery selection.
|
||
@param target element - the target input field or division or span
|
||
@return Date - the current date or
|
||
Date[2] - the current dates for a range */
|
||
_getDateDatepicker: function(target) {
|
||
var inst = this._getInst(target);
|
||
if (inst && !inst.inline)
|
||
this._setDateFromField(inst);
|
||
return (inst ? this._getDate(inst) : null);
|
||
},
|
||
|
||
/* Handle keystrokes. */
|
||
_doKeyDown: function(event) {
|
||
var inst = $.datepicker._getInst(event.target);
|
||
var handled = true;
|
||
var isRTL = inst.dpDiv.is('.ui-datepicker-rtl');
|
||
inst._keyEvent = true;
|
||
if ($.datepicker._datepickerShowing)
|
||
switch (event.keyCode) {
|
||
case 9: $.datepicker._hideDatepicker(null, '');
|
||
break; // hide on tab out
|
||
case 13: var sel = $('td.' + $.datepicker._dayOverClass +
|
||
', td.' + $.datepicker._currentClass, inst.dpDiv);
|
||
if (sel[0])
|
||
$.datepicker._selectDay(event.target, inst.selectedMonth, inst.selectedYear, sel[0]);
|
||
else
|
||
$.datepicker._hideDatepicker(null, $.datepicker._get(inst, 'duration'));
|
||
return false; // don't submit the form
|
||
break; // select the value on enter
|
||
case 27: $.datepicker._hideDatepicker(null, $.datepicker._get(inst, 'duration'));
|
||
break; // hide on escape
|
||
case 33: $.datepicker._adjustDate(event.target, (event.ctrlKey ?
|
||
-$.datepicker._get(inst, 'stepBigMonths') :
|
||
-$.datepicker._get(inst, 'stepMonths')), 'M');
|
||
break; // previous month/year on page up/+ ctrl
|
||
case 34: $.datepicker._adjustDate(event.target, (event.ctrlKey ?
|
||
+$.datepicker._get(inst, 'stepBigMonths') :
|
||
+$.datepicker._get(inst, 'stepMonths')), 'M');
|
||
break; // next month/year on page down/+ ctrl
|
||
case 35: if (event.ctrlKey || event.metaKey) $.datepicker._clearDate(event.target);
|
||
handled = event.ctrlKey || event.metaKey;
|
||
break; // clear on ctrl or command +end
|
||
case 36: if (event.ctrlKey || event.metaKey) $.datepicker._gotoToday(event.target);
|
||
handled = event.ctrlKey || event.metaKey;
|
||
break; // current on ctrl or command +home
|
||
case 37: if (event.ctrlKey || event.metaKey) $.datepicker._adjustDate(event.target, (isRTL ? +1 : -1), 'D');
|
||
handled = event.ctrlKey || event.metaKey;
|
||
// -1 day on ctrl or command +left
|
||
if (event.originalEvent.altKey) $.datepicker._adjustDate(event.target, (event.ctrlKey ?
|
||
-$.datepicker._get(inst, 'stepBigMonths') :
|
||
-$.datepicker._get(inst, 'stepMonths')), 'M');
|
||
// next month/year on alt +left on Mac
|
||
break;
|
||
case 38: if (event.ctrlKey || event.metaKey) $.datepicker._adjustDate(event.target, -7, 'D');
|
||
handled = event.ctrlKey || event.metaKey;
|
||
break; // -1 week on ctrl or command +up
|
||
case 39: if (event.ctrlKey || event.metaKey) $.datepicker._adjustDate(event.target, (isRTL ? -1 : +1), 'D');
|
||
handled = event.ctrlKey || event.metaKey;
|
||
// +1 day on ctrl or command +right
|
||
if (event.originalEvent.altKey) $.datepicker._adjustDate(event.target, (event.ctrlKey ?
|
||
+$.datepicker._get(inst, 'stepBigMonths') :
|
||
+$.datepicker._get(inst, 'stepMonths')), 'M');
|
||
// next month/year on alt +right
|
||
break;
|
||
case 40: if (event.ctrlKey || event.metaKey) $.datepicker._adjustDate(event.target, +7, 'D');
|
||
handled = event.ctrlKey || event.metaKey;
|
||
break; // +1 week on ctrl or command +down
|
||
default: handled = false;
|
||
}
|
||
else if (event.keyCode == 36 && event.ctrlKey) // display the date picker on ctrl+home
|
||
$.datepicker._showDatepicker(this);
|
||
else {
|
||
handled = false;
|
||
}
|
||
if (handled) {
|
||
event.preventDefault();
|
||
event.stopPropagation();
|
||
}
|
||
},
|
||
|
||
/* Filter entered characters - based on date format. */
|
||
_doKeyPress: function(event) {
|
||
var inst = $.datepicker._getInst(event.target);
|
||
if ($.datepicker._get(inst, 'constrainInput')) {
|
||
var chars = $.datepicker._possibleChars($.datepicker._get(inst, 'dateFormat'));
|
||
var chr = String.fromCharCode(event.charCode == undefined ? event.keyCode : event.charCode);
|
||
return event.ctrlKey || (chr < ' ' || !chars || chars.indexOf(chr) > -1);
|
||
}
|
||
},
|
||
|
||
/* Pop-up the date picker for a given input field.
|
||
@param input element - the input field attached to the date picker or
|
||
event - if triggered by focus */
|
||
_showDatepicker: function(input) {
|
||
input = input.target || input;
|
||
if (input.nodeName.toLowerCase() != 'input') // find from button/image trigger
|
||
input = $('input', input.parentNode)[0];
|
||
if ($.datepicker._isDisabledDatepicker(input) || $.datepicker._lastInput == input) // already here
|
||
return;
|
||
var inst = $.datepicker._getInst(input);
|
||
var beforeShow = $.datepicker._get(inst, 'beforeShow');
|
||
extendRemove(inst.settings, (beforeShow ? beforeShow.apply(input, [input, inst]) : {}));
|
||
$.datepicker._hideDatepicker(null, '');
|
||
$.datepicker._lastInput = input;
|
||
$.datepicker._setDateFromField(inst);
|
||
if ($.datepicker._inDialog) // hide cursor
|
||
input.value = '';
|
||
if (!$.datepicker._pos) { // position below input
|
||
$.datepicker._pos = $.datepicker._findPos(input);
|
||
$.datepicker._pos[1] += input.offsetHeight; // add the height
|
||
}
|
||
var isFixed = false;
|
||
$(input).parents().each(function() {
|
||
isFixed |= $(this).css('position') == 'fixed';
|
||
return !isFixed;
|
||
});
|
||
if (isFixed && $.browser.opera) { // correction for Opera when fixed and scrolled
|
||
$.datepicker._pos[0] -= document.documentElement.scrollLeft;
|
||
$.datepicker._pos[1] -= document.documentElement.scrollTop;
|
||
}
|
||
var offset = {left: $.datepicker._pos[0], top: $.datepicker._pos[1]};
|
||
$.datepicker._pos = null;
|
||
inst.rangeStart = null;
|
||
// determine sizing offscreen
|
||
inst.dpDiv.css({position: 'absolute', display: 'block', top: '-1000px'});
|
||
$.datepicker._updateDatepicker(inst);
|
||
// fix width for dynamic number of date pickers
|
||
// and adjust position before showing
|
||
offset = $.datepicker._checkOffset(inst, offset, isFixed);
|
||
inst.dpDiv.css({position: ($.datepicker._inDialog && $.blockUI ?
|
||
'static' : (isFixed ? 'fixed' : 'absolute')), display: 'none',
|
||
left: offset.left + 'px', top: offset.top + 'px'});
|
||
if (!inst.inline) {
|
||
var showAnim = $.datepicker._get(inst, 'showAnim') || 'show';
|
||
var duration = $.datepicker._get(inst, 'duration');
|
||
var postProcess = function() {
|
||
$.datepicker._datepickerShowing = true;
|
||
if ($.browser.msie && parseInt($.browser.version,10) < 7) // fix IE < 7 select problems
|
||
$('iframe.ui-datepicker-cover').css({width: inst.dpDiv.width() + 4,
|
||
height: inst.dpDiv.height() + 4});
|
||
};
|
||
if ($.effects && $.effects[showAnim])
|
||
inst.dpDiv.show(showAnim, $.datepicker._get(inst, 'showOptions'), duration, postProcess);
|
||
else
|
||
inst.dpDiv[showAnim](duration, postProcess);
|
||
if (duration == '')
|
||
postProcess();
|
||
if (inst.input[0].type != 'hidden')
|
||
inst.input[0].focus();
|
||
$.datepicker._curInst = inst;
|
||
}
|
||
},
|
||
|
||
/* Generate the date picker content. */
|
||
_updateDatepicker: function(inst) {
|
||
var dims = {width: inst.dpDiv.width() + 4,
|
||
height: inst.dpDiv.height() + 4};
|
||
var self = this;
|
||
inst.dpDiv.empty().append(this._generateHTML(inst))
|
||
.find('iframe.ui-datepicker-cover').
|
||
css({width: dims.width, height: dims.height})
|
||
.end()
|
||
.find('button, .ui-datepicker-prev, .ui-datepicker-next, .ui-datepicker-calendar td a')
|
||
.bind('mouseout', function(){
|
||
$(this).removeClass('ui-state-hover');
|
||
if(this.className.indexOf('ui-datepicker-prev') != -1) $(this).removeClass('ui-datepicker-prev-hover');
|
||
if(this.className.indexOf('ui-datepicker-next') != -1) $(this).removeClass('ui-datepicker-next-hover');
|
||
})
|
||
.bind('mouseover', function(){
|
||
if (!self._isDisabledDatepicker( inst.inline ? inst.dpDiv.parent()[0] : inst.input[0])) {
|
||
$(this).parents('.ui-datepicker-calendar').find('a').removeClass('ui-state-hover');
|
||
$(this).addClass('ui-state-hover');
|
||
if(this.className.indexOf('ui-datepicker-prev') != -1) $(this).addClass('ui-datepicker-prev-hover');
|
||
if(this.className.indexOf('ui-datepicker-next') != -1) $(this).addClass('ui-datepicker-next-hover');
|
||
}
|
||
})
|
||
.end()
|
||
.find('.' + this._dayOverClass + ' a')
|
||
.trigger('mouseover')
|
||
.end();
|
||
var numMonths = this._getNumberOfMonths(inst);
|
||
var cols = numMonths[1];
|
||
var width = 17;
|
||
if (cols > 1) {
|
||
inst.dpDiv.addClass('ui-datepicker-multi-' + cols).css('width', (width * cols) + 'em');
|
||
} else {
|
||
inst.dpDiv.removeClass('ui-datepicker-multi-2 ui-datepicker-multi-3 ui-datepicker-multi-4').width('');
|
||
}
|
||
inst.dpDiv[(numMonths[0] != 1 || numMonths[1] != 1 ? 'add' : 'remove') +
|
||
'Class']('ui-datepicker-multi');
|
||
inst.dpDiv[(this._get(inst, 'isRTL') ? 'add' : 'remove') +
|
||
'Class']('ui-datepicker-rtl');
|
||
if (inst.input && inst.input[0].type != 'hidden' && inst == $.datepicker._curInst)
|
||
$(inst.input[0]).focus();
|
||
},
|
||
|
||
/* Check positioning to remain on screen. */
|
||
_checkOffset: function(inst, offset, isFixed) {
|
||
var dpWidth = inst.dpDiv.outerWidth();
|
||
var dpHeight = inst.dpDiv.outerHeight();
|
||
var inputWidth = inst.input ? inst.input.outerWidth() : 0;
|
||
var inputHeight = inst.input ? inst.input.outerHeight() : 0;
|
||
var viewWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
|
||
var viewHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
|
||
|
||
offset.left -= (this._get(inst, 'isRTL') ? (dpWidth - inputWidth) : 0);
|
||
offset.left -= (isFixed && offset.left == inst.input.offset().left) ? $(document).scrollLeft() : 0;
|
||
offset.top -= (isFixed && offset.top == (inst.input.offset().top + inputHeight)) ? $(document).scrollTop() : 0;
|
||
|
||
// now check if datepicker is showing outside window viewpoint - move to a better place if so.
|
||
offset.left -= (offset.left + dpWidth > viewWidth && viewWidth > dpWidth) ? Math.abs(offset.left + dpWidth - viewWidth) : 0;
|
||
offset.top -= (offset.top + dpHeight > viewHeight && viewHeight > dpHeight) ? Math.abs(offset.top + dpHeight + inputHeight*2 - viewHeight) : 0;
|
||
|
||
return offset;
|
||
},
|
||
|
||
/* Find an object's position on the screen. */
|
||
_findPos: function(obj) {
|
||
while (obj && (obj.type == 'hidden' || obj.nodeType != 1)) {
|
||
obj = obj.nextSibling;
|
||
}
|
||
var position = $(obj).offset();
|
||
return [position.left, position.top];
|
||
},
|
||
|
||
/* Hide the date picker from view.
|
||
@param input element - the input field attached to the date picker
|
||
@param duration string - the duration over which to close the date picker */
|
||
_hideDatepicker: function(input, duration) {
|
||
var inst = this._curInst;
|
||
if (!inst || (input && inst != $.data(input, PROP_NAME)))
|
||
return;
|
||
if (inst.stayOpen)
|
||
this._selectDate('#' + inst.id, this._formatDate(inst,
|
||
inst.currentDay, inst.currentMonth, inst.currentYear));
|
||
inst.stayOpen = false;
|
||
if (this._datepickerShowing) {
|
||
duration = (duration != null ? duration : this._get(inst, 'duration'));
|
||
var showAnim = this._get(inst, 'showAnim');
|
||
var postProcess = function() {
|
||
$.datepicker._tidyDialog(inst);
|
||
};
|
||
if (duration != '' && $.effects && $.effects[showAnim])
|
||
inst.dpDiv.hide(showAnim, $.datepicker._get(inst, 'showOptions'),
|
||
duration, postProcess);
|
||
else
|
||
inst.dpDiv[(duration == '' ? 'hide' : (showAnim == 'slideDown' ? 'slideUp' :
|
||
(showAnim == 'fadeIn' ? 'fadeOut' : 'hide')))](duration, postProcess);
|
||
if (duration == '')
|
||
this._tidyDialog(inst);
|
||
var onClose = this._get(inst, 'onClose');
|
||
if (onClose)
|
||
onClose.apply((inst.input ? inst.input[0] : null),
|
||
[(inst.input ? inst.input.val() : ''), inst]); // trigger custom callback
|
||
this._datepickerShowing = false;
|
||
this._lastInput = null;
|
||
if (this._inDialog) {
|
||
this._dialogInput.css({ position: 'absolute', left: '0', top: '-100px' });
|
||
if ($.blockUI) {
|
||
$.unblockUI();
|
||
$('body').append(this.dpDiv);
|
||
}
|
||
}
|
||
this._inDialog = false;
|
||
}
|
||
this._curInst = null;
|
||
},
|
||
|
||
/* Tidy up after a dialog display. */
|
||
_tidyDialog: function(inst) {
|
||
inst.dpDiv.removeClass(this._dialogClass).unbind('.ui-datepicker-calendar');
|
||
},
|
||
|
||
/* Close date picker if clicked elsewhere. */
|
||
_checkExternalClick: function(event) {
|
||
if (!$.datepicker._curInst)
|
||
return;
|
||
var $target = $(event.target);
|
||
if (($target.parents('#' + $.datepicker._mainDivId).length == 0) &&
|
||
!$target.hasClass($.datepicker.markerClassName) &&
|
||
!$target.hasClass($.datepicker._triggerClass) &&
|
||
$.datepicker._datepickerShowing && !($.datepicker._inDialog && $.blockUI))
|
||
$.datepicker._hideDatepicker(null, '');
|
||
},
|
||
|
||
/* Adjust one of the date sub-fields. */
|
||
_adjustDate: function(id, offset, period) {
|
||
var target = $(id);
|
||
var inst = this._getInst(target[0]);
|
||
if (this._isDisabledDatepicker(target[0])) {
|
||
return;
|
||
}
|
||
this._adjustInstDate(inst, offset, period);
|
||
this._updateDatepicker(inst);
|
||
},
|
||
|
||
/* Action for current link. */
|
||
_gotoToday: function(id) {
|
||
var target = $(id);
|
||
var inst = this._getInst(target[0]);
|
||
if (this._get(inst, 'gotoCurrent') && inst.currentDay) {
|
||
inst.selectedDay = inst.currentDay;
|
||
inst.drawMonth = inst.selectedMonth = inst.currentMonth;
|
||
inst.drawYear = inst.selectedYear = inst.currentYear;
|
||
}
|
||
else {
|
||
var date = new Date();
|
||
inst.selectedDay = date.getDate();
|
||
inst.drawMonth = inst.selectedMonth = date.getMonth();
|
||
inst.drawYear = inst.selectedYear = date.getFullYear();
|
||
}
|
||
this._notifyChange(inst);
|
||
this._adjustDate(target);
|
||
},
|
||
|
||
/* Action for selecting a new month/year. */
|
||
_selectMonthYear: function(id, select, period) {
|
||
var target = $(id);
|
||
var inst = this._getInst(target[0]);
|
||
inst._selectingMonthYear = false;
|
||
inst['selected' + (period == 'M' ? 'Month' : 'Year')] =
|
||
inst['draw' + (period == 'M' ? 'Month' : 'Year')] =
|
||
parseInt(select.options[select.selectedIndex].value,10);
|
||
this._notifyChange(inst);
|
||
this._adjustDate(target);
|
||
},
|
||
|
||
/* Restore input focus after not changing month/year. */
|
||
_clickMonthYear: function(id) {
|
||
var target = $(id);
|
||
var inst = this._getInst(target[0]);
|
||
if (inst.input && inst._selectingMonthYear && !$.browser.msie)
|
||
inst.input[0].focus();
|
||
inst._selectingMonthYear = !inst._selectingMonthYear;
|
||
},
|
||
|
||
/* Action for selecting a day. */
|
||
_selectDay: function(id, month, year, td) {
|
||
var target = $(id);
|
||
if ($(td).hasClass(this._unselectableClass) || this._isDisabledDatepicker(target[0])) {
|
||
return;
|
||
}
|
||
var inst = this._getInst(target[0]);
|
||
inst.selectedDay = inst.currentDay = $('a', td).html();
|
||
inst.selectedMonth = inst.currentMonth = month;
|
||
inst.selectedYear = inst.currentYear = year;
|
||
if (inst.stayOpen) {
|
||
inst.endDay = inst.endMonth = inst.endYear = null;
|
||
}
|
||
this._selectDate(id, this._formatDate(inst,
|
||
inst.currentDay, inst.currentMonth, inst.currentYear));
|
||
if (inst.stayOpen) {
|
||
inst.rangeStart = this._daylightSavingAdjust(
|
||
new Date(inst.currentYear, inst.currentMonth, inst.currentDay));
|
||
this._updateDatepicker(inst);
|
||
}
|
||
},
|
||
|
||
/* Erase the input field and hide the date picker. */
|
||
_clearDate: function(id) {
|
||
var target = $(id);
|
||
var inst = this._getInst(target[0]);
|
||
inst.stayOpen = false;
|
||
inst.endDay = inst.endMonth = inst.endYear = inst.rangeStart = null;
|
||
this._selectDate(target, '');
|
||
},
|
||
|
||
/* Update the input field with the selected date. */
|
||
_selectDate: function(id, dateStr) {
|
||
var target = $(id);
|
||
var inst = this._getInst(target[0]);
|
||
dateStr = (dateStr != null ? dateStr : this._formatDate(inst));
|
||
if (inst.input)
|
||
inst.input.val(dateStr);
|
||
this._updateAlternate(inst);
|
||
var onSelect = this._get(inst, 'onSelect');
|
||
if (onSelect)
|
||
onSelect.apply((inst.input ? inst.input[0] : null), [dateStr, inst]); // trigger custom callback
|
||
else if (inst.input)
|
||
inst.input.trigger('change'); // fire the change event
|
||
if (inst.inline)
|
||
this._updateDatepicker(inst);
|
||
else if (!inst.stayOpen) {
|
||
this._hideDatepicker(null, this._get(inst, 'duration'));
|
||
this._lastInput = inst.input[0];
|
||
if (typeof(inst.input[0]) != 'object')
|
||
inst.input[0].focus(); // restore focus
|
||
this._lastInput = null;
|
||
}
|
||
},
|
||
|
||
/* Update any alternate field to synchronise with the main field. */
|
||
_updateAlternate: function(inst) {
|
||
var altField = this._get(inst, 'altField');
|
||
if (altField) { // update alternate field too
|
||
var altFormat = this._get(inst, 'altFormat') || this._get(inst, 'dateFormat');
|
||
var date = this._getDate(inst);
|
||
dateStr = this.formatDate(altFormat, date, this._getFormatConfig(inst));
|
||
$(altField).each(function() { $(this).val(dateStr); });
|
||
}
|
||
},
|
||
|
||
/* Set as beforeShowDay function to prevent selection of weekends.
|
||
@param date Date - the date to customise
|
||
@return [boolean, string] - is this date selectable?, what is its CSS class? */
|
||
noWeekends: function(date) {
|
||
var day = date.getDay();
|
||
return [(day > 0 && day < 6), ''];
|
||
},
|
||
|
||
/* Set as calculateWeek to determine the week of the year based on the ISO 8601 definition.
|
||
@param date Date - the date to get the week for
|
||
@return number - the number of the week within the year that contains this date */
|
||
iso8601Week: function(date) {
|
||
var checkDate = new Date(date.getFullYear(), date.getMonth(), date.getDate());
|
||
var firstMon = new Date(checkDate.getFullYear(), 1 - 1, 4); // First week always contains 4 Jan
|
||
var firstDay = firstMon.getDay() || 7; // Day of week: Mon = 1, ..., Sun = 7
|
||
firstMon.setDate(firstMon.getDate() + 1 - firstDay); // Preceding Monday
|
||
if (firstDay < 4 && checkDate < firstMon) { // Adjust first three days in year if necessary
|
||
checkDate.setDate(checkDate.getDate() - 3); // Generate for previous year
|
||
return $.datepicker.iso8601Week(checkDate);
|
||
} else if (checkDate > new Date(checkDate.getFullYear(), 12 - 1, 28)) { // Check last three days in year
|
||
firstDay = new Date(checkDate.getFullYear() + 1, 1 - 1, 4).getDay() || 7;
|
||
if (firstDay > 4 && (checkDate.getDay() || 7) < firstDay - 3) { // Adjust if necessary
|
||
return 1;
|
||
}
|
||
}
|
||
return Math.floor(((checkDate - firstMon) / 86400000) / 7) + 1; // Weeks to given date
|
||
},
|
||
|
||
/* Parse a string value into a date object.
|
||
See formatDate below for the possible formats.
|
||
|
||
@param format string - the expected format of the date
|
||
@param value string - the date in the above format
|
||
@param settings Object - attributes include:
|
||
shortYearCutoff number - the cutoff year for determining the century (optional)
|
||
dayNamesShort string[7] - abbreviated names of the days from Sunday (optional)
|
||
dayNames string[7] - names of the days from Sunday (optional)
|
||
monthNamesShort string[12] - abbreviated names of the months (optional)
|
||
monthNames string[12] - names of the months (optional)
|
||
@return Date - the extracted date value or null if value is blank */
|
||
parseDate: function (format, value, settings) {
|
||
if (format == null || value == null)
|
||
throw 'Invalid arguments';
|
||
value = (typeof value == 'object' ? value.toString() : value + '');
|
||
if (value == '')
|
||
return null;
|
||
var shortYearCutoff = (settings ? settings.shortYearCutoff : null) || this._defaults.shortYearCutoff;
|
||
var dayNamesShort = (settings ? settings.dayNamesShort : null) || this._defaults.dayNamesShort;
|
||
var dayNames = (settings ? settings.dayNames : null) || this._defaults.dayNames;
|
||
var monthNamesShort = (settings ? settings.monthNamesShort : null) || this._defaults.monthNamesShort;
|
||
var monthNames = (settings ? settings.monthNames : null) || this._defaults.monthNames;
|
||
var year = -1;
|
||
var month = -1;
|
||
var day = -1;
|
||
var doy = -1;
|
||
var literal = false;
|
||
// Check whether a format character is doubled
|
||
var lookAhead = function(match) {
|
||
var matches = (iFormat + 1 < format.length && format.charAt(iFormat + 1) == match);
|
||
if (matches)
|
||
iFormat++;
|
||
return matches;
|
||
};
|
||
// Extract a number from the string value
|
||
var getNumber = function(match) {
|
||
lookAhead(match);
|
||
var origSize = (match == '@' ? 14 : (match == 'y' ? 4 : (match == 'o' ? 3 : 2)));
|
||
var size = origSize;
|
||
var num = 0;
|
||
while (size > 0 && iValue < value.length &&
|
||
value.charAt(iValue) >= '0' && value.charAt(iValue) <= '9') {
|
||
num = num * 10 + parseInt(value.charAt(iValue++),10);
|
||
size--;
|
||
}
|
||
if (size == origSize)
|
||
throw 'Missing number at position ' + iValue;
|
||
return num;
|
||
};
|
||
// Extract a name from the string value and convert to an index
|
||
var getName = function(match, shortNames, longNames) {
|
||
var names = (lookAhead(match) ? longNames : shortNames);
|
||
var size = 0;
|
||
for (var j = 0; j < names.length; j++)
|
||
size = Math.max(size, names[j].length);
|
||
var name = '';
|
||
var iInit = iValue;
|
||
while (size > 0 && iValue < value.length) {
|
||
name += value.charAt(iValue++);
|
||
for (var i = 0; i < names.length; i++)
|
||
if (name == names[i])
|
||
return i + 1;
|
||
size--;
|
||
}
|
||
throw 'Unknown name at position ' + iInit;
|
||
};
|
||
// Confirm that a literal character matches the string value
|
||
var checkLiteral = function() {
|
||
if (value.charAt(iValue) != format.charAt(iFormat))
|
||
throw 'Unexpected literal at position ' + iValue;
|
||
iValue++;
|
||
};
|
||
var iValue = 0;
|
||
for (var iFormat = 0; iFormat < format.length; iFormat++) {
|
||
if (literal)
|
||
if (format.charAt(iFormat) == "'" && !lookAhead("'"))
|
||
literal = false;
|
||
else
|
||
checkLiteral();
|
||
else
|
||
switch (format.charAt(iFormat)) {
|
||
case 'd':
|
||
day = getNumber('d');
|
||
break;
|
||
case 'D':
|
||
getName('D', dayNamesShort, dayNames);
|
||
break;
|
||
case 'o':
|
||
doy = getNumber('o');
|
||
break;
|
||
case 'm':
|
||
month = getNumber('m');
|
||
break;
|
||
case 'M':
|
||
month = getName('M', monthNamesShort, monthNames);
|
||
break;
|
||
case 'y':
|
||
year = getNumber('y');
|
||
break;
|
||
case '@':
|
||
var date = new Date(getNumber('@'));
|
||
year = date.getFullYear();
|
||
month = date.getMonth() + 1;
|
||
day = date.getDate();
|
||
break;
|
||
case "'":
|
||
if (lookAhead("'"))
|
||
checkLiteral();
|
||
else
|
||
literal = true;
|
||
break;
|
||
default:
|
||
checkLiteral();
|
||
}
|
||
}
|
||
if (year == -1)
|
||
year = new Date().getFullYear();
|
||
else if (year < 100)
|
||
year += new Date().getFullYear() - new Date().getFullYear() % 100 +
|
||
(year <= shortYearCutoff ? 0 : -100);
|
||
if (doy > -1) {
|
||
month = 1;
|
||
day = doy;
|
||
do {
|
||
var dim = this._getDaysInMonth(year, month - 1);
|
||
if (day <= dim)
|
||
break;
|
||
month++;
|
||
day -= dim;
|
||
} while (true);
|
||
}
|
||
var date = this._daylightSavingAdjust(new Date(year, month - 1, day));
|
||
if (date.getFullYear() != year || date.getMonth() + 1 != month || date.getDate() != day)
|
||
throw 'Invalid date'; // E.g. 31/02/*
|
||
return date;
|
||
},
|
||
|
||
/* Standard date formats. */
|
||
ATOM: 'yy-mm-dd', // RFC 3339 (ISO 8601)
|
||
COOKIE: 'D, dd M yy',
|
||
ISO_8601: 'yy-mm-dd',
|
||
RFC_822: 'D, d M y',
|
||
RFC_850: 'DD, dd-M-y',
|
||
RFC_1036: 'D, d M y',
|
||
RFC_1123: 'D, d M yy',
|
||
RFC_2822: 'D, d M yy',
|
||
RSS: 'D, d M y', // RFC 822
|
||
TIMESTAMP: '@',
|
||
W3C: 'yy-mm-dd', // ISO 8601
|
||
|
||
/* Format a date object into a string value.
|
||
The format can be combinations of the following:
|
||
d - day of month (no leading zero)
|
||
dd - day of month (two digit)
|
||
o - day of year (no leading zeros)
|
||
oo - day of year (three digit)
|
||
D - day name short
|
||
DD - day name long
|
||
m - month of year (no leading zero)
|
||
mm - month of year (two digit)
|
||
M - month name short
|
||
MM - month name long
|
||
y - year (two digit)
|
||
yy - year (four digit)
|
||
@ - Unix timestamp (ms since 01/01/1970)
|
||
'...' - literal text
|
||
'' - single quote
|
||
|
||
@param format string - the desired format of the date
|
||
@param date Date - the date value to format
|
||
@param settings Object - attributes include:
|
||
dayNamesShort string[7] - abbreviated names of the days from Sunday (optional)
|
||
dayNames string[7] - names of the days from Sunday (optional)
|
||
monthNamesShort string[12] - abbreviated names of the months (optional)
|
||
monthNames string[12] - names of the months (optional)
|
||
@return string - the date in the above format */
|
||
formatDate: function (format, date, settings) {
|
||
if (!date)
|
||
return '';
|
||
var dayNamesShort = (settings ? settings.dayNamesShort : null) || this._defaults.dayNamesShort;
|
||
var dayNames = (settings ? settings.dayNames : null) || this._defaults.dayNames;
|
||
var monthNamesShort = (settings ? settings.monthNamesShort : null) || this._defaults.monthNamesShort;
|
||
var monthNames = (settings ? settings.monthNames : null) || this._defaults.monthNames;
|
||
// Check whether a format character is doubled
|
||
var lookAhead = function(match) {
|
||
var matches = (iFormat + 1 < format.length && format.charAt(iFormat + 1) == match);
|
||
if (matches)
|
||
iFormat++;
|
||
return matches;
|
||
};
|
||
// Format a number, with leading zero if necessary
|
||
var formatNumber = function(match, value, len) {
|
||
var num = '' + value;
|
||
if (lookAhead(match))
|
||
while (num.length < len)
|
||
num = '0' + num;
|
||
return num;
|
||
};
|
||
// Format a name, short or long as requested
|
||
var formatName = function(match, value, shortNames, longNames) {
|
||
return (lookAhead(match) ? longNames[value] : shortNames[value]);
|
||
};
|
||
var output = '';
|
||
var literal = false;
|
||
if (date)
|
||
for (var iFormat = 0; iFormat < format.length; iFormat++) {
|
||
if (literal)
|
||
if (format.charAt(iFormat) == "'" && !lookAhead("'"))
|
||
literal = false;
|
||
else
|
||
output += format.charAt(iFormat);
|
||
else
|
||
switch (format.charAt(iFormat)) {
|
||
case 'd':
|
||
output += formatNumber('d', date.getDate(), 2);
|
||
break;
|
||
case 'D':
|
||
output += formatName('D', date.getDay(), dayNamesShort, dayNames);
|
||
break;
|
||
case 'o':
|
||
var doy = date.getDate();
|
||
for (var m = date.getMonth() - 1; m >= 0; m--)
|
||
doy += this._getDaysInMonth(date.getFullYear(), m);
|
||
output += formatNumber('o', doy, 3);
|
||
break;
|
||
case 'm':
|
||
output += formatNumber('m', date.getMonth() + 1, 2);
|
||
break;
|
||
case 'M':
|
||
output += formatName('M', date.getMonth(), monthNamesShort, monthNames);
|
||
break;
|
||
case 'y':
|
||
output += (lookAhead('y') ? date.getFullYear() :
|
||
(date.getYear() % 100 < 10 ? '0' : '') + date.getYear() % 100);
|
||
break;
|
||
case '@':
|
||
output += date.getTime();
|
||
break;
|
||
case "'":
|
||
if (lookAhead("'"))
|
||
output += "'";
|
||
else
|
||
literal = true;
|
||
break;
|
||
default:
|
||
output += format.charAt(iFormat);
|
||
}
|
||
}
|
||
return output;
|
||
},
|
||
|
||
/* Extract all possible characters from the date format. */
|
||
_possibleChars: function (format) {
|
||
var chars = '';
|
||
var literal = false;
|
||
for (var iFormat = 0; iFormat < format.length; iFormat++)
|
||
if (literal)
|
||
if (format.charAt(iFormat) == "'" && !lookAhead("'"))
|
||
literal = false;
|
||
else
|
||
chars += format.charAt(iFormat);
|
||
else
|
||
switch (format.charAt(iFormat)) {
|
||
case 'd': case 'm': case 'y': case '@':
|
||
chars += '0123456789';
|
||
break;
|
||
case 'D': case 'M':
|
||
return null; // Accept anything
|
||
case "'":
|
||
if (lookAhead("'"))
|
||
chars += "'";
|
||
else
|
||
literal = true;
|
||
break;
|
||
default:
|
||
chars += format.charAt(iFormat);
|
||
}
|
||
return chars;
|
||
},
|
||
|
||
/* Get a setting value, defaulting if necessary. */
|
||
_get: function(inst, name) {
|
||
return inst.settings[name] !== undefined ?
|
||
inst.settings[name] : this._defaults[name];
|
||
},
|
||
|
||
/* Parse existing date and initialise date picker. */
|
||
_setDateFromField: function(inst) {
|
||
var dateFormat = this._get(inst, 'dateFormat');
|
||
var dates = inst.input ? inst.input.val() : null;
|
||
inst.endDay = inst.endMonth = inst.endYear = null;
|
||
var date = defaultDate = this._getDefaultDate(inst);
|
||
var settings = this._getFormatConfig(inst);
|
||
try {
|
||
date = this.parseDate(dateFormat, dates, settings) || defaultDate;
|
||
} catch (event) {
|
||
this.log(event);
|
||
date = defaultDate;
|
||
}
|
||
inst.selectedDay = date.getDate();
|
||
inst.drawMonth = inst.selectedMonth = date.getMonth();
|
||
inst.drawYear = inst.selectedYear = date.getFullYear();
|
||
inst.currentDay = (dates ? date.getDate() : 0);
|
||
inst.currentMonth = (dates ? date.getMonth() : 0);
|
||
inst.currentYear = (dates ? date.getFullYear() : 0);
|
||
this._adjustInstDate(inst);
|
||
},
|
||
|
||
/* Retrieve the default date shown on opening. */
|
||
_getDefaultDate: function(inst) {
|
||
var date = this._determineDate(this._get(inst, 'defaultDate'), new Date());
|
||
var minDate = this._getMinMaxDate(inst, 'min', true);
|
||
var maxDate = this._getMinMaxDate(inst, 'max');
|
||
date = (minDate && date < minDate ? minDate : date);
|
||
date = (maxDate && date > maxDate ? maxDate : date);
|
||
return date;
|
||
},
|
||
|
||
/* A date may be specified as an exact value or a relative one. */
|
||
_determineDate: function(date, defaultDate) {
|
||
var offsetNumeric = function(offset) {
|
||
var date = new Date();
|
||
date.setDate(date.getDate() + offset);
|
||
return date;
|
||
};
|
||
var offsetString = function(offset, getDaysInMonth) {
|
||
var date = new Date();
|
||
var year = date.getFullYear();
|
||
var month = date.getMonth();
|
||
var day = date.getDate();
|
||
var pattern = /([+-]?[0-9]+)\s*(d|D|w|W|m|M|y|Y)?/g;
|
||
var matches = pattern.exec(offset);
|
||
while (matches) {
|
||
switch (matches[2] || 'd') {
|
||
case 'd' : case 'D' :
|
||
day += parseInt(matches[1],10); break;
|
||
case 'w' : case 'W' :
|
||
day += parseInt(matches[1],10) * 7; break;
|
||
case 'm' : case 'M' :
|
||
month += parseInt(matches[1],10);
|
||
day = Math.min(day, getDaysInMonth(year, month));
|
||
break;
|
||
case 'y': case 'Y' :
|
||
year += parseInt(matches[1],10);
|
||
day = Math.min(day, getDaysInMonth(year, month));
|
||
break;
|
||
}
|
||
matches = pattern.exec(offset);
|
||
}
|
||
return new Date(year, month, day);
|
||
};
|
||
date = (date == null ? defaultDate :
|
||
(typeof date == 'string' ? offsetString(date, this._getDaysInMonth) :
|
||
(typeof date == 'number' ? (isNaN(date) ? defaultDate : offsetNumeric(date)) : date)));
|
||
date = (date && date.toString() == 'Invalid Date' ? defaultDate : date);
|
||
if (date) {
|
||
date.setHours(0);
|
||
date.setMinutes(0);
|
||
date.setSeconds(0);
|
||
date.setMilliseconds(0);
|
||
}
|
||
return this._daylightSavingAdjust(date);
|
||
},
|
||
|
||
/* Handle switch to/from daylight saving.
|
||
Hours may be non-zero on daylight saving cut-over:
|
||
> 12 when midnight changeover, but then cannot generate
|
||
midnight datetime, so jump to 1AM, otherwise reset.
|
||
@param date (Date) the date to check
|
||
@return (Date) the corrected date */
|
||
_daylightSavingAdjust: function(date) {
|
||
if (!date) return null;
|
||
date.setHours(date.getHours() > 12 ? date.getHours() + 2 : 0);
|
||
return date;
|
||
},
|
||
|
||
/* Set the date(s) directly. */
|
||
_setDate: function(inst, date, endDate) {
|
||
var clear = !(date);
|
||
var origMonth = inst.selectedMonth;
|
||
var origYear = inst.selectedYear;
|
||
date = this._determineDate(date, new Date());
|
||
inst.selectedDay = inst.currentDay = date.getDate();
|
||
inst.drawMonth = inst.selectedMonth = inst.currentMonth = date.getMonth();
|
||
inst.drawYear = inst.selectedYear = inst.currentYear = date.getFullYear();
|
||
if (origMonth != inst.selectedMonth || origYear != inst.selectedYear)
|
||
this._notifyChange(inst);
|
||
this._adjustInstDate(inst);
|
||
if (inst.input) {
|
||
inst.input.val(clear ? '' : this._formatDate(inst));
|
||
}
|
||
},
|
||
|
||
/* Retrieve the date(s) directly. */
|
||
_getDate: function(inst) {
|
||
var startDate = (!inst.currentYear || (inst.input && inst.input.val() == '') ? null :
|
||
this._daylightSavingAdjust(new Date(
|
||
inst.currentYear, inst.currentMonth, inst.currentDay)));
|
||
return startDate;
|
||
},
|
||
|
||
/* Generate the HTML for the current state of the date picker. */
|
||
_generateHTML: function(inst) {
|
||
var today = new Date();
|
||
today = this._daylightSavingAdjust(
|
||
new Date(today.getFullYear(), today.getMonth(), today.getDate())); // clear time
|
||
var isRTL = this._get(inst, 'isRTL');
|
||
var showButtonPanel = this._get(inst, 'showButtonPanel');
|
||
var hideIfNoPrevNext = this._get(inst, 'hideIfNoPrevNext');
|
||
var navigationAsDateFormat = this._get(inst, 'navigationAsDateFormat');
|
||
var numMonths = this._getNumberOfMonths(inst);
|
||
var showCurrentAtPos = this._get(inst, 'showCurrentAtPos');
|
||
var stepMonths = this._get(inst, 'stepMonths');
|
||
var stepBigMonths = this._get(inst, 'stepBigMonths');
|
||
var isMultiMonth = (numMonths[0] != 1 || numMonths[1] != 1);
|
||
var currentDate = this._daylightSavingAdjust((!inst.currentDay ? new Date(9999, 9, 9) :
|
||
new Date(inst.currentYear, inst.currentMonth, inst.currentDay)));
|
||
var minDate = this._getMinMaxDate(inst, 'min', true);
|
||
var maxDate = this._getMinMaxDate(inst, 'max');
|
||
var drawMonth = inst.drawMonth - showCurrentAtPos;
|
||
var drawYear = inst.drawYear;
|
||
if (drawMonth < 0) {
|
||
drawMonth += 12;
|
||
drawYear--;
|
||
}
|
||
if (maxDate) {
|
||
var maxDraw = this._daylightSavingAdjust(new Date(maxDate.getFullYear(),
|
||
maxDate.getMonth() - numMonths[1] + 1, maxDate.getDate()));
|
||
maxDraw = (minDate && maxDraw < minDate ? minDate : maxDraw);
|
||
while (this._daylightSavingAdjust(new Date(drawYear, drawMonth, 1)) > maxDraw) {
|
||
drawMonth--;
|
||
if (drawMonth < 0) {
|
||
drawMonth = 11;
|
||
drawYear--;
|
||
}
|
||
}
|
||
}
|
||
var prevText = this._get(inst, 'prevText');
|
||
prevText = (!navigationAsDateFormat ? prevText : this.formatDate(prevText,
|
||
this._daylightSavingAdjust(new Date(drawYear, drawMonth - stepMonths, 1)),
|
||
this._getFormatConfig(inst)));
|
||
var prev = (this._canAdjustMonth(inst, -1, drawYear, drawMonth) ?
|
||
'<a class="ui-datepicker-prev ui-corner-all" onclick="jQuery.datepicker._adjustDate(\'#' + inst.id + '\', -' + stepMonths + ', \'M\');"' +
|
||
' title="' + prevText + '"><span class="ui-icon ui-icon-circle-triangle-' + ( isRTL ? 'e' : 'w') + '">' + prevText + '</span></a>' :
|
||
(hideIfNoPrevNext ? '' : '<a class="ui-datepicker-prev ui-corner-all ui-state-disabled" title="'+ prevText +'"><span class="ui-icon ui-icon-circle-triangle-' + ( isRTL ? 'e' : 'w') + '">' + prevText + '</span></a>'));
|
||
var nextText = this._get(inst, 'nextText');
|
||
nextText = (!navigationAsDateFormat ? nextText : this.formatDate(nextText,
|
||
this._daylightSavingAdjust(new Date(drawYear, drawMonth + stepMonths, 1)),
|
||
this._getFormatConfig(inst)));
|
||
var next = (this._canAdjustMonth(inst, +1, drawYear, drawMonth) ?
|
||
'<a class="ui-datepicker-next ui-corner-all" onclick="jQuery.datepicker._adjustDate(\'#' + inst.id + '\', +' + stepMonths + ', \'M\');"' +
|
||
' title="' + nextText + '"><span class="ui-icon ui-icon-circle-triangle-' + ( isRTL ? 'w' : 'e') + '">' + nextText + '</span></a>' :
|
||
(hideIfNoPrevNext ? '' : '<a class="ui-datepicker-next ui-corner-all ui-state-disabled" title="'+ nextText + '"><span class="ui-icon ui-icon-circle-triangle-' + ( isRTL ? 'w' : 'e') + '">' + nextText + '</span></a>'));
|
||
var currentText = this._get(inst, 'currentText');
|
||
var gotoDate = (this._get(inst, 'gotoCurrent') && inst.currentDay ? currentDate : today);
|
||
currentText = (!navigationAsDateFormat ? currentText :
|
||
this.formatDate(currentText, gotoDate, this._getFormatConfig(inst)));
|
||
var controls = '<button type="button" class="ui-datepicker-close ui-state-default ui-priority-primary ui-corner-all" onclick="jQuery.datepicker._hideDatepicker();">' + this._get(inst, 'closeText') + '</button>';
|
||
var buttonPanel = (showButtonPanel) ? '<div class="ui-datepicker-buttonpane ui-widget-content">' + (isRTL ? controls : '') +
|
||
(this._isInRange(inst, gotoDate) ? '<button type="button" class="ui-datepicker-current ui-state-default ui-priority-secondary ui-corner-all" onclick="jQuery.datepicker._gotoToday(\'#' + inst.id + '\');"' +
|
||
'>' + currentText + '</button>' : '') + (isRTL ? '' : controls) + '</div>' : '';
|
||
var firstDay = parseInt(this._get(inst, 'firstDay'),10);
|
||
firstDay = (isNaN(firstDay) ? 0 : firstDay);
|
||
var dayNames = this._get(inst, 'dayNames');
|
||
var dayNamesShort = this._get(inst, 'dayNamesShort');
|
||
var dayNamesMin = this._get(inst, 'dayNamesMin');
|
||
var monthNames = this._get(inst, 'monthNames');
|
||
var monthNamesShort = this._get(inst, 'monthNamesShort');
|
||
var beforeShowDay = this._get(inst, 'beforeShowDay');
|
||
var showOtherMonths = this._get(inst, 'showOtherMonths');
|
||
var calculateWeek = this._get(inst, 'calculateWeek') || this.iso8601Week;
|
||
var endDate = inst.endDay ? this._daylightSavingAdjust(
|
||
new Date(inst.endYear, inst.endMonth, inst.endDay)) : currentDate;
|
||
var defaultDate = this._getDefaultDate(inst);
|
||
var html = '';
|
||
for (var row = 0; row < numMonths[0]; row++) {
|
||
var group = '';
|
||
for (var col = 0; col < numMonths[1]; col++) {
|
||
var selectedDate = this._daylightSavingAdjust(new Date(drawYear, drawMonth, inst.selectedDay));
|
||
var cornerClass = ' ui-corner-all';
|
||
var calender = '';
|
||
if (isMultiMonth) {
|
||
calender += '<div class="ui-datepicker-group ui-datepicker-group-';
|
||
switch (col) {
|
||
case 0: calender += 'first'; cornerClass = ' ui-corner-' + (isRTL ? 'right' : 'left'); break;
|
||
case numMonths[1]-1: calender += 'last'; cornerClass = ' ui-corner-' + (isRTL ? 'left' : 'right'); break;
|
||
default: calender += 'middle'; cornerClass = ''; break;
|
||
}
|
||
calender += '">';
|
||
}
|
||
calender += '<div class="ui-datepicker-header ui-widget-header ui-helper-clearfix' + cornerClass + '">' +
|
||
(/all|left/.test(cornerClass) && row == 0 ? (isRTL ? next : prev) : '') +
|
||
(/all|right/.test(cornerClass) && row == 0 ? (isRTL ? prev : next) : '') +
|
||
this._generateMonthYearHeader(inst, drawMonth, drawYear, minDate, maxDate,
|
||
selectedDate, row > 0 || col > 0, monthNames, monthNamesShort) + // draw month headers
|
||
'</div><table class="ui-datepicker-calendar"><thead>' +
|
||
'<tr>';
|
||
var thead = '';
|
||
for (var dow = 0; dow < 7; dow++) { // days of the week
|
||
var day = (dow + firstDay) % 7;
|
||
thead += '<th' + ((dow + firstDay + 6) % 7 >= 5 ? ' class="ui-datepicker-week-end"' : '') + '>' +
|
||
'<span title="' + dayNames[day] + '">' + dayNamesMin[day] + '</span></th>';
|
||
}
|
||
calender += thead + '</tr></thead><tbody>';
|
||
var daysInMonth = this._getDaysInMonth(drawYear, drawMonth);
|
||
if (drawYear == inst.selectedYear && drawMonth == inst.selectedMonth)
|
||
inst.selectedDay = Math.min(inst.selectedDay, daysInMonth);
|
||
var leadDays = (this._getFirstDayOfMonth(drawYear, drawMonth) - firstDay + 7) % 7;
|
||
var numRows = (isMultiMonth ? 6 : Math.ceil((leadDays + daysInMonth) / 7)); // calculate the number of rows to generate
|
||
var printDate = this._daylightSavingAdjust(new Date(drawYear, drawMonth, 1 - leadDays));
|
||
for (var dRow = 0; dRow < numRows; dRow++) { // create date picker rows
|
||
calender += '<tr>';
|
||
var tbody = '';
|
||
for (var dow = 0; dow < 7; dow++) { // create date picker days
|
||
var daySettings = (beforeShowDay ?
|
||
beforeShowDay.apply((inst.input ? inst.input[0] : null), [printDate]) : [true, '']);
|
||
var otherMonth = (printDate.getMonth() != drawMonth);
|
||
var unselectable = otherMonth || !daySettings[0] ||
|
||
(minDate && printDate < minDate) || (maxDate && printDate > maxDate);
|
||
tbody += '<td class="' +
|
||
((dow + firstDay + 6) % 7 >= 5 ? ' ui-datepicker-week-end' : '') + // highlight weekends
|
||
(otherMonth ? ' ui-datepicker-other-month' : '') + // highlight days from other months
|
||
((printDate.getTime() == selectedDate.getTime() && drawMonth == inst.selectedMonth && inst._keyEvent) || // user pressed key
|
||
(defaultDate.getTime() == printDate.getTime() && defaultDate.getTime() == selectedDate.getTime()) ?
|
||
// or defaultDate is current printedDate and defaultDate is selectedDate
|
||
' ' + this._dayOverClass : '') + // highlight selected day
|
||
(unselectable ? ' ' + this._unselectableClass + ' ui-state-disabled': '') + // highlight unselectable days
|
||
(otherMonth && !showOtherMonths ? '' : ' ' + daySettings[1] + // highlight custom dates
|
||
(printDate.getTime() >= currentDate.getTime() && printDate.getTime() <= endDate.getTime() ? // in current range
|
||
' ' + this._currentClass : '') + // highlight selected day
|
||
(printDate.getTime() == today.getTime() ? ' ui-datepicker-today' : '')) + '"' + // highlight today (if different)
|
||
((!otherMonth || showOtherMonths) && daySettings[2] ? ' title="' + daySettings[2] + '"' : '') + // cell title
|
||
(unselectable ? '' : ' onclick="jQuery.datepicker._selectDay(\'#' +
|
||
inst.id + '\',' + drawMonth + ',' + drawYear + ', this);return false;"') + '>' + // actions
|
||
(otherMonth ? (showOtherMonths ? printDate.getDate() : ' ') : // display for other months
|
||
(unselectable ? '<span class="ui-state-default">' + printDate.getDate() + '</span>' : '<a class="ui-state-default' +
|
||
(printDate.getTime() == today.getTime() ? ' ui-state-highlight' : '') +
|
||
(printDate.getTime() >= currentDate.getTime() && printDate.getTime() <= endDate.getTime() ? // in current range
|
||
' ui-state-active' : '') + // highlight selected day
|
||
'" href="#">' + printDate.getDate() + '</a>')) + '</td>'; // display for this month
|
||
printDate.setDate(printDate.getDate() + 1);
|
||
printDate = this._daylightSavingAdjust(printDate);
|
||
}
|
||
calender += tbody + '</tr>';
|
||
}
|
||
drawMonth++;
|
||
if (drawMonth > 11) {
|
||
drawMonth = 0;
|
||
drawYear++;
|
||
}
|
||
calender += '</tbody></table>' + (isMultiMonth ? '</div>' : '');
|
||
group += calender;
|
||
}
|
||
html += group;
|
||
}
|
||
html += (!inst.inline ? buttonPanel : '') +
|
||
($.browser.msie && parseInt($.browser.version,10) < 7 && !inst.inline ?
|
||
'<iframe src="javascript:false;" class="ui-datepicker-cover" frameborder="0"></iframe>' : '');
|
||
inst._keyEvent = false;
|
||
return html;
|
||
},
|
||
|
||
/* Generate the month and year header. */
|
||
_generateMonthYearHeader: function(inst, drawMonth, drawYear, minDate, maxDate,
|
||
selectedDate, secondary, monthNames, monthNamesShort) {
|
||
minDate = (inst.rangeStart && minDate && selectedDate < minDate ? selectedDate : minDate);
|
||
var changeMonth = this._get(inst, 'changeMonth');
|
||
var changeYear = this._get(inst, 'changeYear');
|
||
var showMonthAfterYear = this._get(inst, 'showMonthAfterYear');
|
||
var html = '<div class="ui-datepicker-title">';
|
||
var monthHtml = '';
|
||
// month selection
|
||
if (secondary || !changeMonth)
|
||
monthHtml += '<span class="ui-datepicker-month">' + monthNames[drawMonth] + '</span> ';
|
||
else {
|
||
var inMinYear = (minDate && minDate.getFullYear() == drawYear);
|
||
var inMaxYear = (maxDate && maxDate.getFullYear() == drawYear);
|
||
monthHtml += '<select class="ui-datepicker-month" ' +
|
||
'onchange="jQuery.datepicker._selectMonthYear(\'#' + inst.id + '\', this, \'M\');" ' +
|
||
'onclick="jQuery.datepicker._clickMonthYear(\'#' + inst.id + '\');"' +
|
||
'>';
|
||
for (var month = 0; month < 12; month++) {
|
||
if ((!inMinYear || month >= minDate.getMonth()) &&
|
||
(!inMaxYear || month <= maxDate.getMonth()))
|
||
monthHtml += '<option value="' + month + '"' +
|
||
(month == drawMonth ? ' selected="selected"' : '') +
|
||
'>' + monthNamesShort[month] + '</option>';
|
||
}
|
||
monthHtml += '</select>';
|
||
}
|
||
if (!showMonthAfterYear)
|
||
html += monthHtml + ((secondary || changeMonth || changeYear) && (!(changeMonth && changeYear)) ? ' ' : '');
|
||
// year selection
|
||
if (secondary || !changeYear)
|
||
html += '<span class="ui-datepicker-year">' + drawYear + '</span>';
|
||
else {
|
||
// determine range of years to display
|
||
var years = this._get(inst, 'yearRange').split(':');
|
||
var year = 0;
|
||
var endYear = 0;
|
||
if (years.length != 2) {
|
||
year = drawYear - 10;
|
||
endYear = drawYear + 10;
|
||
} else if (years[0].charAt(0) == '+' || years[0].charAt(0) == '-') {
|
||
year = endYear = new Date().getFullYear();
|
||
year += parseInt(years[0], 10);
|
||
endYear += parseInt(years[1], 10);
|
||
} else {
|
||
year = parseInt(years[0], 10);
|
||
endYear = parseInt(years[1], 10);
|
||
}
|
||
year = (minDate ? Math.max(year, minDate.getFullYear()) : year);
|
||
endYear = (maxDate ? Math.min(endYear, maxDate.getFullYear()) : endYear);
|
||
html += '<select class="ui-datepicker-year" ' +
|
||
'onchange="jQuery.datepicker._selectMonthYear(\'#' + inst.id + '\', this, \'Y\');" ' +
|
||
'onclick="jQuery.datepicker._clickMonthYear(\'#' + inst.id + '\');"' +
|
||
'>';
|
||
for (; year <= endYear; year++) {
|
||
html += '<option value="' + year + '"' +
|
||
(year == drawYear ? ' selected="selected"' : '') +
|
||
'>' + year + '</option>';
|
||
}
|
||
html += '</select>';
|
||
}
|
||
if (showMonthAfterYear)
|
||
html += (secondary || changeMonth || changeYear ? ' ' : '') + monthHtml;
|
||
html += '</div>'; // Close datepicker_header
|
||
return html;
|
||
},
|
||
|
||
/* Adjust one of the date sub-fields. */
|
||
_adjustInstDate: function(inst, offset, period) {
|
||
var year = inst.drawYear + (period == 'Y' ? offset : 0);
|
||
var month = inst.drawMonth + (period == 'M' ? offset : 0);
|
||
var day = Math.min(inst.selectedDay, this._getDaysInMonth(year, month)) +
|
||
(period == 'D' ? offset : 0);
|
||
var date = this._daylightSavingAdjust(new Date(year, month, day));
|
||
// ensure it is within the bounds set
|
||
var minDate = this._getMinMaxDate(inst, 'min', true);
|
||
var maxDate = this._getMinMaxDate(inst, 'max');
|
||
date = (minDate && date < minDate ? minDate : date);
|
||
date = (maxDate && date > maxDate ? maxDate : date);
|
||
inst.selectedDay = date.getDate();
|
||
inst.drawMonth = inst.selectedMonth = date.getMonth();
|
||
inst.drawYear = inst.selectedYear = date.getFullYear();
|
||
if (period == 'M' || period == 'Y')
|
||
this._notifyChange(inst);
|
||
},
|
||
|
||
/* Notify change of month/year. */
|
||
_notifyChange: function(inst) {
|
||
var onChange = this._get(inst, 'onChangeMonthYear');
|
||
if (onChange)
|
||
onChange.apply((inst.input ? inst.input[0] : null),
|
||
[inst.selectedYear, inst.selectedMonth + 1, inst]);
|
||
},
|
||
|
||
/* Determine the number of months to show. */
|
||
_getNumberOfMonths: function(inst) {
|
||
var numMonths = this._get(inst, 'numberOfMonths');
|
||
return (numMonths == null ? [1, 1] : (typeof numMonths == 'number' ? [1, numMonths] : numMonths));
|
||
},
|
||
|
||
/* Determine the current maximum date - ensure no time components are set - may be overridden for a range. */
|
||
_getMinMaxDate: function(inst, minMax, checkRange) {
|
||
var date = this._determineDate(this._get(inst, minMax + 'Date'), null);
|
||
return (!checkRange || !inst.rangeStart ? date :
|
||
(!date || inst.rangeStart > date ? inst.rangeStart : date));
|
||
},
|
||
|
||
/* Find the number of days in a given month. */
|
||
_getDaysInMonth: function(year, month) {
|
||
return 32 - new Date(year, month, 32).getDate();
|
||
},
|
||
|
||
/* Find the day of the week of the first of a month. */
|
||
_getFirstDayOfMonth: function(year, month) {
|
||
return new Date(year, month, 1).getDay();
|
||
},
|
||
|
||
/* Determines if we should allow a "next/prev" month display change. */
|
||
_canAdjustMonth: function(inst, offset, curYear, curMonth) {
|
||
var numMonths = this._getNumberOfMonths(inst);
|
||
var date = this._daylightSavingAdjust(new Date(
|
||
curYear, curMonth + (offset < 0 ? offset : numMonths[1]), 1));
|
||
if (offset < 0)
|
||
date.setDate(this._getDaysInMonth(date.getFullYear(), date.getMonth()));
|
||
return this._isInRange(inst, date);
|
||
},
|
||
|
||
/* Is the given date in the accepted range? */
|
||
_isInRange: function(inst, date) {
|
||
// during range selection, use minimum of selected date and range start
|
||
var newMinDate = (!inst.rangeStart ? null : this._daylightSavingAdjust(
|
||
new Date(inst.selectedYear, inst.selectedMonth, inst.selectedDay)));
|
||
newMinDate = (newMinDate && inst.rangeStart < newMinDate ? inst.rangeStart : newMinDate);
|
||
var minDate = newMinDate || this._getMinMaxDate(inst, 'min');
|
||
var maxDate = this._getMinMaxDate(inst, 'max');
|
||
return ((!minDate || date >= minDate) && (!maxDate || date <= maxDate));
|
||
},
|
||
|
||
/* Provide the configuration settings for formatting/parsing. */
|
||
_getFormatConfig: function(inst) {
|
||
var shortYearCutoff = this._get(inst, 'shortYearCutoff');
|
||
shortYearCutoff = (typeof shortYearCutoff != 'string' ? shortYearCutoff :
|
||
new Date().getFullYear() % 100 + parseInt(shortYearCutoff, 10));
|
||
return {shortYearCutoff: shortYearCutoff,
|
||
dayNamesShort: this._get(inst, 'dayNamesShort'), dayNames: this._get(inst, 'dayNames'),
|
||
monthNamesShort: this._get(inst, 'monthNamesShort'), monthNames: this._get(inst, 'monthNames')};
|
||
},
|
||
|
||
/* Format the given date for display. */
|
||
_formatDate: function(inst, day, month, year) {
|
||
if (!day) {
|
||
inst.currentDay = inst.selectedDay;
|
||
inst.currentMonth = inst.selectedMonth;
|
||
inst.currentYear = inst.selectedYear;
|
||
}
|
||
var date = (day ? (typeof day == 'object' ? day :
|
||
this._daylightSavingAdjust(new Date(year, month, day))) :
|
||
this._daylightSavingAdjust(new Date(inst.currentYear, inst.currentMonth, inst.currentDay)));
|
||
return this.formatDate(this._get(inst, 'dateFormat'), date, this._getFormatConfig(inst));
|
||
}
|
||
});
|
||
|
||
/* jQuery extend now ignores nulls! */
|
||
function extendRemove(target, props) {
|
||
$.extend(target, props);
|
||
for (var name in props)
|
||
if (props[name] == null || props[name] == undefined)
|
||
target[name] = props[name];
|
||
return target;
|
||
};
|
||
|
||
/* Determine whether an object is an array. */
|
||
function isArray(a) {
|
||
return (a && (($.browser.safari && typeof a == 'object' && a.length) ||
|
||
(a.constructor && a.constructor.toString().match(/\Array\(\)/))));
|
||
};
|
||
|
||
/* Invoke the datepicker functionality.
|
||
@param options string - a command, optionally followed by additional parameters or
|
||
Object - settings for attaching new datepicker functionality
|
||
@return jQuery object */
|
||
$.fn.datepicker = function(options){
|
||
|
||
/* Initialise the date picker. */
|
||
if (!$.datepicker.initialized) {
|
||
$(document.body).append($.datepicker.dpDiv).
|
||
mousedown($.datepicker._checkExternalClick);
|
||
$.datepicker.initialized = true;
|
||
}
|
||
|
||
var otherArgs = Array.prototype.slice.call(arguments, 1);
|
||
if (typeof options == 'string' && (options == 'isDisabled' || options == 'getDate'))
|
||
return $.datepicker['_' + options + 'Datepicker'].
|
||
apply($.datepicker, [this[0]].concat(otherArgs));
|
||
return this.each(function() {
|
||
typeof options == 'string' ?
|
||
$.datepicker['_' + options + 'Datepicker'].
|
||
apply($.datepicker, [this].concat(otherArgs)) :
|
||
$.datepicker._attachDatepicker(this, options);
|
||
});
|
||
};
|
||
|
||
$.datepicker = new Datepicker(); // singleton instance
|
||
$.datepicker.initialized = false;
|
||
$.datepicker.uuid = new Date().getTime();
|
||
$.datepicker.version = "1.6rc5";
|
||
|
||
})(jQuery);
|
||
/*
|
||
* jQuery UI Dialog 1.6rc5
|
||
*
|
||
* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
|
||
* Dual licensed under the MIT (MIT-LICENSE.txt)
|
||
* and GPL (GPL-LICENSE.txt) licenses.
|
||
*
|
||
* http://docs.jquery.com/UI/Dialog
|
||
*
|
||
* Depends:
|
||
* ui.core.js
|
||
* ui.draggable.js
|
||
* ui.resizable.js
|
||
*/
|
||
(function($) {
|
||
|
||
var setDataSwitch = {
|
||
dragStart: "start.draggable",
|
||
drag: "drag.draggable",
|
||
dragStop: "stop.draggable",
|
||
maxHeight: "maxHeight.resizable",
|
||
minHeight: "minHeight.resizable",
|
||
maxWidth: "maxWidth.resizable",
|
||
minWidth: "minWidth.resizable",
|
||
resizeStart: "start.resizable",
|
||
resize: "drag.resizable",
|
||
resizeStop: "stop.resizable"
|
||
};
|
||
|
||
$.widget("ui.dialog", {
|
||
|
||
_init: function() {
|
||
this.originalTitle = this.element.attr('title');
|
||
this.options.title = this.options.title || this.originalTitle;
|
||
|
||
var self = this,
|
||
options = this.options,
|
||
|
||
title = options.title || ' ',
|
||
titleId = $.ui.dialog.getTitleId(this.element),
|
||
|
||
uiDialog = (this.uiDialog = $('<div/>'))
|
||
.appendTo(document.body)
|
||
.hide()
|
||
.addClass(
|
||
'ui-dialog ' +
|
||
'ui-widget ' +
|
||
'ui-widget-content ' +
|
||
'ui-corner-all ' +
|
||
options.dialogClass
|
||
)
|
||
.css({
|
||
position: 'absolute',
|
||
overflow: 'hidden',
|
||
zIndex: options.zIndex
|
||
})
|
||
// setting tabIndex makes the div focusable
|
||
// setting outline to 0 prevents a border on focus in Mozilla
|
||
.attr('tabIndex', -1).css('outline', 0).keydown(function(ev) {
|
||
(options.closeOnEscape && ev.keyCode
|
||
&& ev.keyCode == $.ui.keyCode.ESCAPE && self.close());
|
||
})
|
||
.attr({
|
||
role: 'dialog',
|
||
'aria-labelledby': titleId
|
||
})
|
||
.mousedown(function() {
|
||
self.moveToTop();
|
||
}),
|
||
|
||
uiDialogContent = this.element
|
||
.show()
|
||
.removeAttr('title')
|
||
.addClass(
|
||
'ui-dialog-content ' +
|
||
'ui-widget-content')
|
||
.appendTo(uiDialog),
|
||
|
||
uiDialogTitlebar = (this.uiDialogTitlebar = $('<div></div>'))
|
||
.addClass(
|
||
'ui-dialog-titlebar ' +
|
||
'ui-widget-header ' +
|
||
'ui-corner-all ' +
|
||
'ui-helper-clearfix'
|
||
)
|
||
.prependTo(uiDialog),
|
||
|
||
uiDialogTitlebarClose = $('<a href="#"/>')
|
||
.addClass(
|
||
'ui-dialog-titlebar-close ' +
|
||
'ui-corner-all'
|
||
)
|
||
.attr('role', 'button')
|
||
.hover(
|
||
function() {
|
||
uiDialogTitlebarClose.addClass('ui-state-hover');
|
||
},
|
||
function() {
|
||
uiDialogTitlebarClose.removeClass('ui-state-hover');
|
||
}
|
||
)
|
||
.focus(function() {
|
||
uiDialogTitlebarClose.addClass('ui-state-focus');
|
||
})
|
||
.blur(function() {
|
||
uiDialogTitlebarClose.removeClass('ui-state-focus');
|
||
})
|
||
.mousedown(function(ev) {
|
||
ev.stopPropagation();
|
||
})
|
||
.click(function() {
|
||
self.close();
|
||
return false;
|
||
})
|
||
.appendTo(uiDialogTitlebar),
|
||
|
||
uiDialogTitlebarCloseText = (this.uiDialogTitlebarCloseText = $('<span/>'))
|
||
.addClass(
|
||
'ui-icon ' +
|
||
'ui-icon-closethick'
|
||
)
|
||
.text(options.closeText)
|
||
.appendTo(uiDialogTitlebarClose),
|
||
|
||
uiDialogTitle = $('<span/>')
|
||
.addClass('ui-dialog-title')
|
||
.attr('id', titleId)
|
||
.html(title)
|
||
.prependTo(uiDialogTitlebar),
|
||
|
||
uiDialogButtonPane = (this.uiDialogButtonPane = $('<div></div>'))
|
||
.addClass(
|
||
'ui-dialog-buttonpane ' +
|
||
'ui-widget-content ' +
|
||
'ui-helper-clearfix'
|
||
)
|
||
.appendTo(uiDialog);
|
||
|
||
uiDialogTitlebar.find("*").add(uiDialogTitlebar).disableSelection();
|
||
|
||
(options.draggable && $.fn.draggable && this._makeDraggable());
|
||
(options.resizable && $.fn.resizable && this._makeResizable());
|
||
|
||
this._createButtons(options.buttons);
|
||
this._isOpen = false;
|
||
|
||
(options.bgiframe && $.fn.bgiframe && uiDialog.bgiframe());
|
||
(options.autoOpen && this.open());
|
||
},
|
||
|
||
destroy: function() {
|
||
(this.overlay && this.overlay.destroy());
|
||
this.uiDialog.hide();
|
||
this.element
|
||
.unbind('.dialog')
|
||
.removeData('dialog')
|
||
.removeClass('ui-dialog-content ui-widget-content')
|
||
.hide().appendTo('body');
|
||
this.uiDialog.remove();
|
||
|
||
(this.originalTitle && this.element.attr('title', this.originalTitle));
|
||
},
|
||
|
||
close: function() {
|
||
if (false === this._trigger('beforeclose')) {
|
||
return;
|
||
}
|
||
|
||
(this.overlay && this.overlay.destroy());
|
||
this.uiDialog
|
||
.hide(this.options.hide)
|
||
.unbind('keypress.ui-dialog');
|
||
|
||
this._trigger('close');
|
||
$.ui.dialog.overlay.resize();
|
||
|
||
this._isOpen = false;
|
||
},
|
||
|
||
isOpen: function() {
|
||
return this._isOpen;
|
||
},
|
||
|
||
// the force parameter allows us to move modal dialogs to their correct
|
||
// position on open
|
||
moveToTop: function(force) {
|
||
|
||
if ((this.options.modal && !force)
|
||
|| (!this.options.stack && !this.options.modal)) {
|
||
return this._trigger('focus');
|
||
}
|
||
|
||
var maxZ = this.options.zIndex, options = this.options;
|
||
$('.ui-dialog:visible').each(function() {
|
||
maxZ = Math.max(maxZ, parseInt($(this).css('z-index'), 10) || options.zIndex);
|
||
});
|
||
(this.overlay && this.overlay.$el.css('z-index', ++maxZ));
|
||
|
||
//Save and then restore scroll since Opera 9.5+ resets when parent z-Index is changed.
|
||
// http://ui.jquery.com/bugs/ticket/3193
|
||
var saveScroll = { scrollTop: this.element.attr('scrollTop'), scrollLeft: this.element.attr('scrollLeft') };
|
||
this.uiDialog.css('z-index', ++maxZ);
|
||
this.element.attr(saveScroll);
|
||
this._trigger('focus');
|
||
},
|
||
|
||
open: function() {
|
||
if (this._isOpen) { return; }
|
||
|
||
this.overlay = this.options.modal ? new $.ui.dialog.overlay(this) : null;
|
||
(this.uiDialog.next().length && this.uiDialog.appendTo('body'));
|
||
this._size();
|
||
this._position(this.options.position);
|
||
this.uiDialog.show(this.options.show);
|
||
this.moveToTop(true);
|
||
|
||
// prevent tabbing out of modal dialogs
|
||
(this.options.modal && this.uiDialog.bind('keypress.ui-dialog', function(event) {
|
||
if (event.keyCode != $.ui.keyCode.TAB) {
|
||
return;
|
||
}
|
||
|
||
var tabbables = $(':tabbable', this),
|
||
first = tabbables.filter(':first')[0],
|
||
last = tabbables.filter(':last')[0];
|
||
|
||
if (event.target == last && !event.shiftKey) {
|
||
setTimeout(function() {
|
||
first.focus();
|
||
}, 1);
|
||
} else if (event.target == first && event.shiftKey) {
|
||
setTimeout(function() {
|
||
last.focus();
|
||
}, 1);
|
||
}
|
||
}));
|
||
|
||
this.uiDialog.find(':tabbable:first').focus();
|
||
this._trigger('open');
|
||
this._isOpen = true;
|
||
},
|
||
|
||
_createButtons: function(buttons) {
|
||
var self = this,
|
||
hasButtons = false,
|
||
uiDialogButtonPane = this.uiDialogButtonPane;
|
||
|
||
// remove any existing buttons
|
||
uiDialogButtonPane.empty().hide();
|
||
|
||
$.each(buttons, function() { return !(hasButtons = true); });
|
||
if (hasButtons) {
|
||
uiDialogButtonPane.show();
|
||
$.each(buttons, function(name, fn) {
|
||
$('<button type="button"></button>')
|
||
.addClass(
|
||
'ui-state-default ' +
|
||
'ui-corner-all'
|
||
)
|
||
.text(name)
|
||
.click(function() { fn.apply(self.element[0], arguments); })
|
||
.hover(
|
||
function() {
|
||
$(this).addClass('ui-state-hover');
|
||
},
|
||
function() {
|
||
$(this).removeClass('ui-state-hover');
|
||
}
|
||
)
|
||
.focus(function() {
|
||
$(this).addClass('ui-state-focus');
|
||
})
|
||
.blur(function() {
|
||
$(this).removeClass('ui-state-focus');
|
||
})
|
||
.appendTo(uiDialogButtonPane);
|
||
});
|
||
}
|
||
},
|
||
|
||
_makeDraggable: function() {
|
||
var self = this,
|
||
options = this.options;
|
||
|
||
this.uiDialog.draggable({
|
||
cancel: '.ui-dialog-content',
|
||
helper: options.dragHelper,
|
||
handle: '.ui-dialog-titlebar',
|
||
containment: 'document',
|
||
start: function() {
|
||
(options.dragStart && options.dragStart.apply(self.element[0], arguments));
|
||
},
|
||
drag: function() {
|
||
(options.drag && options.drag.apply(self.element[0], arguments));
|
||
},
|
||
stop: function() {
|
||
(options.dragStop && options.dragStop.apply(self.element[0], arguments));
|
||
$.ui.dialog.overlay.resize();
|
||
}
|
||
});
|
||
},
|
||
|
||
_makeResizable: function(handles) {
|
||
handles = (handles === undefined ? this.options.resizable : handles);
|
||
var self = this,
|
||
options = this.options,
|
||
resizeHandles = typeof handles == 'string'
|
||
? handles
|
||
: 'n,e,s,w,se,sw,ne,nw';
|
||
|
||
this.uiDialog.resizable({
|
||
cancel: '.ui-dialog-content',
|
||
alsoResize: this.element,
|
||
helper: options.resizeHelper,
|
||
maxWidth: options.maxWidth,
|
||
maxHeight: options.maxHeight,
|
||
minWidth: options.minWidth,
|
||
minHeight: options.minHeight,
|
||
start: function() {
|
||
(options.resizeStart && options.resizeStart.apply(self.element[0], arguments));
|
||
},
|
||
resize: function() {
|
||
(options.resize && options.resize.apply(self.element[0], arguments));
|
||
},
|
||
handles: resizeHandles,
|
||
stop: function() {
|
||
(options.resizeStop && options.resizeStop.apply(self.element[0], arguments));
|
||
$.ui.dialog.overlay.resize();
|
||
}
|
||
})
|
||
.find('.ui-resizable-se').addClass('ui-icon ui-icon-grip-diagonal-se');
|
||
},
|
||
|
||
_position: function(pos) {
|
||
var wnd = $(window), doc = $(document),
|
||
pTop = doc.scrollTop(), pLeft = doc.scrollLeft(),
|
||
minTop = pTop;
|
||
|
||
if ($.inArray(pos, ['center','top','right','bottom','left']) >= 0) {
|
||
pos = [
|
||
pos == 'right' || pos == 'left' ? pos : 'center',
|
||
pos == 'top' || pos == 'bottom' ? pos : 'middle'
|
||
];
|
||
}
|
||
if (pos.constructor != Array) {
|
||
pos = ['center', 'middle'];
|
||
}
|
||
if (pos[0].constructor == Number) {
|
||
pLeft += pos[0];
|
||
} else {
|
||
switch (pos[0]) {
|
||
case 'left':
|
||
pLeft += 0;
|
||
break;
|
||
case 'right':
|
||
pLeft += wnd.width() - this.uiDialog.outerWidth();
|
||
break;
|
||
default:
|
||
case 'center':
|
||
pLeft += (wnd.width() - this.uiDialog.outerWidth()) / 2;
|
||
}
|
||
}
|
||
if (pos[1].constructor == Number) {
|
||
pTop += pos[1];
|
||
} else {
|
||
switch (pos[1]) {
|
||
case 'top':
|
||
pTop += 0;
|
||
break;
|
||
case 'bottom':
|
||
pTop += wnd.height() - this.uiDialog.outerHeight();
|
||
break;
|
||
default:
|
||
case 'middle':
|
||
pTop += (wnd.height() - this.uiDialog.outerHeight()) / 2;
|
||
}
|
||
}
|
||
|
||
// prevent the dialog from being too high (make sure the titlebar
|
||
// is accessible)
|
||
pTop = Math.max(pTop, minTop);
|
||
this.uiDialog.css({top: pTop, left: pLeft});
|
||
},
|
||
|
||
_setData: function(key, value){
|
||
(setDataSwitch[key] && this.uiDialog.data(setDataSwitch[key], value));
|
||
switch (key) {
|
||
case "buttons":
|
||
this._createButtons(value);
|
||
break;
|
||
case "closeText":
|
||
this.uiDialogTitlebarCloseText.text(value);
|
||
break;
|
||
case "draggable":
|
||
(value
|
||
? this._makeDraggable()
|
||
: this.uiDialog.draggable('destroy'));
|
||
break;
|
||
case "height":
|
||
this.uiDialog.height(value);
|
||
break;
|
||
case "position":
|
||
this._position(value);
|
||
break;
|
||
case "resizable":
|
||
var uiDialog = this.uiDialog,
|
||
isResizable = this.uiDialog.is(':data(resizable)');
|
||
|
||
// currently resizable, becoming non-resizable
|
||
(isResizable && !value && uiDialog.resizable('destroy'));
|
||
|
||
// currently resizable, changing handles
|
||
(isResizable && typeof value == 'string' &&
|
||
uiDialog.resizable('option', 'handles', value));
|
||
|
||
// currently non-resizable, becoming resizable
|
||
(isResizable || this._makeResizable(value));
|
||
|
||
break;
|
||
case "title":
|
||
$(".ui-dialog-title", this.uiDialogTitlebar).html(value || ' ');
|
||
break;
|
||
case "width":
|
||
this.uiDialog.width(value);
|
||
break;
|
||
}
|
||
|
||
$.widget.prototype._setData.apply(this, arguments);
|
||
},
|
||
|
||
_size: function() {
|
||
/* If the user has resized the dialog, the .ui-dialog and .ui-dialog-content
|
||
* divs will both have width and height set, so we need to reset them
|
||
*/
|
||
var options = this.options;
|
||
|
||
// reset content sizing
|
||
this.element.css({
|
||
height: 0,
|
||
minHeight: 0,
|
||
width: 'auto'
|
||
});
|
||
|
||
// reset wrapper sizing
|
||
// determine the height of all the non-content elements
|
||
var nonContentHeight = this.uiDialog.css({
|
||
height: 'auto',
|
||
width: options.width
|
||
})
|
||
.height();
|
||
|
||
this.element
|
||
.css({
|
||
minHeight: options.minHeight - nonContentHeight,
|
||
height: options.height == 'auto'
|
||
? 'auto'
|
||
: options.height - nonContentHeight
|
||
});
|
||
}
|
||
});
|
||
|
||
$.extend($.ui.dialog, {
|
||
version: "1.6rc5",
|
||
defaults: {
|
||
autoOpen: true,
|
||
bgiframe: false,
|
||
buttons: {},
|
||
closeOnEscape: true,
|
||
closeText: 'close',
|
||
draggable: true,
|
||
height: 'auto',
|
||
minHeight: 150,
|
||
minWidth: 150,
|
||
modal: false,
|
||
overlay: {},
|
||
position: 'center',
|
||
resizable: true,
|
||
stack: true,
|
||
width: 300,
|
||
zIndex: 1000
|
||
},
|
||
|
||
getter: 'isOpen',
|
||
|
||
uuid: 0,
|
||
|
||
getTitleId: function($el) {
|
||
return 'ui-dialog-title-' + ($el.attr('id') || ++this.uuid);
|
||
},
|
||
|
||
overlay: function(dialog) {
|
||
this.$el = $.ui.dialog.overlay.create(dialog);
|
||
}
|
||
});
|
||
|
||
$.extend($.ui.dialog.overlay, {
|
||
instances: [],
|
||
events: $.map('focus,mousedown,mouseup,keydown,keypress,click'.split(','),
|
||
function(event) { return event + '.dialog-overlay'; }).join(' '),
|
||
create: function(dialog) {
|
||
if (this.instances.length === 0) {
|
||
// prevent use of anchors and inputs
|
||
// we use a setTimeout in case the overlay is created from an
|
||
// event that we're going to be cancelling (see #2804)
|
||
setTimeout(function() {
|
||
$('a, :input').bind($.ui.dialog.overlay.events, function() {
|
||
// allow use of the element if inside a dialog and
|
||
// - there are no modal dialogs
|
||
// - there are modal dialogs, but we are in front of the topmost modal
|
||
var allow = false;
|
||
var $dialog = $(this).parents('.ui-dialog');
|
||
if ($dialog.length) {
|
||
var $overlays = $('.ui-dialog-overlay');
|
||
if ($overlays.length) {
|
||
var maxZ = parseInt($overlays.css('z-index'), 10);
|
||
$overlays.each(function() {
|
||
maxZ = Math.max(maxZ, parseInt($(this).css('z-index'), 10));
|
||
});
|
||
allow = parseInt($dialog.css('z-index'), 10) > maxZ;
|
||
} else {
|
||
allow = true;
|
||
}
|
||
}
|
||
return allow;
|
||
});
|
||
}, 1);
|
||
|
||
// allow closing by pressing the escape key
|
||
$(document).bind('keydown.dialog-overlay', function(event) {
|
||
(dialog.options.closeOnEscape && event.keyCode
|
||
&& event.keyCode == $.ui.keyCode.ESCAPE && dialog.close());
|
||
});
|
||
|
||
// handle window resize
|
||
$(window).bind('resize.dialog-overlay', $.ui.dialog.overlay.resize);
|
||
}
|
||
|
||
var $el = $('<div></div>').appendTo(document.body)
|
||
.addClass('ui-dialog-overlay').css($.extend({
|
||
borderWidth: 0, margin: 0, padding: 0,
|
||
position: 'absolute', top: 0, left: 0,
|
||
width: this.width(),
|
||
height: this.height()
|
||
}, dialog.options.overlay));
|
||
|
||
(dialog.options.bgiframe && $.fn.bgiframe && $el.bgiframe());
|
||
|
||
this.instances.push($el);
|
||
return $el;
|
||
},
|
||
|
||
destroy: function($el) {
|
||
this.instances.splice($.inArray(this.instances, $el), 1);
|
||
|
||
if (this.instances.length === 0) {
|
||
$('a, :input').add([document, window]).unbind('.dialog-overlay');
|
||
}
|
||
|
||
$el.remove();
|
||
},
|
||
|
||
height: function() {
|
||
// handle IE 6
|
||
if ($.browser.msie && $.browser.version < 7) {
|
||
var scrollHeight = Math.max(
|
||
document.documentElement.scrollHeight,
|
||
document.body.scrollHeight
|
||
);
|
||
var offsetHeight = Math.max(
|
||
document.documentElement.offsetHeight,
|
||
document.body.offsetHeight
|
||
);
|
||
|
||
if (scrollHeight < offsetHeight) {
|
||
return $(window).height() + 'px';
|
||
} else {
|
||
return scrollHeight + 'px';
|
||
}
|
||
// handle "good" browsers
|
||
} else {
|
||
return $(document).height() + 'px';
|
||
}
|
||
},
|
||
|
||
width: function() {
|
||
// handle IE 6
|
||
if ($.browser.msie && $.browser.version < 7) {
|
||
var scrollWidth = Math.max(
|
||
document.documentElement.scrollWidth,
|
||
document.body.scrollWidth
|
||
);
|
||
var offsetWidth = Math.max(
|
||
document.documentElement.offsetWidth,
|
||
document.body.offsetWidth
|
||
);
|
||
|
||
if (scrollWidth < offsetWidth) {
|
||
return $(window).width() + 'px';
|
||
} else {
|
||
return scrollWidth + 'px';
|
||
}
|
||
// handle "good" browsers
|
||
} else {
|
||
return $(document).width() + 'px';
|
||
}
|
||
},
|
||
|
||
resize: function() {
|
||
/* If the dialog is draggable and the user drags it past the
|
||
* right edge of the window, the document becomes wider so we
|
||
* need to stretch the overlay. If the user then drags the
|
||
* dialog back to the left, the document will become narrower,
|
||
* so we need to shrink the overlay to the appropriate size.
|
||
* This is handled by shrinking the overlay before setting it
|
||
* to the full document size.
|
||
*/
|
||
var $overlays = $([]);
|
||
$.each($.ui.dialog.overlay.instances, function() {
|
||
$overlays = $overlays.add(this);
|
||
});
|
||
|
||
$overlays.css({
|
||
width: 0,
|
||
height: 0
|
||
}).css({
|
||
width: $.ui.dialog.overlay.width(),
|
||
height: $.ui.dialog.overlay.height()
|
||
});
|
||
}
|
||
});
|
||
|
||
$.extend($.ui.dialog.overlay.prototype, {
|
||
destroy: function() {
|
||
$.ui.dialog.overlay.destroy(this.$el);
|
||
}
|
||
});
|
||
|
||
})(jQuery);
|
||
/*
|
||
* jQuery UI Progressbar 1.6rc5
|
||
*
|
||
* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
|
||
* Dual licensed under the MIT (MIT-LICENSE.txt)
|
||
* and GPL (GPL-LICENSE.txt) licenses.
|
||
*
|
||
* http://docs.jquery.com/UI/Progressbar
|
||
*
|
||
* Depends:
|
||
* ui.core.js
|
||
*/
|
||
(function($) {
|
||
|
||
$.widget("ui.progressbar", {
|
||
|
||
_init: function() {
|
||
|
||
var self = this,
|
||
options = this.options;
|
||
|
||
this.element
|
||
.addClass("ui-progressbar"
|
||
+ " ui-widget"
|
||
+ " ui-widget-content"
|
||
+ " ui-corner-all")
|
||
.attr({
|
||
role: "progressbar",
|
||
"aria-valuemin": this._valueMin(),
|
||
"aria-valuemax": this._valueMax(),
|
||
"aria-valuenow": this._value()
|
||
});
|
||
|
||
this.valueDiv = $('<div class="ui-progressbar-value ui-widget-header ui-corner-left"></div>').appendTo(this.element);
|
||
|
||
this._refreshValue();
|
||
|
||
},
|
||
|
||
destroy: function() {
|
||
|
||
this.element
|
||
.removeClass("ui-progressbar"
|
||
+ " ui-widget"
|
||
+ " ui-widget-content"
|
||
+ " ui-corner-all")
|
||
.removeAttr("role")
|
||
.removeAttr("aria-valuemin")
|
||
.removeAttr("aria-valuemax")
|
||
.removeAttr("aria-valuenow")
|
||
.removeData("progressbar")
|
||
.unbind(".progressbar");
|
||
|
||
this.valueDiv.remove();
|
||
|
||
$.widget.prototype.destroy.apply(this, arguments);
|
||
|
||
},
|
||
|
||
value: function(newValue) {
|
||
arguments.length && this._setData("value", newValue);
|
||
|
||
return this._value();
|
||
},
|
||
|
||
_setData: function(key, value){
|
||
switch (key) {
|
||
case 'value':
|
||
this.options.value = value;
|
||
this._refreshValue();
|
||
this._trigger('change', null, {});
|
||
break;
|
||
}
|
||
|
||
$.widget.prototype._setData.apply(this, arguments);
|
||
},
|
||
|
||
_value: function() {
|
||
var val = this.options.value;
|
||
if (val < this._valueMin()) val = this._valueMin();
|
||
if (val > this._valueMax()) val = this._valueMax();
|
||
|
||
return val;
|
||
},
|
||
|
||
_valueMin: function() {
|
||
var valueMin = 0;
|
||
|
||
return valueMin;
|
||
},
|
||
|
||
_valueMax: function() {
|
||
var valueMax = 100;
|
||
|
||
return valueMax;
|
||
},
|
||
|
||
_refreshValue: function() {
|
||
var value = this.value();
|
||
this.valueDiv[value == this._valueMax() ? 'addClass' : 'removeClass']("ui-corner-right");
|
||
this.valueDiv.width(value + '%');
|
||
this.element.attr("aria-valuenow", value);
|
||
}
|
||
|
||
});
|
||
|
||
$.extend($.ui.progressbar, {
|
||
version: "1.6rc5",
|
||
defaults: {
|
||
value: 0
|
||
}
|
||
});
|
||
|
||
})(jQuery);
|
||
/*
|
||
* jQuery UI Slider 1.6rc5
|
||
*
|
||
* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
|
||
* Dual licensed under the MIT (MIT-LICENSE.txt)
|
||
* and GPL (GPL-LICENSE.txt) licenses.
|
||
*
|
||
* http://docs.jquery.com/UI/Slider
|
||
*
|
||
* Depends:
|
||
* ui.core.js
|
||
*/
|
||
|
||
(function($) {
|
||
|
||
$.widget("ui.slider", $.extend({}, $.ui.mouse, {
|
||
|
||
_init: function() {
|
||
|
||
var self = this, o = this.options;
|
||
this._keySliding = false;
|
||
this._handleIndex = null;
|
||
this.orientation = o.orientation == 'auto' ? (this.element[0].offsetWidth/this.element[0].offsetHeight > 1 ? 'horizontal' : 'vertical') : o.orientation;
|
||
|
||
this._mouseInit();
|
||
|
||
this.element
|
||
.addClass("ui-slider"
|
||
+ " ui-slider-" + this.orientation
|
||
+ " ui-widget"
|
||
+ " ui-widget-content"
|
||
+ " ui-corner-all");
|
||
|
||
this.range = $([]);
|
||
|
||
if (o.range) {
|
||
|
||
if (o.range === true) {
|
||
this.range = $('<div></div>');
|
||
if (!o.values) o.values = [this._valueMin(), this._valueMin()];
|
||
if (o.values.length && o.values.length != 2) {
|
||
o.values = [o.values[0], o.values[0]];
|
||
}
|
||
} else {
|
||
this.range = $('<div></div>');
|
||
}
|
||
|
||
this.range
|
||
.appendTo(this.element)
|
||
.addClass("ui-slider-range"
|
||
+ " ui-widget-header");
|
||
|
||
(o.range == "min") && (this.orientation == "horizontal") && this.range.css({ left : 0 });
|
||
(o.range == "max") && (this.orientation == "horizontal") && this.range.css({ right : 0 });
|
||
(o.range == "min") && (this.orientation == "vertical") && this.range.css({ bottom : 0 });
|
||
(o.range == "max") && (this.orientation == "vertical") && this.range.css({ top : 0 });
|
||
|
||
}
|
||
|
||
if ($(".ui-slider-handle", this.element).length == 0)
|
||
$('<a href="#"></a>')
|
||
.appendTo(this.element)
|
||
.addClass("ui-slider-handle");
|
||
|
||
if (o.values && o.values.length) {
|
||
while ($(".ui-slider-handle", this.element).length < o.values.length)
|
||
$('<a href="#"></a>')
|
||
.appendTo(this.element)
|
||
.addClass("ui-slider-handle");
|
||
}
|
||
|
||
this.handles = $(".ui-slider-handle", this.element)
|
||
.addClass("ui-state-default"
|
||
+ " ui-corner-all");
|
||
|
||
this.handle = this.handles.eq(0);
|
||
|
||
this.handles.add(this.range).filter("a")
|
||
.click(function(event) { event.preventDefault(); })
|
||
.hover(function() { $(this).addClass('ui-state-hover'); }, function() { $(this).removeClass('ui-state-hover'); })
|
||
.focus(function() { self.handles.removeClass('ui-state-focus'); $(this).addClass('ui-state-focus'); })
|
||
.blur(function() { $(this).removeClass('ui-state-focus'); });
|
||
|
||
this.handles.each(function(i) {
|
||
$(this).data("index.ui-slider-handle", i);
|
||
});
|
||
|
||
this.handles.keydown(function(event) {
|
||
|
||
var index = $(this).data("index.ui-slider-handle");
|
||
|
||
if (self.options.disabled)
|
||
return;
|
||
|
||
switch (event.keyCode) {
|
||
case $.ui.keyCode.HOME:
|
||
case $.ui.keyCode.END:
|
||
case $.ui.keyCode.UP:
|
||
case $.ui.keyCode.RIGHT:
|
||
case $.ui.keyCode.DOWN:
|
||
case $.ui.keyCode.LEFT:
|
||
if (!self._keySliding) {
|
||
self._keySliding = true;
|
||
$(this).addClass("ui-state-active");
|
||
self._start(event);
|
||
}
|
||
break;
|
||
}
|
||
|
||
var curVal, newVal, step = self._step();
|
||
if (self.options.values && self.options.values.length) {
|
||
curVal = newVal = self.values(index);
|
||
} else {
|
||
curVal = newVal = self.value();
|
||
}
|
||
|
||
switch (event.keyCode) {
|
||
case $.ui.keyCode.HOME:
|
||
newVal = self._valueMin();
|
||
break;
|
||
case $.ui.keyCode.END:
|
||
newVal = self._valueMax();
|
||
break;
|
||
case $.ui.keyCode.UP:
|
||
case $.ui.keyCode.RIGHT:
|
||
newVal = curVal + step;
|
||
break;
|
||
case $.ui.keyCode.DOWN:
|
||
case $.ui.keyCode.LEFT:
|
||
newVal = curVal - step;
|
||
break;
|
||
}
|
||
|
||
self._slide(event, index, newVal);
|
||
|
||
}).keyup(function(event) {
|
||
|
||
if (self._keySliding) {
|
||
self._stop(event);
|
||
self._change(event);
|
||
self._keySliding = false;
|
||
$(this).removeClass("ui-state-active");
|
||
}
|
||
|
||
});
|
||
|
||
this._refreshValue();
|
||
|
||
},
|
||
|
||
destroy: function() {
|
||
|
||
this.handles.remove();
|
||
|
||
this.element
|
||
.removeClass("ui-slider"
|
||
+ " ui-slider-horizontal"
|
||
+ " ui-slider-vertical"
|
||
+ " ui-slider-disabled"
|
||
+ " ui-widget"
|
||
+ " ui-widget-content"
|
||
+ " ui-corner-all")
|
||
.removeData("slider")
|
||
.unbind(".slider");
|
||
|
||
this._mouseDestroy();
|
||
|
||
},
|
||
|
||
_mouseCapture: function(event) {
|
||
|
||
var o = this.options;
|
||
|
||
if (o.disabled)
|
||
return false;
|
||
|
||
this._start(event);
|
||
|
||
this.elementSize = {
|
||
width: this.element.outerWidth(),
|
||
height: this.element.outerHeight()
|
||
};
|
||
this.elementOffset = this.element.offset();
|
||
|
||
var position = { x: event.pageX, y: event.pageY };
|
||
var normValue = this._normValueFromMouse(position);
|
||
|
||
var distance = this._valueMax(), closestHandle;
|
||
var self = this, index;
|
||
this.handles.each(function(i) {
|
||
var thisDistance = Math.abs(normValue - self.values(i));
|
||
if (distance > thisDistance) {
|
||
distance = thisDistance;
|
||
closestHandle = $(this);
|
||
index = i;
|
||
}
|
||
});
|
||
|
||
self._handleIndex = index;
|
||
|
||
closestHandle
|
||
.addClass("ui-state-active")
|
||
.focus();
|
||
|
||
this._slide(event, index, normValue);
|
||
|
||
return true;
|
||
|
||
},
|
||
|
||
_mouseStart: function(event) {
|
||
return true;
|
||
},
|
||
|
||
_mouseDrag: function(event) {
|
||
|
||
var position = { x: event.pageX, y: event.pageY };
|
||
var normValue = this._normValueFromMouse(position);
|
||
|
||
this._slide(event, this._handleIndex, normValue);
|
||
|
||
return false;
|
||
|
||
},
|
||
|
||
_mouseStop: function(event) {
|
||
|
||
this.handles.removeClass("ui-state-active");
|
||
this._stop(event);
|
||
this._change(event);
|
||
this._handleIndex = null;
|
||
|
||
return false;
|
||
|
||
},
|
||
|
||
_normValueFromMouse: function(position) {
|
||
|
||
var pixelTotal, pixelMouse;
|
||
if ('horizontal' == this.orientation) {
|
||
pixelTotal = this.elementSize.width;
|
||
pixelMouse = position.x - this.elementOffset.left;
|
||
} else {
|
||
pixelTotal = this.elementSize.height;
|
||
pixelMouse = position.y - this.elementOffset.top;
|
||
}
|
||
|
||
var percentMouse = (pixelMouse / pixelTotal);
|
||
if (percentMouse > 1) percentMouse = 1;
|
||
if (percentMouse < 0) percentMouse = 0;
|
||
if ('vertical' == this.orientation)
|
||
percentMouse = 1 - percentMouse;
|
||
|
||
var valueTotal = this._valueMax() - this._valueMin(),
|
||
valueMouse = percentMouse * valueTotal,
|
||
valueMouseModStep = valueMouse % this.options.step,
|
||
normValue = this._valueMin() + valueMouse - valueMouseModStep;
|
||
|
||
if (valueMouseModStep > (this.options.step / 2))
|
||
normValue += this.options.step;
|
||
|
||
return normValue;
|
||
|
||
},
|
||
|
||
_start: function(event) {
|
||
this._trigger("start", event, {
|
||
value: this.value()
|
||
});
|
||
},
|
||
|
||
_slide: function(event, index, newVal) {
|
||
|
||
if (this.options.values && this.options.values.length) {
|
||
|
||
var handle = this.handles[index];
|
||
var otherVal = this.values(index ? 0 : 1);
|
||
|
||
if ((index == 0 && newVal >= otherVal) || (index == 1 && newVal <= otherVal))
|
||
newVal = otherVal;
|
||
|
||
if (newVal != this.values(index)) {
|
||
var newValues = this.values();
|
||
newValues[index] = newVal;
|
||
// A slide can be canceled by returning false from the slide callback
|
||
var allowed = this._trigger("slide", event, {
|
||
handle: handle,
|
||
value: newVal,
|
||
values: newValues
|
||
});
|
||
var otherVal = this.values(index ? 0 : 1);
|
||
if (allowed !== false) {
|
||
this.values(index, newVal);
|
||
}
|
||
}
|
||
|
||
} else {
|
||
|
||
if (newVal != this.value()) {
|
||
// A slide can be canceled by returning false from the slide callback
|
||
var allowed = this._trigger("slide", event, {
|
||
value: newVal
|
||
});
|
||
if (allowed !== false)
|
||
this._setData('value', newVal);
|
||
}
|
||
|
||
}
|
||
|
||
},
|
||
|
||
_stop: function(event) {
|
||
this._trigger("stop", event, {
|
||
value: this.value()
|
||
});
|
||
},
|
||
|
||
_change: function(event) {
|
||
this._trigger("change", event, {
|
||
value: this.value()
|
||
});
|
||
},
|
||
|
||
value: function(newValue) {
|
||
|
||
if (arguments.length) {
|
||
this._setData("value", newValue);
|
||
this._change();
|
||
}
|
||
|
||
return this._value();
|
||
|
||
},
|
||
|
||
values: function(index, newValue) {
|
||
|
||
if (arguments.length > 1) {
|
||
this.options.values[index] = newValue;
|
||
this._refreshValue();
|
||
this._change();
|
||
}
|
||
|
||
if (arguments.length) {
|
||
if (this.options.values && this.options.values.length) {
|
||
return this._values(index);
|
||
} else {
|
||
return this.value();
|
||
}
|
||
} else {
|
||
return this._values();
|
||
}
|
||
|
||
},
|
||
|
||
_setData: function(key, value) {
|
||
|
||
$.widget.prototype._setData.apply(this, arguments);
|
||
|
||
switch (key) {
|
||
case 'orientation':
|
||
|
||
this.orientation = this.options.orientation == 'auto' ? (this.element[0].offsetWidth/this.element[0].offsetHeight > 1 ? 'horizontal' : 'vertical') : this.options.orientation;
|
||
|
||
this.element
|
||
.removeClass("ui-slider-horizontal ui-slider-vertical")
|
||
.addClass("ui-slider-" + this._orientation());
|
||
this._refreshValue();
|
||
break;
|
||
case 'value':
|
||
this._refreshValue();
|
||
break;
|
||
}
|
||
|
||
},
|
||
|
||
_step: function() {
|
||
var step = this.options.step;
|
||
return step;
|
||
},
|
||
|
||
_value: function() {
|
||
|
||
var val = this.options.value;
|
||
if (val < this._valueMin()) val = this._valueMin();
|
||
if (val > this._valueMax()) val = this._valueMax();
|
||
|
||
return val;
|
||
|
||
},
|
||
|
||
_values: function(index) {
|
||
|
||
if (arguments.length) {
|
||
var val = this.options.values[index];
|
||
if (val < this._valueMin()) val = this._valueMin();
|
||
if (val > this._valueMax()) val = this._valueMax();
|
||
|
||
return val;
|
||
} else {
|
||
return this.options.values;
|
||
}
|
||
|
||
},
|
||
|
||
_valueMin: function() {
|
||
var valueMin = this.options.min;
|
||
return valueMin;
|
||
},
|
||
|
||
_valueMax: function() {
|
||
var valueMax = this.options.max;
|
||
return valueMax;
|
||
},
|
||
|
||
_refreshValue: function() {
|
||
|
||
var oRange = this.options.range;
|
||
|
||
if (this.options.values && this.options.values.length) {
|
||
var self = this, vp0, vp1;
|
||
this.handles.each(function(i, j) {
|
||
var valPercent = (self.values(i) - self._valueMin()) / (self._valueMax() - self._valueMin()) * 100;
|
||
$(this).css(self.orientation == 'horizontal' ? 'left' : 'bottom', valPercent + '%');
|
||
if (self.options.range === true) {
|
||
if (self.orientation == 'horizontal') {
|
||
(i == 0) && self.range.css('left', valPercent + '%');
|
||
(i == 1) && self.range.css('width', (valPercent - lastValPercent) + '%');
|
||
} else {
|
||
(i == 0) && self.range.css('bottom', (valPercent) + '%');
|
||
(i == 1) && self.range.css('height', (valPercent - lastValPercent) + '%');
|
||
}
|
||
}
|
||
lastValPercent = valPercent;
|
||
});
|
||
} else {
|
||
var valPercent = (this.value() - this._valueMin()) / (this._valueMax() - this._valueMin()) * 100;
|
||
this.handle.css(this.orientation == 'horizontal' ? 'left' : 'bottom', valPercent + '%');
|
||
|
||
(oRange == "min") && (this.orientation == "horizontal") && this.range.css({ left: 0, width: valPercent + '%' });
|
||
(oRange == "max") && (this.orientation == "horizontal") && this.range.css({ left: valPercent + '%', width: (100 - valPercent) + '%' });
|
||
(oRange == "min") && (this.orientation == "vertical") && this.range.css({ top: (100 - valPercent) + '%', height: valPercent + '%' });
|
||
(oRange == "max") && (this.orientation == "vertical") && this.range.css({ bottom: valPercent + '%', height: (100 - valPercent) + '%' });
|
||
}
|
||
|
||
}
|
||
|
||
}));
|
||
|
||
$.extend($.ui.slider, {
|
||
getter: "value values",
|
||
version: "1.6rc5",
|
||
eventPrefix: "slide",
|
||
defaults: {
|
||
delay: 0,
|
||
distance: 0,
|
||
max: 100,
|
||
min: 0,
|
||
orientation: 'auto',
|
||
range: false,
|
||
step: 1,
|
||
value: 0,
|
||
values: null
|
||
}
|
||
});
|
||
|
||
})(jQuery);
|
||
/*
|
||
* jQuery UI Tabs 1.6rc5
|
||
*
|
||
* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
|
||
* Dual licensed under the MIT (MIT-LICENSE.txt)
|
||
* and GPL (GPL-LICENSE.txt) licenses.
|
||
*
|
||
* http://docs.jquery.com/UI/Tabs
|
||
*
|
||
* Depends:
|
||
* ui.core.js
|
||
*/
|
||
(function($) {
|
||
|
||
$.widget("ui.tabs", {
|
||
|
||
_init: function() {
|
||
// create tabs
|
||
this._tabify(true);
|
||
},
|
||
|
||
destroy: function() {
|
||
var o = this.options;
|
||
this.list.unbind('.tabs')
|
||
.removeClass(o.navClass).removeData('tabs');
|
||
this.$tabs.each(function() {
|
||
var href = $.data(this, 'href.tabs');
|
||
if (href)
|
||
this.href = href;
|
||
var $this = $(this).unbind('.tabs');
|
||
$.each(['href', 'load', 'cache'], function(i, prefix) {
|
||
$this.removeData(prefix + '.tabs');
|
||
});
|
||
});
|
||
this.$lis.unbind('.tabs').add(this.$panels).each(function() {
|
||
if ($.data(this, 'destroy.tabs'))
|
||
$(this).remove();
|
||
else
|
||
$(this).removeClass([o.tabClass, o.selectedClass, o.deselectableClass,
|
||
o.disabledClass, o.panelClass, o.hideClass].join(' '));
|
||
});
|
||
if (o.cookie)
|
||
this._cookie(null, o.cookie);
|
||
},
|
||
|
||
_setData: function(key, value) {
|
||
if ((/^selected/).test(key))
|
||
this.select(value);
|
||
else {
|
||
this.options[key] = value;
|
||
this._tabify();
|
||
}
|
||
},
|
||
|
||
length: function() {
|
||
return this.$tabs.length;
|
||
},
|
||
|
||
_tabId: function(a) {
|
||
return a.title && a.title.replace(/\s/g, '_').replace(/[^A-Za-z0-9\-_:\.]/g, '')
|
||
|| this.options.idPrefix + $.data(a);
|
||
},
|
||
|
||
_sanitizeSelector: function(hash) {
|
||
return hash.replace(/:/g, '\\:'); // we need this because an id may contain a ":"
|
||
},
|
||
|
||
_cookie: function() {
|
||
var cookie = this.cookie || (this.cookie = 'ui-tabs-' + $.data(this.list[0]));
|
||
return $.cookie.apply(null, [cookie].concat($.makeArray(arguments)));
|
||
},
|
||
|
||
_tabify: function(init) {
|
||
|
||
this.list = this.element.is('div') ? this.element.children('ul:first, ol:first').eq(0) : this.element;
|
||
this.$lis = $('li:has(a[href])', this.list);
|
||
this.$tabs = this.$lis.map(function() { return $('a', this)[0]; });
|
||
this.$panels = $([]);
|
||
|
||
var self = this, o = this.options;
|
||
|
||
this.$tabs.each(function(i, a) {
|
||
// inline tab
|
||
if (a.hash && a.hash.replace('#', '')) // Safari 2 reports '#' for an empty hash
|
||
self.$panels = self.$panels.add(self._sanitizeSelector(a.hash));
|
||
// remote tab
|
||
else if ($(a).attr('href') != '#') { // prevent loading the page itself if href is just "#"
|
||
$.data(a, 'href.tabs', a.href); // required for restore on destroy
|
||
$.data(a, 'load.tabs', a.href); // mutable
|
||
var id = self._tabId(a);
|
||
a.href = '#' + id;
|
||
var $panel = $('#' + id);
|
||
if (!$panel.length) {
|
||
$panel = $(o.panelTemplate).attr('id', id).addClass(o.panelClass)
|
||
.insertAfter(self.$panels[i - 1] || self.list);
|
||
$panel.data('destroy.tabs', true);
|
||
}
|
||
self.$panels = self.$panels.add($panel);
|
||
}
|
||
// invalid tab href
|
||
else
|
||
o.disabled.push(i + 1);
|
||
});
|
||
|
||
// initialization from scratch
|
||
if (init) {
|
||
|
||
// attach necessary classes for styling
|
||
if (this.element.is('div')) {
|
||
// TODO replace hardcoded class names
|
||
this.element.addClass('ui-tabs ui-widget ui-widget-content ui-corner-all');
|
||
}
|
||
this.list.addClass(o.navClass);
|
||
this.$lis.addClass(o.tabClass);
|
||
this.$panels.addClass(o.panelClass);
|
||
|
||
// Selected tab
|
||
// use "selected" option or try to retrieve:
|
||
// 1. from fragment identifier in url
|
||
// 2. from cookie
|
||
// 3. from selected class attribute on <li>
|
||
if (o.selected === undefined) {
|
||
if (location.hash) {
|
||
this.$tabs.each(function(i, a) {
|
||
if (a.hash == location.hash) {
|
||
o.selected = i;
|
||
return false; // break
|
||
}
|
||
});
|
||
}
|
||
else if (o.cookie) {
|
||
var index = parseInt(self._cookie(), 10);
|
||
if (index && self.$tabs[index]) o.selected = index;
|
||
}
|
||
else if (self.$lis.filter('.' + o.selectedClass).length)
|
||
o.selected = self.$lis.index( self.$lis.filter('.' + o.selectedClass)[0] );
|
||
}
|
||
o.selected = o.selected === null || o.selected !== undefined ? o.selected : 0; // first tab selected by default
|
||
|
||
// Take disabling tabs via class attribute from HTML
|
||
// into account and update option properly.
|
||
// A selected tab cannot become disabled.
|
||
o.disabled = $.unique(o.disabled.concat(
|
||
$.map(this.$lis.filter('.' + o.disabledClass),
|
||
function(n, i) { return self.$lis.index(n); } )
|
||
)).sort();
|
||
if ($.inArray(o.selected, o.disabled) != -1)
|
||
o.disabled.splice($.inArray(o.selected, o.disabled), 1);
|
||
|
||
// highlight selected tab
|
||
this.$panels.addClass(o.hideClass);
|
||
this.$lis.removeClass(o.selectedClass);
|
||
if (o.selected !== null && this.$tabs.length) { // check for length avoids error when initializing empty list
|
||
this.$panels.eq(o.selected).removeClass(o.hideClass);
|
||
var classes = [o.selectedClass];
|
||
if (o.deselectable) classes.push(o.deselectableClass);
|
||
this.$lis.eq(o.selected).addClass(classes.join(' '));
|
||
|
||
// seems to be expected behavior that the show callback is fired
|
||
var onShow = function() {
|
||
self._trigger('show', null,
|
||
self.ui(self.$tabs[o.selected], self.$panels[o.selected]));
|
||
};
|
||
|
||
// load if remote tab
|
||
if ($.data(this.$tabs[o.selected], 'load.tabs'))
|
||
this.load(o.selected, onShow);
|
||
// just trigger show event
|
||
else onShow();
|
||
}
|
||
|
||
// states
|
||
var handleState = function(state, el) {
|
||
if (el.is(':not(.' + o.disabledClass + ')')) el.toggleClass('ui-state-' + state);
|
||
};
|
||
this.$lis.bind('mouseover.tabs mouseout.tabs', function() {
|
||
handleState('hover', $(this));
|
||
});
|
||
this.$tabs.bind('focus.tabs blur.tabs', function() {
|
||
handleState('focus', $(this).parents('li:first'));
|
||
});
|
||
|
||
// clean up to avoid memory leaks in certain versions of IE 6
|
||
$(window).bind('unload', function() {
|
||
self.$lis.add(self.$tabs).unbind('.tabs');
|
||
self.$lis = self.$tabs = self.$panels = null;
|
||
});
|
||
|
||
}
|
||
// update selected after add/remove
|
||
else
|
||
o.selected = this.$lis.index( this.$lis.filter('.' + o.selectedClass)[0] );
|
||
|
||
// set or update cookie after init and add/remove respectively
|
||
if (o.cookie) this._cookie(o.selected, o.cookie);
|
||
|
||
// disable tabs
|
||
for (var i = 0, li; li = this.$lis[i]; i++)
|
||
$(li)[$.inArray(i, o.disabled) != -1 && !$(li).hasClass(o.selectedClass) ? 'addClass' : 'removeClass'](o.disabledClass);
|
||
|
||
// reset cache if switching from cached to not cached
|
||
if (o.cache === false) this.$tabs.removeData('cache.tabs');
|
||
|
||
// set up animations
|
||
var hideFx, showFx;
|
||
if (o.fx) {
|
||
if (o.fx.constructor == Array) {
|
||
hideFx = o.fx[0];
|
||
showFx = o.fx[1];
|
||
}
|
||
else hideFx = showFx = o.fx;
|
||
}
|
||
|
||
// Reset certain styles left over from animation
|
||
// and prevent IE's ClearType bug...
|
||
function resetStyle($el, fx) {
|
||
$el.css({ display: '' });
|
||
if ($.browser.msie && fx.opacity) $el[0].style.removeAttribute('filter');
|
||
}
|
||
|
||
// Show a tab...
|
||
var showTab = showFx ?
|
||
function(clicked, $show) {
|
||
$show.animate(showFx, showFx.duration || 'normal', function() {
|
||
$show.removeClass(o.hideClass);
|
||
resetStyle($show, showFx);
|
||
self._trigger('show', null, self.ui(clicked, $show[0]));
|
||
});
|
||
} :
|
||
function(clicked, $show) {
|
||
$show.removeClass(o.hideClass);
|
||
self._trigger('show', null, self.ui(clicked, $show[0]));
|
||
};
|
||
|
||
// Hide a tab, $show is optional...
|
||
var hideTab = hideFx ?
|
||
function(clicked, $hide, $show) {
|
||
$hide.animate(hideFx, hideFx.duration || 'normal', function() {
|
||
$hide.addClass(o.hideClass);
|
||
resetStyle($hide, hideFx);
|
||
if ($show) showTab(clicked, $show, $hide);
|
||
});
|
||
} :
|
||
function(clicked, $hide, $show) {
|
||
$hide.addClass(o.hideClass);
|
||
if ($show) showTab(clicked, $show);
|
||
};
|
||
|
||
// Switch a tab...
|
||
function switchTab(clicked, $li, $hide, $show) {
|
||
var classes = [o.selectedClass];
|
||
if (o.deselectable) classes.push(o.deselectableClass);
|
||
// TODO replace hardcoded class names
|
||
$li.removeClass('ui-state-default').addClass(classes.join(' '))
|
||
.siblings().removeClass(classes.join(' ')).addClass('ui-state-default');
|
||
hideTab(clicked, $hide, $show);
|
||
}
|
||
|
||
// attach tab event handler, unbind to avoid duplicates from former tabifying...
|
||
this.$tabs.unbind('.tabs').bind(o.event + '.tabs', function() {
|
||
|
||
//var trueClick = event.clientX; // add to history only if true click occured, not a triggered click
|
||
var $li = $(this).parents('li:eq(0)'),
|
||
$hide = self.$panels.filter(':visible'),
|
||
$show = $(self._sanitizeSelector(this.hash));
|
||
|
||
// If tab is already selected and not deselectable or tab disabled or
|
||
// or is already loading or click callback returns false stop here.
|
||
// Check if click handler returns false last so that it is not executed
|
||
// for a disabled or loading tab!
|
||
// TODO replace hardcoded class names
|
||
if (($li.hasClass('ui-state-active') && !o.deselectable)
|
||
|| $li.hasClass(o.disabledClass)
|
||
|| $(this).hasClass(o.loadingClass)
|
||
|| self._trigger('select', null, self.ui(this, $show[0])) === false
|
||
) {
|
||
this.blur();
|
||
return false;
|
||
}
|
||
|
||
o.selected = self.$tabs.index(this);
|
||
|
||
// if tab may be closed
|
||
// TODO replace hardcoded class names
|
||
if (o.deselectable) {
|
||
if ($li.hasClass('ui-state-active')) {
|
||
self.options.selected = null;
|
||
$li.removeClass([o.selectedClass, o.deselectableClass].join(' ')).
|
||
addClass('ui-state-default');
|
||
self.$panels.stop();
|
||
hideTab(this, $hide);
|
||
this.blur();
|
||
return false;
|
||
} else if (!$hide.length) {
|
||
self.$panels.stop();
|
||
var a = this;
|
||
self.load(self.$tabs.index(this), function() {
|
||
$li.addClass([o.selectedClass, o.deselectableClass].join(' '))
|
||
.removeClass('ui-state-default');
|
||
showTab(a, $show);
|
||
});
|
||
this.blur();
|
||
return false;
|
||
}
|
||
}
|
||
|
||
if (o.cookie) self._cookie(o.selected, o.cookie);
|
||
|
||
// stop possibly running animations
|
||
self.$panels.stop();
|
||
|
||
// show new tab
|
||
if ($show.length) {
|
||
var a = this;
|
||
self.load(self.$tabs.index(this), $hide.length ?
|
||
function() {
|
||
switchTab(a, $li, $hide, $show);
|
||
} :
|
||
function() {
|
||
$li.addClass(o.selectedClass).removeClass('ui-state-default');
|
||
showTab(a, $show);
|
||
}
|
||
);
|
||
} else
|
||
throw 'jQuery UI Tabs: Mismatching fragment identifier.';
|
||
|
||
// Prevent IE from keeping other link focussed when using the back button
|
||
// and remove dotted border from clicked link. This is controlled via CSS
|
||
// in modern browsers; blur() removes focus from address bar in Firefox
|
||
// which can become a usability and annoying problem with tabs('rotate').
|
||
if ($.browser.msie) this.blur();
|
||
|
||
return false;
|
||
|
||
});
|
||
|
||
// disable click if event is configured to something else
|
||
if (o.event != 'click') this.$tabs.bind('click.tabs', function(){return false;});
|
||
|
||
},
|
||
|
||
add: function(url, label, index) {
|
||
if (index == undefined)
|
||
index = this.$tabs.length; // append by default
|
||
|
||
var o = this.options;
|
||
var $li = $(o.tabTemplate.replace(/#\{href\}/g, url).replace(/#\{label\}/g, label));
|
||
$li.addClass(o.tabClass).data('destroy.tabs', true);
|
||
|
||
var id = url.indexOf('#') == 0 ? url.replace('#', '') : this._tabId( $('a:first-child', $li)[0] );
|
||
|
||
// try to find an existing element before creating a new one
|
||
var $panel = $('#' + id);
|
||
if (!$panel.length) {
|
||
$panel = $(o.panelTemplate).attr('id', id)
|
||
.addClass(o.hideClass)
|
||
.data('destroy.tabs', true);
|
||
}
|
||
$panel.addClass(o.panelClass);
|
||
if (index >= this.$lis.length) {
|
||
$li.appendTo(this.list);
|
||
$panel.appendTo(this.list[0].parentNode);
|
||
}
|
||
else {
|
||
$li.insertBefore(this.$lis[index]);
|
||
$panel.insertBefore(this.$panels[index]);
|
||
}
|
||
|
||
o.disabled = $.map(o.disabled,
|
||
function(n, i) { return n >= index ? ++n : n });
|
||
|
||
this._tabify();
|
||
|
||
if (this.$tabs.length == 1) {
|
||
$li.addClass(o.selectedClass);
|
||
$panel.removeClass(o.hideClass);
|
||
var href = $.data(this.$tabs[0], 'load.tabs');
|
||
if (href) this.load(index, href);
|
||
}
|
||
|
||
// callback
|
||
this._trigger('add', null, this.ui(this.$tabs[index], this.$panels[index]));
|
||
},
|
||
|
||
remove: function(index) {
|
||
var o = this.options, $li = this.$lis.eq(index).remove(),
|
||
$panel = this.$panels.eq(index).remove();
|
||
|
||
// If selected tab was removed focus tab to the right or
|
||
// in case the last tab was removed the tab to the left.
|
||
if ($li.hasClass(o.selectedClass) && this.$tabs.length > 1)
|
||
this.select(index + (index + 1 < this.$tabs.length ? 1 : -1));
|
||
|
||
o.disabled = $.map($.grep(o.disabled, function(n, i) { return n != index; }),
|
||
function(n, i) { return n >= index ? --n : n });
|
||
|
||
this._tabify();
|
||
|
||
// callback
|
||
this._trigger('remove', null, this.ui($li.find('a')[0], $panel[0]));
|
||
},
|
||
|
||
enable: function(index) {
|
||
var o = this.options;
|
||
if ($.inArray(index, o.disabled) == -1)
|
||
return;
|
||
|
||
var $li = this.$lis.eq(index).removeClass(o.disabledClass);
|
||
if ($.browser.safari) { // fix disappearing tab (that used opacity indicating disabling) after enabling in Safari 2...
|
||
$li.css('display', 'inline-block');
|
||
setTimeout(function() {
|
||
$li.css('display', 'block');
|
||
}, 0);
|
||
}
|
||
|
||
o.disabled = $.grep(o.disabled, function(n, i) { return n != index; });
|
||
|
||
// callback
|
||
this._trigger('enable', null, this.ui(this.$tabs[index], this.$panels[index]));
|
||
},
|
||
|
||
disable: function(index) {
|
||
var self = this, o = this.options;
|
||
if (index != o.selected) { // cannot disable already selected tab
|
||
this.$lis.eq(index).addClass(o.disabledClass);
|
||
|
||
o.disabled.push(index);
|
||
o.disabled.sort();
|
||
|
||
// callback
|
||
this._trigger('disable', null, this.ui(this.$tabs[index], this.$panels[index]));
|
||
}
|
||
},
|
||
|
||
select: function(index) {
|
||
// TODO make null as argument work
|
||
if (typeof index == 'string')
|
||
index = this.$tabs.index( this.$tabs.filter('[href$=' + index + ']')[0] );
|
||
this.$tabs.eq(index).trigger(this.options.event + '.tabs');
|
||
},
|
||
|
||
load: function(index, callback) { // callback is for internal usage only
|
||
|
||
var self = this, o = this.options, $a = this.$tabs.eq(index), a = $a[0],
|
||
bypassCache = callback == undefined || callback === false, url = $a.data('load.tabs');
|
||
|
||
callback = callback || function() {};
|
||
|
||
// no remote or from cache - just finish with callback
|
||
if (!url || !bypassCache && $.data(a, 'cache.tabs')) {
|
||
callback();
|
||
return;
|
||
}
|
||
|
||
// load remote from here on
|
||
|
||
var inner = function(parent) {
|
||
var $parent = $(parent), $inner = $parent.find('*:last');
|
||
return $inner.length && $inner.is(':not(img)') && $inner || $parent;
|
||
};
|
||
var cleanup = function() {
|
||
self.$tabs.filter('.' + o.loadingClass).removeClass(o.loadingClass)
|
||
.each(function() {
|
||
if (o.spinner)
|
||
inner(this).parent().html(inner(this).data('label.tabs'));
|
||
});
|
||
self.xhr = null;
|
||
};
|
||
|
||
if (o.spinner) {
|
||
var label = inner(a).html();
|
||
inner(a).wrapInner('<em></em>')
|
||
.find('em').data('label.tabs', label).html(o.spinner);
|
||
}
|
||
|
||
var ajaxOptions = $.extend({}, o.ajaxOptions, {
|
||
url: url,
|
||
success: function(r, s) {
|
||
$(self._sanitizeSelector(a.hash)).html(r);
|
||
cleanup();
|
||
|
||
if (o.cache)
|
||
$.data(a, 'cache.tabs', true); // if loaded once do not load them again
|
||
|
||
// callbacks
|
||
self._trigger('load', null, self.ui(self.$tabs[index], self.$panels[index]));
|
||
try {
|
||
o.ajaxOptions.success(r, s);
|
||
}
|
||
catch (er) {}
|
||
|
||
// This callback is required because the switch has to take
|
||
// place after loading has completed. Call last in order to
|
||
// fire load before show callback...
|
||
callback();
|
||
}
|
||
});
|
||
if (this.xhr) {
|
||
// terminate pending requests from other tabs and restore tab label
|
||
this.xhr.abort();
|
||
cleanup();
|
||
}
|
||
$a.addClass(o.loadingClass);
|
||
self.xhr = $.ajax(ajaxOptions);
|
||
},
|
||
|
||
url: function(index, url) {
|
||
this.$tabs.eq(index).removeData('cache.tabs').data('load.tabs', url);
|
||
},
|
||
|
||
ui: function(tab, panel) {
|
||
return {
|
||
options: this.options,
|
||
tab: tab,
|
||
panel: panel,
|
||
index: this.$tabs.index(tab)
|
||
};
|
||
}
|
||
|
||
});
|
||
|
||
$.extend($.ui.tabs, {
|
||
version: '1.6rc5',
|
||
getter: 'length',
|
||
defaults: {
|
||
ajaxOptions: null,
|
||
cache: false,
|
||
cookie: null, // e.g. { expires: 7, path: '/', domain: 'jquery.com', secure: true }
|
||
deselectable: false,
|
||
deselectableClass: 'ui-tabs-deselectable',
|
||
disabled: [],
|
||
disabledClass: 'ui-state-disabled',
|
||
event: 'click',
|
||
fx: null, // e.g. { height: 'toggle', opacity: 'toggle', duration: 200 }
|
||
hideClass: 'ui-tabs-hide',
|
||
idPrefix: 'ui-tabs-',
|
||
loadingClass: 'ui-tabs-loading',
|
||
navClass: 'ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all',
|
||
tabClass: 'ui-state-default ui-corner-top',
|
||
panelClass: 'ui-tabs-panel ui-widget-content ui-corner-bottom',
|
||
panelTemplate: '<div></div>',
|
||
selectedClass: 'ui-tabs-selected ui-state-active',
|
||
spinner: 'Loading…',
|
||
tabTemplate: '<li><a href="#{href}"><span>#{label}</span></a></li>'
|
||
}
|
||
});
|
||
|
||
/*
|
||
* Tabs Extensions
|
||
*/
|
||
|
||
/*
|
||
* Rotate
|
||
*/
|
||
$.extend($.ui.tabs.prototype, {
|
||
rotation: null,
|
||
rotate: function(ms, continuing) {
|
||
|
||
continuing = continuing || false;
|
||
|
||
var self = this, t = this.options.selected;
|
||
|
||
function start() {
|
||
self.rotation = setInterval(function() {
|
||
t = ++t < self.$tabs.length ? t : 0;
|
||
self.select(t);
|
||
}, ms);
|
||
}
|
||
|
||
function stop(event) {
|
||
if (!event || event.clientX) { // only in case of a true click
|
||
clearInterval(self.rotation);
|
||
}
|
||
}
|
||
|
||
// start interval
|
||
if (ms) {
|
||
start();
|
||
if (!continuing)
|
||
this.$tabs.bind(this.options.event + '.tabs', stop);
|
||
else
|
||
this.$tabs.bind(this.options.event + '.tabs', function() {
|
||
stop();
|
||
t = self.options.selected;
|
||
start();
|
||
});
|
||
}
|
||
// stop interval
|
||
else {
|
||
stop();
|
||
this.$tabs.unbind(this.options.event + '.tabs', stop);
|
||
}
|
||
}
|
||
});
|
||
|
||
})(jQuery);
|