input_calendar 0.0.4 → 0.1.0

data/README.md

@@ -1,9 +1,13 @@
 # input_calendar
 
-At the current time __input_calendar__ is optimized for static calendars that stay in place and are used in place (how I usually prefer a calendar in apps).  No reason it couldn't be enhanced to hide/show dynamically and support visible date fields.
+At the current time input_calendar is optimized for calendars that stay in place and are used in place (how I usually prefer a calendar in apps).  No reason it couldn't be enhanced to hide/show dynamically and support visible date fields.
 
 Interesting in patches to make it more configurable as long as it stays simple and elegant.
 
+Here is what it looks like with the default CSS:
+
+![sample of input_calendar_](https://raw.github.com/yyyc514/input_calendar/master/example.png)
+
 ## How to use
 
 In your view:

data/lib/input_calendar/version.rb

@@ -1,3 +1,3 @@
 module InputCalendar
-  VERSION = "0.0.4"
-end
+  VERSION = "0.1.0"
+end

data/src/calendar.coffee

@@ -3,7 +3,9 @@ $ = jQuery
 class @Calendar
   # only syntax takes both the id and field
   constructor: (@id, @field, @options = {}) ->
-    @field=$("##{@field}")
+    # allow us to be passed in a jquery object already
+    unless @field.jquery
+      @field=$("##{@field}")
     if @id?
       @element=$("##{@id}")
     else
@@ -108,7 +110,7 @@ class @Calendar
     @field.val(@date.toLocaleDateString())
     @element.find(".selected").removeClass "selected"
     o.parent().addClass("selected")
-    @element.find(".selectedtext").html @currentDateString()
+    @element.find(".selectedtext").html @generateFooter()
     if @options.onchange
       @options.onchange(@field.val())
     false

data/vendor/assets/javascripts/input_calendar.js

@@ -1,25 +1,25 @@
 (function() {
   var $, DateHelper, dh;
-  var __bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; };
+
   $ = jQuery;
+
   this.Calendar = (function() {
+
     function Calendar(id, field, options) {
       var _base, _ref;
       this.id = id;
       this.field = field;
       this.options = options != null ? options : {};
-      this.field = $("#" + this.field);
+      if (!this.field.jquery) this.field = $("#" + this.field);
       if (this.id != null) {
         this.element = $("#" + this.id);
       } else {
         this.element = $("<div>").insertAfter(this.field);
       }
       this.show();
-            if ((_ref = (_base = this.options)["class"]) != null) {
-        _ref;
-      } else {
+      if ((_ref = (_base = this.options)["class"]) == null) {
         _base["class"] = "minicalendar";
-      };
+      }
       if (this.options.footer) {
         this.footerTemplate = _.template(this.options.footer);
       }
@@ -28,15 +28,16 @@
       this.pager_date = new Date(this.date);
       this.redraw();
     }
+
     Calendar.attach = function(field, options) {
       return new Calendar(null, field, options);
     };
+
     Calendar.prototype.getDateFromField = function() {
-      if (this.field.val() === "") {
-        return;
-      }
+      if (this.field.val() === "") return;
       return this.date = this.parseIncomingDate();
     };
+
     Calendar.prototype.parseIncomingDate = function() {
       var date, day, month, year, _ref;
       date = this.field.val().split(" ")[0];
@@ -45,15 +46,19 @@
       }), year = _ref[0], month = _ref[1], day = _ref[2];
       return new Date(year, month - 1, day);
     };
+
     Calendar.prototype.show = function() {
       return this.element.show();
     };
+
     Calendar.prototype.hide = function() {
       return this.element.hide();
     };
+
     Calendar.prototype.label = function() {
       return this.MONTHS[this.pager_date.getMonth()].label + " " + this.pager_date.getFullYear();
     };
+
     Calendar.prototype.MONTHS = [
       {
         label: 'January',
@@ -93,7 +98,9 @@
         days: 31
       }
     ];
+
     Calendar.prototype.DAYS = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
+
     Calendar.prototype.dayRows = function() {
       var day;
       return ((function() {
@@ -107,22 +114,26 @@
         return _results;
       }).call(this)).join("");
     };
+
     Calendar.prototype.forward = function() {
       dh(this.pager_date).forward_a_month();
       this.redraw();
       return false;
     };
+
     Calendar.prototype.back = function() {
       dh(this.pager_date).back_a_month();
       this.redraw();
       return false;
     };
+
     Calendar.prototype.days_in_month = function(date) {
       var length, month, year, _ref;
       _ref = [date.getMonth(), date.getFullYear()], month = _ref[0], year = _ref[1];
       length = this.MONTHS[month].days;
       return (month == 1 && (year % 4 == 0) && (year % 100 != 0)) ? 29 : length;;
     };
+
     Calendar.prototype.buildDateCells = function() {
       var date, day, first_day, html, i, month, _i, _len, _ref;
       date = dh(new Date(this.pager_date));
@@ -147,37 +158,30 @@
       }
       return html;
     };
+
     Calendar.prototype.buildDayCell = function(date, month) {
       var classes;
       classes = [];
       classes.push("day");
-      if (date.getMonth() !== month) {
-        classes.push("othermonth");
-      }
-      if (date.same_as(new Date())) {
-        classes.push("today");
-      }
-      if (date.same_as(this.date)) {
-        classes.push("selected");
-      }
+      if (date.getMonth() !== month) classes.push("othermonth");
+      if (date.same_as(new Date())) classes.push("today");
+      if (date.same_as(this.date)) classes.push("selected");
       return "<td class='" + (classes.join(" ")) + "'><a data-date='" + (date.toLocaleString()) + "' href='#'>" + (date.getDate()) + "</a></td>";
     };
+
     Calendar.prototype.clicked = function(event) {
       var o;
       o = $(event.target);
-      if (o[0].tagName === "TD") {
-        o = o.children("A");
-      }
+      if (o[0].tagName === "TD") o = o.children("A");
       this.date = new Date(Date.parse(o.data("date")));
       this.field.val(this.date.toLocaleDateString());
       this.element.find(".selected").removeClass("selected");
       o.parent().addClass("selected");
-      this.element.find(".selectedtext").html(this.currentDateString());
-      if (this.options.onchange) {
-        this.options.onchange(this.field.val());
-      }
+      this.element.find(".selectedtext").html(this.generateFooter());
+      if (this.options.onchange) this.options.onchange(this.field.val());
       return false;
     };
+
     Calendar.prototype.generateFooter = function() {
       var params;
       if (this.footerTemplate) {
@@ -192,55 +196,66 @@
         return "<b>" + this.DAYS[this.date.getDay()] + "</b><br />" + this.MONTHS[this.date.getMonth()].label + " " + (this.date.getDate()) + ", " + (this.date.getFullYear());
       }
     };
+
     Calendar.prototype.redraw = function() {
       var html;
+      var _this = this;
       html = "<table class=\"" + this.options["class"] + "\" cellspacing=\"0\">\n<thead>  \n   <tr><th class=\"back\"><a href=\"#\">&larr;</a></th>\n       <th colspan=\"5\" class=\"month_label\">" + (this.label()) + "</th>\n       <th class=\"forward\"><a href=\"#\">&rarr;</a></th></tr>\n   <tr class=\"day_header\">" + (this.dayRows()) + "</tr>\n </thead>\n <tbody>" + (this.buildDateCells()) + "</tbody>\n <tfoot>\n   <tr><td colspan=\"7\" class=\"selectedtext\">" + (this.generateFooter()) + "</td></tr>\n </tfoot>\n </table>";
       this.element.html(html);
-      this.element.find("th.back").click(__bind(function() {
-        return this.back();
-      }, this));
-      this.element.find("th.forward").click(__bind(function() {
-        return this.forward();
-      }, this));
-      return this.element.find("tbody").click(__bind(function(event) {
-        return this.clicked(event);
-      }, this));
+      this.element.find("th.back").click(function() {
+        return _this.back();
+      });
+      this.element.find("th.forward").click(function() {
+        return _this.forward();
+      });
+      return this.element.find("tbody").click(function(event) {
+        return _this.clicked(event);
+      });
     };
+
     return Calendar;
+
   })();
