metro-ui-rails 0.15.8.14 → 0.15.8.15

data/lib/metro/ui/rails/version.rb

@@ -1,7 +1,7 @@
 module Metro
   module Ui
     module Rails
-      VERSION = "0.15.8.14"
+      VERSION = "0.15.8.15"
     end
   end
 end

data/metro-ui-rails.gemspec

@@ -15,6 +15,6 @@ Gem::Specification.new do |gem|
   gem.files         = `git ls-files`.split($/)
   gem.require_paths = ["lib"]
 
-  gem.add_runtime_dependency 'less-rails', '~> 2.2.3'
+  gem.add_runtime_dependency 'less-rails', '> 2.2.3'
   gem.add_development_dependency 'rails', '>= 3.1'
 end

data/vendor/assets/javascripts/metro-ui.js

@@ -1,14 +1,16 @@
 //= require jquery.mousewheel.min.js
-//= require metro-ui/pagecontrol
 //= require metro-ui/accordion
+//= require metro-ui/buttonset
 //= require metro-ui/calendar
-//= require metro-ui/tile-drag
-//= require metro-ui/dropdown
-//= require metro-ui/start-menu
-//= require metro-ui/dialog
-//= require metro-ui/tile-slider
 //= require metro-ui/carousel
-//= require metro-ui/buttonset
+//= require metro-ui/contextmenu
+//= require metro-ui/dialog
+//= require metro-ui/dropdown
 //= require metro-ui/input-control
+//= require metro-ui/pagecontrol
+//= require metro-ui/pagelist
 //= require metro-ui/rating
 //= require metro-ui/slider
+//= require metro-ui/start-menu
+//= require metro-ui/tile-drag
+//= require metro-ui/tile-slider

data/vendor/assets/javascripts/metro-ui/contextmenu.js

@@ -0,0 +1,11 @@
+$(function(){
+$(".contextmenu").hide();
+$(document).on("contextmenu", function(event) { 
+    event.preventDefault();
+    $(".contextmenu")
+    .show()
+    .css({top: event.pageY + "px", left: event.pageX + "px"});
+}).on("click", function(event) {
+    $(".contextmenu").hide();
+});
+});

data/vendor/assets/javascripts/metro-ui/dialog.js

