metro-ui-rails-cn 0.1.5

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

@@ -0,0 +1,95 @@
+(function($){
+    $.fn.Dropdown = function( options ){
+        var defaults = {
+        };
+
+        var $this = $(this)
+            ;
+
+        var clearDropdown = function(){
+            $(".dropdown-menu").each(function(){
+                if ( $(this).css('position') == 'static' ) return;
+                $(this).slideUp('fast', function(){});
+                $(this).parent().removeClass("active");
+            });
+        }
+
+        var initSelectors = function(selectors){
+            selectors.on('click', function(e){
+                e.stopPropagation();
+                //$("[data-role=dropdown]").removeClass("active");
+
+                clearDropdown();
+                $(this).parents("ul").css("overflow", "visible");
+
+                var $m = $(this).children(".dropdown-menu, .sidebar-dropdown-menu");
+                if ($m.css('display') == "block") {
+                    $m.slideUp('fast');
+                    $(this).removeClass("active");
+                } else {
+                    $m.slideDown('fast');
+                    $(this).addClass("active");
+                }
+            }).on("mouseleave", function(){
+                //$(this).children(".dropdown-menu").hide();
+            });
+            $('html').on("click", function(e){
+                clearDropdown();
+            });
+        }
+
+        return this.each(function(){
+            if ( options ) {
+                $.extend(defaults, options)
+            }
+
+            initSelectors($this);
+        });
+    }
+
+    $(function () {
+        $('[data-role="dropdown"]').each(function () {
+            $(this).Dropdown();
+        })
+    })
+})(window.jQuery);
+
+
+(function($){
+    $.fn.PullDown = function( options ){
+        var defaults = {
+        };
+
+        var $this = $(this)
+            ;
+
+        var initSelectors = function(selectors){
+
+            selectors.on('click', function(e){
+                e.preventDefault();
+                var $m = $this.parent().children("ul");
+                //console.log($m);
+                if ($m.css('display') == "block") {
+                    $m.slideUp('fast');
+                } else {
+                    $m.slideDown('fast');
+                }
+                //$(this).toggleClass("active");
+            });
+        }
+
+        return this.each(function(){
+            if ( options ) {
+                $.extend(defaults, options)
+            }
+
+            initSelectors($this);
+        });
+    }
+
+    $(function () {
+        $('.menu-pull').each(function () {
+            $(this).PullDown();
+        })
+    })
+})(window.jQuery);

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

@@ -0,0 +1,64 @@
+(function($){
+    $.fn.PageControl = function( options ){
+        var defaults = {
+        };
+
+        var $this = $(this)
+            , $ul = $this.children("ul")
+            , $selectors = $ul.find("li a")
+            , $selector = $ul.find(".active a")
+            , $frames = $this.find(".frames .frame")
+            , $frame = $frames.children(".frame.active")
+            ;
+
+        var initSelectors = function(selectors){
+            selectors.on('click', function(e){
+                e.preventDefault();
+                var $a = $(this);
+                if (!$a.parent('li').hasClass('active')) {
+                    $frames.hide();
+                    $ul.find("li").removeClass("active");
+                    var target = $($a.attr("href"));
+                    target.show();
+                    $(this).parent("li").addClass("active");
+                }
+                if ($(this).parent("li").parent("ul").parent(".page-control").find(".menu-pull-bar").is(":visible")) {
+                    $(this).parent("li").parent("ul").slideUp("fast", function () {
+                        $(this).css("overflow", "").css("display", "");
+                    });
+                }
+            });
+
+            $(".page-control .menu-pull-bar").text($(".page-control ul li.active a").text());
+            $(".page-control ul li a").click(function (e) {
+                e.preventDefault();
+                $(this).parent("li").parent("ul").parent(".page-control").find(".menu-pull-bar").text($(this).text());
+            });
+        }
+
+        return this.each(function(){
+            if ( options ) {
+                $.extend(defaults, options)
+            }
+
+            initSelectors($selectors);
+        });
+    }
+
+    $(function () {
+        $('[data-role="page-control"]').each(function () {
+            $(this).PageControl();
+        })
+        $(window).resize(function(){
+            if ($(window).width() >= 768) {
+                $(".page-control ul").css({
+                    display: "block"
+                    ,overflow: "visible"
+                })
+            }
+            if ($(window).width() < 768 && $(".page-control ul").css("display") == "block") {
+                $(".page-control ul").hide();
+            }
+        })
+    })
+})(window.jQuery);

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

