active_administration 0.0.2 → 0.0.3

data/app/assets/javascripts/active_administration/metro-drag-tile.js

@@ -0,0 +1,46 @@
+(function( $ ) {
+    $.widget("metro.dragtile", {
+
+        version: "1.0.0",
+
+        options: {
+        },
+
+        _create: function(){
+            var that = this, element = tile = this.element,
+                area = element.parents('.tile-area'),
+                tiles = area.find(".tile"),
+                groups = area.find(".tile-group");
+
+            tile.attr("draggable", "true");
+
+            addTouchEvents(tile[0]);
+
+            tile[0].addEventListener('dragstart', this._dragStart, false);
+            tile[0].addEventListener('dragend', this._dragEnd, false);
+
+            tile.on('mousedown', function(e){
+            });
+
+            tile.on('mouseup', function(e){
+            });
+        },
+
+        _dragStart: function(e){
+            $(this).css('opacity',.4);
+        },
+
+        _dragEnd: function(e){
+            $(this).css('opacity',1);
+        },
+
+        _destroy: function(){
+
+        },
+
+        _setOption: function(key, value){
+            this._super('_setOption', key, value);
+        }
+    })
+})( jQuery );
+

data/app/assets/javascripts/active_administration/metro-dropdown.js

@@ -0,0 +1,112 @@
+(function( $ ) {
+    $.widget("metro.dropdown", {
+
+        version: "1.0.1",
+
+        options: {
+            effect: 'slide',
+			toggleElement: false
+        },
+
+        _create: function(){
+            var  that = this,
+                 menu = this.element,
+                 name = this.name,
+                 parent = this.element.parent(),
+                 toggle = this.options.toggleElement || parent.children('.dropdown-toggle');
+
+            if (menu.data('effect') != undefined) {
+                this.options.effect = menu.data('effect');
+            }
+
+            toggle.on('click.'+name, function(e){
+                e.preventDefault();
+                e.stopPropagation();
+
+                if (menu.css('display') == 'block' && !menu.hasClass('keep-open')) {
+                    that._close(menu);
+                } else {
+                    $('.dropdown-menu').each(function(i, el){
+                        if (!menu.parents('.dropdown-menu').is(el) && !$(el).hasClass('keep-open') && $(el).css('display')=='block') {
+                            that._close(el);
+                        }
+                    });
+                    that._open(menu);
+                }
+            });
+
+            $(menu).find('li.disabled a').on('click', function(e){
+                e.preventDefault();
+            });
+
+        },
+
+        _open: function(el){
+            switch (this.options.effect) {
+                case 'fade': $(el).fadeIn('fast'); break;
+                case 'slide': $(el).slideDown('fast'); break;
+                default: $(el).hide();
+            }
+            this._trigger("onOpen", null, el);
+        },
+
+        _close: function(el){
+            switch (this.options.effect) {
+                case 'fade': $(el).fadeOut('fast'); break;
+                case 'slide': $(el).slideUp('fast'); break;
+                default: $(el).hide();
+            }
+            this._trigger("onClose", null, el);
+        },
+
+        _destroy: function(){
+        },
+
+        _setOption: function(key, value){
+            this._super('_setOption', key, value);
+        }
+    });
+})( jQuery );
+
+/*
+(function($){
+    $.fn.PullDown = function( options ){
+        var defaults = {
+        };
+
+        var $this = $(this)
+            ;
+
+        var initSelectors = function(selectors){
+
+            addTouchEvents(selectors[0]);
+
+            selectors.on('click', function(e){
+                var $m = $this.parent().children(".element-menu");
+                console.log($m);
+                if ($m.css('display') == "block") {
+                    $m.slideUp('fast');
+                } else {
+                    $m.slideDown('fast');
+                }
+                e.preventDefault();
+                e.stopPropagation();
+            });
+        };
+
+        return this.each(function(){
+            if ( options ) {
+                $.extend(defaults, options);
+            }
+
+            initSelectors($this);
+        });
+    };
+
+    $(function () {
+        $('.pull-menu, .menu-pull').each(function () {
+            $(this).PullDown();
+        });
+    });
+})(window.jQuery);
+*/

data/app/assets/javascripts/active_administration/metro-fluentmenu.js