@@ -1,6 +1,6 @@
 /*  Author: Valerio Battaglia (vabatta)
  *  Description: Function to create dialog box. You can have a dialog box open at once.
- *  Version: 1.0a
+ *  Version: 1.1b
  *
  *  Params:
  *      title - Title of the dialog box (HTML format)
@@ -9,6 +9,7 @@
  *      overlay - Set the overlay of the page, available: true, false (default: true)
  *      closeButton - Enable or disable the close button, available: true, false (default: false)
  *      buttonsAlign - Align of the buttons, available: left, center, right (default: center)
+ *      keepOpened - Keep the window opened after buttons click, available: true, false (default: false)
  *      buttons - Set buttons in the action bar (JSON format)
  *          name - Text of the button (JSON format)
  *              action - Function to bind to the button
@@ -17,20 +18,29 @@
  *          offsetY - Top offset pixels
  *          offsetX - Left offset pixels
  *      
+ *  API:
+ *      $.Dialog.content() - Getter or setter for the content of opened dialog (HTML format)
+ *      $.Dialog.title() - Getter or setter for the title of opened dialog (HTML format)
+ *      $.Dialog.buttons() - Setter for the buttons of opened dialog (JSON Format)
+ *      $.Dialog.close() - Close, if any, current dialog box
+ *
  *   Goal for next versions:
  *      Add style param to set custom css to the dialog box controls
  *      Add possibility to resize window
+ *      Create setup with steps
  */
 
 (function($) {
     $.Dialog = function(params) {
-        if(!$.DialogOpened) {
-            $.DialogOpened = true;
+        if(!$.Dialog.opened) {
+            $.Dialog.opened = true;
         } else {
             return false;
         }
 
-        params = $.extend({'position':{'zone':'center'},'overlay':true}, params);
+        $.Dialog.settings = params;
+
+        params = $.extend({ 'position': {'zone': 'center'}, 'overlay': true }, params);
 
         var buttonsHTML = '<div';
 
@@ -42,7 +52,7 @@
             buttonsHTML += '>';
         }
 
-        $.each(params.buttons, function(name,obj) {
+        $.each(params.buttons, function(name, obj) {
             // Generating the markup for the buttons
 
             buttonsHTML += '<button>' + name + '</button>';
@@ -60,9 +70,9 @@
 
             '<div id="dialogOverlay">',
             '<div id="dialogBox" class="dialog">',
-            '<div class="header">',
-            params.title,
-            (params.closeButton)?('<div><button class="tool-button"><i class="icon-cancel-2"></i></button></div>'):(''),
+            '<div class="header"><span>',
+            params.title,'</span>',
+            (params.closeButton)?('<div><button><i class="icon-cancel-2"></i></button></div>'):(''),
             '</div>',
             '<div class="content">', params.content, '</div>',
             '<div class="action" id="dialogButtons">',
@@ -109,44 +119,134 @@
                     drg_w = $drag.outerWidth(),
                     pos_y = $drag.offset().top + drg_h - e.pageY,
                     pos_x = $drag.offset().left + drg_w - e.pageX;
+
                 $drag.css('z-index', 99999).parents().on("mousemove", function(e) {
-                    $('.draggable').offset({
-                        top:e.pageY + pos_y - drg_h,
-                        left:e.pageX + pos_x - drg_w
-                    }).on("mouseup", function() {
+                    var t = (e.pageY > 0)?(e.pageY + pos_y - drg_h):(0);
+                    var l = (e.pageX > 0)?(e.pageX + pos_x - drg_w):(0);
+
+                    if(t >= 0 && t <= window.innerHeight) {
+                        $('.draggable').offset({top: t});
+                    }
+                    if(l >= 0 && l <= window.innerWidth) {
+                        $('.draggable').offset({left: l});
+                    }
+
+                    $('.draggable').on("mouseup", function() {
                         $(this).removeClass('draggable').css('z-index', z_idx);
                     });
                 });
-                e.preventDefault(); // disable selection
+                // disable selection
+
+                e.preventDefault();
             }).on("mouseup", function() {
                 $(this).removeClass('active-handle').parent().removeClass('draggable');
             });
         }
 
         $('#dialogBox .header button').click(function() { 
-            // Bind close button to hide dialog
+            // Bind close button to close dialog
 
-            $.Dialog.hide();
+            $.Dialog.close();
             return false;
         });
 
         var buttons = $('#dialogBox .action button'),
             i = 0;
 
-        $.each(params.buttons,function(name,obj){
-            buttons.eq(i++).click(function(){
-                // Calling function and hide the dialog   
+        $.each(params.buttons, function(name, obj) {
+            buttons.eq(i++).click(function() {
+                // Calling function and close the dialog   
+
+                var result = obj.action();
+                if(!params.keepOpened || result != false) {
+                   $.Dialog.close();
+                   return false;
+                }
+            });
+        });
+    }
+
+    $.Dialog.content = function(newContent) {
+        // Prevent using function without dialog opened
+        if(!$.Dialog.opened) {
+            return false;
+        }
+
+        if(newContent) {
+            $('#dialogBox .content').html(newContent);
+        } else {
+            return $('#dialogBox .content').html();
+        }
+    }
+
+    $.Dialog.title = function(newTitle) {
+        // Prevent using function without dialog opened
+        if(!$.Dialog.opened) {
+            return false;
+        }
+
+        if(newTitle) {
+            $('#dialogBox .header span').html(newTitle);
+        } else {
+            return $('#dialogBox .header span').html();
+        }
+    }
+
+    $.Dialog.buttons = function(newButtons) {
+        // Prevent using function without dialog opened or no params
+        if(!$.Dialog.opened || !newButtons) {
+            return false;
+        }
+        
+        var buttonsHTML = '<div';
+
+        // Buttons position
+        if($.Dialog.settings.buttonsAlign)
+        {
+            buttonsHTML += ' style=" float: ' + $.Dialog.settings.buttonsAlign + ';">';
+        } else {
+            buttonsHTML += '>';
+        }
+
+        $.each(newButtons, function(name, obj) {
+            // Generating the markup for the buttons
+
+            buttonsHTML += '<button>' + name + '</button>';
+            
+            if(!obj.action) 
+            {
+                obj.action = function() {};
+            }
+        });
+
+        buttonsHTML += '</div>';
+
+        $('#dialogButtons').html(buttonsHTML);
+
+        var buttons = $('#dialogBox .action button'),
+            i = 0;
+
+        $.each(newButtons, function(name, obj) {
+            buttons.eq(i++).click(function() {
+                // Calling function and close the dialog   
 
                 obj.action();
-                $.Dialog.hide();
+                if(!$.Dialog.settings.keepOpened) {
+                   $.Dialog.close();
+                }
                 return false;
             });
         });
     }
 
-    $.Dialog.hide = function(){
-        $('#dialogOverlay').fadeOut(function(){
-            $.DialogOpened = false;
+    $.Dialog.close = function() {
+        // Prevent using function without dialog opened
+        if(!$.Dialog.opened) {
+            return false;
+        }
+
+        $('#dialogOverlay').fadeOut(function() {
+            $.Dialog.opened = false;
             $(this).remove();
         });
     }

data/vendor/assets/javascripts/metro-ui/dropdown.js

@@ -12,17 +12,26 @@
                 $(this).slideUp('fast', function(){});
                 $(this).parent().removeClass("active");
             });
-        }
+        };
 
         var initSelectors = function(selectors){
-            selectors.on('click', function(e){
-                e.stopPropagation();
+        	selectors.off("click.dropdown");
+            selectors.on('click.dropdown', function(e){
+                //e.stopPropagation();
                 //$("[data-role=dropdown]").removeClass("active");
+            	if($(e.originalEvent.target).parent().is("[data-role]")) e.stopPropagation();
 
                 clearDropdown();
                 $(this).parents("ul").css("overflow", "visible");
 
                 var $m = $(this).children(".dropdown-menu, .sidebar-dropdown-menu");
+                $(this).parents("ul").children(".dropdown").children(".dropdown-menu, .sidebar-dropdown-menu").each(function(){
+                    if(!$(this).hasClass("keep-opened") && !$m.hasClass("keep-opened")) {
+                        $(this).slideUp('fast');
+                        $(this).parents("li").removeClass("active");
+                    }
+                });
+                
                 if ($m.css('display') == "block") {
                     $m.slideUp('fast');
                     $(this).removeClass("active");
@@ -34,24 +43,25 @@
                 //$(this).children(".dropdown-menu").hide();
             });
             $('html').on("click", function(e){
-                clearDropdown();
+            	if(e.originalEvent && $(e.originalEvent.target).parents('[data-role="dropdown"]').length == 0)
+            		clearDropdown();
             });
-        }
+        };
 
         return this.each(function(){
             if ( options ) {
-                $.extend(defaults, options)
+                $.extend(defaults, options);
             }
 
             initSelectors($this);
         });
-    }
+    };
 
     $(function () {
         $('[data-role="dropdown"]').each(function () {
             $(this).Dropdown();
-        })
-    })
+        });
+    });
 })(window.jQuery);
 
 
@@ -76,20 +86,20 @@
                 }
                 //$(this).toggleClass("active");
             });
