uikit-rails 0.0.2 → 1.0.1

data/assets/javascripts/components/sortable.min.js

@@ -0,0 +1,2 @@
+/*! UIkit 2.24.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+!function(t){var e;window.UIkit&&(e=t(UIkit)),"function"==typeof define&&define.amd&&define("uikit-sortable",["uikit"],function(){return e||t(UIkit)})}(function(t){"use strict";function e(e){e=t.$(e);do{if(e.data("sortable"))return e;e=t.$(e).parent()}while(e.length);return e}function o(t,e){var o=t.parentNode;if(e.parentNode!=o)return!1;for(var n=t.previousSibling;n&&9!==n.nodeType;){if(n===e)return!0;n=n.previousSibling}return!1}function n(t,e){var o=e;if(o==t)return null;for(;o;){if(o.parentNode===t)return o;if(o=o.parentNode,!o||!o.ownerDocument||11===o.nodeType)break}return null}function a(t){t.stopPropagation&&t.stopPropagation(),t.preventDefault&&t.preventDefault(),t.returnValue=!1}var s,r,i,l,d,u,h,p,c,g,f="ontouchstart"in window||window.DocumentTouch&&document instanceof DocumentTouch;return t.component("sortable",{defaults:{animation:150,threshold:10,childClass:"uk-sortable-item",placeholderClass:"uk-sortable-placeholder",overClass:"uk-sortable-over",draggingClass:"uk-sortable-dragged",dragMovingClass:"uk-sortable-moving",baseClass:"uk-sortable",noDragClass:"uk-sortable-nodrag",emptyClass:"uk-sortable-empty",dragCustomClass:"",handleClass:!1,group:!1,stop:function(){},start:function(){},change:function(){}},boot:function(){t.ready(function(e){t.$("[data-uk-sortable]",e).each(function(){var e=t.$(this);e.data("sortable")||t.sortable(e,t.Utils.options(e.attr("data-uk-sortable")))})}),t.$html.on("mousemove touchmove",function(e){if(h){var o=e.originalEvent.targetTouches?e.originalEvent.targetTouches[0]:e;(Math.abs(o.pageX-h.pos.x)>h.threshold||Math.abs(o.pageY-h.pos.y)>h.threshold)&&h.apply(o)}if(s){d||(d=!0,s.show(),s.$current.addClass(s.$sortable.options.placeholderClass),s.$sortable.element.children().addClass(s.$sortable.options.childClass),t.$html.addClass(s.$sortable.options.dragMovingClass));var n=s.data("mouse-offset"),a=parseInt(e.originalEvent.pageX,10)+n.left,r=parseInt(e.originalEvent.pageY,10)+n.top;if(s.css({left:a,top:r}),r+s.height()/3>document.body.offsetHeight)return;r<t.$win.scrollTop()?t.$win.scrollTop(t.$win.scrollTop()-Math.ceil(s.height()/3)):r+s.height()/3>window.innerHeight+t.$win.scrollTop()&&t.$win.scrollTop(t.$win.scrollTop()+Math.ceil(s.height()/3))}}),t.$html.on("mouseup touchend",function(t){if(h=u=!1,!r||!s)return r=s=null,void 0;var o=e(t.target),n=s.$sortable,a={type:t.type};o[0]&&n.dragDrop(a,n.element),n.dragEnd(a,n.element)})},init:function(){function e(){f?u.addEventListener("touchmove",b,!1):(u.addEventListener("mouseover",m,!1),u.addEventListener("mouseout",v,!1))}function o(){f?u.removeEventListener("touchmove",b,!1):(u.removeEventListener("mouseover",m,!1),u.removeEventListener("mouseout",v,!1))}function s(t){r&&d.dragMove(t,d)}function l(e){return function(o){var a,s,r;o&&(a=f&&o.touches&&o.touches[0]||{},s=a.target||o.target,f&&document.elementFromPoint&&(s=document.elementFromPoint(o.pageX-document.body.scrollLeft,o.pageY-document.body.scrollTop)),g=t.$(s)),t.$(s).hasClass(d.options.childClass)?e.apply(s,[o]):s!==u&&(r=n(u,s),r&&e.apply(r,[o]))}}var d=this,u=this.element[0];p=[],this.checkEmptyList(),this.element.data("sortable-group",this.options.group?this.options.group:t.Utils.uid("sortable-group"));var h=l(function(e){if(!e.data||!e.data.sortable){var o=t.$(e.target),n=o.is("a[href]")?o:o.parents("a[href]");if(!o.is(":input"))return e.preventDefault(),!f&&n.length&&n.one("click",function(t){t.preventDefault()}).one("mouseup",function(){c||n.trigger("click")}),e.data=e.data||{},e.data.sortable=u,d.dragStart(e,this)}}),m=(l(function(t){return r?(t.preventDefault&&t.preventDefault(),!1):!0}),l(t.Utils.debounce(function(t){return d.dragEnter(t,this)}),40)),v=l(function(){var e=d.dragenterData(this);d.dragenterData(this,e-1),d.dragenterData(this)||(t.$(this).removeClass(d.options.overClass),d.dragenterData(this,!1))}),b=l(function(t){return r&&r!==this&&i!==this?(d.element.children().removeClass(d.options.overClass),i=this,d.moveElementNextTo(r,this),a(t)):!0});this.addDragHandlers=e,this.removeDragHandlers=o,window.addEventListener(f?"touchmove":"mousemove",s,!1),u.addEventListener(f?"touchstart":"mousedown",h,!1)},dragStart:function(e,o){c=!1,d=!1,l=!1;var n=this,a=t.$(e.target);if(f||2!=e.button){if(n.options.handleClass){var i=a.hasClass(n.options.handleClass)?a:a.closest("."+n.options.handleClass,n.element);if(!i.length)return}if(!a.is("."+n.options.noDragClass)&&!a.closest("."+n.options._noDragClass).length&&!a.is(":input")){r=o,s&&s.remove();var u=t.$(r),p=u.offset();h={pos:{x:e.pageX,y:e.pageY},threshold:n.options.threshold,apply:function(e){s=t.$('<div class="'+[n.options.draggingClass,n.options.dragCustomClass].join(" ")+'"></div>').css({display:"none",top:p.top,left:p.left,width:u.width(),height:u.height(),padding:u.css("padding")}).data({"mouse-offset":{left:p.left-parseInt(e.pageX,10),top:p.top-parseInt(e.pageY,10)},origin:n.element,index:u.index()}).append(u.html()).appendTo("body"),s.$current=u,s.$sortable=n,u.data({"start-list":u.parent(),"start-index":u.index(),"sortable-group":n.options.group}),n.addDragHandlers(),n.options.start(this,r),n.trigger("start.uk.sortable",[n,r]),c=!0,h=!1}}}}},dragMove:function(e){g=t.$(document.elementFromPoint(e.pageX-(document.body.scrollLeft||document.scrollLeft||0),e.pageY-(document.body.scrollTop||document.documentElement.scrollTop||0)));var o,n=g.closest("."+this.options.baseClass),a=n.data("sortable-group"),s=t.$(r),i=s.parent(),l=s.data("sortable-group");n[0]!==i[0]&&void 0!==l&&a===l&&(n.data("sortable").addDragHandlers(),p.push(n),n.children().addClass(this.options.childClass),n.children().length>0?(o=g.closest("."+this.options.childClass),o.length?o.before(s):n.append(s)):g.append(s),UIkit.$doc.trigger("mouseover")),this.checkEmptyList(),this.checkEmptyList(i)},dragEnter:function(e,o){if(!r||r===o)return!0;var n=this.dragenterData(o);if(this.dragenterData(o,n+1),0===n){var a=t.$(o).parent(),s=t.$(r).data("start-list");if(a[0]!==s[0]){var i=a.data("sortable-group"),l=t.$(r).data("sortable-group");if((i||l)&&i!=l)return!1}t.$(o).addClass(this.options.overClass),this.moveElementNextTo(r,o)}return!1},dragEnd:function(e,o){var n=this;r&&(this.options.stop(o),this.trigger("stop.uk.sortable",[this])),r=null,i=null,p.push(this.element),p.forEach(function(e){t.$(e).children().each(function(){1===this.nodeType&&(t.$(this).removeClass(n.options.overClass).removeClass(n.options.placeholderClass).removeClass(n.options.childClass),n.dragenterData(this,!1))})}),p=[],t.$html.removeClass(this.options.dragMovingClass),this.removeDragHandlers(),s&&(s.remove(),s=null)},dragDrop:function(t){"drop"===t.type&&(t.stopPropagation&&t.stopPropagation(),t.preventDefault&&t.preventDefault()),this.triggerChangeEvents()},triggerChangeEvents:function(){if(r){var e=t.$(r),o=s.data("origin"),n=e.closest("."+this.options.baseClass),a=[],i=t.$(r);o[0]===n[0]&&s.data("index")!=e.index()?a.push({sortable:this,mode:"moved"}):o[0]!=n[0]&&a.push({sortable:t.$(n).data("sortable"),mode:"added"},{sortable:t.$(o).data("sortable"),mode:"removed"}),a.forEach(function(t){t.sortable.element.trigger("change.uk.sortable",[t.sortable,i,t.mode])})}},dragenterData:function(e,o){return e=t.$(e),1==arguments.length?parseInt(e.data("child-dragenter"),10)||0:(o?e.data("child-dragenter",Math.max(0,o)):e.removeData("child-dragenter"),void 0)},moveElementNextTo:function(e,n){l=!0;var a=this,s=t.$(e).parent().css("min-height",""),r=o(e,n)?n:n.nextSibling,i=s.children(),d=i.length;return a.options.animation?(s.css("min-height",s.height()),i.stop().each(function(){var e=t.$(this),o=e.position();o.width=e.width(),e.data("offset-before",o)}),n.parentNode.insertBefore(e,r),t.Utils.checkDisplay(a.element.parent()),i=s.children().each(function(){var e=t.$(this);e.data("offset-after",e.position())}).each(function(){var e=t.$(this),o=e.data("offset-before");e.css({position:"absolute",top:o.top,left:o.left,"min-width":o.width})}),i.each(function(){var e=t.$(this),o=(e.data("offset-before"),e.data("offset-after"));e.css("pointer-events","none").width(),setTimeout(function(){e.animate({top:o.top,left:o.left},a.options.animation,function(){e.css({position:"",top:"",left:"","min-width":"","pointer-events":""}).removeClass(a.options.overClass).removeData("child-dragenter"),d--,d||(s.css("min-height",""),t.Utils.checkDisplay(a.element.parent()))})},0)}),void 0):(n.parentNode.insertBefore(e,r),t.Utils.checkDisplay(a.element.parent()),void 0)},serialize:function(){var e,o,n=[];return this.element.children().each(function(a,s){e={};for(var r=0;r<s.attributes.length;r++)o=s.attributes[r],0===o.name.indexOf("data-")&&(e[o.name.substr(5)]=t.Utils.str2json(o.value));n.push(e)}),n},checkEmptyList:function(e){e=e?t.$(e):this.element,this.options.emptyClass&&e[e.children().length?"removeClass":"addClass"](this.options.emptyClass)}}),t.sortable});

data/assets/javascripts/components/sticky.js

@@ -0,0 +1,359 @@
+/*! UIkit 2.24.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+(function(addon) {
+
+    var component;
+
+    if (window.UIkit) {
+        component = addon(UIkit);
+    }
+
+    if (typeof define == "function" && define.amd) {
+        define("uikit-sticky", ["uikit"], function(){
+            return component || addon(UIkit);
+        });
+    }
+
+})(function(UI){
+
+    "use strict";
+
+    var $win         = UI.$win,
+        $doc         = UI.$doc,
+        sticked      = [],
+        direction    = 1;
+
+    UI.component('sticky', {
+
+        defaults: {
+            top          : 0,
+            bottom       : 0,
+            animation    : '',
+            clsinit      : 'uk-sticky-init',
+            clsactive    : 'uk-active',
+            clsinactive  : '',
+            getWidthFrom : '',
+            showup      : false,
+            boundary     : false,
+            media        : false,
+            target       : false,
+            disabled     : false
+        },
+
+        boot: function() {
+
+            // should be more efficient than using $win.scroll(checkscrollposition):
+            UI.$doc.on('scrolling.uk.document', function(e, data) {
+                if (!data || !data.dir) return;
+                direction = data.dir.y;
+                checkscrollposition();
+            });
+
+            UI.$win.on('resize orientationchange', UI.Utils.debounce(function() {
+
+                if (!sticked.length) return;
+
+                for (var i = 0; i < sticked.length; i++) {
+                    sticked[i].reset(true);
+                    //sticked[i].self.computeWrapper();
+                }
+
+                checkscrollposition();
+            }, 100));
+
+            // init code
+            UI.ready(function(context) {
+
+                setTimeout(function(){
+
+                    UI.$("[data-uk-sticky]", context).each(function(){
+
+                        var $ele = UI.$(this);
+
+                        if(!$ele.data("sticky")) {
+                            UI.sticky($ele, UI.Utils.options($ele.attr('data-uk-sticky')));
+                        }
+                    });
+
+                    checkscrollposition();
+                }, 0);
+            });
+        },
+
+        init: function() {
+
+            var wrapper  = UI.$('<div class="uk-sticky-placeholder"></div>'), boundary = this.options.boundary, boundtoparent;
+
+            this.wrapper = this.element.css('margin', 0).wrap(wrapper).parent();
+
+            this.computeWrapper();
+
+            if (boundary) {
+
+                if (boundary === true || boundary[0] === '!') {
+
+                    boundary      = boundary === true ? this.wrapper.parent() : this.wrapper.closest(boundary.substr(1));
+                    boundtoparent = true;
+
+                } else if (typeof boundary === "string") {
+                    boundary = UI.$(boundary);
+                }
+            }
+
+            this.sticky = {
+                self          : this,
+                options       : this.options,
+                element       : this.element,
+                currentTop    : null,
+                wrapper       : this.wrapper,
+                init          : false,
+                getWidthFrom  : UI.$(this.options.getWidthFrom || this.wrapper),
+                boundary      : boundary,
+                boundtoparent : boundtoparent,
+                top           : 0,
+                calcTop       : function() {
+
+                    var top = this.options.top;
+
+                    // dynamic top parameter
+                    if (this.options.top && typeof(this.options.top) == 'string') {
+
+                        // e.g. 50vh
+                        if (this.options.top.match(/^(-|)(\d+)vh$/)) {
+                            top = window.innerHeight * parseInt(this.options.top, 10)/100;
+                        // e.g. #elementId, or .class-1,class-2,.class-3 (first found is used)
+                        } else {
+
+                            var topElement = UI.$(this.options.top).first();
+
+                            if (topElement.length && topElement.is(':visible')) {
+                                top = -1 * ((topElement.offset().top + topElement.outerHeight()) - this.wrapper.offset().top);
+                            }
+                        }
+
+                    }
+
+                    this.top = top;
+                },
+
+                reset: function(force) {
+
+                    this.calcTop();
+
+                    var finalize = function() {
+                        this.element.css({"position":"", "top":"", "width":"", "left":"", "margin":"0"});
+                        this.element.removeClass([this.options.animation, 'uk-animation-reverse', this.options.clsactive].join(' '));
+                        this.element.addClass(this.options.clsinactive);
+                        this.element.trigger('inactive.uk.sticky');
+
+                        this.currentTop = null;
+                        this.animate    = false;
+                    }.bind(this);
+
+
+                    if (!force && this.options.animation && UI.support.animation && !UI.Utils.isInView(this.wrapper)) {
+
+                        this.animate = true;
+
+                        this.element.removeClass(this.options.animation).one(UI.support.animation.end, function(){
+                            finalize();
+                        }).width(); // force redraw
+
+                        this.element.addClass(this.options.animation+' '+'uk-animation-reverse');
+                    } else {
+                        finalize();
+                    }
+                },
+
+                check: function() {
+
+                    if (this.options.disabled) {
+                        return false;
+                    }
+
+                    if (this.options.media) {
+
+                        switch(typeof(this.options.media)) {
+                            case 'number':
+                                if (window.innerWidth < this.options.media) {
+                                    return false;
+                                }
+                                break;
+                            case 'string':
+                                if (window.matchMedia && !window.matchMedia(this.options.media).matches) {
+                                    return false;
+                                }
+                                break;
+                        }
+                    }
+
+                    var scrollTop      = $win.scrollTop(),
+                        documentHeight = $doc.height(),
+                        dwh            = documentHeight - window.innerHeight,
+                        extra          = (scrollTop > dwh) ? dwh - scrollTop : 0,
+                        elementTop     = this.wrapper.offset().top,
+                        etse           = elementTop - this.top - extra,
+                        active         = (scrollTop  >= etse);
+
+                    if (active && this.options.showup) {
+
+                        // set inactiv if scrolling down
+                        if (direction == 1) {
+                            active = false;
+                        }
+
+                        // set inactive when wrapper is still in view
+                        if (direction == -1 && !this.element.hasClass(this.options.clsactive) && UI.Utils.isInView(this.wrapper)) {
+                            active = false;
+                        }
+                    }
+
+                    return active;
+                }
+            };
+
+            this.sticky.calcTop();
+
+            sticked.push(this.sticky);
+        },
+
+        update: function() {
+            checkscrollposition(this.sticky);
+        },
+
+        enable: function() {
+            this.options.disabled = false;
+            this.update();
+        },
+
+        disable: function(force) {
+            this.options.disabled = true;
+            this.sticky.reset(force);
+        },
+
+        computeWrapper: function() {
+
+            this.wrapper.css({
+                'height' : ['absolute','fixed'].indexOf(this.element.css('position')) == -1 ? this.element.outerHeight() : '',
+                'float'  : this.element.css('float') != 'none' ? this.element.css('float') : '',
+                'margin' : this.element.css('margin')
+            });
+
+            if (this.element.css('position') == 'fixed') {
+                this.element.css({
+                    width: this.sticky.getWidthFrom.length ? this.sticky.getWidthFrom.width() : this.element.width()
+                });
+            }
+        }
+    });
+
+    function checkscrollposition(direction) {
+
+        var stickies = arguments.length ? arguments : sticked;
+
+        if (!stickies.length || $win.scrollTop() < 0) return;
+
+        var scrollTop       = $win.scrollTop(),
+            documentHeight  = $doc.height(),
+            windowHeight    = $win.height(),
+            dwh             = documentHeight - windowHeight,
+            extra           = (scrollTop > dwh) ? dwh - scrollTop : 0,
+            newTop, containerBottom, stickyHeight, sticky;
+
+        for (var i = 0; i < stickies.length; i++) {
+
+            sticky = stickies[i];
+
+            if (!sticky.element.is(":visible") || sticky.animate) {
+                continue;
+            }
+
+            if (!sticky.check()) {
+
+                if (sticky.currentTop !== null) {
+                    sticky.reset();
+                }
+
+            } else {
+
+                if (sticky.top < 0) {
+                    newTop = 0;
+                } else {
+                    stickyHeight = sticky.element.outerHeight();
+                    newTop = documentHeight - stickyHeight - sticky.top - sticky.options.bottom - scrollTop - extra;
+                    newTop = newTop < 0 ? newTop + sticky.top : sticky.top;
+                }
+
+                if (sticky.boundary && sticky.boundary.length) {
+
+                    var bTop = sticky.boundary.offset().top;
+
+                    if (sticky.boundtoparent) {
+                        containerBottom = documentHeight - (bTop + sticky.boundary.outerHeight()) + parseInt(sticky.boundary.css('padding-bottom'));
+                    } else {
+                        containerBottom = documentHeight - bTop - parseInt(sticky.boundary.css('margin-top'));
+                    }
+
+                    newTop = (scrollTop + stickyHeight) > (documentHeight - containerBottom - (sticky.top < 0 ? 0 : sticky.top)) ? (documentHeight - containerBottom) - (scrollTop + stickyHeight) : newTop;
+                }
+
+
+                if (sticky.currentTop != newTop) {
+
+                    sticky.element.css({
+                        position : "fixed",
+                        top      : newTop,
+                        width    : sticky.getWidthFrom.length ? sticky.getWidthFrom.width() : sticky.element.width(),
+                        left     : sticky.wrapper.offset().left
+                    });
+
+                    if (!sticky.init) {
+
+                        sticky.element.addClass(sticky.options.clsinit);
+
+                        if (location.hash && scrollTop > 0 && sticky.options.target) {
+
+                            var $target = UI.$(location.hash);
+
+                            if ($target.length) {
+
+                                setTimeout((function($target, sticky){
+
+                                    return function() {
+
+                                        sticky.element.width(); // force redraw
+
+                                        var offset       = $target.offset(),
+                                            maxoffset    = offset.top + $target.outerHeight(),
+                                            stickyOffset = sticky.element.offset(),
+                                            stickyHeight = sticky.element.outerHeight(),
+                                            stickyMaxOffset = stickyOffset.top + stickyHeight;
+
+                                        if (stickyOffset.top < maxoffset && offset.top < stickyMaxOffset) {
+                                            scrollTop = offset.top - stickyHeight - sticky.options.target;
+                                            window.scrollTo(0, scrollTop);
+                                        }
+                                    };
+
+                                })($target, sticky), 0);
+                            }
+                        }
+                    }
+
+                    sticky.element.addClass(sticky.options.clsactive).removeClass(sticky.options.clsinactive);
+                    sticky.element.trigger('active.uk.sticky');
+                    sticky.element.css('margin', '');
+
+                    if (sticky.options.animation && sticky.init && !UI.Utils.isInView(sticky.wrapper)) {
+                        sticky.element.addClass(sticky.options.animation);
+                    }
+
+                    sticky.currentTop = newTop;
+                }
+            }
+
+            sticky.init = true;
+        }
+    }
+
+    return UI.sticky;
+});

data/assets/javascripts/components/sticky.min.js

@@ -0,0 +1,2 @@
+/*! UIkit 2.24.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+!function(t){var i;window.UIkit&&(i=t(UIkit)),"function"==typeof define&&define.amd&&define("uikit-sticky",["uikit"],function(){return i||t(UIkit)})}(function(t){"use strict";function i(){var i=arguments.length?arguments:n;if(i.length&&!(e.scrollTop()<0))for(var o,a,r,p,h=e.scrollTop(),c=s.height(),l=e.height(),d=c-l,u=h>d?d-h:0,m=0;m<i.length;m++)if(p=i[m],p.element.is(":visible")&&!p.animate){if(p.check()){if(p.top<0?o=0:(r=p.element.outerHeight(),o=c-r-p.top-p.options.bottom-h-u,o=0>o?o+p.top:p.top),p.boundary&&p.boundary.length){var f=p.boundary.offset().top;a=p.boundtoparent?c-(f+p.boundary.outerHeight())+parseInt(p.boundary.css("padding-bottom")):c-f-parseInt(p.boundary.css("margin-top")),o=h+r>c-a-(p.top<0?0:p.top)?c-a-(h+r):o}if(p.currentTop!=o){if(p.element.css({position:"fixed",top:o,width:p.getWidthFrom.length?p.getWidthFrom.width():p.element.width(),left:p.wrapper.offset().left}),!p.init&&(p.element.addClass(p.options.clsinit),location.hash&&h>0&&p.options.target)){var g=t.$(location.hash);g.length&&setTimeout(function(t,i){return function(){i.element.width();var e=t.offset(),s=e.top+t.outerHeight(),n=i.element.offset(),o=i.element.outerHeight(),a=n.top+o;n.top<s&&e.top<a&&(h=e.top-o-i.options.target,window.scrollTo(0,h))}}(g,p),0)}p.element.addClass(p.options.clsactive).removeClass(p.options.clsinactive),p.element.trigger("active.uk.sticky"),p.element.css("margin",""),p.options.animation&&p.init&&!t.Utils.isInView(p.wrapper)&&p.element.addClass(p.options.animation),p.currentTop=o}}else null!==p.currentTop&&p.reset();p.init=!0}}var e=t.$win,s=t.$doc,n=[],o=1;return t.component("sticky",{defaults:{top:0,bottom:0,animation:"",clsinit:"uk-sticky-init",clsactive:"uk-active",clsinactive:"",getWidthFrom:"",showup:!1,boundary:!1,media:!1,target:!1,disabled:!1},boot:function(){t.$doc.on("scrolling.uk.document",function(t,e){e&&e.dir&&(o=e.dir.y,i())}),t.$win.on("resize orientationchange",t.Utils.debounce(function(){if(n.length){for(var t=0;t<n.length;t++)n[t].reset(!0);i()}},100)),t.ready(function(e){setTimeout(function(){t.$("[data-uk-sticky]",e).each(function(){var i=t.$(this);i.data("sticky")||t.sticky(i,t.Utils.options(i.attr("data-uk-sticky")))}),i()},0)})},init:function(){var i,a=t.$('<div class="uk-sticky-placeholder"></div>'),r=this.options.boundary;this.wrapper=this.element.css("margin",0).wrap(a).parent(),this.computeWrapper(),r&&(r===!0||"!"===r[0]?(r=r===!0?this.wrapper.parent():this.wrapper.closest(r.substr(1)),i=!0):"string"==typeof r&&(r=t.$(r))),this.sticky={self:this,options:this.options,element:this.element,currentTop:null,wrapper:this.wrapper,init:!1,getWidthFrom:t.$(this.options.getWidthFrom||this.wrapper),boundary:r,boundtoparent:i,top:0,calcTop:function(){var i=this.options.top;if(this.options.top&&"string"==typeof this.options.top)if(this.options.top.match(/^(-|)(\d+)vh$/))i=window.innerHeight*parseInt(this.options.top,10)/100;else{var e=t.$(this.options.top).first();e.length&&e.is(":visible")&&(i=-1*(e.offset().top+e.outerHeight()-this.wrapper.offset().top))}this.top=i},reset:function(i){this.calcTop();var e=function(){this.element.css({position:"",top:"",width:"",left:"",margin:"0"}),this.element.removeClass([this.options.animation,"uk-animation-reverse",this.options.clsactive].join(" ")),this.element.addClass(this.options.clsinactive),this.element.trigger("inactive.uk.sticky"),this.currentTop=null,this.animate=!1}.bind(this);!i&&this.options.animation&&t.support.animation&&!t.Utils.isInView(this.wrapper)?(this.animate=!0,this.element.removeClass(this.options.animation).one(t.support.animation.end,function(){e()}).width(),this.element.addClass(this.options.animation+" uk-animation-reverse")):e()},check:function(){if(this.options.disabled)return!1;if(this.options.media)switch(typeof this.options.media){case"number":if(window.innerWidth<this.options.media)return!1;break;case"string":if(window.matchMedia&&!window.matchMedia(this.options.media).matches)return!1}var i=e.scrollTop(),n=s.height(),a=n-window.innerHeight,r=i>a?a-i:0,p=this.wrapper.offset().top,h=p-this.top-r,c=i>=h;return c&&this.options.showup&&(1==o&&(c=!1),-1==o&&!this.element.hasClass(this.options.clsactive)&&t.Utils.isInView(this.wrapper)&&(c=!1)),c}},this.sticky.calcTop(),n.push(this.sticky)},update:function(){i(this.sticky)},enable:function(){this.options.disabled=!1,this.update()},disable:function(t){this.options.disabled=!0,this.sticky.reset(t)},computeWrapper:function(){this.wrapper.css({height:-1==["absolute","fixed"].indexOf(this.element.css("position"))?this.element.outerHeight():"","float":"none"!=this.element.css("float")?this.element.css("float"):"",margin:this.element.css("margin")}),"fixed"==this.element.css("position")&&this.element.css({width:this.sticky.getWidthFrom.length?this.sticky.getWidthFrom.width():this.element.width()})}}),t.sticky});

data/assets/javascripts/components/timepicker.js

@@ -0,0 +1,192 @@
+/*! UIkit 2.24.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+(function(addon) {
+
+    var component;
+
+    if (window.UIkit) {
+        component = addon(UIkit);
+    }
+
+    if (typeof define == "function" && define.amd) {
+        define("uikit-timepicker", ["uikit"], function(){
+            return component || addon(UIkit);
+        });
+    }
+
+})(function(UI){
+
+    "use strict";
+
+
+    UI.component('timepicker', {
+
+        defaults: {
+            format : '24h',
+            delay  : 0,
+            start  : 0,
+            end    : 24
+        },
+
+        boot: function() {
+
+            // init code
+            UI.$html.on("focus.timepicker.uikit", "[data-uk-timepicker]", function(e) {
+
+                var ele = UI.$(this);
+
+                if (!ele.data("timepicker")) {
+                    var obj = UI.timepicker(ele, UI.Utils.options(ele.attr("data-uk-timepicker")));
+
+                    setTimeout(function(){
+                        obj.autocomplete.input.focus();
+                    }, 40);
+                }
+            });
+        },
+
+        init: function() {
+
+            var $this  = this, times = getTimeRange(this.options.start, this.options.end), container;
+
+            this.options.minLength = 0;
+            this.options.template  = '<ul class="uk-nav uk-nav-autocomplete uk-autocomplete-results">{{~items}}<li data-value="{{$item.value}}"><a>{{$item.value}}</a></li>{{/items}}</ul>';
+
+            this.options.source = function(release) {
+                release(times[$this.options.format] || times['12h']);
+            };
+
+            if (this.element.is('input')) {
+                this.element.wrap('<div class="uk-autocomplete"></div>');
+                container = this.element.parent();
+            } else {
+                container = this.element.addClass('uk-autocomplete');
+            }
+
+            this.autocomplete = UI.autocomplete(container, this.options);
+            this.autocomplete.dropdown.addClass('uk-dropdown-small uk-dropdown-scrollable');
+
+            this.autocomplete.on('show.uk.autocomplete', function() {
+
+                var selected = $this.autocomplete.dropdown.find('[data-value="'+$this.autocomplete.input.val()+'"]');
+
+                setTimeout(function(){
+                    $this.autocomplete.pick(selected, true);
+                }, 10);
+            });
+
+            this.autocomplete.input.on('focus', function(){
+
+                $this.autocomplete.value = Math.random();
+                $this.autocomplete.triggercomplete();
+
+            }).on('blur', UI.Utils.debounce(function() {
+                $this.checkTime();
+            }, 100));
+
+            this.element.data("timepicker", this);
+        },
+
+        checkTime: function() {
+
+            var arr, timeArray, meridian = 'AM', hour, minute, time = this.autocomplete.input.val();
+
+            if (this.options.format == '12h') {
+                arr = time.split(' ');
+                timeArray = arr[0].split(':');
+                meridian = arr[1];
+            } else {
+                timeArray = time.split(':');
+            }
+
+            hour   = parseInt(timeArray[0], 10);
+            minute = parseInt(timeArray[1], 10);
+
+            if (isNaN(hour))   hour = 0;
+            if (isNaN(minute)) minute = 0;
+
+            if (this.options.format == '12h') {
+                if (hour > 12) {
+                    hour = 12;
+                } else if (hour < 0) {
+                    hour = 12;
+                }
+
+                if (meridian === 'am' || meridian === 'a') {
+                    meridian = 'AM';
+                } else if (meridian === 'pm' || meridian === 'p') {
+                    meridian = 'PM';
+                }
+
+                if (meridian !== 'AM' && meridian !== 'PM') {
+                    meridian = 'AM';
+                }
+
+            } else {
+
+                if (hour >= 24) {
+                    hour = 23;
+                } else if (hour < 0) {
+                    hour = 0;
+                }
+            }
+
+            if (minute < 0) {
+                minute = 0;
+            } else if (minute >= 60) {
+                minute = 0;
+            }
+
+            this.autocomplete.input.val(this.formatTime(hour, minute, meridian)).trigger('change');
+        },
+
+        formatTime: function(hour, minute, meridian) {
+            hour = hour < 10 ? '0' + hour : hour;
+            minute = minute < 10 ? '0' + minute : minute;
+            return hour + ':' + minute + (this.options.format == '12h' ? ' ' + meridian : '');
+        }
+    });
+
+    // helper
+
+    function getTimeRange(start, end) {
+
+        start = start || 0;
+        end   = end || 24;
+
+        var times = {'12h':[], '24h':[]}, i, h;
+
+        for (i = start, h=''; i<end; i++) {
+
+            h = ''+i;
+
+            if (i<10)  h = '0'+h;
+
+            times['24h'].push({value: (h+':00')});
+            times['24h'].push({value: (h+':30')});
+
+            if (i === 0) {
+                h = 12;
+                times['12h'].push({value: (h+':00 AM')});
+                times['12h'].push({value: (h+':30 AM')});
+            }
+
+            if (i > 0 && i<13 && i!==12) {
+                times['12h'].push({value: (h+':00 AM')});
+                times['12h'].push({value: (h+':30 AM')});
+            }
+
+            if (i >= 12) {
+
+                h = h-12;
+                if (h === 0) h = 12;
+                if (h < 10) h = '0'+String(h);
+
+                times['12h'].push({value: (h+':00 PM')});
+                times['12h'].push({value: (h+':30 PM')});
+            }
+        }
+
+        return times;
+    }
+
+});