assoc_whisperer 1.0.4 → 1.1.0

checksums.yaml

@@ -1,15 +1,7 @@
 ---
-!binary "U0hBMQ==":
-  metadata.gz: !binary |-
-    NDIyMjM5N2NmMmQ5ZWQ1YTQ1NDY0OWVjYmI3MzFlNDE2NzM4MzllZA==
-  data.tar.gz: !binary |-
-    MjlhMDE5NmE1YzlhM2QzYzA2NjA5NjczYTY2OWQyOWJiNjYwMTk0Mg==
+SHA1:
+  metadata.gz: 560ba60c23716d32676b7fad089a78bb3564acce
+  data.tar.gz: 56bf2e3a493c9e96bca65ea408dc5f515d97a590
 SHA512:
-  metadata.gz: !binary |-
-    ZDQzOGQ1MmYxYjY5MjNhZjM0MjM1NTFkNWZiZWRkNjQ5ZDQzMGJkMWNiZjFi
-    NmE1ZWViZTBjNGExMDYxMjgyNzU2ZmMyNWE4ZmU0MTZlNWJjNTQwYWMxNDUz
-    NGYyMGRlZWRmZmJlOTk0NDhhNzVlMDJlMDFlNWM1MGNlM2ZhNGY=
-  data.tar.gz: !binary |-
-    OWVlMGQ0MGU0MjQ2M2M3YmNhZjVlYjVlOWYwZWVmZmQzMjk2MjRiYzQyYzI1
-    YzZiMjBkZDYyZjQ3YTdhNTY5NmY4YzJkNWJmODA5YzQ3NmZjODA0OTIzMTFk
-    NGI1YWYxMWRlY2E4NWI1Y2UyNmMzYmIwMDgyMDU3YmFiOTE3NzQ=
+  metadata.gz: e79e15a365f8db2031de3ed1d3daf7b8a68477be0e5daa039739be214b16172e8a90f0de9356255ff5dc9b416ab5f09d7a8b7f85a7968da911d93756da46c2a5
+  data.tar.gz: 8a89817479453e08c83062b5506199fbaf160317fcab33f22b0d1cf68e319a3191ce7c6369e46d24e4f2d69f4e0713588bc07b23e05f4854b059b15dbb6eeefe

data/app/assets/javascripts/assoc_whisp.js