-        }
+        };
 
         return this.each(function(){
             if ( options ) {
-                $.extend(defaults, options)
+                $.extend(defaults, options);
             }
 
             initSelectors($this);
         });
-    }
+    };
 
     $(function () {
         $('.pull-menu, .menu-pull').each(function () {
             $(this).PullDown();
-        })
-    })
-})(window.jQuery);
+        });
+    });
+})(window.jQuery);

data/vendor/assets/javascripts/metro-ui/pagecontrol.js

@@ -12,6 +12,13 @@
             ;
 
         var initSelectors = function(selectors){
+            $.each(selectors, function(i, s){
+                if ($(s).parent("li").hasClass("active")) {
+                    var target = $(s).attr("href");
+                    $(target).show();
+                }
+            })
+
             selectors.on('click', function(e){
                 e.preventDefault();
                 var $a = $(this);

data/vendor/assets/javascripts/metro-ui/pagelist.js

@@ -0,0 +1,243 @@
+/*  Author: Kation
+ *  Description: Function to create page list.
+ *  Version: 0.1.1
+ *
+ *  Tutorial:
+ *      var page = $("#page").pagelist();
+ *      page.total = 10;  //Total pages
+ *      page.current = 5;  //Current page
+ *      page.showcount = 2;  //Default is 2
+ *      page.url = "/List?page={page}";  //Jump url
+ *      page.ajax = "#contnet";  //if you want to use ajax, set value to target element, defaul is null
+ *      //If you want to use your own template
+ *      //page.pageTemplate = '...';
+ *      //page.pageSideTemplate = '...';
+ *      //page.pageItemTemplate = '...';
+ *      //page.pageCurrentTemplate = '...';
+ *      //page.pageMoreTemplate = '...';
+ *      //page.pageJumpTemplate = '...';
+ *      page.create(); //Create page list
+ */
+
+(function ($) {
+    $.extend($.fn, {
+        pagelist: function () {
+            //Invoke element
+            this.element = $(this);
+            //Total Page
+            this.total = 1;
+            //Current Page
+            this.current = 1;
+            //Url with {page} parameter
+            //Example : /List?page={page}
+            this.url = '';
+            //If showcount = 2, current = 5, total = 10
+            //You will see like this
+            //1 ... 3 4 5 6 7 ... 10
+            //Show 3 to 7
+            this.showcount = 2;
+            //Page list Template
+            //Must have {previous},{content},{next}
+            //Optional {jump}
+            this.pageTemplate = '<div class="pagelist"><div class="pagePrevious">{previous}</div><div class="pageContent">{content}</div><div class="pageNext">{next}</div><div class="pageJump">{jump}</div></div>';
+            //Previous, Next Button Template
+            this.pageSideTemplate = '<a class="button">{page}</a>';
+            //Each Page Item Template, 1,2,3,4...
+            this.pageItemTemplate = '<a class="tool-button">{page}</a>';
+            //Current Page Item Template
+            this.pageCurrentTemplate = '<a class="pageCurrent tool-button">{page}</a>';
+            //'...' Template
+            this.pageMoreTemplate = '<span>...</span>';
+            //Jump Template
+            //Must have id="pageGoValue", id="pageGo"
+            this.pageJumpTemplate = '<input type="text" id="pageGoValue" /><button class="tool-button" id="pageGo"></button>';
+            //Ajax target , example : '#content'
+            this.ajax = null;
+            //Ajax success execute function
+            this.ajaxResult = function (pageList, result) {
+                $(pageList.ajax).html(result);
+            };
+            //Display text of buttons
+            this.text = {
+                previous: 'Previous',
+                next: 'Next',
+                go: 'Go'
+            };
+            //Execute when navigate to a page
+            this.click = function (pageList, page) {
+                var url = pageList.url.replace('{page}', page);
+                if (pageList.ajax != null) {
+                    $.ajax({
+                        url: url,
+                        async: true,
+                        success: function (result, status) {
+                            pageList.ajaxResult(pageList, result);
+                        }
+                    });
+                }
+                else {
+                    location.href = url;
+                }
+            };
+
+            var pageContent = null;
+            var previousContent = null;
+            var nextContent = null;
+            var jumpContent = null;
+            //Create page list elements.
+            this.create = function () {
+                var pageDivString = this.pageTemplate.replace('{content}', '<div id="pageContent"/>');
+                pageDivString = pageDivString.replace('{previous}', '<div id="pagePrevious"/>');
+                pageDivString = pageDivString.replace('{next}', '<div id="pageNext"/>');
+                pageDivString = pageDivString.replace('{jump}', '<div id="pageJump"/>');
+                var pageDiv = $(pageDivString);
+                pageContent = pageDiv.find('#pageContent').parent();
+                previousContent = pageDiv.find('#pagePrevious').parent();
+                nextContent = pageDiv.find('#pageNext').parent();
+                if (pageDiv.find('#pageJump').length != 0)
+                    jumpContent = pageDiv.find('#pageJump').parent();
+                rebuildPage(pageContent, previousContent, nextContent, jumpContent, this);
+                this.element.append(pageDiv);
+            }
+
+            //Navigate function
+            this.navigateTo = function (page) {
+                if (page == '-1') {
+                    if (this.current == 1) {
+                        return false;
+                    }
+                    this.current--;
+                }
+                else if (page == '+1') {
+                    if (this.current == this.total) {
+                        return false;
+                    }
+                    this.current++;
+                }
+                else {
+                    try
+                    {
+                        var val = Math.round(new Number(page));
+                        if (val < 1 || val > this.total || isNaN(val))
+                            return false;
+                        this.current = val;
+                    }
+                    catch (err) {
+
+                    }
+                }
+                if (this.ajax != null) {
+                    rebuildPage(pageContent, previousContent, nextContent, jumpContent, this);
+                }
+                this.click(this, this.current);
+                return true;
+            }
+
+            return this;
+        }
+    });
+
+    function rebuildPage(pageContent, previousContent, nextContent, jumpContent, pagelist) {
+        var previous = createPage('-1', pagelist.text.previous, pagelist.pageSideTemplate);
+        previous.click(function () {
+            var page = $(this).attr('data-page');
+            pagelist.navigateTo(page);
+        });
+        var next = createPage('+1', pagelist.text.next, pagelist.pageSideTemplate);
+        next.click(function () {
+            var page = $(this).attr('data-page');
+            pagelist.navigateTo(page);
+        });
+        pageContent.html('');
+        previousContent.html('');
+        nextContent.html('');
+        if (jumpContent != null)
+            jumpContent.html('');
+
+        previousContent.append(previous);
+
+        if (pagelist.current - pagelist.showcount > 1) {
+            var first = createPage('1', '1', pagelist.pageItemTemplate);
+            first.click(function () {
+                var page = $(this).attr('data-page');
+                pagelist.navigateTo(page);
+            });
+            pageContent.append(first);
+            pageContent.append($(pagelist.pageMoreTemplate));
+        }
+
+        var start = pagelist.current - pagelist.showcount;
+        var stop = pagelist.current + pagelist.showcount;
+        if (start < 1) {
+            stop += 1 - start;
+            start = 1;
+        }
+        if (stop > pagelist.total) {
+            start -= stop - pagelist.total;
+            stop = pagelist.total;
+        }
+        for (var i = start; i <= stop; i++) {
+            if (i < 1 || i > pagelist.total) {
+                continue;
+            }
+            var page
+            if (i == pagelist.current) {
+                page = createPage(i, i, pagelist.pageCurrentTemplate);
+            } else {
+                page = createPage(i, i, pagelist.pageItemTemplate);
+            }
+            page.click(function () {
+                var page = $(this).attr('data-page');
+                pagelist.navigateTo(page);
+            });
+            pageContent.append(page);
+        }
+
+        if (pagelist.current + pagelist.showcount < pagelist.total) {
+            var last = createPage(pagelist.total, pagelist.total, pagelist.pageItemTemplate);
+            last.click(function () {
+                var page = $(this).attr('data-page');
+                pagelist.navigateTo(page);
+            });
+            pageContent.append($(pagelist.pageMoreTemplate));
+            pageContent.append(last);
+        }
+        nextContent.append(next);
+        if (jumpContent != null) {
+            jumpContent.html(pagelist.pageJumpTemplate);
+            var pageGoValue = jumpContent.find("#pageGoValue");
+            var pageGo = jumpContent.find("#pageGo");
+            pageGo.html(pagelist.text.go);
+            pageGo.click(function () {
+                var result = pagelist.navigateTo(pageGoValue.val());
+                if (result == false) {
+                    $.Dialog({
+                        'title': 'Jump Page',
+                        'content': 'Your input a invalid value.',
+                        'draggable': true,
+                        'overlay': true,
+                        'closeButton': false,
+                        'buttonsAlign': 'right',
+                        'position': {
+                            'zone': 'center'
+                        },
+                        'buttons': {
+                            'OK': {
+                                'action': function () {
+                                    pageGoValue.val('');
+                                }
+                            }
+                        }
+                    });
+                }
+            });
+        }
+    }
+
+    function createPage(page, name, template) {
+        var content = template.replace('{page}', name);
+        var a = $(content);
+        a.attr('data-page', page);
+        return a;
+    }
+}(jQuery));

data/vendor/assets/javascripts/metro-ui/slider.js

@@ -23,7 +23,7 @@ $('.slider').data('value')
 
 (function($) {
 
-    var pluginName = 'slider',
+    var pluginName = 'Slider',
         initAllSelector = '[data-role=slider], .slider',
         paramKeys = ['InitValue', 'Accuracy'];
 
@@ -267,4 +267,4 @@ $('.slider').data('value')
         $()[pluginName]({initAll: true});
     });
 
-})(jQuery);
+})(jQuery);