@@ -0,0 +1,46 @@
+(function($){
+    $.fn.Rating = function( options ){
+        var defaults = {
+        };
+
+        var $this = $(this)
+            ;
+
+        var init = function(el){
+            var a = el.find("a");
+            var r = Math.round(el.data("rating")) || 0;
+
+            a.each(function(index){
+                console.log(index);
+                if (index < r) {
+                    $(this).addClass("rated");
+                }
+
+                $(this).hover(
+                    function(){
+                        $(this).prevAll().andSelf().addClass("hover");
+                        $(this).nextAll().removeClass("hover");
+                    },
+                    function(){
+                        $(this).prevAll().andSelf().removeClass("hover");
+                    }
+                )
+            })
+
+        }
+
+        return this.each(function(){
+            if ( options ) {
+                $.extend(defaults, options)
+            }
+
+            init($this);
+        });
+    }
+
+    $(function () {
+        $('[data-role="rating"]').each(function () {
+            $(this).Rating();
+        })
+    })
+})(window.jQuery);

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

@@ -0,0 +1,196 @@
+$.easing.doubleSqrt = function(t, millisecondsSince, startValue, endValue, totalDuration) {
+    var res = Math.sqrt(Math.sqrt(t));
+    return res;
+};
+
+(function($) {
+
+    $.tileBlockSlider = function(element, options) {
+
+        // настройки по умолчанию
+        var defaults = {
+            // период смены картинок
+            period: 2000,
+            // продолжительность анимации
+            duration: 1000,
+            // направление анимации (up, down, left, right)
+            direction: 'up'
+        };
+        // объект плагина
+        var plugin = this;
+        // настройки конкретного объекта
+        plugin.settings = {};
+
+        var $element = $(element), // reference to the jQuery version of DOM element
+            element = element;    // reference to the actual DOM element
+
+        var blocks, // все картинки
+            currentBlockIndex, // индекс текущего блока
+            slideInPosition, // стартовое положение блока перед началом появления
+            slideOutPosition, // финальное положение блока при скрытии
+            tileWidth, // размеры плитки
+            tileHeight;
+
+        // инициализируем
+        plugin.init = function () {
+
+            plugin.settings = $.extend({}, defaults, options);
+
+            // все блоки
+            blocks = $element.children(".tile-content");
+
+            // если блок всего 1, то слайдинг не нужен
+            if (blocks.length <= 1) {
+                return;
+            }
+
+            // индекс активного в данный момент блока
+            currentBlockIndex = 0;
+
+            // размеры текущей плитки
+            tileWidth = $element.innerWidth();
+            tileHeight = $element.innerHeight();
+            // положение блоков
+            slideInPosition = getSlideInPosition();
+            slideOutPosition = getSlideOutPosition();
+
+            // подготавливаем блоки к анимации
+            blocks.each(function (index, block) {
+                block = $(block);
+                // блоки должны быть position:absolute
+                // возможно этот параметр задан через класс стилей
+                // проверяем, и добавляем если это не так
+                if (block.css('position') !== 'absolute') {
+                    block.css('position', 'absolute');
+                }
+                // скрываем все блоки кроме первого
+                if (index !== 0) {
+                    block.css('left', tileWidth);
+                }
+            });
+
+            // запускаем интервал для смены блоков
+            setInterval(function () {
+                slideBlock();
+            }, plugin.settings.period);
+        };
+
+        // смена блоков
+        var slideBlock = function() {
+
+            var slideOutBlock, // блок который надо скрыть
+                slideInBlock, // блок который надо показать
+                mainPosition = {'left': 0, 'top': 0},
+                options;
+
+            slideOutBlock = $(blocks[currentBlockIndex]);
+
+            currentBlockIndex++;
+            if (currentBlockIndex >= blocks.length) {
+                currentBlockIndex = 0;
+            }
+            slideInBlock = $(blocks[currentBlockIndex]);
+
+            slideInBlock.css(slideInPosition);
+
+            options = {
+                duration: plugin.settings.duration,
+                easing: 'doubleSqrt'
+            };
+
+            slideOutBlock.animate(slideOutPosition, options);
+            slideInBlock.animate(mainPosition, options);
+        };
+
+        /**
+         * возвращает стартовую позицию для блока который должен появиться {left: xxx, top: yyy}
+         */
+        var getSlideInPosition = function () {
+            var pos;
+            if (plugin.settings.direction === 'left') {
+                pos = {
+                    'left': tileWidth,
+                    'top': 0
+                }
+            } else if (plugin.settings.direction === 'right') {
+                pos = {
+                    'left': -tileWidth,
+                    'top': 0
+                }
+            } else if (plugin.settings.direction === 'up') {
+                pos = {
+                    'left': 0,
+                    'top': tileHeight
+                }
+            } else if (plugin.settings.direction === 'down') {
+                pos = {
+                    'left': 0,
+                    'top': -tileHeight
+                }
+            }
+            return pos;
+        };
+
+        /**
+         * возвращает финальную позицию для блока который должен скрыться {left: xxx, top: yyy}
+         */
+        var getSlideOutPosition = function () {
+            var pos;
+            if (plugin.settings.direction === 'left') {
+                pos = {
+                    'left': -tileWidth,
+                    'top': 0
+                }
+            } else if (plugin.settings.direction === 'right') {
+                pos = {
+                    'left': tileWidth,
+                    'top': 0
+                }
+            } else if (plugin.settings.direction === 'up') {
+                pos = {
+                    'left': 0,
+                    'top': -tileHeight
+                }
+            } else if (plugin.settings.direction === 'down') {
+                pos = {
+                    'left': 0,
+                    'top': tileHeight
+                }
+            }
+            return pos;
+        };
+
+        plugin.getParams = function() {
+
+            // code goes here
+
+        }
+
+        plugin.init();
+
+    }
+
+    $.fn.tileBlockSlider = function(options) {
+        return this.each(function() {
+            if (undefined == $(this).data('tileBlockSlider')) {
+                var plugin = new $.tileBlockSlider(this, options);
+                $(this).data('tileBlockSlider', plugin);
+            }
+        });
+    }
+
+})(jQuery);
+
+
+$(window).ready(function(){
+    var slidedTiles = $('[data-role=slider], .block-slider');
+    slidedTiles.each(function (index, tile) {
+        var params = {};
+        tile = $(tile);
+        params.direction = tile.data('paramDirection');
+        params.duration = tile.data('paramDuration');
+        params.period = tile.data('paramPeriod');
+        tile.tileBlockSlider(params);
+    })
+
+});

