2014-11-01 06:03:03 +03:00
|
|
|
window.$ = window.$ || {};(function() { if ($ && $.fn && $.fn.select2 && $.fn.select2.amd) { define = $.fn.select2.amd.define; require = $.fn.select2.amd.require; }/**
|
2014-08-27 02:01:42 +04:00
|
|
|
* @license almond 0.2.9 Copyright (c) 2011-2014, The Dojo Foundation All Rights Reserved.
|
|
|
|
* Available via the MIT or new BSD license.
|
|
|
|
* see: http://github.com/jrburke/almond for details
|
|
|
|
*/
|
|
|
|
//Going sloppy to avoid 'use strict' string cost, but strict practices should
|
|
|
|
//be followed.
|
|
|
|
/*jslint sloppy: true */
|
|
|
|
/*global setTimeout: false */
|
|
|
|
|
|
|
|
var requirejs, require, define;
|
|
|
|
(function (undef) {
|
|
|
|
var main, req, makeMap, handlers,
|
|
|
|
defined = {},
|
|
|
|
waiting = {},
|
|
|
|
config = {},
|
|
|
|
defining = {},
|
|
|
|
hasOwn = Object.prototype.hasOwnProperty,
|
|
|
|
aps = [].slice,
|
|
|
|
jsSuffixRegExp = /\.js$/;
|
|
|
|
|
|
|
|
function hasProp(obj, prop) {
|
|
|
|
return hasOwn.call(obj, prop);
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Given a relative module name, like ./something, normalize it to
|
|
|
|
* a real name that can be mapped to a path.
|
|
|
|
* @param {String} name the relative name
|
|
|
|
* @param {String} baseName a real name that the name arg is relative
|
|
|
|
* to.
|
|
|
|
* @returns {String} normalized name
|
|
|
|
*/
|
|
|
|
function normalize(name, baseName) {
|
|
|
|
var nameParts, nameSegment, mapValue, foundMap, lastIndex,
|
|
|
|
foundI, foundStarMap, starI, i, j, part,
|
|
|
|
baseParts = baseName && baseName.split("/"),
|
|
|
|
map = config.map,
|
|
|
|
starMap = (map && map['*']) || {};
|
|
|
|
|
|
|
|
//Adjust any relative paths.
|
|
|
|
if (name && name.charAt(0) === ".") {
|
|
|
|
//If have a base name, try to normalize against it,
|
|
|
|
//otherwise, assume it is a top-level require that will
|
|
|
|
//be relative to baseUrl in the end.
|
|
|
|
if (baseName) {
|
|
|
|
//Convert baseName to array, and lop off the last part,
|
|
|
|
//so that . matches that "directory" and not name of the baseName's
|
|
|
|
//module. For instance, baseName of "one/two/three", maps to
|
|
|
|
//"one/two/three.js", but we want the directory, "one/two" for
|
|
|
|
//this normalization.
|
|
|
|
baseParts = baseParts.slice(0, baseParts.length - 1);
|
|
|
|
name = name.split('/');
|
|
|
|
lastIndex = name.length - 1;
|
|
|
|
|
|
|
|
// Node .js allowance:
|
|
|
|
if (config.nodeIdCompat && jsSuffixRegExp.test(name[lastIndex])) {
|
|
|
|
name[lastIndex] = name[lastIndex].replace(jsSuffixRegExp, '');
|
|
|
|
}
|
|
|
|
|
|
|
|
name = baseParts.concat(name);
|
|
|
|
|
|
|
|
//start trimDots
|
|
|
|
for (i = 0; i < name.length; i += 1) {
|
|
|
|
part = name[i];
|
|
|
|
if (part === ".") {
|
|
|
|
name.splice(i, 1);
|
|
|
|
i -= 1;
|
|
|
|
} else if (part === "..") {
|
|
|
|
if (i === 1 && (name[2] === '..' || name[0] === '..')) {
|
|
|
|
//End of the line. Keep at least one non-dot
|
|
|
|
//path segment at the front so it can be mapped
|
|
|
|
//correctly to disk. Otherwise, there is likely
|
|
|
|
//no path mapping for a path starting with '..'.
|
|
|
|
//This can still fail, but catches the most reasonable
|
|
|
|
//uses of ..
|
|
|
|
break;
|
|
|
|
} else if (i > 0) {
|
|
|
|
name.splice(i - 1, 2);
|
|
|
|
i -= 2;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
//end trimDots
|
|
|
|
|
|
|
|
name = name.join("/");
|
|
|
|
} else if (name.indexOf('./') === 0) {
|
|
|
|
// No baseName, so this is ID is resolved relative
|
|
|
|
// to baseUrl, pull off the leading dot.
|
|
|
|
name = name.substring(2);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
//Apply map config if available.
|
|
|
|
if ((baseParts || starMap) && map) {
|
|
|
|
nameParts = name.split('/');
|
|
|
|
|
|
|
|
for (i = nameParts.length; i > 0; i -= 1) {
|
|
|
|
nameSegment = nameParts.slice(0, i).join("/");
|
|
|
|
|
|
|
|
if (baseParts) {
|
|
|
|
//Find the longest baseName segment match in the config.
|
|
|
|
//So, do joins on the biggest to smallest lengths of baseParts.
|
|
|
|
for (j = baseParts.length; j > 0; j -= 1) {
|
|
|
|
mapValue = map[baseParts.slice(0, j).join('/')];
|
|
|
|
|
|
|
|
//baseName segment has config, find if it has one for
|
|
|
|
//this name.
|
|
|
|
if (mapValue) {
|
|
|
|
mapValue = mapValue[nameSegment];
|
|
|
|
if (mapValue) {
|
|
|
|
//Match, update name to the new value.
|
|
|
|
foundMap = mapValue;
|
|
|
|
foundI = i;
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
if (foundMap) {
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
|
|
|
|
//Check for a star map match, but just hold on to it,
|
|
|
|
//if there is a shorter segment match later in a matching
|
|
|
|
//config, then favor over this star map.
|
|
|
|
if (!foundStarMap && starMap && starMap[nameSegment]) {
|
|
|
|
foundStarMap = starMap[nameSegment];
|
|
|
|
starI = i;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
if (!foundMap && foundStarMap) {
|
|
|
|
foundMap = foundStarMap;
|
|
|
|
foundI = starI;
|
|
|
|
}
|
|
|
|
|
|
|
|
if (foundMap) {
|
|
|
|
nameParts.splice(0, foundI, foundMap);
|
|
|
|
name = nameParts.join('/');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
return name;
|
|
|
|
}
|
|
|
|
|
|
|
|
function makeRequire(relName, forceSync) {
|
|
|
|
return function () {
|
|
|
|
//A version of a require function that passes a moduleName
|
|
|
|
//value for items that may need to
|
|
|
|
//look up paths relative to the moduleName
|
|
|
|
return req.apply(undef, aps.call(arguments, 0).concat([relName, forceSync]));
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
function makeNormalize(relName) {
|
|
|
|
return function (name) {
|
|
|
|
return normalize(name, relName);
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
function makeLoad(depName) {
|
|
|
|
return function (value) {
|
|
|
|
defined[depName] = value;
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
function callDep(name) {
|
|
|
|
if (hasProp(waiting, name)) {
|
|
|
|
var args = waiting[name];
|
|
|
|
delete waiting[name];
|
|
|
|
defining[name] = true;
|
|
|
|
main.apply(undef, args);
|
|
|
|
}
|
|
|
|
|
|
|
|
if (!hasProp(defined, name) && !hasProp(defining, name)) {
|
|
|
|
throw new Error('No ' + name);
|
|
|
|
}
|
|
|
|
return defined[name];
|
|
|
|
}
|
|
|
|
|
|
|
|
//Turns a plugin!resource to [plugin, resource]
|
|
|
|
//with the plugin being undefined if the name
|
|
|
|
//did not have a plugin prefix.
|
|
|
|
function splitPrefix(name) {
|
|
|
|
var prefix,
|
|
|
|
index = name ? name.indexOf('!') : -1;
|
|
|
|
if (index > -1) {
|
|
|
|
prefix = name.substring(0, index);
|
|
|
|
name = name.substring(index + 1, name.length);
|
|
|
|
}
|
|
|
|
return [prefix, name];
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Makes a name map, normalizing the name, and using a plugin
|
|
|
|
* for normalization if necessary. Grabs a ref to plugin
|
|
|
|
* too, as an optimization.
|
|
|
|
*/
|
|
|
|
makeMap = function (name, relName) {
|
|
|
|
var plugin,
|
|
|
|
parts = splitPrefix(name),
|
|
|
|
prefix = parts[0];
|
|
|
|
|
|
|
|
name = parts[1];
|
|
|
|
|
|
|
|
if (prefix) {
|
|
|
|
prefix = normalize(prefix, relName);
|
|
|
|
plugin = callDep(prefix);
|
|
|
|
}
|
|
|
|
|
|
|
|
//Normalize according
|
|
|
|
if (prefix) {
|
|
|
|
if (plugin && plugin.normalize) {
|
|
|
|
name = plugin.normalize(name, makeNormalize(relName));
|
|
|
|
} else {
|
|
|
|
name = normalize(name, relName);
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
name = normalize(name, relName);
|
|
|
|
parts = splitPrefix(name);
|
|
|
|
prefix = parts[0];
|
|
|
|
name = parts[1];
|
|
|
|
if (prefix) {
|
|
|
|
plugin = callDep(prefix);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
//Using ridiculous property names for space reasons
|
|
|
|
return {
|
|
|
|
f: prefix ? prefix + '!' + name : name, //fullName
|
|
|
|
n: name,
|
|
|
|
pr: prefix,
|
|
|
|
p: plugin
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
function makeConfig(name) {
|
|
|
|
return function () {
|
|
|
|
return (config && config.config && config.config[name]) || {};
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
handlers = {
|
|
|
|
require: function (name) {
|
|
|
|
return makeRequire(name);
|
|
|
|
},
|
|
|
|
exports: function (name) {
|
|
|
|
var e = defined[name];
|
|
|
|
if (typeof e !== 'undefined') {
|
|
|
|
return e;
|
|
|
|
} else {
|
|
|
|
return (defined[name] = {});
|
|
|
|
}
|
|
|
|
},
|
|
|
|
module: function (name) {
|
|
|
|
return {
|
|
|
|
id: name,
|
|
|
|
uri: '',
|
|
|
|
exports: defined[name],
|
|
|
|
config: makeConfig(name)
|
|
|
|
};
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
main = function (name, deps, callback, relName) {
|
|
|
|
var cjsModule, depName, ret, map, i,
|
|
|
|
args = [],
|
|
|
|
callbackType = typeof callback,
|
|
|
|
usingExports;
|
|
|
|
|
|
|
|
//Use name if no relName
|
|
|
|
relName = relName || name;
|
|
|
|
|
|
|
|
//Call the callback to define the module, if necessary.
|
|
|
|
if (callbackType === 'undefined' || callbackType === 'function') {
|
|
|
|
//Pull out the defined dependencies and pass the ordered
|
|
|
|
//values to the callback.
|
|
|
|
//Default to [require, exports, module] if no deps
|
|
|
|
deps = !deps.length && callback.length ? ['require', 'exports', 'module'] : deps;
|
|
|
|
for (i = 0; i < deps.length; i += 1) {
|
|
|
|
map = makeMap(deps[i], relName);
|
|
|
|
depName = map.f;
|
|
|
|
|
|
|
|
//Fast path CommonJS standard dependencies.
|
|
|
|
if (depName === "require") {
|
|
|
|
args[i] = handlers.require(name);
|
|
|
|
} else if (depName === "exports") {
|
|
|
|
//CommonJS module spec 1.1
|
|
|
|
args[i] = handlers.exports(name);
|
|
|
|
usingExports = true;
|
|
|
|
} else if (depName === "module") {
|
|
|
|
//CommonJS module spec 1.1
|
|
|
|
cjsModule = args[i] = handlers.module(name);
|
|
|
|
} else if (hasProp(defined, depName) ||
|
|
|
|
hasProp(waiting, depName) ||
|
|
|
|
hasProp(defining, depName)) {
|
|
|
|
args[i] = callDep(depName);
|
|
|
|
} else if (map.p) {
|
|
|
|
map.p.load(map.n, makeRequire(relName, true), makeLoad(depName), {});
|
|
|
|
args[i] = defined[depName];
|
|
|
|
} else {
|
|
|
|
throw new Error(name + ' missing ' + depName);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
ret = callback ? callback.apply(defined[name], args) : undefined;
|
|
|
|
|
|
|
|
if (name) {
|
|
|
|
//If setting exports via "module" is in play,
|
|
|
|
//favor that over return value and exports. After that,
|
|
|
|
//favor a non-undefined return value over exports use.
|
|
|
|
if (cjsModule && cjsModule.exports !== undef &&
|
|
|
|
cjsModule.exports !== defined[name]) {
|
|
|
|
defined[name] = cjsModule.exports;
|
|
|
|
} else if (ret !== undef || !usingExports) {
|
|
|
|
//Use the return value from the function.
|
|
|
|
defined[name] = ret;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
} else if (name) {
|
|
|
|
//May just be an object definition for the module. Only
|
|
|
|
//worry about defining if have a module name.
|
|
|
|
defined[name] = callback;
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
requirejs = require = req = function (deps, callback, relName, forceSync, alt) {
|
|
|
|
if (typeof deps === "string") {
|
|
|
|
if (handlers[deps]) {
|
|
|
|
//callback in this case is really relName
|
|
|
|
return handlers[deps](callback);
|
|
|
|
}
|
|
|
|
//Just return the module wanted. In this scenario, the
|
|
|
|
//deps arg is the module name, and second arg (if passed)
|
|
|
|
//is just the relName.
|
|
|
|
//Normalize module name, if it contains . or ..
|
|
|
|
return callDep(makeMap(deps, callback).f);
|
|
|
|
} else if (!deps.splice) {
|
|
|
|
//deps is a config object, not an array.
|
|
|
|
config = deps;
|
|
|
|
if (config.deps) {
|
|
|
|
req(config.deps, config.callback);
|
|
|
|
}
|
|
|
|
if (!callback) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
if (callback.splice) {
|
|
|
|
//callback is an array, which means it is a dependency list.
|
|
|
|
//Adjust args if there are dependencies
|
|
|
|
deps = callback;
|
|
|
|
callback = relName;
|
|
|
|
relName = null;
|
|
|
|
} else {
|
|
|
|
deps = undef;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
//Support require(['a'])
|
|
|
|
callback = callback || function () {};
|
|
|
|
|
|
|
|
//If relName is a function, it is an errback handler,
|
|
|
|
//so remove it.
|
|
|
|
if (typeof relName === 'function') {
|
|
|
|
relName = forceSync;
|
|
|
|
forceSync = alt;
|
|
|
|
}
|
|
|
|
|
|
|
|
//Simulate async callback;
|
|
|
|
if (forceSync) {
|
|
|
|
main(undef, deps, callback, relName);
|
|
|
|
} else {
|
|
|
|
//Using a non-zero value because of concern for what old browsers
|
|
|
|
//do, and latest browsers "upgrade" to 4 if lower value is used:
|
|
|
|
//http://www.whatwg.org/specs/web-apps/current-work/multipage/timers.html#dom-windowtimers-settimeout:
|
|
|
|
//If want a value immediately, use require('id') instead -- something
|
|
|
|
//that works in almond on the global level, but not guaranteed and
|
|
|
|
//unlikely to work in other AMD implementations.
|
|
|
|
setTimeout(function () {
|
|
|
|
main(undef, deps, callback, relName);
|
|
|
|
}, 4);
|
|
|
|
}
|
|
|
|
|
|
|
|
return req;
|
|
|
|
};
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Just drops the config on the floor, but returns req in case
|
|
|
|
* the config return value is used.
|
|
|
|
*/
|
|
|
|
req.config = function (cfg) {
|
|
|
|
return req(cfg);
|
|
|
|
};
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Expose module registry for debugging and tooling
|
|
|
|
*/
|
|
|
|
requirejs._defined = defined;
|
|
|
|
|
|
|
|
define = function (name, deps, callback) {
|
|
|
|
|
|
|
|
//This module may not have dependencies
|
|
|
|
if (!deps.splice) {
|
|
|
|
//deps is not an array, so probably means
|
|
|
|
//an object literal or factory function for
|
|
|
|
//the value. Adjust args.
|
|
|
|
callback = deps;
|
|
|
|
deps = [];
|
|
|
|
}
|
|
|
|
|
|
|
|
if (!hasProp(defined, name) && !hasProp(waiting, name)) {
|
|
|
|
waiting[name] = [name, deps, callback];
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
define.amd = {
|
|
|
|
jQuery: true
|
|
|
|
};
|
|
|
|
}());
|
|
|
|
|
|
|
|
define("almond", function(){});
|
|
|
|
|
|
|
|
define('jquery',[],function () {
|
|
|
|
return jQuery;
|
2014-09-22 00:43:44 +04:00
|
|
|
});
|
|
|
|
|
2014-08-27 02:01:42 +04:00
|
|
|
define('select2/utils',[], function () {
|
|
|
|
var Utils = {};
|
|
|
|
|
|
|
|
Utils.Extend = function (ChildClass, SuperClass) {
|
2014-09-22 00:43:44 +04:00
|
|
|
var __hasProp = {}.hasOwnProperty;
|
2014-08-27 02:01:42 +04:00
|
|
|
|
|
|
|
function BaseConstructor () {
|
|
|
|
this.constructor = ChildClass;
|
|
|
|
}
|
|
|
|
|
|
|
|
for (var key in SuperClass) {
|
|
|
|
if (__hasProp.call(SuperClass, key)) {
|
|
|
|
ChildClass[key] = SuperClass[key];
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
BaseConstructor.prototype = SuperClass.prototype;
|
|
|
|
ChildClass.prototype = new BaseConstructor();
|
|
|
|
ChildClass.__super__ = SuperClass.prototype;
|
|
|
|
|
|
|
|
return ChildClass;
|
|
|
|
};
|
|
|
|
|
2014-08-29 03:54:01 +04:00
|
|
|
function getMethods (theClass) {
|
|
|
|
var proto = theClass.prototype;
|
|
|
|
|
|
|
|
var methods = [];
|
|
|
|
|
|
|
|
for (var methodName in proto) {
|
|
|
|
var m = proto[methodName];
|
|
|
|
|
2014-09-22 00:43:44 +04:00
|
|
|
if (typeof m !== 'function') {
|
2014-08-29 03:54:01 +04:00
|
|
|
continue;
|
|
|
|
}
|
|
|
|
|
|
|
|
methods.push(methodName);
|
|
|
|
}
|
|
|
|
|
|
|
|
return methods;
|
|
|
|
}
|
|
|
|
|
|
|
|
Utils.Decorate = function (SuperClass, DecoratorClass) {
|
|
|
|
var decoratedMethods = getMethods(DecoratorClass);
|
|
|
|
var superMethods = getMethods(SuperClass);
|
|
|
|
|
|
|
|
function DecoratedClass () {
|
|
|
|
var unshift = Array.prototype.unshift;
|
|
|
|
|
|
|
|
var argCount = DecoratorClass.prototype.constructor.length;
|
|
|
|
|
|
|
|
var calledConstructor = SuperClass.prototype.constructor;
|
|
|
|
|
|
|
|
if (argCount > 0) {
|
2014-08-29 05:20:36 +04:00
|
|
|
unshift.call(arguments, SuperClass.prototype.constructor);
|
|
|
|
|
2014-08-29 03:54:01 +04:00
|
|
|
calledConstructor = DecoratorClass.prototype.constructor;
|
|
|
|
}
|
|
|
|
|
|
|
|
calledConstructor.apply(this, arguments);
|
|
|
|
}
|
|
|
|
|
2014-08-29 19:31:18 +04:00
|
|
|
DecoratorClass.displayName = SuperClass.displayName;
|
|
|
|
|
2014-08-29 03:54:01 +04:00
|
|
|
function ctr () {
|
|
|
|
this.constructor = DecoratedClass;
|
|
|
|
}
|
|
|
|
|
|
|
|
DecoratedClass.prototype = new ctr();
|
|
|
|
|
|
|
|
for (var m = 0; m < superMethods.length; m++) {
|
2014-09-22 00:43:44 +04:00
|
|
|
var superMethod = superMethods[m];
|
2014-08-29 03:54:01 +04:00
|
|
|
|
2014-09-22 00:43:44 +04:00
|
|
|
DecoratedClass.prototype[superMethod] =
|
|
|
|
SuperClass.prototype[superMethod];
|
2014-08-29 03:54:01 +04:00
|
|
|
}
|
|
|
|
|
2014-09-22 00:43:44 +04:00
|
|
|
var calledMethod = function (methodName) {
|
|
|
|
// Stub out the original method if it's not decorating an actual method
|
|
|
|
var originalMethod = function () {};
|
2014-08-29 03:54:01 +04:00
|
|
|
|
2014-09-22 00:43:44 +04:00
|
|
|
if (methodName in DecoratedClass.prototype) {
|
|
|
|
originalMethod = DecoratedClass.prototype[methodName];
|
|
|
|
}
|
2014-08-29 03:54:01 +04:00
|
|
|
|
2014-09-22 00:43:44 +04:00
|
|
|
var decoratedMethod = DecoratorClass.prototype[methodName];
|
2014-08-29 03:54:01 +04:00
|
|
|
|
2014-09-22 00:43:44 +04:00
|
|
|
return function () {
|
|
|
|
var unshift = Array.prototype.unshift;
|
2014-08-29 03:54:01 +04:00
|
|
|
|
2014-09-22 00:43:44 +04:00
|
|
|
unshift.call(arguments, originalMethod);
|
2014-08-29 03:54:01 +04:00
|
|
|
|
2014-09-22 00:43:44 +04:00
|
|
|
return decoratedMethod.apply(this, arguments);
|
|
|
|
};
|
|
|
|
};
|
2014-08-29 03:54:01 +04:00
|
|
|
|
2014-09-22 00:43:44 +04:00
|
|
|
for (var d = 0; d < decoratedMethods.length; d++) {
|
|
|
|
var decoratedMethod = decoratedMethods[d];
|
2014-08-29 03:54:01 +04:00
|
|
|
|
2014-09-22 00:43:44 +04:00
|
|
|
DecoratedClass.prototype[decoratedMethod] = calledMethod(decoratedMethod);
|
2014-08-29 03:54:01 +04:00
|
|
|
}
|
|
|
|
|
|
|
|
return DecoratedClass;
|
2014-09-22 00:43:44 +04:00
|
|
|
};
|
2014-08-29 03:54:01 +04:00
|
|
|
|
2014-08-27 02:01:42 +04:00
|
|
|
var Observable = function () {
|
|
|
|
this.listeners = {};
|
|
|
|
};
|
|
|
|
|
|
|
|
Observable.prototype.on = function (event, callback) {
|
2014-11-02 03:35:23 +03:00
|
|
|
this.listeners = this.listeners || {};
|
|
|
|
|
2014-08-27 02:01:42 +04:00
|
|
|
if (event in this.listeners) {
|
|
|
|
this.listeners[event].push(callback);
|
|
|
|
} else {
|
|
|
|
this.listeners[event] = [callback];
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
Observable.prototype.trigger = function (event) {
|
2014-08-27 19:33:33 +04:00
|
|
|
var slice = Array.prototype.slice;
|
|
|
|
|
2014-11-02 03:35:23 +03:00
|
|
|
this.listeners = this.listeners || {};
|
|
|
|
|
2014-08-27 02:01:42 +04:00
|
|
|
if (event in this.listeners) {
|
2014-08-27 19:33:33 +04:00
|
|
|
this.invoke(this.listeners[event], slice.call(arguments, 1));
|
2014-08-27 02:01:42 +04:00
|
|
|
}
|
|
|
|
|
2014-09-22 00:43:44 +04:00
|
|
|
if ('*' in this.listeners) {
|
|
|
|
this.invoke(this.listeners['*'], arguments);
|
2014-08-27 02:01:42 +04:00
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
Observable.prototype.invoke = function (listeners, params) {
|
|
|
|
for (var i = 0, len = listeners.length; i < len; i++) {
|
|
|
|
listeners[i].apply(this, params);
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
Utils.Observable = Observable;
|
|
|
|
|
2014-10-20 01:39:09 +04:00
|
|
|
Utils.generateChars = function (length) {
|
|
|
|
var chars = '';
|
|
|
|
|
|
|
|
for (var i = 0; i < length; i++) {
|
|
|
|
var randomChar = Math.floor(Math.random() * 36);
|
|
|
|
chars += randomChar.toString(36);
|
|
|
|
}
|
|
|
|
|
|
|
|
return chars;
|
|
|
|
};
|
|
|
|
|
2014-08-27 02:01:42 +04:00
|
|
|
return Utils;
|
|
|
|
});
|
|
|
|
|
2014-08-27 05:18:26 +04:00
|
|
|
define('select2/results',[
|
|
|
|
'./utils'
|
|
|
|
], function (Utils) {
|
2014-08-29 00:00:56 +04:00
|
|
|
function Results ($element, options, dataAdapter) {
|
2014-08-27 05:18:26 +04:00
|
|
|
this.$element = $element;
|
2014-08-28 04:18:17 +04:00
|
|
|
this.data = dataAdapter;
|
2014-10-20 03:49:06 +04:00
|
|
|
this.options = options;
|
2014-08-28 04:18:17 +04:00
|
|
|
|
|
|
|
Results.__super__.constructor.call(this);
|
2014-08-27 05:18:26 +04:00
|
|
|
}
|
|
|
|
|
|
|
|
Utils.Extend(Results, Utils.Observable);
|
|
|
|
|
|
|
|
Results.prototype.render = function () {
|
|
|
|
var $results = $(
|
2014-10-20 04:40:45 +04:00
|
|
|
'<ul class="options" role="tree"></ul>'
|
2014-08-27 05:18:26 +04:00
|
|
|
);
|
|
|
|
|
2014-10-20 03:49:06 +04:00
|
|
|
if (this.options.get('multiple')) {
|
|
|
|
$results.attr('aria-multiselectable', 'true');
|
|
|
|
}
|
|
|
|
|
2014-08-28 04:18:17 +04:00
|
|
|
this.$results = $results;
|
|
|
|
|
2014-08-27 05:18:26 +04:00
|
|
|
return $results;
|
2014-08-28 04:18:17 +04:00
|
|
|
};
|
|
|
|
|
|
|
|
Results.prototype.clear = function () {
|
|
|
|
this.$results.empty();
|
|
|
|
};
|
|
|
|
|
2014-11-02 05:59:59 +03:00
|
|
|
Results.prototype.displayMessage = function (params) {
|
|
|
|
this.clear();
|
|
|
|
|
|
|
|
var $message = $('<li role="treeitem" class="option"></li>');
|
|
|
|
|
|
|
|
var message = this.options.get('translations').get(params.message);
|
2014-11-01 21:20:51 +03:00
|
|
|
|
2014-11-02 05:59:59 +03:00
|
|
|
$message.text(message(params.args));
|
2014-11-01 21:20:51 +03:00
|
|
|
|
2014-11-02 05:59:59 +03:00
|
|
|
this.$results.append($message);
|
2014-11-01 21:20:51 +03:00
|
|
|
};
|
|
|
|
|
2014-08-28 04:18:17 +04:00
|
|
|
Results.prototype.append = function (data) {
|
|
|
|
var $options = [];
|
|
|
|
|
2014-11-01 21:20:51 +03:00
|
|
|
if (data.length === 0) {
|
2014-11-04 03:24:29 +03:00
|
|
|
if (this.$results.children().length === 0) {
|
|
|
|
this.trigger('results:message', {
|
|
|
|
message: 'noResults'
|
|
|
|
});
|
|
|
|
}
|
2014-11-01 21:20:51 +03:00
|
|
|
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
2014-10-17 02:39:06 +04:00
|
|
|
data = this.sort(data);
|
|
|
|
|
2014-08-28 04:18:17 +04:00
|
|
|
for (var d = 0; d < data.length; d++) {
|
|
|
|
var item = data[d];
|
|
|
|
|
|
|
|
var $option = this.option(item);
|
|
|
|
|
|
|
|
$options.push($option);
|
|
|
|
}
|
|
|
|
|
|
|
|
this.$results.append($options);
|
|
|
|
};
|
|
|
|
|
2014-10-17 02:39:06 +04:00
|
|
|
Results.prototype.sort = function (data) {
|
|
|
|
return data;
|
|
|
|
};
|
|
|
|
|
2014-08-29 00:00:56 +04:00
|
|
|
Results.prototype.setClasses = function () {
|
|
|
|
var self = this;
|
|
|
|
|
|
|
|
this.data.current(function (selected) {
|
2014-10-16 03:26:38 +04:00
|
|
|
var selectedIds = $.map(selected, function (s) {
|
|
|
|
return s.id.toString();
|
|
|
|
});
|
2014-08-29 00:00:56 +04:00
|
|
|
|
2014-10-18 18:49:51 +04:00
|
|
|
var $options = self.$results.find('.option[aria-selected]');
|
2014-08-29 00:00:56 +04:00
|
|
|
|
|
|
|
$options.each(function () {
|
|
|
|
var $option = $(this);
|
2014-09-22 00:43:44 +04:00
|
|
|
var item = $option.data('data');
|
2014-08-29 00:00:56 +04:00
|
|
|
|
2014-10-16 04:51:29 +04:00
|
|
|
if (item.id != null && selectedIds.indexOf(item.id.toString()) > -1) {
|
2014-10-18 18:49:51 +04:00
|
|
|
$option.attr('aria-selected', 'true');
|
|
|
|
} else {
|
|
|
|
$option.attr('aria-selected', 'false');
|
2014-08-29 00:00:56 +04:00
|
|
|
}
|
|
|
|
});
|
2014-10-18 18:49:51 +04:00
|
|
|
|
|
|
|
var $selected = $options.filter('[aria-selected=true]');
|
|
|
|
|
|
|
|
// Check if there are any selected options
|
|
|
|
if ($selected.length > 0) {
|
|
|
|
// If there are selected options, highlight the first
|
|
|
|
$selected.first().trigger('mouseenter');
|
|
|
|
} else {
|
|
|
|
// If there are no selected options, highlight the first option
|
|
|
|
// in the dropdown
|
|
|
|
$options.first().trigger('mouseenter');
|
|
|
|
}
|
2014-08-29 00:00:56 +04:00
|
|
|
});
|
|
|
|
};
|
|
|
|
|
2014-08-28 04:18:17 +04:00
|
|
|
Results.prototype.option = function (data) {
|
2014-11-06 21:40:36 +03:00
|
|
|
var attrs = {
|
|
|
|
'class': 'option',
|
|
|
|
'role': 'treeitem',
|
|
|
|
'aria-selected': 'false'
|
|
|
|
};
|
|
|
|
|
|
|
|
if (data.disabled) {
|
|
|
|
delete attrs['aria-selected'];
|
|
|
|
attrs['aria-disabled'] = 'true';
|
|
|
|
}
|
|
|
|
|
|
|
|
if (data.id == null) {
|
|
|
|
delete attrs['aria-selected'];
|
|
|
|
}
|
|
|
|
|
|
|
|
if (data._resultId != null) {
|
|
|
|
attrs.id = data._resultId;
|
|
|
|
}
|
2014-08-28 04:18:17 +04:00
|
|
|
|
2014-10-16 04:51:29 +04:00
|
|
|
if (data.children) {
|
2014-11-06 21:40:36 +03:00
|
|
|
attrs.role = 'group';
|
|
|
|
attrs['aria-label'] = data.text;
|
|
|
|
delete attrs['aria-selected'];
|
|
|
|
}
|
|
|
|
|
|
|
|
var html = '<li';
|
|
|
|
|
|
|
|
for (var attr in attrs) {
|
|
|
|
var val = attrs[attr];
|
2014-10-15 06:30:37 +04:00
|
|
|
|
2014-11-06 21:40:36 +03:00
|
|
|
html += ' ' + attr + '="' + val + '"';
|
|
|
|
}
|
|
|
|
|
|
|
|
html += '></li>';
|
|
|
|
|
|
|
|
var $option = $(html);
|
|
|
|
|
|
|
|
if (data.children) {
|
2014-10-15 06:30:37 +04:00
|
|
|
var $label = $('<strong class="group-label"></strong>');
|
2014-11-02 04:57:14 +03:00
|
|
|
this.template(data, $label);
|
2014-10-15 06:30:37 +04:00
|
|
|
|
|
|
|
var $children = [];
|
|
|
|
|
|
|
|
for (var c = 0; c < data.children.length; c++) {
|
|
|
|
var child = data.children[c];
|
|
|
|
|
|
|
|
var $child = this.option(child);
|
|
|
|
|
|
|
|
$children.push($child);
|
|
|
|
}
|
|
|
|
|
|
|
|
var $childrenContainer = $('<ul class="options nested-options"></ul>');
|
|
|
|
|
|
|
|
$childrenContainer.append($children);
|
|
|
|
|
|
|
|
$option.append($label);
|
|
|
|
$option.append($childrenContainer);
|
|
|
|
} else {
|
2014-11-02 04:57:14 +03:00
|
|
|
this.template(data, $option);
|
2014-10-15 06:30:37 +04:00
|
|
|
}
|
|
|
|
|
2014-09-22 00:43:44 +04:00
|
|
|
$option.data('data', data);
|
2014-08-28 04:18:17 +04:00
|
|
|
|
|
|
|
return $option;
|
2014-09-22 00:43:44 +04:00
|
|
|
};
|
2014-08-27 05:18:26 +04:00
|
|
|
|
2014-08-31 02:34:41 +04:00
|
|
|
Results.prototype.bind = function (container, $container) {
|
2014-08-28 04:18:17 +04:00
|
|
|
var self = this;
|
|
|
|
|
2014-10-20 03:49:06 +04:00
|
|
|
var id = container.id + '-results';
|
|
|
|
|
|
|
|
this.$results.attr('id', id);
|
|
|
|
|
2014-10-17 03:08:11 +04:00
|
|
|
container.on('results:all', function (params) {
|
2014-08-28 04:18:17 +04:00
|
|
|
self.clear();
|
2014-10-17 03:08:11 +04:00
|
|
|
self.append(params.data);
|
2014-08-31 02:53:05 +04:00
|
|
|
|
2014-10-20 04:40:45 +04:00
|
|
|
if (container.isOpen()) {
|
|
|
|
self.setClasses();
|
|
|
|
}
|
2014-08-28 04:18:17 +04:00
|
|
|
});
|
|
|
|
|
2014-10-17 03:08:11 +04:00
|
|
|
container.on('results:append', function (params) {
|
|
|
|
self.append(params.data);
|
2014-08-29 00:00:56 +04:00
|
|
|
|
2014-10-20 04:40:45 +04:00
|
|
|
if (container.isOpen()) {
|
|
|
|
self.setClasses();
|
|
|
|
}
|
2014-09-22 00:43:44 +04:00
|
|
|
});
|
2014-08-28 04:18:17 +04:00
|
|
|
|
2014-10-17 04:32:08 +04:00
|
|
|
container.on('select', function () {
|
2014-10-20 04:40:45 +04:00
|
|
|
if (!container.isOpen()) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
2014-10-17 04:32:08 +04:00
|
|
|
self.setClasses();
|
|
|
|
});
|
|
|
|
|
|
|
|
container.on('unselect', function () {
|
2014-10-20 04:40:45 +04:00
|
|
|
if (!container.isOpen()) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
2014-10-17 04:32:08 +04:00
|
|
|
self.setClasses();
|
|
|
|
});
|
|
|
|
|
2014-10-18 18:49:51 +04:00
|
|
|
container.on('open', function () {
|
|
|
|
// When the dropdown is open, aria-expended="true"
|
|
|
|
self.$results.attr('aria-expanded', 'true');
|
2014-10-20 03:49:06 +04:00
|
|
|
self.$results.attr('aria-hidden', 'false');
|
2014-10-18 18:49:51 +04:00
|
|
|
|
|
|
|
self.setClasses();
|
2014-10-21 03:51:47 +04:00
|
|
|
self.ensureHighlightVisible();
|
2014-10-18 18:49:51 +04:00
|
|
|
});
|
|
|
|
|
|
|
|
container.on('close', function () {
|
|
|
|
// When the dropdown is closed, aria-expended="false"
|
|
|
|
self.$results.attr('aria-expanded', 'false');
|
2014-10-20 03:49:06 +04:00
|
|
|
self.$results.attr('aria-hidden', 'true');
|
|
|
|
self.$results.removeAttr('aria-activedescendant');
|
2014-10-18 18:49:51 +04:00
|
|
|
});
|
|
|
|
|
|
|
|
container.on('results:select', function () {
|
|
|
|
var $highlighted = self.$results.find('.highlighted');
|
|
|
|
|
2014-10-18 19:28:42 +04:00
|
|
|
if ($highlighted.length === 0) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
2014-10-18 18:49:51 +04:00
|
|
|
var data = $highlighted.data('data');
|
|
|
|
|
|
|
|
if ($highlighted.attr('aria-selected') == 'true') {
|
|
|
|
self.trigger('unselected', {
|
|
|
|
data: data
|
|
|
|
});
|
|
|
|
} else {
|
|
|
|
self.trigger('selected', {
|
|
|
|
data: data
|
|
|
|
});
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
2014-10-18 19:28:42 +04:00
|
|
|
container.on('results:previous', function () {
|
|
|
|
var $highlighted = self.$results.find('.highlighted');
|
|
|
|
|
|
|
|
var $options = self.$results.find('[aria-selected]');
|
|
|
|
|
|
|
|
var currentIndex = $options.index($highlighted);
|
|
|
|
|
|
|
|
// If we are already at te top, don't move further
|
|
|
|
if (currentIndex === 0) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
var nextIndex = currentIndex - 1;
|
|
|
|
|
|
|
|
// If none are highlighted, highlight the first
|
|
|
|
if ($highlighted.length === 0) {
|
|
|
|
nextIndex = 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
var $next = $options.eq(nextIndex);
|
|
|
|
|
|
|
|
$next.trigger('mouseenter');
|
2014-10-20 01:04:57 +04:00
|
|
|
|
|
|
|
var currentOffset = self.$results.offset().top;
|
|
|
|
var nextTop = $next.offset().top;
|
|
|
|
var nextOffset = self.$results.scrollTop() + (nextTop - currentOffset);
|
|
|
|
|
|
|
|
if (nextIndex === 0) {
|
|
|
|
self.$results.scrollTop(0);
|
|
|
|
} else if (nextTop - currentOffset < 0) {
|
|
|
|
self.$results.scrollTop(nextOffset);
|
|
|
|
}
|
2014-10-18 19:28:42 +04:00
|
|
|
});
|
|
|
|
|
|
|
|
container.on('results:next', function () {
|
|
|
|
var $highlighted = self.$results.find('.highlighted');
|
|
|
|
|
|
|
|
var $options = self.$results.find('[aria-selected]');
|
|
|
|
|
|
|
|
var currentIndex = $options.index($highlighted);
|
|
|
|
|
|
|
|
var nextIndex = currentIndex + 1;
|
|
|
|
|
|
|
|
// If we are at the last option, stay there
|
|
|
|
if (nextIndex >= $options.length) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
var $next = $options.eq(nextIndex);
|
|
|
|
|
|
|
|
$next.trigger('mouseenter');
|
2014-10-20 01:04:57 +04:00
|
|
|
|
|
|
|
var currentOffset = self.$results.offset().top +
|
|
|
|
self.$results.outerHeight(false);
|
|
|
|
var nextBottom = $next.offset().top + $next.outerHeight(false);
|
|
|
|
var nextOffset = self.$results.scrollTop() + nextBottom - currentOffset;
|
|
|
|
|
|
|
|
if (nextIndex === 0) {
|
|
|
|
self.$results.scrollTop(0);
|
|
|
|
} else if (nextBottom > currentOffset) {
|
|
|
|
self.$results.scrollTop(nextOffset);
|
|
|
|
}
|
2014-10-18 19:28:42 +04:00
|
|
|
});
|
|
|
|
|
2014-10-20 03:49:06 +04:00
|
|
|
container.on('results:focus', function (params) {
|
|
|
|
params.element.addClass('highlighted');
|
|
|
|
});
|
|
|
|
|
2014-11-02 05:59:59 +03:00
|
|
|
container.on('results:message', function (params) {
|
|
|
|
self.trigger('results:message', params);
|
|
|
|
});
|
|
|
|
|
|
|
|
this.on('results:message', function (params) {
|
|
|
|
self.displayMessage(params);
|
|
|
|
});
|
|
|
|
|
2014-10-18 18:49:51 +04:00
|
|
|
this.$results.on('mouseup', '.option[aria-selected]', function (evt) {
|
2014-08-31 02:53:05 +04:00
|
|
|
var $this = $(this);
|
|
|
|
|
2014-09-22 00:43:44 +04:00
|
|
|
var data = $this.data('data');
|
2014-10-18 18:49:51 +04:00
|
|
|
|
|
|
|
if ($this.attr('aria-selected') === 'true') {
|
2014-09-22 00:43:44 +04:00
|
|
|
self.trigger('unselected', {
|
2014-08-31 02:53:05 +04:00
|
|
|
originalEvent: evt,
|
|
|
|
data: data
|
2014-09-22 00:43:44 +04:00
|
|
|
});
|
2014-08-31 02:53:05 +04:00
|
|
|
|
|
|
|
return;
|
|
|
|
}
|
2014-08-28 04:18:17 +04:00
|
|
|
|
2014-09-22 00:43:44 +04:00
|
|
|
self.trigger('selected', {
|
2014-08-28 04:18:17 +04:00
|
|
|
originalEvent: evt,
|
|
|
|
data: data
|
2014-08-29 00:00:56 +04:00
|
|
|
});
|
|
|
|
});
|
|
|
|
|
2014-10-18 18:49:51 +04:00
|
|
|
this.$results.on('mouseenter', '.option[aria-selected]', function (evt) {
|
2014-10-20 03:49:06 +04:00
|
|
|
var data = $(this).data('data');
|
|
|
|
|
2014-09-22 00:43:44 +04:00
|
|
|
self.$results.find('.option.highlighted').removeClass('highlighted');
|
2014-10-20 03:49:06 +04:00
|
|
|
|
|
|
|
self.trigger('results:focus', {
|
|
|
|
data: data,
|
|
|
|
element: $(this)
|
|
|
|
});
|
2014-08-29 00:00:56 +04:00
|
|
|
});
|
|
|
|
|
2014-09-22 00:43:44 +04:00
|
|
|
this.$results.on('mouseleave', '.option', function (evt) {
|
2014-10-20 03:49:06 +04:00
|
|
|
if ($(this).hasClass('highlighted')) {
|
|
|
|
$(this).removeClass('highlighted');
|
|
|
|
self.$results.removeAttr('aria-activedescendant');
|
|
|
|
}
|
2014-08-28 04:18:17 +04:00
|
|
|
});
|
|
|
|
};
|
|
|
|
|
2014-10-21 03:51:47 +04:00
|
|
|
Results.prototype.ensureHighlightVisible = function () {
|
|
|
|
var $highlighted = this.$results.find('.highlighted');
|
|
|
|
|
|
|
|
if ($highlighted.length === 0) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
var $options = this.$results.find('[aria-selected]');
|
|
|
|
|
|
|
|
var currentIndex = $options.index($highlighted);
|
|
|
|
|
|
|
|
var currentOffset = this.$results.offset().top;
|
|
|
|
var nextTop = $highlighted.offset().top;
|
|
|
|
var nextOffset = this.$results.scrollTop() + (nextTop - currentOffset);
|
|
|
|
|
|
|
|
var offsetDelta = nextTop - currentOffset;
|
|
|
|
nextOffset -= $highlighted.outerHeight(false) * 2;
|
|
|
|
|
|
|
|
if (currentIndex <= 2) {
|
|
|
|
this.$results.scrollTop(0);
|
|
|
|
} else if (offsetDelta > this.$results.outerHeight() || offsetDelta < 0) {
|
|
|
|
this.$results.scrollTop(nextOffset);
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
2014-11-02 04:57:14 +03:00
|
|
|
Results.prototype.template = function (result, $container) {
|
|
|
|
var template = this.options.get('templateResult');
|
|
|
|
|
|
|
|
$container.html(template(result));
|
|
|
|
};
|
|
|
|
|
2014-08-27 05:18:26 +04:00
|
|
|
return Results;
|
2014-09-22 00:43:44 +04:00
|
|
|
});
|
|
|
|
|
2014-10-18 04:53:34 +04:00
|
|
|
define('select2/selection/base',[
|
2014-08-29 19:31:18 +04:00
|
|
|
'../utils'
|
2014-08-27 05:18:26 +04:00
|
|
|
], function (Utils) {
|
2014-10-18 04:53:34 +04:00
|
|
|
function BaseSelection ($element, options) {
|
2014-08-27 05:18:26 +04:00
|
|
|
this.$element = $element;
|
|
|
|
this.options = options;
|
2014-08-27 19:33:33 +04:00
|
|
|
|
2014-10-18 04:53:34 +04:00
|
|
|
BaseSelection.__super__.constructor.call(this);
|
|
|
|
}
|
|
|
|
|
|
|
|
Utils.Extend(BaseSelection, Utils.Observable);
|
|
|
|
|
|
|
|
BaseSelection.prototype.render = function () {
|
|
|
|
throw new Error('The `render` method must be defined in child classes.');
|
|
|
|
};
|
|
|
|
|
|
|
|
BaseSelection.prototype.bind = function (container, $container) {
|
|
|
|
var self = this;
|
|
|
|
|
|
|
|
container.on('selection:update', function (params) {
|
|
|
|
self.update(params.data);
|
|
|
|
});
|
2014-11-02 02:36:02 +03:00
|
|
|
|
|
|
|
container.on('open', function () {
|
|
|
|
$(document.body).on('mousedown.select2.' + container.id, function (e) {
|
|
|
|
var $target = $(e.target);
|
|
|
|
|
|
|
|
var $select = $target.closest('.select2');
|
|
|
|
|
|
|
|
var $all = $('.select2.open');
|
|
|
|
|
|
|
|
$all.each(function () {
|
|
|
|
var $this = $(this);
|
|
|
|
|
|
|
|
if (this == $select[0]) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
var $element = $this.data('element');
|
|
|
|
|
|
|
|
$element.select2('close');
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
container.on('close', function () {
|
|
|
|
$(document.body).off('mousedown.select2.' + container.id);
|
|
|
|
});
|
|
|
|
});
|
2014-10-18 04:53:34 +04:00
|
|
|
};
|
|
|
|
|
|
|
|
BaseSelection.prototype.update = function (data) {
|
|
|
|
throw new Error('The `update` method must be defined in child classes.');
|
|
|
|
};
|
|
|
|
|
|
|
|
return BaseSelection;
|
|
|
|
});
|
|
|
|
|
2014-11-02 04:04:31 +03:00
|
|
|
define('select2/keys',[
|
|
|
|
|
|
|
|
], function () {
|
|
|
|
var KEYS = {
|
|
|
|
BACKSPACE: 8,
|
|
|
|
TAB: 9,
|
|
|
|
ENTER: 13,
|
|
|
|
SHIFT: 16,
|
|
|
|
CTRL: 17,
|
|
|
|
ALT: 18,
|
|
|
|
ESC: 27,
|
|
|
|
SPACE: 32,
|
|
|
|
PAGE_UP: 33,
|
|
|
|
PAGE_DOWN: 34,
|
|
|
|
END: 35,
|
|
|
|
HOME: 36,
|
|
|
|
LEFT: 37,
|
|
|
|
UP: 38,
|
|
|
|
RIGHT: 39,
|
|
|
|
DOWN: 40,
|
|
|
|
DELETE: 46,
|
|
|
|
|
|
|
|
isArrow: function (k) {
|
|
|
|
k = k.which ? k.which : k;
|
|
|
|
|
|
|
|
switch (k) {
|
|
|
|
case KEY.LEFT:
|
|
|
|
case KEY.RIGHT:
|
|
|
|
case KEY.UP:
|
|
|
|
case KEY.DOWN:
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
return KEYS;
|
|
|
|
});
|
|
|
|
|
2014-10-18 04:53:34 +04:00
|
|
|
define('select2/selection/single',[
|
|
|
|
'./base',
|
2014-11-02 04:04:31 +03:00
|
|
|
'../utils',
|
|
|
|
'../keys'
|
|
|
|
], function (BaseSelection, Utils, KEYS) {
|
2014-10-18 04:53:34 +04:00
|
|
|
function SingleSelection () {
|
|
|
|
SingleSelection.__super__.constructor.apply(this, arguments);
|
2014-08-27 05:18:26 +04:00
|
|
|
}
|
|
|
|
|
2014-10-18 04:53:34 +04:00
|
|
|
Utils.Extend(SingleSelection, BaseSelection);
|
2014-08-27 05:18:26 +04:00
|
|
|
|
2014-08-29 19:31:18 +04:00
|
|
|
SingleSelection.prototype.render = function () {
|
2014-08-27 05:18:26 +04:00
|
|
|
var $selection = $(
|
2014-10-20 00:13:57 +04:00
|
|
|
'<span class="single-select" tabindex="0" role="combobox" ' +
|
|
|
|
'aria-autocomplete="list" aria-haspopup="true" aria-expanded="false">' +
|
2014-08-27 19:33:33 +04:00
|
|
|
'<span class="rendered-selection"></span>' +
|
|
|
|
'</span>'
|
2014-08-27 05:18:26 +04:00
|
|
|
);
|
|
|
|
|
2014-10-18 18:49:51 +04:00
|
|
|
$selection.attr('title', this.$element.attr('title'));
|
|
|
|
|
2014-08-27 05:18:26 +04:00
|
|
|
this.$selection = $selection;
|
|
|
|
|
|
|
|
return $selection;
|
2014-09-22 00:43:44 +04:00
|
|
|
};
|
2014-08-27 05:18:26 +04:00
|
|
|
|
2014-08-31 02:34:41 +04:00
|
|
|
SingleSelection.prototype.bind = function (container, $container) {
|
2014-08-27 05:18:26 +04:00
|
|
|
var self = this;
|
|
|
|
|
2014-10-18 04:53:34 +04:00
|
|
|
SingleSelection.__super__.bind.apply(this, arguments);
|
|
|
|
|
2014-10-20 01:39:09 +04:00
|
|
|
var id = container.id + '-container';
|
2014-10-20 03:49:06 +04:00
|
|
|
var resultsId = container.id + '-results';
|
2014-10-20 01:39:09 +04:00
|
|
|
|
|
|
|
this.$selection.find('.rendered-selection').attr('id', id);
|
|
|
|
this.$selection.attr('aria-labelledby', id);
|
2014-10-20 03:49:06 +04:00
|
|
|
this.$selection.attr('aria-owns', resultsId);
|
2014-10-20 01:39:09 +04:00
|
|
|
|
2014-08-31 03:32:29 +04:00
|
|
|
this.$selection.on('mousedown', function (evt) {
|
2014-08-31 04:25:32 +04:00
|
|
|
// Only respond to left clicks
|
|
|
|
if (evt.which !== 1) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
2014-09-22 00:43:44 +04:00
|
|
|
self.trigger('toggle', {
|
2014-08-27 05:18:26 +04:00
|
|
|
originalEvent: evt
|
|
|
|
});
|
|
|
|
});
|
2014-08-31 02:34:41 +04:00
|
|
|
|
2014-10-20 00:13:57 +04:00
|
|
|
container.on('open', function () {
|
2014-10-20 04:40:45 +04:00
|
|
|
// When the dropdown is open, aria-expanded="true"
|
2014-10-20 00:13:57 +04:00
|
|
|
self.$selection.attr('aria-expanded', 'true');
|
|
|
|
});
|
|
|
|
|
|
|
|
container.on('close', function () {
|
2014-10-20 04:40:45 +04:00
|
|
|
// When the dropdown is closed, aria-expanded="false"
|
2014-10-20 00:13:57 +04:00
|
|
|
self.$selection.attr('aria-expanded', 'false');
|
2014-10-20 04:40:45 +04:00
|
|
|
self.$selection.removeAttr('aria-activedescendant');
|
2014-11-02 03:35:23 +03:00
|
|
|
|
|
|
|
self.$selection.focus();
|
2014-10-20 00:13:57 +04:00
|
|
|
});
|
|
|
|
|
2014-10-18 18:49:51 +04:00
|
|
|
this.$selection.on('focus', function (evt) {
|
|
|
|
// User focuses on the container
|
|
|
|
});
|
|
|
|
|
|
|
|
this.$selection.on('blur', function (evt) {
|
|
|
|
// User exits the container
|
|
|
|
});
|
|
|
|
|
2014-10-20 01:04:57 +04:00
|
|
|
this.$selection.on('keydown', function (evt) {
|
2014-11-02 03:35:23 +03:00
|
|
|
self.trigger('keypress', evt);
|
2014-11-02 04:04:31 +03:00
|
|
|
|
|
|
|
if (evt.which === KEYS.SPACE) {
|
|
|
|
evt.preventDefault();
|
|
|
|
}
|
2014-10-18 18:49:51 +04:00
|
|
|
});
|
|
|
|
|
2014-10-20 03:49:06 +04:00
|
|
|
container.on('results:focus', function (params) {
|
|
|
|
self.$selection.attr('aria-activedescendant', params.data._resultId);
|
|
|
|
});
|
|
|
|
|
2014-09-22 00:43:44 +04:00
|
|
|
container.on('selection:update', function (params) {
|
2014-08-31 02:34:41 +04:00
|
|
|
self.update(params.data);
|
2014-09-22 00:43:44 +04:00
|
|
|
});
|
|
|
|
};
|
2014-08-27 05:18:26 +04:00
|
|
|
|
2014-08-29 19:31:18 +04:00
|
|
|
SingleSelection.prototype.clear = function () {
|
2014-09-22 00:43:44 +04:00
|
|
|
this.$selection.find('.rendered-selection').empty();
|
|
|
|
};
|
2014-08-27 05:18:26 +04:00
|
|
|
|
2014-08-29 19:31:18 +04:00
|
|
|
SingleSelection.prototype.display = function (data) {
|
2014-11-02 05:11:35 +03:00
|
|
|
var template = this.options.get('templateSelection');
|
|
|
|
|
|
|
|
return template(data);
|
2014-09-22 00:43:44 +04:00
|
|
|
};
|
2014-08-27 05:18:26 +04:00
|
|
|
|
Added support for placeholders
Placeholder support has been implemented as a separate module, so
any selection container should be able to be decorated and get
instant placeholder support. It hooks into the updating method of
selections, and determines when to display the placeholder based
on the options that are being updated.
It works in the same way as the old placeholders. If no options
are selected and being displayed, like in the case of a multiple
select, then the placeholder will always be shown. If one option
is being displayed, and the id of the placeholder matches the id
of the selected element, then the placeholder will be shown. This
is similar to the functionality that was present in Select2 2.x,
where the placeholder could be passed in as an object that would
be compared to the selection.
This still requires that, for single selects, the first element
must match the placeholder id. Because the default placeholder id
is a blank string, this will maintain backwards compatibility with
past versions where the first option should be blank. This can
still be overridden to point at a different id, keeping support
for systems where the placeholder doesn't use a blank value.
**Note:** This does not hide the blank option for single selects,
but that will still be maintained for backwards compatibility
within the results module. It will not depend on a placeholder
being present, but instead will hide any options with blank text.
2014-10-17 03:59:38 +04:00
|
|
|
SingleSelection.prototype.selectionContainer = function () {
|
|
|
|
return $('<span></span>');
|
|
|
|
};
|
|
|
|
|
2014-08-29 19:31:18 +04:00
|
|
|
SingleSelection.prototype.update = function (data) {
|
2014-09-22 00:43:44 +04:00
|
|
|
if (data.length === 0) {
|
2014-08-27 05:18:26 +04:00
|
|
|
this.clear();
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
var selection = data[0];
|
|
|
|
|
|
|
|
var formatted = this.display(selection);
|
|
|
|
|
2014-09-22 00:43:44 +04:00
|
|
|
this.$selection.find('.rendered-selection').html(formatted);
|
|
|
|
};
|
2014-08-27 05:18:26 +04:00
|
|
|
|
2014-08-29 19:31:18 +04:00
|
|
|
return SingleSelection;
|
|
|
|
});
|
|
|
|
|
|
|
|
define('select2/selection/multiple',[
|
2014-10-18 04:53:34 +04:00
|
|
|
'./base',
|
2014-08-29 19:31:18 +04:00
|
|
|
'../utils'
|
2014-10-18 04:53:34 +04:00
|
|
|
], function (BaseSelection, Utils) {
|
2014-08-29 19:31:18 +04:00
|
|
|
function MultipleSelection ($element, options) {
|
2014-11-02 05:59:59 +03:00
|
|
|
MultipleSelection.__super__.constructor.apply(this, arguments);
|
2014-08-29 19:31:18 +04:00
|
|
|
}
|
|
|
|
|
2014-10-18 04:53:34 +04:00
|
|
|
Utils.Extend(MultipleSelection, BaseSelection);
|
2014-08-29 19:31:18 +04:00
|
|
|
|
|
|
|
MultipleSelection.prototype.render = function () {
|
|
|
|
var $selection = $(
|
|
|
|
'<span class="multiple-select">' +
|
|
|
|
'<ul class="rendered-selection"></ul>' +
|
|
|
|
'</span>'
|
|
|
|
);
|
|
|
|
|
|
|
|
this.$selection = $selection;
|
|
|
|
|
|
|
|
return $selection;
|
2014-09-22 00:43:44 +04:00
|
|
|
};
|
2014-08-29 19:31:18 +04:00
|
|
|
|
2014-08-31 02:34:41 +04:00
|
|
|
MultipleSelection.prototype.bind = function (container, $container) {
|
2014-08-29 19:31:18 +04:00
|
|
|
var self = this;
|
|
|
|
|
2014-10-18 04:53:34 +04:00
|
|
|
MultipleSelection.__super__.bind.apply(this, arguments);
|
|
|
|
|
2014-08-29 19:31:18 +04:00
|
|
|
this.$selection.on('click', function (evt) {
|
2014-09-22 00:43:44 +04:00
|
|
|
self.trigger('toggle', {
|
2014-08-29 19:31:18 +04:00
|
|
|
originalEvent: evt
|
|
|
|
});
|
|
|
|
});
|
2014-08-31 02:34:41 +04:00
|
|
|
|
2014-10-17 04:32:08 +04:00
|
|
|
this.$selection.on('click', '.remove', function (evt) {
|
|
|
|
var $remove = $(this);
|
|
|
|
var $selection = $remove.parent();
|
|
|
|
|
|
|
|
var data = $selection.data('data');
|
|
|
|
|
|
|
|
self.trigger('unselected', {
|
|
|
|
originalEvent: evt,
|
|
|
|
data: data
|
|
|
|
});
|
|
|
|
});
|
2014-09-22 00:43:44 +04:00
|
|
|
};
|
2014-08-29 19:31:18 +04:00
|
|
|
|
|
|
|
MultipleSelection.prototype.clear = function () {
|
2014-09-22 00:43:44 +04:00
|
|
|
this.$selection.find('.rendered-selection').empty();
|
|
|
|
};
|
2014-08-29 19:31:18 +04:00
|
|
|
|
|
|
|
MultipleSelection.prototype.display = function (data) {
|
2014-11-02 05:11:35 +03:00
|
|
|
var template = this.options.get('templateSelection');
|
|
|
|
|
|
|
|
return template(data);
|
2014-09-22 00:43:44 +04:00
|
|
|
};
|
2014-08-29 19:31:18 +04:00
|
|
|
|
Added support for placeholders
Placeholder support has been implemented as a separate module, so
any selection container should be able to be decorated and get
instant placeholder support. It hooks into the updating method of
selections, and determines when to display the placeholder based
on the options that are being updated.
It works in the same way as the old placeholders. If no options
are selected and being displayed, like in the case of a multiple
select, then the placeholder will always be shown. If one option
is being displayed, and the id of the placeholder matches the id
of the selected element, then the placeholder will be shown. This
is similar to the functionality that was present in Select2 2.x,
where the placeholder could be passed in as an object that would
be compared to the selection.
This still requires that, for single selects, the first element
must match the placeholder id. Because the default placeholder id
is a blank string, this will maintain backwards compatibility with
past versions where the first option should be blank. This can
still be overridden to point at a different id, keeping support
for systems where the placeholder doesn't use a blank value.
**Note:** This does not hide the blank option for single selects,
but that will still be maintained for backwards compatibility
within the results module. It will not depend on a placeholder
being present, but instead will hide any options with blank text.
2014-10-17 03:59:38 +04:00
|
|
|
MultipleSelection.prototype.selectionContainer = function () {
|
2014-10-17 04:32:08 +04:00
|
|
|
var $container = $(
|
|
|
|
'<li class="choice">' +
|
2014-10-18 18:49:51 +04:00
|
|
|
'<span class="remove" role="presentation">×</span>' +
|
2014-10-17 04:32:08 +04:00
|
|
|
'</li>'
|
|
|
|
);
|
|
|
|
|
|
|
|
return $container;
|
Added support for placeholders
Placeholder support has been implemented as a separate module, so
any selection container should be able to be decorated and get
instant placeholder support. It hooks into the updating method of
selections, and determines when to display the placeholder based
on the options that are being updated.
It works in the same way as the old placeholders. If no options
are selected and being displayed, like in the case of a multiple
select, then the placeholder will always be shown. If one option
is being displayed, and the id of the placeholder matches the id
of the selected element, then the placeholder will be shown. This
is similar to the functionality that was present in Select2 2.x,
where the placeholder could be passed in as an object that would
be compared to the selection.
This still requires that, for single selects, the first element
must match the placeholder id. Because the default placeholder id
is a blank string, this will maintain backwards compatibility with
past versions where the first option should be blank. This can
still be overridden to point at a different id, keeping support
for systems where the placeholder doesn't use a blank value.
**Note:** This does not hide the blank option for single selects,
but that will still be maintained for backwards compatibility
within the results module. It will not depend on a placeholder
being present, but instead will hide any options with blank text.
2014-10-17 03:59:38 +04:00
|
|
|
};
|
|
|
|
|
2014-08-29 19:31:18 +04:00
|
|
|
MultipleSelection.prototype.update = function (data) {
|
|
|
|
this.clear();
|
|
|
|
|
2014-09-22 00:43:44 +04:00
|
|
|
if (data.length === 0) {
|
2014-08-29 19:31:18 +04:00
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
var $selections = [];
|
|
|
|
|
|
|
|
for (var d = 0; d < data.length; d++) {
|
|
|
|
var selection = data[d];
|
|
|
|
|
|
|
|
var formatted = this.display(selection);
|
Added support for placeholders
Placeholder support has been implemented as a separate module, so
any selection container should be able to be decorated and get
instant placeholder support. It hooks into the updating method of
selections, and determines when to display the placeholder based
on the options that are being updated.
It works in the same way as the old placeholders. If no options
are selected and being displayed, like in the case of a multiple
select, then the placeholder will always be shown. If one option
is being displayed, and the id of the placeholder matches the id
of the selected element, then the placeholder will be shown. This
is similar to the functionality that was present in Select2 2.x,
where the placeholder could be passed in as an object that would
be compared to the selection.
This still requires that, for single selects, the first element
must match the placeholder id. Because the default placeholder id
is a blank string, this will maintain backwards compatibility with
past versions where the first option should be blank. This can
still be overridden to point at a different id, keeping support
for systems where the placeholder doesn't use a blank value.
**Note:** This does not hide the blank option for single selects,
but that will still be maintained for backwards compatibility
within the results module. It will not depend on a placeholder
being present, but instead will hide any options with blank text.
2014-10-17 03:59:38 +04:00
|
|
|
var $selection = this.selectionContainer();
|
2014-08-29 19:31:18 +04:00
|
|
|
|
2014-10-17 04:32:08 +04:00
|
|
|
$selection.append(formatted);
|
|
|
|
$selection.data('data', selection);
|
2014-08-29 19:31:18 +04:00
|
|
|
|
|
|
|
$selections.push($selection);
|
|
|
|
}
|
|
|
|
|
2014-09-22 00:43:44 +04:00
|
|
|
this.$selection.find('.rendered-selection').append($selections);
|
|
|
|
};
|
2014-08-29 19:31:18 +04:00
|
|
|
|
|
|
|
return MultipleSelection;
|
2014-08-27 05:18:26 +04:00
|
|
|
});
|
|
|
|
|
Added support for placeholders
Placeholder support has been implemented as a separate module, so
any selection container should be able to be decorated and get
instant placeholder support. It hooks into the updating method of
selections, and determines when to display the placeholder based
on the options that are being updated.
It works in the same way as the old placeholders. If no options
are selected and being displayed, like in the case of a multiple
select, then the placeholder will always be shown. If one option
is being displayed, and the id of the placeholder matches the id
of the selected element, then the placeholder will be shown. This
is similar to the functionality that was present in Select2 2.x,
where the placeholder could be passed in as an object that would
be compared to the selection.
This still requires that, for single selects, the first element
must match the placeholder id. Because the default placeholder id
is a blank string, this will maintain backwards compatibility with
past versions where the first option should be blank. This can
still be overridden to point at a different id, keeping support
for systems where the placeholder doesn't use a blank value.
**Note:** This does not hide the blank option for single selects,
but that will still be maintained for backwards compatibility
within the results module. It will not depend on a placeholder
being present, but instead will hide any options with blank text.
2014-10-17 03:59:38 +04:00
|
|
|
define('select2/selection/placeholder',[
|
|
|
|
'../utils'
|
|
|
|
], function (Utils) {
|
|
|
|
function Placeholder (decorated, $element, options) {
|
|
|
|
this.placeholder = this.normalizePlaceholder(options.get('placeholder'));
|
|
|
|
|
|
|
|
decorated.call(this, $element, options);
|
|
|
|
}
|
|
|
|
|
|
|
|
Placeholder.prototype.normalizePlaceholder = function (_, placeholder) {
|
|
|
|
if (typeof placeholder === 'string') {
|
|
|
|
placeholder = {
|
|
|
|
id: '',
|
|
|
|
text: placeholder
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
return placeholder;
|
|
|
|
};
|
|
|
|
|
|
|
|
Placeholder.prototype.update = function (decorated, data) {
|
|
|
|
var singlePlaceholder = (
|
|
|
|
data.length == 1 && data[0].id != this.placeholder.id
|
|
|
|
);
|
|
|
|
var multipleSelections = data.length > 1;
|
|
|
|
|
|
|
|
if (multipleSelections || singlePlaceholder) {
|
|
|
|
return decorated.call(this, data);
|
|
|
|
}
|
|
|
|
|
|
|
|
this.clear();
|
|
|
|
|
|
|
|
var $placeholder = this.selectionContainer();
|
|
|
|
|
|
|
|
$placeholder.html(this.display(this.placeholder));
|
|
|
|
$placeholder.addClass('placeholder').removeClass('choice');
|
|
|
|
|
|
|
|
this.$selection.find('.rendered-selection').append($placeholder);
|
|
|
|
};
|
|
|
|
|
|
|
|
return Placeholder;
|
|
|
|
});
|
|
|
|
|
2014-11-01 06:03:03 +03:00
|
|
|
define('select2/translation',[
|
|
|
|
|
|
|
|
], function () {
|
|
|
|
function Translation (dict) {
|
|
|
|
this.dict = dict || {};
|
|
|
|
}
|
|
|
|
|
|
|
|
Translation.prototype.all = function () {
|
|
|
|
return this.dict;
|
|
|
|
};
|
|
|
|
|
|
|
|
Translation.prototype.get = function (key) {
|
|
|
|
return this.dict[key];
|
|
|
|
};
|
|
|
|
|
|
|
|
Translation.prototype.extend = function (translation) {
|
|
|
|
this.dict = $.extend({}, translation.all(), this.dict);
|
|
|
|
};
|
|
|
|
|
|
|
|
// Static functions
|
|
|
|
|
|
|
|
Translation._cache = {};
|
|
|
|
|
|
|
|
Translation.loadPath = function (path) {
|
|
|
|
if (!(path in Translation._cache)) {
|
|
|
|
var translations = require(path);
|
|
|
|
|
|
|
|
Translation._cache[path] = translations;
|
|
|
|
}
|
|
|
|
|
|
|
|
return new Translation(Translation._cache[path]);
|
|
|
|
};
|
|
|
|
|
|
|
|
return Translation;
|
|
|
|
});
|
|
|
|
|
2014-10-15 05:12:57 +04:00
|
|
|
define('select2/data/base',[
|
|
|
|
'../utils'
|
|
|
|
], function (Utils) {
|
|
|
|
function BaseAdapter ($element, options) {
|
|
|
|
BaseAdapter.__super__.constructor.call(this);
|
|
|
|
}
|
|
|
|
|
|
|
|
Utils.Extend(BaseAdapter, Utils.Observable);
|
|
|
|
|
|
|
|
BaseAdapter.prototype.current = function (callback) {
|
|
|
|
throw new Error('The `current` method must be defined in child classes.');
|
|
|
|
};
|
|
|
|
|
|
|
|
BaseAdapter.prototype.query = function (params, callback) {
|
|
|
|
throw new Error('The `query` method must be defined in child classes.');
|
|
|
|
};
|
|
|
|
|
2014-10-18 04:53:34 +04:00
|
|
|
BaseAdapter.prototype.bind = function (container, $container) {
|
|
|
|
// Can be implemented in subclasses
|
|
|
|
};
|
|
|
|
|
2014-10-20 01:39:09 +04:00
|
|
|
BaseAdapter.prototype.generateResultId = function (container, data) {
|
|
|
|
var id = container.id + '-result-';
|
2014-10-20 00:13:57 +04:00
|
|
|
|
2014-10-20 01:39:09 +04:00
|
|
|
id += Utils.generateChars(4);
|
2014-10-20 00:13:57 +04:00
|
|
|
|
|
|
|
if (data.id != null) {
|
|
|
|
id += '-' + data.id.toString();
|
|
|
|
} else {
|
2014-10-20 01:39:09 +04:00
|
|
|
id += '-' + Utils.generateChars(4);
|
2014-10-20 00:13:57 +04:00
|
|
|
}
|
|
|
|
return id;
|
|
|
|
};
|
|
|
|
|
2014-10-15 05:12:57 +04:00
|
|
|
return BaseAdapter;
|
|
|
|
});
|
|
|
|
|
|
|
|
define('select2/data/select',[
|
|
|
|
'./base',
|
|
|
|
'../utils',
|
|
|
|
'jquery'
|
|
|
|
], function (BaseAdapter, Utils, $) {
|
|
|
|
function SelectAdapter ($element, options) {
|
|
|
|
this.$element = $element;
|
2014-11-05 19:03:53 +03:00
|
|
|
this.options = options;
|
2014-10-15 05:12:57 +04:00
|
|
|
|
|
|
|
SelectAdapter.__super__.constructor.call(this);
|
|
|
|
}
|
|
|
|
|
|
|
|
Utils.Extend(SelectAdapter, BaseAdapter);
|
|
|
|
|
|
|
|
SelectAdapter.prototype.current = function (callback) {
|
|
|
|
var data = [];
|
|
|
|
var self = this;
|
|
|
|
|
|
|
|
this.$element.find(':selected').each(function () {
|
|
|
|
var $option = $(this);
|
|
|
|
|
|
|
|
var option = self.item($option);
|
|
|
|
|
|
|
|
data.push(option);
|
|
|
|
});
|
|
|
|
|
|
|
|
callback(data);
|
|
|
|
};
|
|
|
|
|
|
|
|
SelectAdapter.prototype.select = function (data) {
|
|
|
|
var self = this;
|
|
|
|
|
|
|
|
if (this.$element.prop('multiple')) {
|
|
|
|
this.current(function (currentData) {
|
|
|
|
var val = [];
|
|
|
|
|
|
|
|
data = [data];
|
|
|
|
data.push.apply(data, currentData);
|
|
|
|
|
|
|
|
for (var d = 0; d < data.length; d++) {
|
|
|
|
id = data[d].id;
|
|
|
|
|
|
|
|
if (val.indexOf(id) === -1) {
|
|
|
|
val.push(id);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
self.$element.val(val);
|
|
|
|
self.$element.trigger('change');
|
|
|
|
});
|
|
|
|
} else {
|
|
|
|
var val = data.id;
|
|
|
|
|
|
|
|
this.$element.val(val);
|
2014-10-21 03:15:37 +04:00
|
|
|
|
2014-10-15 05:12:57 +04:00
|
|
|
this.$element.trigger('change');
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
SelectAdapter.prototype.unselect = function (data) {
|
|
|
|
var self = this;
|
|
|
|
|
|
|
|
if (!this.$element.prop('multiple')) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
this.current(function (currentData) {
|
|
|
|
var val = [];
|
|
|
|
|
|
|
|
for (var d = 0; d < currentData.length; d++) {
|
|
|
|
id = currentData[d].id;
|
|
|
|
|
|
|
|
if (id !== data.id && val.indexOf(id) === -1) {
|
|
|
|
val.push(id);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
self.$element.val(val);
|
2014-10-21 03:15:37 +04:00
|
|
|
|
2014-10-15 05:12:57 +04:00
|
|
|
self.$element.trigger('change');
|
|
|
|
});
|
|
|
|
};
|
|
|
|
|
|
|
|
SelectAdapter.prototype.bind = function (container, $container) {
|
|
|
|
var self = this;
|
|
|
|
|
2014-10-20 01:39:09 +04:00
|
|
|
this.container = container;
|
|
|
|
|
2014-10-15 05:12:57 +04:00
|
|
|
container.on('select', function (params) {
|
|
|
|
self.select(params.data);
|
|
|
|
});
|
|
|
|
|
|
|
|
container.on('unselect', function (params) {
|
|
|
|
self.unselect(params.data);
|
|
|
|
});
|
|
|
|
};
|
|
|
|
|
|
|
|
SelectAdapter.prototype.query = function (params, callback) {
|
|
|
|
var data = [];
|
|
|
|
var self = this;
|
|
|
|
|
2014-10-15 06:30:37 +04:00
|
|
|
var $options = this.$element.children();
|
|
|
|
|
|
|
|
$options.each(function () {
|
2014-10-15 05:12:57 +04:00
|
|
|
var $option = $(this);
|
|
|
|
|
2014-10-15 06:30:37 +04:00
|
|
|
if (!$option.is('option') && !$option.is('optgroup')) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
2014-10-15 05:12:57 +04:00
|
|
|
var option = self.item($option);
|
|
|
|
|
2014-10-15 06:30:37 +04:00
|
|
|
var matches = self.matches(params, option);
|
|
|
|
|
|
|
|
if (matches !== null) {
|
|
|
|
data.push(matches);
|
2014-10-15 05:12:57 +04:00
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
callback(data);
|
|
|
|
};
|
|
|
|
|
2014-10-21 03:15:37 +04:00
|
|
|
SelectAdapter.prototype.option = function (data) {
|
2014-11-07 19:13:53 +03:00
|
|
|
var option = document.createElement('option');
|
2014-10-21 03:15:37 +04:00
|
|
|
|
2014-11-07 19:13:53 +03:00
|
|
|
option.value = data.id;
|
2014-10-21 03:15:37 +04:00
|
|
|
|
2014-11-07 19:13:53 +03:00
|
|
|
if (data.disabled) {
|
|
|
|
option.disabled = true;
|
|
|
|
}
|
|
|
|
|
|
|
|
if (data.selected) {
|
|
|
|
option.selected = true;
|
|
|
|
}
|
2014-10-21 03:15:37 +04:00
|
|
|
|
2014-11-07 19:13:53 +03:00
|
|
|
option.innerText = data.text;
|
|
|
|
|
|
|
|
var $option = $(option);
|
|
|
|
|
|
|
|
var normalizedData = this._normalizeItem(data);
|
2014-10-21 03:15:37 +04:00
|
|
|
|
|
|
|
// Override the option's data with the combined data
|
2014-11-07 19:13:53 +03:00
|
|
|
$.data($option, normalizedData);
|
2014-10-21 03:15:37 +04:00
|
|
|
|
|
|
|
return $option;
|
|
|
|
};
|
|
|
|
|
2014-10-15 05:12:57 +04:00
|
|
|
SelectAdapter.prototype.item = function ($option) {
|
2014-11-07 19:13:53 +03:00
|
|
|
var data = {};
|
2014-10-15 06:30:37 +04:00
|
|
|
|
2014-11-07 19:13:53 +03:00
|
|
|
if ($.hasData($option)) {
|
|
|
|
data = $option.data('data');
|
2014-10-15 06:30:37 +04:00
|
|
|
|
2014-11-07 19:13:53 +03:00
|
|
|
if (data != null) {
|
|
|
|
return data;
|
|
|
|
}
|
|
|
|
}
|
2014-10-15 06:30:37 +04:00
|
|
|
|
2014-11-07 19:13:53 +03:00
|
|
|
if ($option.is('option')) {
|
|
|
|
data = {
|
|
|
|
id: $option.val(),
|
|
|
|
text: $option.html(),
|
|
|
|
disabled: $option.prop('disabled')
|
|
|
|
};
|
|
|
|
} else if ($option.is('optgroup')) {
|
|
|
|
data = {
|
|
|
|
text: $option.attr('label'),
|
|
|
|
children: []
|
|
|
|
};
|
2014-10-15 06:30:37 +04:00
|
|
|
|
2014-11-07 19:13:53 +03:00
|
|
|
var $children = $option.children('option');
|
|
|
|
var children = [];
|
2014-10-15 06:30:37 +04:00
|
|
|
|
2014-11-07 19:13:53 +03:00
|
|
|
for (var c = 0; c < $children.length; c++) {
|
|
|
|
var $child = $($children[c]);
|
2014-10-15 05:12:57 +04:00
|
|
|
|
2014-11-07 19:13:53 +03:00
|
|
|
var child = this.item($child);
|
2014-10-20 00:13:57 +04:00
|
|
|
|
2014-11-07 19:13:53 +03:00
|
|
|
children.push(child);
|
|
|
|
}
|
2014-11-06 20:03:06 +03:00
|
|
|
|
2014-11-07 19:13:53 +03:00
|
|
|
data.children = children;
|
2014-10-15 05:12:57 +04:00
|
|
|
}
|
|
|
|
|
2014-11-07 19:13:53 +03:00
|
|
|
data = this._normalizeItem(data);
|
|
|
|
|
|
|
|
$option.data('data', data);
|
|
|
|
|
2014-10-15 05:12:57 +04:00
|
|
|
return data;
|
|
|
|
};
|
|
|
|
|
2014-11-07 19:13:53 +03:00
|
|
|
SelectAdapter.prototype._normalizeItem = function (item) {
|
|
|
|
var defaults = {
|
|
|
|
selected: false,
|
|
|
|
disabled: false
|
|
|
|
};
|
|
|
|
|
|
|
|
if (item._resultId == null && item.id && this.container != null) {
|
|
|
|
item._resultId = this.generateResultId(this.container, item);
|
|
|
|
}
|
|
|
|
|
|
|
|
return $.extend({}, defaults, item);
|
|
|
|
};
|
|
|
|
|
2014-10-15 05:12:57 +04:00
|
|
|
SelectAdapter.prototype.matches = function (params, data) {
|
2014-11-05 19:03:53 +03:00
|
|
|
var matcher = this.options.get('matcher');
|
2014-10-15 05:12:57 +04:00
|
|
|
|
2014-11-05 19:03:53 +03:00
|
|
|
return matcher(params, data);
|
2014-10-15 05:12:57 +04:00
|
|
|
};
|
|
|
|
|
|
|
|
return SelectAdapter;
|
|
|
|
});
|
|
|
|
|
2014-08-31 04:25:32 +04:00
|
|
|
define('select2/data/array',[
|
2014-09-22 00:43:44 +04:00
|
|
|
'./select',
|
2014-10-20 05:03:48 +04:00
|
|
|
'../utils',
|
|
|
|
'jquery'
|
|
|
|
], function (SelectAdapter, Utils, $) {
|
2014-08-31 04:25:32 +04:00
|
|
|
function ArrayAdapter ($element, options) {
|
2014-11-06 20:03:06 +03:00
|
|
|
var data = options.get('data');
|
2014-08-31 04:25:32 +04:00
|
|
|
|
|
|
|
ArrayAdapter.__super__.constructor.call(this, $element, options);
|
2014-11-06 20:03:06 +03:00
|
|
|
|
|
|
|
this.convertToOptions(data);
|
2014-08-31 04:25:32 +04:00
|
|
|
}
|
|
|
|
|
|
|
|
Utils.Extend(ArrayAdapter, SelectAdapter);
|
|
|
|
|
2014-11-06 20:03:06 +03:00
|
|
|
ArrayAdapter.prototype.convertToOptions = function (data) {
|
2014-08-31 04:25:32 +04:00
|
|
|
var self = this;
|
|
|
|
|
2014-11-06 20:03:06 +03:00
|
|
|
var $existing = this.$element.find('option');
|
|
|
|
var existingIds = $existing.map(function () {
|
|
|
|
return self.item($(this)).id;
|
|
|
|
}).get();
|
2014-08-31 04:25:32 +04:00
|
|
|
|
2014-11-06 20:03:06 +03:00
|
|
|
// Filter out all items except for the one passed in the argument
|
|
|
|
function onlyItem (item) {
|
|
|
|
return function () {
|
|
|
|
return $(this).val() == item.id;
|
|
|
|
};
|
|
|
|
}
|
2014-08-31 04:25:32 +04:00
|
|
|
|
2014-11-06 20:03:06 +03:00
|
|
|
for (var d = 0; d < data.length; d++) {
|
|
|
|
var item = data[d];
|
|
|
|
item.id = item.id.toString();
|
2014-08-31 04:25:32 +04:00
|
|
|
|
2014-11-06 20:03:06 +03:00
|
|
|
// Skip items which were pre-loaded, only merge the data
|
|
|
|
if (existingIds.indexOf(item.id) >= 0) {
|
|
|
|
var $existingOption = $existing.filter(onlyItem(item));
|
|
|
|
|
|
|
|
var existingData = this.item($existingOption);
|
|
|
|
var newData = $.extend(true, {}, existingData, item);
|
|
|
|
|
|
|
|
var $newOption = this.option(existingData);
|
2014-08-31 04:25:32 +04:00
|
|
|
|
2014-11-06 20:03:06 +03:00
|
|
|
$existingOption.replaceWith($newOption);
|
2014-08-31 04:25:32 +04:00
|
|
|
|
2014-11-06 20:03:06 +03:00
|
|
|
continue;
|
2014-08-31 04:25:32 +04:00
|
|
|
}
|
|
|
|
|
2014-11-06 20:03:06 +03:00
|
|
|
var option = this.option(item);
|
|
|
|
|
|
|
|
this.$element.append(option);
|
|
|
|
}
|
2014-09-22 00:43:44 +04:00
|
|
|
};
|
2014-08-31 04:25:32 +04:00
|
|
|
|
|
|
|
return ArrayAdapter;
|
|
|
|
});
|
|
|
|
|
2014-08-31 05:14:46 +04:00
|
|
|
define('select2/data/ajax',[
|
2014-09-22 00:43:44 +04:00
|
|
|
'./array',
|
|
|
|
'../utils',
|
|
|
|
'jquery'
|
2014-08-31 05:14:46 +04:00
|
|
|
], function (ArrayAdapter, Utils, $) {
|
|
|
|
function AjaxAdapter ($element, options) {
|
2014-10-17 02:19:15 +04:00
|
|
|
this.ajaxOptions = options.get('ajax');
|
2014-08-31 05:14:46 +04:00
|
|
|
|
2014-11-02 04:36:36 +03:00
|
|
|
if (this.ajaxOptions.processResults != null) {
|
|
|
|
this.processResults = this.ajaxOptions.processResults;
|
|
|
|
}
|
2014-08-31 05:14:46 +04:00
|
|
|
|
|
|
|
ArrayAdapter.__super__.constructor.call(this, $element, options);
|
|
|
|
}
|
|
|
|
|
|
|
|
Utils.Extend(AjaxAdapter, ArrayAdapter);
|
|
|
|
|
2014-11-02 04:36:36 +03:00
|
|
|
AjaxAdapter.prototype.processResults = function (results) {
|
|
|
|
return results;
|
|
|
|
};
|
|
|
|
|
2014-08-31 05:14:46 +04:00
|
|
|
AjaxAdapter.prototype.query = function (params, callback) {
|
|
|
|
var matches = [];
|
|
|
|
var self = this;
|
|
|
|
|
|
|
|
var options = $.extend({
|
2014-09-22 01:12:21 +04:00
|
|
|
type: 'GET'
|
2014-08-31 05:14:46 +04:00
|
|
|
}, this.ajaxOptions);
|
|
|
|
|
2014-09-22 00:43:44 +04:00
|
|
|
if (typeof options.url === 'function') {
|
2014-08-31 05:14:46 +04:00
|
|
|
options.url = options.url(params);
|
|
|
|
}
|
|
|
|
|
2014-09-22 00:43:44 +04:00
|
|
|
if (typeof options.data === 'function') {
|
2014-08-31 05:14:46 +04:00
|
|
|
options.data = options.data(params);
|
|
|
|
}
|
|
|
|
|
2014-11-02 04:36:36 +03:00
|
|
|
function request () {
|
|
|
|
var $request = $.ajax(options);
|
2014-08-31 05:14:46 +04:00
|
|
|
|
2014-11-02 04:36:36 +03:00
|
|
|
$request.success(function (data) {
|
|
|
|
var results = self.processResults(data);
|
2014-08-31 05:14:46 +04:00
|
|
|
|
2014-11-02 04:36:36 +03:00
|
|
|
callback(results);
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
if (this.ajaxOptions.delay && params.term !== '') {
|
|
|
|
if (this._queryTimeout) {
|
|
|
|
window.clearTimeout(this._queryTimeout);
|
|
|
|
}
|
|
|
|
|
|
|
|
this._queryTimeout = window.setTimeout(request, this.ajaxOptions.delay);
|
|
|
|
} else {
|
|
|
|
request();
|
|
|
|
}
|
2014-08-31 05:14:46 +04:00
|
|
|
};
|
|
|
|
|
|
|
|
return AjaxAdapter;
|
|
|
|
});
|
|
|
|
|
2014-10-21 03:15:37 +04:00
|
|
|
define('select2/data/tags',[
|
|
|
|
|
|
|
|
], function () {
|
|
|
|
function Tags (decorated, $element, options) {
|
|
|
|
var tags = options.get('tags');
|
|
|
|
|
|
|
|
decorated.call(this, $element, options);
|
|
|
|
}
|
|
|
|
|
|
|
|
Tags.prototype.query = function (decorated, params, callback) {
|
|
|
|
var self = this;
|
|
|
|
|
2014-11-02 00:49:53 +03:00
|
|
|
this._removeOldTags();
|
|
|
|
|
2014-10-21 03:15:37 +04:00
|
|
|
if (params.term == null || params.term === '' || params.page != null) {
|
|
|
|
decorated.call(this, params, callback);
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
function wrapper (data, child) {
|
|
|
|
for (var i = 0; i < data.length; i++) {
|
|
|
|
var option = data[i];
|
|
|
|
|
|
|
|
var checkChildren = (
|
|
|
|
option.children != null && !wrapper(option.children, true)
|
|
|
|
);
|
|
|
|
|
|
|
|
var checkText = option.text === params.term;
|
|
|
|
|
|
|
|
if (checkText || checkChildren) {
|
|
|
|
if (child) {
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
|
|
|
|
callback(data);
|
|
|
|
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
if (child) {
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
|
|
|
|
var tag = self.createTag(params);
|
2014-11-02 00:49:53 +03:00
|
|
|
|
|
|
|
var $option = self.option(tag);
|
|
|
|
$option.attr('data-select2-tag', true);
|
|
|
|
|
|
|
|
self.$element.append($option);
|
2014-10-21 03:15:37 +04:00
|
|
|
|
2014-11-02 01:40:06 +03:00
|
|
|
self.insertTag(data, tag);
|
2014-10-21 03:15:37 +04:00
|
|
|
|
|
|
|
callback(data);
|
|
|
|
}
|
|
|
|
|
|
|
|
decorated.call(this, params, wrapper);
|
|
|
|
};
|
|
|
|
|
|
|
|
Tags.prototype.createTag = function (decorated, params) {
|
|
|
|
return {
|
|
|
|
id: params.term,
|
|
|
|
text: params.term
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
2014-11-02 01:40:06 +03:00
|
|
|
Tags.prototype.insertTag = function (_, data, tag) {
|
|
|
|
data.unshift(tag);
|
|
|
|
};
|
|
|
|
|
2014-11-02 00:49:53 +03:00
|
|
|
Tags.prototype._removeOldTags = function (_) {
|
|
|
|
var tag = this._lastTag;
|
|
|
|
|
|
|
|
var $options = this.$element.find('option[data-select2-tag]');
|
|
|
|
|
|
|
|
$options.each(function () {
|
|
|
|
if (this.selected) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
$(this).remove();
|
|
|
|
});
|
|
|
|
};
|
|
|
|
|
2014-10-21 03:15:37 +04:00
|
|
|
return Tags;
|
|
|
|
});
|
|
|
|
|
2014-11-02 05:59:59 +03:00
|
|
|
define('select2/data/minimumInputLength',[
|
|
|
|
|
|
|
|
], function () {
|
|
|
|
function MinimumInputLength (decorated, $e, options) {
|
|
|
|
this.minimumInputLength = options.get('minimumInputLength');
|
|
|
|
|
|
|
|
decorated.call(this, $e, options);
|
|
|
|
}
|
|
|
|
|
|
|
|
MinimumInputLength.prototype.query = function (decorated, params, callback) {
|
|
|
|
params.term = params.term || '';
|
|
|
|
|
|
|
|
if (params.term.length < this.minimumInputLength) {
|
|
|
|
this.trigger('results:message', {
|
|
|
|
message: 'inputTooShort',
|
|
|
|
args: {
|
|
|
|
minimum: this.minimumInputLength,
|
|
|
|
input: params.term,
|
|
|
|
params: params
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
decorated.call(this, params, callback);
|
|
|
|
};
|
|
|
|
|
|
|
|
return MinimumInputLength;
|
|
|
|
});
|
|
|
|
|
2014-10-16 04:51:29 +04:00
|
|
|
define('select2/dropdown',[
|
|
|
|
'./utils'
|
|
|
|
], function (Utils) {
|
|
|
|
function Dropdown ($element, options) {
|
|
|
|
this.$element = $element;
|
|
|
|
}
|
|
|
|
|
|
|
|
Utils.Extend(Dropdown, Utils.Observable);
|
|
|
|
|
|
|
|
Dropdown.prototype.render = function () {
|
|
|
|
var $dropdown = $(
|
|
|
|
'<span class="dropdown">' +
|
|
|
|
'<span class="results"></span>' +
|
|
|
|
'</span>'
|
|
|
|
);
|
|
|
|
|
|
|
|
return $dropdown;
|
|
|
|
};
|
|
|
|
|
|
|
|
Dropdown.prototype.bind = function (container, $container) {
|
|
|
|
// Can be implemented in subclasses
|
|
|
|
};
|
|
|
|
|
|
|
|
return Dropdown;
|
|
|
|
});
|
|
|
|
|
|
|
|
define('select2/dropdown/search',[
|
2014-11-02 03:35:23 +03:00
|
|
|
'../utils'
|
|
|
|
], function (Utils) {
|
2014-10-16 04:51:29 +04:00
|
|
|
function Search () { }
|
|
|
|
|
|
|
|
Search.prototype.render = function (decorated) {
|
|
|
|
var $rendered = decorated.call(this);
|
|
|
|
|
|
|
|
var $search = $(
|
|
|
|
'<span class="search">' +
|
2014-10-18 18:49:51 +04:00
|
|
|
'<input type="search" name="search" tabindex="-1" role="textbox" />' +
|
2014-10-16 04:51:29 +04:00
|
|
|
'</span>'
|
|
|
|
);
|
|
|
|
|
2014-10-17 03:08:11 +04:00
|
|
|
this.$searchContainer = $search;
|
2014-10-16 04:51:29 +04:00
|
|
|
this.$search = $search.find('input');
|
|
|
|
|
|
|
|
$rendered.prepend($search);
|
|
|
|
|
|
|
|
return $rendered;
|
|
|
|
};
|
|
|
|
|
|
|
|
Search.prototype.bind = function (decorated, container, $container) {
|
2014-10-17 03:08:11 +04:00
|
|
|
var self = this;
|
|
|
|
|
2014-10-16 04:51:29 +04:00
|
|
|
decorated.call(this, container, $container);
|
|
|
|
|
2014-11-02 04:04:31 +03:00
|
|
|
this.$search.on('keydown', function (evt) {
|
2014-11-02 03:35:23 +03:00
|
|
|
self.trigger('keypress', evt);
|
|
|
|
|
2014-11-02 04:04:31 +03:00
|
|
|
self._keyUpPrevented = evt.isDefaultPrevented();
|
|
|
|
});
|
|
|
|
|
|
|
|
this.$search.on('keyup', function (evt) {
|
2014-11-02 05:59:59 +03:00
|
|
|
self.handleSearch(evt);
|
2014-10-16 04:51:29 +04:00
|
|
|
});
|
2014-10-17 03:08:11 +04:00
|
|
|
|
2014-10-18 18:49:51 +04:00
|
|
|
container.on('open', function () {
|
|
|
|
self.$search.attr('tabindex', 0);
|
|
|
|
});
|
|
|
|
|
|
|
|
container.on('close', function () {
|
|
|
|
self.$search.attr('tabindex', -1);
|
2014-11-02 03:35:23 +03:00
|
|
|
|
|
|
|
self.$search.val('');
|
2014-10-18 18:49:51 +04:00
|
|
|
});
|
|
|
|
|
2014-10-17 03:08:11 +04:00
|
|
|
container.on('results:all', function (params) {
|
|
|
|
if (params.query.term == null || params.query.term === '') {
|
|
|
|
var showSearch = self.showSearch(params);
|
|
|
|
|
|
|
|
if (showSearch) {
|
|
|
|
self.$searchContainer.show();
|
|
|
|
} else {
|
|
|
|
self.$searchContainer.hide();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
};
|
|
|
|
|
2014-11-02 05:59:59 +03:00
|
|
|
Search.prototype.handleSearch = function (evt) {
|
|
|
|
if (!this._keyUpPrevented) {
|
|
|
|
var input = this.$search.val();
|
|
|
|
|
|
|
|
this.trigger('query', {
|
|
|
|
term: input
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
this._keyUpPrevented = false;
|
|
|
|
};
|
|
|
|
|
2014-11-02 03:35:23 +03:00
|
|
|
Search.prototype.showSearch = function (_, params) {
|
2014-10-17 03:08:11 +04:00
|
|
|
return true;
|
2014-10-16 04:51:29 +04:00
|
|
|
};
|
|
|
|
|
|
|
|
return Search;
|
|
|
|
});
|
|
|
|
|
2014-11-02 00:21:46 +03:00
|
|
|
define('select2/dropdown/hidePlaceholder',[
|
|
|
|
|
|
|
|
], function () {
|
|
|
|
function HidePlaceholder (decorated, $element, options, dataAdapter) {
|
|
|
|
this.placeholder = this.normalizePlaceholder(options.get('placeholder'));
|
|
|
|
|
|
|
|
decorated.call(this, $element, options, dataAdapter);
|
|
|
|
}
|
|
|
|
|
|
|
|
HidePlaceholder.prototype.append = function (decorated, data) {
|
|
|
|
data = this.removePlaceholder(data);
|
|
|
|
|
|
|
|
decorated.call(this, data);
|
|
|
|
};
|
|
|
|
|
|
|
|
HidePlaceholder.prototype.normalizePlaceholder = function (_, placeholder) {
|
|
|
|
if (typeof placeholder === 'string') {
|
|
|
|
placeholder = {
|
|
|
|
id: '',
|
|
|
|
text: placeholder
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
return placeholder;
|
|
|
|
};
|
|
|
|
|
|
|
|
HidePlaceholder.prototype.removePlaceholder = function (_, data) {
|
|
|
|
var modifiedData = data.slice(0);
|
|
|
|
|
|
|
|
for (var d = data.length - 1; d >= 0; d--) {
|
|
|
|
var item = data[d];
|
|
|
|
|
|
|
|
if (this.placeholder.id === item.id) {
|
|
|
|
modifiedData.splice(d, 1);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
return modifiedData;
|
|
|
|
};
|
|
|
|
|
|
|
|
return HidePlaceholder;
|
|
|
|
});
|
|
|
|
|
2014-11-04 03:10:36 +03:00
|
|
|
define('select2/dropdown/infiniteScroll',[
|
|
|
|
'jquery'
|
|
|
|
], function ($) {
|
|
|
|
function InfiniteScroll (decorated, $element, options, dataAdapter) {
|
|
|
|
this.lastParams = {};
|
|
|
|
|
|
|
|
decorated.call(this, $element, options, dataAdapter);
|
|
|
|
|
|
|
|
this.$loadingMore = this.createLoadingMore();
|
|
|
|
this.loading = false;
|
|
|
|
}
|
|
|
|
|
|
|
|
InfiniteScroll.prototype.append = function (decorated, data) {
|
|
|
|
this.$loadingMore.remove();
|
|
|
|
|
|
|
|
decorated.call(this, data);
|
|
|
|
|
|
|
|
if (data.length > 0) {
|
|
|
|
this.$results.append(this.$loadingMore);
|
|
|
|
}
|
|
|
|
|
|
|
|
this.loading = false;
|
|
|
|
};
|
|
|
|
|
|
|
|
InfiniteScroll.prototype.bind = function (decorated, container, $container) {
|
|
|
|
var self = this;
|
|
|
|
|
|
|
|
decorated.call(this, container, $container);
|
|
|
|
|
|
|
|
container.on('query', function (params) {
|
|
|
|
self.lastParams = params;
|
|
|
|
self.loading = true;
|
|
|
|
});
|
|
|
|
|
|
|
|
container.on('query:append', function (params) {
|
|
|
|
self.lastParams = params;
|
|
|
|
self.loading = true;
|
|
|
|
});
|
|
|
|
|
|
|
|
this.$results.on('scroll', function () {
|
2014-11-04 03:24:29 +03:00
|
|
|
var loadMoreVisible = $.contains(
|
|
|
|
document.documentElement,
|
|
|
|
self.$loadingMore[0]
|
|
|
|
);
|
|
|
|
|
|
|
|
if (self.loading || !loadMoreVisible) {
|
2014-11-04 03:10:36 +03:00
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
var currentOffset = self.$results.offset().top +
|
|
|
|
self.$results.outerHeight(false);
|
|
|
|
var loadingMoreOffset = self.$loadingMore.offset().top +
|
|
|
|
self.$loadingMore.outerHeight(false);
|
|
|
|
|
|
|
|
if (currentOffset + 50 >= loadingMoreOffset) {
|
|
|
|
self.loadMore();
|
|
|
|
}
|
|
|
|
});
|
|
|
|
};
|
|
|
|
|
|
|
|
InfiniteScroll.prototype.loadMore = function () {
|
|
|
|
this.loading = true;
|
|
|
|
|
|
|
|
var params = $.extend({}, {page: 1}, this.lastParams);
|
|
|
|
|
|
|
|
params.page++;
|
|
|
|
|
|
|
|
this.trigger('query:append', params);
|
|
|
|
};
|
|
|
|
|
|
|
|
InfiniteScroll.prototype.createLoadingMore = function () {
|
|
|
|
var $option = $(
|
|
|
|
'<li class="option load-more" role="treeitem"></li>'
|
|
|
|
);
|
|
|
|
|
|
|
|
var message = this.options.get('translations').get('loadingMore');
|
|
|
|
|
|
|
|
$option.html(message(this.lastParams));
|
|
|
|
|
|
|
|
return $option;
|
|
|
|
};
|
|
|
|
|
|
|
|
return InfiniteScroll;
|
|
|
|
});
|
|
|
|
|
2014-11-01 06:03:03 +03:00
|
|
|
define('select2/i18n/en',[],function () {
|
|
|
|
return {
|
2014-11-02 05:59:59 +03:00
|
|
|
inputTooShort: function (args) {
|
|
|
|
var remainingChars = args.minimum - args.input.length;
|
|
|
|
|
|
|
|
var message = 'Please enter ' + remainingChars + ' or more character';
|
|
|
|
|
|
|
|
if (remainingChars != 1) {
|
|
|
|
message += 's';
|
|
|
|
}
|
|
|
|
|
|
|
|
return message;
|
|
|
|
},
|
2014-11-04 03:10:36 +03:00
|
|
|
loadingMore: function () {
|
|
|
|
return 'Loading more results…';
|
|
|
|
},
|
2014-11-01 21:20:51 +03:00
|
|
|
noResults: function () {
|
2014-11-01 06:03:03 +03:00
|
|
|
return 'No results found';
|
|
|
|
}
|
|
|
|
};
|
|
|
|
});
|
|
|
|
|
2014-10-17 02:19:15 +04:00
|
|
|
define('select2/defaults',[
|
2014-11-01 06:03:03 +03:00
|
|
|
'jquery',
|
2014-08-27 05:18:26 +04:00
|
|
|
'./results',
|
2014-10-11 06:17:51 +04:00
|
|
|
|
2014-08-29 19:31:18 +04:00
|
|
|
'./selection/single',
|
2014-08-31 04:25:32 +04:00
|
|
|
'./selection/multiple',
|
Added support for placeholders
Placeholder support has been implemented as a separate module, so
any selection container should be able to be decorated and get
instant placeholder support. It hooks into the updating method of
selections, and determines when to display the placeholder based
on the options that are being updated.
It works in the same way as the old placeholders. If no options
are selected and being displayed, like in the case of a multiple
select, then the placeholder will always be shown. If one option
is being displayed, and the id of the placeholder matches the id
of the selected element, then the placeholder will be shown. This
is similar to the functionality that was present in Select2 2.x,
where the placeholder could be passed in as an object that would
be compared to the selection.
This still requires that, for single selects, the first element
must match the placeholder id. Because the default placeholder id
is a blank string, this will maintain backwards compatibility with
past versions where the first option should be blank. This can
still be overridden to point at a different id, keeping support
for systems where the placeholder doesn't use a blank value.
**Note:** This does not hide the blank option for single selects,
but that will still be maintained for backwards compatibility
within the results module. It will not depend on a placeholder
being present, but instead will hide any options with blank text.
2014-10-17 03:59:38 +04:00
|
|
|
'./selection/placeholder',
|
2014-08-31 04:25:32 +04:00
|
|
|
|
2014-10-16 04:51:29 +04:00
|
|
|
'./utils',
|
2014-11-01 06:03:03 +03:00
|
|
|
'./translation',
|
2014-10-16 04:51:29 +04:00
|
|
|
|
2014-10-15 05:12:57 +04:00
|
|
|
'./data/select',
|
2014-08-31 05:14:46 +04:00
|
|
|
'./data/array',
|
2014-10-16 04:51:29 +04:00
|
|
|
'./data/ajax',
|
2014-10-21 03:15:37 +04:00
|
|
|
'./data/tags',
|
2014-11-02 05:59:59 +03:00
|
|
|
'./data/minimumInputLength',
|
2014-10-16 04:51:29 +04:00
|
|
|
|
|
|
|
'./dropdown',
|
2014-11-01 06:03:03 +03:00
|
|
|
'./dropdown/search',
|
2014-11-02 00:21:46 +03:00
|
|
|
'./dropdown/hidePlaceholder',
|
2014-11-04 03:10:36 +03:00
|
|
|
'./dropdown/infiniteScroll',
|
2014-11-01 06:03:03 +03:00
|
|
|
|
2014-11-05 19:25:41 +03:00
|
|
|
'./i18n/en'
|
2014-11-01 06:03:03 +03:00
|
|
|
], function ($, ResultsList,
|
Added support for placeholders
Placeholder support has been implemented as a separate module, so
any selection container should be able to be decorated and get
instant placeholder support. It hooks into the updating method of
selections, and determines when to display the placeholder based
on the options that are being updated.
It works in the same way as the old placeholders. If no options
are selected and being displayed, like in the case of a multiple
select, then the placeholder will always be shown. If one option
is being displayed, and the id of the placeholder matches the id
of the selected element, then the placeholder will be shown. This
is similar to the functionality that was present in Select2 2.x,
where the placeholder could be passed in as an object that would
be compared to the selection.
This still requires that, for single selects, the first element
must match the placeholder id. Because the default placeholder id
is a blank string, this will maintain backwards compatibility with
past versions where the first option should be blank. This can
still be overridden to point at a different id, keeping support
for systems where the placeholder doesn't use a blank value.
**Note:** This does not hide the blank option for single selects,
but that will still be maintained for backwards compatibility
within the results module. It will not depend on a placeholder
being present, but instead will hide any options with blank text.
2014-10-17 03:59:38 +04:00
|
|
|
SingleSelection, MultipleSelection, Placeholder,
|
2014-11-01 06:03:03 +03:00
|
|
|
Utils, Translation,
|
2014-11-02 05:59:59 +03:00
|
|
|
SelectData, ArrayData, AjaxData, Tags, MinimumInputLength,
|
2014-11-04 03:10:36 +03:00
|
|
|
Dropdown, Search, HidePlaceholder, InfiniteScroll,
|
2014-11-02 00:21:46 +03:00
|
|
|
EnglishTranslation) {
|
2014-10-17 02:19:15 +04:00
|
|
|
function Defaults () {
|
|
|
|
this.reset();
|
|
|
|
}
|
2014-08-27 02:01:42 +04:00
|
|
|
|
2014-10-17 02:19:15 +04:00
|
|
|
Defaults.prototype.apply = function (options) {
|
2014-11-01 06:03:03 +03:00
|
|
|
options = $.extend({}, this.defaults, options);
|
2014-10-17 02:19:15 +04:00
|
|
|
|
|
|
|
if (options.dataAdapter == null) {
|
2014-11-04 03:10:36 +03:00
|
|
|
if (options.ajax != null) {
|
2014-10-17 02:19:15 +04:00
|
|
|
options.dataAdapter = AjaxData;
|
2014-11-04 03:10:36 +03:00
|
|
|
} else if (options.data != null) {
|
2014-10-17 02:19:15 +04:00
|
|
|
options.dataAdapter = ArrayData;
|
|
|
|
} else {
|
|
|
|
options.dataAdapter = SelectData;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2014-11-02 05:59:59 +03:00
|
|
|
|
|
|
|
if (options.minimumInputLength > 0) {
|
|
|
|
options.dataAdapter = Utils.Decorate(
|
|
|
|
options.dataAdapter,
|
|
|
|
MinimumInputLength
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
2014-10-21 03:15:37 +04:00
|
|
|
if (options.tags != null) {
|
|
|
|
options.dataAdapter = Utils.Decorate(options.dataAdapter, Tags);
|
|
|
|
}
|
|
|
|
|
2014-10-17 02:19:15 +04:00
|
|
|
if (options.resultsAdapter == null) {
|
|
|
|
options.resultsAdapter = ResultsList;
|
2014-11-02 00:27:30 +03:00
|
|
|
|
2014-11-04 03:10:36 +03:00
|
|
|
if (options.ajax != null) {
|
|
|
|
options.resultsAdapter = Utils.Decorate(
|
|
|
|
options.resultsAdapter,
|
|
|
|
InfiniteScroll
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
2014-11-02 00:27:30 +03:00
|
|
|
if (options.placeholder != null) {
|
|
|
|
options.resultsAdapter = Utils.Decorate(
|
|
|
|
options.resultsAdapter,
|
|
|
|
HidePlaceholder
|
|
|
|
);
|
|
|
|
}
|
2014-10-15 05:12:57 +04:00
|
|
|
}
|
|
|
|
|
2014-10-17 02:19:15 +04:00
|
|
|
if (options.dropdownAdapter == null) {
|
|
|
|
var SearchableDropdown = Utils.Decorate(Dropdown, Search);
|
2014-10-16 04:51:29 +04:00
|
|
|
|
2014-10-17 02:19:15 +04:00
|
|
|
options.dropdownAdapter = SearchableDropdown;
|
|
|
|
}
|
2014-08-29 19:31:18 +04:00
|
|
|
|
2014-10-17 02:19:15 +04:00
|
|
|
if (options.selectionAdapter == null) {
|
|
|
|
if (options.multiple) {
|
|
|
|
options.selectionAdapter = MultipleSelection;
|
2014-08-29 19:31:18 +04:00
|
|
|
} else {
|
2014-10-17 02:19:15 +04:00
|
|
|
options.selectionAdapter = SingleSelection;
|
2014-08-29 19:31:18 +04:00
|
|
|
}
|
Added support for placeholders
Placeholder support has been implemented as a separate module, so
any selection container should be able to be decorated and get
instant placeholder support. It hooks into the updating method of
selections, and determines when to display the placeholder based
on the options that are being updated.
It works in the same way as the old placeholders. If no options
are selected and being displayed, like in the case of a multiple
select, then the placeholder will always be shown. If one option
is being displayed, and the id of the placeholder matches the id
of the selected element, then the placeholder will be shown. This
is similar to the functionality that was present in Select2 2.x,
where the placeholder could be passed in as an object that would
be compared to the selection.
This still requires that, for single selects, the first element
must match the placeholder id. Because the default placeholder id
is a blank string, this will maintain backwards compatibility with
past versions where the first option should be blank. This can
still be overridden to point at a different id, keeping support
for systems where the placeholder doesn't use a blank value.
**Note:** This does not hide the blank option for single selects,
but that will still be maintained for backwards compatibility
within the results module. It will not depend on a placeholder
being present, but instead will hide any options with blank text.
2014-10-17 03:59:38 +04:00
|
|
|
|
|
|
|
// Add the placeholder mixin if a placeholder was specified
|
|
|
|
if (options.placeholder != null) {
|
|
|
|
options.selectionAdapter = Utils.Decorate(
|
|
|
|
options.selectionAdapter,
|
|
|
|
Placeholder
|
|
|
|
);
|
|
|
|
}
|
2014-08-29 19:31:18 +04:00
|
|
|
}
|
2014-10-17 02:19:15 +04:00
|
|
|
|
2014-11-01 06:03:03 +03:00
|
|
|
if (typeof options.language === 'string') {
|
|
|
|
options.language = [options.language];
|
|
|
|
}
|
|
|
|
|
|
|
|
if ($.isArray(options.language)) {
|
|
|
|
var languages = new Translation();
|
|
|
|
var languageNames = options.language.concat(this.defaults.language);
|
|
|
|
|
|
|
|
for (var l = 0; l < languageNames.length; l++) {
|
|
|
|
var name = languageNames[l];
|
|
|
|
var language = {};
|
|
|
|
|
|
|
|
try {
|
|
|
|
// Try to load it with the original name
|
|
|
|
language = Translation.loadPath(name);
|
|
|
|
} catch (e) {
|
|
|
|
// If we couldn't load it, check if it wasn't the full path
|
|
|
|
name = 'select2/i18n/' + name;
|
|
|
|
language = Translation.loadPath(name);
|
|
|
|
}
|
|
|
|
|
|
|
|
languages.extend(language);
|
|
|
|
}
|
|
|
|
|
|
|
|
options.translations = languages;
|
|
|
|
} else {
|
|
|
|
options.translations = new Translations(options.language);
|
|
|
|
}
|
|
|
|
|
2014-10-17 02:19:15 +04:00
|
|
|
return options;
|
|
|
|
};
|
|
|
|
|
|
|
|
Defaults.prototype.reset = function () {
|
2014-11-05 19:03:53 +03:00
|
|
|
function matcher (params, data) {
|
|
|
|
var match = $.extend(true, {}, data);
|
|
|
|
|
|
|
|
if (data.children) {
|
|
|
|
for (var c = data.children.length - 1; c >= 0; c--) {
|
|
|
|
var child = data.children[c];
|
|
|
|
|
|
|
|
var matches = matcher(params, child);
|
|
|
|
|
|
|
|
// If there wasn't a match, remove the object in the array
|
|
|
|
if (matches === null) {
|
|
|
|
match.children.splice(c, 1);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
if (match.children.length > 0) {
|
|
|
|
return match;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
if ($.trim(params.term) === '') {
|
|
|
|
return match;
|
|
|
|
}
|
|
|
|
|
|
|
|
if (data.text.toUpperCase().indexOf(params.term.toUpperCase()) > -1) {
|
|
|
|
return match;
|
|
|
|
}
|
|
|
|
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
|
2014-11-01 06:03:03 +03:00
|
|
|
this.defaults = {
|
2014-11-02 04:57:14 +03:00
|
|
|
language: ['select2/i18n/en'],
|
2014-11-05 19:03:53 +03:00
|
|
|
matcher: matcher,
|
2014-11-02 05:59:59 +03:00
|
|
|
minimumInputLength: 0,
|
2014-11-02 04:57:14 +03:00
|
|
|
templateResult: function (result) {
|
|
|
|
return result.text;
|
2014-11-02 05:11:35 +03:00
|
|
|
},
|
|
|
|
templateSelection: function (selection) {
|
|
|
|
return selection.text;
|
2014-11-02 04:57:14 +03:00
|
|
|
}
|
2014-11-01 06:03:03 +03:00
|
|
|
};
|
2014-10-17 02:19:15 +04:00
|
|
|
};
|
|
|
|
|
|
|
|
var defaults = new Defaults();
|
|
|
|
|
|
|
|
return defaults;
|
|
|
|
});
|
|
|
|
|
|
|
|
define('select2/options',[
|
|
|
|
'./defaults'
|
|
|
|
], function (Defaults) {
|
2014-11-02 00:08:59 +03:00
|
|
|
function Options (options, $element) {
|
|
|
|
this.options = options;
|
|
|
|
|
|
|
|
if ($element != null) {
|
|
|
|
this.fromElement($element);
|
|
|
|
}
|
|
|
|
|
|
|
|
this.options = Defaults.apply(this.options);
|
2014-08-27 02:01:42 +04:00
|
|
|
}
|
|
|
|
|
2014-10-17 02:19:15 +04:00
|
|
|
Options.prototype.fromElement = function ($e) {
|
2014-11-02 00:08:59 +03:00
|
|
|
if (this.options.multiple == null) {
|
|
|
|
this.options.multiple = $e.prop('multiple');
|
|
|
|
}
|
|
|
|
|
2014-10-17 02:19:15 +04:00
|
|
|
return this;
|
|
|
|
};
|
|
|
|
|
|
|
|
Options.prototype.get = function (key) {
|
|
|
|
return this.options[key];
|
|
|
|
};
|
|
|
|
|
|
|
|
Options.prototype.set = function (key, val) {
|
|
|
|
this.options[key] = val;
|
|
|
|
};
|
|
|
|
|
2014-08-27 02:01:42 +04:00
|
|
|
return Options;
|
2014-09-22 00:43:44 +04:00
|
|
|
});
|
|
|
|
|
2014-08-27 02:01:42 +04:00
|
|
|
define('select2/core',[
|
2014-08-27 05:18:26 +04:00
|
|
|
'jquery',
|
|
|
|
'./options',
|
2014-11-02 03:35:23 +03:00
|
|
|
'./utils',
|
|
|
|
'./keys'
|
|
|
|
], function ($, Options, Utils, KEYS) {
|
2014-08-27 05:18:26 +04:00
|
|
|
var Select2 = function ($element, options) {
|
|
|
|
this.$element = $element;
|
2014-08-29 19:31:18 +04:00
|
|
|
|
2014-11-02 00:08:59 +03:00
|
|
|
this.id = this._generateId($element);
|
2014-10-20 01:39:09 +04:00
|
|
|
|
2014-08-29 19:31:18 +04:00
|
|
|
options = options || {};
|
|
|
|
|
2014-11-02 00:08:59 +03:00
|
|
|
this.options = new Options(options, $element);
|
2014-08-27 02:01:42 +04:00
|
|
|
|
2014-08-27 19:33:33 +04:00
|
|
|
Select2.__super__.constructor.call(this);
|
|
|
|
|
2014-08-27 05:18:26 +04:00
|
|
|
// Set up containers and adapters
|
|
|
|
|
2014-10-17 02:19:15 +04:00
|
|
|
var DataAdapter = this.options.get('dataAdapter');
|
|
|
|
this.data = new DataAdapter($element, this.options);
|
2014-08-27 05:18:26 +04:00
|
|
|
|
|
|
|
var $container = this.render();
|
|
|
|
|
2014-11-02 00:08:59 +03:00
|
|
|
this._placeContainer($container);
|
2014-08-27 19:33:33 +04:00
|
|
|
|
2014-10-17 02:19:15 +04:00
|
|
|
var SelectionAdapter = this.options.get('selectionAdapter');
|
|
|
|
this.selection = new SelectionAdapter($element, this.options);
|
2014-08-27 05:18:26 +04:00
|
|
|
|
|
|
|
var $selection = this.selection.render();
|
|
|
|
|
2014-11-02 00:08:59 +03:00
|
|
|
this._placeSelection($selection);
|
2014-08-27 05:18:26 +04:00
|
|
|
|
2014-10-17 02:19:15 +04:00
|
|
|
var DropdownAdapter = this.options.get('dropdownAdapter');
|
|
|
|
this.dropdown = new DropdownAdapter($element, this.options);
|
2014-08-27 05:18:26 +04:00
|
|
|
|
|
|
|
var $dropdown = this.dropdown.render();
|
|
|
|
|
2014-11-02 00:08:59 +03:00
|
|
|
this._placeDropdown($dropdown);
|
2014-08-27 05:18:26 +04:00
|
|
|
|
2014-10-17 02:19:15 +04:00
|
|
|
var ResultsAdapter = this.options.get('resultsAdapter');
|
|
|
|
this.results = new ResultsAdapter($element, this.options, this.data);
|
2014-08-27 05:18:26 +04:00
|
|
|
|
|
|
|
var $results = this.results.render();
|
|
|
|
|
2014-11-02 00:08:59 +03:00
|
|
|
this._placeResults($results);
|
2014-08-27 05:18:26 +04:00
|
|
|
|
2014-08-27 19:33:33 +04:00
|
|
|
// Bind events
|
2014-08-27 05:18:26 +04:00
|
|
|
|
|
|
|
var self = this;
|
|
|
|
|
2014-11-02 02:05:08 +03:00
|
|
|
// Bind the container to all of the adapters
|
|
|
|
this._bindAdapters();
|
2014-10-16 04:51:29 +04:00
|
|
|
|
2014-11-02 02:29:07 +03:00
|
|
|
// Register any DOM event handlers
|
2014-11-02 02:05:08 +03:00
|
|
|
this._registerDomEvents();
|
|
|
|
|
|
|
|
// Register any internal event handlers
|
2014-11-02 05:59:59 +03:00
|
|
|
this._registerDataEvents();
|
2014-11-02 02:05:08 +03:00
|
|
|
this._registerSelectionEvents();
|
2014-11-02 03:35:23 +03:00
|
|
|
this._registerDropdownEvents();
|
2014-11-02 02:05:08 +03:00
|
|
|
this._registerResultsEvents();
|
|
|
|
this._registerEvents();
|
|
|
|
|
|
|
|
// Set the initial state
|
|
|
|
|
|
|
|
this.data.current(function (initialData) {
|
|
|
|
self.trigger('selection:update', {
|
|
|
|
data: initialData
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
// Hide the original select
|
|
|
|
|
|
|
|
$element.hide();
|
|
|
|
$element.attr('tabindex', '-1');
|
|
|
|
|
|
|
|
$element.data('select2', this);
|
|
|
|
};
|
|
|
|
|
|
|
|
Utils.Extend(Select2, Utils.Observable);
|
|
|
|
|
|
|
|
Select2.prototype._generateId = function ($element) {
|
|
|
|
var id = '';
|
|
|
|
|
|
|
|
if ($element.attr('id') != null) {
|
|
|
|
id = $element.attr('id');
|
|
|
|
} else if ($element.attr('name') != null) {
|
|
|
|
id = $element.attr('name') + '-' + Utils.generateChars(2);
|
|
|
|
} else {
|
|
|
|
id = Utils.generateChars(4);
|
|
|
|
}
|
|
|
|
|
|
|
|
id = 'select2-' + id;
|
|
|
|
|
|
|
|
return id;
|
|
|
|
};
|
|
|
|
|
|
|
|
Select2.prototype._placeContainer = function ($container) {
|
|
|
|
$container.insertAfter(this.$element);
|
|
|
|
$container.width(this.$element.outerWidth(false));
|
|
|
|
};
|
|
|
|
|
|
|
|
Select2.prototype._placeSelection = function ($selection) {
|
|
|
|
var $selectionContainer = this.$container.find('.selection');
|
|
|
|
$selectionContainer.append($selection);
|
|
|
|
};
|
|
|
|
|
|
|
|
Select2.prototype._placeDropdown = function ($dropdown) {
|
|
|
|
this.$dropdown = $dropdown;
|
|
|
|
|
|
|
|
var $dropdownContainer = this.$container.find('.dropdown-wrapper');
|
|
|
|
$dropdownContainer.append($dropdown);
|
|
|
|
};
|
|
|
|
|
|
|
|
Select2.prototype._placeResults = function ($results) {
|
|
|
|
var $resultsContainer = this.$dropdown.find('.results');
|
|
|
|
$resultsContainer.append($results);
|
|
|
|
};
|
|
|
|
|
|
|
|
Select2.prototype._bindAdapters = function () {
|
|
|
|
this.data.bind(this, this.$container);
|
|
|
|
this.selection.bind(this, this.$container);
|
|
|
|
|
|
|
|
this.dropdown.bind(this, this.$container);
|
|
|
|
this.results.bind(this, this.$container);
|
|
|
|
};
|
|
|
|
|
|
|
|
Select2.prototype._registerDomEvents = function () {
|
|
|
|
var self = this;
|
2014-08-27 19:33:33 +04:00
|
|
|
|
2014-09-22 00:43:44 +04:00
|
|
|
this.$element.on('change', function () {
|
2014-08-27 19:33:33 +04:00
|
|
|
self.data.current(function (data) {
|
2014-09-22 00:43:44 +04:00
|
|
|
self.trigger('selection:update', {
|
2014-08-31 02:34:41 +04:00
|
|
|
data: data
|
|
|
|
});
|
2014-08-27 19:33:33 +04:00
|
|
|
});
|
|
|
|
});
|
2014-11-02 02:05:08 +03:00
|
|
|
};
|
|
|
|
|
2014-11-02 05:59:59 +03:00
|
|
|
Select2.prototype._registerDataEvents = function () {
|
|
|
|
var self = this;
|
|
|
|
|
|
|
|
this.data.on('results:message', function (params) {
|
|
|
|
self.trigger('results:message', params);
|
|
|
|
});
|
|
|
|
};
|
|
|
|
|
2014-11-02 02:05:08 +03:00
|
|
|
Select2.prototype._registerSelectionEvents = function () {
|
|
|
|
var self = this;
|
2014-08-27 19:33:33 +04:00
|
|
|
|
2014-10-18 18:49:51 +04:00
|
|
|
this.selection.on('open', function () {
|
2014-10-21 04:29:23 +04:00
|
|
|
self.open();
|
2014-10-18 18:49:51 +04:00
|
|
|
});
|
|
|
|
this.selection.on('close', function () {
|
2014-10-21 04:29:23 +04:00
|
|
|
self.close();
|
2014-10-18 18:49:51 +04:00
|
|
|
});
|
2014-09-22 00:43:44 +04:00
|
|
|
this.selection.on('toggle', function () {
|
2014-08-31 04:42:46 +04:00
|
|
|
self.toggleDropdown();
|
2014-08-27 19:33:33 +04:00
|
|
|
});
|
2014-08-28 04:18:17 +04:00
|
|
|
|
2014-10-18 18:49:51 +04:00
|
|
|
this.selection.on('results:select', function () {
|
|
|
|
self.trigger('results:select');
|
|
|
|
});
|
2014-10-18 19:28:42 +04:00
|
|
|
this.selection.on('results:previous', function () {
|
|
|
|
self.trigger('results:previous');
|
|
|
|
});
|
|
|
|
this.selection.on('results:next', function () {
|
|
|
|
self.trigger('results:next');
|
|
|
|
});
|
2014-10-18 18:49:51 +04:00
|
|
|
|
2014-10-17 04:32:08 +04:00
|
|
|
this.selection.on('unselected', function (params) {
|
|
|
|
self.trigger('unselect', params);
|
|
|
|
|
2014-10-21 04:29:23 +04:00
|
|
|
self.close();
|
2014-10-17 04:32:08 +04:00
|
|
|
});
|
2014-11-02 03:35:23 +03:00
|
|
|
|
|
|
|
this.selection.on('keypress', function (e) {
|
|
|
|
self.trigger('keypress', e);
|
|
|
|
});
|
|
|
|
};
|
|
|
|
|
|
|
|
Select2.prototype._registerDropdownEvents = function () {
|
|
|
|
var self = this;
|
|
|
|
|
|
|
|
this.dropdown.on('query', function (params) {
|
|
|
|
self.trigger('query', params);
|
|
|
|
});
|
|
|
|
|
|
|
|
this.dropdown.on('keypress', function (e) {
|
|
|
|
self.trigger('keypress', e);
|
|
|
|
});
|
2014-11-02 02:05:08 +03:00
|
|
|
};
|
|
|
|
|
|
|
|
Select2.prototype._registerResultsEvents = function () {
|
|
|
|
var self = this;
|
2014-10-17 04:32:08 +04:00
|
|
|
|
2014-11-04 03:10:36 +03:00
|
|
|
this.results.on('query:append', function (params) {
|
|
|
|
self.trigger('query:append', params);
|
|
|
|
});
|
|
|
|
|
2014-09-22 00:43:44 +04:00
|
|
|
this.results.on('selected', function (params) {
|
|
|
|
self.trigger('select', params);
|
2014-08-31 02:34:41 +04:00
|
|
|
|
2014-10-21 04:29:23 +04:00
|
|
|
self.close();
|
2014-08-28 04:18:17 +04:00
|
|
|
});
|
|
|
|
|
2014-09-22 00:43:44 +04:00
|
|
|
this.results.on('unselected', function (params) {
|
|
|
|
self.trigger('unselect', params);
|
2014-08-31 02:53:05 +04:00
|
|
|
|
2014-10-21 04:29:23 +04:00
|
|
|
self.close();
|
2014-08-31 04:42:46 +04:00
|
|
|
});
|
|
|
|
|
2014-10-20 03:49:06 +04:00
|
|
|
this.results.on('results:focus', function (params) {
|
|
|
|
self.trigger('results:focus', params);
|
|
|
|
});
|
2014-11-02 02:05:08 +03:00
|
|
|
};
|
|
|
|
|
|
|
|
Select2.prototype._registerEvents = function () {
|
|
|
|
var self = this;
|
2014-10-20 03:49:06 +04:00
|
|
|
|
2014-09-22 00:43:44 +04:00
|
|
|
this.on('open', function () {
|
2014-11-02 02:05:08 +03:00
|
|
|
self.$container.addClass('open');
|
2014-08-31 04:42:46 +04:00
|
|
|
});
|
|
|
|
|
2014-09-22 00:43:44 +04:00
|
|
|
this.on('close', function () {
|
2014-11-02 02:05:08 +03:00
|
|
|
self.$container.removeClass('open');
|
2014-08-28 04:18:17 +04:00
|
|
|
});
|
|
|
|
|
2014-10-16 04:51:29 +04:00
|
|
|
this.on('query', function (params) {
|
|
|
|
this.data.query(params, function (data) {
|
2014-10-17 03:08:11 +04:00
|
|
|
self.trigger('results:all', {
|
|
|
|
data: data,
|
|
|
|
query: params
|
|
|
|
});
|
2014-10-16 04:51:29 +04:00
|
|
|
});
|
2014-08-28 04:18:17 +04:00
|
|
|
});
|
2014-11-02 03:35:23 +03:00
|
|
|
|
2014-11-04 03:10:36 +03:00
|
|
|
this.on('query:append', function (params) {
|
|
|
|
this.data.query(params, function (data) {
|
|
|
|
self.trigger('results:append', {
|
|
|
|
data: data,
|
|
|
|
query: params
|
|
|
|
});
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
2014-11-02 03:35:23 +03:00
|
|
|
this.on('keypress', function (evt) {
|
|
|
|
var key = evt.which;
|
|
|
|
|
|
|
|
if (self.isOpen()) {
|
2014-11-02 04:04:31 +03:00
|
|
|
if (key === KEYS.ENTER) {
|
2014-11-02 03:35:23 +03:00
|
|
|
self.trigger('results:select');
|
|
|
|
|
|
|
|
evt.preventDefault();
|
2014-11-02 04:04:31 +03:00
|
|
|
} else if (key === KEYS.UP) {
|
2014-11-02 03:35:23 +03:00
|
|
|
self.trigger('results:previous');
|
|
|
|
|
|
|
|
evt.preventDefault();
|
2014-11-02 04:04:31 +03:00
|
|
|
} else if (key === KEYS.DOWN) {
|
2014-11-02 03:35:23 +03:00
|
|
|
self.trigger('results:next');
|
|
|
|
|
2014-11-02 04:04:31 +03:00
|
|
|
evt.preventDefault();
|
|
|
|
} else if (key === KEYS.ESC || key === KEYS.TAB) {
|
|
|
|
self.close();
|
|
|
|
|
2014-11-02 03:35:23 +03:00
|
|
|
evt.preventDefault();
|
|
|
|
}
|
|
|
|
} else {
|
2014-11-02 04:04:31 +03:00
|
|
|
if (key === KEYS.ENTER || key === KEYS.SPACE) {
|
|
|
|
self.open();
|
2014-11-02 03:35:23 +03:00
|
|
|
|
|
|
|
evt.preventDefault();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
2014-11-02 00:08:59 +03:00
|
|
|
};
|
|
|
|
|
2014-08-31 04:42:46 +04:00
|
|
|
Select2.prototype.toggleDropdown = function () {
|
2014-10-18 18:49:51 +04:00
|
|
|
if (this.isOpen()) {
|
2014-10-21 04:29:23 +04:00
|
|
|
this.close();
|
2014-08-31 04:42:46 +04:00
|
|
|
} else {
|
2014-10-21 04:29:23 +04:00
|
|
|
this.open();
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
Select2.prototype.open = function () {
|
|
|
|
if (this.isOpen()) {
|
|
|
|
return;
|
2014-08-31 04:42:46 +04:00
|
|
|
}
|
2014-10-21 04:29:23 +04:00
|
|
|
|
2014-11-02 03:35:23 +03:00
|
|
|
this.trigger('query', {});
|
|
|
|
|
2014-10-21 04:29:23 +04:00
|
|
|
this.trigger('open');
|
|
|
|
};
|
|
|
|
|
|
|
|
Select2.prototype.close = function () {
|
|
|
|
if (!this.isOpen()) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
this.trigger('close');
|
2014-09-22 00:43:44 +04:00
|
|
|
};
|
2014-08-31 04:42:46 +04:00
|
|
|
|
2014-10-18 18:49:51 +04:00
|
|
|
Select2.prototype.isOpen = function () {
|
|
|
|
return this.$container.hasClass('open');
|
|
|
|
};
|
|
|
|
|
2014-08-27 05:18:26 +04:00
|
|
|
Select2.prototype.render = function () {
|
|
|
|
var $container = $(
|
2014-08-29 03:54:01 +04:00
|
|
|
'<span class="select2 select2-container select2-theme-default">' +
|
2014-08-27 19:33:33 +04:00
|
|
|
'<span class="selection"></span>' +
|
2014-10-20 03:49:06 +04:00
|
|
|
'<span class="dropdown-wrapper" aria-hidden="true"></span>' +
|
2014-08-27 19:33:33 +04:00
|
|
|
'</span>'
|
2014-08-27 05:18:26 +04:00
|
|
|
);
|
|
|
|
|
2014-11-02 00:08:59 +03:00
|
|
|
this.$container = $container;
|
|
|
|
|
2014-11-02 02:29:07 +03:00
|
|
|
$container.data('element', this.$element);
|
|
|
|
|
2014-08-27 05:18:26 +04:00
|
|
|
return $container;
|
|
|
|
};
|
|
|
|
|
2014-08-27 02:01:42 +04:00
|
|
|
return Select2;
|
|
|
|
});
|
|
|
|
|
2014-10-15 05:12:57 +04:00
|
|
|
define('jquery.select2',[
|
|
|
|
'jquery',
|
|
|
|
'select2/core'
|
|
|
|
], function ($, Select2) {
|
|
|
|
if ($.fn.select2 == null) {
|
|
|
|
$.fn.select2 = function (options) {
|
|
|
|
options = options || {};
|
|
|
|
|
|
|
|
if (typeof options === 'object') {
|
|
|
|
this.each(function () {
|
|
|
|
var instance = new Select2($(this), options);
|
|
|
|
});
|
|
|
|
} else if (typeof options === 'string') {
|
|
|
|
var instance = this.data('select2');
|
2014-10-21 04:29:23 +04:00
|
|
|
var args = Array.prototype.slice.call(arguments, 1);
|
2014-10-15 05:12:57 +04:00
|
|
|
|
2014-10-21 04:29:23 +04:00
|
|
|
instance[options](args);
|
2014-10-15 05:12:57 +04:00
|
|
|
} else {
|
|
|
|
throw new Error('Invalid arguments for Select2: ' + options);
|
|
|
|
}
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
return Select2;
|
|
|
|
});
|
|
|
|
|
2014-11-01 04:10:40 +03:00
|
|
|
require('jquery.select2'); $.fn.select2.amd = { define: define, require: require };}());
|