data/vendor/assets/javascripts/metro-ui/tile-drag.js

@@ -52,7 +52,8 @@
             targetType, // 'new' or 'existing' group
             groupsMaxHeight,
             mouseMoved,
-            tileDragTimer;
+            tileDragTimer,
+            tileStartDragTimer;
 
         plugin.init = function() {
             settings = plugin.settings = $.extend({}, defaults, options);
@@ -65,11 +66,21 @@
             // select all tiles within group
             tiles = $groups.children('.tile');
 
-            tiles.on('mousedown', startDrag);
+            tiles.on('mousedown', function(event) {
+                event.preventDefault();
+                clearTimeout(tileStartDragTimer);
+                var el = $(this);
+                tileStartDragTimer = setTimeout(function() {
+                    startDrag(el, event);
+                }, 1000);
+            }).on('mouseup mouseout', function() {
+                clearTimeout(tileStartDragTimer);
+            });
 
+            //tiles.on('mousedown', startDrag);
         };
 
-        var startDrag = function(event) {
+        var startDrag = function(el, event) {
             var $tile,
                 tilePosition,
                 tilePositionX,
@@ -78,7 +89,8 @@
             event.preventDefault();
 
             // currently dragging tile
-            $tile = $draggingTile = $(this);
+            $tile = $draggingTile = el;
+            //$tile.animate({"width": "-=20px", "height": "-=20px"}, "fast").animate({"width": "+=20px", "height": "+=20px"}, "fast");
 
             // dragging tile dimentions
             draggingTileWidth = $tile.outerWidth();
@@ -104,11 +116,11 @@
             } else if ($tile.hasClass('quadro-vertical')) {
                 $phantomTile.addClass('quadro-vertical');
             }
-            
+
             // place phantom tile instead dragging one
             $phantomTile.insertAfter($tile);
             targetType = 'existing';
-            
+
             // search parent group
             $parentGroup = $tile.parents('.tile-group');
 
@@ -192,7 +204,7 @@
          */
         var dragStop = function (event) {
             var targetGroup;
-            
+
             if (!mouseMoved) {
                 // emulate default click behavior
                 if ($draggingTile.is('a')) {
@@ -245,7 +257,7 @@
 
             $groups = $('[data-role=tile-group], .tile-group');
             $groups.trigger('drop', [$draggingTile, targetGroup]);
-            
+
             $startMenu.trigger('changed');
         };
 
@@ -411,7 +423,7 @@
                     });
                 }
             }
