milksteak 0.0.1 → 0.0.2

data/lib/public/milksteak/js/jquery.calendrical.js

@@ -0,0 +1,490 @@
+(function($) {    
+    var monthNames = ['January', 'February', 'March', 'April', 'May', 'June',
+        'July', 'August', 'September', 'October', 'November', 'December'];
+        
+    function getToday()
+    {
+        var date = new Date();
+        return new Date(date.getFullYear(), date.getMonth(), date.getDate());
+    }
+    
+    function areDatesEqual(date1, date2)
+    {
+        return String(date1) == String(date2);
+    }
+    
+    function daysInMonth(year, month)
+    {
+        if (year instanceof Date) return daysInMonth(year.getFullYear(), year.getMonth());
+        if (month == 1) {
+            var leapYear = (year % 4 == 0) &&
+                (!(year % 100 == 0) || (year % 400 == 0));
+            return leapYear ? 29 : 28;
+        } else if (month == 3 || month == 5 || month == 8 || month == 10) {
+            return 30;
+        } else {
+            return 31;
+        }
+    }
+    
+    function dayAfter(date)
+    {
+        var year = date.getFullYear();
+        var month = date.getMonth();
+        var day = date.getDate();
+        var lastDay = daysInMonth(date);
+        return (day == lastDay) ?
+            ((month == 11) ?
+                new Date(year + 1, 0, 1) :
+                new Date(year, month + 1, 1)
+            ) :
+            new Date(year, month, day + 1);
+    }
+    
+    function dayBefore(date)
+    {
+        var year = date.getFullYear();
+        var month = date.getMonth();
+        var day = date.getDate();
+        return (day == 1) ?
+            ((month == 0) ?
+                new Date(year - 1, 11, daysInMonth(year - 1, 11)) :
+                new Date(year, month - 1, daysInMonth(year, month - 1))
+            ) :
+            new Date(year, month, day - 1);
+    }
+    
+    function monthAfter(year, month)
+    {
+        return (month == 11) ?
+            new Date(year + 1, 0, 1) :
+            new Date(year, month + 1, 1);
+    }
+    
+    function formatDate(date, usa)
+    {
+        return (usa ?
+            ((date.getMonth() + 1) + '/' + date.getDate()) :
+            (date.getDate() + '/' + (date.getMonth() + 1))
+        ) + '/' + date.getFullYear(); 
+    }
+    
+    function parseDate(date, usa)
+    {
+        if (usa) return new Date(date);
+        a = date.split(/[\.\-\/]/);
+        var day = a.shift();
+        var month = a.shift();
+        a.unshift(day);
+        a.unshift(month);
+        return new Date(a.join('/'));
+    }
+    
+    function formatTime(hour, minute, iso)
+    {
+        var printMinute = minute;
+        if (minute < 10) printMinute = '0' + minute;
+
+        if (iso) {
+            var printHour = hour
+            if (printHour < 10) printHour = '0' + hour;
+            return printHour + ':' + printMinute;
+        } else {
+            var printHour = hour % 12;
+            if (printHour == 0) printHour = 12;
+            var half = (hour < 12) ? 'am' : 'pm';
+            return printHour + ':' + printMinute + half;
+        }
+    }
+    
+    function parseTime(text)
+    {
+        var match = match = /(\d+)\s*[:\-\.,]\s*(\d+)\s*(am|pm)?/i.exec(text);
+        if (match && match.length >= 3) {
+            var hour = Number(match[1]);
+            var minute = Number(match[2])
+            if (hour == 12 && match[3]) hour -= 12;
+            if (match[3] && match[3].toLowerCase() == 'pm') hour += 12;
+            return {
+                hour:   hour,
+                minute: minute
+            };
+        } else {
+            return null;
+        }
+    }
+    
+    /**
+     * Generates calendar header, with month name, << and >> controls, and
+     * initials for days of the week.
+     */
+    function renderCalendarHeader(element, year, month, options)
+    {
+        //Prepare thead element
+        var thead = $('<thead />');
+        var titleRow = $('<tr />').appendTo(thead);
+        
+        //Generate << (back a month) link
+        $('<th />').addClass('monthCell').append(
+          $('<a href="javascript:;">&laquo;</a>')
+                  .addClass('prevMonth')
+                  .mousedown(function(e) {
+                      renderCalendarPage(element,
+                          month == 0 ? (year - 1) : year,
+                          month == 0 ? 11 : (month - 1), options
+                      );
+                      e.preventDefault();
+                  })
+        ).appendTo(titleRow);
+        
+        //Generate month title
+        $('<th />').addClass('monthCell').attr('colSpan', 5).append(
+            $('<a href="javascript:;">' + monthNames[month] + ' ' +
+                year + '</a>').addClass('monthName')
+        ).appendTo(titleRow);
+        
+        //Generate >> (forward a month) link
+        $('<th />').addClass('monthCell').append(
+            $('<a href="javascript:;">&raquo;</a>')
+                .addClass('nextMonth')
+                .mousedown(function() {
+                    renderCalendarPage(element,
+                        month == 11 ? (year + 1) : year,
+                        month == 11 ? 0 : (month + 1), options
+                    );
+                })
+        ).appendTo(titleRow);
+        
+        //Generate weekday initials row
+        var dayNames = $('<tr />').appendTo(thead);
+        $.each(String('SMTWTFS').split(''), function(k, v) {
+            $('<td />').addClass('dayName').append(v).appendTo(dayNames);
+        });
+        
+        return thead;
+    }
+    
+    function renderCalendarPage(element, year, month, options)
+    {
+        options = options || {};
+        
+        var today = getToday();
+        
+        var date = new Date(year, month, 1);
+        
+        //Wind end date forward to saturday week after month
+        var endDate = monthAfter(year, month);
+        var ff = 6 - endDate.getDay();
+        if (ff < 6) ff += 7;
+        for (var i = 0; i < ff; i++) endDate = dayAfter(endDate);
+        
+        var table = $('<table />');
+        renderCalendarHeader(element, year, month, options).appendTo(table);
+        
+        var tbody = $('<tbody />').appendTo(table);
+        var row = $('<tr />');
+
+        //Rewind date to monday week before month
+        var rewind = date.getDay() + 7;
+        for (var i = 0; i < rewind; i++) date = dayBefore(date);
+        
+        while (date <= endDate) {
+            var td = $('<td />')
+                .addClass('day')
+                .append(
+                    $('<a href="javascript:;">' +
+                        date.getDate() + '</a>'
+                    ).click((function() {
+                        var thisDate = date;
+                        
+                        return function() {
+                            if (options && options.selectDate) {
+                                options.selectDate(thisDate);
+                            }
+                        }
+                    }()))
+                )
+                .appendTo(row);
+            
+            var isToday     = areDatesEqual(date, today);
+            var isSelected  = options.selected &&
+                                areDatesEqual(options.selected, date);
+            
+            if (isToday)                    td.addClass('today');
+            if (isSelected)                 td.addClass('selected');
+            if (isToday && isSelected)      td.addClass('today_selected');
+            if (date.getMonth() != month)   td.addClass('nonMonth');
+            
+            dow = date.getDay();
+            if (dow == 6) {
+                tbody.append(row);
+                row = $('<tr />');
+            }
+            date = dayAfter(date);
+        }
+        if (row.children().length) {
+            tbody.append(row);
+        } else {
+            row.remove();
+        }
+        
+        element.empty().append(table);
+    }
+    
+    function renderTimeSelect(element, options)
+    {
+        var selection = options.selection && parseTime(options.selection);
+        if (selection) {
+            selection.minute = Math.floor(selection.minute / 30.0) * 30;
+        }
+        var startTime = options.startTime &&
+            (options.startTime.hour * 60 + options.startTime.minute);
+        
+        var scrollTo;   //Element to scroll the dropdown box to when shown
+        var ul = $('<ul />');
+        for (var hour = 0; hour < 24; hour++) {
+            for (var minute = 0; minute < 60; minute += 30) {
+                if (startTime && startTime > (hour * 60 + minute)) continue;
+                
+                (function() {
+                    var timeText = formatTime(hour, minute, options.isoTime);
+                    var fullText = timeText;
+                    if (startTime != null) {
+                        var duration = (hour * 60 + minute) - startTime;
+                        if (duration < 60) {
+                            fullText += ' (' + duration + ' mins)';
+                        } else if (duration == 60) {
+                            fullText += ' (1 hr)';
+                        } else {
+                            fullText += ' (' + (duration / 60.0) + ' hrs)';
+                        }
+                    }
+                    var li = $('<li />').append(
+                        $('<a href="javascript:;">' + fullText + '</a>')
+                        .click(function() {
+                            if (options && options.selectTime) {
+                                options.selectTime(timeText);
+                            }
+                        }).mousemove(function() {
+                            $('li.selected', ul).removeClass('selected');
+                        })
+                    ).appendTo(ul);
+                    
+                    //Set to scroll to the default hour, unless already set
+                    if (!scrollTo && hour == options.defaultHour) {
+                        scrollTo = li;
+                    }
+                    
+                    if (selection &&
+                        selection.hour == hour &&
+                        selection.minute == minute)
+                    {
+                        //Highlight selected item
+                        li.addClass('selected');
+                        
+                        //Set to scroll to the selected hour
+                        //
+                        //This is set even if scrollTo is already set, since
+                        //scrolling to selected hour is more important than
+                        //scrolling to default hour
+                        scrollTo = li;
+                    }
+                })();
+            }
+        }
+        if (scrollTo) {
+            //Set timeout of zero so code runs immediately after any calling
+            //functions are finished (this is needed, since box hasn't been
+            //added to the DOM yet)
+            setTimeout(function() {
+                //Scroll the dropdown box so that scrollTo item is in
+                //the middle
+                element[0].scrollTop =
+                    scrollTo[0].offsetTop - scrollTo.height() * 2;
+            }, 0);
+        }
+        element.empty().append(ul);
+    }
+    
+    $.fn.calendricalDate = function(options)
+    {
+        options = options || {};
+        options.padding = options.padding || 4;
+        
+        return this.each(function() {
+            var element = $(this);
+            var div;
+            var within = false;
+            
+            element.bind('focus click', function() {
+                if (div) return;
+                var offset = element.position();
+                var padding = element.css('padding-left');
+                div = $('<div />')
+                    .addClass('calendricalDatePopup')
+                    .mouseenter(function() { within = true; })
+                    .mouseleave(function() { within = false; })
+                    .mousedown(function(e) {
+                        e.preventDefault();
+                    })
+                    .css({
+                        position: 'absolute',
+                        left: offset.left,
+                        top: offset.top + element.height() +
+                            options.padding * 2
+                    });
+                element.after(div); 
+                
+                var selected = parseDate(element.val(), options.usa);
+                if (!selected.getFullYear()) selected = getToday();
+                
+                renderCalendarPage(
+                    div,
+                    selected.getFullYear(),
+                    selected.getMonth(), {
+                        selected: selected,
+                        selectDate: function(date) {
+                            within = false;
+                            element.val(formatDate(date, options.usa));
+                            div.remove();
+                            div = null;
+                            if (options.endDate) {
+                                var endDate = parseDate(
+                                    options.endDate.val(), options.usa
+                                );
+                                if (endDate >= selected) {
+                                    options.endDate.val(formatDate(
+                                        new Date(
+                                            date.getTime() +
+                                            endDate.getTime() -
+                                            selected.getTime()
+                                        ),
+                                        options.usa
+                                    ));
+                                }
+                            }
+                        }
+                    }
+                );
+            }).blur(function() {
+                if (within){
+                    if (div) element.focus();
+                    return;
+                }
+                if (!div) return;
+                div.remove();
+                div = null;
+            });
+        });
+    };
+    
+    $.fn.calendricalDateRange = function(options)
+    {
+        if (this.length >= 2) {
+            $(this[0]).calendricalDate($.extend({
+                endDate:   $(this[1])
+            }, options));
+            $(this[1]).calendricalDate(options);
+        }
+        return this;
+    };
+    
+    $.fn.calendricalTime = function(options)
+    {
+        options = options || {};
+        options.padding = options.padding || 4;
+        
+        return this.each(function() {
+            var element = $(this);
+            var div;
+            var within = false;
+            
+            element.bind('focus click', function() {
+                if (div) return;
+
+                var useStartTime = options.startTime;
+                if (useStartTime) {
+                    if (options.startDate && options.endDate &&
+                        !areDatesEqual(parseDate(options.startDate.val()),
+                            parseDate(options.endDate.val())))
+                        useStartTime = false;
+                }
+
+                var offset = element.position();
+                div = $('<div />')
+                    .addClass('calendricalTimePopup')
+                    .mouseenter(function() { within = true; })
+                    .mouseleave(function() { within = false; })
+                    .mousedown(function(e) {
+                        e.preventDefault();
+                    })
+                    .css({
+                        position: 'absolute',
+                        left: offset.left,
+                        top: offset.top + element.height() +
+                            options.padding * 2
+                    });
+                if (useStartTime) {
+                    div.addClass('calendricalEndTimePopup');
+                }
+
+                element.after(div); 
+                
+                var opts = {
+                    selection: element.val(),
+                    selectTime: function(time) {
+                        within = false;
+                        element.val(time);
+                        div.remove();
+                        div = null;
+                    },
+                    isoTime: options.isoTime || false,
+                    defaultHour: (options.defaultHour != null) ?
+                                    options.defaultHour : 8
+                };
+                
+                if (useStartTime) {
+                    opts.startTime = parseTime(options.startTime.val());
+                }
+                
+                renderTimeSelect(div, opts);
+            }).blur(function() {
+                if (within){
+                    if (div) element.focus();
+                    return;
+                }
+                if (!div) return;
+                div.remove();
+                div = null;
+            });
+        });
+    },
+    
+    $.fn.calendricalTimeRange = function(options)
+    {
+        if (this.length >= 2) {
+            $(this[0]).calendricalTime(options);
+            $(this[1]).calendricalTime($.extend({
+                startTime: $(this[0])
+            }, options));
+        }
+        return this;
+    };
+
+    $.fn.calendricalDateTimeRange = function(options)
+    {
+        if (this.length >= 4) {
+            $(this[0]).calendricalDate($.extend({
+                endDate:   $(this[2])
+            }, options));
+            $(this[1]).calendricalTime(options);
+            $(this[2]).calendricalDate(options);
+            $(this[3]).calendricalTime($.extend({
+                startTime: $(this[1]),
+                startDate: $(this[0]),
+                endDate:   $(this[2])
+            }, options));
+        }
+        return this;
+    };
+})(jQuery);

