jquery-atwho-rails 0.1.6 → 0.1.7

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

@@ -1,3 +1,4 @@
+// Generated by CoffeeScript 1.3.3
 
 /*
    Implement Twitter/Weibo @ mentions
@@ -24,132 +25,9 @@
    WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 */
 
-/*
-本插件操作 textarea 或者 input 内的插入符
-只实现了获得插入符在文本框中的位置，我设置
-插入符的位置.
-*/
 
 (function() {
 
-  (function($) {
-    var getCaretPos, setCaretPos;
-    getCaretPos = function(inputor) {
-      var end, endRange, len, normalizedValue, pos, range, start, textInputRange;
-      if (document.selection) {
-        /*
-                    #assume we select "HATE" in the inputor such as textarea -> { }.
-                     *               start end-point.
-                     *              /
-                     * <  I really [HATE] IE   > between the brackets is the selection range.
-                     *                   \
-                     *                    end end-point.
-        */
-        range = document.selection.createRange();
-        pos = 0;
-        if (range && range.parentElement() === inputor) {
-          normalizedValue = inputor.value.replace(/\r\n/g, "\n");
-          /* SOMETIME !!! 
-           "/r/n" is counted as two char.
-            one line is two, two will be four. balalala.
-            so we have to using the normalized one's length.;
-          */
-          len = normalizedValue.length;
-          /*
-                             <[  I really HATE IE   ]>:
-                              the whole content in the inputor will be the textInputRange.
-          */
-          textInputRange = inputor.createTextRange();
-          /*                 _here must be the position of bookmark.
-                           /
-             <[  I really [HATE] IE   ]>
-              [---------->[           ] : this is what moveToBookmark do.
-             <   I really [[HATE] IE   ]> : here is result.
-                            \ two brackets in should be in line.
-          */
-          textInputRange.moveToBookmark(range.getBookmark());
-          endRange = inputor.createTextRange();
-          /*  [--------------------->[] : if set false all end-point goto end.
-            <  I really [[HATE] IE  []]>
-          */
-          endRange.collapse(false);
-          /*
-                                          ___VS____
-                                         /         \
-                           <   I really [[HATE] IE []]>
-                                                    \_endRange end-point.
-                          
-                          " > -1" mean the start end-point will be the same or right to the end end-point
-                         * simplelly, all in the end.
-          */
-          if (textInputRange.compareEndPoints("StartToEnd", endRange) > -1) {
-            start = end = len;
-          } else {
-            /*
-                                        I really |HATE] IE   ]> 
-                                               <-|
-                                      I really[ [HATE] IE   ]>
-                                            <-[
-                                    I reall[y  [HATE] IE   ]>
-                                 
-                                  will return how many unit have moved.
-            */
-            start = -textInputRange.moveStart("character", -len);
-            end = -textInputRange.moveEnd("character", -len);
-          }
-        }
-      } else {
-        start = inputor.selectionStart;
-      }
-      return start;
-    };
-    setCaretPos = function(inputor, pos) {
-      var range;
-      if (document.selection) {
-        range = inputor.createTextRange();
-        range.move("character", pos);
-        return range.select();
-      } else {
-        return inputor.setSelectionRange(pos, pos);
-      }
-    };
-    return $.fn.caretPos = function(pos) {
-      var inputor;
-      inputor = this[0];
-      inputor.focus();
-      if (pos) {
-        return setCaretPos(inputor, pos);
-      } else {
-        return getCaretPos(inputor);
-      }
-    };
-  })(window.jQuery);
-
-  /*
-     Implement Twitter/Weibo @ mentions
-  
-     Copyright (c) 2012 chord.luo@gmail.com
-  
-     Permission is hereby granted, free of charge, to any person obtaining
-     a copy of this software and associated documentation files (the
-     "Software"), to deal in the Software without restriction, including
-     without limitation the rights to use, copy, modify, merge, publish,
-     distribute, sublicense, and/or sell copies of the Software, and to
-     permit persons to whom the Software is furnished to do so, subject to
-     the following conditions:
-  
-     The above copyright notice and this permission notice shall be
-     included in all copies or substantial portions of the Software.
-  
-     THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-     EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
-     MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
-     NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
-     LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
-     OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
-     WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
-  */
-
   (function($) {
     var At, AtView, Mirror, log, _DEFAULT_TPL, _evalTpl, _highlighter, _isNil, _objectify, _sorter, _unique;
     Mirror = {
@@ -211,7 +89,9 @@
         var lookup, stop;
         stop = e.keyCode === 40 || e.keyCode === 38;
         lookup = !(stop && _this.view.isShowing());
-        if (lookup) return _this.lookup();
+        if (lookup) {
+          return _this.lookup();
+        }
       }).on("mouseup.inputor", function(e) {
         return _this.lookup();
       });
@@ -223,7 +103,9 @@
       constructor: At,
       init: function() {
         var _this = this;
-        this.$inputor.on('keydown.inputor', function(e) {
+        this.$inputor.on('keyup.inputor', function(e) {
+          return _this.onkeyup(e);
+        }).on('keydown.inputor', function(e) {
           return _this.onkeydown(e);
         }).on('scroll.inputor', function(e) {
           return _this.view.hide();
@@ -247,7 +129,9 @@
       dataValue: function() {
         var match, search_word;
         search_word = this.search_word[this.theflag];
-        if (search_word) return search_word;
+        if (search_word) {
+          return search_word;
+        }
         match = /data-value=["']?\$\{(\w+)\}/g.exec(this.getOpt('tpl'));
         return this.search_word[this.theflag] = !_isNil(match) ? match[1] : null;
       },
@@ -278,6 +162,7 @@
         /* 克隆完inputor后将原来的文本内容根据
           @的位置进行分块,以获取@块在inputor(输入框)里的position
         */
+
         start_range = $inputor.val().slice(0, this.pos - 1);
         html = "<span>" + format(start_range) + "</span>";
         html += "<span id='flag'>@</span>";
@@ -287,6 +172,7 @@
                       就得到了@相对于document的offset.
                       当然,还要加上行高和滚动条的偏移量.
         */
+
         offset = $inputor.offset();
         at_rect = this.mirror.init($inputor).setContent(html).getFlagRect();
         x = offset.left + at_rect.left - $inputor.scrollLeft();
@@ -302,7 +188,9 @@
       cache: function(value) {
         var key, _base;
         key = this.query.text;
-        if (!this.getOpt("cache") || !key) return null;
+        if (!this.getOpt("cache") || !key) {
+          return null;
+        }
         return (_base = this._cache)[key] || (_base[key] = value);
       },
       getKeyname: function() {
@@ -314,6 +202,7 @@
         /* 向在插入符前的的文本进行正则匹配
          * 考虑会有多个 @ 的存在, 匹配离插入符最近的一个
         */
+
         subtext = text.slice(0, caret_pos);
         matched = null;
         $.each(this.options, function(flag) {
@@ -321,7 +210,7 @@
           regexp = new RegExp(flag + '([A-Za-z0-9_\+\-]*)$|' + flag + '([^\\x00-\\xff]*)$', 'gi');
           match = regexp.exec(subtext);
           if (!_isNil(match)) {
-            matched = match[1] === void 0 ? match[2] : match[1];
+            matched = match[2] ? match[2] : match[1];
             _this.theflag = flag;
             return false;
           }
@@ -342,22 +231,45 @@
         return this.query = key;
       },
       replaceStr: function(str) {
-        var $inputor, key, source, start_str, text;
+        var $inputor, flag_len, key, source, start_str, text;
         $inputor = this.$inputor;
         key = this.query;
         source = $inputor.val();
-        start_str = source.slice(0, key.start);
+        flag_len = this.getOpt("display_flag") ? 0 : this.theflag.length;
+        start_str = source.slice(0, key.start - flag_len);
         text = start_str + str + source.slice(key.end);
         $inputor.val(text);
         $inputor.caretPos(start_str.length + str.length);
         $inputor.change();
         return log("At.replaceStr", text);
       },
+      onkeyup: function(e) {
+        var view;
+        view = this.view;
+        if (!view.isShowing()) {
+          return;
+        }
+        switch (e.keyCode) {
+          case 27:
+            e.preventDefault();
+            view.hide();
+            break;
+          default:
+            $.noop();
+        }
+        return e.stopPropagation();
+      },
       onkeydown: function(e) {
         var view;
         view = this.view;
-        if (!view.isShowing()) return;
+        if (!view.isShowing()) {
+          return;
+        }
         switch (e.keyCode) {
+          case 27:
+            e.preventDefault();
+            view.hide();
+            break;
           case 38:
             e.preventDefault();
             view.prev();
@@ -368,7 +280,9 @@
             break;
           case 9:
           case 13:
-            if (!view.isShowing()) return;
+            if (!view.isShowing()) {
+              return;
+            }
             e.preventDefault();
             view.choose();
             break;
@@ -388,7 +302,9 @@
       lookup: function() {
         var callback, datas, key;
         key = this.getKeyname();
-        if (!key) return false;
+        if (!key) {
+          return false;
+        }
         log("At.lookup.key", key);
         if (!_isNil(datas = this.cache())) {
           this.renderView(datas);
@@ -438,7 +354,9 @@
       init: function() {
         var $menu, tpl,
           _this = this;
-        if (!_isNil(this.jqo())) return;
+        if (!_isNil(this.jqo())) {
+          return;
+        }
         tpl = "<div id='" + this.id.slice(1) + "' class='at-view'><ul id='" + this.id.slice(1) + "-ul'></ul></div>";
         $("body").append(tpl);
         $menu = this.jqo().find('ul');
@@ -480,25 +398,33 @@
         var cur, next;
         cur = this.jqo().find('.cur').removeClass('cur');
         next = cur.next();
-        if (!next.length) next = $(this.jqo().find('li')[0]);
+        if (!next.length) {
+          next = $(this.jqo().find('li')[0]);
+        }
         return next.addClass('cur');
       },
       prev: function() {
         var cur, prev;
         cur = this.jqo().find('.cur').removeClass('cur');
         prev = cur.prev();
-        if (!prev.length) prev = this.jqo().find('li').last();
+        if (!prev.length) {
+          prev = this.jqo().find('li').last();
+        }
         return prev.addClass('cur');
       },
       show: function() {
-        if (!this.isShowing()) this.jqo().show();
+        if (!this.isShowing()) {
+          this.jqo().show();
+        }
         return this.rePosition();
       },
       hide: function(time) {
         var callback,
           _this = this;
         if (isNaN(time)) {
-          if (this.isShowing()) return this.jqo().hide();
+          if (this.isShowing()) {
+            return this.jqo().hide();
+          }
         } else {
           callback = function() {
             return _this.hide();
@@ -508,12 +434,16 @@
         }
       },
       clear: function(clear_all) {
-        if (clear_all === true) this._cache = {};
+        if (clear_all === true) {
+          this._cache = {};
+        }
         return this.jqo().find('ul').empty();
       },
       render: function(holder, list) {
         var $ul, tpl;
-        if (!$.isArray(list)) return false;
+        if (!$.isArray(list)) {
+          return false;
+        }
         if (list.length <= 0) {
           this.hide();
           return true;
@@ -556,7 +486,9 @@
       }
     };
     _highlighter = function(li, query) {
-      if (_isNil(query)) return li;
+      if (_isNil(query)) {
+        return li;
+      }
       return li.replace(new RegExp(">\\s*(\\w*)(" + query.replace("+", "\\+") + ")(\\w*)\\s*<", 'ig'), function(str, $1, $2, $3) {
         return '> ' + $1 + '<strong>' + $2 + '</strong>' + $3 + ' <';
       });
@@ -569,7 +501,9 @@
       for (_i = 0, _len = items.length; _i < _len; _i++) {
         item = items[_i];
         text = item[data_value];
-        if (text.toLowerCase().indexOf(query) === -1) continue;
+        if (text.toLowerCase().indexOf(query) === -1) {
+          continue;
+        }
         item.order = text.toLowerCase().indexOf(query);
         results.push(item);
       }
@@ -584,6 +518,7 @@
           I think we should not change DOM element frequently.
           more, It seems batter not to call evalTpl function too much times.
     */
+
     _unique = function(list, query) {
       var record;
       record = [];
@@ -607,7 +542,9 @@
         var $this, data;
         $this = $(this);
         data = $this.data("AtWho");
-        if (!data) $this.data('AtWho', (data = new At(this)));
+        if (!data) {
+          $this.data('AtWho', (data = new At(this)));
+        }
         return data.reg(flag, options);
       });
     };
@@ -617,8 +554,142 @@
       callback: null,
       cache: true,
       limit: 5,
+      display_flag: true,
       tpl: _DEFAULT_TPL
     };
   })(window.jQuery);
 
+  /*
+     Implement Twitter/Weibo @ mentions
+  
+     Copyright (c) 2012 chord.luo@gmail.com
+  
+     Permission is hereby granted, free of charge, to any person obtaining
+     a copy of this software and associated documentation files (the
+     "Software"), to deal in the Software without restriction, including
+     without limitation the rights to use, copy, modify, merge, publish,
+     distribute, sublicense, and/or sell copies of the Software, and to
+     permit persons to whom the Software is furnished to do so, subject to
+     the following conditions:
+  
+     The above copyright notice and this permission notice shall be
+     included in all copies or substantial portions of the Software.
+  
+     THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+     EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+     MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+     NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+     LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+     OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+     WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+  */
+
+
+  /*
+  本插件操作 textarea 或者 input 内的插入符
+  只实现了获得插入符在文本框中的位置，我设置
+  插入符的位置.
+  */
+
+
+  (function($) {
+    var getCaretPos, setCaretPos;
+    getCaretPos = function(inputor) {
+      var end, endRange, len, normalizedValue, pos, range, start, textInputRange;
+      if (document.selection) {
+        /*
+                    #assume we select "HATE" in the inputor such as textarea -> { }.
+                     *               start end-point.
+                     *              /
+                     * <  I really [HATE] IE   > between the brackets is the selection range.
+                     *                   \
+                     *                    end end-point.
+        */
+
+        range = document.selection.createRange();
+        pos = 0;
+        if (range && range.parentElement() === inputor) {
+          normalizedValue = inputor.value.replace(/\r\n/g, "\n");
+          /* SOMETIME !!! 
+           "/r/n" is counted as two char.
+            one line is two, two will be four. balalala.
+            so we have to using the normalized one's length.;
+          */
+
+          len = normalizedValue.length;
+          /*
+                             <[  I really HATE IE   ]>:
+                              the whole content in the inputor will be the textInputRange.
+          */
+
+          textInputRange = inputor.createTextRange();
+          /*                 _here must be the position of bookmark.
+                           /
+             <[  I really [HATE] IE   ]>
+              [---------->[           ] : this is what moveToBookmark do.
+             <   I really [[HATE] IE   ]> : here is result.
+                            \ two brackets in should be in line.
+          */
+
+          textInputRange.moveToBookmark(range.getBookmark());
+          endRange = inputor.createTextRange();
+          /*  [--------------------->[] : if set false all end-point goto end.
+            <  I really [[HATE] IE  []]>
+          */
+
+          endRange.collapse(false);
+          /*
+                                          ___VS____
+                                         /         \
+                           <   I really [[HATE] IE []]>
+                                                    \_endRange end-point.
+                          
+                          " > -1" mean the start end-point will be the same or right to the end end-point
+                         * simplelly, all in the end.
+          */
+
+          if (textInputRange.compareEndPoints("StartToEnd", endRange) > -1) {
+            start = end = len;
+          } else {
+            /*
+                                        I really |HATE] IE   ]> 
+                                               <-|
+                                      I really[ [HATE] IE   ]>
+                                            <-[
+                                    I reall[y  [HATE] IE   ]>
+                                 
+                                  will return how many unit have moved.
+            */
+
+            start = -textInputRange.moveStart("character", -len);
+            end = -textInputRange.moveEnd("character", -len);
+          }
+        }
+      } else {
+        start = inputor.selectionStart;
+      }
+      return start;
+    };
+    setCaretPos = function(inputor, pos) {
+      var range;
+      if (document.selection) {
+        range = inputor.createTextRange();
+        range.move("character", pos);
+        return range.select();
+      } else {
+        return inputor.setSelectionRange(pos, pos);
+      }
+    };
+    return $.fn.caretPos = function(pos) {
+      var inputor;
+      inputor = this[0];
+      inputor.focus();
+      if (pos) {
+        return setCaretPos(inputor, pos);
+      } else {
+        return getCaretPos(inputor);
+      }
+    };
+  })(window.jQuery);
+
 }).call(this);

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

@@ -1,7 +1,7 @@
 module Jquery
   module Atwho
     module Rails
-      VERSION = "0.1.6"
+      VERSION = "0.1.7"
     end
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: jquery-atwho-rails
 version: !ruby/object:Gem::Version
-  version: 0.1.6
+  version: 0.1.7
   prerelease: 
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-07-01 00:00:00.000000000 Z
+date: 2012-12-06 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rspec
@@ -84,10 +84,11 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: jquery-atwho-rails
-rubygems_version: 1.8.19
+rubygems_version: 1.8.24
 signing_key: 
 specification_version: 3
 summary: ! 'jquery plugin: @mentions'
 test_files:
 - spec/generators/install_generator_spec.rb
 - spec/spec_helper.rb
+has_rdoc: