uikit-sass-rails 1.0.0 → 1.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 69a0a42e0723cc749a76e11d1985095d0b5a2b35
-  data.tar.gz: 5c16dfb727b9d563ce4edb9fff905fd66d6a1262
+  metadata.gz: 406daf2bfbbdaf2e01be2f3713673cf760f63d5a
+  data.tar.gz: ccf9bd06b704d6d97d7c70b87d39de286e49e606
 SHA512:
-  metadata.gz: 254a1dd2308bd02d8c2c44d0af39c95c5b6c96976aba19ef0677d5426728784302f34cd6074e483cd77eaca95d56d76ca4d0089c77cda40a2676a14e6112f2b8
-  data.tar.gz: 2b49b566b88d6a5fff50185646bc94cfe2fbbf6abd600ee91a786fa70f094e6a570754cb2d41f885ead8c716576a335e8c1bfda810f9a7932d9f74fb79483c96
+  metadata.gz: 92b6fc279c87b121bcf65c49ff45c3c901d0bb22ddeb191fbe94e6232444b9daf10f1e2ff735384585020c21476a67d3c59adbe844f72a868d8a1c548d1d27e4
+  data.tar.gz: e829b1d4d3e7c5c6ff9c50d588fb4bcd544586f7393d66ada01de2d90448337856b50cc785a0b1f7d30290e1c43a01167a11f50ed074e09ec14750fef728531f

data/CHANGELOG.md

@@ -1,3 +1,7 @@
+## 1.1.0
+- UIkit 2.9.0
+- Support for Rails 3
+
 ## 1.0.0
 - Working version with UIkit 2.8.0 and Font Awesome 4.1.0
 

data/README.md

@@ -1,6 +1,6 @@
 # Uikit::Sass:Rails
 