-            
+
             $startMenu.trigger('changed');
             storeAllNecessaryCoordinates();
         };
@@ -485,4 +497,4 @@ $(function(){
     if (allTileGroups.length > 0) {
         $(allTileGroups).TileDrag({});
     }
-});
+});

data/vendor/toolkit/metro-ui/buttons.less

@@ -65,11 +65,14 @@ button, .button {
     color: #353535;
     margin-right: 10px;
     margin-bottom: 10px;
-    border-raduis: 0;
+    border-radius: 0;
+    display: inline-block;
+    text-align: center;
+    vertical-align: middle;
     cursor: pointer;
-    width: auto;
-
-    .clearfix;
+    padding: 4px 10px;
+    position: relative;
+    outline: none;
 
     &.standart {
         min-width: 90px;
@@ -77,6 +80,8 @@ button, .button {
     }
 
     &:active, &.default:active {
+        //background: inherit;
+        //color: inherit; 
         top: 1px;
         left: 1px;
     }
@@ -92,6 +97,10 @@ button, .button {
         color: #fff;
     }
 
+    &:hover, &.default:hover {
+        color: inherit;
+    }
+
     &:focus {
         outline: 0;
         border: 1px #353535 dotted;
@@ -106,6 +115,9 @@ a.button {
     &.big {
         padding: 14px 10px;
     }
+    &.disabled:hover {
+        color: #bebebe;
+    }
 }
 
 button, .button, .tool-button {
@@ -172,7 +184,9 @@ button, .button, .tool-button {
     img {
         width: 16px;
         height: 16px;
+        position: absolute;
         top: 8px;
+        left: 8px;
     }
 }
 
@@ -286,6 +300,7 @@ button, .button, .tool-button {
     & > .icon {
         margin-top: .25em;
         margin-bottom: .25em;
+        font-size: 32px;
         color: #888;
         display: block;
         float: none;
@@ -294,6 +309,7 @@ button, .button, .tool-button {
         display: block;
         font-weight: 400;
         color: #666;
+        background: transparent !important;
     }
 
     & > .badge {
@@ -440,4 +456,4 @@ a.shortcut {
             }
         }
     }
-}
+}

data/vendor/toolkit/metro-ui/contextmenu.less

@@ -0,0 +1,29 @@
+.contextmenu {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    z-index:1000;
+    position: absolute;
+    background-color:#FFFFFF;
+    border-radius:2px;
+    border: 2.5px solid rgb(42,42,42);
+    padding: 2px;
+}
+.item:active {
+    background-color:rgb(0,0,0);
+    color:rgb(255,255,255);
+}
+.item:hover {
+    background-color:rgb(222,222,222);
+}
+.item {
+    background-color:#FFFFFF;
+    padding-right:50px;
+    padding-left:5px;
+    width:auto;
+    padding: 12px;
+    margin:-2px;
+}

data/vendor/toolkit/metro-ui/dialog.less

@@ -14,7 +14,7 @@
 	left: 40%;
 	min-width: 150px;
 	min-height: 155px;
-	z-index: 1000;
+	z-index: 1002;
 	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 
 	.header 
@@ -48,6 +48,13 @@
             [class^="icon-"], [class*=" icon-"] {
                 font-size: 11px;
             }
+
+            i
+			{
+				position: absolute;
+				left: 5px;
+				top: 6px;
+			}
         }
     }
 
@@ -67,6 +74,7 @@
 		bottom: 0;
 		width: auto;
 		height: 40px;
+		padding: 0 10px;
 		font-size: 18px;
 		text-align: center;
 		white-space: nowrap;
@@ -75,6 +83,16 @@
 		border-left: 1px solid rgba(0, 0, 0, 0.2);
 		border-right: 1px solid rgba(0, 0, 0, 0.2);
 		border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+
+		button
+		{
+			margin: 0 10px 0 0;
+		}
+
+		button:last-child
+		{
+			margin: 0;
+		}
 	}
 }
 