@@ -0,0 +1,248 @@
+/**
+ * Created by doooby on 30.9.14.
+ */
+
+document.AssocWhisperer = (function () {
+    var proto, klass, all_array = [];
+
+    $(document).ready(function(){
+        var w;
+        $('.assoc_whisperer').each(function (i, el) {
+            w = createWhisperer(el);
+            all_array.push(w);
+        });
+    });
+
+    // This is where Whisperer Object is created - with all hidden inner methods.
+    function createWhisperer(dom_node) {
+        var el, w, _nodes, _timer;
+
+        el = $(dom_node);
+        _nodes = {
+            base: el,
+            text_field: el.children('.text_field'),
+            value_field: el.children('.value_field'),
+            list: null
+        };
+
+        w = Object.create(proto, {
+            nodes: {value: _nodes},
+            action: {value: el.attr('data-action')},
+            url: {value: el.attr('data-url')},
+            focused: {value: false, writable: true},
+            filled: {value: _nodes['value_field'].val()!=='', writable: true},
+            client_side: {value: el.attr('data-client-side')==='true'},
+            full_data: {value: null, writable: true}
+        });
+
+        _nodes.text_field.on('keyup', function(e){
+            var input_text;
+            if (e.keyCode===27) { // escape key
+                w.removeList();
+                return;
+            }
+//            if (e.keyCode!==37 && e.keyCode!==39) {} // left & right
+
+            if (_timer) clearTimeout(_timer);
+            if (w.filled) {
+                w.filled = false;
+                _nodes['value_field'].val('');
+                _nodes['text_field'].addClass('unfilled');
+            }
+
+            input_text = _nodes['text_field'].val();
+            if (input_text==='') {
+                w.removeList();
+            }
+            else {
+                if (_nodes['list']) {
+                    _nodes['list'].addClass('invalid');
+                }
+                _timer = setTimeout(function () {
+                    if (w.client_side) {
+                        if (!w.full_data) querry.call(w, null, function (html_text) {
+                            w.full_data = $(html_text);
+                            digest(input_text);
+                        });
+                        else digest(input_text);
+                    }
+                    else querry.call(w, input_text, function (html_text) {
+                        showList($(html_text));
+                    });
+                }, 700);
+            }
+        });
+        _nodes.text_field.on('click', function(){ _nodes['text_field'].select(); });
+        _nodes.text_field.focus(function(){ w.focused = true; });
+        _nodes.text_field.blur(function(){ onBlur(); });
+        el.children('.dropdown_button').on('click', function(){
+            if (_timer) clearTimeout(_timer);
+            if (w.client_side) {
+                function f () {
+                    var input_text;
+                    if (w.filled) showList(w.full_data);
+                    else {
+                        input_text = _nodes['text_field'].val();
+                        digest(input_text==='' ? null : input_text);
+                    }
+                    _nodes['list'].focus();
+                }
+                if (!w.full_data) querry.call(w, null, function (html_text) {
+                    w.full_data = $(html_text);
+                    f();
+                });
+                else f();
+            }
+            else {
+                if (w.filled) querry.call(w, null, function (html_text) {
+                    showList($(html_text));
+                });
+                else querry.call(w, _nodes['text_field'].val(), function (html_text) {
+                    showList($(html_text));
+                });
+                _nodes['list'].focus();
+            }
+        });
+
+        // For local full_data finds matching rows and shows them.
+        function digest(input_text) {
+            var narrowed_list = w.full_data;
+            if (input_text && input_text!=='') {
+                input_text = input_text.toLowerCase();
+                narrowed_list = $(narrowed_list[0].cloneNode());
+                w.full_data.children().each(function () {
+                    if (this.innerText.toLowerCase().indexOf(input_text)!==-1)
+                        narrowed_list.append($(this).clone());
+                });
+            }
+            showList(narrowed_list);
+        }
+
+        // Attaches a List sent by html string within Whisperer's tag. Positions it underneath the text field.
+        function showList (list) {
+            var base_dom;
+            w.removeList();
+
+            _nodes['list'] = list;
+
+            base_dom = _nodes['base'];
+            list.css('min-width', base_dom.width());
+            list.css('left', base_dom.offset().left);
+            list.css('top', base_dom.position().top + base_dom.outerHeight());
+            list.focus(function(){ w.focused = true; });
+            list.blur(function(){ onBlur(); });
+            base_dom.append(list);
+
+            list.find('div').on('click', function(el){ w.select($(el.currentTarget)); });
+        }
+
+        // Hides the List if either of the controls were unfocused.
+        function onBlur () {
+            w.focused = false;
+            setTimeout(function(){ if (!w.focused) w.removeList(); }, 100);
+        }
+
+        return w;
+    }
+
+    ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+    //                                          Whisperer prototype                                                   //
+    ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
+    proto = Object.create(Object);
+
+    // Removes the List should there be any.
+    Object.defineProperty(proto, 'removeList', {
+        value: function () {
+            if (this.nodes['list']) {
+                this.nodes['list'].detach();
+                this.nodes['list'] = null
+            }
+        }
+    });
+
+    // Select given row (must be jQuery object) and hides the List.
+    Object.defineProperty(proto, 'select', {
+        value: function (row) {
+            var text;
+            if (row.length!==1) return;
+            text = row.text();
+            this.nodes['text_field'].val(text);
+            this.nodes['text_field'].removeClass('unfilled');
+            this.nodes['value_field'].val(row.attr('data-value'));
+            this.filled = true;
+            this.removeList();
+        }
+    });
+
+    // Actual ajax request for given input
+    function querry (input, on_success) {
+        var w = this;
+        klass.querrying = true;
+        $.ajax(w.url, {
+                type: 'GET',
+                dataType: 'html',
+                data: {data_action: w.action, input: (input||'')},
+                error: function () { w.removeList(); },
+                success: on_success,
+                complete: function () { klass.querrying = false; }
+            }
+        );
+    }
+
+    ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+    //                                          public interface                                                      //
+    ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
+
+    klass = Object.create(Object, {querrying: {value: false, writable: true}});
+
+    // Return a Whisperer instance by its data-action attribute.
+    function findWhisperer(action) {
+        var i, w;
+        for (i = 0; i < all_array.length; i += 1) {
+            w = all_array[i];
+            if (w.action===action) return w;
+        }
+        return null;
+    }
+
+    // Sets a value to Whisperer
+    Object.defineProperty(klass, 'setValueFor', {
+        value: function (value, whisp_action) {
+            findWhisperer(whisp_action).nodes['value_field'].val(value);
+        }
+    });
+
+    // Querries for selected text and seletcs the option if found
+    Object.defineProperty(klass, 'selectTextFor', {
+        value: function (text, whisp_action) {
+            var w;
+            w = findWhisperer(whisp_action);
+            querry.call(w, text, function (html_text) {
+                w.select($(html_text).find('div:contains("'+text+'")'));
+            });
+        }
+    });
+
+    // Querries and seletcs the option by value if found
+    // Selects the first option if the given value is '#1'.
+    Object.defineProperty(klass, 'selectValueFor', {
+        value: function (value, whisp_action) {
+            var w;
+            w = findWhisperer(whisp_action);
+            querry.call(w, null, function (html_text) {
+                switch (value) {
+                    case '#1':
+                        w.select($(html_text).find('div:first'));
+                        break;
+                    default:
+                        w.select($(html_text).find('div[data-value="'+value+'"]'));
+                        break;
+                }
+            });
+        }
+    });
+
+    return Object.freeze(klass);
+})();