+
   dh = function(date) {
     _.extend(date, DateHelper);
     return date;
   };
+
   DateHelper = (function() {
+
     function DateHelper() {}
+
     DateHelper.forward_a_month = function(count) {
       var d, month;
-      if (count == null) {
-        count = 1;
-      }
+      if (count == null) count = 1;
       month = this.getMonth() + count;
       d = new Date(this.getFullYear(), month, 1);
       return this.setTime(d);
     };
+
     DateHelper.back_a_month = function(count) {
       var d, month;
-      if (count == null) {
-        count = 1;
-      }
+      if (count == null) count = 1;
       month = this.getMonth() - count;
       d = new Date(this.getFullYear(), month, 1);
       return this.setTime(d);
     };
+
     DateHelper.same_as = function(date) {
       return this.getFullYear() === date.getFullYear() && this.getMonth() === date.getMonth() && this.getDate() === date.getDate();
     };
+
     DateHelper.go_tomorrow = function() {
       return this.setTime(new Date(this.valueOf() + 1000 * 60 * 60 * 24));
     };
+
     DateHelper.go_yesterday = function() {
       return this.setTime(new Date(this.valueOf() - 1000 * 60 * 60 * 24));
     };
+
     return DateHelper;
+
   })();
+
 }).call(this);

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification 
 name: input_calendar
 version: !ruby/object:Gem::Version 
-  hash: 23
+  hash: 27
   prerelease: 
   segments: 
   - 0
+  - 1
   - 0
-  - 4
-  version: 0.0.4
+  version: 0.1.0
 platform: ruby
 authors: 
 - Josh Goebel
@@ -15,8 +15,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2011-06-07 00:00:00 -04:00
-default_executable: 
+date: 2012-05-09 00:00:00 Z
 dependencies: []
 
 description: Simple and clean JS calendar to enter dates on forms
@@ -45,7 +44,6 @@ files:
 - vendor/assets/stylesheets/input_calendar.css
 - vendor/support/jquery.js
 - vendor/support/underscore.js
-has_rdoc: true
 homepage: http://github.com/yyyc514/input_calendar
 licenses: []
 
@@ -75,9 +73,10 @@ required_rubygems_version: !ruby/object:Gem::Requirement
 requirements: []
 
 rubyforge_project: input_calendar
-rubygems_version: 1.6.2
+rubygems_version: 1.8.15
 signing_key: 
 specification_version: 3
 summary: Simple and clean JS calendar to enter dates on forms
 test_files: []
 
+has_rdoc: