active_administration 0.0.2 → 0.0.3

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

@@ -0,0 +1,46 @@
+var plugins = [
+    'global',
+    'core',
+    'locale',
+    'touch-handler',
+
+    'accordion',
+    'button-set',
+    'date-format',
+    'calendar',
+    'datepicker',
+    'carousel',
+    'countdown',
+    'dropdown',
+    'input-control',
+    'live-tile',
+
+    'progressbar',
+    'rating',
+    'slider',
+    'tab-control',
+    'table',
+    'times',
+    'dialog',
+    'notify',
+    'listview',
+    'treeview',
+    'fluentmenu',
+    'hint',
+    'streamer',
+    'stepper',
+    'drag-tile',
+    'scroll',
+    'pull',
+    'wizard',
+    'panel',
+    'tile-transform',
+
+    'initiator'
+
+
+];
+
+$.each(plugins, function(i, plugin){
+    $("<script/>").attr('src', 'js/metro/metro-'+plugin+'.js').appendTo($('head'));
+});

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

@@ -0,0 +1,132 @@
+(function($){
+    $.Metro.currentLocale = 'en';
+
+    if (METRO_LOCALE != undefined)  $.Metro.currentLocale = METRO_LOCALE; else $.Metro.currentLocale = 'en';
+    //console.log(METRO_LOCALE, $.Metro.currentLocale);
+
+    $.Metro.Locale = {
+        'en': {
+            months: [
+                "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December",
+                "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"
+            ],
+            days: [
+                "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday",
+                "Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"
+            ],
+            buttons: [
+                "Today", "Clear", "Cancel", "Help", "Prior", "Next", "Finish"
+            ]
+        },
+        'fr': {
+            months: [
+                "Janvier", "Février", "Mars", "Avril", "Mai", "Juin", "Juillet", "Août", "Septembre", "Octobre", "Novembre", "Décembre",
+                "Jan", "Fév", "Mars", "Avr", "Mai", "Juin", "Juil", "Août", "Sept", "Oct", "Nov", "Déc"
+            ],
+            days: [
+                "Dimanche", "Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi", "Samedi",
+                "Di", "Lu", "Ma", "Me", "Je", "Ve", "Sa"
+            ],
+            buttons: [
+                "Aujourd'hui", "Effacer", "Annuler", "Aide", "Précedent", "Suivant", "Fin"
+            ]
+        },
+        'nl': {
+            months: [
+                "Januari", "Februari", "Maart", "April", "Mei", "Juni", "Juli", "Augustus", "September", "Oktober", "November", "December",
+                "Jan", "Feb", "Mrt", "Apr", "Mei", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dec"
+            ],
+            days: [
+                "Zondag", "Maandag", "Dinsdag", "Woensdag", "Donderdag", "Vrijdag", "Zaterdag",
+                "Zo", "Ma", "Di", "Wo", "Do", "Vr", "Za"
+            ],
+            buttons: [
+                "Vandaag", "Verwijderen", "Annuleren", "Hulp", "Vorige", "Volgende", "Einde"
+            ]
+        },
+        'ua': {
+            months: [
+                "Січень", "Лютий", "Березень", "Квітень", "Травень", "Червень", "Липень", "Серпень", "Вересень", "Жовтень", "Листопад", "Грудень",
+                "Січ", "Лют", "Бер", "Кві", "Тра", "Чер", "Лип", "Сер", "Вер", "Жов", "Лис", "Гру"
+            ],
+            days: [
+                "Неділя", "Понеділок", "Вівторок", "Середа", "Четвер", "П’ятниця", "Субота",
+                "Нд", "Пн", "Вт", "Ср", "Чт", "Пт", "Сб"
+            ],
+            buttons: [
+                "Сьогодні", "Очистити", "Скасувати", "Допомога", "Назад", "Вперед", "Готово"
+            ]
+        },
+        'ru': {
+            months: [
+                "Январь", "Февраль", "Март", "Апрель", "Май", "Июнь", "Июль", "Август", "Сентябрь", "Октябрь", "Ноябрь", "Декабрь",
+                "Янв", "Фев", "Мар", "Апр", "Май", "Июн", "Июл", "Авг", "Сен", "Окт", "Ноя", "Дек"
+            ],
+            days: [
+                "Воскресенье", "Понедельник", "Вторник", "Среда", "Четверг", "Пятница", "Суббота",
+                "Вс", "Пн", "Вт", "Ср", "Чт", "Пт", "Сб"
+            ],
+            buttons: [
+                "Сегодня", "Очистить", "Отменить", "Помощь", "Назад", "Вперед", "Готово"
+            ]
+        },
+        /** By NoGrief (nogrief@gmail.com) */
+        'zhCN': {
+            months: [
+                "一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月",
+                "一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"
+            ],
+            days: [
+                "星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六",
+                "日", "一", "二", "三", "四", "五", "六"
+            ],
+            buttons: [
+                "今日", "清除", "Cancel", "Help", "Prior", "Next", "Finish"
+            ]
+        },
+        'it': {
+            months: [
+                'Gennaio', 'Febbraio', 'Marzo', 'Aprile', 'Maggio', 'Giugno', 'Luglio', 'Agosto', 'Settembre', 'Ottobre', 'Novembre', 'Dicembre',
+                'Gen',' Feb', 'Mar', 'Apr', 'Mag', 'Giu', 'Lug', 'Ago', 'Set', 'Ott', 'Nov', 'Dic'
+            ],
+            days: [
+                'Lunedì', 'Martedì', 'Mercoledì', 'Giovedì', 'Venerdì', 'Sabato', 'Domenica',
+                'Lun', 'Mar', 'Mer', 'Gio', 'Ven', 'Sab', 'Dom'
+            ],
+            buttons: [
+                "Oggi", "Cancella", "Cancel", "Help", "Prior", "Next", "Finish"
+            ]
+        },
+        'de': {
+            months: [
+                "Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember",
+                "Jan", "Feb", "Mrz", "Apr", "Mai", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dez"
+            ],
+            days: [
+                "Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag",
+                "So", "Mo", "Di", "Mi", "Do", "Fr", "Sa"
+            ],
+            buttons: [
+                "Heute", "Zurücksetzen", "Abbrechen", "Hilfe", "Früher", "Später", "Fertig"
+            ]
+        },
+        /** By Javier Rodríguez (javier.rodriguez at fjrodriguez.com) */
+        'es': {
+            months: [
+                "Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre",
+                "Ene", "Feb", "Mar", "Abr", "May", "Jun", "Jul", "Ago", "Sept", "Oct", "Nov", "Dic"
+            ],
+            days: [
+                "Domingo", "Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado",
+                "Do", "Lu", "Mar", "Mié", "Jue", "Vi", "Sáb"
+            ],
+            buttons: [
+               "Hoy", "Limpiar", "Cancel", "Help", "Prior", "Next", "Finish"
+            ]
+        }
+    };
+
+    $.Metro.setLocale = function(locale, data){
+        $.Metro.Locale[locale] = data;
+    };
+})(jQuery);

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

