From 0b200e7534cf0eb12a93b84ed02f450a07baf576 Mon Sep 17 00:00:00 2001
From: Mark Yoon <yoon@northwestern.edu>
Date: Mon, 31 Jan 2011 16:18:13 -0600
Subject: [PATCH] date picker. closes #58

---
 app/helpers/surveyor_helper.rb                |   8 +-
 app/views/partials/_answer.html.haml          |   2 +-
 .../surveyor/templates/assets/images/next.gif | Bin 0 -> 601 bytes
 .../surveyor/templates/assets/images/prev.gif | Bin 0 -> 599 bytes
 .../assets/javascripts/jquery.surveyor.js     |  18 ++-
 .../assets/stylesheets/dateinput.css          | 149 ++++++++++++++++++
 .../assets/stylesheets/sass/surveyor.sass     |   3 +
 lib/formtastic/surveyor_builder.rb            |   3 +
 8 files changed, 173 insertions(+), 10 deletions(-)
 create mode 100644 generators/surveyor/templates/assets/images/next.gif
 create mode 100644 generators/surveyor/templates/assets/images/prev.gif
 create mode 100644 generators/surveyor/templates/assets/stylesheets/dateinput.css

diff --git a/app/helpers/surveyor_helper.rb b/app/helpers/surveyor_helper.rb
index f418bad7..f76a5cba 100644
--- a/app/helpers/surveyor_helper.rb
+++ b/app/helpers/surveyor_helper.rb
@@ -4,7 +4,7 @@ def surveyor_includes
     surveyor_stylsheets + surveyor_javascripts    
   end
   def surveyor_stylsheets
-    stylesheet_link_tag 'surveyor/reset', 'surveyor'
+    stylesheet_link_tag 'surveyor/reset', 'surveyor/dateinput', 'surveyor'
   end
   def surveyor_javascripts
     javascript_include_tag 'surveyor/jquery.tools.min', 'surveyor/jquery.surveyor'
@@ -57,6 +57,12 @@ def rc_to_attr(type_sym)
     else :answer_id
     end
   end
+  def rc_to_as(type_sym)
+    case type_sym.to_s
+    when /(integer|float)/ then :string
+    else type_sym
+    end
+  end
   
   # Responses
   def response_for(response_set, question, answer = nil, response_group = nil)
diff --git a/app/views/partials/_answer.html.haml b/app/views/partials/_answer.html.haml
index 9dab6433..d3b37adb 100644
--- a/app/views/partials/_answer.html.haml
+++ b/app/views/partials/_answer.html.haml
@@ -14,6 +14,6 @@
   - when "none"
     - if %w(date datetime time float integer string text).include? a.response_class
       = ff.quiet_input :answer_id, :input_html => {:class => a.css_class, :value => a.id}
-      = ff.input rc_to_attr(a.response_class), :label => a.split_or_hidden_text(:pre).blank? ? false : a.split_or_hidden_text(:pre), :hint => a.split_or_hidden_text(:post), :input_html => {:value => a.default_value}
+      = ff.input rc_to_attr(a.response_class), :as => rc_to_as(a.response_class), :label => a.split_or_hidden_text(:pre).blank? ? false : a.split_or_hidden_text(:pre), :hint => a.split_or_hidden_text(:post), :input_html => {:value => a.default_value}
     - else
       = a.text
