mirror of
https://github.com/jellyfin/jellyfin-web.git
synced 2024-11-19 03:48:18 -07:00
2545 lines
103 KiB
JavaScript
2545 lines
103 KiB
JavaScript
/*
|
|
* jQuery Mobile v1.4.5
|
|
* http://jquerymobile.com
|
|
*
|
|
* Copyright 2010, 2014 jQuery Foundation, Inc. and other contributors
|
|
* Released under the MIT license.
|
|
* http://jquery.org/license
|
|
*
|
|
*/
|
|
|
|
(function (root, doc, factory) {
|
|
// Browser globals
|
|
factory(root.jQuery, root, doc);
|
|
}(this, document, function (jQuery, window, document, undefined) {/*!
|
|
* jQuery hashchange event - v1.3 - 7/21/2010
|
|
* http://benalman.com/projects/jquery-hashchange-plugin/
|
|
*
|
|
* Copyright (c) 2010 "Cowboy" Ben Alman
|
|
* Dual licensed under the MIT and GPL licenses.
|
|
* http://benalman.com/about/license/
|
|
*/
|
|
|
|
(function ($, window, undefined) {
|
|
|
|
// Reused string.
|
|
var str_hashchange = 'hashchange';
|
|
|
|
// Method: jQuery.fn.hashchange
|
|
//
|
|
// Bind a handler to the window.onhashchange event or trigger all bound
|
|
// window.onhashchange event handlers. This behavior is consistent with
|
|
// jQuery's built-in event handlers.
|
|
//
|
|
// Usage:
|
|
//
|
|
// > jQuery(window).hashchange( [ handler ] );
|
|
//
|
|
// Arguments:
|
|
//
|
|
// handler - (Function) Optional handler to be bound to the hashchange
|
|
// event. This is a "shortcut" for the more verbose form:
|
|
// jQuery(window).bind( 'hashchange', handler ). If handler is omitted,
|
|
// all bound window.onhashchange event handlers will be triggered. This
|
|
// is a shortcut for the more verbose
|
|
// jQuery(window).trigger( 'hashchange' ). These forms are described in
|
|
// the <hashchange event> section.
|
|
//
|
|
// Returns:
|
|
//
|
|
// (jQuery) The initial jQuery collection of elements.
|
|
|
|
// Allow the "shortcut" format $(elem).hashchange( fn ) for binding and
|
|
// $(elem).hashchange() for triggering, like jQuery does for built-in events.
|
|
$.fn[str_hashchange] = function (fn) {
|
|
return fn ? this.bind(str_hashchange, fn) : this.trigger(str_hashchange);
|
|
};
|
|
|
|
$.fn[str_hashchange].delay = 50;
|
|
$.mobile = {};
|
|
|
|
})(jQuery, this);
|
|
|
|
// default the property to remove dependency on assignment in init module
|
|
jQuery.mobile.pageContainer = $();
|
|
|
|
(function ($, window, undefined) {
|
|
var oldFind = $.find,
|
|
jqmDataRE = /:jqmData\(([^)]*)\)/g;
|
|
|
|
$.find = function (selector, context, ret, extra) {
|
|
if (selector.indexOf(":jqmData") > -1) {
|
|
selector = selector.replace(jqmDataRE, "[data-$1]");
|
|
}
|
|
|
|
return oldFind.call(this, selector, context, ret, extra);
|
|
};
|
|
|
|
$.extend($.find, oldFind);
|
|
|
|
})(jQuery, this);
|
|
|
|
(function ($, window, undefined) {
|
|
|
|
function parentWithClass(elem, className) {
|
|
|
|
while (!elem.classList || !elem.classList.contains(className)) {
|
|
elem = elem.parentNode;
|
|
|
|
if (!elem) {
|
|
return null;
|
|
}
|
|
}
|
|
|
|
return elem;
|
|
}
|
|
|
|
$.extend($.mobile, {
|
|
|
|
// Place to store various widget extensions
|
|
behaviors: {},
|
|
|
|
getClosestBaseUrl: function (ele) {
|
|
|
|
var page = parentWithClass(ele, 'ui-page');
|
|
|
|
// Find the closest page and extract out its url.
|
|
var url = (page ? page.getAttribute("data-url") : null),
|
|
base = $.mobile.path.documentBase.hrefNoHash;
|
|
|
|
if (!url || !$.mobile.path.isPath(url)) {
|
|
url = base;
|
|
}
|
|
|
|
return $.mobile.path.makeUrlAbsolute(url, base);
|
|
}
|
|
});
|
|
|
|
// plugins
|
|
$.fn.extend({
|
|
// Enhance child elements
|
|
enhanceWithin: function () {
|
|
var index,
|
|
widgetElements = {},
|
|
that = this;
|
|
|
|
// Enhance widgets
|
|
$.each($.mobile.widgets, function (name, constructor) {
|
|
|
|
// If initSelector not false find elements
|
|
if (constructor.initSelector) {
|
|
|
|
// Filter elements that should not be enhanced based on parents
|
|
var elements = that[0].querySelectorAll(constructor.initSelector);
|
|
|
|
// Enhance whatever is left
|
|
if (elements.length > 0) {
|
|
widgetElements[constructor.prototype.widgetName] = $(elements);
|
|
}
|
|
}
|
|
});
|
|
|
|
for (index in widgetElements) {
|
|
widgetElements[index][index]();
|
|
}
|
|
|
|
return this;
|
|
}
|
|
});
|
|
|
|
$.find.matches = function (expr, set) {
|
|
return $.find(expr, null, null, set);
|
|
};
|
|
|
|
$.find.matchesSelector = function (node, expr) {
|
|
return $.find(expr, null, null, [node]).length > 0;
|
|
};
|
|
|
|
})(jQuery, this);
|
|
|
|
(function ($, undefined) {
|
|
var $win = $(window), self;
|
|
|
|
$.event.special.navigate = self = {
|
|
bound: false,
|
|
|
|
originalEventName: undefined,
|
|
|
|
// TODO a lot of duplication between popstate and hashchange
|
|
popstate: function (event) {
|
|
var newEvent = new $.Event("navigate"),
|
|
state = event.originalEvent.state || {};
|
|
|
|
if (event.historyState) {
|
|
$.extend(state, event.historyState);
|
|
}
|
|
|
|
// Make sure the original event is tracked for the end
|
|
// user to inspect incase they want to do something special
|
|
newEvent.originalEvent = event;
|
|
|
|
// NOTE we let the current stack unwind because any assignment to
|
|
// location.hash will stop the world and run this event handler. By
|
|
// doing this we create a similar behavior to hashchange on hash
|
|
// assignment
|
|
setTimeout(function () {
|
|
$win.trigger(newEvent, {
|
|
state: state
|
|
});
|
|
}, 0);
|
|
},
|
|
|
|
hashchange: function (event /*, data */) {
|
|
|
|
// Trigger the hashchange with state provided by the user
|
|
// that altered the hash
|
|
window.dispatchEvent(new CustomEvent("navigate", {
|
|
detail: {
|
|
// Users that want to fully normalize the two events
|
|
// will need to do history management down the stack and
|
|
// add the state to the event before this binding is fired
|
|
// TODO consider allowing for the explicit addition of callbacks
|
|
// to be fired before this value is set to avoid event timing issues
|
|
state: event.hashchangeState || {}
|
|
}
|
|
}));
|
|
},
|
|
|
|
// TODO We really only want to set this up once
|
|
// but I'm not clear if there's a beter way to achieve
|
|
// this with the jQuery special event structure
|
|
setup: function ( /* data, namespaces */) {
|
|
if (self.bound) {
|
|
return;
|
|
}
|
|
|
|
self.bound = true;
|
|
|
|
self.originalEventName = "popstate";
|
|
$win.bind("popstate.navigate", self.popstate);
|
|
}
|
|
};
|
|
})(jQuery);
|
|
|
|
/*!
|
|
* jQuery UI Widget c0ab71056b936627e8a7821f03c044aec6280a40
|
|
* http://jqueryui.com
|
|
*
|
|
* Copyright 2013 jQuery Foundation and other contributors
|
|
* Released under the MIT license.
|
|
* http://jquery.org/license
|
|
*
|
|
* http://api.jqueryui.com/jQuery.widget/
|
|
*/
|
|
(function ($, undefined) {
|
|
|
|
var uuid = 0,
|
|
slice = Array.prototype.slice,
|
|
_cleanData = $.cleanData;
|
|
$.cleanData = function (elems) {
|
|
for (var i = 0, elem; (elem = elems[i]) != null; i++) {
|
|
try {
|
|
$(elem).triggerHandler("remove");
|
|
// http://bugs.jquery.com/ticket/8235
|
|
} catch (e) { }
|
|
}
|
|
_cleanData(elems);
|
|
};
|
|
|
|
$.widget = function (name, base, prototype) {
|
|
var fullName, existingConstructor, constructor, basePrototype,
|
|
// proxiedPrototype allows the provided prototype to remain unmodified
|
|
// so that it can be used as a mixin for multiple widgets (#8876)
|
|
proxiedPrototype = {},
|
|
namespace = name.split(".")[0];
|
|
|
|
name = name.split(".")[1];
|
|
fullName = namespace + "-" + name;
|
|
|
|
if (!prototype) {
|
|
prototype = base;
|
|
base = $.Widget;
|
|
}
|
|
|
|
// create selector for plugin
|
|
$.expr[":"][fullName.toLowerCase()] = function (elem) {
|
|
return !!$.data(elem, fullName);
|
|
};
|
|
|
|
$[namespace] = $[namespace] || {};
|
|
existingConstructor = $[namespace][name];
|
|
constructor = $[namespace][name] = function (options, element) {
|
|
// allow instantiation without "new" keyword
|
|
if (!this._createWidget) {
|
|
return new constructor(options, element);
|
|
}
|
|
|
|
// allow instantiation without initializing for simple inheritance
|
|
// must use "new" keyword (the code above always passes args)
|
|
if (arguments.length) {
|
|
this._createWidget(options, element);
|
|
}
|
|
};
|
|
// extend with the existing constructor to carry over any static properties
|
|
$.extend(constructor, existingConstructor, {
|
|
version: prototype.version,
|
|
// copy the object used to create the prototype in case we need to
|
|
// redefine the widget later
|
|
_proto: $.extend({}, prototype),
|
|
// track widgets that inherit from this widget in case this widget is
|
|
// redefined after a widget inherits from it
|
|
_childConstructors: []
|
|
});
|
|
|
|
basePrototype = new base();
|
|
// we need to make the options hash a property directly on the new instance
|
|
// otherwise we'll modify the options hash on the prototype that we're
|
|
// inheriting from
|
|
basePrototype.options = $.widget.extend({}, basePrototype.options);
|
|
$.each(prototype, function (prop, value) {
|
|
if (!$.isFunction(value)) {
|
|
proxiedPrototype[prop] = value;
|
|
return;
|
|
}
|
|
proxiedPrototype[prop] = (function () {
|
|
var _super = function () {
|
|
return base.prototype[prop].apply(this, arguments);
|
|
},
|
|
_superApply = function (args) {
|
|
return base.prototype[prop].apply(this, args);
|
|
};
|
|
return function () {
|
|
var __super = this._super,
|
|
__superApply = this._superApply,
|
|
returnValue;
|
|
|
|
this._super = _super;
|
|
this._superApply = _superApply;
|
|
|
|
returnValue = value.apply(this, arguments);
|
|
|
|
this._super = __super;
|
|
this._superApply = __superApply;
|
|
|
|
return returnValue;
|
|
};
|
|
})();
|
|
});
|
|
constructor.prototype = $.widget.extend(basePrototype, {
|
|
// TODO: remove support for widgetEventPrefix
|
|
// always use the name + a colon as the prefix, e.g., draggable:start
|
|
// don't prefix for widgets that aren't DOM-based
|
|
widgetEventPrefix: existingConstructor ? (basePrototype.widgetEventPrefix || name) : name
|
|
}, proxiedPrototype, {
|
|
constructor: constructor,
|
|
namespace: namespace,
|
|
widgetName: name,
|
|
widgetFullName: fullName
|
|
});
|
|
|
|
// If this widget is being redefined then we need to find all widgets that
|
|
// are inheriting from it and redefine all of them so that they inherit from
|
|
// the new version of this widget. We're essentially trying to replace one
|
|
// level in the prototype chain.
|
|
if (existingConstructor) {
|
|
$.each(existingConstructor._childConstructors, function (i, child) {
|
|
var childPrototype = child.prototype;
|
|
|
|
// redefine the child widget using the same prototype that was
|
|
// originally used, but inherit from the new version of the base
|
|
$.widget(childPrototype.namespace + "." + childPrototype.widgetName, constructor, child._proto);
|
|
});
|
|
// remove the list of existing child constructors from the old constructor
|
|
// so the old child constructors can be garbage collected
|
|
delete existingConstructor._childConstructors;
|
|
} else {
|
|
base._childConstructors.push(constructor);
|
|
}
|
|
|
|
$.widget.bridge(name, constructor);
|
|
|
|
return constructor;
|
|
};
|
|
|
|
$.widget.extend = function (target) {
|
|
var input = slice.call(arguments, 1),
|
|
inputIndex = 0,
|
|
inputLength = input.length,
|
|
key,
|
|
value;
|
|
for (; inputIndex < inputLength; inputIndex++) {
|
|
for (key in input[inputIndex]) {
|
|
value = input[inputIndex][key];
|
|
if (input[inputIndex].hasOwnProperty(key) && value !== undefined) {
|
|
// Clone objects
|
|
if ($.isPlainObject(value)) {
|
|
target[key] = $.isPlainObject(target[key]) ?
|
|
$.widget.extend({}, target[key], value) :
|
|
// Don't extend strings, arrays, etc. with objects
|
|
$.widget.extend({}, value);
|
|
// Copy everything else by reference
|
|
} else {
|
|
target[key] = value;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
return target;
|
|
};
|
|
|
|
$.widget.bridge = function (name, object) {
|
|
|
|
var fullName = object.prototype.widgetFullName || name;
|
|
$.fn[name] = function (options) {
|
|
var isMethodCall = typeof options === "string",
|
|
args = slice.call(arguments, 1),
|
|
returnValue = this;
|
|
|
|
// allow multiple hashes to be passed on init
|
|
options = !isMethodCall && args.length ?
|
|
$.widget.extend.apply(null, [options].concat(args)) :
|
|
options;
|
|
|
|
if (isMethodCall) {
|
|
this.each(function () {
|
|
var methodValue,
|
|
instance = $.data(this, fullName);
|
|
if (options === "instance") {
|
|
returnValue = instance;
|
|
return false;
|
|
}
|
|
if (!instance) {
|
|
return $.error("cannot call methods on " + name + " prior to initialization; " +
|
|
"attempted to call method '" + options + "'");
|
|
}
|
|
if (!$.isFunction(instance[options]) || options.charAt(0) === "_") {
|
|
return $.error("no such method '" + options + "' for " + name + " widget instance");
|
|
}
|
|
methodValue = instance[options].apply(instance, args);
|
|
if (methodValue !== instance && methodValue !== undefined) {
|
|
returnValue = methodValue && methodValue.jquery ?
|
|
returnValue.pushStack(methodValue.get()) :
|
|
methodValue;
|
|
return false;
|
|
}
|
|
});
|
|
} else {
|
|
this.each(function () {
|
|
var instance = $.data(this, fullName);
|
|
if (instance) {
|
|
instance.option(options || {})._init();
|
|
} else {
|
|
$.data(this, fullName, new object(options, this));
|
|
}
|
|
});
|
|
}
|
|
|
|
return returnValue;
|
|
};
|
|
};
|
|
|
|
$.Widget = function ( /* options, element */) { };
|
|
$.Widget._childConstructors = [];
|
|
|
|
$.Widget.prototype = {
|
|
widgetName: "widget",
|
|
widgetEventPrefix: "",
|
|
defaultElement: "<div>",
|
|
options: {
|
|
disabled: false,
|
|
|
|
// callbacks
|
|
create: null
|
|
},
|
|
_createWidget: function (options, element) {
|
|
element = $(element || this.defaultElement || this)[0];
|
|
this.element = $(element);
|
|
this.uuid = uuid++;
|
|
this.eventNamespace = "." + this.widgetName + this.uuid;
|
|
this.options = $.widget.extend({},
|
|
this.options,
|
|
this._getCreateOptions(),
|
|
options);
|
|
|
|
this.bindings = $();
|
|
this.hoverable = $();
|
|
this.focusable = $();
|
|
|
|
if (element !== this) {
|
|
$.data(element, this.widgetFullName, this);
|
|
this._on(true, this.element, {
|
|
remove: function (event) {
|
|
if (event.target === element) {
|
|
this.destroy();
|
|
}
|
|
}
|
|
});
|
|
this.document = $(element.style ?
|
|
// element within the document
|
|
element.ownerDocument :
|
|
// element is window or document
|
|
element.document || element);
|
|
this.window = $(this.document[0].defaultView || this.document[0].parentWindow);
|
|
}
|
|
|
|
this._create();
|
|
this._trigger("create", null, this._getCreateEventData());
|
|
this._init();
|
|
},
|
|
_getCreateOptions: $.noop,
|
|
_getCreateEventData: $.noop,
|
|
_create: $.noop,
|
|
_init: $.noop,
|
|
|
|
destroy: function () {
|
|
this._destroy();
|
|
// we can probably remove the unbind calls in 2.0
|
|
// all event bindings should go through this._on()
|
|
this.element
|
|
.unbind(this.eventNamespace)
|
|
.removeData(this.widgetFullName)
|
|
// support: jquery <1.6.3
|
|
// http://bugs.jquery.com/ticket/9413
|
|
.removeData($.camelCase(this.widgetFullName));
|
|
this.widget()
|
|
.unbind(this.eventNamespace)
|
|
.removeAttr("aria-disabled")
|
|
.removeClass(
|
|
this.widgetFullName + "-disabled " +
|
|
"ui-state-disabled");
|
|
|
|
// clean up events and states
|
|
this.bindings.unbind(this.eventNamespace);
|
|
this.hoverable.removeClass("ui-state-hover");
|
|
this.focusable.removeClass("ui-state-focus");
|
|
},
|
|
_destroy: $.noop,
|
|
|
|
widget: function () {
|
|
return this.element;
|
|
},
|
|
|
|
option: function (key, value) {
|
|
var options = key,
|
|
parts,
|
|
curOption,
|
|
i;
|
|
|
|
if (arguments.length === 0) {
|
|
// don't return a reference to the internal hash
|
|
return $.widget.extend({}, this.options);
|
|
}
|
|
|
|
if (typeof key === "string") {
|
|
// handle nested keys, e.g., "foo.bar" => { foo: { bar: ___ } }
|
|
options = {};
|
|
parts = key.split(".");
|
|
key = parts.shift();
|
|
if (parts.length) {
|
|
curOption = options[key] = $.widget.extend({}, this.options[key]);
|
|
for (i = 0; i < parts.length - 1; i++) {
|
|
curOption[parts[i]] = curOption[parts[i]] || {};
|
|
curOption = curOption[parts[i]];
|
|
}
|
|
key = parts.pop();
|
|
if (value === undefined) {
|
|
return curOption[key] === undefined ? null : curOption[key];
|
|
}
|
|
curOption[key] = value;
|
|
} else {
|
|
if (value === undefined) {
|
|
return this.options[key] === undefined ? null : this.options[key];
|
|
}
|
|
options[key] = value;
|
|
}
|
|
}
|
|
|
|
this._setOptions(options);
|
|
|
|
return this;
|
|
},
|
|
_setOptions: function (options) {
|
|
var key;
|
|
|
|
for (key in options) {
|
|
this._setOption(key, options[key]);
|
|
}
|
|
|
|
return this;
|
|
},
|
|
_setOption: function (key, value) {
|
|
this.options[key] = value;
|
|
|
|
if (key === "disabled") {
|
|
this.widget()
|
|
.toggleClass(this.widgetFullName + "-disabled", !!value);
|
|
this.hoverable.removeClass("ui-state-hover");
|
|
this.focusable.removeClass("ui-state-focus");
|
|
}
|
|
|
|
return this;
|
|
},
|
|
|
|
enable: function () {
|
|
return this._setOptions({ disabled: false });
|
|
},
|
|
disable: function () {
|
|
return this._setOptions({ disabled: true });
|
|
},
|
|
|
|
_on: function (suppressDisabledCheck, element, handlers) {
|
|
var delegateElement,
|
|
instance = this;
|
|
|
|
// no suppressDisabledCheck flag, shuffle arguments
|
|
if (typeof suppressDisabledCheck !== "boolean") {
|
|
handlers = element;
|
|
element = suppressDisabledCheck;
|
|
suppressDisabledCheck = false;
|
|
}
|
|
|
|
// no element argument, shuffle and use this.element
|
|
if (!handlers) {
|
|
handlers = element;
|
|
element = this.element;
|
|
delegateElement = this.widget();
|
|
} else {
|
|
// accept selectors, DOM elements
|
|
element = delegateElement = $(element);
|
|
this.bindings = this.bindings.add(element);
|
|
}
|
|
|
|
$.each(handlers, function (event, handler) {
|
|
function handlerProxy() {
|
|
// allow widgets to customize the disabled handling
|
|
// - disabled as an array instead of boolean
|
|
// - disabled class as method for disabling individual parts
|
|
if (!suppressDisabledCheck &&
|
|
(instance.options.disabled === true ||
|
|
$(this).hasClass("ui-state-disabled"))) {
|
|
return;
|
|
}
|
|
return (typeof handler === "string" ? instance[handler] : handler)
|
|
.apply(instance, arguments);
|
|
}
|
|
|
|
// copy the guid so direct unbinding works
|
|
if (typeof handler !== "string") {
|
|
handlerProxy.guid = handler.guid =
|
|
handler.guid || handlerProxy.guid || $.guid++;
|
|
}
|
|
|
|
var match = event.match(/^(\w+)\s*(.*)$/),
|
|
eventName = match[1] + instance.eventNamespace,
|
|
selector = match[2];
|
|
if (selector) {
|
|
delegateElement.delegate(selector, eventName, handlerProxy);
|
|
} else {
|
|
element.bind(eventName, handlerProxy);
|
|
}
|
|
});
|
|
},
|
|
|
|
_off: function (element, eventName) {
|
|
eventName = (eventName || "").split(" ").join(this.eventNamespace + " ") + this.eventNamespace;
|
|
element.unbind(eventName).undelegate(eventName);
|
|
},
|
|
|
|
_trigger: function (type, event, data) {
|
|
var prop, orig,
|
|
callback = this.options[type];
|
|
|
|
data = data || {};
|
|
event = $.Event(event);
|
|
event.type = (type === this.widgetEventPrefix ?
|
|
type :
|
|
this.widgetEventPrefix + type).toLowerCase();
|
|
// the original event may come from any element
|
|
// so we need to reset the target on the new event
|
|
event.target = this.element[0];
|
|
|
|
// copy original event properties over to the new event
|
|
orig = event.originalEvent;
|
|
if (orig) {
|
|
for (prop in orig) {
|
|
if (!(prop in event)) {
|
|
event[prop] = orig[prop];
|
|
}
|
|
}
|
|
}
|
|
|
|
this.element[0].dispatchEvent(new CustomEvent(event.type, {
|
|
bubbles: true,
|
|
detail: {
|
|
data: data,
|
|
originalEvent: event
|
|
}
|
|
}));
|
|
|
|
//this.element.trigger(event, data);
|
|
return !($.isFunction(callback) &&
|
|
callback.apply(this.element[0], [event].concat(data)) === false ||
|
|
event.isDefaultPrevented());
|
|
}
|
|
};
|
|
|
|
})(jQuery);
|
|
|
|
(function ($, undefined) {
|
|
|
|
var rcapitals = /[A-Z]/g,
|
|
replaceFunction = function (c) {
|
|
return "-" + c.toLowerCase();
|
|
};
|
|
|
|
$.extend($.Widget.prototype, {
|
|
_getCreateOptions: function () {
|
|
var option, value,
|
|
elem = this.element[0],
|
|
options = {};
|
|
|
|
//
|
|
if (!this.element.data("defaults")) {
|
|
for (option in this.options) {
|
|
|
|
value = this.element.data(option);
|
|
|
|
if (value != null) {
|
|
options[option] = value;
|
|
}
|
|
}
|
|
}
|
|
|
|
return options;
|
|
}
|
|
});
|
|
|
|
})(jQuery);
|
|
|
|
(function ($, undefined) {
|
|
$.mobile.widgets = {};
|
|
|
|
var originalWidget = $.widget
|
|
|
|
$.widget = (function (orig) {
|
|
return function () {
|
|
var constructor = orig.apply(this, arguments),
|
|
name = constructor.prototype.widgetName;
|
|
|
|
constructor.initSelector = ((constructor.prototype.initSelector !== undefined) ?
|
|
constructor.prototype.initSelector : "*[data-role='" + name + "']:not([data-role='none'])");
|
|
|
|
$.mobile.widgets[name] = constructor;
|
|
|
|
return constructor;
|
|
};
|
|
})($.widget);
|
|
|
|
// Make sure $.widget still has bridge and extend methods
|
|
$.extend($.widget, originalWidget);
|
|
|
|
// For backcompat remove in 1.5
|
|
$(document).on("create", function (event) {
|
|
$(event.target).enhanceWithin();
|
|
});
|
|
|
|
$.widget("mobile.page", {
|
|
options: {
|
|
theme: "a",
|
|
domCache: false,
|
|
|
|
// Deprecated in 1.4 remove in 1.5
|
|
contentTheme: null,
|
|
enhanced: false
|
|
},
|
|
|
|
// DEPRECATED for > 1.4
|
|
// TODO remove at 1.5
|
|
_createWidget: function () {
|
|
|
|
$.Widget.prototype._createWidget.apply(this, arguments);
|
|
this._trigger("init");
|
|
},
|
|
|
|
_create: function () {
|
|
|
|
if (!this.options.enhanced) {
|
|
this._enhance();
|
|
}
|
|
|
|
this._on(this.element, {
|
|
pagebeforehide: "removeContainerBackground",
|
|
pagebeforeshow: "_handlePageBeforeShow"
|
|
});
|
|
|
|
this.element.enhanceWithin();
|
|
},
|
|
|
|
_enhance: function () {
|
|
var attrPrefix = "data-",
|
|
self = this;
|
|
|
|
var element = this.element[0];
|
|
|
|
if (this.options.role) {
|
|
element.setAttribute("data-role", this.options.role);
|
|
}
|
|
|
|
element.setAttribute("tabindex", "0");
|
|
element.classList.add("ui-page");
|
|
element.classList.add("ui-page-theme-" + this.options.theme);
|
|
|
|
var contents = element.querySelectorAll("div[data-role='content']");
|
|
|
|
for (var i = 0, length = contents.length; i < length; i++) {
|
|
var content = contents[i];
|
|
var theme = content.getAttribute(attrPrefix + "theme") || undefined;
|
|
self.options.contentTheme = theme || self.options.contentTheme || (self.options.dialog && self.options.theme) || (self.element.data("role") === "dialog" && self.options.theme);
|
|
content.classList.add("ui-content");
|
|
if (self.options.contentTheme) {
|
|
content.classList.add("ui-body-" + (self.options.contentTheme));
|
|
}
|
|
// Add ARIA role
|
|
content.setAttribute("role", "main");
|
|
content.classList.add("ui-content");
|
|
}
|
|
},
|
|
|
|
_setOptions: function (o) {
|
|
|
|
var elem = this.element[0];
|
|
if (o.theme !== undefined) {
|
|
elem.classList.remove("ui-page-theme-" + this.options.theme);
|
|
elem.classList.add("ui-page-theme-" + o.theme);
|
|
}
|
|
|
|
if (o.contentTheme !== undefined) {
|
|
var elems = elem.querySelectorAll("*[data-" + "" + "='content']");
|
|
for (var i = 0, length = elems.length; i < length; i++) {
|
|
var el = elems[i];
|
|
el.classList.remove("ui-body-" + this.options.contentTheme);
|
|
el.classList.add("ui-body-" + o.contentTheme);
|
|
}
|
|
}
|
|
},
|
|
|
|
_handlePageBeforeShow: function (/* e */) {
|
|
this.setContainerBackground();
|
|
},
|
|
// Deprecated in 1.4 remove in 1.5
|
|
removeContainerBackground: function () {
|
|
$(this.element[0].parentNode).pagecontainer({ "theme": "none" });
|
|
},
|
|
// Deprecated in 1.4 remove in 1.5
|
|
// set the page container background to the page theme
|
|
setContainerBackground: function (theme) {
|
|
$(this.element[0].parentNode).pagecontainer({ "theme": theme || this.options.theme });
|
|
}
|
|
});
|
|
})(jQuery);
|
|
|
|
|
|
(function ($, undefined) {
|
|
var path, $base;
|
|
|
|
$.mobile.path = path = {
|
|
uiStateKey: "&ui-state",
|
|
|
|
// This scary looking regular expression parses an absolute URL or its relative
|
|
// variants (protocol, site, document, query, and hash), into the various
|
|
// components (protocol, host, path, query, fragment, etc that make up the
|
|
// URL as well as some other commonly used sub-parts. When used with RegExp.exec()
|
|
// or String.match, it parses the URL into a results array that looks like this:
|
|
//
|
|
// [0]: http://jblas:password@mycompany.com:8080/mail/inbox?msg=1234&type=unread#msg-content
|
|
// [1]: http://jblas:password@mycompany.com:8080/mail/inbox?msg=1234&type=unread
|
|
// [2]: http://jblas:password@mycompany.com:8080/mail/inbox
|
|
// [3]: http://jblas:password@mycompany.com:8080
|
|
// [4]: http:
|
|
// [5]: //
|
|
// [6]: jblas:password@mycompany.com:8080
|
|
// [7]: jblas:password
|
|
// [8]: jblas
|
|
// [9]: password
|
|
// [10]: mycompany.com:8080
|
|
// [11]: mycompany.com
|
|
// [12]: 8080
|
|
// [13]: /mail/inbox
|
|
// [14]: /mail/
|
|
// [15]: inbox
|
|
// [16]: ?msg=1234&type=unread
|
|
// [17]: #msg-content
|
|
//
|
|
urlParseRE: /^\s*(((([^:\/#\?]+:)?(?:(\/\/)((?:(([^:@\/#\?]+)(?:\:([^:@\/#\?]+))?)@)?(([^:\/#\?\]\[]+|\[[^\/\]@#?]+\])(?:\:([0-9]+))?))?)?)?((\/?(?:[^\/\?#]+\/+)*)([^\?#]*)))?(\?[^#]+)?)(#.*)?/,
|
|
|
|
// Abstraction to address xss (Issue #4787) by removing the authority in
|
|
// browsers that auto-decode it. All references to location.href should be
|
|
// replaced with a call to this method so that it can be dealt with properly here
|
|
getLocation: function (url) {
|
|
var parsedUrl = this.parseUrl(url || location.href),
|
|
uri = url ? parsedUrl : location,
|
|
|
|
// Make sure to parse the url or the location object for the hash because using
|
|
// location.hash is autodecoded in firefox, the rest of the url should be from
|
|
// the object (location unless we're testing) to avoid the inclusion of the
|
|
// authority
|
|
hash = parsedUrl.hash;
|
|
|
|
// mimic the browser with an empty string when the hash is empty
|
|
hash = hash === "#" ? "" : hash;
|
|
|
|
return uri.protocol +
|
|
parsedUrl.doubleSlash +
|
|
uri.host +
|
|
|
|
// The pathname must start with a slash if there's a protocol, because you
|
|
// can't have a protocol followed by a relative path. Also, it's impossible to
|
|
// calculate absolute URLs from relative ones if the absolute one doesn't have
|
|
// a leading "/".
|
|
((uri.protocol !== "" && uri.pathname.substring(0, 1) !== "/") ?
|
|
"/" : "") +
|
|
uri.pathname +
|
|
uri.search +
|
|
hash;
|
|
},
|
|
|
|
//return the original document url
|
|
getDocumentUrl: function (asParsedObject) {
|
|
return asParsedObject ? $.extend({}, path.documentUrl) : path.documentUrl.href;
|
|
},
|
|
|
|
parseLocation: function () {
|
|
return this.parseUrl(this.getLocation());
|
|
},
|
|
|
|
//Parse a URL into a structure that allows easy access to
|
|
//all of the URL components by name.
|
|
parseUrl: function (url) {
|
|
// If we're passed an object, we'll assume that it is
|
|
// a parsed url object and just return it back to the caller.
|
|
if ($.type(url) === "object") {
|
|
return url;
|
|
}
|
|
|
|
var matches = path.urlParseRE.exec(url || "") || [];
|
|
|
|
// Create an object that allows the caller to access the sub-matches
|
|
// by name. Note that IE returns an empty string instead of undefined,
|
|
// like all other browsers do, so we normalize everything so its consistent
|
|
// no matter what browser we're running on.
|
|
return {
|
|
href: matches[0] || "",
|
|
hrefNoHash: matches[1] || "",
|
|
hrefNoSearch: matches[2] || "",
|
|
domain: matches[3] || "",
|
|
protocol: matches[4] || "",
|
|
doubleSlash: matches[5] || "",
|
|
authority: matches[6] || "",
|
|
username: matches[8] || "",
|
|
password: matches[9] || "",
|
|
host: matches[10] || "",
|
|
hostname: matches[11] || "",
|
|
port: matches[12] || "",
|
|
pathname: matches[13] || "",
|
|
directory: matches[14] || "",
|
|
filename: matches[15] || "",
|
|
search: matches[16] || "",
|
|
hash: matches[17] || ""
|
|
};
|
|
},
|
|
|
|
//Turn relPath into an asbolute path. absPath is
|
|
//an optional absolute path which describes what
|
|
//relPath is relative to.
|
|
makePathAbsolute: function (relPath, absPath) {
|
|
var absStack,
|
|
relStack,
|
|
i, d;
|
|
|
|
if (relPath && relPath.charAt(0) === "/") {
|
|
return relPath;
|
|
}
|
|
|
|
relPath = relPath || "";
|
|
absPath = absPath ? absPath.replace(/^\/|(\/[^\/]*|[^\/]+)$/g, "") : "";
|
|
|
|
absStack = absPath ? absPath.split("/") : [];
|
|
relStack = relPath.split("/");
|
|
|
|
for (i = 0; i < relStack.length; i++) {
|
|
d = relStack[i];
|
|
switch (d) {
|
|
case ".":
|
|
break;
|
|
case "..":
|
|
if (absStack.length) {
|
|
absStack.pop();
|
|
}
|
|
break;
|
|
default:
|
|
absStack.push(d);
|
|
break;
|
|
}
|
|
}
|
|
return "/" + absStack.join("/");
|
|
},
|
|
|
|
//Returns true if both urls have the same domain.
|
|
isSameDomain: function (absUrl1, absUrl2) {
|
|
return path.parseUrl(absUrl1).domain.toLowerCase() ===
|
|
path.parseUrl(absUrl2).domain.toLowerCase();
|
|
},
|
|
|
|
//Returns true for any relative variant.
|
|
isRelativeUrl: function (url) {
|
|
// All relative Url variants have one thing in common, no protocol.
|
|
return path.parseUrl(url).protocol === "";
|
|
},
|
|
|
|
//Returns true for an absolute url.
|
|
isAbsoluteUrl: function (url) {
|
|
return path.parseUrl(url).protocol !== "";
|
|
},
|
|
|
|
//Turn the specified realtive URL into an absolute one. This function
|
|
//can handle all relative variants (protocol, site, document, query, fragment).
|
|
makeUrlAbsolute: function (relUrl, absUrl) {
|
|
if (!path.isRelativeUrl(relUrl)) {
|
|
return relUrl;
|
|
}
|
|
|
|
if (absUrl === undefined) {
|
|
absUrl = this.documentBase;
|
|
}
|
|
|
|
var relObj = path.parseUrl(relUrl),
|
|
absObj = path.parseUrl(absUrl),
|
|
protocol = relObj.protocol || absObj.protocol,
|
|
doubleSlash = relObj.protocol ? relObj.doubleSlash : (relObj.doubleSlash || absObj.doubleSlash),
|
|
authority = relObj.authority || absObj.authority,
|
|
hasPath = relObj.pathname !== "",
|
|
pathname = path.makePathAbsolute(relObj.pathname || absObj.filename, absObj.pathname),
|
|
search = relObj.search || (!hasPath && absObj.search) || "",
|
|
hash = relObj.hash;
|
|
|
|
return protocol + doubleSlash + authority + pathname + search + hash;
|
|
},
|
|
|
|
//Add search (aka query) params to the specified url.
|
|
addSearchParams: function (url, params) {
|
|
var u = path.parseUrl(url),
|
|
p = (typeof params === "object") ? $.param(params) : params,
|
|
s = u.search || "?";
|
|
return u.hrefNoSearch + s + (s.charAt(s.length - 1) !== "?" ? "&" : "") + p + (u.hash || "");
|
|
},
|
|
|
|
convertUrlToDataUrl: function (absUrl) {
|
|
var result = absUrl,
|
|
u = path.parseUrl(absUrl);
|
|
|
|
if (path.isEmbeddedPage(u)) {
|
|
// For embedded pages, remove the dialog hash key as in getFilePath(),
|
|
// and remove otherwise the Data Url won't match the id of the embedded Page.
|
|
result = u.hash
|
|
.replace(/^#/, "")
|
|
.replace(/\?.*$/, "");
|
|
} else if (path.isSameDomain(u, this.documentBase)) {
|
|
result = u.hrefNoHash.replace(this.documentBase.domain, "");
|
|
}
|
|
|
|
return window.decodeURIComponent(result);
|
|
},
|
|
|
|
//get path from current hash, or from a file path
|
|
get: function (newPath) {
|
|
if (newPath === undefined) {
|
|
newPath = path.parseLocation().hash;
|
|
}
|
|
return path.stripHash(newPath).replace(/[^\/]*\.[^\/*]+$/, "");
|
|
},
|
|
|
|
//set location hash to path
|
|
set: function (path) {
|
|
location.hash = path;
|
|
},
|
|
|
|
//test if a given url (string) is a path
|
|
//NOTE might be exceptionally naive
|
|
isPath: function (url) {
|
|
return (/\//).test(url);
|
|
},
|
|
|
|
//return a url path with the window's location protocol/hostname/pathname removed
|
|
clean: function (url) {
|
|
return url.replace(this.documentBase.domain, "");
|
|
},
|
|
|
|
//just return the url without an initial #
|
|
stripHash: function (url) {
|
|
return url.replace(/^#/, "");
|
|
},
|
|
|
|
stripQueryParams: function (url) {
|
|
return url.replace(/\?.*$/, "");
|
|
},
|
|
|
|
//remove the preceding hash, any query params, and dialog notations
|
|
cleanHash: function (hash) {
|
|
return path.stripHash(hash.replace(/\?.*$/, ""));
|
|
},
|
|
|
|
isHashValid: function (hash) {
|
|
return (/^#[^#]+$/).test(hash);
|
|
},
|
|
|
|
//check whether a url is referencing the same domain, or an external domain or different protocol
|
|
//could be mailto, etc
|
|
isExternal: function (url) {
|
|
var u = path.parseUrl(url);
|
|
|
|
return !!(u.protocol &&
|
|
(u.domain.toLowerCase() !== this.documentUrl.domain.toLowerCase()));
|
|
},
|
|
|
|
hasProtocol: function (url) {
|
|
return (/^(:?\w+:)/).test(url);
|
|
},
|
|
|
|
isEmbeddedPage: function (url) {
|
|
var u = path.parseUrl(url);
|
|
|
|
//if the path is absolute, then we need to compare the url against
|
|
//both the this.documentUrl and the documentBase. The main reason for this
|
|
//is that links embedded within external documents will refer to the
|
|
//application document, whereas links embedded within the application
|
|
//document will be resolved against the document base.
|
|
if (u.protocol !== "") {
|
|
return (!this.isPath(u.hash) && u.hash && (u.hrefNoHash === this.documentUrl.hrefNoHash || (this.documentBaseDiffers && u.hrefNoHash === this.documentBase.hrefNoHash)));
|
|
}
|
|
return (/^#/).test(u.href);
|
|
},
|
|
|
|
squash: function (url, resolutionUrl) {
|
|
var href, cleanedUrl, search, stateIndex, docUrl,
|
|
isPath = this.isPath(url),
|
|
uri = this.parseUrl(url),
|
|
preservedHash = uri.hash,
|
|
uiState = "";
|
|
|
|
// produce a url against which we can resolve the provided path
|
|
if (!resolutionUrl) {
|
|
if (isPath) {
|
|
resolutionUrl = path.getLocation();
|
|
} else {
|
|
docUrl = path.getDocumentUrl(true);
|
|
if (path.isPath(docUrl.hash)) {
|
|
resolutionUrl = path.squash(docUrl.href);
|
|
} else {
|
|
resolutionUrl = docUrl.href;
|
|
}
|
|
}
|
|
}
|
|
|
|
// If the url is anything but a simple string, remove any preceding hash
|
|
// eg #foo/bar -> foo/bar
|
|
// #foo -> #foo
|
|
cleanedUrl = isPath ? path.stripHash(url) : url;
|
|
|
|
// If the url is a full url with a hash check if the parsed hash is a path
|
|
// if it is, strip the #, and use it otherwise continue without change
|
|
cleanedUrl = path.isPath(uri.hash) ? path.stripHash(uri.hash) : cleanedUrl;
|
|
|
|
// Split the UI State keys off the href
|
|
stateIndex = cleanedUrl.indexOf(this.uiStateKey);
|
|
|
|
// store the ui state keys for use
|
|
if (stateIndex > -1) {
|
|
uiState = cleanedUrl.slice(stateIndex);
|
|
cleanedUrl = cleanedUrl.slice(0, stateIndex);
|
|
}
|
|
|
|
// make the cleanedUrl absolute relative to the resolution url
|
|
href = path.makeUrlAbsolute(cleanedUrl, resolutionUrl);
|
|
|
|
// grab the search from the resolved url since parsing from
|
|
// the passed url may not yield the correct result
|
|
search = this.parseUrl(href).search;
|
|
|
|
// TODO all this crap is terrible, clean it up
|
|
if (isPath) {
|
|
// reject the hash if it's a path or it's just a dialog key
|
|
if (path.isPath(preservedHash) || preservedHash.replace("#", "").indexOf(this.uiStateKey) === 0) {
|
|
preservedHash = "";
|
|
}
|
|
|
|
// Append the UI State keys where it exists and it's been removed
|
|
// from the url
|
|
if (uiState && preservedHash.indexOf(this.uiStateKey) === -1) {
|
|
preservedHash += uiState;
|
|
}
|
|
|
|
// make sure that pound is on the front of the hash
|
|
if (preservedHash.indexOf("#") === -1 && preservedHash !== "") {
|
|
preservedHash = "#" + preservedHash;
|
|
}
|
|
|
|
// reconstruct each of the pieces with the new search string and hash
|
|
href = path.parseUrl(href);
|
|
href = href.protocol + href.doubleSlash + href.host + href.pathname + search +
|
|
preservedHash;
|
|
} else {
|
|
href += href.indexOf("#") > -1 ? uiState : "#" + uiState;
|
|
}
|
|
|
|
return href;
|
|
},
|
|
|
|
isPreservableHash: function (hash) {
|
|
return hash.replace("#", "").indexOf(this.uiStateKey) === 0;
|
|
},
|
|
|
|
// Escape weird characters in the hash if it is to be used as a selector
|
|
hashToSelector: function (hash) {
|
|
var hasHash = (hash.substring(0, 1) === "#");
|
|
if (hasHash) {
|
|
hash = hash.substring(1);
|
|
}
|
|
return (hasHash ? "#" : "") + hash.replace(/([!"#$%&'()*+,./:;<=>?@[\]^`{|}~])/g, "\\$1");
|
|
},
|
|
|
|
// check if the specified url refers to the first page in the main
|
|
// application document.
|
|
isFirstPageUrl: function (url) {
|
|
// We only deal with absolute paths.
|
|
var u = path.parseUrl(path.makeUrlAbsolute(url, this.documentBase)),
|
|
|
|
// Does the url have the same path as the document?
|
|
samePath = u.hrefNoHash === this.documentUrl.hrefNoHash ||
|
|
(this.documentBaseDiffers &&
|
|
u.hrefNoHash === this.documentBase.hrefNoHash),
|
|
|
|
// Get the first page element.
|
|
fp = $.mobile.firstPage,
|
|
|
|
// Get the id of the first page element if it has one.
|
|
fpId = fp && fp[0] ? fp[0].id : undefined;
|
|
|
|
// The url refers to the first page if the path matches the document and
|
|
// it either has no hash value, or the hash is exactly equal to the id
|
|
// of the first page element.
|
|
return samePath &&
|
|
(!u.hash ||
|
|
u.hash === "#" ||
|
|
(fpId && u.hash.replace(/^#/, "") === fpId));
|
|
}
|
|
};
|
|
|
|
path.documentUrl = path.parseLocation();
|
|
|
|
$base = $("head").find("base");
|
|
|
|
path.documentBase = $base.length ?
|
|
path.parseUrl(path.makeUrlAbsolute($base.attr("href"), path.documentUrl.href)) :
|
|
path.documentUrl;
|
|
|
|
path.documentBaseDiffers = (path.documentUrl.hrefNoHash !== path.documentBase.hrefNoHash);
|
|
|
|
//return the original document base url
|
|
path.getDocumentBase = function (asParsedObject) {
|
|
return asParsedObject ? $.extend({}, path.documentBase) : path.documentBase.href;
|
|
};
|
|
|
|
// DEPRECATED as of 1.4.0 - remove in 1.5.0
|
|
$.extend($.mobile, {
|
|
|
|
//return the original document url
|
|
getDocumentUrl: path.getDocumentUrl,
|
|
|
|
//return the original document base url
|
|
getDocumentBase: path.getDocumentBase
|
|
});
|
|
})(jQuery);
|
|
|
|
|
|
|
|
(function ($, undefined) {
|
|
$.mobile.History = function (stack, index) {
|
|
this.stack = stack || [];
|
|
this.activeIndex = index || 0;
|
|
};
|
|
|
|
$.extend($.mobile.History.prototype, {
|
|
getActive: function () {
|
|
return this.stack[this.activeIndex];
|
|
},
|
|
|
|
getLast: function () {
|
|
return this.stack[this.previousIndex];
|
|
},
|
|
|
|
getNext: function () {
|
|
return this.stack[this.activeIndex + 1];
|
|
},
|
|
|
|
getPrev: function () {
|
|
return this.stack[this.activeIndex - 1];
|
|
},
|
|
|
|
// addNew is used whenever a new page is added
|
|
add: function (url, data) {
|
|
data = data || {};
|
|
|
|
//if there's forward history, wipe it
|
|
if (this.getNext()) {
|
|
this.clearForward();
|
|
}
|
|
|
|
// if the hash is included in the data make sure the shape
|
|
// is consistent for comparison
|
|
if (data.hash && data.hash.indexOf("#") === -1) {
|
|
data.hash = "#" + data.hash;
|
|
}
|
|
|
|
data.url = url;
|
|
this.stack.push(data);
|
|
this.activeIndex = this.stack.length - 1;
|
|
},
|
|
|
|
//wipe urls ahead of active index
|
|
clearForward: function () {
|
|
this.stack = this.stack.slice(0, this.activeIndex + 1);
|
|
},
|
|
|
|
find: function (url, stack, earlyReturn) {
|
|
stack = stack || this.stack;
|
|
|
|
var entry, i, length = stack.length, index;
|
|
|
|
for (i = 0; i < length; i++) {
|
|
entry = stack[i];
|
|
|
|
if (decodeURIComponent(url) === decodeURIComponent(entry.url) ||
|
|
decodeURIComponent(url) === decodeURIComponent(entry.hash)) {
|
|
index = i;
|
|
|
|
if (earlyReturn) {
|
|
return index;
|
|
}
|
|
}
|
|
}
|
|
|
|
return index;
|
|
},
|
|
|
|
closest: function (url) {
|
|
var closest, a = this.activeIndex;
|
|
|
|
// First, take the slice of the history stack before the current index and search
|
|
// for a url match. If one is found, we'll avoid avoid looking through forward history
|
|
// NOTE the preference for backward history movement is driven by the fact that
|
|
// most mobile browsers only have a dedicated back button, and users rarely use
|
|
// the forward button in desktop browser anyhow
|
|
closest = this.find(url, this.stack.slice(0, a));
|
|
|
|
// If nothing was found in backward history check forward. The `true`
|
|
// value passed as the third parameter causes the find method to break
|
|
// on the first match in the forward history slice. The starting index
|
|
// of the slice must then be added to the result to get the element index
|
|
// in the original history stack :( :(
|
|
//
|
|
// TODO this is hyper confusing and should be cleaned up (ugh so bad)
|
|
if (closest === undefined) {
|
|
closest = this.find(url, this.stack.slice(a), true);
|
|
closest = closest === undefined ? closest : closest + a;
|
|
}
|
|
|
|
return closest;
|
|
},
|
|
|
|
direct: function (opts) {
|
|
var newActiveIndex = this.closest(opts.url), a = this.activeIndex;
|
|
|
|
// save new page index, null check to prevent falsey 0 result
|
|
// record the previous index for reference
|
|
if (newActiveIndex !== undefined) {
|
|
this.activeIndex = newActiveIndex;
|
|
this.previousIndex = a;
|
|
}
|
|
|
|
// invoke callbacks where appropriate
|
|
//
|
|
// TODO this is also convoluted and confusing
|
|
if (newActiveIndex < a) {
|
|
(opts.present || opts.back || $.noop)(this.getActive(), "back");
|
|
} else if (newActiveIndex > a) {
|
|
(opts.present || opts.forward || $.noop)(this.getActive(), "forward");
|
|
} else if (newActiveIndex === undefined && opts.missing) {
|
|
opts.missing(this.getActive());
|
|
}
|
|
}
|
|
});
|
|
})(jQuery);
|
|
|
|
|
|
|
|
(function ($, undefined) {
|
|
var path = $.mobile.path,
|
|
initialHref = location.href;
|
|
|
|
$.mobile.Navigator = function (history) {
|
|
this.history = history;
|
|
this.ignoreInitialHashChange = true;
|
|
|
|
$(window).bind({
|
|
"popstate.history": $.proxy(this.popstate, this)
|
|
});
|
|
};
|
|
|
|
$.extend($.mobile.Navigator.prototype, {
|
|
squash: function (url, data) {
|
|
var state, href, hash = path.isPath(url) ? path.stripHash(url) : url;
|
|
|
|
href = path.squash(url);
|
|
|
|
// make sure to provide this information when it isn't explicitly set in the
|
|
// data object that was passed to the squash method
|
|
state = $.extend({
|
|
hash: hash,
|
|
url: href
|
|
}, data);
|
|
|
|
// replace the current url with the new href and store the state
|
|
// Note that in some cases we might be replacing an url with the
|
|
// same url. We do this anyways because we need to make sure that
|
|
// all of our history entries have a state object associated with
|
|
// them. This allows us to work around the case where $.mobile.back()
|
|
// is called to transition from an external page to an embedded page.
|
|
// In that particular case, a hashchange event is *NOT* generated by the browser.
|
|
// Ensuring each history entry has a state object means that onPopState()
|
|
// will always trigger our hashchange callback even when a hashchange event
|
|
// is not fired.
|
|
window.history.replaceState(state, state.title || document.title, href);
|
|
|
|
return state;
|
|
},
|
|
|
|
hash: function (url, href) {
|
|
var parsed, loc, hash, resolved;
|
|
|
|
// Grab the hash for recording. If the passed url is a path
|
|
// we used the parsed version of the squashed url to reconstruct,
|
|
// otherwise we assume it's a hash and store it directly
|
|
parsed = path.parseUrl(url);
|
|
loc = path.parseLocation();
|
|
|
|
if (loc.pathname + loc.search === parsed.pathname + parsed.search) {
|
|
// If the pathname and search of the passed url is identical to the current loc
|
|
// then we must use the hash. Otherwise there will be no event
|
|
// eg, url = "/foo/bar?baz#bang", location.href = "http://example.com/foo/bar?baz"
|
|
hash = parsed.hash ? parsed.hash : parsed.pathname + parsed.search;
|
|
} else if (path.isPath(url)) {
|
|
resolved = path.parseUrl(href);
|
|
// If the passed url is a path, make it domain relative and remove any trailing hash
|
|
hash = resolved.pathname + resolved.search + (path.isPreservableHash(resolved.hash) ? resolved.hash.replace("#", "") : "");
|
|
} else {
|
|
hash = url;
|
|
}
|
|
|
|
return hash;
|
|
},
|
|
|
|
// TODO reconsider name
|
|
go: function (url, data, noEvents) {
|
|
var state, href, hash, popstateEvent;
|
|
|
|
// Get the url as it would look squashed on to the current resolution url
|
|
href = path.squash(url);
|
|
|
|
// sort out what the hash sould be from the url
|
|
hash = this.hash(url, href);
|
|
|
|
// Here we prevent the next hash change or popstate event from doing any
|
|
// history management. In the case of hashchange we don't swallow it
|
|
// if there will be no hashchange fired (since that won't reset the value)
|
|
// and will swallow the following hashchange
|
|
if (noEvents && hash !== path.stripHash(path.parseLocation().hash)) {
|
|
this.preventNextHashChange = noEvents;
|
|
}
|
|
|
|
// IMPORTANT in the case where popstate is supported the event will be triggered
|
|
// directly, stopping further execution - ie, interupting the flow of this
|
|
// method call to fire bindings at this expression. Below the navigate method
|
|
// there is a binding to catch this event and stop its propagation.
|
|
//
|
|
// We then trigger a new popstate event on the window with a null state
|
|
// so that the navigate events can conclude their work properly
|
|
//
|
|
// if the url is a path we want to preserve the query params that are available on
|
|
// the current url.
|
|
this.preventHashAssignPopState = true;
|
|
window.location.hash = hash;
|
|
|
|
// If popstate is enabled and the browser triggers `popstate` events when the hash
|
|
// is set (this often happens immediately in browsers like Chrome), then the
|
|
// this flag will be set to false already. If it's a browser that does not trigger
|
|
// a `popstate` on hash assignement or `replaceState` then we need avoid the branch
|
|
// that swallows the event created by the popstate generated by the hash assignment
|
|
// At the time of this writing this happens with Opera 12 and some version of IE
|
|
this.preventHashAssignPopState = false;
|
|
|
|
state = $.extend({
|
|
url: href,
|
|
hash: hash,
|
|
title: document.title
|
|
}, data);
|
|
|
|
popstateEvent = new $.Event("popstate");
|
|
popstateEvent.originalEvent = {
|
|
type: "popstate",
|
|
state: null
|
|
};
|
|
|
|
this.squash(url, state);
|
|
|
|
// Trigger a new faux popstate event to replace the one that we
|
|
// caught that was triggered by the hash setting above.
|
|
if (!noEvents) {
|
|
this.ignorePopState = true;
|
|
$(window).window.trigger(popstateEvent);
|
|
}
|
|
|
|
// record the history entry so that the information can be included
|
|
// in hashchange event driven navigate events in a similar fashion to
|
|
// the state that's provided by popstate
|
|
this.history.add(state.url, state);
|
|
},
|
|
|
|
// This binding is intended to catch the popstate events that are fired
|
|
// when execution of the `$.navigate` method stops at window.location.hash = url;
|
|
// and completely prevent them from propagating. The popstate event will then be
|
|
// retriggered after execution resumes
|
|
//
|
|
// TODO grab the original event here and use it for the synthetic event in the
|
|
// second half of the navigate execution that will follow this binding
|
|
popstate: function (event) {
|
|
var hash, state;
|
|
|
|
// If this is the popstate triggered by the actual alteration of the hash
|
|
// prevent it completely. History is tracked manually
|
|
if (this.preventHashAssignPopState) {
|
|
this.preventHashAssignPopState = false;
|
|
event.stopImmediatePropagation();
|
|
return;
|
|
}
|
|
|
|
// if this is the popstate triggered after the `replaceState` call in the go
|
|
// method, then simply ignore it. The history entry has already been captured
|
|
if (this.ignorePopState) {
|
|
this.ignorePopState = false;
|
|
return;
|
|
}
|
|
|
|
// If there is no state, and the history stack length is one were
|
|
// probably getting the page load popstate fired by browsers like chrome
|
|
// avoid it and set the one time flag to false.
|
|
// TODO: Do we really need all these conditions? Comparing location hrefs
|
|
// should be sufficient.
|
|
if (!event.originalEvent.state &&
|
|
this.history.stack.length === 1 &&
|
|
this.ignoreInitialHashChange) {
|
|
this.ignoreInitialHashChange = false;
|
|
|
|
if (location.href === initialHref) {
|
|
event.preventDefault();
|
|
return;
|
|
}
|
|
}
|
|
|
|
// account for direct manipulation of the hash. That is, we will receive a popstate
|
|
// when the hash is changed by assignment, and it won't have a state associated. We
|
|
// then need to squash the hash. See below for handling of hash assignment that
|
|
// matches an existing history entry
|
|
// TODO it might be better to only add to the history stack
|
|
// when the hash is adjacent to the active history entry
|
|
hash = path.parseLocation().hash;
|
|
if (!event.originalEvent.state && hash) {
|
|
// squash the hash that's been assigned on the URL with replaceState
|
|
// also grab the resulting state object for storage
|
|
state = this.squash(hash);
|
|
|
|
// record the new hash as an additional history entry
|
|
// to match the browser's treatment of hash assignment
|
|
this.history.add(state.url, state);
|
|
|
|
// pass the newly created state information
|
|
// along with the event
|
|
event.historyState = state;
|
|
|
|
// do not alter history, we've added a new history entry
|
|
// so we know where we are
|
|
return;
|
|
}
|
|
|
|
// If all else fails this is a popstate that comes from the back or forward buttons
|
|
// make sure to set the state of our history stack properly, and record the directionality
|
|
this.history.direct({
|
|
url: (event.originalEvent.state || {}).url || hash,
|
|
|
|
// When the url is either forward or backward in history include the entry
|
|
// as data on the event object for merging as data in the navigate event
|
|
present: function (historyEntry, direction) {
|
|
// make sure to create a new object to pass down as the navigate event data
|
|
event.historyState = $.extend({}, historyEntry);
|
|
event.historyState.direction = direction;
|
|
}
|
|
});
|
|
}
|
|
});
|
|
})(jQuery);
|
|
|
|
|
|
|
|
(function ($, undefined) {
|
|
// TODO consider queueing navigation activity until previous activities have completed
|
|
// so that end users don't have to think about it. Punting for now
|
|
// TODO !! move the event bindings into callbacks on the navigate event
|
|
$.mobile.navigate = function (url, data, noEvents) {
|
|
$.mobile.navigate.navigator.go(url, data, noEvents);
|
|
};
|
|
|
|
// expose the history on the navigate method in anticipation of full integration with
|
|
// existing navigation functionalty that is tightly coupled to the history information
|
|
$.mobile.navigate.history = new $.mobile.History();
|
|
|
|
// instantiate an instance of the navigator for use within the $.navigate method
|
|
$.mobile.navigate.navigator = new $.mobile.Navigator($.mobile.navigate.history);
|
|
|
|
var loc = $.mobile.path.parseLocation();
|
|
$.mobile.navigate.history.add(loc.href, { hash: loc.hash });
|
|
})(jQuery);
|
|
|
|
(function ($, undefined) {
|
|
|
|
var pageCache = {};
|
|
|
|
$.widget("mobile.pagecontainer", {
|
|
options: {
|
|
theme: "a"
|
|
},
|
|
|
|
initSelector: false,
|
|
|
|
_create: function () {
|
|
|
|
// TODO consider moving the navigation handler OUT of widget into
|
|
// some other object as glue between the navigate event and the
|
|
// content widget load and change methods
|
|
this._on(this.window, { navigate: "_filterNavigateEvents" });
|
|
},
|
|
|
|
_setOptions: function (options) {
|
|
this._super(options);
|
|
},
|
|
|
|
_filterNavigateEvents: function (e, data) {
|
|
var url;
|
|
|
|
if (e.originalEvent && e.originalEvent.isDefaultPrevented()) {
|
|
return;
|
|
}
|
|
|
|
url = e.originalEvent.type.indexOf("hashchange") > -1 ? data.state.hash : data.state.url;
|
|
|
|
if (!url) {
|
|
url = this._getHash();
|
|
}
|
|
|
|
if (!url || url === "#" || url.indexOf("#" + $.mobile.path.uiStateKey) === 0) {
|
|
url = location.href;
|
|
}
|
|
|
|
this._handleNavigate(url, data.state);
|
|
},
|
|
|
|
_getHash: function () {
|
|
return $.mobile.path.parseLocation().hash;
|
|
},
|
|
|
|
// TODO active page should be managed by the container (ie, it should be a property)
|
|
getActivePage: function () {
|
|
return this.activePage;
|
|
},
|
|
|
|
// TODO the first page should be a property set during _create using the logic
|
|
// that currently resides in init
|
|
_getInitialContent: function () {
|
|
return $.mobile.firstPage;
|
|
},
|
|
|
|
// TODO each content container should have a history object
|
|
_getHistory: function () {
|
|
return $.mobile.navigate.history;
|
|
},
|
|
|
|
_getActiveHistory: function () {
|
|
return this._getHistory().getActive();
|
|
},
|
|
|
|
// TODO the document base should be determined at creation
|
|
_getDocumentBase: function () {
|
|
return $.mobile.path.documentBase;
|
|
},
|
|
|
|
back: function () {
|
|
this.go(-1);
|
|
},
|
|
|
|
forward: function () {
|
|
this.go(1);
|
|
},
|
|
|
|
go: function (steps) {
|
|
|
|
window.history.go(steps);
|
|
},
|
|
|
|
// TODO rename _handleDestination
|
|
_handleDestination: function (to) {
|
|
var history;
|
|
|
|
// clean the hash for comparison if it's a url
|
|
if ($.type(to) === "string") {
|
|
to = $.mobile.path.stripHash(to);
|
|
}
|
|
|
|
if (to) {
|
|
history = this._getHistory();
|
|
|
|
// At this point, 'to' can be one of 3 things, a cached page
|
|
// element from a history stack entry, an id, or site-relative /
|
|
// absolute URL. If 'to' is an id, we need to resolve it against
|
|
// the documentBase, not the location.href, since the hashchange
|
|
// could've been the result of a forward/backward navigation
|
|
// that crosses from an external page/dialog to an internal
|
|
// page/dialog.
|
|
//
|
|
// TODO move check to history object or path object?
|
|
to = !$.mobile.path.isPath(to) ? ($.mobile.path.makeUrlAbsolute("#" + to, this._getDocumentBase())) : to;
|
|
}
|
|
return to || this._getInitialContent();
|
|
},
|
|
|
|
_transitionFromHistory: function (direction, defaultTransition) {
|
|
var history = this._getHistory(),
|
|
entry = (direction === "back" ? history.getLast() : history.getActive());
|
|
|
|
return (entry && entry.transition) || defaultTransition;
|
|
},
|
|
|
|
_handleNavigate: function (url, data) {
|
|
//find first page via hash
|
|
// TODO stripping the hash twice with handleUrl
|
|
var to = $.mobile.path.stripHash(url), history = this._getHistory(),
|
|
|
|
// transition is false if it's the first page, undefined
|
|
// otherwise (and may be overridden by default)
|
|
transition = history.stack.length === 0 ? "none" :
|
|
this._transitionFromHistory(data.direction),
|
|
|
|
// default options for the changPage calls made after examining
|
|
// the current state of the page and the hash, NOTE that the
|
|
// transition is derived from the previous history entry
|
|
changePageOptions = {
|
|
changeHash: false,
|
|
fromHashChange: true,
|
|
reverse: data.direction === "back"
|
|
};
|
|
|
|
$.extend(changePageOptions, data, {
|
|
transition: transition
|
|
});
|
|
|
|
this._changeContent(this._handleDestination(to), changePageOptions);
|
|
},
|
|
|
|
_changeContent: function (to, opts) {
|
|
$.mobile.changePage(to, opts);
|
|
},
|
|
|
|
_enhance: function (content, role) {
|
|
// TODO consider supporting a custom callback, and passing in
|
|
// the settings which includes the role
|
|
return content.page({ role: role });
|
|
},
|
|
|
|
_include: function (page, jPage, settings) {
|
|
|
|
// append to page and enhance
|
|
jPage.appendTo(this.element);
|
|
//alert(jPage[0].parentNode == this.element[0]);
|
|
//this.element[0].appendChild(page);
|
|
|
|
// use the page widget to enhance
|
|
this._enhance(jPage, settings.role);
|
|
},
|
|
|
|
_find: function (absUrl) {
|
|
// TODO consider supporting a custom callback
|
|
var fileUrl = absUrl,
|
|
dataUrl = this._createDataUrl(absUrl),
|
|
page, initialContent = this._getInitialContent();
|
|
|
|
// Check to see if the page already exists in the DOM.
|
|
// NOTE do _not_ use the :jqmData pseudo selector because parenthesis
|
|
// are a valid url char and it breaks on the first occurence
|
|
page = this.element[0].querySelector("[data-url='" + $.mobile.path.hashToSelector(dataUrl) + "']");
|
|
|
|
// If we failed to find the page, check to see if the url is a
|
|
// reference to an embedded page. If so, it may have been dynamically
|
|
// injected by a developer, in which case it would be lacking a
|
|
// data-url attribute and in need of enhancement.
|
|
if (!page && dataUrl && !$.mobile.path.isPath(dataUrl)) {
|
|
page = this.element[0].querySelector($.mobile.path.hashToSelector("#" + dataUrl));
|
|
|
|
if (page) {
|
|
$(page).attr("data-url", dataUrl)
|
|
.data("url", dataUrl);
|
|
}
|
|
}
|
|
|
|
// If we failed to find a page in the DOM, check the URL to see if it
|
|
// refers to the first page in the application. Also check to make sure
|
|
// our cached-first-page is actually in the DOM. Some user deployed
|
|
// apps are pruning the first page from the DOM for various reasons.
|
|
// We check for this case here because we don't want a first-page with
|
|
// an id falling through to the non-existent embedded page error case.
|
|
if (!page &&
|
|
$.mobile.path.isFirstPageUrl(fileUrl) &&
|
|
initialContent &&
|
|
initialContent.parent().length) {
|
|
page = initialContent;
|
|
}
|
|
|
|
return page ? $(page) : $();
|
|
},
|
|
|
|
_parse: function (html, fileUrl) {
|
|
// TODO consider allowing customization of this method. It's very JQM specific
|
|
var page, all = document.createElement('div');
|
|
|
|
//workaround to allow scripts to execute when included in page divs
|
|
all.innerHTML = html;
|
|
|
|
page = all.querySelector("div[data-role='page']");
|
|
|
|
//if page elem couldn't be found, create one and insert the body element's contents
|
|
if (!page) {
|
|
page = $("<div data-role='page'>" +
|
|
(html.split(/<\/?body[^>]*>/gmi)[1] || "") +
|
|
"</div>")[0];
|
|
}
|
|
|
|
// TODO tagging a page with external to make sure that embedded pages aren't
|
|
// removed by the various page handling code is bad. Having page handling code
|
|
// in many places is bad. Solutions post 1.0
|
|
page.setAttribute("data-url", this._createDataUrl(fileUrl));
|
|
page.setAttribute("data-external-page", true);
|
|
|
|
return page;
|
|
},
|
|
|
|
_setLoadedTitle: function (page, html) {
|
|
//page title regexp
|
|
if (!page.data("title")) {
|
|
|
|
var newPageTitle = html.match(/<title[^>]*>([^<]*)/) && RegExp.$1;
|
|
|
|
if (newPageTitle) {
|
|
page.data("title", newPageTitle);
|
|
}
|
|
}
|
|
},
|
|
|
|
_createDataUrl: function (absoluteUrl) {
|
|
return $.mobile.path.convertUrlToDataUrl(absoluteUrl);
|
|
},
|
|
|
|
_triggerWithDeprecated: function (name, data, page) {
|
|
var deprecatedEvent = $.Event("page" + name),
|
|
newEvent = $.Event(this.widgetName + name);
|
|
|
|
// DEPRECATED
|
|
|
|
// trigger the old deprecated event on the page if it's provided
|
|
//(page || this.element).trigger(deprecatedEvent, data);
|
|
(page || this.element)[0].dispatchEvent(new CustomEvent("page" + name, {
|
|
bubbles: true,
|
|
detail: {
|
|
data: data
|
|
}
|
|
}));
|
|
|
|
// use the widget trigger method for the new content* event
|
|
//this._trigger(name, newEvent, data);
|
|
|
|
return {
|
|
deprecatedEvent: deprecatedEvent,
|
|
event: newEvent
|
|
};
|
|
},
|
|
|
|
// TODO it would be nice to split this up more but everything appears to be "one off"
|
|
// or require ordering such that other bits are sprinkled in between parts that
|
|
// could be abstracted out as a group
|
|
_loadSuccess: function (absUrl, triggerData, settings, deferred) {
|
|
|
|
var fileUrl = absUrl;
|
|
var currentSelf = this;
|
|
|
|
return function (html, wasCached) {
|
|
|
|
if (!wasCached || typeof (wasCached) != 'boolean') {
|
|
if ($.mobile.filterHtml) {
|
|
html = $.mobile.filterHtml(html);
|
|
}
|
|
if (absUrl.toLowerCase().indexOf('/configurationpage?') == -1) {
|
|
pageCache[absUrl.split('?')[0]] = html;
|
|
}
|
|
}
|
|
|
|
var contentElem = currentSelf._parse(html, fileUrl);
|
|
var content = $(contentElem);
|
|
|
|
currentSelf._setLoadedTitle(content, html);
|
|
|
|
// DEPRECATED
|
|
triggerData.page = content;
|
|
|
|
triggerData.content = content;
|
|
|
|
triggerData.toPage = content;
|
|
|
|
var dependencies = contentElem.getAttribute('data-require');
|
|
dependencies = dependencies ? dependencies.split(',') : null;
|
|
|
|
if (contentElem.classList.contains('type-interior')) {
|
|
dependencies = dependencies || [];
|
|
dependencies.push('jqmpopup');
|
|
dependencies.push('jqmlistview');
|
|
dependencies.push('jqmcollapsible');
|
|
dependencies.push('jqmcontrolgroup');
|
|
dependencies.push('jqmcheckbox');
|
|
}
|
|
|
|
require(dependencies, function () {
|
|
currentSelf._include(contentElem, content, settings);
|
|
deferred.resolve(absUrl, settings, content);
|
|
});
|
|
|
|
};
|
|
},
|
|
|
|
_loadDefaults: {
|
|
type: "get",
|
|
data: undefined,
|
|
|
|
// DEPRECATED
|
|
reloadPage: false,
|
|
|
|
reload: false,
|
|
|
|
// By default we rely on the role defined by the @data-role attribute.
|
|
role: undefined
|
|
},
|
|
|
|
load: function (url, options) {
|
|
// This function uses deferred notifications to let callers
|
|
// know when the content is done loading, or if an error has occurred.
|
|
var deferred = (options && options.deferred) || $.Deferred(),
|
|
|
|
// Examining the option "reloadPage" passed by the user is deprecated as of 1.4.0
|
|
// and will be removed in 1.5.0.
|
|
// Copy option "reloadPage" to "reload", but only if option "reload" is not present
|
|
reloadOptionExtension =
|
|
((options && options.reload === undefined &&
|
|
options.reloadPage !== undefined) ?
|
|
{ reload: options.reloadPage } : {}),
|
|
|
|
// The default load options with overrides specified by the caller.
|
|
settings = $.extend({}, this._loadDefaults, options, reloadOptionExtension),
|
|
|
|
// The DOM element for the content after it has been loaded.
|
|
content = null,
|
|
|
|
// The absolute version of the URL passed into the function. This
|
|
// version of the URL may contain dialog/subcontent params in it.
|
|
absUrl = $.mobile.path.makeUrlAbsolute(url, this._findBaseWithDefault()),
|
|
fileUrl, dataUrl, triggerData;
|
|
|
|
// If the caller provided data, and we're using "get" request,
|
|
// append the data to the URL.
|
|
if (settings.data && settings.type === "get") {
|
|
absUrl = $.mobile.path.addSearchParams(absUrl, settings.data);
|
|
settings.data = undefined;
|
|
}
|
|
|
|
// If the caller is using a "post" request, reload must be true
|
|
if (settings.data && settings.type === "post") {
|
|
settings.reload = true;
|
|
}
|
|
|
|
// The absolute version of the URL minus any dialog/subcontent params.
|
|
// In otherwords the real URL of the content to be loaded.
|
|
fileUrl = absUrl;
|
|
|
|
// The version of the Url actually stored in the data-url attribute of
|
|
// the content. For embedded content, it is just the id of the page. For
|
|
// content within the same domain as the document base, it is the site
|
|
// relative path. For cross-domain content (Phone Gap only) the entire
|
|
// absolute Url is used to load the content.
|
|
dataUrl = this._createDataUrl(absUrl);
|
|
|
|
content = this._find(absUrl);
|
|
|
|
// If it isn't a reference to the first content and refers to missing
|
|
// embedded content reject the deferred and return
|
|
if (content.length === 0 &&
|
|
$.mobile.path.isEmbeddedPage(fileUrl) &&
|
|
!$.mobile.path.isFirstPageUrl(fileUrl)) {
|
|
deferred.reject(absUrl, settings);
|
|
return deferred.promise();
|
|
}
|
|
|
|
// If the content we are interested in is already in the DOM,
|
|
// and the caller did not indicate that we should force a
|
|
// reload of the file, we are done. Resolve the deferrred so that
|
|
// users can bind to .done on the promise
|
|
if (content.length && !settings.reload) {
|
|
this._enhance(content, settings.role);
|
|
deferred.resolve(absUrl, settings, content);
|
|
|
|
return deferred.promise();
|
|
}
|
|
|
|
triggerData = {
|
|
url: url,
|
|
absUrl: absUrl,
|
|
toPage: url,
|
|
prevPage: options ? options.fromPage : undefined,
|
|
dataUrl: dataUrl,
|
|
deferred: deferred,
|
|
options: settings
|
|
};
|
|
|
|
var successFn = this._loadSuccess(absUrl, triggerData, settings, deferred);
|
|
var cachedResult = pageCache[absUrl.split('?')[0]];
|
|
if (cachedResult) {
|
|
successFn(cachedResult, true);
|
|
return deferred.promise();
|
|
}
|
|
|
|
//// Load the new content.
|
|
//$.ajax({
|
|
// url: fileUrl,
|
|
// type: settings.type,
|
|
// data: settings.data,
|
|
// contentType: settings.contentType,
|
|
// dataType: "html",
|
|
// success: successFn,
|
|
// error: this._loadError(absUrl, triggerData, settings, deferred)
|
|
//});
|
|
var xhr = new XMLHttpRequest();
|
|
xhr.open('GET', fileUrl, true);
|
|
|
|
xhr.onload = function (e) {
|
|
successFn(this.response);
|
|
};
|
|
|
|
xhr.send();
|
|
|
|
return deferred.promise();
|
|
},
|
|
|
|
// TODO move into transition handlers?
|
|
_triggerCssTransitionEvents: function (to, from, prefix) {
|
|
|
|
prefix = prefix || "";
|
|
|
|
// TODO decide if these events should in fact be triggered on the container
|
|
if (from) {
|
|
|
|
//trigger before show/hide events
|
|
// TODO deprecate nextPage in favor of next
|
|
this._triggerWithDeprecated(prefix + "hide", {
|
|
|
|
// Deprecated in 1.4 remove in 1.5
|
|
nextPage: to,
|
|
toPage: to,
|
|
prevPage: from,
|
|
samePage: to[0] === from[0]
|
|
}, from);
|
|
}
|
|
|
|
// TODO deprecate prevPage in favor of previous
|
|
if (!prefix && $.browser.msie) {
|
|
|
|
// Add a delay for IE because it seems to be having issues with web components
|
|
var curr = this;
|
|
setTimeout(function () {
|
|
curr._triggerWithDeprecated(prefix + "show", {
|
|
prevPage: from || $(""),
|
|
toPage: to
|
|
}, to);
|
|
}, 50);
|
|
|
|
} else {
|
|
this._triggerWithDeprecated(prefix + "show", {
|
|
prevPage: from || $(""),
|
|
toPage: to
|
|
}, to);
|
|
}
|
|
},
|
|
|
|
// TODO make private once change has been defined in the widget
|
|
_cssTransition: function (to, from, options) {
|
|
|
|
this._triggerCssTransitionEvents(to, from, "before");
|
|
|
|
if (from) {
|
|
from[0].style.display = 'none';
|
|
var pages = this.element[0].childNodes;
|
|
for (var i = 0, length = pages.length; i < length; i++) {
|
|
var pg = pages[i];
|
|
if (pg.getAttribute && pg.getAttribute('data-role') == 'page') {
|
|
pg.style.display = 'none';
|
|
}
|
|
}
|
|
}
|
|
|
|
var toPage = to[0];
|
|
|
|
toPage.style.display = 'block';
|
|
|
|
//var transition = toPage.getAttribute('data-transition');
|
|
//if (transition == 'zoom') {
|
|
// zoomIn(toPage);
|
|
//}
|
|
|
|
this._triggerCssTransitionEvents(to, from);
|
|
},
|
|
|
|
change: function (to, options) {
|
|
|
|
var settings = $.extend({}, $.mobile.changePage.defaults, options),
|
|
triggerData = {};
|
|
|
|
// Make sure we have a fromPage.
|
|
settings.fromPage = settings.fromPage || this.activePage;
|
|
|
|
triggerData.prevPage = this.activePage;
|
|
$.extend(triggerData, {
|
|
toPage: to,
|
|
options: settings
|
|
});
|
|
|
|
// If the caller passed us a url, call loadPage()
|
|
// to make sure it is loaded into the DOM. We'll listen
|
|
// to the promise object it returns so we know when
|
|
// it is done loading or if an error ocurred.
|
|
if ($.type(to) === "string") {
|
|
// if the toPage is a string simply convert it
|
|
triggerData.absUrl = $.mobile.path.makeUrlAbsolute(to, this._findBaseWithDefault());
|
|
|
|
// preserve the original target as the dataUrl value will be
|
|
// simplified eg, removing ui-state, and removing query params
|
|
// from the hash this is so that users who want to use query
|
|
// params have access to them in the event bindings for the page
|
|
// life cycle See issue #5085
|
|
settings.target = to;
|
|
settings.deferred = $.Deferred();
|
|
|
|
this.load(to, settings);
|
|
|
|
settings.deferred.then($.proxy(function (url, options, content) {
|
|
|
|
// store the original absolute url so that it can be provided
|
|
// to events in the triggerData of the subsequent changePage call
|
|
options.absUrl = triggerData.absUrl;
|
|
|
|
this.transition(content, triggerData, options);
|
|
}, this));
|
|
|
|
} else {
|
|
// if the toPage is a jQuery object grab the absolute url stored
|
|
// in the loadPage callback where it exists
|
|
triggerData.absUrl = settings.absUrl;
|
|
|
|
this.transition(to, triggerData, settings);
|
|
}
|
|
},
|
|
|
|
transition: function (toPage, triggerData, settings) {
|
|
var fromPage, url, pageUrl, fileUrl,
|
|
active, activeIsInitialPage,
|
|
historyDir, pageTitle,
|
|
alreadyThere, newPageTitle,
|
|
params;
|
|
|
|
triggerData.prevPage = settings.fromPage;
|
|
|
|
// If we are going to the first-page of the application, we need to make
|
|
// sure settings.dataUrl is set to the application document url. This allows
|
|
// us to avoid generating a document url with an id hash in the case where the
|
|
// first-page of the document has an id attribute specified.
|
|
if (toPage[0] === $.mobile.firstPage[0] && !settings.dataUrl) {
|
|
settings.dataUrl = $.mobile.path.documentUrl.hrefNoHash;
|
|
}
|
|
|
|
// The caller passed us a real page DOM element. Update our
|
|
// internal state and then trigger a transition to the page.
|
|
fromPage = settings.fromPage;
|
|
url = (settings.dataUrl && $.mobile.path.convertUrlToDataUrl(settings.dataUrl)) ||
|
|
toPage.data("url");
|
|
|
|
// The pageUrl var is usually the same as url, except when url is obscured
|
|
// as a dialog url. pageUrl always contains the file path
|
|
pageUrl = url;
|
|
fileUrl = url;
|
|
active = $.mobile.navigate.history.getActive();
|
|
activeIsInitialPage = $.mobile.navigate.history.activeIndex === 0;
|
|
historyDir = 0;
|
|
pageTitle = document.title;
|
|
|
|
// By default, we prevent changePage requests when the fromPage and toPage
|
|
// are the same element, but folks that generate content
|
|
// manually/dynamically and reuse pages want to be able to transition to
|
|
// the same page. To allow this, they will need to change the default
|
|
// value of allowSamePageTransition to true, *OR*, pass it in as an
|
|
// option when they manually call changePage(). It should be noted that
|
|
// our default transition animations assume that the formPage and toPage
|
|
// are different elements, so they may behave unexpectedly. It is up to
|
|
// the developer that turns on the allowSamePageTransitiona option to
|
|
// either turn off transition animations, or make sure that an appropriate
|
|
// animation transition is used.
|
|
if (fromPage && fromPage[0] === toPage[0]) {
|
|
|
|
this._triggerWithDeprecated("transition", triggerData);
|
|
this._triggerWithDeprecated("change", triggerData);
|
|
|
|
// Even if there is no page change to be done, we should keep the
|
|
// urlHistory in sync with the hash changes
|
|
if (settings.fromHashChange) {
|
|
$.mobile.navigate.history.direct({ url: url });
|
|
}
|
|
|
|
return;
|
|
}
|
|
|
|
// We need to make sure the page we are given has already been enhanced.
|
|
toPage.page({ role: settings.role });
|
|
|
|
// If the changePage request was sent from a hashChange event, check to
|
|
// see if the page is already within the urlHistory stack. If so, we'll
|
|
// assume the user hit the forward/back button and will try to match the
|
|
// transition accordingly.
|
|
if (settings.fromHashChange) {
|
|
historyDir = settings.direction === "back" ? -1 : 1;
|
|
}
|
|
|
|
// Record whether we are at a place in history where a dialog used to be -
|
|
// if so, do not add a new history entry and do not change the hash either
|
|
alreadyThere = false;
|
|
|
|
// if title element wasn't found, try the page div data attr too
|
|
// If this is a deep-link or a reload ( active === undefined ) then just
|
|
// use pageTitle
|
|
newPageTitle = (!active) ? pageTitle : toPage.data("title");
|
|
if (!!newPageTitle && pageTitle === document.title) {
|
|
pageTitle = newPageTitle;
|
|
}
|
|
if (!toPage.data("title")) {
|
|
toPage.data("title", pageTitle);
|
|
}
|
|
|
|
//add page to history stack if it's not back or forward
|
|
if (!historyDir && alreadyThere) {
|
|
$.mobile.navigate.history.getActive().pageUrl = pageUrl;
|
|
}
|
|
|
|
// Set the location hash.
|
|
if (url && !settings.fromHashChange) {
|
|
|
|
// rebuilding the hash here since we loose it earlier on
|
|
// TODO preserve the originally passed in path
|
|
if (!$.mobile.path.isPath(url) && url.indexOf("#") < 0) {
|
|
url = "#" + url;
|
|
}
|
|
|
|
// TODO the property names here are just silly
|
|
params = {
|
|
title: pageTitle,
|
|
pageUrl: pageUrl,
|
|
role: settings.role
|
|
};
|
|
|
|
if (settings.changeHash !== false) {
|
|
$.mobile.navigate(this.window[0].encodeURI(url), params, true);
|
|
} else if (toPage[0] !== $.mobile.firstPage[0]) {
|
|
$.mobile.navigate.history.add(url, params);
|
|
}
|
|
}
|
|
|
|
//set page title
|
|
document.title = pageTitle;
|
|
|
|
//set "toPage" as activePage deprecated in 1.4 remove in 1.5
|
|
$.mobile.activePage = toPage;
|
|
|
|
//new way to handle activePage
|
|
this.activePage = toPage;
|
|
|
|
// If we're navigating back in the URL history, set reverse accordingly.
|
|
settings.reverse = settings.reverse || historyDir < 0;
|
|
|
|
this._cssTransition(toPage, fromPage, {
|
|
transition: settings.transition,
|
|
reverse: settings.reverse
|
|
});
|
|
},
|
|
|
|
// determine the current base url
|
|
_findBaseWithDefault: function () {
|
|
|
|
var closestBase = (this.activePage &&
|
|
$.mobile.getClosestBaseUrl(this.activePage[0]));
|
|
return closestBase || $.mobile.path.documentBase.hrefNoHash;
|
|
}
|
|
});
|
|
|
|
})(jQuery);
|
|
|
|
(function ($, undefined) {
|
|
|
|
// resolved on domready
|
|
var // function that resolves the above deferred
|
|
documentUrl = $.mobile.path.documentUrl;
|
|
|
|
//define vars for interal use
|
|
|
|
/* internal utility functions */
|
|
|
|
// Exposed $.mobile methods
|
|
|
|
$.mobile.changePage = function (to, options) {
|
|
$.mobile.pageContainer.pagecontainer("change", to, options);
|
|
};
|
|
|
|
$.mobile.changePage.defaults = {
|
|
reverse: false,
|
|
changeHash: true,
|
|
fromHashChange: false,
|
|
role: undefined, // By default we rely on the role defined by the @data-role attribute.
|
|
duplicateCachedPage: undefined,
|
|
pageContainer: undefined,
|
|
dataUrl: undefined,
|
|
fromPage: undefined
|
|
};
|
|
|
|
function parentWithTag(elem, tagName) {
|
|
|
|
while (elem.tagName != tagName) {
|
|
elem = elem.parentNode;
|
|
|
|
if (!elem) {
|
|
return null;
|
|
}
|
|
}
|
|
|
|
return elem;
|
|
}
|
|
|
|
$.mobile._registerInternalEvents = function () {
|
|
|
|
// click routing - direct to HTTP or Ajax, accordingly
|
|
document.addEventListener("click", function (event) {
|
|
|
|
var link = parentWithTag(event.target, 'A');
|
|
|
|
var $link = $(link);
|
|
|
|
// If there is no link associated with the click or its not a left
|
|
// click we want to ignore the click
|
|
// TODO teach $.mobile.hijackable to operate on raw dom elements so the link wrapping
|
|
// can be avoided
|
|
if (!link || event.which > 1) {
|
|
return;
|
|
}
|
|
|
|
//if there's a data-rel=back attr, go back in history
|
|
if (link.getAttribute('data-rel') == 'back') {
|
|
$.mobile.pageContainer.pagecontainer("back");
|
|
return false;
|
|
}
|
|
|
|
var baseUrl = $.mobile.getClosestBaseUrl(link);
|
|
|
|
//get href, if defined, otherwise default to empty hash
|
|
var href = $.mobile.path.makeUrlAbsolute(link.getAttribute("href") || "#", baseUrl);
|
|
|
|
// XXX_jblas: Ideally links to application pages should be specified as
|
|
// an url to the application document with a hash that is either
|
|
// the site relative path or id to the page. But some of the
|
|
// internal code that dynamically generates sub-pages for nested
|
|
// lists and select dialogs, just write a hash in the link they
|
|
// create. This means the actual URL path is based on whatever
|
|
// the current value of the base tag is at the time this code
|
|
// is called.
|
|
if (href.search("#") !== -1 &&
|
|
!($.mobile.path.isExternal(href) && $.mobile.path.isAbsoluteUrl(href))) {
|
|
|
|
href = href.replace(/[^#]*#/, "");
|
|
if (!href) {
|
|
//link was an empty hash meant purely
|
|
//for interaction, so we ignore it.
|
|
event.preventDefault();
|
|
return;
|
|
} else if ($.mobile.path.isPath(href)) {
|
|
//we have apath so make it the href we want to load.
|
|
href = $.mobile.path.makeUrlAbsolute(href, baseUrl);
|
|
} else {
|
|
//we have a simple id so use the documentUrl as its base.
|
|
href = $.mobile.path.makeUrlAbsolute("#" + href, documentUrl.hrefNoHash);
|
|
}
|
|
}
|
|
|
|
// Should we handle this link, or let the browser deal with it?
|
|
//check for protocol or rel and its not an embedded page
|
|
//TODO overlap in logic from isExternal, rel=external check should be
|
|
// moved into more comprehensive isExternalLink
|
|
if (link.getAttribute("rel") == "external" || link.getAttribute("data-ajax") == "false" || link.getAttribute('target') || ($.mobile.path.isExternal(href))) {
|
|
//use default click handling
|
|
return;
|
|
}
|
|
|
|
//use ajax
|
|
var reverse = $link.data("direction") === "reverse";
|
|
|
|
//this may need to be more specific as we use data-rel more
|
|
var role = link.getAttribute("data-rel") || undefined;
|
|
|
|
$.mobile.changePage(href, { reverse: reverse, role: role, link: $link });
|
|
event.preventDefault();
|
|
});
|
|
|
|
// TODO ensure that the navigate binding in the content widget happens at the right time
|
|
$.mobile.pageContainer.pagecontainer();
|
|
|
|
function removePage(page) {
|
|
|
|
page.parentNode.removeChild(page);
|
|
}
|
|
|
|
function cleanPages(newPage) {
|
|
|
|
var pages = document.querySelectorAll("div[data-role='page']");
|
|
if (pages.length < 5) {
|
|
//return;
|
|
}
|
|
|
|
for (var i = 0, length = pages.length; i < length; i++) {
|
|
var page = pages[i];
|
|
if (page != newPage) {
|
|
removePage(page);
|
|
}
|
|
}
|
|
}
|
|
|
|
//set page min-heights to be device specific
|
|
document.addEventListener("pagehide", function (e) {
|
|
|
|
var data = e.detail.data;
|
|
var toPage = data.toPage ? data.toPage[0] : null;
|
|
|
|
if (toPage) {
|
|
if (toPage.getAttribute('data-dom-cache')) {
|
|
cleanPages(toPage);
|
|
}
|
|
else if ((toPage.getAttribute('data-url') || '').toLowerCase().indexOf('/configurationpage') != -1) {
|
|
// plugin config pages are not built to handle the dom caching
|
|
cleanPages(toPage);
|
|
}
|
|
}
|
|
});
|
|
|
|
};
|
|
|
|
})(jQuery);
|
|
|
|
|
|
(function ($, window, undefined) {
|
|
|
|
$.extend($.mobile, {
|
|
// find and enhance the pages in the dom and transition to the first page.
|
|
initializePage: function () {
|
|
// find present pages
|
|
var path = $.mobile.path,
|
|
firstPage = document.querySelector("div[data-role='page']"),
|
|
hash = path.stripHash(path.stripQueryParams(path.parseLocation().hash)),
|
|
theLocation = $.mobile.path.parseLocation(),
|
|
hashPage = hash ? document.getElementById(hash) : undefined;
|
|
|
|
// add dialogs, set data-url attrs
|
|
if (firstPage) {
|
|
// unless the data url is already set set it to the pathname
|
|
if (!firstPage.getAttribute("data-url")) {
|
|
firstPage.setAttribute("data-url", firstPage.getAttribute("id") || path.convertUrlToDataUrl(theLocation.pathname + theLocation.search));
|
|
}
|
|
}
|
|
|
|
// define first page in dom case one backs out to the directory root (not always the first page visited, but defined as fallback)
|
|
$.mobile.firstPage = $(firstPage);
|
|
|
|
// define page container
|
|
$.mobile.pageContainer = $.mobile.firstPage
|
|
.parent()
|
|
.addClass("ui-mobile-viewport")
|
|
.pagecontainer();
|
|
|
|
$.mobile._registerInternalEvents();
|
|
|
|
// if hashchange listening is disabled, there's no hash deeplink,
|
|
// the hash is not valid (contains more than one # or does not start with #)
|
|
// or there is no page with that hash, change to the first page in the DOM
|
|
// Remember, however, that the hash can also be a path!
|
|
if (!($.mobile.path.isHashValid(location.hash) &&
|
|
($(hashPage).is("[data-role='page']") ||
|
|
$.mobile.path.isPath(hash)))) {
|
|
|
|
// make sure to set initial popstate state if it exists
|
|
// so that navigation back to the initial page works properly
|
|
$.mobile.navigate.navigator.squash(path.parseLocation().href);
|
|
|
|
$.mobile.changePage($.mobile.firstPage, {
|
|
reverse: true,
|
|
changeHash: false,
|
|
fromHashChange: true
|
|
});
|
|
} else {
|
|
// TODO figure out how to simplify this interaction with the initial history entry
|
|
// at the bottom js/navigate/navigate.js
|
|
$.mobile.navigate.history.stack = [];
|
|
$.mobile.navigate($.mobile.path.isPath(location.hash) ? location.hash : location.href);
|
|
}
|
|
}
|
|
});
|
|
|
|
}(jQuery, this));
|
|
|
|
(function ($, undefined) {
|
|
|
|
$.fn.selectmenu = function () {
|
|
return this;
|
|
};
|
|
})(jQuery);
|
|
|
|
})); |