@@ -86,5 +104,5 @@
 	top: 0;
 	left: 0;
 	background-color: rgba(235, 235, 235, 0.5);
-	z-index: 1;
+	z-index: 1002;
 }

data/vendor/toolkit/metro-ui/forms.less

@@ -277,6 +277,7 @@
 .input-control > input[type=email],
 .input-control > input[type=url],
 .input-control > input[type=phone],
+.input-control > input[type=tel],
 .input-control > input[type=password],
 .input-control > input[type=number],
 .input-control > input[type=time],
@@ -308,6 +309,7 @@
 .input-control > input[type=email]::-ms-clear,
 .input-control > input[type=url]::-ms-clear,
 .input-control > input[type=phone]::-ms-clear,
+.input-control > input[type=tel]::-ms-clear,
 .input-control > input[type=number]::-ms-clear,
 .input-control > input[type=time]::-ms-clear {
     display: none;
@@ -331,6 +333,7 @@
         input[type=password]:not(:focus),
         input[type=email]:not(:focus),
         input[type=phone]:not(:focus),
+        input[type=tel]:not(:focus),
         input[type=number]:not(:focus),
         input[type=time]:not(:focus),
         input[type=url]:not(:focus) {
@@ -343,6 +346,7 @@
         input[type=password]:focus,
         input[type=email]:focus,
         input[type=phone]:focus,
+        input[type=tel]:focus,
         input[type=number]:focus,
         input[type=time]:focus,
         input[type=url]:focus {
@@ -356,6 +360,7 @@
         input[type=password]:not(:focus),
         input[type=email]:not(:focus),
         input[type=phone]:not(:focus),
+        input[type=tel]:not(:focus),
         input[type=number]:not(:focus),
         input[type=time]:not(:focus),
         input[type=url]:not(:focus) {

data/vendor/toolkit/metro-ui/icons.less

@@ -180,7 +180,7 @@ a, button, .button, .page-control > ul > li {
             font-size: 32px;
             line-height: 32px;
             height: 32px;
-            margin: 0 !important;
+            margin: 10px 0 0 0 !important;
         }
     }
 }

data/vendor/toolkit/metro-ui/layout.less

@@ -1,12 +1,3 @@
-/*
- * Metro UI CSS
- * (c) 2012-2013 by Sergey Pimenov
- * Licensed under the MIT License and Commercial
- *
- * Layout.less
- *
- */
-
 *, *:after, *:before {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
@@ -48,7 +39,7 @@
     height: 100%;
     min-height: 100%;
     width: 100%;
-    .clearfix();
+    .clearfix;
 
     .page-header {
         width: 100%;
@@ -208,6 +199,7 @@
         top: 0;
         left: 0;
         right: 0;
+        z-index: 10000;
     }
 
     .page-region {

data/vendor/toolkit/metro-ui/modern-responsive-max480.less

@@ -146,5 +146,12 @@
         max-width: 400px;
         float: none;
     }
+
+    .page.with-sidebar {
+        .page-region {
+            margin-left: 0;
+            clear: both;
+        }
     }
 }
+}

data/vendor/toolkit/metro-ui/modern-responsive-max767.less

@@ -218,12 +218,17 @@
 
         &.icon {
             & > .tile-content {
-                img {
+                & > img {
                     width: 48px;
                     height: 48px;
                     margin-left: -24px;
                     margin-top: -24px;
                 }
+
+                & > i {
+                    margin-left: -24px;
+                    font-size: 48px;
+                }
             }
         }
 
@@ -245,7 +250,7 @@
                 margin: 5px 10px;
             }
 
-            & > .text {
+            & > img ~ .text {
                 left: 40px;
                 right: 40px;
                 font-size: 8pt;

data/vendor/toolkit/metro-ui/modern.less

@@ -7,8 +7,8 @@
 @import "reset.less";
 
 .metrouicss {
-    @import "typography.less";
     @import "routines.less";
+    @import "typography.less";
     @import "icons.less";
     @import "colors.less";
     @import "bricks.less";
@@ -35,4 +35,6 @@
     @import "slider.less";
     @import "dialog.less";
     @import "calendar.less";
+    @import "contextmenu.less";
+    @import "pagelist.less";
 }

data/vendor/toolkit/metro-ui/pagelist.less

@@ -0,0 +1,53 @@
+/*
+ * Metro UI CSS
+ * (c) 2012-2013 by Sergey Pimenov
+ * Licensed under the MIT License and Commercial
+ *
+ * Pagelist.less
+ *
+ */
+
+.pagelist {
+    padding-bottom: 10px;
+    text-align: center;
+
+    .pagePrevious,
+    .pageNext,
+    .pageContent,
+    .pageJump {
+        display: inline-block;
+
+        input {
+            width: 32px;
+            height: 32px;
+            top: 1px;
+            position: relative;
+            border: 1px #bababa solid;
+        }
+
+        #pageGo {
+            margin: 0px;
+        }
+    }
+
+    .pageContent a {
+        padding-top: 4px;
+    }
+
+    .pagePrevious {
+        text-align: right;
+    }
+
+    .pageNext {
+        text-align: left;
+    }
+
+    a {
+        margin: 4px;
+        cursor: pointer;
+    }
+
+    .pageCurrent {
+        font-weight: bold;
+    }
+}

data/vendor/toolkit/metro-ui/tiles.less

@@ -55,6 +55,22 @@
     overflow: hidden;
 
 
+    .offset1tile {
+        margin-left: @tileSmall + @tileMargin *2;
+    }
+    
+    .upset1tile {
+        margin-top: -1 * (@tileSmall + @tileMargin *2);
+    }
+    
+    .offset1tile {
+        margin-left: @tileDouble + @tileMargin *2;
+    }
+    
+    .upset1tile {
+        margin-top: -1 * (@tileDouble + @tileMargin *2);
+    }
+
     * {
         color: @white;
     }
@@ -121,11 +137,12 @@
                 position: absolute;
                 width: 64px;
                 height: 64px;
-                top: 50%;
+                top: 30%;
                 left: 50%;
                 margin-left: -32px;
-                margin-top: -32px;
+                //margin-top: -32px;
                 font-size: 64px;
+                -webkit-margin-before: -6px; // Workaround for webkit browsers
             }
         }
     }
