active_administration 0.0.2 → 0.0.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 4869147cbc28e3ea088e65a3c69bd1a96d15e857
-  data.tar.gz: e0012586ffb44572615e192d3996eeb03f2b3ee6
+  metadata.gz: 51367a985a3d1b25a78afa5d655f3bf28fcfb932
+  data.tar.gz: 1cc8f4e7efebef5339236aadea9e8dc1dfb8e9b8
 SHA512:
-  metadata.gz: 0eb4b03389654f09c8737d1398382430bba8fda8171b7b8570aed4002361108c42791d091d89de5ae4a4296de04348d7c3b90d5de66824bada5ec47087b825f1
-  data.tar.gz: 917d046e911a5fe3ff91ed93793b97979b52398ffbe773e3e8cec8a3f8fc2fc5602cded40835e2ce73542ae69895c991b42d124ea9a75a752f6ade129c90bd58
+  metadata.gz: c10b1856ea093eacfab2963ef574e89033071af4936cc0284b496651d95ea844cb872cba3df9fb0d14edba3f9b4600d96337c5300bb5678d5f480709e782faa8
+  data.tar.gz: 771735d7b28e860d5061b1e2e34416f28f08776b3a5aba8efe9d0e583853b1bebcafffea9942a0d687b1ae716f5bde42cca1985c4da949e69bf4a32e19cafc1e

data/Gemfile

@@ -7,7 +7,7 @@ ACTIVE_ADMIN_PATH = File.dirname(__FILE__) unless defined?(ACTIVE_ADMIN_PATH)
 require File.expand_path('spec/support/detect_rails_version', ACTIVE_ADMIN_PATH)
 
 rails_version = detect_rails_version
-gem 'rails', rails_version
+gem 'rails', rails_version, path: '/root/rails'
 
 gem 'arbre', github: 'gregbell/arbre' # until gregbell/arbre#16 makes it into an official release
 

data/README.md

@@ -4,5 +4,6 @@ Active Administration is a Ruby on Rails framework for creating professional adm
 
 ## Difference from Active Admin
 