data/app/helpers/action_view/helpers/assoc_whisperer_helper.rb

@@ -52,7 +52,8 @@ module ActionView
         content << %Q( type="text" value="#{options[:text]}">)
         content << %Q(<span class="dropdown_button">\u25BE</span>)
         content_tag :span, content.html_safe, 'data-url' => (options[:url]||AssocWhisperer.def_url),
-                    'data-action' => data_action, 'class' => 'assoc_whisperer'
+                    'data-action' => data_action, 'data-client-side' => (options[:client_side] && 'true'),
+                    'class' => 'assoc_whisperer'
       end
 
       private

data/app/helpers/action_view/helpers/tags/assoc_whisperer_field.rb

@@ -17,8 +17,8 @@ module ActionView
           content << %Q( id="#{text_tag_id}" name="#{text_tag_name}" size="#{@options[:size]||12}")
           content << %Q( type="text" value="#{text_tag_value}">)
           content << %Q(<span class="dropdown_button">\u25BE</span>)
-          content_tag :span, content.html_safe, 'data-url' => @options[:url],
-                      'data-action' => @action, 'class' => 'assoc_whisperer'
+          content_tag :span, content.html_safe, 'data-url' => @options[:url], 'data-action' => @action,
+                      'data-client-side' => (@options[:client_side] && 'true'), 'class' => 'assoc_whisperer'
         end
 
         private

data/lib/assoc_whisperer/version.rb

@@ -1,5 +1,5 @@
 # encoding: utf-8
 module AssocWhisperer
-  VERSION = "1.0.4"
+  VERSION = "1.1.0"
 
 end

metadata

@@ -1,41 +1,41 @@
 --- !ruby/object:Gem::Specification
 name: assoc_whisperer
 version: !ruby/object:Gem::Version
-  version: 1.0.4
+  version: 1.1.0
 platform: ruby
 authors:
 - Ondřej Želazko
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-06-27 00:00:00.000000000 Z
+date: 2014-10-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ! '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ! '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
   name: rake
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ! '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ! '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
 description: You can associate two models together, while user inputs e.g. name and
@@ -46,12 +46,12 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
-- .gitignore
+- ".gitignore"
 - Gemfile
 - LICENSE.txt
 - README.md
 - Rakefile
-- app/assets/javascripts/assoc_whisp.coffee
+- app/assets/javascripts/assoc_whisp.js
 - app/assets/stylesheets/assoc_whisp_example.css
 - app/helpers/action_view/helpers/assoc_whisperer_helper.rb
 - app/helpers/action_view/helpers/tags/assoc_whisperer_field.rb
@@ -70,17 +70,17 @@ require_paths:
 - lib
 required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ! '>='
+  - - ">="
     - !ruby/object:Gem::Version
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ! '>='
+  - - ">="
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.1.11
+rubygems_version: 2.2.2
 signing_key: 
 specification_version: 4
 summary: Rails tag assoc_whisperer for forms

data/app/assets/javascripts/assoc_whisp.coffee

