rails-uikit 2.8.0

data/lib/rails/uikit/engine.rb

@@ -0,0 +1,6 @@
+module Rails
+  module Uikit
+    class Engine < ::Rails::Engine
+    end
+  end
+end

data/lib/rails/uikit/version.rb

@@ -0,0 +1,5 @@
+module Rails
+  module Uikit
+    VERSION = "2.8.0"
+  end
+end

data/lib/rails/uikit.rb

@@ -0,0 +1,8 @@
+require "rails/uikit/version"
+require "rails/uikit/engine"
+
+module Rails
+  module Uikit
+    # Your code goes here...
+  end
+end

data/vendor/assets/javascripts/addons/autocomplete.js

@@ -0,0 +1,306 @@
+/*! UIkit 2.8.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+
+(function(addon) {
+
+    var component;
+
+    if (jQuery && jQuery.UIkit) {
+        component = addon(jQuery, jQuery.UIkit);
+    }
+
+    if (typeof define == "function" && define.amd) {
+        define("uikit-autocomplete", ["uikit"], function(){
+            return component || addon(jQuery, jQuery.UIkit);
+        });
+    }
+
+})(function($, UI){
+
+    UI.component('autocomplete', {
+
+        defaults: {
+            minLength: 3,
+            param: 'search',
+            method: 'post',
+            delay: 300,
+            loadingClass: 'uk-loading',
+            flipDropdown: false,
+            skipClass: 'uk-skip',
+            hoverClass: 'uk-active',
+            source: null,
+            renderer: null,
+
+            // template
+
+            template: '<ul class="uk-nav uk-nav-autocomplete uk-autocomplete-results">{{~items}}<li data-value="{{$item.value}}"><a>{{$item.value}}</a></li>{{/items}}</ul>'
+        },
+
+        visible  : false,
+        value    : null,
+        selected : null,
+
+        init: function() {
+
+            var $this   = this,
+                select  = false,
+                trigger = UI.Utils.debounce(function(e) {
+                    if(select) {
+                        return (select = false);
+                    }
+                    $this.handle();
+                }, this.options.delay);
+
+
+            this.dropdown = this.find('.uk-dropdown');
+            this.template = this.find('script[type="text/autocomplete"]').html();
+            this.template = UI.Utils.template(this.template || this.options.template);
+            this.input    = this.find("input:first").attr("autocomplete", "off");
+
+            if (!this.dropdown.length) {
+               this.dropdown = $('<div class="uk-dropdown"></div>').appendTo(this.element);
+            }
+
+            if (this.options.flipDropdown) {
+                this.dropdown.addClass('uk-dropdown-flip');
+            }
+
+            this.input.on({
+                "keydown": function(e) {
+
+                    if (e && e.which && !e.shiftKey) {
+
+                        switch (e.which) {
+                            case 13: // enter
+                                select = true;
+
+                                if ($this.selected) {
+                                    e.preventDefault();
+                                    $this.select();
+                                }
+                                break;
+                            case 38: // up
+                                e.preventDefault();
+                                $this.pick('prev', true);
+                                break;
+                            case 40: // down
+                                e.preventDefault();
+                                $this.pick('next', true);
+                                break;
+                            case 27:
+                            case 9: // esc, tab
+                                $this.hide();
+                                break;
+                            default:
+                                break;
+                        }
+                    }
+
+                },
+                "keyup": trigger,
+                "blur": function(e) {
+                    setTimeout(function() { $this.hide(); }, 200);
+                }
+            });
+
+            this.dropdown.on("click", ".uk-autocomplete-results > *", function(){
+                $this.select();
+            });
+
+            this.dropdown.on("mouseover", ".uk-autocomplete-results > *", function(){
+                $this.pick($(this));
+            });
+
+            this.triggercomplete = trigger;
+        },
+
+        handle: function() {
+
+            var $this = this, old = this.value;
+
+            this.value = this.input.val();
+
+            if (this.value.length < this.options.minLength) return this.hide();
+
+            if (this.value != old) {
+                $this.request();
+            }
+
+            return this;
+        },
+
+        pick: function(item, scrollinview) {
+
+            var $this    = this,
+                items    = this.dropdown.find('.uk-autocomplete-results').children(':not(.'+this.options.skipClass+')'),
+                selected = false;
+
+            if (typeof item !== "string" && !item.hasClass(this.options.skipClass)) {
+                selected = item;
+            } else if (item == 'next' || item == 'prev') {
+
+                if (this.selected) {
+                    var index = items.index(this.selected);
+
+                    if (item == 'next') {
+                        selected = items.eq(index + 1 < items.length ? index + 1 : 0);
+                    } else {
+                        selected = items.eq(index - 1 < 0 ? items.length - 1 : index - 1);
+                    }
+
+                } else {
+                    selected = items[(item == 'next') ? 'first' : 'last']();
+                }
+            }
+
+            if (selected && selected.length) {
+                this.selected = selected;
+                items.removeClass(this.options.hoverClass);
+                this.selected.addClass(this.options.hoverClass);
+
+                // jump to selected if not in view
+                if (scrollinview) {
+
+                    var top       = selected.position().top,
+                        scrollTop = $this.dropdown.scrollTop(),
+                        dpheight  = $this.dropdown.height();
+
+                    if (top > dpheight ||  top < 0) {
+                        $this.dropdown.scrollTop(scrollTop + top);
+                    }
+                }
+            }
+        },
+
+        select: function() {
+
+            if(!this.selected) return;
+
+            var data = this.selected.data();
+
+            this.trigger("autocomplete-select", [data, this]);
+
+            if (data.value) {
+                this.input.val(data.value);
+            }
+
+            this.hide();
+        },
+
+        show: function() {
+            if (this.visible) return;
+            this.visible = true;
+            this.element.addClass("uk-open");
+            return this;
+        },
+
+        hide: function() {
+            if (!this.visible) return;
+            this.visible = false;
+            this.element.removeClass("uk-open");
+            return this;
+        },
+
+        request: function() {
+
+            var $this   = this,
+                release = function(data) {
+
+                    if(data) {
+                        $this.render(data);
+                    }
+
+                    $this.element.removeClass($this.options.loadingClass);
+                };
+
+            this.element.addClass(this.options.loadingClass);
+
+            if (this.options.source) {
+
+                var source = this.options.source;
+
+                switch(typeof(this.options.source)) {
+                    case 'function':
+
+                        this.options.source.apply(this, [release]);
+
+                        break;
+
+                    case 'object':
+
+                        if(source.length) {
+
+                            var items = [];
+
+                            source.forEach(function(item){
+                                if(item.value && item.value.toLowerCase().indexOf($this.value.toLowerCase())!=-1) {
+                                    items.push(item);
+                                }
+                            });
+
+                            release(items);
+                        }
+
+                        break;
+
+                    case 'string':
+
+                        var params ={};
+
+                        params[this.options.param] = this.value;
+
+                        $.ajax({
+                            url: this.options.source,
+                            data: params,
+                            type: this.options.method,
+                            dataType: 'json',
+                            complete: function(xhr) {
+                                release(xhr.responseJSON || []);
+                            }
+                        });
+
+                        break;
+
+                    default:
+                        release(null);
+                }
+
+            } else {
+                this.element.removeClass($this.options.loadingClass);
+            }
+        },
+
+        render: function(data) {
+
+            var $this = this;
+
+            this.dropdown.empty();
+
+            this.selected = false;
+
+            if (this.options.renderer) {
+
+                this.options.renderer.apply(this, [data]);
+
+            } else if(data && data.length) {
+
+                this.dropdown.append(this.template({"items":data}));
+                this.show();
+
+                this.trigger('autocomplete-show');
+            }
+
+            return this;
+        }
+    });
+
+    // init code
+    $(document).on("focus.autocomplete.uikit", "[data-uk-autocomplete]", function(e) {
+
+        var ele = $(this);
+        if (!ele.data("autocomplete")) {
+            var obj = UI.autocomplete(ele, UI.Utils.options(ele.attr("data-uk-autocomplete")));
+        }
+    });
+
+    return UI.autocomplete;
+});

data/vendor/assets/javascripts/addons/autocomplete.min.js

@@ -0,0 +1,3 @@
+/*! UIkit 2.8.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+
+!function(a){var b;jQuery&&jQuery.UIkit&&(b=a(jQuery,jQuery.UIkit)),"function"==typeof define&&define.amd&&define("uikit-autocomplete",["uikit"],function(){return b||a(jQuery,jQuery.UIkit)})}(function(a,b){return b.component("autocomplete",{defaults:{minLength:3,param:"search",method:"post",delay:300,loadingClass:"uk-loading",flipDropdown:!1,skipClass:"uk-skip",hoverClass:"uk-active",source:null,renderer:null,template:'<ul class="uk-nav uk-nav-autocomplete uk-autocomplete-results">{{~items}}<li data-value="{{$item.value}}"><a>{{$item.value}}</a></li>{{/items}}</ul>'},visible:!1,value:null,selected:null,init:function(){var c=this,d=!1,e=b.Utils.debounce(function(){return d?d=!1:void c.handle()},this.options.delay);this.dropdown=this.find(".uk-dropdown"),this.template=this.find('script[type="text/autocomplete"]').html(),this.template=b.Utils.template(this.template||this.options.template),this.input=this.find("input:first").attr("autocomplete","off"),this.dropdown.length||(this.dropdown=a('<div class="uk-dropdown"></div>').appendTo(this.element)),this.options.flipDropdown&&this.dropdown.addClass("uk-dropdown-flip"),this.input.on({keydown:function(a){if(a&&a.which&&!a.shiftKey)switch(a.which){case 13:d=!0,c.selected&&(a.preventDefault(),c.select());break;case 38:a.preventDefault(),c.pick("prev",!0);break;case 40:a.preventDefault(),c.pick("next",!0);break;case 27:case 9:c.hide()}},keyup:e,blur:function(){setTimeout(function(){c.hide()},200)}}),this.dropdown.on("click",".uk-autocomplete-results > *",function(){c.select()}),this.dropdown.on("mouseover",".uk-autocomplete-results > *",function(){c.pick(a(this))}),this.triggercomplete=e},handle:function(){var a=this,b=this.value;return this.value=this.input.val(),this.value.length<this.options.minLength?this.hide():(this.value!=b&&a.request(),this)},pick:function(a,b){var c=this,d=this.dropdown.find(".uk-autocomplete-results").children(":not(."+this.options.skipClass+")"),e=!1;if("string"==typeof a||a.hasClass(this.options.skipClass)){if("next"==a||"prev"==a)if(this.selected){var f=d.index(this.selected);e=d.eq("next"==a?f+1<d.length?f+1:0:0>f-1?d.length-1:f-1)}else e=d["next"==a?"first":"last"]()}else e=a;if(e&&e.length&&(this.selected=e,d.removeClass(this.options.hoverClass),this.selected.addClass(this.options.hoverClass),b)){var g=e.position().top,h=c.dropdown.scrollTop(),i=c.dropdown.height();(g>i||0>g)&&c.dropdown.scrollTop(h+g)}},select:function(){if(this.selected){var a=this.selected.data();this.trigger("autocomplete-select",[a,this]),a.value&&this.input.val(a.value),this.hide()}},show:function(){return this.visible?void 0:(this.visible=!0,this.element.addClass("uk-open"),this)},hide:function(){return this.visible?(this.visible=!1,this.element.removeClass("uk-open"),this):void 0},request:function(){var b=this,c=function(a){a&&b.render(a),b.element.removeClass(b.options.loadingClass)};if(this.element.addClass(this.options.loadingClass),this.options.source){var d=this.options.source;switch(typeof this.options.source){case"function":this.options.source.apply(this,[c]);break;case"object":if(d.length){var e=[];d.forEach(function(a){a.value&&-1!=a.value.toLowerCase().indexOf(b.value.toLowerCase())&&e.push(a)}),c(e)}break;case"string":var f={};f[this.options.param]=this.value,a.ajax({url:this.options.source,data:f,type:this.options.method,dataType:"json",complete:function(a){c(a.responseJSON||[])}});break;default:c(null)}}else this.element.removeClass(b.options.loadingClass)},render:function(a){return this.dropdown.empty(),this.selected=!1,this.options.renderer?this.options.renderer.apply(this,[a]):a&&a.length&&(this.dropdown.append(this.template({items:a})),this.show(),this.trigger("autocomplete-show")),this}}),a(document).on("focus.autocomplete.uikit","[data-uk-autocomplete]",function(){var c=a(this);if(!c.data("autocomplete")){b.autocomplete(c,b.Utils.options(c.attr("data-uk-autocomplete")))}}),b.autocomplete});