-[![Gem Version](https://badge.fury.io/rb/uikit-sass-rails.png)](http://badge.fury.io/rb/uikit-sass-rails)
+[![Gem Version](https://badge.fury.io/rb/uikit-sass-rails.svg)](http://badge.fury.io/rb/uikit-sass-rails)
 
 Uikit::Sass:Rails is a gem to make it super easy to use UIkit in your Rails project. It is written in Sass and compatible with the asset pipeline in Rails. You can start using Uikit::Sass:Rails in your projects by following the instructions below.
 

data/lib/uikit/sass/rails/version.rb

@@ -1,7 +1,7 @@
 module Uikit
   module Sass
     module Rails
-      VERSION = '1.0.0'
+      VERSION = '1.1.0'
     end
   end
 end

data/uikit-sass-rails.gemspec

@@ -11,7 +11,7 @@ Gem::Specification.new do |gem|
   gem.summary     = 'UIkit on Sass for Rails'
   gem.description = 'Uikit::Sass:Rails is a gem to make it super easy to use UIkit in your Rails project.'
 
-  gem.authors  = ['MarSec']
+  gem.authors  = ['Christian Worreschk']
   gem.email    = ['info@marsec.de']
   gem.homepage = 'http://github.com/marsec/uikit-sass-rails'
   gem.licenses  = ['EUPL-1.1']
@@ -20,5 +20,5 @@ Gem::Specification.new do |gem|
   gem.files         = `git ls-files`.split($/)
   gem.extra_rdoc_files = ['README.md', 'LICENSE.md', 'CHANGELOG.md']
 
-  gem.add_runtime_dependency 'sass-rails', '~> 3.1'
+  gem.add_runtime_dependency 'sass-rails', '>= 3.1'
 end

data/vendor/assets/javascripts/uikit.js

@@ -1,5 +1,6 @@
 //= require uikit/uikit
 
+//= require uikit/addons/cover
 //= require uikit/addons/datepicker
 //= require uikit/addons/form-password
 //= require uikit/addons/form-select

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

@@ -1,4 +1,4 @@
-/*! UIkit 2.8.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/*! UIkit 2.9.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
 
 (function(addon) {
 
@@ -252,10 +252,9 @@
                             url: this.options.source,
                             data: params,
                             type: this.options.method,
-                            dataType: 'json',
-                            complete: function(xhr) {
-                                release(xhr.responseJSON || []);
-                            }
+                            dataType: 'json'
+                        }).done(function(json) {
+                            release(json || []);
                         });
 
                         break;
@@ -294,7 +293,7 @@
     });
 
     // init code
-    $(document).on("focus.autocomplete.uikit", "[data-uk-autocomplete]", function(e) {
+    UI.$doc.on("focus.autocomplete.uikit", "[data-uk-autocomplete]", function(e) {
 
         var ele = $(this);
         if (!ele.data("autocomplete")) {

data/vendor/assets/javascripts/uikit/addons/cover.js

@@ -0,0 +1,90 @@
+/*! UIkit 2.9.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-cover", ["uikit"], function(){
+            return component || addon(jQuery, jQuery.UIkit);
+        });
+    }
+
+})(function($, UI){
+
+    "use strict";
+
+    UI.component('cover', {
+
+        defaults: {
+            automute : true
+        },
+
+        init: function() {
+
+            this.parent    = this.element.parent();
+            this.dimension = {w: this.element.width(), h: this.element.height()};
+            this.ratio     = this.dimension.w / this.dimension.h;
+
+            UI.$win.on('load resize orientationchange', UI.Utils.debounce(function(){
+                this.check();
+            }.bind(this), 100));
+
+            this.check();
+
+            this.element.data("cover", this);
+
+
+            if (this.element.is('iframe') && this.options.automute) {
+
+                var src = this.element.attr('src');
+
+                this.element.attr('src', '').on('load', function(){
+
+                    this.contentWindow.postMessage('{ "event": "command", "func": "mute", "method":"setVolume", "value":0}', '*');
+
+                }).attr('src', [src, (src.indexOf('?') > -1 ? '&':'?'), 'enablejsapi=1&api=1'].join(''));
+            }
+        },
+
+        check: function() {
+
+            var w = this.parent.width(), h = this.parent.height(), width, height;
+
+            // if element height < parent height (gap underneath)
+            if ((w / this.ratio) < h) {
+
+                width  = Math.ceil(h * this.ratio);
+                height = h;
+
+            // element width < parent width (gap to right)
+            } else {
+
+                width  = w;
+                height = Math.ceil(w / this.ratio);
+            }
+
+            this.element.css({
+                'width'  : width,
+                'height' : height
+            });
+        }
+    });
+
+    // auto init
+    UI.ready(function(context) {
+
+        $("[data-uk-cover]", context).each(function(){
+
+            var ele = $(this);
+
+            if(!ele.data("cover")) {
+                var plugin = UI.cover(ele, UI.Utils.options(ele.attr("data-uk-cover")));
+            }
+        });
+    });
+});

data/vendor/assets/javascripts/uikit/addons/datepicker.js

@@ -1,4 +1,4 @@
-/*! UIkit 2.8.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/*! UIkit 2.9.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
 
 (function(addon) {
 
@@ -277,12 +277,27 @@
             }
 
             return data;
+        },
+
+        hide: function() {
+
+            if (active && active === this) {
+                dropdown.hide();
+                active = false;
+            }
+        }
+    });
+
+    UI.$win.on("resize orientationchange", function() {
+
+        if (active) {
+            active.hide();
         }
     });
 
 
     // init code
-    $(document).on("focus.datepicker.uikit", "[data-uk-datepicker]", function(e) {
+    UI.$doc.on("focus.datepicker.uikit", "[data-uk-datepicker]", function(e) {
 
         var ele = $(this);
         if (!ele.data("datepicker")) {
@@ -292,13 +307,12 @@
         }
     });
 
-    $(document).on("click.datepicker.uikit", function(e) {
+    UI.$doc.on("click.datepicker.uikit", function(e) {
 
         var target = $(e.target);
 
         if (active && target[0] != dropdown[0] && !target.data("datepicker") && !target.parents(".uk-datepicker:first").length) {
-            dropdown.hide();
-            active = false;
+            active.hide();
         }
     });
 

data/vendor/assets/javascripts/uikit/addons/form-password.js

@@ -1,4 +1,4 @@
-/*! UIkit 2.8.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/*! UIkit 2.9.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
 
 (function(addon) {
 
@@ -46,7 +46,7 @@
     });
 
     // init code
-    $(document).on("click.formpassword.uikit", "[data-uk-form-password]", function(e) {
+    UI.$doc.on("click.formpassword.uikit", "[data-uk-form-password]", function(e) {
 
         var ele = $(this);
         if (!ele.data("formPassword")) {

data/vendor/assets/javascripts/uikit/addons/form-select.js

@@ -1,4 +1,4 @@
-/*! UIkit 2.8.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/*! UIkit 2.9.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
 
 (function(addon) {
 
@@ -47,9 +47,9 @@
     });
 
     // init code
-    $(document).on("uk-domready", function(e) {
+    UI.ready(function(context) {
 
-        $("[data-uk-form-select]").each(function(){
+        $("[data-uk-form-select]", context).each(function(){
             var ele = $(this);
 
             if (!ele.data("formSelect")) {

data/vendor/assets/javascripts/uikit/addons/htmleditor.js

@@ -1,4 +1,4 @@
-/*! UIkit 2.8.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/*! UIkit 2.9.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
 
 (function(addon) {
 
@@ -21,13 +21,14 @@
     UI.component('htmleditor', {
 
         defaults: {
+            iframe       : false,
             mode         : 'split',
             markdown     : false,
             autocomplete : true,
             height       : 500,
             maxsplitsize : 1000,
             markedOptions: { gfm: true, tables: true, breaks: true, pedantic: true, sanitize: false, smartLists: true, smartypants: false, langPrefix: 'lang-'},
-            codemirror   : { mode: 'htmlmixed', tabMode: 'indent', tabsize: 4, lineWrapping: true, dragDrop: false, autoCloseTags: true, matchTags: true, autoCloseBrackets: true, matchBrackets: true, indentUnit: 4, hintOptions: {completionSingle:false} },
+            codemirror   : { mode: 'htmlmixed', lineWrapping: true, dragDrop: false, autoCloseTags: true, matchTags: true, autoCloseBrackets: true, matchBrackets: true, indentUnit: 4, indentWithTabs: false, tabSize: 4, hintOptions: {completionSingle:false} },
             toolbar      : [ 'bold', 'italic', 'strike', 'link', 'image', 'blockquote', 'listUl', 'listOl' ],
             lblPreview   : 'Preview',
             lblCodeview  : 'HTML',
@@ -57,9 +58,30 @@
             this.editor.on('change', function() { $this.editor.save(); });
             this.code.find('.CodeMirror').css('height', this.options.height);
 
-            $(window).on('resize', UI.Utils.debounce(function() { $this.fit(); }, 200));
+            // iframe mode?
+            if (this.options.iframe) {
 
-            var previewContainer = $this.preview.parent(),
+                this.iframe = $('<iframe class="uk-htmleditor-iframe" frameborder="0" scrolling="auto" height="100" width="100%"></iframe>');
+                this.preview.append(this.iframe);
+
+                // must open and close document object to start using it!
+                this.iframe[0].contentWindow.document.open();
+                this.iframe[0].contentWindow.document.close();
+
+                this.preview.container = $(this.iframe[0].contentWindow.document).find('body');
+
+                // append custom stylesheet
+                if (typeof(this.options.iframe) === 'string') {
+                   this.preview.container.parent().append('<link rel="stylesheet" href="'+this.options.iframe+'">');
+                }
+
+            } else {
+                this.preview.container = this.preview;
+            }
+
+            UI.$win.on('resize', UI.Utils.debounce(function() { $this.fit(); }, 200));
+
+            var previewContainer = this.iframe ? this.preview.container:$this.preview.parent(),
                 codeContent      = this.code.find('.CodeMirror-sizer'),
                 codeScroll       = this.code.find('.CodeMirror-scroll').on('scroll', UI.Utils.debounce(function() {
 
@@ -67,7 +89,7 @@
 
                     // calc position
                     var codeHeight       = codeContent.height() - codeScroll.height(),
-                        previewHeight    = previewContainer[0].scrollHeight - previewContainer.height(),
+                        previewHeight    = previewContainer[0].scrollHeight - ($this.iframe ? $this.iframe.height() : previewContainer.height()),
                         ratio            = previewHeight / codeHeight,
                         previewPostition = codeScroll.scrollTop() * ratio;
 
@@ -123,6 +145,10 @@
                 $this.redraw();
             });
 
+            this.element.attr('data-uk-check-display', 1).on('uk-check-display', function(e) {
+                if(this.htmleditor.is(":visible")) this.fit();
+            }.bind(this));
+
             editors.push(this);
         },
 
@@ -247,7 +273,7 @@
             if (!this.currentvalue) {
 
                 this.element.val('');
-                this.preview.html('');
+                this.preview.container.html('');
 
                 return;
             }
@@ -255,7 +281,7 @@
             this.trigger('render', [this]);
             this.trigger('renderLate', [this]);
 
-            this.preview.html(this.currentvalue);
+            this.preview.container.html(this.currentvalue);
         },
 
         addShortcut: function(name, callback) {
@@ -442,7 +468,8 @@
 
                 setTimeout(function() {
                     editor.fit();
-                }, 10);
+                    UI.$win.trigger('resize');
+                }, 50);
             });
 
             editor.addShortcut(['Ctrl-S', 'Cmd-S'], function() { editor.element.trigger('htmleditor-save', [editor]); });
@@ -584,11 +611,5 @@
         });
     });
 
-    $(document).on("uk-check-display", function(e) {
-        editors.forEach(function(item) {
-            if(item.htmleditor.is(":visible")) item.fit();
-        });
-    });
-
     return UI.htmleditor;
 });

data/vendor/assets/javascripts/uikit/addons/nestable.js

@@ -1,4 +1,4 @@
-/*! UIkit 2.8.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/*! UIkit 2.9.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
 
 /*
  * Based on Nestable jQuery Plugin - Copyright (c) 2012 David Bushell - http://dbushell.com/
@@ -22,7 +22,7 @@
     var hasTouch     = 'ontouchstart' in window,
         html         = $("html"),
         touchedlists = [],
-        $win         = $(window);
+        $win         = UI.$win;
 
     /**
      * Detect CSS pointer-events property
@@ -558,15 +558,16 @@
 
     });
 
-    $(document).on("uk-domready", function(e) {
+    // init code
+    UI.ready(function(context) {
 
-        $("[data-uk-nestable]").each(function(){
+        $("[data-uk-nestable]", context).each(function(){
 
-          var ele = $(this);
+            var ele = $(this);
 
-          if(!ele.data("nestable")) {
-              var plugin = UI.nestable(ele, UI.Utils.options(ele.attr("data-uk-nestable")));
-          }
+            if(!ele.data("nestable")) {
+                 var plugin = UI.nestable(ele, UI.Utils.options(ele.attr("data-uk-nestable")));
+            }
         });
     });
 

data/vendor/assets/javascripts/uikit/addons/notify.js

@@ -1,4 +1,4 @@
-/*! UIkit 2.8.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/*! UIkit 2.9.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
 
 (function(addon) {
 
@@ -120,6 +120,8 @@
                         containers[$this.options.pos].hide();
                     }
 
+                    $this.options.onClose.apply($this, []);
+
                     delete messages[$this.uuid];
                 };
 
@@ -166,7 +168,8 @@
         status: "",
         timeout: 5000,
         group: null,
-        pos: 'top-center'
+        pos: 'top-center',
+        onClose: function() {}
     };
 
     UI.notify          = notify;

data/vendor/assets/javascripts/uikit/addons/pagination.js

@@ -1,4 +1,4 @@
-/*! UIkit 2.8.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/*! UIkit 2.9.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
 
 /*
  * Based on simplePagination - Copyright (c) 2012 Flavius Matis - http://flaviusmatis.github.com/simplePagination.js/ (MIT)
@@ -131,9 +131,9 @@
     });
 
     // init code
-    $(document).on("uk-domready", function(e) {
+    UI.ready(function(context) {
 
-        $("[data-uk-pagination]").each(function(){
+        $("[data-uk-pagination]", context).each(function(){
             var ele = $(this);
 
             if (!ele.data("pagination")) {