-* Built default user interface upon [![Metro-UI-CSS](https://github.com/olton/Metro-UI-CSS)] 
+* Utilizes [Metro-UI-CSS](https://github.com/olton/Metro-UI-CSS) to build polished user interfaces
+* Supports up to Rails 4.2.0.alpha
 * to be continued...

data/active_administration.gemspec

@@ -27,8 +27,9 @@ Gem::Specification.new do |s|
   s.add_dependency 'jquery-rails'
   s.add_dependency 'jquery-ui-rails'
   s.add_dependency 'kaminari',            '~> 0.15'
-  s.add_dependency 'rails',               '>= 3.2', '< 4.1'
+  s.add_dependency 'rails',               '>= 4.0.4'
   s.add_dependency 'ransack',             '~> 1.0'
   s.add_dependency 'sass-rails'
+  s.add_dependency 'less-rails'
 end
 

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

@@ -0,0 +1,70 @@
+(function( $ ) {
+    $.widget("metro.accordion", {
+
+        version: "1.0.0",
+
+        options: {
+            closeAny: true,
+            open: function(frame){},
+            action: function(frame){}
+        },
+
+        _frames: {},
+
+        _create: function(){
+            var element = this.element;
+
+            if (element.data('closeany') != undefined) this.options.closeAny = element.data('closeany');
+
+            this._frames = element.children(".accordion-frame");
+
+            this.init();
+        },
+
+        init: function(){
+            var that = this;
+
+            this._frames.each(function(){
+                var frame = this,
+                    a = $(this).children(".heading"),
+                    content = $(this).children(".content");
+
+                if ($(a).hasClass("active") && !$(a).attr('disabled') && $(a).data('action') != 'none') {
+                    $(content).show();
+                    $(a).removeClass("collapsed");
+                } else {
+                    $(a).addClass("collapsed");
+                }
+
+                a.on('click', function(e){
+                    e.preventDefault();
+                    if ($(this).attr('disabled') || $(this).data('action') == 'none') return;
+
+                    if (that.options.closeAny) that._closeFrames();
+
+                    if ($(content).is(":hidden")) {
+                        $(content).slideDown();
+                        $(this).removeClass("collapsed");
+                        that._trigger("frame", e, {frame: frame});
+                        that.options.open(frame);
+                    } else {
+                        $(content).slideUp();
+                        $(this).addClass("collapsed");
+                    }
+                    that.options.action(frame);
+                });
+            });
+        },
+
+        _closeFrames: function(){
+            this._frames.children(".content").slideUp().parent().children('.heading').addClass("collapsed");
+        },
+
+        _destroy: function(){},
+
+        _setOption: function(key, value){
+            this._super('_setOption', key, value);
+        }
+    })
+})( jQuery );
+

data/app/assets/javascripts/active_administration/metro-button-set.js

@@ -0,0 +1,88 @@
+(function( $ ) {
+    $.widget("metro.buttonset", {
+
+        version: "1.0.0",
+
+        options: {
+            click: function(btn, on){}
+        },
+
+        _buttons: {},
+
+        _create: function(){
+            var element = this.element;
+
+            this._buttons = element.find("button, .button");
+
+            this.init();
+        },
+
+        init: function(){
+            var that = this;
+
+            this._buttons.each(function(){
+                var btn = $(this);
+
+                btn.on('click', function(e){
+                    e.preventDefault();
+                    btn.toggleClass("active");
+
+                    that.options.click(btn, btn.hasClass("active"));
+                    that._trigger("click", null, {button: btn, on: (btn.hasClass("active"))});
+                });
+            });
+        },
+
+        _destroy: function(){},
+
+        _setOption: function(key, value){
+            this._super('_setOption', key, value);
+        }
+    })
+})( jQuery );
+
+(function( $ ) {
+    $.widget("metro.buttongroup", {
+
+        version: "1.0.0",
+
+        options: {
+            click: function(btn, on){}
+        },
+
+        _buttons: {},
+
+        _create: function(){
+            var element = this.element;
+
+            this._buttons = element.find("button, .button");
+
+            this.init();
+        },
+
+        init: function(){
+            var that = this;
+
+            this._buttons.each(function(){
+                var btn = $(this);
+
+                btn.on('click', function(e){
+                    e.preventDefault();
+                    that._buttons.removeClass("active");
+                    btn.addClass("active");
+
+                    that.options.click(btn, btn.hasClass("active"));
+                    that._trigger("click", null, {button: btn, on: (btn.hasClass("active"))});
+                });
+            });
+        },
+
+        _destroy: function(){},
+
+        _setOption: function(key, value){
+            this._super('_setOption', key, value);
+        }
+    })
+})( jQuery );
+
+

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

@@ -0,0 +1,437 @@
+// Calendar
+
+(function( $ ) {
+    $.widget("metro.calendar", {
+
+        version: "1.0.0",
+
+        options: {
+            format: "yyyy-mm-dd",
+            multiSelect: false,
+            startMode: 'day', //year, month, day
+            weekStart: (METRO_WEEK_START != undefined ? METRO_WEEK_START : 0), // 0 - Sunday, 1 - Monday
+            otherDays: false,
+            date: new Date(),
+            buttons: true,
+            locale: $.Metro.currentLocale,
+            getDates: function(d){},
+            click: function(d, d0){},
+            _storage: []
+        },
+
+        _year: 0,
+        _month: 0,
+        _day: 0,
+        _today: new Date(),
+        _event: '',
+
+        _mode: 'day', // day, month, year
+        _distance: 0,
+
+        _events: [],
+
+        _create: function(){
+            var element = this.element;
+
+            if (element.data('multiSelect') != undefined) this.options.multiSelect = element.data("multiSelect");
+            if (element.data('format') != undefined) this.options.format = element.data("format");
+            if (element.data('date') != undefined) this.options.date = new Date(element.data("date"));
+            if (element.data('locale') != undefined) this.options.locale = element.data("locale");
+            if (element.data('startMode') != undefined) this.options.startMode = element.data('startMode');
+            if (element.data('weekStart') != undefined) this.options.weekStart = element.data('weekStart');
+            if (element.data('otherDays') != undefined) this.options.otherDays = element.data('otherDays');
+
+            this._year = this.options.date.getFullYear();
+            this._distance = parseInt(this.options.date.getFullYear())-4;
+            this._month = this.options.date.getMonth();
+            this._day = this.options.date.getDate();
+            this._mode = this.options.startMode;
+
+            element.data("_storage", []);
+
+            this._renderCalendar();
+        },
+
+        _renderMonth: function(){
+            var year = this._year,
+                month = this._month,
+                day = this._day,
+                event = this._event,
+                feb = 28;
+
+            if (month == 1) {
+                if ((year%100!=0) && (year%4==0) || (year%400==0)) {
+                    feb = 29;
+                }
+            }
+
+            var totalDays = ["31", ""+feb+"","31","30","31","30","31","31","30","31","30","31"];
+            var daysInMonth = totalDays[month];
+            var first_week_day = new Date(year, month, 1).getDay();
+
+            var table, tr, td, i;
+
+            this.element.html("");
+
+            table = $("<table/>").addClass("bordered");
+
+            // Add calendar header
+            tr = $("<tr/>");
+
+            $("<td/>").addClass("text-center").html("<a class='btn-previous-year' href='#'><i class='icon-previous'></i></a>").appendTo(tr);
+            $("<td/>").addClass("text-center").html("<a class='btn-previous-month' href='#'><i class='icon-arrow-left-4'></i></a>").appendTo(tr);
+
+            $("<td/>").attr("colspan", 3).addClass("text-center").html("<a class='btn-select-month' href='#'>"+ $.Metro.Locale[this.options.locale].months[month]+' '+year+"</a>").appendTo(tr);
+
+            $("<td/>").addClass("text-center").html("<a class='btn-next-month' href='#'><i class='icon-arrow-right-4'></i></a>").appendTo(tr);
+            $("<td/>").addClass("text-center").html("<a class='btn-next-year' href='#'><i class='icon-next'></i></a>").appendTo(tr);
+
+            tr.addClass("calendar-header").appendTo(table);
+
+            // Add day names
+            var j;
+            tr = $("<tr/>");
+            for(i = 0; i < 7; i++) {
+                if (!this.options.weekStart)
+                    td = $("<td/>").addClass("text-center day-of-week").html($.Metro.Locale[this.options.locale].days[i+7]).appendTo(tr);
+                else {
+                    j = i + 1;
+                    if (j == 7) j = 0;
+                    td = $("<td/>").addClass("text-center day-of-week").html($.Metro.Locale[this.options.locale].days[j+7]).appendTo(tr);
+
+                }
+            }
+            tr.addClass("calendar-subheader").appendTo(table);
+
+            // Add empty days for previos month
+            var prevMonth = this._month - 1; if (prevMonth < 0) prevMonth = 11; var daysInPrevMonth = totalDays[prevMonth];
+            var _first_week_day = ((this.options.weekStart) ? first_week_day + 6 : first_week_day)%7;
+            var htmlPrevDay = "";
+            tr = $("<tr/>");
+            for(i = 0; i < _first_week_day; i++) {
+                if (this.options.otherDays) htmlPrevDay = daysInPrevMonth - (_first_week_day - i - 1);
+                td = $("<td/>").addClass("empty").html("<small class='other-day'>"+htmlPrevDay+"</small>").appendTo(tr);
+            }
+
+            var week_day = ((this.options.weekStart) ? first_week_day + 6 : first_week_day)%7;
+            //console.log(week_day, week_day%7);
+
+            for (i = 1; i <= daysInMonth; i++) {
+                //console.log(week_day, week_day%7);
+
+                week_day %= 7;
+
+                if (week_day == 0) {
+                    tr.appendTo(table);
+                    tr = $("<tr/>");
+                }
+
+                td = $("<td/>").addClass("text-center day").html("<a href='#'>"+i+"</a>");
+                if (year == this._today.getFullYear() && month == this._today.getMonth() && this._today.getDate() == i) {
+                    td.addClass("today");
+                }
+
+                var d = (new Date(this._year, this._month, i)).format('yyyy-mm-dd');
+                if (this.element.data('_storage').indexOf(d)>=0) {
+                    td.find("a").addClass("selected");
+                }
+
+                td.appendTo(tr);
+                week_day++;
+            }
+
+            // next month other days
+            var htmlOtherDays = "";
+            for (i = week_day+1; i<=7; i++){
+                if (this.options.otherDays) htmlOtherDays = i - week_day;
+                td = $("<td/>").addClass("empty").html("<small class='other-day'>"+htmlOtherDays+"</small>").appendTo(tr);
+            }
+
+            tr.appendTo(table);
+
+            if (this.options.buttons) {
+                tr = $("<tr/>").addClass("calendar-actions");
+                td = $("<td/>").attr('colspan', 7).addClass("text-left").html("" +
+                    "<button class='button calendar-btn-today small success'>"+$.Metro.Locale[this.options.locale].buttons[0]+
+                    "</button>&nbsp;<button class='button calendar-btn-clear small warning'>"+$.Metro.Locale[this.options.locale].buttons[1]+"</button>");
+                td.appendTo(tr);
+                tr.appendTo(table);
+            }
+
+            table.appendTo(this.element);
+
+            this.options.getDates(this.element.data('_storage'));
+        },
+
+        _renderMonths: function(){
+            var table, tr, td, i, j;
+
+            this.element.html("");
+
+            table = $("<table/>").addClass("bordered");
+
+            // Add calendar header
+            tr = $("<tr/>");
+
+            $("<td/>").addClass("text-center").html("<a class='btn-previous-year' href='#'><i class='icon-arrow-left-4'></i></a>").appendTo(tr);
+            $("<td/>").attr("colspan", 2).addClass("text-center").html("<a class='btn-select-year' href='#'>"+this._year+"</a>").appendTo(tr);
+            $("<td/>").addClass("text-center").html("<a class='btn-next-year' href='#'><i class='icon-arrow-right-4'></i></a>").appendTo(tr);
+
+            tr.addClass("calendar-header").appendTo(table);
+
+            tr = $("<tr/>");
+            j = 0;
+            for (i=0;i<12;i++) {
+
+                //td = $("<td/>").addClass("text-center month").html("<a href='#' data-month='"+i+"'>"+this.options.monthsShort[i]+"</a>");
+                td = $("<td/>").addClass("text-center month").html("<a href='#' data-month='"+i+"'>"+$.Metro.Locale[this.options.locale].months[i+12]+"</a>");
+
+                if (this._month == i && (new Date()).getFullYear() == this._year) {
+                    td.addClass("today");
+                }
+
+                td.appendTo(tr);
+                if ((j+1) % 4 == 0) {
+                    tr.appendTo(table);
+                    tr = $("<tr/>");
+                }
+                j+=1;
+            }
+
+            table.appendTo(this.element);
+        },
+
+        _renderYears: function(){
+            var table, tr, td, i, j;
+
+            this.element.html("");
+
+            table = $("<table/>").addClass("bordered");
+
+            // Add calendar header
+            tr = $("<tr/>");
+
+            $("<td/>").addClass("text-center").html("<a class='btn-previous-year' href='#'><i class='icon-arrow-left-4'></i></a>").appendTo(tr);
+            $("<td/>").attr("colspan", 2).addClass("text-center").html( (this._distance)+"-"+(this._distance+11) ).appendTo(tr);
+            $("<td/>").addClass("text-center").html("<a class='btn-next-year' href='#'><i class='icon-arrow-right-4'></i></a>").appendTo(tr);
+
+            tr.addClass("calendar-header").appendTo(table);
+
+            tr = $("<tr/>");
+
+            j = 0;
+            for (i=this._distance;i<this._distance+12;i++) {
+                td = $("<td/>").addClass("text-center year").html("<a href='#' data-year='"+i+"'>"+i+"</a>");
+                if ((new Date()).getFullYear() == i) {
+                    td.addClass("today");
+                }
+                td.appendTo(tr);
+                if ((j+1) % 4 == 0) {
+                    tr.appendTo(table);
+                    tr = $("<tr/>");
+                }
+                j+=1;
+            }
+
+            table.appendTo(this.element);
+        },
+
+        _renderCalendar: function(){
+            switch (this._mode) {
+                case 'year': this._renderYears(); break;
+                case 'month': this._renderMonths(); break;
+                default: this._renderMonth();
+            }
+            this._initButtons();
+        },
+
+        _initButtons: function(){
+            // Add actions
+            var that = this, table = this.element.find('table');
+
+            if (this._mode == 'day') {
+                table.find('.btn-select-month').on('click', function(e){
+                    e.preventDefault();
+                    e.stopPropagation();
+                    that._mode = 'month';
+                    that._renderCalendar();
+                });
+                table.find('.btn-previous-month').on('click', function(e){
+                    that._event = 'eventPrevious';
+                    e.preventDefault();
+                    e.stopPropagation();
+                    that._month -= 1;
+                    if (that._month < 0) {
+                        that._year -= 1;
+                        that._month = 11;
+                    }
+                    that._renderCalendar();
+                });
+                table.find('.btn-next-month').on('click', function(e){
+                    that._event = 'eventNext';
+                    e.preventDefault();
+                    e.stopPropagation();
+                    that._month += 1;
+                    if (that._month == 12) {
+                        that._year += 1;
+                        that._month = 0;
+                    }
+                    that._renderCalendar();
+                });
+                table.find('.btn-previous-year').on('click', function(e){
+                    that._event = 'eventPrevious';
+                    e.preventDefault();
+                    e.stopPropagation();
+                    that._year -= 1;
+                    that._renderCalendar();
+                });
+                table.find('.btn-next-year').on('click', function(e){
+                    that._event = 'eventNext';
+                    e.preventDefault();
+                    e.stopPropagation();
+                    that._year += 1;
+                    that._renderCalendar();
+                });
+                table.find('.calendar-btn-today').on('click', function(e){
+                    that._event = 'eventNext';
+                    e.preventDefault();
+                    e.stopPropagation();
+                    that.options.date = new Date();
+                    that._year = that.options.date.getFullYear();
+                    that._month = that.options.date.getMonth();
+                    that._day = that.options.date.getDate();
+                    that._renderCalendar();
+                });
+                table.find('.calendar-btn-clear').on('click', function(e){
+                    e.preventDefault();
+                    e.stopPropagation();
+                    that.options.date = new Date();
+                    that._year = that.options.date.getFullYear();
+                    that._month = that.options.date.getMonth();
+                    that._day = that.options.date.getDate();
+                    that.element.data('_storage', []);
+                    that._renderCalendar();
+                });
+                table.find('.day a').on('click', function(e){
+                    e.preventDefault();
+                    e.stopPropagation();
+                    var d = (new Date(that._year, that._month, parseInt($(this).html()))).format(that.options.format,null);
+                    var d0 = (new Date(that._year, that._month, parseInt($(this).html())));
+
+                    if (that.options.multiSelect) {
+                        $(this).toggleClass("selected");
+
+                        if ($(this).hasClass("selected")) {
+                            that._addDate(d);
+                        } else {
+                            that._removeDate(d);
+                        }
+                    } else {
+                        table.find('.day a').removeClass('selected');
+                        $(this).addClass("selected");
+                        that.element.data('_storage', []);
+                        that._addDate(d);
+                    }
+                    that.options.getDates(that.element.data('_storage'));
+                    that.options.click(d, d0);
+                });
+            } else if (this._mode == 'month') {
+                table.find('.month a').on('click', function(e){
+                    that._event = 'eventNext';
+                    e.preventDefault();
+                    e.stopPropagation();
+                    that._month = parseInt($(this).data('month'));
+                    that._mode = 'day';
+                    that._renderCalendar();
+                });
+                table.find('.btn-previous-year').on('click', function(e){
+                    that._event = 'eventPrevious';
+                    e.preventDefault();
+                    e.stopPropagation();
+                    that._year -= 1;
+                    that._renderCalendar();
+                });
+                table.find('.btn-next-year').on('click', function(e){
+                    that._event = 'eventNext';
+                    e.preventDefault();
+                    e.stopPropagation();
+                    that._year += 1;
+                    that._renderCalendar();
+                });
+                table.find('.btn-select-year').on('click', function(e){
+                    that._event = 'eventNext';
+                    e.preventDefault();
+                    e.stopPropagation();
+                    that._mode = 'year';
+                    that._renderCalendar();
+                });
+            } else {
+                table.find('.year a').on('click', function(e){
+                    that._event = 'eventNext';
+                    e.preventDefault();
+                    e.stopPropagation();
+                    that._year = parseInt($(this).data('year'));
+                    that._mode = 'month';
+                    that._renderCalendar();
+                });
+                table.find('.btn-previous-year').on('click', function(e){
+                    that._event = 'eventPrevious';
+                    e.preventDefault();
+                    e.stopPropagation();
+                    that._distance -= 10;
+                    that._renderCalendar();
+                });
+                table.find('.btn-next-year').on('click', function(e){
+                    that._event = 'eventNext';
+                    e.preventDefault();
+                    e.stopPropagation();
+                    that._distance += 10;
+                    that._renderCalendar();
+                });
+            }
+        },
+
+        _addDate: function(d){
+            var index = this.element.data('_storage').indexOf(d);
+            if (index < 0) this.element.data('_storage').push(d);
+        },
+
+        _removeDate: function(d){
+            var index = this.element.data('_storage').indexOf(d);
+            this.element.data('_storage').splice(index, 1);
+        },
+
+        setDate: function(d){
+            var r;
+            d = new Date(d);
+            r = (new Date(d.getFullYear()+"/"+ (d.getMonth()+1)+"/"+ d.getDate())).format('yyyy-mm-dd');
+            this._addDate(r);
+            this._renderCalendar();
+        },
+
+        getDate: function(index){
+            return new Date(index != undefined ? this.element.data('_storage')[index] : this.element.data('_storage')[0]).format(this.options.format);
+        },
+
+        getDates: function(){
+            return this.element.data('_storage');
+        },
+
+        unsetDate: function(d){
+            var r;
+            d = new Date(d);
+            r = (new Date(d.getFullYear()+"-"+ (d.getMonth()+1)+"-"+ d.getDate())).format('yyyy-mm-dd');
+            this._removeDate(r);
+            this._renderCalendar();
+        },
+
+        _destroy: function(){},
+
+        _setOption: function(key, value){
+            this._super('_setOption', key, value);
+        }
+    })
+})( jQuery );
+
+
+