gbdev-calendar_date_select 1.11.20080824

data/public/stylesheets/calendar_date_select/plain.css

@@ -0,0 +1,128 @@
+.calendar_date_select {
+  border:#777 1px solid;
+  display:block;
+  width:195px;
+  z-index: 1000;
+  background-color:white;
+}
+/* this is a fun ie6 hack to get drop downs to stay behind the popup window.  This should always be just underneath .calendar_date_select */
+iframe.ie6_blocker {
+  position: absolute;
+  z-index: 999;
+}
+
+.calendar_date_select thead th {
+  color: black !important;
+  font-weight:bold;
+}
+
+.calendar_date_select .cds_buttons {
+  text-align:center;
+  padding:5px 0px;
+}
+
+.calendar_date_select .cds_footer {
+  padding:3px;
+  font-size:10px;
+  text-align:center;
+}
+
+.calendar_date_select table {
+  margin: 0px;
+  padding: 0px;
+}
+
+
+.calendar_date_select .cds_header {
+  text-align:center;
+}
+
+.calendar_date_select .cds_header * {
+  border:0px;
+  background-color:white;  
+}
+
+.calendar_date_select .cds_header span {
+  font-size:15px;
+  color: black;
+  font-weight: bold;
+}
+
+.calendar_date_select select { font-size:11px;}
+
+.calendar_date_select .cds_header a:hover {
+  color: white;
+}
+.calendar_date_select .cds_header a {
+  width:22px;
+  height:20px;
+  text-decoration: none;
+  font-size:14px;
+  color:black !important;
+}
+
+.calendar_date_select .cds_header a.prev {
+  float:left;
+}
+.calendar_date_select .cds_header a.next {
+  float:right;
+}
+.calendar_date_select .cds_header a.close {
+  float:right;
+  display:none;
+}
+
+.calendar_date_select .cds_header select.month {
+  width:90px;
+}
+
+.calendar_date_select .cds_header select.year {
+  width:61px;
+}
+
+.calendar_date_select .cds_buttons a {
+  color: black;
+  font-size: 9px;
+}
+.calendar_date_select td {
+  font-size:12px;
+  width: 24px;
+  height: 21px;
+  text-align:center;
+  vertical-align: middle;
+  background-color: #fff;
+}
+.calendar_date_select td.weekend {
+}
+
+.calendar_date_select td div {
+  color: #000;
+}
+.calendar_date_select td div.other {
+  color: #ccc;
+}
+.calendar_date_select td.selected div {
+  color:white;
+}
+
+.calendar_date_select tbody td {
+}
+.calendar_date_select td.selected {
+  background-color:#777;
+}
+
+.calendar_date_select td:hover {
+  background-color:#ccc;
+}
+
+.calendar_date_select td.today {
+  border: 1px dashed #999;
+}
+
+.calendar_date_select td.disabled div {
+  color: #e6e6e6;
+}
+
+.fieldWithErrors .calendar_date_select {
+  border: 2px solid red;
+}

data/public/stylesheets/calendar_date_select/red.css

