active_administration 0.0.2 → 0.0.3

data/app/assets/javascripts/active_administration/metro-date-format.js

@@ -0,0 +1,137 @@
+/*
+ * Date Format 1.2.3
+ * (c) 2007-2009 Steven Levithan <stevenlevithan.com>
+ * MIT license
+ *
+ * Includes enhancements by Scott Trenda <scott.trenda.net>
+ * and Kris Kowal <cixar.com/~kris.kowal/>
+ *
+ * Accepts a date, a mask, or a date and a mask.
+ * Returns a formatted version of the given date.
+ * The date defaults to the current date/time.
+ * The mask defaults to dateFormat.masks.default.
+ */
+// this is a temporary solution
+
+var dateFormat = function () {
+    var	token = /d{1,4}|m{1,4}|yy(?:yy)?|([HhMsTt])\1?|[LloSZ]|"[^"]*"|'[^']*'/g,
+        timezone = /\b(?:[PMCEA][SDP]T|(?:Pacific|Mountain|Central|Eastern|Atlantic) (?:Standard|Daylight|Prevailing) Time|(?:GMT|UTC)(?:[-+]\d{4})?)\b/g,
+        timezoneClip = /[^-+\dA-Z]/g,
+        pad = function (val, len) {
+            val = String(val);
+            len = len || 2;
+            while (val.length < len) val = "0" + val;
+            return val;
+        };
+
+    // Regexes and supporting functions are cached through closure
+    return function (date, mask, utc) {
+        var dF = dateFormat;
+
+        // You can't provide utc if you skip other args (use the "UTC:" mask prefix)
+        if (arguments.length == 1 && Object.prototype.toString.call(date) == "[object String]" && !/\d/.test(date)) {
+            mask = date;
+            date = undefined;
+        }
+
+        //console.log(arguments);
+
+        // Passing date through Date applies Date.parse, if necessary
+        date = date ? new Date(date) : new Date;
+        //if (isNaN(date)) throw SyntaxError("invalid date");
+
+        mask = String(dF.masks[mask] || mask || dF.masks["default"]);
+
+        // Allow setting the utc argument via the mask
+        if (mask.slice(0, 4) == "UTC:") {
+            mask = mask.slice(4);
+            utc = true;
+        }
+
+        //console.log(locale);
+
+        locale = $.Metro.currentLocale;
+
+        var	_ = utc ? "getUTC" : "get",
+            d = date[_ + "Date"](),
+            D = date[_ + "Day"](),
+            m = date[_ + "Month"](),
+            y = date[_ + "FullYear"](),
+            H = date[_ + "Hours"](),
+            M = date[_ + "Minutes"](),
+            s = date[_ + "Seconds"](),
+            L = date[_ + "Milliseconds"](),
+            o = utc ? 0 : date.getTimezoneOffset(),
+            flags = {
+                d:    d,
+                dd:   pad(d),
+                ddd:  $.Metro.Locale[locale].days[D],
+                dddd: $.Metro.Locale[locale].days[D + 7],
+                m:    m + 1,
+                mm:   pad(m + 1),
+                mmm: $.Metro.Locale[locale].months[m],
+                mmmm: $.Metro.Locale[locale].months[m + 12],
+                yy:   String(y).slice(2),
+                yyyy: y,
+                h:    H % 12 || 12,
+                hh:   pad(H % 12 || 12),
+                H:    H,
+                HH:   pad(H),
+                M:    M,
+                MM:   pad(M),
+                s:    s,
+                ss:   pad(s),
+                l:    pad(L, 3),
+                L:    pad(L > 99 ? Math.round(L / 10) : L),
+                t:    H < 12 ? "a"  : "p",
+                tt:   H < 12 ? "am" : "pm",
+                T:    H < 12 ? "A"  : "P",
+                TT:   H < 12 ? "AM" : "PM",
+                Z:    utc ? "UTC" : (String(date).match(timezone) || [""]).pop().replace(timezoneClip, ""),
+                o:    (o > 0 ? "-" : "+") + pad(Math.floor(Math.abs(o) / 60) * 100 + Math.abs(o) % 60, 4),
+                S:    ["th", "st", "nd", "rd"][d % 10 > 3 ? 0 : (d % 100 - d % 10 != 10) * d % 10]
+            };
+
+        return mask.replace(token, function ($0) {
+            return $0 in flags ? flags[$0] : $0.slice(1, $0.length - 1);
+        });
+    };
+}();
+
+// Some common format strings
+dateFormat.masks = {
+    "default":      "ddd mmm dd yyyy HH:MM:ss",
+    shortDate:      "m/d/yy",
+    mediumDate:     "mmm d, yyyy",
+    longDate:       "mmmm d, yyyy",
+    fullDate:       "dddd, mmmm d, yyyy",
+    shortTime:      "h:MM TT",
+    mediumTime:     "h:MM:ss TT",
+    longTime:       "h:MM:ss TT Z",
+    isoDate:        "yyyy-mm-dd",
+    isoTime:        "HH:MM:ss",
+    isoDateTime:    "yyyy-mm-dd'T'HH:MM:ss",
+    isoUtcDateTime: "UTC:yyyy-mm-dd'T'HH:MM:ss'Z'"
+};
+
+// Internationalization strings
+dateFormat.i18n = {
+    dayNames: [
+        "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat",
+        "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"
+    ],
+    monthNames: [
+        "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec",
+        "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"
+    ]
+};
+
+// For convenience...
+Date.prototype.format = function (mask, utc) {
+    return dateFormat(this, mask, utc);
+};
+
+/*
+ * End date format
+ */
+

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

