Commit e13f2060ff8c28d04702f752d52640189dd868bc
Committed by
João M. M. da Silva
1 parent
4b7a05d3
Exists in
staging
and in
42 other branches
[Mezuro] Adding date picker to project result.
Showing
2 changed files
with
17 additions
and
44 deletions
Show diff stats
plugins/mezuro/public/javascripts/project_content.js
| ... | ... | @@ -51,23 +51,14 @@ function reloadModule(){ |
| 51 | 51 | return false; |
| 52 | 52 | } |
| 53 | 53 | |
| 54 | -function reloadProjectWithDate(){ | |
| 55 | - var day = jQuery("#project_date_day").val(); | |
| 56 | - var month = jQuery("#project_date_month").val(); | |
| 57 | - var year = jQuery("#project_date_year").val(); | |
| 58 | - | |
| 59 | - if(day.length == 1) | |
| 60 | - day = "0" + day; | |
| 61 | - if(month.length == 1) | |
| 62 | - month = "0" + month; | |
| 54 | +function reloadProjectWithDate(date){ | |
| 55 | + var new_date = new Date(date + "T00:00:00+00:00"); | |
| 63 | 56 | |
| 64 | - var date = new Date(year + "-" + month + "-" + day + "T00:00:00+00:00"); | |
| 65 | - | |
| 66 | - if(isNaN(date)){ | |
| 67 | - alert("Invalid date! " + date); | |
| 57 | + if(isNaN(new_date)){ | |
| 58 | + alert("Invalid date! " + new_date); | |
| 68 | 59 | return false; |
| 69 | 60 | } |
| 70 | - reloadProject(date); | |
| 61 | + reloadProject(new_date); | |
| 71 | 62 | return false; |
| 72 | 63 | } |
| 73 | 64 | ... | ... |
plugins/mezuro/views/content_viewer/_project_result.rhtml
| 1 | 1 | <% unless @content.errors[:base].nil? %> |
| 2 | 2 | <%= @content.errors[:base] %> |
| 3 | 3 | <% else %> |
| 4 | - <% form_for :project_date, :html=>{:id=>"project_history_date"} do |f| %> | |
| 5 | - <%= f.label :day, "Choose project date:" %> | |
| 6 | - | |
| 7 | - <table> | |
| 8 | - <tr> | |
| 9 | - <td> | |
| 10 | - Day | |
| 11 | - </td> | |
| 12 | - <td> | |
| 13 | - Month | |
| 14 | - </td> | |
| 15 | - <td> | |
| 16 | - Year | |
| 17 | - </td> | |
| 18 | - </tr> | |
| 19 | - <tr> | |
| 20 | - <td> | |
| 21 | - <%= f.text_field :day, :size => 1, :maxlength => 2, :placeholder =>"dd" %> | |
| 22 | - </td> | |
| 23 | - <td> | |
| 24 | - <%= f.text_field :month, :size => 1, :maxlength => 2, :placeholder =>"mm" %> | |
| 25 | - </td> | |
| 26 | - <td> | |
| 27 | - <%= f.text_field :year, :size => 1, :maxlength => 4, :placeholder =>"yyyy" %> | |
| 28 | - </td> | |
| 29 | - </tr> | |
| 30 | - </table> | |
| 31 | - <%= f.submit "Refresh" %> | |
| 32 | - <% end %> | |
| 33 | - | |
| 4 | + <p> Choose a date to see specific project results: </p><input id="datepicker" style="display:none"/> | |
| 34 | 5 | |
| 35 | 6 | <h4><%= _('Last Result') %></h4> |
| 36 | 7 | |
| ... | ... | @@ -48,4 +19,15 @@ |
| 48 | 19 | <td><%= @project_result.formatted_analysis_time %></td> |
| 49 | 20 | </tr> |
| 50 | 21 | </table> |
| 22 | + | |
| 23 | + | |
| 24 | + <script> | |
| 25 | + jQuery(document).ready(function($) { | |
| 26 | + $("#datepicker").datepicker({ altField: '#datepicker', showOn: 'button', dateFormat: "yy-mm-dd", | |
| 27 | + buttonImageOnly: true, buttonImage: '/images/calendar_date_select/calendar.png', | |
| 28 | + onSelect: function(dateText, inst) { | |
| 29 | + reloadProjectWithDate(dateText) } }); | |
| 30 | + }); | |
| 31 | + </script> | |
| 32 | + | |
| 51 | 33 | <% end %> | ... | ... |