@@ -0,0 +1,57 @@
+(function( $ ) {
+    $.widget("metro.fluentmenu", {
+
+        version: "1.0.0",
+
+        options: {
+            onSpecialClick: function(e, el){},
+            onTabClick: function(e, el){}
+        },
+
+        _create: function(){
+            var that = this, element = this.element, o = this.options,
+                tabs = element.find('.tabs-holder > li > a');
+
+            this._hidePanels();
+            this._showPanel();
+
+            tabs.on('click', function(e){
+                if ($(this).parent('li').hasClass('special')) {
+                    o.onSpecialClick(e, $(this));
+                } else {
+                    var panel = $($(this).attr('href'));
+
+                    that._hidePanels();
+                    that._showPanel(panel);
+                    element.find('.tabs-holder > li').removeClass('active');
+                    $(this).parent('li').addClass('active');
+
+                    o.onTabClick(e, $(this));
+                }
+                e.preventDefault();
+            });
+        },
+
+        _hidePanels: function(){
+            this.element.find('.tab-panel').hide();
+        },
+
+        _showPanel: function(panel){
+            if (panel == undefined) {
+                panel = this.element.find('.tabs-holder li.active a').attr('href');
+            }
+            $(panel).show();
+        },
+
+        _destroy: function(){
+
+        },
+
+        _setOption: function(key, value){
+            this._super('_setOption', key, value);
+        }
+    })
+})( jQuery );
+
+
+

data/app/assets/javascripts/active_administration/metro-global.js

@@ -0,0 +1,4 @@
+var METRO_AUTO_REINIT;
+var METRO_LOCALE;
+var METRO_WEEK_START;
+var METRO_DIALOG = false;

data/app/assets/javascripts/active_administration/metro-hint.js

@@ -0,0 +1,104 @@
+(function( $ ) {
+    $.widget("metro.hint", {
+
+        version: "1.0.0",
+
+        options: {
+            position: "bottom",
+            background: '#FFFCC0',
+            shadow: false,
+            border: false,
+            _hint: undefined
+        },
+
+        _create: function(){
+            var that = this;
+            var o = this.options;
+
+
+            this.element.on('mouseenter', function(e){
+                that.createHint();
+                o._hint.stop().fadeIn();
+                e.preventDefault();
+            });
+
+            this.element.on('mouseleave', function(e){
+                o._hint.stop().fadeOut(function(){
+                    o._hint.remove();
+                });
+                e.preventDefault();
+            });
+        },
+
+        createHint: function(){
+            var that = this, element = this.element,
+                hint = element.data('hint').split("|"),
+                o = this.options;
+
+            var _hint;
+
+            if (element.data('hintPosition') != undefined) o.position = element.data('hintPosition');
+            if (element.data('hintBackground') != undefined) o.background = element.data('hintBackground');
+            if (element.data('hintShadow') != undefined) o.shadow = element.data('hintShadow');
+            if (element.data('hintBorder') != undefined) o.border = element.data('hintBorder');
+
+            if (element[0].tagName == 'TD' || element[0].tagName == 'TH') {
+                var wrp = $("<div/>").css("display", "inline-block").html(element.html());
+                element.html(wrp);
+                element = wrp;
+            }
+
+            var hint_title = hint.length > 1 ? hint[0] : false;
+            var hint_text = hint.length > 1 ? hint[1] : hint[0];
+
+            //_hint = $("<div/>").addClass("hint").appendTo(element.parent());
+            _hint = $("<div/>").addClass("hint").appendTo('body');
+            if (hint_title) {
+                $("<div/>").addClass("hint-title").html(hint_title).appendTo(_hint);
+            }
+            $("<div/>").addClass("hint-text").html(hint_text).appendTo(_hint);
+
+            _hint.addClass(o.position);
+
+            if (o.shadow) _hint.addClass("shadow");
+            if (o.background) {_hint.css("background-color", o.background);}
+            if (o.border) _hint.css("border-color", o.border);
+
+            //console.log(_hint);
+
+            if (o.position == 'top') {
+                _hint.css({
+                    top: element.offset().top - $(window).scrollTop() - _hint.outerHeight() - 20,
+                    left: element.offset().left - $(window).scrollLeft()
+                });
+            } else if (o.position == 'bottom') {
+                _hint.css({
+                    top: element.offset().top - $(window).scrollTop() + element.outerHeight(),
+                    left: element.offset().left - $(window).scrollLeft()
+                });
+            } else if (o.position == 'right') {
+                _hint.css({
+                    top: element.offset().top - 10 - $(window).scrollTop(),
+                    left: element.offset().left + element.outerWidth() + 10 - $(window).scrollLeft()
+                });
+            } else if (o.position == 'left') {
+                _hint.css({
+                    top: element.offset().top - 10 - $(window).scrollTop(),
+                    left: element.offset().left - _hint.outerWidth() - 10 - $(window).scrollLeft()
+                });
+            }
+
+            o._hint = _hint;
+        },
+
+        _destroy: function(){
+        },
+
+        _setOption: function(key, value){
+            this._super('_setOption', key, value);
+        }
+    })
+})( jQuery );
+
+
+