@@ -0,0 +1,138 @@
+// DatePicker
+
+(function( $ ) {
+    $.widget("metro.datepicker", {
+
+        version: "1.0.0",
+
+        options: {
+            format: "dd.mm.yyyy",
+            date: undefined,
+            effect: 'none',
+            position: 'bottom',
+            locale: $.Metro.currentLocale,
+            weekStart: (METRO_WEEK_START != undefined ? METRO_WEEK_START : 0), // 0 - Sunday, 1 - Monday
+            otherDays: false,
+            selected: function(d, d0){},
+            _calendar: undefined
+        },
+
+
+        _create: function(){
+            var that = this,
+                element = this.element,
+                input = element.children("input"),
+                button = element.children("button.btn-date");
+
+            if (element.data('date') != undefined) this.options.date = element.data('date');
+            if (element.data('format') != undefined) this.options.format = element.data('format');
+            if (element.data('effect') != undefined) this.options.effect = element.data('effect');
+            if (element.data('position') != undefined) this.options.position = element.data('position');
+            if (element.data('locale') != undefined) this.options.locale = element.data('locale');
+            if (element.data('weekStart') != undefined) this.options.weekStart = element.data('weekStart');
+            if (element.data('otherDays') != undefined) this.options.otherDays = element.data('otherDays');
+
+            this._createCalendar(element, this.options.date);
+
+            input.attr('readonly', true);
+
+            button.on('click', function(e){
+                e.stopPropagation();
+                if (that.options._calendar.css('display') == 'none') {
+                    that._show();
+                } else {
+                    that._hide();
+                }
+            });
+
+            element.on('click', function(e){
+                e.stopPropagation();
+                if (that.options._calendar.css('display') == 'none') {
+                    that._show();
+                } else {
+                    that._hide();
+                }
+            });
+
+            $('html').on('click', function(e){
+                $(".calendar-dropdown").hide();
+            })
+        },
+
+        _createCalendar: function(to, curDate){
+            var _calendar, that = this;
+
+            _calendar = $("<div/>").css({
+                position: 'absolute'
+                , display: 'none'
+                , 'max-width': 260
+                , 'z-index': 1000
+
+            }).addClass('calendar calendar-dropdown').appendTo(to);
+
+            if (that.options.date != undefined) {
+                _calendar.data('date', that.options.date);
+            }
+
+            _calendar.calendar({
+                multiSelect: false,
+                format: that.options.format,
+                buttons: false,
+                locale: that.options.locale,
+                otherDays: that.options.otherDays,
+                weekStart: that.options.weekStart,
+                click: function(d, d0){
+                    //console.log(d, d0);
+                    _calendar.calendar('setDate', d0);
+                    to.children("input[type=text]").val(d);
+                    that.options.selected(d, d0);
+                    that._hide();
+                }
+            });
+
+            if (curDate != undefined) {
+                _calendar.calendar('setDate', curDate);
+                to.children("input[type=text]").val(_calendar.calendar('getDate'));
+            }
+
+            // Set position
+            switch (this.options.position) {
+                case 'top': _calendar.css({top: (0-_calendar.height()), left: 0}); break;
+                default: _calendar.css({top: '100%', left: 0});
+            }
+
+            this.options._calendar = _calendar;
+        },
+
+        _show: function(){
+            if (this.options.effect == 'slide') {
+                $(".calendar-dropdown").slideUp('fast');
+                this.options._calendar.slideDown('fast');
+            } else if (this.options.effect == 'fade') {
+                $(".calendar-dropdown").fadeOut('fast');
+                this.options._calendar.fadeIn('fast');
+            } else {
+                $(".calendar-dropdown").hide();
+                this.options._calendar.show();
+            }
+        },
+        _hide: function(){
+            if (this.options.effect == 'slide') {
+                this.options._calendar.slideUp('fast');
+            } else if (this.options.effect == 'fade') {
+                this.options._calendar.fadeOut('fast');
+            } else {
+                this.options._calendar.hide();
+            }
+        },
+
+        _destroy: function(){
+        },
+
+        _setOption: function(key, value){
+            this._super('_setOption', key, value);
+        }
+    })
+})( jQuery );
+
+

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