@@ -305,4 +322,4 @@
 
 .tiles {
     &.scale {}
-}
+}

metadata

@@ -1,45 +1,49 @@
 --- !ruby/object:Gem::Specification
 name: metro-ui-rails
 version: !ruby/object:Gem::Version
-  version: 0.15.8.14
+  version: 0.15.8.15
+  prerelease:
 platform: ruby
 authors:
 - Vilius Luneckas
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2013-03-31 00:00:00.000000000 Z
+date: 2013-09-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: less-rails
-  requirement: !ruby/object:Gem::Requirement
+  version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ~>
+    - - '>'
       - !ruby/object:Gem::Version
         version: 2.2.3
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+  requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ~>
+    - - '>'
       - !ruby/object:Gem::Version
         version: 2.2.3
+    none: false
+  prerelease: false
+  type: :runtime
 - !ruby/object:Gem::Dependency
   name: rails
-  requirement: !ruby/object:Gem::Requirement
+  version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ! '>='
+    - - '>='
       - !ruby/object:Gem::Version
         version: '3.1'
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+  requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ! '>='
+    - - '>='
       - !ruby/object:Gem::Version
         version: '3.1'
-description: metro-ui-rails project integrates Metro-UI CSS toolkit for Rails 3.1
-  Asset Pipeline
+    none: false
+  prerelease: false
+  type: :development
+description: metro-ui-rails project integrates Metro-UI CSS toolkit for Rails 3.1 Asset Pipeline
 email:
 - vilius.luneckas@gmail.com
 executables: []