@@ -1,179 +0,0 @@
-document.AssocWhispering = {
-    # Stores all instantiated Whisperer objects.
-    all: []
-    # Any active Whisperer#getList method holds this variable in true state.
-    working: false
-    # Return a Whisperer instance by its data-action attribute.
-    find: (action) ->
-        for w in document.AssocWhispering.all
-            return w if w._action==action
-        return null
-    # Makes a whisperer (found by its data-action) to select the given text, if present.
-    selectTextFor: (text, whisp_action) ->
-        w = document.AssocWhispering.find(whisp_action)
-        w._last_input = '§'
-        w.getList('', false, ->
-            w.selectText(text)
-        )
-    # Makes a whisperer (found by its data-action) to select the given value, if present.
-    # Selects the first value if the given value is '#1'.
-    selectValueFor: (value, whisp_action) ->
-        w = document.AssocWhispering.find(whisp_action)
-        w._last_input = '§'
-        w.getList('', false, ->
-            switch value
-                when '#1' then w.select(w._list_tag.find('div:first'))
-                else w.selectValue(value)
-        )
-}
-
-$(document).ready ->
-    # attach all whisperers to after document id loaded
-    $('.assoc_whisperer').each (i, el) ->
-        w = new Whisperer(el)
-        document.AssocWhispering.all.push(w)
-
-# This is the class that is instantiated and hold behind a tag with 'assoc_whisperer' css class.
-#    It holds an action and url that is supposed to call when user changes the input text field.
-#    Request is sent 700ms after last input key hit.
-#    On success response attaches the list and shows it.
-#    One can click on the drop down button to have the list generated for empty input (ie. '' string).
-class Whisperer
-    _tag: null
-    _text_field: null
-    _value_field: null
-    _list_tag: null
-    _action: null
-    _url: null
-
-    _timeout: null
-    _last_input: '§'
-    _is_filled: false
-    _focus: null
-
-    # Constructor takes the element tag, that it shoud hang to (and which holds all the settings).
-    constructor: (element) ->
-        @_tag = $(element)
-        @_action = @_tag.attr('data-action')
-        @_url = @_tag.attr('data-url')
-        @_text_field = @_tag.children('.text_field')
-        @_value_field = @_tag.children('.value_field')
-
-        @_text_field.keyup @text_field_keyup
-        @_text_field.click => @_text_field.select()
-        @_text_field.focus => @_focus = 'text_field'
-        @_text_field.blur @controls_blur
-        @_tag.children('.dropdown_button').click @dropdown_button_click
-
-        @_is_filled = @_value_field.val()!=''
-
-########################## E V E N T S ##############################################
-
-    # Catchs ever key pressed to send a request only after the last one (applying 700ms timeout).
-    text_field_keyup: (e) =>
-        if e.keyCode==40 #down
-            return
-        else if e.keyCode==27 #escape
-            @removeList()
-            return
-        input = @_text_field.val()
-        clearTimeout(@_timeout) if @_timeout
-        @setUnfilled() if input!=@_last_input && @_is_filled
-        if input==''
-            @_last_input = input
-            @removeList()
-        else
-            fnc = => @getList(input)
-            @_timeout = setTimeout(fnc, 700)
-
-    # A 'button' to show the whole menu list (like entering an empty input).
-    dropdown_button_click: =>
-        hold_last = @_last_input
-        @_last_input = '§'
-        if @_is_filled
-            @getList('', true)
-            @_last_input = hold_last
-        else
-            @getList(@_text_field.val(), true)
-
-    # Called by both text_field and list, to ensure that if focused anything else, the list hides itself.
-    controls_blur: =>
-        @_focus = null
-        setTimeout( =>
-            @removeList() unless @_focus
-        ,100)
-
-########################## L I S T ################################################
-
-    # An Ajax request sent to a server for given url with given action and input as params.
-    #     Fires only if input changed. Before the request it visualy deactivates the list, hides it on error.
-    #     If success, attaches the list and fires onShow callback, if defined.
-    getList: (input, focus=false, onShown=null) =>
-        return if input==@_last_input
-        @_last_input = input
-        @deactivateList()
-        document.AssocWhispering.working = true;
-        $.ajax(@_tag.attr('data-url'),
-            type: 'GET'
-            dataType: 'html'
-            data: {data_action: @_tag.attr('data-action'), input: input}
-            error: @removeList
-            success: (data) =>
-                @showList(data)
-                @_list_tag.focus() if focus
-                onShown() if onShown
-                document.AssocWhispering.working = false;
-        )
-
-    # Attaches a list to html document, within the Whisperer's tag and sets its position to be under the input text field.
-    showList: (data) =>
-        @removeList()
-        @_list_tag = $(data)
-        @_list_tag.css('min-width', @_tag.width())
-        @_list_tag.css('left', @_tag.offset().left)
-        @_list_tag.css('top',  @_tag.position().top + @_tag.outerHeight())
-
-        @_tag.append(@_list_tag)
-        @_list_tag.focus => @_focus = 'list'
-        @_list_tag.blur @controls_blur
-
-        rows = @_list_tag.find('div')
-        rows.click (el) => @select($(el.currentTarget))
-
-    # Adds a class 'inactive' to list to make it visualy distinguishable.
-    deactivateList: =>
-        return unless @_list_tag
-        @_list_tag.addClass('inactive')
-
-    # Detaches list from html, ie. hides it.
-    removeList: =>
-        return unless @_list_tag
-        @_list_tag.detach()
-        @_list_tag = null
-
-########################## S E L E C T I O N ############################################
-
-    # Selects given row and sets its value to the hidden value field and removes the list.
-    select: (row) =>
-        return unless row.length==1
-        text = row.text()
-        @_text_field.val(text)
-        @_value_field.val(row.attr('data-value'))
-        @_last_input = text
-        @_is_filled = true
-        @_text_field.removeClass('unfilled')
-        @removeList()
-
-    # Selects row by given value.
-    selectValue: (value) =>
-        @select(@_list_tag.find('div[data-value='+value+']'))
-
-    # Selects row by given text label.
-    selectText: (text) =>
-        @select(@_list_tag.find('div:contains("'+text+'")'))
-
-    # Sets Whisperer to 'unfilled' state - no value has been selected (applies css class 'unfilled').
-    setUnfilled: =>
-        @_is_filled = false
-        @_value_field.val('')
-        @_text_field.addClass('unfilled')