@@ -0,0 +1,221 @@
+(function($) {
+    if (METRO_DIALOG == undefined) {
+        //var METRO_DIALOG = false;
+    }
+
+    $.Dialog = function(params) {
+        if(!$.Dialog.opened) {
+            $.Dialog.opened = true;
+        } else {
+            return METRO_DIALOG;
+        }
+
+        $.Dialog.settings = params;
+
+        params = $.extend({
+            icon: false,
+            title: '',
+            content: '',
+            flat: false,
+            shadow: false,
+            overlay: false,
+            width: 'auto',
+            height: 'auto',
+            position: 'default',
+            padding: false,
+            overlayClickClose: true,
+            sysButtons: {
+                btnClose: true
+            },
+            onShow: function(_dialog){},
+            sysBtnCloseClick: function(event){},
+            sysBtnMinClick: function(event){},
+            sysBtnMaxClick: function(event){}
+        }, params);
+
+        var _overlay, _window, _caption, _content;
+
+        _overlay = $("<div/>").addClass("metro window-overlay");
+
+        if (params.overlay) {
+            _overlay.css({
+                backgroundColor: 'rgba(0,0,0,.7)'
+            });
+        }
+
+        _window = $("<div/>").addClass("window");
+        if (params.flat) _window.addClass("flat");
+        if (params.shadow) _window.addClass("shadow").css('overflow', 'hidden');
+        _caption = $("<div/>").addClass("caption");
+        _content = $("<div/>").addClass("content");
+        _content.css({
+            paddingTop: 32 + params.padding,
+            paddingLeft: params.padding,
+            paddingRight: params.padding,
+            paddingBottom: params.padding
+        });
+
+        if (params.sysButtons) {
+            if (params.sysButtons.btnClose) {
+                $("<button/>").addClass("btn-close").on('click', function(e){
+                    e.preventDefault();
+                    e.stopPropagation();
+                    $.Dialog.close();
+                    params.sysBtnCloseClick(e);
+                }).appendTo(_caption);
+            }
+            if (params.sysButtons.btnMax) {
+                $("<button/>").addClass("btn-max").on('click', function(e){
+                    e.preventDefault();
+                    e.stopPropagation();
+                    params.sysBtnMaxClick(e);
+                }).appendTo(_caption);
+            }
+            if (params.sysButtons.btnMin) {
+                $("<button/>").addClass("btn-min").on('click', function(e){
+                    e.preventDefault();
+                    e.stopPropagation();
+                    params.sysBtnMinClick(e);
+                }).appendTo(_caption);
+            }
+        }
+
+        if (params.icon) $(params.icon).addClass("icon").appendTo(_caption);
+        $("<div/>").addClass("title").html(params.title).appendTo(_caption);
+
+        _content.html(params.content);
+
+        _caption.appendTo(_window);
+        _content.appendTo(_window);
+        _window.appendTo(_overlay);
+
+        if (params.width != 'auto') _window.css('min-width', params.width);
+        if (params.height != 'auto') _window.css('min-height', params.height);
+
+        _overlay.hide().appendTo('body').fadeIn('fast');
+
+        METRO_DIALOG = _window;
+
+        _window
+            .css("position", "fixed")
+            .css("z-index", parseInt(_overlay.css('z-index'))+1)
+            .css("top", ($(window).height() - METRO_DIALOG.outerHeight()) / 2 )
+            .css("left", ($(window).width() - _window.outerWidth()) / 2)
+        ;
+
+        addTouchEvents(_window[0]);
+
+        if(params.draggable) {
+            _caption.on("mousedown", function(e) {
+                $.Dialog.drag = true;
+                _caption.css('cursor', 'move');
+
+                var z_idx = _window.css('z-index'),
+                    drg_h = _window.outerHeight(),
+                    drg_w = _window.outerWidth(),
+                    pos_y = _window.offset().top + drg_h - e.pageY,
+                    pos_x = _window.offset().left + drg_w - e.pageX;
+
+                _window.css('z-index', 99999).parents().on("mousemove", function(e) {
+                    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 ($.Dialog.drag) {
+                        if(t >= 0 && t <= window.innerHeight - _window.outerHeight()) {
+                            _window.offset({top: t});
+                        }
+                        if(l >= 0 && l <= window.innerWidth - _window.outerWidth()) {
+                            _window.offset({left: l});
+                        }
+                    }
+                });
+                e.preventDefault();
+            }).on("mouseup", function() {
+                _window.removeClass('draggable');
+                $.Dialog.drag = false;
+                _caption.css('cursor', 'default');
+            });
+        }
+
+        _window.on('click', function(e){
+            e.stopPropagation();
+        });
+
+        if (params.overlayClickClose) {
+            _overlay.on('click', function(e){
+                e.preventDefault();
+                $.Dialog.close();
+            });
+        }
+
+        params.onShow(METRO_DIALOG);
+
+        $.Dialog.autoResize();
+
+        return METRO_DIALOG;
+    }
+
+    $.Dialog.content = function(newContent) {
+        if(!$.Dialog.opened || METRO_DIALOG == undefined) {
+            return false;
+        }
+
+        if(newContent) {
+            METRO_DIALOG.children(".content").html(newContent);
+            $.Dialog.autoResize();
+            return true;
+        } else {
+            return METRO_DIALOG.children(".content").html();
+        }
+    }
+
+    $.Dialog.title = function(newTitle) {
+        if(!$.Dialog.opened || METRO_DIALOG == undefined) {
+            return false;
+        }
+
+        var _title = METRO_DIALOG.children('.caption').children('.title');
+
+        if(newTitle) {
+            _title.html(newTitle);
+        } else {
+            _title.html();
+        }
+
+        return true;
+    }
+
+    $.Dialog.autoResize = function(){
+        if(!$.Dialog.opened || METRO_DIALOG == undefined) {
+            return false;
+        }
+
+        var _content = METRO_DIALOG.children(".content");
+
+        var top = ($(window).height() - METRO_DIALOG.outerHeight()) / 2;
+        var left = ($(window).width() - METRO_DIALOG.outerWidth()) / 2;
+
+        METRO_DIALOG.css({
+            width: _content.outerWidth(),
+            height: _content.outerHeight(),
+            top: top,
+            left: left
+        });
+
+        return true;
+    }
+
+    $.Dialog.close = function() {
+        if(!$.Dialog.opened || METRO_DIALOG == undefined) {
+            return false;
+        }
+
+        $.Dialog.opened = false;
+        var _overlay = METRO_DIALOG.parent(".window-overlay");
+        _overlay.fadeOut(function(){
+            $(this).remove();
+        });
+
+        return false;
+    }
+})(jQuery);