@@ -72,10 +76,12 @@ files:
 - vendor/assets/javascripts/metro-ui/buttonset.js
 - vendor/assets/javascripts/metro-ui/calendar.js
 - vendor/assets/javascripts/metro-ui/carousel.js
+- vendor/assets/javascripts/metro-ui/contextmenu.js
 - vendor/assets/javascripts/metro-ui/dialog.js
 - vendor/assets/javascripts/metro-ui/dropdown.js
 - vendor/assets/javascripts/metro-ui/input-control.js
 - vendor/assets/javascripts/metro-ui/pagecontrol.js
+- vendor/assets/javascripts/metro-ui/pagelist.js
 - vendor/assets/javascripts/metro-ui/rating.js
 - vendor/assets/javascripts/metro-ui/slider.js
 - vendor/assets/javascripts/metro-ui/start-menu.js
@@ -89,6 +95,7 @@ files:
 - vendor/toolkit/metro-ui/carousel.less
 - vendor/toolkit/metro-ui/code.less
 - vendor/toolkit/metro-ui/colors.less
+- vendor/toolkit/metro-ui/contextmenu.less
 - vendor/toolkit/metro-ui/dialog.less
 - vendor/toolkit/metro-ui/forms.less
 - vendor/toolkit/metro-ui/grid.less
@@ -106,6 +113,7 @@ files:
 - vendor/toolkit/metro-ui/modern.less
 - vendor/toolkit/metro-ui/notices.less
 - vendor/toolkit/metro-ui/pagecontrol.less
+- vendor/toolkit/metro-ui/pagelist.less
 - vendor/toolkit/metro-ui/progress.less
 - vendor/toolkit/metro-ui/rating.less
 - vendor/toolkit/metro-ui/reset.less
@@ -118,25 +126,26 @@ files:
 - vendor/toolkit/metro-ui/typography.less
 homepage: https://github.com/viliusluneckas/metro-ui-rails
 licenses: []
-metadata: {}
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
 required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ! '>='
+  - - '>='
     - !ruby/object:Gem::Version
       version: '0'
+  none: false
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ! '>='
+  - - '>='
     - !ruby/object:Gem::Version
       version: '0'
+  none: false
 requirements: []
-rubyforge_project: 
-rubygems_version: 2.0.3
-signing_key: 
-specification_version: 4
+rubyforge_project:
+rubygems_version: 1.8.24
+signing_key:
+specification_version: 3
 summary: Metro-UI CSS toolkit for Rails 3.1 Asset Pipeline
 test_files: []

checksums.yaml

@@ -1,15 +0,0 @@
----
-!binary "U0hBMQ==":
-  metadata.gz: !binary |-
-    ODdiODYxM2ZjYjE1YTYzZDE3YjE4YjlmNGY3YzUwMjViNWMyMWQ1Ng==
-  data.tar.gz: !binary |-
-    ZjY3YjIyOThlNjcxMTIxNzBkYTMxZDE4OWY0MzNjNGVjZWI5ZDY0Mg==
-!binary "U0hBNTEy":
-  metadata.gz: !binary |-
-    ZTZhYzgwZjEwMGEzYTE4ODM1NTViYmIwMDRiNjFkZGI0NTRmMDRjZjFlNTRk
-    NGVmZTRmODkyMjlkZjVhMDdmMWUyM2I4Zjg4M2I2MTY4ZGExMDFjMzZiNDc3
-    NjgyNTQwYjE4NDgzYWZiOGI4N2JmNGYxMGJjOTA3Y2JkY2IzY2Y=
-  data.tar.gz: !binary |-
-    Nzc1YTEwYjUwOThmZjBlODFkNWJkNzkzMDYzNGFiYWNjNGQ4NTFiZjU5YzZi
-    MTQ4Y2YyZjQ1ZDdlMjVjYzM4YTBkZWVmOTAxYTdhYmI0NjBjMjUzMmFkNDY5
-    MTUyODVkYzQxNTg0ZGUwMDQwMDI2MWM2NTZmMDY3MGI4YjhkMDU=