jquery-atwho-rails 0.0.1 → 0.1.0

data/.gitignore

@@ -4,3 +4,4 @@ Gemfile.lock
 pkg/*
 *.swp
 tmp/*
+build/*

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

@@ -63,7 +63,6 @@
     };
     At = {
         keyword : {'text':"",'start':0,'stop':0},
-        search_word: "",
         _cache : {},
         // textarea, input.
         $inputor : null,
@@ -72,11 +71,27 @@
         lenght : 0,
         /* @ position in inputor */
         pos: 0,
+        flags:{},
+        theflag:null,
+        options:{},
+        searchWord:function() {
+            // just used in At.watchWithData 
+            var match = /data-keyname=['?]\$\{(\w+)\}/g.exec(this.getOpt('tpl'));
+            return !_isNil(match) ? match[1] : null;
+        },
+        getOpt: function(key) {
+            var flag = this.theflag;
+            try {
+                return this.options[flag][key];
+            } catch (e) {
+                return null
+            }
+        },
         /* @ offset*/
         offset: function() {
             $inputor = this.$inputor;
             mirror = $inputor.data("mirror");
-            if (isNil(mirror)) {
+            if (_isNil(mirror)) {
                 mirror = new Mirror($inputor);
                 $inputor.data("mirror",mirror);
             }
@@ -128,13 +143,13 @@
             return {'top':y,'left':x};
         },
         cache: function(key,value) {
-            if (!settings['cache']) return null;
-            log("cacheing",key,value);
+            if (!this.getOpt('cache')) return null;
+            _log("cacheing",key,value);
             if (value)
                 this._cache[key] = value;
             return this._cache[key];
         },
-        getKey: function() {
+        getKeyname: function() {
             $inputor = this.$inputor;
             text = $inputor.val();
             //获得inputor中插入符的position.
@@ -143,17 +158,29 @@
              * 考虑会有多个 @ 的存在, 匹配离插入符最近的一个*/
             subtext = text.slice(0,caret_pos);
             // word = subtext.exec(/@(\w+)$|@[^\x00-\xff]+$/g);
-            matched = /@(\w+)$|@([^\x00-\xff]+)$/g.exec(subtext);
-            key = null;
-            if (matched && (word = matched[1]).length < 20) {
-                start = caret_pos - word.length;
-                end = start + word.length;
+            var self = this;
+            var matched = null;
+            $.each(this.options,function(flag) {
+                regexp = new RegExp(flag+'(\\w*)$|'+flag+'([^\\x00-\\xff]*)$','gi');
+                match = regexp.exec(subtext);
+                if (!_isNil(match)) {
+                    matched = match[1] == undefined ? match[2] : match[1];
+                    self.theflag = flag;
+                    return false;
+                }
+            });
+            var key = null;
+            _log("matched",matched);
+            if (typeof matched == "string" && matched.length <= 20) {
+                start = caret_pos - matched.length;
+                end = start + matched.length;
                 this.pos = start;
-                key = {'text':word, 'start':start, 'end':end};
+                key = {'text':matched, 'start':start, 'end':end};
             } else
                 this.view.hide();
+
             this.keyword = key;
-            log("getKey",key);
+            _log("getKeyname",key);
             return key;
         },
         /* 捕捉inputor的上下回车键.
@@ -163,7 +190,7 @@
         onkeydown:function(e) {
             view = this.view;
             // 当列表没显示时不捕捉inputor相关事件.
-            if (!view.running()) return true;
+            if (!view.watching()) return true;
             last_idx = view.items.length - 1;
             var return_val = false;
             switch (e.keyCode) {
@@ -214,7 +241,7 @@
             this.$inputor.caretPos(start_str.length + str.length);
         },
         choose: function($li) {
-            str = isNil($li) ? this.keyword.text+" " : $li.attr("data-insert")+" "; 
+            str = _isNil($li) ? this.keyword.text+" " : $li.attr("data-keyname")+" "; 
             this.replaceStr(str);
             this.view.hide();
         },
@@ -226,11 +253,13 @@
              * 注册过的key将不再进行绑定
              * */
             key = $inputor.data("@reg-key");
-            log("reg",inputor,key);
             if ($.inArray(key,this.inputor_keys) >= 0)
                 return null;
+            _log("reg",inputor,key);
+
             key = "@-"+$.now();
-            this.inputor_keys[key];
+            $inputor.data("@reg-key",key);
+            this.inputor_keys.push(key);
             // 捕捉inputor事件
             var self = this;
             $inputor.bind("keydown",function(e) {
@@ -244,40 +273,41 @@
             });   
             return key;
         },
-        run: function(inputor) {
+        watch: function(inputor) {
             this.$inputor = $(inputor);
-            key = this.getKey();
+            key = this.getKeyname();
             if (!key) return false;
             /*
              * 支持多渠道获得用户数据.
              * 可以设置静态数据的同时从服务器动态获取.
              * 获取级别从先到后: cache -> statis data -> ajax.
              */
-            if (!isNil(names = this.cache(this.keyword.text))) {
-                log("cache data",names);
+            if (!_isNil(names = this.cache(this.keyword.text))) {
+                _log("cache data",names);
                 this.view.load(names,false);
-            } else if (!isNil(names = this.runWithData(key,settings['data']))) {
-                log("statis data",names);
+            } else if (!_isNil(names = this.watchWithData(key))) {
+                _log("statis data",names);
                 this.view.load(names,false);
-            } else {
-                callback = settings['callback'];
-                log("callbacking",callback);
-                if($.isFunction(callback)) {
-                    callback(At);
-                }
-            }
+            } else if ($.isFunction(callback = this.getOpt('callback'))){
+                _log("callbacking",callback);
+                callback(At);
+            } else
+                this.view.hide();
         },
-        runWithData:function(key,data) {
+        watchWithData:function(key) {
+            data = this.getOpt("data");
+            _log("watchWithData",data);
             var items = null;
             var self = this;
             if($.isArray(data) && data.length != 0) {
                 items = $.map(data,function(item,i) {
                     //support plain object also
-                    var name = $.isPlainObject(item) ? item[self.search_word] : item;
+                    var name = $.isPlainObject(item) ? item[self.searchWord()] : item;
                     match = name.match((new RegExp(key.text,"i")));
                     return match ? item : null;
                 });
             }
+            _log("watch with data.item",items)
             return items;
         }
     };
@@ -288,25 +318,19 @@
         cur_li_idx : 0,
         timeout_id : null,
         id : '#at-view',
-        //at view jquery object
-        jqo : null,
         items : [],
         // 列表框是否显示中.
-        running :function() {
+        watching :function() {
             return $(this.id).is(":visible");
         },
         evalTpl: function(tpl,map) {
-            if(isNil(tpl)) return;
+            if(_isNil(tpl)) return;
             el = tpl.replace(/\$\{([^\}]*)\}/g,function(tag,key,pos){
                 return map[key];
             });
-            log("evalTpl",el);
+            _log("evalTpl",el);
             return el;
         },
-        jqObject : function(o) {
-            if (!isNil(o)) this.jqo = o;
-            return isNil(this.jqo) ? $(this.id) : this.jqo;
-        },
         onLoaded: function($view) {
             $view.find('li').live('click',function(e) {
                 At.choose($(this));
@@ -323,23 +347,21 @@
             $view.offset(At.offset());
         },
         show: function(){
-            if (!this.running())
+            if (!this.watching())
                 $view = $(this.id).show();
             this.rePosition($view);
         },
         hide: function() {
-            if (!this.running()) return;
+            if (!this.watching()) return;
             this.cur_li_idx = 0;
             $(this.id).hide();
         },
         load: function(list,cacheable) {
             // 是否已经加载了列表视图
-            if (isNil(this.jqObject())) {
-                tpl = "<div id='"+this.id.slice(1)+"' class='at-view'><span id='title'>@who?</span><ul id='"+this.id.slice(1)+"-ul'></ul></div>";
-                $at_view = $(tpl);
-                $('body').append($at_view);
-                this.jqObject($at_view = $(this.id));
-                this.onLoaded($at_view);
+            if (_isNil($(this.id))) {
+                tpl = "<div id='"+this.id.slice(1)+"' class='at-view'><ul id='"+this.id.slice(1)+"-ul'></ul></div>";
+                $('body').append(tpl);
+                this.onLoaded($(this.id));
             }
             return this.update(list,cacheable);
         },
@@ -347,19 +369,19 @@
             if (clear_all == true)
                 this._cache = {};
             this.items = [];
-            this.jqObject().find('ul').empty();
+            $(this.id).find('ul').empty();
         },
         update: function(list,cacheable) {
             if (!$.isArray(list)) return false;
             if (cacheable != false) At.cache(At.keyword.text,list);
 
-            $ul = this.jqObject().find('ul');
+            $ul = $(this.id).find('ul');
             this.clear();
             $.merge(this.items,list);
-            var tpl = settings['tpl'];
+            var tpl = At.getOpt('tpl');
             var self = this;
-            var list = unique(list,At.search_word);
-            $.each(list.splice(0,settings['limit']), function(i,item) {
+            var list = _unique(list,At.searchWord());
+            $.each(list.splice(0, At.getOpt('limit')), function(i,item) {
                 if (!$.isPlainObject(item)) {
                     item = {'id':i,'name':item};
                     tpl = DEFAULT_TPL;
@@ -371,14 +393,14 @@
         }
     };
 
-    /* maybe we can use $.unique. 
+    /* maybe we can use $._unique. 
      * But i don't know it will delete li element frequently or not.
      * I think we should not change DOM element frequently.
      * more, It seems batter not to call evalTpl function too much times.
      * */
-    function unique(list,keyword) {
+    function _unique(list,keyword) {
         var record = [];
-        log(list,keyword);
+        _log(list,keyword);
         return $.map(list,function(v,idx){
             var value = $.isPlainObject(v) ? v[keyword] : v;
             if ($.inArray(value,record) < 0) {
@@ -388,7 +410,7 @@
         });
     }
 
-    function isNil(target) {
+    function _isNil(target) {
         return !target
         //empty_object =  
         || ($.isPlainObject(target) && $.isEmptyObject(target))
@@ -399,52 +421,46 @@
         || target === undefined;
     }
 
-    function log() {
-        if (!settings['debug'] || $.browser.msie)
+    function _log() {
+        if (!At.getOpt('debug') || $.browser.msie)
             return;
         console.log(arguments);
     }
 
-    function setSettings(options) {
+    function _setSettings(options) {
         opt = {};
         if ($.isFunction(options))
             opt['callback'] = options;
         else
             opt = options;
         return $.extend({
-            //must return array;
-            'callback': function(context) {return []},
             'cache' : true,
-            'debug' : false,
-            'tpl' : DEFAULT_TPL,
-            'limit' : 5,
-            'data':[]
+           'debug' : false,
+           'limit' : 5,
+           'tpl' : DEFAULT_TPL
         },opt);
     }
 
-    DEFAULT_TPL = "<li id='${id}' data-insert='${name}'>${name}</li>";
-    
-    $.fn.atWho = function (options) {
-        settings = setSettings(options);
-        log("settings",settings);
-        // just used in At.runWithData 
-        var match = /data-insert=['?]\$\{(\w+)\}/g.exec(settings['tpl']);
-        At.search_word = match[1];
+    DEFAULT_TPL = "<li id='${id}' data-keyname='${name}'>${name}</li>";
+
+    $.fn.atWho = function (flag,options) {
+        At.options[flag] = _setSettings(options);
+        _log("options",At.options);
         return this.filter('textarea, input').each(function() {
             if (!At.reg(this)) return;
             $(this).bind("keyup",function(e) {
                 /* 当用户列表框显示时, 上下键不触发查询 */
                 var stop_key = e.keyCode == 40 || e.keyCode == 38;
-                run = !(At.view.running() && stop_key);
-                if (run) At.run(this);
+                watch = !(At.view.watching() && stop_key);
+                if (watch) At.watch(this);
             })
             .mouseup(function(e) {
-                At.run(this);
+                At.watch(this);
             });
         });
+        return At;
     }
-})(jQuery);
-
+})(window.jQuery);
 /* 本插件操作 textarea 或者 input 内的插入符
  * 只实现了获得插入符在文本框中的位置，我设置
  * 插入符的位置.
@@ -544,4 +560,4 @@
             return getCaretPos(inputor);
         }
     }
-})(jQuery);
+})(window.jQuery);

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

@@ -1,7 +1,7 @@
 module Jquery
   module Atwho
     module Rails
-      VERSION = "0.0.1"
+      VERSION = "0.1.0"
     end
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: jquery-atwho-rails
 version: !ruby/object:Gem::Version
-  version: 0.0.1
+  version: 0.1.0
   prerelease: 
 platform: ruby
 authors:
@@ -9,11 +9,11 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-02-09 00:00:00.000000000 Z
+date: 2012-03-19 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rspec
-  requirement: &76937320 !ruby/object:Gem::Requirement
+  requirement: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -21,10 +21,15 @@ dependencies:
         version: '0'
   type: :development
   prerelease: false
-  version_requirements: *76937320
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: generator_spec
-  requirement: &76937010 !ruby/object:Gem::Requirement
+  requirement: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -32,7 +37,12 @@ dependencies:
         version: '0'
   type: :development
   prerelease: false
-  version_requirements: *76937010
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
 description: ! "This is a jQuery plugin \n    that implement Twitter/Weibo like @
   mentions."
 email:
@@ -73,7 +83,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: jquery-atwho-rails
-rubygems_version: 1.8.12
+rubygems_version: 1.8.19
 signing_key: 
 specification_version: 3
 summary: ! 'jquery plugin: @mentions'