Description:
change datetime picker widget
Commit status:
[Not Reviewed]
References:
Diff options:
Comments:
0 Commit comments
0 Inline Comments
Unresolved TODOs:
There are no unresolved TODOs
r692:57c9378ff75a - - 7 files changed: 62 inserted, 29 deleted
@@ -62,15 +62,17 | |||
|
62 | 62 | #add bootstrap |
|
63 | 63 | gem 'bootstrap-sass', '~> 3.2.0' |
|
64 | 64 | gem 'bootstrap-switch-rails' |
|
65 | 65 | gem 'bootstrap-toggle-rails' |
|
66 | 66 | gem 'autoprefixer-rails' |
|
67 | 67 | |
|
68 | - #bootstrap sortable | |
|
68 | + #more bootstrp add-on | |
|
69 | 69 | gem 'momentjs-rails' |
|
70 | 70 | gem 'rails_bootstrap_sortable' |
|
71 | + gem 'bootstrap-datepicker-rails' | |
|
72 | + gem 'bootstrap3-datetimepicker-rails' | |
|
71 | 73 | |
|
72 | 74 | #----------- user interface ----------------- |
|
73 | 75 | #select 2 |
|
74 | 76 | gem 'select2-rails' |
|
75 | 77 | #ace editor |
|
76 | 78 | gem 'ace-rails-ap' |
@@ -58,16 +58,20 | |||
|
58 | 58 | arel (6.0.4) |
|
59 | 59 | autoprefixer-rails (6.6.0) |
|
60 | 60 | execjs |
|
61 | 61 | best_in_place (3.0.3) |
|
62 | 62 | actionpack (>= 3.2) |
|
63 | 63 | railties (>= 3.2) |
|
64 | + bootstrap-datepicker-rails (1.7.1.1) | |
|
65 | + railties (>= 3.0) | |
|
64 | 66 | bootstrap-sass (3.2.0.2) |
|
65 | 67 | sass (~> 3.2) |
|
66 | 68 | bootstrap-switch-rails (3.3.3) |
|
67 | 69 | bootstrap-toggle-rails (2.2.1.0) |
|
70 | + bootstrap3-datetimepicker-rails (4.17.47) | |
|
71 | + momentjs-rails (>= 2.8.1) | |
|
68 | 72 | builder (3.2.2) |
|
69 | 73 | coffee-rails (4.2.1) |
|
70 | 74 | coffee-script (>= 2.2.0) |
|
71 | 75 | railties (>= 4.0.0, < 5.2.x) |
|
72 | 76 | coffee-script (2.4.1) |
|
73 | 77 | coffee-script-source |
@@ -198,15 +202,17 | |||
|
198 | 202 | |
|
199 | 203 | DEPENDENCIES |
|
200 | 204 | ace-rails-ap |
|
201 | 205 | activerecord-session_store |
|
202 | 206 | autoprefixer-rails |
|
203 | 207 | best_in_place (~> 3.0.1) |
|
208 | + bootstrap-datepicker-rails | |
|
204 | 209 | bootstrap-sass (~> 3.2.0) |
|
205 | 210 | bootstrap-switch-rails |
|
206 | 211 | bootstrap-toggle-rails |
|
212 | + bootstrap3-datetimepicker-rails | |
|
207 | 213 | coffee-rails |
|
208 | 214 | dynamic_form |
|
209 | 215 | fuzzy-string-match |
|
210 | 216 | haml |
|
211 | 217 | haml-rails |
|
212 | 218 | in_place_editing |
@@ -29,12 +29,14 | |||
|
29 | 29 | //= require jquery.countdown |
|
30 | 30 | //-------------- addition from local_jquery ----------- |
|
31 | 31 | //= require jquery-tablesorter |
|
32 | 32 | //= require best_in_place |
|
33 | 33 | //= require best_in_place.jquery-ui |
|
34 | 34 | //= require brython |
|
35 | + //= require bootstrap-datepicker | |
|
36 | + //= require bootstrap-datetimepicker | |
|
35 | 37 | |
|
36 | 38 | // since this is after blank line, it is not downloaded |
|
37 | 39 | //x= require prototype |
|
38 | 40 | //x= require prototype_ujs |
|
39 | 41 | //x= require effects |
|
40 | 42 | //x= require dragdrop |
@@ -30,12 +30,14 | |||
|
30 | 30 | @import "select2"; |
|
31 | 31 | @import "select2-bootstrap"; |
|
32 | 32 | |
|
33 | 33 | //@import bootstrap3-switch |
|
34 | 34 | @import "bootstrap-toggle"; |
|
35 | 35 | @import "bootstrap-sortable"; |
|
36 | + @import "bootstrap-datepicker3"; | |
|
37 | + @import "bootstrap-datetimepicker"; | |
|
36 | 38 | |
|
37 | 39 | //bootstrap navbar color (from) |
|
38 | 40 | $bgDefault: #19197b; |
|
39 | 41 | $bgHighlight: #06064b; |
|
40 | 42 | $colDefault: #8e8eb4; |
|
41 | 43 | $colHighlight: #ffffff; |
@@ -255,16 +255,13 | |||
|
255 | 255 | return false |
|
256 | 256 | end |
|
257 | 257 | end |
|
258 | 258 | |
|
259 | 259 | def change_date_added |
|
260 | 260 | problems = get_problems_from_params |
|
261 |
- |
|
|
262 | - month = params[:date_added][:month].to_i | |
|
263 | - day = params[:date_added][:day].to_i | |
|
264 | - date = Date.new(year,month,day) | |
|
261 | + date = Date.parse(params[:date_added]) | |
|
265 | 262 | problems.each do |p| |
|
266 | 263 | p.date_added = date |
|
267 | 264 | p.save |
|
268 | 265 | end |
|
269 | 266 | end |
|
270 | 267 |
@@ -44,28 +44,32 | |||
|
44 | 44 | Action |
|
45 | 45 | .panel-body |
|
46 | 46 | .submit-box |
|
47 | 47 | What do you want to do to the selected problem? |
|
48 | 48 | %br/ |
|
49 | 49 | (You can shift-click to select a range of problems) |
|
50 | - %ul | |
|
50 | + %ul.form-inline | |
|
51 | 51 | %li |
|
52 | 52 | Change date added to |
|
53 | - = select_date Date.current, :prefix => 'date_added' | |
|
53 | + .input-group.date | |
|
54 | + = text_field_tag :date_added, class: 'form-control' | |
|
55 | + %span.input-group-addon | |
|
56 | + %span.glyphicon.glyphicon-calendar | |
|
57 | + -# = select_date Date.current, :prefix => 'date_added' | |
|
54 | 58 | |
|
55 |
- = submit_tag 'Change', :name => 'change_date_added', class: 'btn btn- |
|
|
59 | + = submit_tag 'Change', :name => 'change_date_added', class: 'btn btn-primary btn-sm' | |
|
56 | 60 | %li |
|
57 | 61 | Set available to |
|
58 |
- = submit_tag 'True', :name => 'enable_problem', class: 'btn btn- |
|
|
59 |
- = submit_tag 'False', :name => 'disable_problem', class: 'btn btn- |
|
|
62 | + = submit_tag 'True', :name => 'enable_problem', class: 'btn btn-primary btn-sm' | |
|
63 | + = submit_tag 'False', :name => 'disable_problem', class: 'btn btn-primary btn-sm' | |
|
60 | 64 | |
|
61 | 65 | - if GraderConfiguration.multicontests? |
|
62 | 66 | %li |
|
63 | 67 | Add to |
|
64 | 68 | = select("contest","id",Contest.all.collect {|c| [c.title, c.id]}) |
|
65 |
- = submit_tag 'Add', :name => 'add_to_contest', class: 'btn btn- |
|
|
69 | + = submit_tag 'Add', :name => 'add_to_contest', class: 'btn btn-primary btn-sm' | |
|
66 | 70 | %li |
|
67 | 71 | Add problems to group |
|
68 | 72 | = select_tag "group_id", options_from_collection_for_select( Group.all, 'id','name',params[:group_name]), id: 'group_name',class: 'select2' |
|
69 | 73 | = submit_tag 'Add', name: 'add_group', class: 'btn btn-default' |
|
70 | 74 | |
|
71 | 75 | |
@@ -89,6 +93,15 | |||
|
89 | 93 | %td= problem.available |
|
90 | 94 | %td= problem.date_added |
|
91 | 95 | - if GraderConfiguration.multicontests? |
|
92 | 96 | %td |
|
93 | 97 | - problem.contests.each do |contest| |
|
94 | 98 | = "(#{contest.name} [#{link_to 'x', :action => 'remove_contest', :id => problem.id, :contest_id => contest.id }])" |
|
99 | + | |
|
100 | + :javascript | |
|
101 | + $('.input-group.date').datetimepicker({ | |
|
102 | + format: 'DD/MMM/YYYY', | |
|
103 | + showTodayButton: true, | |
|
104 | + widgetPositioning: {horizontal: 'auto', vertical: 'bottom'}, | |
|
105 | + | |
|
106 | + }); | |
|
107 | + |
@@ -1,24 +1,35 | |||
|
1 | 1 | %h1 Editing site |
|
2 | 2 | = error_messages_for :site |
|
3 | 3 | = form_for(@site) do |f| |
|
4 | - %p | |
|
5 | - %b Name | |
|
6 | - %br/ | |
|
7 | - = f.text_field :name | |
|
8 | - %p | |
|
9 | - %b Password | |
|
10 | - %br/ | |
|
11 | - = f.text_field :password | |
|
12 | - %p | |
|
13 | - %b Started | |
|
14 | - %br/ | |
|
15 | - = f.check_box :started | |
|
16 | - %p | |
|
17 | - %b Start time | |
|
18 | - %br/ | |
|
19 | - = f.datetime_select :start_time, :include_blank => true | |
|
20 | - %p | |
|
21 | - = f.submit "Update" | |
|
4 | + .row | |
|
5 | + .col-md-4 | |
|
6 | + .form-group.field | |
|
7 | + = f.label :name, "Name" | |
|
8 | + = f.text_field :name, class: 'form-control' | |
|
9 | + .form-group.field | |
|
10 | + = f.label :password, "Password" | |
|
11 | + = f.text_field :password, class: 'form-control' | |
|
12 | + .form-group.field | |
|
13 | + = f.label :started, "Started" | |
|
14 | + = f.check_box :started, class: 'form-control' | |
|
15 | + .form-group.field | |
|
16 | + = f.label :start_time, "Start time" | |
|
17 | + -# = f.datetime_select :start_time, :include_blank => true | |
|
18 | + .input-group.date | |
|
19 | + = f.text_field :start_time, class:'form-control' , value: (@site.start_time ? @site.start_time.strftime('%d/%b/%Y %H:%M') : '') | |
|
20 | + %span.input-group-addon | |
|
21 | + %span.glyphicon.glyphicon-calendar | |
|
22 | + .actions | |
|
23 | + = f.submit "Update", class: 'btn btn-primary' | |
|
24 | + .col-md-8 | |
|
25 | + | |
|
22 | 26 | = link_to 'Show', @site |
|
23 | 27 | | |
|
24 | 28 | = link_to 'Back', sites_path |
|
29 | + | |
|
30 | + | |
|
31 | + :javascript | |
|
32 | + $('.input-group.date').datetimepicker({ | |
|
33 | + format: 'DD/MMM/YYYY HH:mm', | |
|
34 | + }); | |
|
35 | + |
You need to be logged in to leave comments.
Login now