diff --git a/src/js/core.js b/src/js/core.js deleted file mode 100644 index f6bc1b67..00000000 --- a/src/js/core.js +++ /dev/null @@ -1,130 +0,0 @@ -(function ($, document, window, undefined) { - - var s2 = window.s2 = window.s2 || {}; - var util = s2.util; - var data = s2.data; - var assert = util.assert; - - s2.Select = util.clazz(util.Observable, { - - construct: function (element, options) { - this.super(); - - - this.isOpen = false; - this.element = element; - this.options = options; - - var self = this; - - this.data = new data.local(element); - - var markup = self.render(); - - this.container = $(markup.toString()); - this.element.after(this.container); - - var selectionContainer = this.container.find(".s2-selection-container"); - this.selection = new s2.SingleSelection(); - selectionContainer.html(this.selection.render().toString()); - this.selection.bind(this.container); - this.selection.on("toggle", function () { - self.toggle.apply(self, arguments) - }); - - var resultsContainer = this.container.find(".s2-results-container"); - this.dropdown = new s2.Dropdown({select: element}); - this.dropdown.bind(this.container, resultsContainer); - this.results = new s2.ResultList({data: this.data, select: element}); - this.results.decorateWith(new s2.ResultListWithSearch()); - resultsContainer.html(this.results.render().toString()); - this.results.bind(resultsContainer); - this.results.on("select", function (params) { - self.onOptionSelected.apply(self, arguments); - self.close(); - }); - - this.results.on("close", function (params) { - self.close(params); - }); - - this.dropdown.hide(); - - this.value = this.data.lookup(); - - this.selection.update(this.value); - - - this.container.width(this.element.width()); - this.element.hide(); - - // util.detectPlatform(this.container); - }, - - render: function () { - return new util.Markup( - "
", // - "
", // - "
", // - "
"); - - }, - - bind: function () { - this.selection.bind(this.container); - this.dropdown.bind(this.container); - this.results.bind(this.container); - }, - - onOptionSelected: function (params) { - assert.isObject(params, "params argument must be set"); - assert.isObject(params.data, "params.data must point to the option's data object"); - assert.isEvent(params.event, "params.event must point to the event that triggered the selection"); - assert.isElement(params.element, "opts.element must point to the option element"); - - if (this.element.prop("multiple")) { - - } else { - if (this.value.length) { - $(this.value[0].element).removeProp("selected"); - } - this.value = [params.data]; - $(this.value[0].element).prop("selected", true); - - } - - this.selection.update(this.value); - - - }, - - toggle: function (event) { - if (this.isOpen) { - this.close(); - } else { - this.open(); - } - }, - - open: function (param) { - if (this.isOpen) return; - var self = this; - this.dropdown.show(); - this.results.show(); - this.results.focus(); - this.isOpen = true; - }, - - close: function (params) { - if (!this.isOpen) return; - var self = this; - -// this.results.hide(); - this.dropdown.hide(); - this.isOpen = false; - } - - - }); - -})(jQuery, document, window); \ No newline at end of file diff --git a/src/js/data.js b/src/js/data.js deleted file mode 100644 index a7c60bfd..00000000 --- a/src/js/data.js +++ /dev/null @@ -1,45 +0,0 @@ -(function ($, document, window, undefined) { - - var s2 = window.s2 = window.s2 || {}; - var data = s2.data = s2.data || {}; - var util=s2.util; - - data.local = util.clazz(Object, { - construct: function (select) { - this.select = select; - }, - lookup: function () { - var data = [], self = this; - this.select.find(":selected").each(function () { - data.push(self.item($(this))); - }); - return data; - }, - query: function (params) { - var data = [], self = this; - self.select.find("option").each(function () { - var option = $(this); - if (self.matches(params, option)) { - data.push(self.item($(this))); - } - }); - return data; - }, - matches: function (params, option) { - if (params && params.term) { - var text = option.text().toUpperCase(); - if (text.indexOf(params.term.toUpperCase()) >= 0) { - return true; - } else { - return false; - } - } - return true; - }, - - item: function (option) { - return {value: option.attr("value"), text: option.text(), element: option.get(0)}; - } - }); - -})(jQuery, document, window); \ No newline at end of file diff --git a/src/js/results.js b/src/js/results.js deleted file mode 100644 index 49bf3c97..00000000 --- a/src/js/results.js +++ /dev/null @@ -1,241 +0,0 @@ -(function ($, document, window, undefined) { - - var s2 = window.s2 = window.s2 || {}; - - var util = s2.util; - var assert = util.assert; - - - s2.Dropdown = util.clazz(util.Observable, { - - construct: function (opts) { - assert.isNotNull(opts, "opts parameter must be set"); - assert.isElement(opts.select, "opts.select must point to the select element"); - - this.super(); - - this.opts = opts; - }, - - bind: function (container, tag) { - assert.isElement(container, "container parameter must be set"); - assert.isElement(tag, "tag parameter must be set"); - - - this.container = container; - this.element = tag; - this.element.addClass("s2-dropdown"); - this.element.detach(); - this.element.removeClass("s2-hidden"); - - //util.detectPlatform(this.element); - }, - - show: function () { - var self = this; - self.opts.select.parent("body").append(this.element); - self.position(); - self.container.addClass("s2-active"); - }, - - hide: function () { - var self = this; - self.element.detach(); - self.container.removeClass("s2-active"); - - }, - position: function () { - var self = this, - container = self.container; - - var - offset = container.offset(), - height = container.outerHeight(false), - width = container.outerWidth(false), - dropTop = offset.top + height, - dropLeft = offset.left; - - self.element.css({ top: dropTop, left: dropLeft, width: width }); - - } - }); - - s2.SearchField = util.clazz(util.Observable, { - - construct: function (element) { - this.super(); - var self = this; - this.value = element.val(); - this.element = element; - this.element.on("keyup.s2", function () { - self.onKeyUp.apply(self, arguments) - }); - }, - onKeyUp: function (e) { - var self = this; - if (self.value !== self.element.val()) { - self.trigger("valueChanged", { oldValue: self.value, value: self.element.val(), event: e}); - self.value = self.element.val(); - } - }, - focus: function () { - this.element.focus(); - }, - val: function () { - return this.element.val(); - } - - }); - - s2.ResultList = util.clazz(util.Observable, { - construct: function (opts) { - assert.isNotNull(opts, "opts argument must be set"); - assert.isElement(opts.select, "opts.select must point to the select element"); - - this.super(); - - this.opts = opts; - this.tag = util.tag(); - this.queryParams = {}; - }, - render: function () { - return new util.Markup("
"); - }, - bind: function (container) { - var self = this; - this.container = container; - - this.element = container.find("#" + this.tag); - assert.isElement(this.element, "Could not find result list element"); - - this.container.attr("tabindex", "0"); - this.container.on("keydown", function (e) { - self.onKeyDown(e); - }); - - this.container.on("focusout", function (e) { - self.onBlur(e); - }); - - this.element.on("click", function () { - self.onClick.apply(self, arguments); - }); - - //util.detectPlatform(this.element); - }, - show: function () { - var self = this; - self.update(); - }, - update: function () { - var self = this; - - var index = 0; - self.data = []; - - self.element.find(".s2-options").remove(); - var options = $(""); - self.element.append(options); - - $.each(self.query(), function () { - var option = $(["
  • ", this.text, "
    • "].join("")); - options.append(option); - self.data.push(this); - index++; - }); - - options.find("li").first().addClass("s2-highlighted"); - }, - query: function () { - return this.opts.data.query(this.queryParams); - }, - onClick: function (event) { - var target = $(event.target); - var option = target.is(".s2-option") ? target : target.parents(".s2-option").first(); - if (option.length > 0) { - // option clicked - this.trigger("select", { event: event, element: option, data: this.data[option.data("s2-index")] }); - } - - }, - focus: function () { - var self = this; - this.container.focus(); - }, - onBlur: function (event) { - var self = this; - window.setTimeout(function () { - // done in a time out because we want the current focusout event processed so that - // document.activeElement points to element that received the new focus - //console.log("blur event", event); - //console.log("blur container", self.container.get(0)); - //console.log("blur active", document.activeElement); - //console.log("blur contains", $.contains(self.container.get(0), document.activeElement)); - if (!$.contains(self.container.get(0), document.activeElement) && self.container.get(0) !== document.activeElement) { - self.trigger("close", {event: event}); - } - }, 0); - }, - onKeyDown: function (event) { - if (event.which == util.key.DOWN) { - this.moveHighlight({delta: 1, event: event}); - event.preventDefault(); - - } else if (event.which === util.key.UP) { - this.moveHighlight({delta: -1, event: event}); - event.preventDefault(); - } else if (event.which === util.key.ENTER) { - this.selectHighlighted({event: event}); - event.preventDefault(); - } - }, - selectHighlighted: function (param) { - var option = this.element.find(".s2-highlighted").first(); - this.trigger("select", { event: param.event, element: option, data: this.data[option.data("s2-index")] }); - }, - moveHighlight: function (param) { - var delta = param.delta; - var current = this.element.find(".s2-highlighted"); - var next = null; - if (delta === 1) { - next = current.next(); - } else { - next = current.prev(); - } - - current.removeClass("s2-highlighted"); - next.addClass("s2-highlighted"); - } - }); - - s2.ResultListWithSearch = util.clazz(Object, { - render: function () { - this.searchTag = util.tag(); - var markup = new util.Markup( - "
    ", // - " ", // - " click me", // - " {{original}}", // - "
    "); - - markup.replace("original", this.decorated()); - return markup; - }, - bind: function (container) { - this.decorated(container); - var self = this; - this.searchField = new s2.SearchField(container.find("#" + this.searchTag)); - this.searchField.on("valueChanged", function (params) { - self.onSearch.apply(self, arguments); - }); - }, - focus: function () { - this.searchField.focus(); - }, - onSearch: function (params) { - this.delegate.queryParams.term = this.searchField.val(); - this.delegate.update(); - } - }); - -})(jQuery, document, window); \ No newline at end of file diff --git a/src/js/selection.js b/src/js/selection.js deleted file mode 100644 index 63af714d..00000000 --- a/src/js/selection.js +++ /dev/null @@ -1,40 +0,0 @@ -(function ($, document, window, undefined) { - - var s2 = window.s2 = window.s2 || {}; - var util = s2.util; - - s2.SingleSelection = util.clazz(util.Observable, { - init: function () { - util.Observable.prototype.init.apply(this); - this.tag = util.tag(); - }, - - render: function () { - return new util.Markup("
    "); - }, - - bind: function (container) { - this.element = container.find("#" + this.tag); - - var self = this; - this.element.on("click", function () { - self.onClick.apply(self, arguments); - }); - }, - - update: function (data) { - var text = ""; - if (data.length == 0) { - // clear - } else { - text = data[0].text; - } - this.element.find(".s2-selection").html(text); - }, - - onClick: function (event) { - this.trigger("toggle", {event: event}); - } - }); - -})(jQuery, document, window); \ No newline at end of file diff --git a/src/js/util.js b/src/js/util.js deleted file mode 100644 index cec15aa7..00000000 --- a/src/js/util.js +++ /dev/null @@ -1,238 +0,0 @@ -(function ($, document, window, undefined) { - - var s2 = window.s2 = window.s2 || {}; - var util = s2.util = s2.util || {}; - - util.methods = function (object) { - var methods = {}; - var proto = object.__proto__; - while (proto !== Object.prototype) { - for (var methodName in proto) { - if (!methods[methodName] && typeof(proto[methodName]) === "function") { - methods[methodName] = proto[methodName]; - } - } - proto = proto.__proto__; - - } - return methods; - }; - - util.decorate = function (decorator) { - var decoratorMethods = util.methods(decorator); - for (var methodName in decoratorMethods) { - var decoratorMethod = decoratorMethods[methodName]; - if (typeof(decoratorMethod) === "function" && !(methodName === "construct" || methodName.name === "onDelegateAttached" || methodName === "decorateWith")) { - this[methodName] = (function (prototype, methodName, method, decorator) { - return function () { - var delegate = this; - try { - decorator.decorated = function () { - return prototype.apply(delegate, arguments); - } - return method.apply(decorator, arguments); - } finally { - delete decorator.decorated; - } - }; - })(this[methodName], methodName, decoratorMethod, decorator); - this[methodName].displayName = methodName + "#decorator"; - } - } - - if (decorator.onDelegateAttached) { - decorator.onDelegateAttached(this); - } - - decorator.delegate = this; - - return this; - - }; - - util.uid = (function () { - var id = 0; - return function () { - return id++; - }; - }()); - - util.tag = function () { - return "s2-x-" + util.uid(); - } - - util.marker = {}; - - util.clazz = function (SuperClass, methods) { - - var constructor = function () { - if (arguments.length == 1 && arguments[0] == util.marker) { - return; - } - if (this.construct) { - this.construct.apply(this, arguments); - } - }; - - constructor.prototype = SuperClass !== Object ? new SuperClass(util.marker) : new SuperClass; - - for (var methodName in methods) { - - constructor.prototype[methodName] = (function (prototype, methodName, method) { - return function () { - var currentSuper = this.super; - try { - this.super = prototype; - return method.apply(this, arguments); - } finally { - this.super = currentSuper; - } - }; - })(constructor.prototype[methodName], methodName, methods[methodName]); - - constructor.prototype[methodName].displayName = methodName; - } - - if (!constructor.prototype.decorateWith) { - constructor.prototype.decorateWith = util.decorate; - } - - return constructor; - - }; - - util.shift = (function () { - var arrayShift = Array.prototype.shift; - return function (array) { - arrayShift.apply(array); - return array; - } - }()); - - util.Observable = util.clazz(Object, { - construct: function () { - this.listeners = {}; - }, - on: function (event, callback) { - if (event in this.listeners) { - this.listeners[event].push(callback); - } else { - this.listeners[event] = [callback]; - } - }, - trigger: function (event) { - if (event in this.listeners) { - this.invoke(this.listeners[event], util.shift(arguments)); - } - if ("*" in this.listeners) { - this.invoke(this.listeners["*"], arguments); - } - }, - invoke: function (listeners, params) { - for (var i = 0, len = listeners.length; i < len; i++) { - listeners[i].apply(this, params); - } - } - }); - - util.Markup = util.clazz(Object, { - construct: function () { - this.data = []; - if (arguments.length > 0) this.append.apply(this, arguments); - }, - append: function () { - var parts = null; - if (arguments.length === 1) { - if ($.isArray(arguments[0])) { - parts = arguments[0]; - } else { - this.appendPart(arguments[0]); - return this; - } - } else { - parts = arguments; - } - for (var i = 0, len = parts.length; i < len; i++) { - this.appendPart(parts[i]); - } - return this; - }, - appendPart: function (part) { - if (typeof(part) === "string") { - this.data.push(part); - } else { - this.data.push("" + part); - } - }, - replace: function (id, markup) { - var key = "{{" + id + "}}"; - for (var i = 0, len = this.data.length; i < len; i++) { - if (this.data[i].trim().indexOf(key) === 0) { - markup.data.unshift(1); - markup.data.unshift(i); - Array.prototype.splice.apply(this.data, markup.data); - //this.data.splice(i, 1, markup.data); - return this; - } - } - return this; - }, - toString: function () { - return this.data.join(""); - } - }); - - - var assert = util.assert = { - error: function (value, error) { - throw error + " (current value: " + value + ")"; - }, - isTrue: function (value, error) { - if (value !== true) assert.error(value, error); - }, - isNotNull: function (value, error) { - assert.isTrue(value !== undefined && value !== null, error); - }, - isInstanceOf: function (type, value, error) { - assert.isNotNull(value, error); - assert.isTrue(value instanceof type, error); - }, - isObject: function (value, error) { - return assert.isInstanceOf(Object, value, error); - }, - isElement: function (value, error) { - assert.isInstanceOf($, value, error); - assert.isTrue(value.length > 0, error); - }, - isEvent: function (value, error) { - return assert.isInstanceOf($.Event, value, error); - }, - isString: function (value, error) { - return assert.isTrue(typeof(value) === "string" || typeof(value) === "String"); - }, - isFunction: function (value, error) { - if (!$.isFunction(value)) throw error; - } - }; - - util.key = { - TAB: 9, - ENTER: 13, - ESC: 27, - SPACE: 32, - LEFT: 37, - UP: 38, - RIGHT: 39, - DOWN: 40, - SHIFT: 16, - CTRL: 17, - ALT: 18, - PAGE_UP: 33, - PAGE_DOWN: 34, - HOME: 36, - END: 35, - BACKSPACE: 8, - DELETE: 46 - }; - -})(jQuery, document, window); \ No newline at end of file