@@ -0,0 +1,135 @@
+.calendar_date_select {
+  color:white;
+  border:#777 1px solid;
+  display:block;
+  width:195px;
+  z-index: 1000;
+}
+/* this is a fun ie6 hack to get drop downs to stay behind the popup window.  This should always be just underneath .calendar_date_select */
+iframe.ie6_blocker {
+  position: absolute;
+  z-index: 999;
+}
+
+.calendar_date_select thead th {
+  font-weight:bold;
+  background-color: #E7E8E8;
+  border-bottom:2px solid black;
+  color: black !important;
+}
+
+.calendar_date_select .cds_buttons {
+  text-align:center;
+  padding:5px 0px;
+  background-color: #5f0000;
+}
+
+.calendar_date_select .cds_footer {
+  background-color: black;
+  padding:3px;
+  text-align:center;
+}
+
+.calendar_date_select table {
+  margin: 0px;
+  padding: 0px;
+}
+
+
+.calendar_date_select .cds_header {
+  background-color: #ccc;
+  border-bottom: 2px solid #aaa;
+  text-align:center;
+}
+
+.calendar_date_select .cds_header span {
+  font-size:15px;
+  color: black;
+  font-weight: bold;
+}
+
+.calendar_date_select select { font-size:11px;}
+
+.calendar_date_select .cds_header a:hover {
+  color: white;
+}
+.calendar_date_select .cds_header a {
+  width:22px;
+  height:20px;
+  text-decoration: none;
+  font-size:14px;
+  color:black !important;
+}
+
+.calendar_date_select .cds_header a.prev {
+  float:left;
+}
+.calendar_date_select .cds_header a.next {
+  float:right;
+}
+
+.calendar_date_select .cds_header a.close {
+  float:right;
+  display:none;
+}
+
+.calendar_date_select .cds_header select.month {
+  width:90px;
+}
+
+.calendar_date_select .cds_header select.year {
+  width:61px;
+}
+
+.calendar_date_select .cds_buttons a {
+  color: white;
+  font-size: 9px;
+}
+
+
+.calendar_date_select td {
+  background-color: #660000;
+  font-size:12px;
+  width: 24px;
+  height: 21px;
+  text-align:center;
+  vertical-align: middle;
+}
+.calendar_date_select td.weekend {
+  background-color: #5a0000;
+}
+
+.calendar_date_select td div {
+  color:#fff;
+}
+.calendar_date_select td div.other {
+  color: #93554C;
+}
+.calendar_date_select td.selected div {
+  color:black;
+}
+
+
+.calendar_date_select tbody td {
+  border-bottom: 1px solid #550000;
+}
+.calendar_date_select tbody td.selected {
+  background-color:white;
+  color:black;
+}
+
+.calendar_date_select tbody td:hover {
+  background-color:#ccc;
+} 
+
+.calendar_date_select tbody td.today {
+  border: 1px dashed red;
+}
+
+.calendar_date_select td.disabled div {
+  color: #440000;
+}
+
+.fieldWithErrors .calendar_date_select {
+  border: 2px solid red;
+}

data/public/stylesheets/calendar_date_select/silver.css

@@ -0,0 +1,133 @@
+.calendar_date_select {
+  color:white;
+  border:#777 1px solid;
+  display:block;
+  width:195px;
+  z-index: 1000;
+}
+/* this is a fun ie6 hack to get drop downs to stay behind the popup window.  This should always be just underneath .calendar_date_select */
+iframe.ie6_blocker {
+  position: absolute;
+  z-index: 999;
+}
+
+.calendar_date_select thead th {
+  font-weight:bold;
+  background-color: #000;
+  border-top:1px solid #777;
+  border-bottom:2px solid #333;
+  color: white !important;
+}
+
+.calendar_date_select .cds_buttons {
+  text-align:center;
+  padding:5px 0px;
+  background-color: #555;
+}
+
+.calendar_date_select .cds_footer {
+  background-color: black;
+  padding:3px;
+  font-size:12px;
+  text-align:center;
+}
+
+.calendar_date_select table {
+  margin: 0px;
+  padding: 0px;
+}
+
+
+.calendar_date_select .cds_header {
+  background-color: #ccc;
+  border-bottom: 2px solid #aaa;
+  text-align:center;
+}
+
+.calendar_date_select .cds_header span {
+  font-size:15px;
+  color: black;
+  font-weight: bold;
+}
+
+.calendar_date_select select { font-size:11px;}
+
+.calendar_date_select .cds_header a:hover {
+  color: white;
+}
+.calendar_date_select .cds_header a {
+  width:22px;
+  height:20px;
+  text-decoration: none;
+  font-size:14px;
+  color:black !important;
+}
+
+.calendar_date_select .cds_header a.prev {
+  float:left;
+}
+.calendar_date_select .cds_header a.next {
+  float:right;
+}
+.calendar_date_select .cds_header a.close {
+  float:right;
+  display:none;
+}
+
+.calendar_date_select .cds_header select.month {
+  width:90px;
+}
+
+.calendar_date_select .cds_header select.year {
+  width:61px;
+}
+
+.calendar_date_select .cds_buttons a {
+  color: white;
+  font-size: 9px;
+}
+.calendar_date_select td {
+  font-size:12px;
+  width: 24px;
+  height: 21px;
+  text-align:center;
+  vertical-align: middle;
+  background-color: #666666;
+}
+.calendar_date_select td.weekend {
+  background-color: #606060;
+}
+
+.calendar_date_select td div {
+  color: #fff;
+}
+.calendar_date_select td div.other {
+  color: #888;
+}
+.calendar_date_select td.selected div {
+  color:black;
+}
+
+.calendar_date_select tbody td {
+  border-bottom: 1px solid #555;
+}
+.calendar_date_select td.selected {
+  background-color:white;
+}
+
+.calendar_date_select td:hover {
+  background-color:#ccc;
+}
+
+.calendar_date_select td.today {
+  border: 1px dashed #999;
+}
+
+.calendar_date_select td.disabled div {
+  color: #454545;
+}
+
+
+.fieldWithErrors .calendar_date_select {
+  border: 2px solid red;
+}