diff --git a/generators/surveyor/templates/assets/images/next.gif b/generators/surveyor/templates/assets/images/next.gif
new file mode 100644
index 0000000000000000000000000000000000000000..730fc3e66935d79d22346fc59abe5beb96426fe1
GIT binary patch
literal 601
zcmZ?wbhEHb<YVAtc$UNP?c2BCzkh%K{{7RZPrrWs`uX!GL+jZ;fBt;<@Zt04&kQYR
znVZirw4Y~aJ;%^^MrrodPrv_u{P=O{&G)Z<{E6NBWb1=ZQ!c({YC6N)ePQm^w==K3
zwcY-RZPMjwSKs~p_pklz>nXQCOuzpA=f8i`?|*vz>u>AX*ABZMpMUe6q2v6mPrsPj
z&oOtLJNNn<W8G=_nOB)w&MGaq!PtK(ap$Aw-+n*)@rS4XB4g8;#66GO&c4pv`y_M!
zlgPbK*e6{2{^#$Wr(YNvPD{?Zw(Zduqh+`M|Nqb4c5eE$H>Y2I<>|XH|HivjcRp}*
zp1<+wSJK|cSKj|*Xg*VP;2C?zIfmx5$6tTr>bY>{{SSr-mv|>!I`sT&*_qe+EAQ-o
z^L^2c_kJ7h9eeTR>({SSFTeTl`>(~Cdpr{^@lU+;@83U$wsQ>a=YIV7!O(Q(%a<?j
z-@j+*Jpb<9I|g!r;!hSv28J949gqQ_IALJl){xVb!;zVu&LG&_oyqR4tPqvLl-127
zY@NiLZIc+pGBqd8*hx3WC?ho^*^V_Q%T~l*B38~^U&GHpg_%<`G%b~1N6E)5jZLvb
zlr1|uP|r=kN{i2*k->9zcA86cimP^pC1a-gIi7%cXQ^PG40%?Lgh)Ow$rKOMR5qEA
z%$##E8#f(jYEe!-qj8{c!K7IXjtwyp4Q`G-LMd!KLBS1f?84F;Oe_}^3eIL>;t;Ty
LtR^zsfx#L8GeaSC

literal 0
HcmV?d00001

diff --git a/generators/surveyor/templates/assets/images/prev.gif b/generators/surveyor/templates/assets/images/prev.gif
new file mode 100644
index 0000000000000000000000000000000000000000..7ec2d6c9c6ae8279bc10ae89c2cbae1a658429ff
GIT binary patch
literal 599
zcmZ?wbhEHb<YVAtc$UNP?c2BCzkh%K{{7RZPrrWs`uX!GL+jZ;fBt;<@Zt04&kQYR
znVZirw4Y~aJ;%^^MrrodPrv_u{P=O{&G)Z<{E6NBWb1=ZQ!c({YC6N)ePQm^w==K3
zwcY-RZPMjwSKs~p_pklz>nXQCOuzpA=f8i`?|*vz>u>AX*ABZMpMUe6q2v6mPrsPj
z&oOtLJNNn<W8G=_nOB)w&MGaq!PtK(ap$Aw-+n*)@rS4XB4g8;#66GO&c4pv`y_M!
zlgPbK*e6{2{^#$Wr(YNvPD{?Zw(Zduqh+`M|Nqb4c5eE$H>Y2I<>|XH|HivjcRp}*
zp1<+wSJK|cSKj|*Xg*VP;2C?zIfmx5$6tTr>bY>{{SSr-mv|>!I`sT&*_qe+EAQ-o
z^L^2c_kJ7h9eeTR>({SSFTeTl`>(~Cdpr{^@lU+;@83U$wsQ>a=YIV7!O(Q(%a<?j
z-@j+*Jpb<9I|g!r;!hSv28J949gqQ_IALJl(vZ`Xm6^`M!o=Csox{xT8zHSGYr>k<
z&77iY$d$n@?%>EcJ&WCfD=pPsNQ^ryJUu5fM20QZ)FVaGi!U;PgH=9*Cs@ikK7c1X
zTRoG}GDF)nCE6wJG_NNEqd%XPm4KUG;Au8dhIB=?G&3J19sbm`P)$x|6$3vFeRH{3
z344t%J3<Z|moQ1aaN@xwrxQH-%^V(_hm(Do4XxEU5|+3zNa`xM=~zx^ySRws#knPp
J2Q&m2tO1F=AMyYI

literal 0
HcmV?d00001

diff --git a/generators/surveyor/templates/assets/javascripts/jquery.surveyor.js b/generators/surveyor/templates/assets/javascripts/jquery.surveyor.js
index 4e99929b..b890e20d 100644
--- a/generators/surveyor/templates/assets/javascripts/jquery.surveyor.js
+++ b/generators/surveyor/templates/assets/javascripts/jquery.surveyor.js
@@ -33,12 +33,14 @@ jQuery(document).ready(function(){
   // is_exclusive checkboxes should disble sibling checkboxes
   $('input.exclusive:checked').parents('fieldset[id^="q_"]').find(':checkbox').not(".exclusive").attr('checked', false).attr('disabled', true);
   $('input.exclusive:checkbox').click(function(){
-      var e = $(this);
-      var others = e.parents('fieldset[id^="q_"]').find(':checkbox').not(".exclusive");
-      if(e.is(':checked')){
-        others.attr('checked', false).attr('disabled', true);
-      }else{
-        others.attr('disabled', false);
-      }
-    });
+    var e = $(this);
+    var others = e.parents('fieldset[id^="q_"]').find(':checkbox').not(".exclusive");
+    if(e.is(':checked')){
+      others.attr('checked', false).attr('disabled', true);
+    }else{
+      others.attr('disabled', false);
+    }
+  });
+  
+  $('li.date input').dateinput();
 });
diff --git a/generators/surveyor/templates/assets/stylesheets/dateinput.css b/generators/surveyor/templates/assets/stylesheets/dateinput.css
new file mode 100644
index 00000000..eab046be
--- /dev/null
+++ b/generators/surveyor/templates/assets/stylesheets/dateinput.css
@@ -0,0 +1,149 @@
+/* For the details, see: http://flowplayer.org/tools/dateinput/index.html#skinning */
+
+/* the input field */
+/*
+.date {
+  border:1px solid #ccc;
+  font-size:18px;
+  padding:4px;
+  text-align:center;
+  width:194px;    
+  -moz-box-shadow:0 0 10px #eee inset;
+}
+*/
+/* calendar root element */
+#calroot {
+	/* place on top of other elements. set a higher value if nessessary */
+	z-index:9999;
+	
+	margin-top:-1px;
+	width:198px;
+	padding:2px;
+	background-color:#fff;
+	font-size:11px;
+	border:1px solid #ccc;
+	-moz-border-radius:5px;
+	-webkit-border-radius:5px;
+	-moz-box-shadow: 0 0 15px #666;
+	-webkit-box-shadow: 0 0 15px #666;	
+	position: absolute;
+}
+
+/* head. contains title, prev/next month controls and possible month/year selectors */
+#calhead {	
+	padding:2px 0;
+	height:22px;
+} 
+
+#caltitle {
+	font-size:14px;
+	color:#0150D1;	
+	float:left;
+	text-align:center;
+	width:155px;
+	line-height:20px;
+	text-shadow:0 1px 0 #ddd;
+}
+
+#calnext, #calprev {
+	display:block;
+	width:20px;
+	height:20px;
+	background:transparent url('/images/surveyor/prev.gif') no-repeat scroll center center;
+	float:left;
+	cursor:pointer;
+}
+
+#calnext {
+	background-image:url('/images/surveyor/next.gif');
+	float:right;
+}
+
+#calprev.caldisabled, #calnext.caldisabled {
+	visibility:hidden;	
+}
+
+/* year/month selector */
+#caltitle select {
+	font-size:10px;	
+}
+
+/* names of the days */
+#caldays {
+	height:14px;
+	border-bottom:1px solid #ddd;
+}
+
+#caldays span {
+	display:block;
+	float:left;
+	width:28px;
+	text-align:center;
+}
+
+/* container for weeks */
+#calweeks {
+	background-color:#fff;
+	margin-top:4px;
+}
+
+/* single week */
+.calweek {
+	clear:left;
+	height:22px;
+}
+
+/* single day */
+.calweek a {
+	display:block;
+	float:left;
+	width:27px;
+	height:20px;
+	text-decoration:none;
+	font-size:11px;
+	margin-left:1px;
+	text-align:center;
+	line-height:20px;
+	color:#666;
+	-moz-border-radius:3px;
+	-webkit-border-radius:3px; 		
+} 
+
+/* different states */
+.calweek a:hover, .calfocus {
+	background-color:#ddd;
+}
+
+/* sunday */
+a.calsun {
+	color:red;		
+}
+
+/* offmonth day */
+a.caloff {
+	color:#ccc;		
+}
+
+a.caloff:hover {
+	background-color:rgb(245, 245, 250);		
+}
+
+
+/* unselecteble day */
+a.caldisabled {
+	background-color:#efefef !important;
+	color:#ccc	!important;
+	cursor:default;
+}
+
+/* current day */
+#calcurrent {
+	background-color:#498CE2;
+	color:#fff;
+}
+
+/* today */
+#caltoday {
+	background-color:#333;
+	color:#fff;
+}
diff --git a/generators/surveyor/templates/assets/stylesheets/sass/surveyor.sass b/generators/surveyor/templates/assets/stylesheets/sass/surveyor.sass
index 0fe768fc..8a798ccc 100644
--- a/generators/surveyor/templates/assets/stylesheets/sass/surveyor.sass
+++ b/generators/surveyor/templates/assets/stylesheets/sass/surveyor.sass
@@ -82,6 +82,9 @@ body
           :display inline
       li.inline
         :display inline
+      li.datetime, li.time
+        input, fieldset, fieldset ol li
+          :display inline
     &.q_inline ol li
       :display inline
     input, textarea, select
diff --git a/lib/formtastic/surveyor_builder.rb b/lib/formtastic/surveyor_builder.rb
index a8a8a4b6..199b7da1 100644
--- a/lib/formtastic/surveyor_builder.rb
+++ b/lib/formtastic/surveyor_builder.rb
@@ -76,5 +76,8 @@ def surveyor_radio_input(method, options)
 
       Formtastic::Util.html_safe(list_item_content.join)
     end
+    def date_input(method, options)
+      string_input(method, options)
+    end
   end
 end