data/lib/public/milksteak/js/jquery.easing.js

@@ -0,0 +1,146 @@
+/*
+ * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
+ *
+ * Uses the built In easIng capabilities added In jQuery 1.1
+ * to offer multiple easIng options
+ *
+ * Copyright (c) 2007 George Smith
+ * Licensed under the MIT License:
+ *   http://www.opensource.org/licenses/mit-license.php
+ */
+
+// t: current time, b: begInnIng value, c: change In value, d: duration
+jQuery.easing['jswing'] = jQuery.easing['swing'];
+
+jQuery.extend( jQuery.easing,
+{
+	def: 'easeOutQuad',
+	swing: function (x, t, b, c, d) {
+		//alert(jQuery.easing.default);
+		return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
+	},
+	easeInQuad: function (x, t, b, c, d) {
+		return c*(t/=d)*t + b;
+	},
+	easeOutQuad: function (x, t, b, c, d) {
+		return -c *(t/=d)*(t-2) + b;
+	},
+	easeInOutQuad: function (x, t, b, c, d) {
+		if ((t/=d/2) < 1) return c/2*t*t + b;
+		return -c/2 * ((--t)*(t-2) - 1) + b;
+	},
+	easeInCubic: function (x, t, b, c, d) {
+		return c*(t/=d)*t*t + b;
+	},
+	easeOutCubic: function (x, t, b, c, d) {
+		return c*((t=t/d-1)*t*t + 1) + b;
+	},
+	easeInOutCubic: function (x, t, b, c, d) {
+		if ((t/=d/2) < 1) return c/2*t*t*t + b;
+		return c/2*((t-=2)*t*t + 2) + b;
+	},
+	easeInQuart: function (x, t, b, c, d) {
+		return c*(t/=d)*t*t*t + b;
+	},
+	easeOutQuart: function (x, t, b, c, d) {
+		return -c * ((t=t/d-1)*t*t*t - 1) + b;
+	},
+	easeInOutQuart: function (x, t, b, c, d) {
+		if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
+		return -c/2 * ((t-=2)*t*t*t - 2) + b;
+	},
+	easeInQuint: function (x, t, b, c, d) {
+		return c*(t/=d)*t*t*t*t + b;
+	},
+	easeOutQuint: function (x, t, b, c, d) {
+		return c*((t=t/d-1)*t*t*t*t + 1) + b;
+	},
+	easeInOutQuint: function (x, t, b, c, d) {
+		if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
+		return c/2*((t-=2)*t*t*t*t + 2) + b;
+	},
+	easeInSine: function (x, t, b, c, d) {
+		return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
+	},
+	easeOutSine: function (x, t, b, c, d) {
+		return c * Math.sin(t/d * (Math.PI/2)) + b;
+	},
+	easeInOutSine: function (x, t, b, c, d) {
+		return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
+	},
+	easeInExpo: function (x, t, b, c, d) {
+		return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
+	},
+	easeOutExpo: function (x, t, b, c, d) {
+		return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
+	},
+	easeInOutExpo: function (x, t, b, c, d) {
+		if (t==0) return b;
+		if (t==d) return b+c;
+		if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
+		return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
+	},
+	easeInCirc: function (x, t, b, c, d) {
+		return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
+	},
+	easeOutCirc: function (x, t, b, c, d) {
+		return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
+	},
+	easeInOutCirc: function (x, t, b, c, d) {
+		if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
+		return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
+	},
+	easeInElastic: function (x, t, b, c, d) {
+		var s=1.70158;var p=0;var a=c;
+		if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
+		if (a < Math.abs(c)) { a=c; var s=p/4; }
+		else var s = p/(2*Math.PI) * Math.asin (c/a);
+		return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
+	},
+	easeOutElastic: function (x, t, b, c, d) {
+		var s=1.70158;var p=0;var a=c;
+		if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
+		if (a < Math.abs(c)) { a=c; var s=p/4; }
+		else var s = p/(2*Math.PI) * Math.asin (c/a);
+		return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
+	},
+	easeInOutElastic: function (x, t, b, c, d) {
+		var s=1.70158;var p=0;var a=c;
+		if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) p=d*(.3*1.5);
+		if (a < Math.abs(c)) { a=c; var s=p/4; }
+		else var s = p/(2*Math.PI) * Math.asin (c/a);
+		if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
+		return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
+	},
+	easeInBack: function (x, t, b, c, d, s) {
+		if (s == undefined) s = 1.70158;
+		return c*(t/=d)*t*((s+1)*t - s) + b;
+	},
+	easeOutBack: function (x, t, b, c, d, s) {
+		if (s == undefined) s = 1.70158;
+		return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
+	},
+	easeInOutBack: function (x, t, b, c, d, s) {
+		if (s == undefined) s = 1.70158; 
+		if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
+		return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
+	},
+	easeInBounce: function (x, t, b, c, d) {
+		return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
+	},
+	easeOutBounce: function (x, t, b, c, d) {
+		if ((t/=d) < (1/2.75)) {
+			return c*(7.5625*t*t) + b;
+		} else if (t < (2/2.75)) {
+			return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
+		} else if (t < (2.5/2.75)) {
+			return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
+		} else {
+			return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
+		}
+	},
+	easeInOutBounce: function (x, t, b, c, d) {
+		if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
+		return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
+	}
+});