data/test/functional/calendar_date_select_test.rb

@@ -0,0 +1,157 @@
+  require File.join(File.dirname(__FILE__), '../test_helper.rb')
+
+class HelperMethodsTest < Test::Unit::TestCase
+  include ActionView::Helpers::FormHelper
+  include ActionView::Helpers::JavaScriptHelper
+  include ActionView::Helpers::AssetTagHelper
+  include ActionView::Helpers::TagHelper
+  include ActionView::Helpers::FormTagHelper
+  
+  include CalendarDateSelect::FormHelper
+  
+  def setup
+    @controller = ActionController::Base.new
+    @request = OpenStruct.new
+    @controller.request = @request
+    
+    @model = OpenStruct.new
+  end
+  
+  def test_mixed_time__model_returns_date__should_render_without_time
+    @model.start_datetime = Date.parse("January 2, 2007")
+    output = calendar_date_select(:model, :start_datetime, :time => "mixed")
+    assert_no_match(/12:00 AM/, output, "Shouldn't have outputted a time")
+  end
+  
+  def test_mixed_time__model_returns_time__should_render_with_time
+    @model.start_datetime = Time.parse("January 2, 2007 12:00 AM")
+    output = calendar_date_select(:model, :start_datetime, :time => "mixed")
+    assert_match(/12:00 AM/, output, "Should have outputted a time")
+  end
+  
+  def test_time_true__model_returns_date__should_render_with_time
+    @model.start_datetime = Date.parse("January 2, 2007")
+    output = calendar_date_select(:model, :start_datetime, :time => "true")
+    assert_match(/12:00 AM/, output, "Should have outputted a time")
+  end
+  
+  def test_time_false__model_returns_time__should_render_without_time
+    @model.start_datetime = Time.parse("January 2, 2007 12:00 AM")
+    output = calendar_date_select(:model, :start_datetime)
+    assert_no_match(/12:00 AM/, output, "Shouldn't have outputted a time")
+  end
+  
+  def test__nil_model__shouldnt_populate_value
+    @model = nil
+    output = calendar_date_select(:model, :start_datetime)
+    
+    assert_no_match(/value/, output)
+  end
+  
+  def test__vdc__should_auto_format_function
+    @model.start_datetime = Time.parse("January 2, 2007 12:00 AM")
+    output = calendar_date_select(:model, 
+      :start_datetime, 
+      :valid_date_check => "date < new Date()"
+    )
+    assert_match("valid_date_check:function(date) { return(date &lt; new Date()) }", output)
+    
+    output = calendar_date_select(:model, 
+      :start_datetime, 
+      :valid_date_check => "return(date < new Date())"
+    )
+    assert_match("valid_date_check:function(date) { return(date &lt; new Date()) }", output)
+    output = calendar_date_select(:model, 
+      :start_datetime, 
+      :valid_date_check => "function(p) { return(date < new Date()) }"
+    )
+    assert_match("valid_date_check:function(p) { return(date &lt; new Date()) }", output)
+  end
+  
+  def test__vdc__excluded_return__should_raise_error
+    throw_message = ":valid_date_check function is missing a 'return' statement.  Try something like: :valid_date_check => 'if (date > new(Date)) return true; else return false;'"
+    assert_throws throw_message.to_sym do
+      output = calendar_date_select(:model, 
+        :start_datetime, 
+        :valid_date_check => "date = 5; date < new Date());"
+      )
+    end
+    
+    assert_throws throw_message.to_sym do
+      output = calendar_date_select(:model, 
+        :start_datetime, 
+        :valid_date_check => "function(p) { date = 5; date < new Date()); }"
+      )
+    end
+  end
+  
+  def test__year_range__formats_correctly
+    output = calendar_date_select(:model, :start_datetime)
+    assert_match("year_range:10", output)
+    output = calendar_date_select(:model, :start_datetime, :year_range => 2000..2010)
+    assert_match("year_range:[2000, 2010]", output)
+    output = calendar_date_select(:model, :start_datetime, :year_range => (15.years.ago..5.years.ago))
+    assert_match("year_range:[#{15.years.ago.year}, #{5.years.ago.year}]", output)
+  end
+
+  def test__tag__formats_text_correctly_string
+    time = "January 2, 2007 12:01:23 AM"
+    output = calendar_date_select_tag(:name, time)
+
+    assert_match(time, output, "Should have outputted a correctly formatted time")
+  end
+
+  def test__tag__formats_text_correctly_date
+    time = Date.new(2007, 01, 02)
+    output = calendar_date_select_tag(:name, time)
+
+    assert_no_match(/12:01 AM/, output, "Should not have outputted a time")
+    assert_match(CalendarDateSelect.format_date(time), output, "Should have outputted a correctly formatted time")
+  end
+
+  def test__tag__formats_text_correctly_time
+    time = Time.parse("January 2, 2007 12:01:23 AM")
+    output = calendar_date_select_tag(:name, time)
+
+    assert_match(CalendarDateSelect.format_date(time), output, "Should have outputted a correctly formatted time")
+  end
+
+  def test__tag__formats_text_correctly_with_time_option
+    time = Time.parse("January 2, 2007 12:01:23 AM")
+    output = calendar_date_select_tag(:name, time, :time => true)
+
+    assert_match(CalendarDateSelect.format_date(time), output, "Should have outputted a correctly formatted time")
+  end
+
+  def test__tag__formats_text_correctly_with_mixed_option
+    time = Time.parse("January 2, 2007 12:01:23 AM")
+    output = calendar_date_select_tag(:name, time, :time => 'mixed')
+
+    assert_match(CalendarDateSelect.format_date(time), output, "Should have outputted a correctly formatted time")
+  end
+
+  def test__tag__formats_text_correctly_time_as_date
+    time = Time.parse("January 2, 2007 12:01:23 AM")
+    output = calendar_date_select_tag(:name, time, :time => false)
+
+    assert_no_match(/12:01 AM/, output, "Should not have outputted a time")
+    assert_match(time.strftime(CalendarDateSelect.date_format_string(false)), output, "Should have outputted a correctly formatted time")
+  end
+
+  def test__tag__formats_text_correctly_time_with_format
+    time = Time.parse("January 2, 2007 12:01:00 AM")
+    output = calendar_date_select_tag(:name, time, :format => "%Y-%m-%d")
+
+    assert_no_match(/12:01 AM/, output, "Should not have outputted a time")
+    assert_match('2007-01-02', output, "Should have outputted a correctly formatted time")
+  end
+  
+  def test__nil_object_option__should_disregard
+    @model.start_datetime = Time.parse("January 2, 2007 12:00 AM")
+    output = calendar_date_select(:model, :start_datetime, :time => true, :object => nil)
+    assert_match(CalendarDateSelect.format_date(@model.start_datetime), output, "Should have outputted a time")
+  end  
+
+end
+
+