From 4848a472a53fcbb3e42cdfcd562d5c45da7eed64 Mon Sep 17 00:00:00 2001
From: Rafael Manzo + Diego Araújo <rr.manzo@gmail.com>
Date: Tue, 18 Sep 2012 15:20:12 -0300
Subject: [PATCH] [Mezuro] Toggle datepicker

---
 plugins/mezuro/views/mezuro_plugin_project/_project_result.rhtml | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/plugins/mezuro/views/mezuro_plugin_project/_project_result.rhtml b/plugins/mezuro/views/mezuro_plugin_project/_project_result.rhtml
index e1a8461..4ee1807 100644
--- a/plugins/mezuro/views/mezuro_plugin_project/_project_result.rhtml
+++ b/plugins/mezuro/views/mezuro_plugin_project/_project_result.rhtml
@@ -1,7 +1,6 @@
 <% unless @content.errors[:base].nil? %>
   <%= @content.errors[:base] %>
 <% else %>
-  <p> Choose a date to see specific project results: <input type="image" id="datepicker" /> </p>
   <div id="current_project_date" data-date="<%= @project_result.date %>"/>
 
   <h4><%= _('Last Result') %></h4>
@@ -19,19 +18,24 @@
       <td><%= _('Analysis time') %></td>
       <td><%= @project_result.formatted_analysis_time %></td>
     </tr>
+    <tr>
+      <td>Click to choose specific date:</td>
+      <td><%= link_to(image_tag('/images/calendar_date_select/calendar.png', :width => 20, :height => 20, :onClick => "$( 'datepicker' ).toggle();"), "javascript:void(0)") %></p></td>
+    </tr>
   </table>
-  
-  
+
+  <div id="datepicker"></div>
+
   <script>
     jQuery(document).ready(function($) {
-      $("#datepicker").datepicker({ showOn: 'button', dateFormat: "yy-mm-dd",
-  	  								buttonImageOnly: true, buttonImage: '/images/calendar_date_select/calendar.png',
+      $("#datepicker").datepicker({
   	  								onSelect: function(dateText, inst) {
   	  									reloadProjectWithDate(dateText) } });
+      $("#datepicker").toggle();
       var date = jQuery("#current_project_date").attr('data-date').substr(0,10);
 	  $("#datepicker").datepicker( "setDate" , date );
-	    
+
     });
   </script>
-  
+
 <% end %>
--
libgit2 0.21.2