@@ -0,0 +1,120 @@
+(function($) {
+	var _notify_container = false;
+	var _notifies = [];
+	
+	var Notify = {
+		
+		_container: null,
+		_notify: null,
+		_timer: null,
+		options: {
+			icon: '', // to be implemented
+			caption: '',
+			content: '',
+			shadow: true,
+			width: 'auto',
+			height: 'auto',
+			style: false, // {background: '', color: ''}
+			position: 'right', //right, left
+			timeout: 3000
+		},
+		
+		init: function(options) {
+			this.options = $.extend({}, this.options, options);
+			this._build();
+			return this;
+		},
+		
+		_build: function() {
+			this._container = _notify_container || $("<div/>").addClass("metro notify-container").appendTo('body');
+			_notify_container = this._container;
+			var o = this.options;
+			
+			if (o.content == '' || o.content == undefined) return false;
+			
+			this._notify = $("<div/>").addClass("notify");
+			
+			if (o.shadow) this._notify.addClass("shadow");
+       		if (o.style && o.style.background != undefined) this._notify.css("background-color", o.style.background);
+        	if (o.style && o.style.color != undefined) this._notify.css("color", o.style.color);
+			
+			// add title
+   	    	if (o.caption != '' && o.caption != undefined) {
+   	    	    $("<div/>").addClass("caption").html(o.caption).appendTo(this._notify);
+   	    	}
+   	    	// add content
+   	    	if (o.content != '' && o.content != undefined) {
+   	    	    $("<div/>").addClass("content").html(o.content).appendTo(this._notify);
+   	    	}
+			
+			if (o.width != 'auto') this._notify.css('min-width', o.width);
+	        if (o.height != 'auto') this._notify.css('min-height', o.height);
+			
+			this._notify.hide().appendTo(this._container).fadeIn('slow');
+        	_notifies.push(this._notify);
+			
+			this.close(o.timeout);
+			
+		},
+		
+		close: function(timeout) {
+			this.clear();
+			if(timeout == parseInt(timeout)) {
+				var self = this
+				this._timer = setTimeout(function() {
+					self._timer = null;
+					self._hide();
+				}, timeout);
+				return this;
+			} else if(timeout == undefined) {
+				return this._hide();
+			}
+			return this;
+		},
+		
+		clear: function() {
+			if(this._timer != null) {
+				clearTimeout(this._timer);
+				this._timer = null;
+				return this;
+			} else {
+				return false;
+			}
+		},
+		
+		_hide: function() {
+			this.clear();
+		
+			if(this._notify != undefined) {
+        	   	this._notify.hide('slow', function() {
+					this.remove();
+					_notifies.splice(_notifies.indexOf(this._notify), 1);
+				});
+				return this;
+			} else {
+				return false;
+			}
+		},
+		
+		closeAll: function() {
+			_notifies.forEach(function(notEntry) {
+				notEntry.hide('slow', function() {
+					notEntry.remove();
+					_notifies.splice(_notifies.indexOf(notEntry), 1);
+				});
+			});
+			return this;
+		}
+	};
+	
+	$.Notify = function(options) {
+		return Object.create(Notify).init(options);
+	}
+	$.Notify.show = function(message, title) {
+		return $.Notify({
+       	    content: message,
+       	    caption: title
+       	});
+    };
+	
+})(jQuery);

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

