jquery-atwho-rails 0.3.0 → 0.3.1

data/lib/assets/javascripts/jquery.atwho.js

@@ -18,152 +18,112 @@
       return factory(window.jQuery);
     }
   })(function($) {
-    var $CONTAINER, Api, Controller, DEFAULT_CALLBACKS, DEFAULT_TPL, KEY_CODE, Model, View;
-    KEY_CODE = {
-      DOWN: 40,
-      UP: 38,
-      ESC: 27,
-      TAB: 9,
-      ENTER: 13
-    };
-    DEFAULT_CALLBACKS = {
-      before_save: function(data) {
-        var item, _i, _len, _results;
-        if (!$.isArray(data)) {
-          return data;
-        }
-        _results = [];
-        for (_i = 0, _len = data.length; _i < _len; _i++) {
-          item = data[_i];
-          if ($.isPlainObject(item)) {
-            _results.push(item);
-          } else {
-            _results.push({
-              name: item
-            });
-          }
-        }
-        return _results;
-      },
-      matcher: function(flag, subtext) {
-        var match, regexp;
-        flag = '(?:^|\\s)' + flag.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
-        regexp = new RegExp(flag + '([A-Za-z0-9_\+\-]*)$|' + flag + '([^\\x00-\\xff]*)$', 'gi');
-        match = regexp.exec(subtext);
-        if (match) {
-          return match[2] || match[1];
-        } else {
-          return null;
-        }
-      },
-      filter: function(query, data, search_key) {
-        var item, _i, _len, _results;
-        _results = [];
-        for (_i = 0, _len = data.length; _i < _len; _i++) {
-          item = data[_i];
-          if (~item[search_key].toLowerCase().indexOf(query)) {
-            _results.push(item);
-          }
-        }
-        return _results;
-      },
-      remote_filter: null,
-      sorter: function(query, items, search_key) {
-        var item, _i, _len, _results;
-        if (!query) {
-          return items;
-        }
-        _results = [];
-        for (_i = 0, _len = items.length; _i < _len; _i++) {
-          item = items[_i];
-          item.atwho_order = item[search_key].toLowerCase().indexOf(query);
-          if (item.atwho_order > -1) {
-            _results.push(item);
-          }
-        }
-        return _results.sort(function(a, b) {
-          return a.atwho_order - b.atwho_order;
-        });
-      },
-      tpl_eval: function(tpl, map) {
-        try {
-          return tpl.replace(/\$\{([^\}]*)\}/g, function(tag, key, pos) {
-            return map[key];
-          });
-        } catch (error) {
-          return "";
-        }
-      },
-      highlighter: function(li, query) {
-        var regexp;
-        if (!query) {
-          return li;
-        }
-        regexp = new RegExp(">\\s*(\\w*)(" + query.replace("+", "\\+") + ")(\\w*)\\s*<", 'ig');
-        return li.replace(regexp, function(str, $1, $2, $3) {
-          return '> ' + $1 + '<strong>' + $2 + '</strong>' + $3 + ' <';
-        });
-      },
-      before_insert: function(value, $li) {
-        return value;
-      }
-    };
-    Model = (function() {
-      var _storage;
-
-      _storage = {};
+    var $CONTAINER, Api, App, Controller, DEFAULT_CALLBACKS, DEFAULT_TPL, KEY_CODE, Model, View;
+    App = (function() {
 
-      function Model(context, key) {
-        this.context = context;
-        this.key = key;
+      function App(inputor) {
+        this.current_flag = null;
+        this.controllers = {};
+        this.$inputor = $(inputor);
+        this.listen();
       }
 
-      Model.prototype.saved = function() {
-        return this.fetch() > 0;
+      App.prototype.controller = function(key) {
+        return this.controllers[key || this.current_flag];
       };
 
-      Model.prototype.query = function(query, callback) {
-        var data, search_key, _ref;
-        data = this.fetch();
-        search_key = this.context.get_opt("search_key");
-        callback(data = this.context.callbacks('filter').call(this.context, query, data, search_key));
-        if (!(data && data.length > 0)) {
-          return (_ref = this.context.callbacks('remote_filter')) != null ? _ref.call(this.context, query, callback) : void 0;
-        }
+      App.prototype.set_context_for = function(key) {
+        this.current_flag = key;
+        return this;
       };
 
-      Model.prototype.fetch = function() {
-        return _storage[this.key] || [];
+      App.prototype.reg = function(flag, setting) {
+        var controller, _base;
+        controller = (_base = this.controllers)[flag] || (_base[flag] = new Controller(this, flag));
+        if (setting.alias) {
+          this.controllers[setting.alias] = controller;
+        }
+        controller.init(setting);
+        return this;
       };
 
-      Model.prototype.save = function(data) {
-        return _storage[this.key] = this.context.callbacks("before_save").call(this.context, data || []);
+      App.prototype.listen = function() {
+        var _this = this;
+        return this.$inputor.on('keyup.atwho', function(e) {
+          return _this.on_keyup(e);
+        }).on('keydown.atwho', function(e) {
+          return _this.on_keydown(e);
+        }).on('scroll.atwho', function(e) {
+          var _ref;
+          return (_ref = _this.controller()) != null ? _ref.view.hide() : void 0;
+        }).on('blur.atwho', function(e) {
+          var c;
+          if (c = _this.controller()) {
+            return c.view.hide(c.get_opt("display_timeout"));
+          }
+        });
       };
 
-      Model.prototype.load = function(data) {
-        if (!(this.saved() || !data)) {
-          return this._load(data);
-        }
+      App.prototype.dispatch = function() {
+        var _this = this;
+        return $.map(this.controllers, function(c) {
+          if (c.look_up()) {
+            return _this.set_context_for(c.key);
+          }
+        });
       };
 
-      Model.prototype.reload = function(data) {
-        return this._load(data);
+      App.prototype.on_keyup = function(e) {
+        var _ref;
+        switch (e.keyCode) {
+          case KEY_CODE.ESC:
+            e.preventDefault();
+            if ((_ref = this.controller()) != null) {
+              _ref.view.hide();
+            }
+            break;
+          case KEY_CODE.DOWN:
+          case KEY_CODE.UP:
+            $.noop();
+            break;
+          default:
+            this.dispatch();
+        }
       };
 
-      Model.prototype._load = function(data) {
-        var _this = this;
-        if (typeof data === "string") {
-          return $.ajax(data, {
-            dataType: "json"
-          }).done(function(data) {
-            return _this.save(data);
-          });
-        } else {
-          return this.save(data);
+      App.prototype.on_keydown = function(e) {
+        var view, _ref;
+        view = (_ref = this.controller()) != null ? _ref.view : void 0;
+        if (!(view && view.visible())) {
+          return;
+        }
+        switch (e.keyCode) {
+          case KEY_CODE.ESC:
+            e.preventDefault();
+            view.hide();
+            break;
+          case KEY_CODE.UP:
+            e.preventDefault();
+            view.prev();
+            break;
+          case KEY_CODE.DOWN:
+            e.preventDefault();
+            view.next();
+            break;
+          case KEY_CODE.TAB:
+          case KEY_CODE.ENTER:
+            if (!view.visible()) {
+              return;
+            }
+            e.preventDefault();
+            view.choose();
+            break;
+          default:
+            $.noop();
         }
       };
 
-      return Model;
+      return App;
 
     })();
     Controller = (function() {
@@ -175,57 +135,22 @@
         return _uuid += 1;
       };
 
-      function Controller(inputor) {
-        this.id = inputor.id || uuid();
-        this.settings = {};
-        this.pos = 0;
-        this.current_flag = null;
+      function Controller(app, key) {
+        this.app = app;
+        this.key = key;
+        this.$inputor = this.app.$inputor;
+        this.id = this.$inputor[0].id || uuid();
+        this.setting = null;
         this.query = null;
-        this.the_flag = {};
-        this._views = {};
-        this._models = {};
-        this.$inputor = $(inputor);
+        this.pos = 0;
         $CONTAINER.append(this.$el = $("<div id='atwho-ground-" + this.id + "'></div>"));
-        this.listen();
+        this.model = new Model(this);
+        this.view = new View(this);
       }
 
-      Controller.prototype.listen = function() {
-        var _this = this;
-        return this.$inputor.on('keyup.atwho', function(e) {
-          return _this.on_keyup(e);
-        }).on('keydown.atwho', function(e) {
-          return _this.on_keydown(e);
-        }).on('scroll.atwho', function(e) {
-          var _ref;
-          return (_ref = _this.view) != null ? _ref.hide() : void 0;
-        }).on('blur.atwho', function(e) {
-          var _ref;
-          return (_ref = _this.view) != null ? _ref.hide(_this.get_opt("display_timeout")) : void 0;
-        });
-      };
-
-      Controller.prototype.set_context_for = function(flag) {
-        flag = this.current_flag = this.the_flag[flag];
-        this.view = this._views[flag];
-        this.model = this._models[flag];
-        return this;
-      };
-
-      Controller.prototype.reg = function(flag, settings) {
-        var setting;
-        setting = this.settings[flag] = $.extend({}, this.settings[flag] || $.fn.atwho["default"], settings);
-        this.set_context_for(flag = (setting.alias ? this.the_flag[setting.alias] = flag : void 0, this.the_flag[flag] = flag));
-        (this._models[flag] = new Model(this, flag)).reload(setting.data);
-        this._views[flag] = new View(this, flag);
-        return this;
-      };
-
-      Controller.prototype.trigger = function(name, data) {
-        var alias, event_name;
-        data.push(this);
-        alias = this.get_opt('alias');
-        event_name = alias ? "" + name + "-" + alias + ".atwho" : "" + name + ".atwho";
-        return this.$inputor.trigger(event_name, data);
+      Controller.prototype.init = function(setting) {
+        this.setting = $.extend({}, this.setting || $.fn.atwho["default"], setting);
+        return this.model.reload(this.setting.data);
       };
 
       Controller.prototype.super_call = function() {
@@ -238,44 +163,32 @@
         }
       };
 
+      Controller.prototype.trigger = function(name, data) {
+        var alias, event_name;
+        data.push(this);
+        alias = this.get_opt('alias');
+        event_name = alias ? "" + name + "-" + alias + ".atwho" : "" + name + ".atwho";
+        return this.$inputor.trigger(event_name, data);
+      };
+
       Controller.prototype.callbacks = function(func_name) {
         return this.get_opt("callbacks")[func_name] || DEFAULT_CALLBACKS[func_name];
       };
 
       Controller.prototype.get_opt = function(key, default_value) {
         try {
-          return this.settings[this.current_flag][key];
+          return this.setting[key];
         } catch (e) {
           return null;
         }
       };
 
-      Controller.prototype.rect = function() {
-        var c, scale_bottom;
-        c = this.$inputor.caret('offset', this.pos - 1);
-        scale_bottom = document.selection ? 0 : 2;
-        return {
-          left: c.left,
-          top: c.top,
-          bottom: c.top + c.height + scale_bottom
-        };
-      };
-
       Controller.prototype.catch_query = function() {
-        var caret_pos, content, end, query, start, subtext, _ref,
-          _this = this;
+        var caret_pos, content, end, query, start, subtext;
         content = this.$inputor.val();
         caret_pos = this.$inputor.caret('pos');
         subtext = content.slice(0, caret_pos);
-        query = null;
-        $.map(this.settings, function(setting) {
-          var _result;
-          _result = _this.callbacks("matcher").call(_this, setting.at, subtext);
-          if (_result != null) {
-            query = _result;
-            return _this.set_context_for(setting.at);
-          }
-        });
+        query = this.callbacks("matcher").call(this, this.key, subtext);
         if (typeof query === "string" && query.length <= this.get_opt('max_len', 20)) {
           start = caret_pos - query.length;
           end = start + query.length;
@@ -285,21 +198,30 @@
             'head_pos': start,
             'end_pos': end
           };
-          this.trigger("matched", [this.current_flag, query.text]);
+          this.trigger("matched", [this.key, query.text]);
         } else {
-          if ((_ref = this.view) != null) {
-            _ref.hide();
-          }
+          this.view.hide();
         }
         return this.query = query;
       };
 
+      Controller.prototype.rect = function() {
+        var c, scale_bottom;
+        c = this.$inputor.caret('offset', this.pos - 1);
+        scale_bottom = document.selection ? 0 : 2;
+        return {
+          left: c.left,
+          top: c.top,
+          bottom: c.top + c.height + scale_bottom
+        };
+      };
+
       Controller.prototype.insert = function(str) {
         var $inputor, flag_len, source, start_str, text;
         $inputor = this.$inputor;
         str = '' + str;
         source = $inputor.val();
-        flag_len = this.get_opt("display_flag") ? 0 : this.current_flag.length;
+        flag_len = this.get_opt("display_flag") ? 0 : this.key.length;
         start_str = source.slice(0, (this.query['head_pos'] || 0) - flag_len);
         text = "" + start_str + str + " " + (source.slice(this.query['end_pos'] || 0));
         $inputor.val(text);
@@ -307,52 +229,6 @@
         return $inputor.change();
       };
 
-      Controller.prototype.on_keyup = function(e) {
-        switch (e.keyCode) {
-          case KEY_CODE.ESC:
-            e.preventDefault();
-            this.view.hide();
-            break;
-          case KEY_CODE.DOWN:
-          case KEY_CODE.UP:
-            $.noop();
-            break;
-          default:
-            this.look_up();
-        }
-      };
-
-      Controller.prototype.on_keydown = function(e) {
-        var _ref;
-        if (!((_ref = this.view) != null ? _ref.visible() : void 0)) {
-          return;
-        }
-        switch (e.keyCode) {
-          case KEY_CODE.ESC:
-            e.preventDefault();
-            this.view.hide();
-            break;
-          case KEY_CODE.UP:
-            e.preventDefault();
-            this.view.prev();
-            break;
-          case KEY_CODE.DOWN:
-            e.preventDefault();
-            this.view.next();
-            break;
-          case KEY_CODE.TAB:
-          case KEY_CODE.ENTER:
-            if (!this.view.visible()) {
-              return;
-            }
-            e.preventDefault();
-            this.view.choose();
-            break;
-          default:
-            $.noop();
-        }
-      };
-
       Controller.prototype.render_view = function(data) {
         var search_key;
         search_key = this.get_opt("search_key");
@@ -372,17 +248,76 @@
             return this.view.hide();
           }
         };
-        return this.model.query(query.text, $.proxy(_callback, this));
+        this.model.query(query.text, $.proxy(_callback, this));
+        return query;
       };
 
       return Controller;
 
+    })();
+    Model = (function() {
+      var _storage;
+
+      _storage = {};
+
+      function Model(context) {
+        this.context = context;
+        this.key = this.context.key;
+      }
+
+      Model.prototype.saved = function() {
+        return this.fetch() > 0;
+      };
+
+      Model.prototype.query = function(query, callback) {
+        var data, search_key, _ref;
+        data = this.fetch();
+        search_key = this.context.get_opt("search_key");
+        callback(data = this.context.callbacks('filter').call(this.context, query, data, search_key));
+        if (!(data && data.length > 0)) {
+          return (_ref = this.context.callbacks('remote_filter')) != null ? _ref.call(this.context, query, callback) : void 0;
+        }
+      };
+
+      Model.prototype.fetch = function() {
+        return _storage[this.key] || [];
+      };
+
+      Model.prototype.save = function(data) {
+        return _storage[this.key] = this.context.callbacks("before_save").call(this.context, data || []);
+      };
+
+      Model.prototype.load = function(data) {
+        if (!(this.saved() || !data)) {
+          return this._load(data);
+        }
+      };
+
+      Model.prototype.reload = function(data) {
+        return this._load(data);
+      };
+
+      Model.prototype._load = function(data) {
+        var _this = this;
+        if (typeof data === "string") {
+          return $.ajax(data, {
+            dataType: "json"
+          }).done(function(data) {
+            return _this.save(data);
+          });
+        } else {
+          return this.save(data);
+        }
+      };
+
+      return Model;
+
     })();
     View = (function() {
 
-      function View(context, key) {
+      function View(context) {
         this.context = context;
-        this.key = key;
+        this.key = this.context.key;
         this.id = this.context.get_opt("alias") || ("at-view-" + (this.key.charCodeAt(0)));
         this.$el = $("<div id='" + this.id + "' class='atwho-view'><ul id='" + this.id + "-ul' class='atwho-view-url'></ul></div>");
         this.timeout_id = null;
@@ -493,22 +428,113 @@
       return View;
 
     })();
+    KEY_CODE = {
+      DOWN: 40,
+      UP: 38,
+      ESC: 27,
+      TAB: 9,
+      ENTER: 13
+    };
+    DEFAULT_CALLBACKS = {
+      before_save: function(data) {
+        var item, _i, _len, _results;
+        if (!$.isArray(data)) {
+          return data;
+        }
+        _results = [];
+        for (_i = 0, _len = data.length; _i < _len; _i++) {
+          item = data[_i];
+          if ($.isPlainObject(item)) {
+            _results.push(item);
+          } else {
+            _results.push({
+              name: item
+            });
+          }
+        }
+        return _results;
+      },
+      matcher: function(flag, subtext) {
+        var match, regexp;
+        flag = '(?:^|\\s)' + flag.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
+        regexp = new RegExp(flag + '([A-Za-z0-9_\+\-]*)$|' + flag + '([^\\x00-\\xff]*)$', 'gi');
+        match = regexp.exec(subtext);
+        if (match) {
+          return match[2] || match[1];
+        } else {
+          return null;
+        }
+      },
+      filter: function(query, data, search_key) {
+        var item, _i, _len, _results;
+        _results = [];
+        for (_i = 0, _len = data.length; _i < _len; _i++) {
+          item = data[_i];
+          if (~item[search_key].toLowerCase().indexOf(query)) {
+            _results.push(item);
+          }
+        }
+        return _results;
+      },
+      remote_filter: null,
+      sorter: function(query, items, search_key) {
+        var item, _i, _len, _results;
+        if (!query) {
+          return items;
+        }
+        _results = [];
+        for (_i = 0, _len = items.length; _i < _len; _i++) {
+          item = items[_i];
+          item.atwho_order = item[search_key].toLowerCase().indexOf(query);
+          if (item.atwho_order > -1) {
+            _results.push(item);
+          }
+        }
+        return _results.sort(function(a, b) {
+          return a.atwho_order - b.atwho_order;
+        });
+      },
+      tpl_eval: function(tpl, map) {
+        try {
+          return tpl.replace(/\$\{([^\}]*)\}/g, function(tag, key, pos) {
+            return map[key];
+          });
+        } catch (error) {
+          return "";
+        }
+      },
+      highlighter: function(li, query) {
+        var regexp;
+        if (!query) {
+          return li;
+        }
+        regexp = new RegExp(">\\s*(\\w*)(" + query.replace("+", "\\+") + ")(\\w*)\\s*<", 'ig');
+        return li.replace(regexp, function(str, $1, $2, $3) {
+          return '> ' + $1 + '<strong>' + $2 + '</strong>' + $3 + ' <';
+        });
+      },
+      before_insert: function(value, $li) {
+        return value;
+      }
+    };
     DEFAULT_TPL = "<li data-value='${name}'>${name}</li>";
     Api = {
       init: function(options) {
         var $this, app;
         app = ($this = $(this)).data("atwho");
         if (!app) {
-          $this.data('atwho', (app = new Controller(this)));
+          $this.data('atwho', (app = new App(this)));
         }
         return app.reg(options.at, options);
       },
-      load: function(flag, data) {
-        this.set_context_for(flag);
-        return this.model.load(data);
+      load: function(key, data) {
+        var c;
+        if (c = this.controller(key)) {
+          return c.model.load(data);
+        }
       },
       run: function() {
-        return this.look_up();
+        return this.dispatch();
       }
     };
     $CONTAINER = $("<div id='atwho-container'></div>");

data/lib/jquery-atwho-rails/version.rb

@@ -1,7 +1,7 @@
 module Jquery
   module Atwho
     module Rails
-      VERSION = "0.3.0"
+      VERSION = "0.3.1"
     end
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: jquery-atwho-rails
 version: !ruby/object:Gem::Version
-  version: 0.3.0
+  version: 0.3.1
   prerelease: 
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-05-03 00:00:00.000000000 Z
+date: 2013-06-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rspec