data/vendor/toolkit/metro-ui-css/accordion.less

@@ -0,0 +1,69 @@
+/*
+ * Metro UI CSS
+ * Copyright 2012 Sergey Pimenov
+ * Licensed under the MIT Lilcense
+ *
+ * Accordion.less
+ */
+
+@acc-image-collapse: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHpSURBVEhLtZavT8JRFMXBGQgEg5FAYNNgIBAMBhpsEowEIpFgYLMYMBsMFht/gRNHgRn8EzDoCBY2CAQ3g4GAAz/ncUW+ym++nu3swnn3nfu47/se32BgDobDYRie8DEFozAiHXRhB9aDwWAFvjl1CqYWkDGhSDwjykgmL8QW1LgK7cEMPIA3jF/MKzTGYDBIwLYxbfJMkHMIm/B9YT4JWdiDZVa5Y/JCkBtizqXNPTXZCwa0ciXkTFoZFEoyvw/Vuh8wEEZUS8omrQ28Svh8wO8HYiy2iUu3ZRbw2MarMV6srV6tWbihywLPOH5qVUy9z8FXG/MNeD7A8y0+6xBVnOov7mFKBaJ2iHwFns+EqApot90JnQR9XAk2bRItikRUYBt+OukfoAIdFqCLzAOqrwSbNokIvl1XAOri8hWY7xM6KlCH3qPtD45hTZV2eV51KBIjfXOo5fj1iHEn8OUaNhFCTtgQeD3Cqn11FfUrdJ9fmrQ28CjAPp7agx8gpqF+VtKklSFTPHST5k3ygoEiVPUS1PlYGszTymV+ZdJ0kJCxxAZFRps0B+RoQ9VzPSjTV/4bJEZgGeoa161YwCgpM+MRWh7eWU4Vzdtzw9zXFibGCFnoXls4sO5fCrPv15Ya2i18kv4XgcAXTr+7IYi7bgIAAAAASUVORK5CYII%3D);
+@acc-image-expand: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAIzSURBVEhLtZYhSENRFIb3HgaDwWA0LAgaBBcMggu2DTQYFwwG44JBsE6MBpOwIhO0iahYJgoqBoNhFjEqaDAIBsOCsvn99509mXub080f/t33/nPuOfedd+7d82ItUK1W++AslykYh4PSwTN8gsee5x3AF6dGIDKBAjMsMS4zKpCC3DI+QNmVaBjOwFGYx77SKlGISqUyDh+NaZObAp8JeAdff/THIQPLsMAq+03+Efj2MmfN5i6aXA8MWrkc5kz6NUg0xfx3qNJ9AUMfokpSMOnPIFaOOG+w1hCh+MjYtCzY5mENOZMbgK2HWKVwsQhavUrT8gXh11YCAXuCeCrVkM+N+vzJ9/1iYO4ctOsNwznM+PxoEx3AbuMQpjwe45KMm3Ar0APwZPN26cD9JD4Ldq2NpwAhIuZPwW21571uTA+B9ivYtBBIcekqUQ/8cOo/QCW6YtzgJe8EUgCS13UK92OUQQ2h63OuL5zBwP13/yTcVYl24arpTYFz220qEHMBXqtEx7B+a3cH07Do82hq0VGyjTu5C+AJ9d+RJvaeEugMz8NtDL1y6BTE0TFxSmxtOCcM8AQ6z9ec0AGIkYXvxBwxKQBiGpYxNOyJdqGgxNBJ6jZkAzAsQWXPQe2PtsE8rVzB102KBg4z5lgiScLkpsAnju8Z1OkZvfLvwHEQFqCO8ROYJZDOFm1/MYmmPt83nyO0+pobWn62MHGIIQPdZwtd4f6lCFb7bCmqFcNuaUAs9glLFQdwvFGvGQAAAABJRU5ErkJggg%3D%3D);
+@acc-image-collapse-black: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAKlSURBVEhLtZY/aNNREMeTXzOYkMGxJBkymDSGDua/QyFuERTULYJLBwdBB8HiXBSc7OxQCdJBHIqpUyodClYU8geFFBwCbSB/BJ0kKuavn3t5rX+S2D+JX7jce3fvd3fv3r17MZv+Ab/fb7fZbJd7vV7CbDa7Ebn6GtNHqNLtdteRp/P5/Oe+eBBDHYhhq9V6h+FdDFRwkDYMYxuDu6JHJo5mkF+EzzJ/xHhxmKMBB5FIJIyh5zLG6PVsNptRihEIBoNnWZdiOI2jq3+vn9JcIRwOJ4lkjYUv2u32pUKhUNSqkajX6xWPx/O42Wye5Nslp9P5tVarvdXqX5DIQ6HQd5xc06Ijg+/PQS12JalTUDuQnFssllcSeS6Xu6c0xwC72XU4HFOk7KHL5VqpVqtfDFHoAzW1Wq3bwseB3W6/T6pKnKMK1Kwr5hNerxx0oIcF6T6Dgyx02pA6JzWVSRkXYOsdbJOgkwbbSUDpvmqikGpMGPy48bSthZNEkcDdZspyh8E8t3BTKxSQ9/TwUKD6/ri0sVjM3el0diRFFubtvvg/gEjfjHO5RoELNwfV5R5UoBklnSDIjA9WMajVdSb7V3tSoHAuUEAZqSIp0VnpRX3V+JADJujz2F41pIczkH6+Eo/HT+g1Y4HqSWFzQy6c6kUYX4RNNxqNYze6PXCwN7E3By3IXHVTuuA3+vh7hEt0w9fSFUV+VGDcR+TPsHOLt+SlyPYfHB6JEk5+MHwiLdfr9W6Vy+VuX3swJHJtfBnjD7R48MmUx4IKeMrCEnxeN66R0Dc2xXpJyw2ML2uVwtBHPxqNuqSf80GS6Ra0BhV5lFTqeE5d6HxSinCplg34AgXzQfS/Y6iDPQQCgVMYSWJAOq4brv62MFZ/W5hnoNXRuzSZfgLYkUQRTJGc4wAAAABJRU5ErkJggg%3D%3D);
+@acc-image-expand-black: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAALnSURBVEhLrZY/aNNREMeTXzPYksHBQdoMGUxbSkXSpK2gULcKCnas0MEODoIOgqWrRcHJujpEonQQh2LrVKVCgxWEtMVABMFCW0iTDg4iqNikiZ/vy2vMX2v/fOHy7t293929e/fuxe36B7q6urwtLS1DhUJh0O12+xH5ihrXFpTK5/Ovkc8sLy9/LYprUdeBDDc3N9+BHcdACgczjuN8wuC69MjkqAP5ZcZu5o/hJ+o5qnHQ29sbxtBL8Ri9Ho/H54yiAXp6es6yLgp7EkdXq9c32dEgHA4PE8ksC1/lcrkrKysrSatqiEwmkwoEAk+2t7eP8+1kW1vbj3Q6/cGq/0KRh0KhXzgZsaJ9g+8vQFl2pdQZmB0o5x6P550iX1paumc0BwC7WW9tbW0iZQ99Pt/U5ubmd0cKe6CubDZ7W2M9sMNr7K4gIsq7VlwDr9d7n1Stco4mUEfRM47rQBOJxDcJD4NYLJbD1ihORoLB4ClHdU5qUntVy36ArY8MCzgadvA0CM0UVUcKVeOghx8/9NYKS1DOLWtAEOcsq4t2plpP1E8tu4sk34y7ObQ1mFFu4YJVGOgwLftfoPoqLm1/f79/Z2dnTSnyMM8VxUcPRwesNNl5CTieKCdE5ee0UEdfATqBD/mWok9BHUZaBlJWUevKOR8MiWeMVeurwZpOBe+o5TIpXe2jAiV6CQdzSpG23q1eVFQdHjpggr6I7WlHPRxG/XxqYGDgmF1zKFA9UWzO68KZ0qK3nEDwBScRHI6ZVQcEtm4yPIJOY+uz6aZ0wZ/08QQOJumG79UVJd8vMK6DfYGdW7wlbyQrPTg8Eqs4+Q37TC23vb19cWNjI1/U7g1Fbo1HMP7AimufTD0WVMBzFq6qK9rG1RD2xkZZfx66gfGIVRnUOBD6+vp86ud8MMx0EZqFkjxKJnX2EnWqFBlVLfOMY8q59OWo62AXpp/TcjGgjqumaP62wJu/LcznoOnGu3S5/gDwHX69fcclgQAAAABJRU5ErkJggg%3D%3D);
+
+.accordion {
+    .unstyled;
+    .clearfix;
+    margin-bottom: 10px;
+
+    & > li {
+        margin-bottom: 5px;
+        display: block;
+        //margin-left: -25px;
+
+        & > a {
+            display: block;
+            height: 32px;
+            background: @acc-image-expand-black 5px no-repeat;
+            background-color: rgba(217, 217, 217, 0.16);
+            padding-left: 36px;
+            padding-top: 5px;
+            #font > .navigation;
+        }
+
+        & > div {
+            border: 1px #ccc dotted;
+            padding: 10px;
+            margin-top: 5px;
+            display: none;
+        }
+    }
+
+    & > li.active {
+        & > a {
+            background-image: @acc-image-collapse-black;
+            background-color: rgba(217, 217, 217, 1);
+
+        }
+
+        & > div {
+            display: block;
+        }
+    }
+
+    &.dark {
+        & > li {
+            & > a {
+                background-color: #464646;
+                background-image: @acc-image-expand;
+                color: #fff;
+            }
+        }
+        & > li.active {
+            & > a {
+                background-color: #1e1e1e;
+                background-image: @acc-image-collapse;
+            }
+        }
+    }
+}