@@ -0,0 +1,41 @@
+(function( $ ) {
+    $.widget("metro.panel", {
+
+        version: "1.0.0",
+
+        options: {
+            onCollapse: function(){},
+            onExpand: function(){}
+        },
+
+        _create: function(){
+            var element = this.element, o = this.options,
+                header = element.children('.panel-header'),
+                content = element.children('.panel-content');
+
+            header.on('click', function(){
+                content.slideToggle(
+                    'fast',
+                    function(){
+                        element.toggleClass('collapsed');
+                        if (element.hasClass('collapsed')) {
+                            o.onCollapse();
+                        } else {
+                            o.onExpand();
+                        }
+                    }
+                );
+            });
+        },
+
+        _destroy: function(){
+
+        },
+
+        _setOption: function(key, value){
+            this._super('_setOption', key, value);
+        }
+    })
+})( jQuery );
+
+

data/app/assets/javascripts/active_administration/metro-plugin-template.js

@@ -0,0 +1,21 @@
+(function( $ ) {
+    $.widget("metro.widget", {
+
+        version: "1.0.0",
+
+        options: {
+        },
+
+        _create: function(){
+        },
+
+        _destroy: function(){
+
+        },
+
+        _setOption: function(key, value){
+            this._super('_setOption', key, value);
+        }
+    })
+})( jQuery );
+

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

@@ -0,0 +1,97 @@
+(function( $ ) {
+    $.widget("metro.progressbar", {
+
+        version: "1.0.1",
+
+        options: {
+            value: 0,
+            color: "bg-cyan",
+            animate: false,
+			max: 100,
+            onchange: function(val){}
+        },
+
+        _create: function(){
+            var that = this,
+                element = this.element,
+				o = this.options;
+
+            if (element.data('value') != undefined) {
+                this.value(element.data('value')+'%');
+            }
+
+            if (element.data('color') != undefined) {
+                o.color = element.data('color');
+            }
+
+            if (element.data('animate') != undefined) {
+                o.animate = element.data('animate');
+            }
+			
+			if (element.data('max') != undefined) {
+                o.max = element.data('max');
+            }
+			o.max = o.max < 0 ? 0 : o.max;
+			o.max = o.max > 100 ? 100 : o.max;
+
+            this._showBar();
+        },
+
+        _showBar: function(newVal){
+			//Default parameters
+			newVal = newVal || this.options.value;
+            
+			var element = this.element;
+
+            element.html('');
+
+            var bar = $("<div />");
+            bar.addClass("bar");
+            if (this.options.color.indexOf("bg-")+1)
+                bar.addClass(this.options.color);
+            else {
+                bar.css('background', this.options.color);
+            }
+            bar.appendTo(element);
+            if (this.options.animate) {
+				bar.css('width', this.value() + '%').animate({ width: newVal + '%' });
+            } else {
+                bar.css('width', newVal + '%');
+            }
+
+            this.options.onchange(this.value());
+        },
+
+        value: function(val){
+            if (val != undefined) {
+				var parsedVal = parseInt(val);
+				parsedVal = parsedVal > this.max ? this.max : parsedVal;
+				parsedVal = parsedVal < 0 ? 0 : parsedVal;
+				this._showBar(parsedVal);
+                this.options.value = parsedVal;
+            } else {
+                return parseInt(this.options.value);
+            }
+        },
+
+        color: function(color){
+            this.options.color = color;
+
+            if (this.options.color.indexOf("bg-")+1)
+                this.element.find(".bar").addClass(this.options.color);
+            else {
+                this.element.find(".bar").css('background', this.options.color);
+            }
+            this._showBar();
+        },
+
+        _destroy: function(){
+
+        },
+
+        _setOption: function(key, value){
+            this._super('_setOption', key, value);
+        }
+    })
+})( jQuery );
+