From ed6eb4ff92a0a8c8efe520f1c8eefe6f29daa895 Mon Sep 17 00:00:00 2001
From: Kevin Brown <kevin@kevinbrown.in>
Date: Sun, 21 Sep 2014 15:34:59 -0400
Subject: [PATCH] Dropped old js files
---
src/js/core.js | 130 ------------------------
src/js/data.js | 45 ---------
src/js/results.js | 241 --------------------------------------------
src/js/selection.js | 40 --------
src/js/util.js | 238 -------------------------------------------
5 files changed, 694 deletions(-)
delete mode 100644 src/js/core.js
delete mode 100644 src/js/data.js
delete mode 100644 src/js/results.js
delete mode 100644 src/js/selection.js
delete mode 100644 src/js/util.js
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(
- "<div class='s2-container'>", //
- " <div class='s2-selection-container'></div>", //
- " <div class='s2-results-container s2-hidden'></div>", //
- "</div>");
-
- },
-
- 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("<div class='s2-results' id='", this.tag, "'></div>");
- },
- 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 = $("<ul class='s2-options'></ul>");
- self.element.append(options);
-
- $.each(self.query(), function () {
- var option = $(["<li class='s2-option' data-s2-index='" + index, "'>", this.text, "</li>"].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(
- "<div class='s2-search'>", //
- " <input type='text' id='", this.searchTag, "'/>", //
- " <a href='#' class='s2-test'>click me</a>", //
- " {{original}}", //
- "</div>");
-
- 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("<div class='s2-single-select' id='", this.tag, "'><div class='s2-selection'></div></div>");
- },
-
- 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