data/app/assets/javascripts/active_administration/metro-initiator.js

@@ -0,0 +1,271 @@
+(function($){
+    /*
+     * Init or ReInit components
+     * */
+
+    $.Metro.initAccordions = function(area){
+        if (area != undefined) {
+            $(area).find('[data-role=accordion]').accordion();
+        } else {
+            $('[data-role=accordion]').accordion();
+        }
+    };
+
+    $.Metro.initButtonSets = function(area){
+        if (area != undefined) {
+            $(area).find('[data-role=button-set]').buttonset();
+            $(area).find('[data-role=button-group]').buttongroup();
+        } else {
+            $('[data-role=button-set]').buttonset();
+            $('[data-role=button-group]').buttongroup();
+        }
+    };
+
+    $.Metro.initCalendars = function(area){
+        if (area != undefined) {
+            $(area).find('[data-role=calendar]').calendar();
+        } else {
+            $('[data-role=calendar]').calendar();
+        }
+    };
+
+    $.Metro.initCarousels = function(area){
+        if (area != undefined) {
+            $(area).find('[data-role=carousel]').carousel();
+        } else {
+            $('[data-role=carousel]').carousel();
+        }
+    };
+
+    $.Metro.initCountdowns = function(area){
+        if (area != undefined) {
+            $(area).find('[data-role=countdown]').countdown();
+        } else {
+            $('[data-role=countdown]').countdown();
+        }
+    };
+
+    $.Metro.initDatepickers = function(area){
+        if (area != undefined) {
+            $(area).find('[data-role=datepicker]').datepicker();
+        } else {
+            $('[data-role=datepicker]').datepicker();
+        }
+    };
+
+    $.Metro.initDropdowns = function(area){
+        if (area != undefined) {
+            $(area).find('[data-role=dropdown]').dropdown();
+        } else {
+            $('[data-role=dropdown]').dropdown();
+        }
+    };
+
+    $.Metro.initFluentMenus = function(area){
+        if (area != undefined) {
+            $(area).find('[data-role=fluentmenu]').fluentmenu();
+        } else {
+            $('[data-role=fluentmenu]').fluentmenu();
+        }
+    };
+
+    $.Metro.initHints = function(area){
+        if (area != undefined) {
+            $(area).find('[data-hint]').hint();
+        } else {
+            $('[data-hint]').hint();
+        }
+    };
+
+    $.Metro.initInputs = function(area){
+        if (area != undefined) {
+            $(area).find('[data-role=input-control], .input-control').inputControl();
+        } else {
+            $('[data-role=input-control], .input-control').inputControl();
+        }
+    };
+
+    $.Metro.transformInputs = function(area){
+        if (area != undefined) {
+            $(area).find('[data-transform=input-control]').inputTransform();
+        } else {
+            $('[data-transform=input-control]').inputTransform();
+        }
+    };
+
+    $.Metro.initListViews = function(area){
+        if (area != undefined) {
+            $(area).find('[data-role=listview]').listview();
+        } else {
+            $('[data-role=listview]').listview();
+        }
+    };
+
+    $.Metro.initLives = function(area){
+        if (area != undefined) {
+            $(area).find('[data-role=live-tile], [data-role=live]').livetile();
+        } else {
+            $('[data-role=live-tile], [data-role=live]').livetile();
+        }
+    };
+
+    $.Metro.initProgreeBars = function(area){
+        if (area != undefined) {
+            $(area).find('[data-role=progress-bar]').progressbar();
+        } else {
+            $('[data-role=progress-bar]').progressbar();
+        }
+    };
+
+    $.Metro.initRatings = function(area){
+        if (area != undefined) {
+            $(area).find('[data-role=rating]').rating();
+        } else {
+            $('[data-role=rating]').rating();
+        }
+    };
+
+    $.Metro.initScrolls = function(area){
+        if (area != undefined) {
+            $(area).find('[data-role=scrollbox]').scrollbar();
+        } else {
+            $('[data-role=scrollbox]').scrollbar();
+        }
+    };
+
+    $.Metro.initSliders = function(area){
+        if (area != undefined) {
+            $(area).find('[data-role=slider]').slider();
+        } else {
+            $('[data-role=slider]').slider();
+        }
+    };
+
+    $.Metro.initTabs = function(area){
+        if (area != undefined) {
+            $(area).find('[data-role=tab-control]').tabcontrol();
+        } else {
+            $('[data-role=tab-control]').tabcontrol();
+        }
+    };
+
+    $.Metro.initTimes = function(area){
+        if (area != undefined) {
+            $(area).find('[data-role=times]').times();
+        } else {
+            $('[data-role=times]').times();
+        }
+    };
+
+    $.Metro.initTrees = function(area){
+        if (area != undefined) {
+            $(area).find('[data-role=treeview]').treeview();
+        } else {
+            $('[data-role=treeview]').treeview();
+        }
+    };
+
+    /*
+     * Components in develop
+     * */
+
+    $.Metro.initSteppers = function(area){
+        if (area != undefined) {
+            $(area).find('[data-role=stepper]').stepper();
+        } else {
+            $('[data-role=stepper]').stepper();
+        }
+    };
+
+    $.Metro.initStreamers = function(area){
+        if (area != undefined) {
+            $(area).find('[data-role=streamer]').streamer();
+        } else {
+            $('[data-role=streamer]').streamer();
+        }
+    };
+
+    $.Metro.initDragTiles = function(area){
+        if (area != undefined) {
+            $(area).find('[data-role=drag-drop]').dragtile();
+        } else {
+            $('[data-role=drag-drop]').dragtile();
+        }
+    };
+
+    $.Metro.initPulls = function(area){
+        if (area != undefined) {
+            $(area).find('[data-role=pull-menu], .pull-menu').pullmenu();
+        } {
+            $('[data-role=pull-menu], .pull-menu').pullmenu();
+        }
+    };
+
+    $.Metro.initPanels = function(area){
+        if (area != undefined) {
+            $(area).find('[data-role=panel]').panel();
+        } {
+            $('[data-role=panel]').panel();
+        }
+    };
+
+    $.Metro.initTileTransform = function(area){
+        if (area != undefined) {
+            $(area).find('[data-click=transform]').tileTransform();
+        } {
+            $('[data-click=transform]').tileTransform();
+        }
+    };
+
+    $.Metro.initAll = function(area) {
+        $.Metro.initAccordions(area);
+        $.Metro.initButtonSets(area);
+        $.Metro.initCalendars(area);
+        $.Metro.initCarousels(area);
+        $.Metro.initCountdowns(area);
+        $.Metro.initDatepickers(area);
+        $.Metro.initDropdowns(area);
+        $.Metro.initFluentMenus(area);
+        $.Metro.initHints(area);
+        $.Metro.initInputs(area);
+        $.Metro.transformInputs(area);
+        $.Metro.initListViews(area);
+        $.Metro.initLives(area);
+        $.Metro.initProgreeBars(area);
+        $.Metro.initRatings(area);
+        $.Metro.initScrolls(area);
+        $.Metro.initSliders(area);
+        $.Metro.initTabs(area);
+        $.Metro.initTimes(area);
+        $.Metro.initTrees(area);
+        $.Metro.initSteppers(area);
+        $.Metro.initStreamers(area);
+        $.Metro.initDragTiles(area);
+        $.Metro.initPulls(area);
+        $.Metro.initPanels(area);
+        $.Metro.initTileTransform(area);
+    }
+})(jQuery);
+
+$(function(){
+    $.Metro.initAll();
+});
+
+
+$(function(){
+    if (METRO_AUTO_REINIT) {
+        //$(".metro").bind('DOMSubtreeModified', function(){            $.Metro.initAll();        });
+        var originalDOM = $('.metro').html(),
+            actualDOM;
+
+        setInterval(function () {
+            actualDOM = $('.metro').html();
+
+            if (originalDOM !== actualDOM) {
+                originalDOM = actualDOM;
+
+                $.Metro.initAll();
+            }
+        }, 500);
+    }
+});