Description:
DRY problem select
Commit status:
[Not Reviewed]
References:
Diff options:
Comments:
0 Commit comments
0 Inline Comments
Unresolved TODOs:
There are no unresolved TODOs
r874:8ff5fd21c79c - - 12 files changed: 120 inserted, 95 deleted
@@ -0,0 +1,23 | |||||
|
|
1 | + .card.border-info.mb-2 | ||
|
|
2 | + .card-header.text-bg-info.border-info | ||
|
|
3 | + Select a Task | ||
|
|
4 | + .card-body | ||
|
|
5 | + .row | ||
|
|
6 | + .col-6 | ||
|
|
7 | + = select 'submission', | ||
|
|
8 | + 'problem_id', | ||
|
|
9 | + problems.collect {|p| ["[#{p.name}] #{p.full_name}", send(target_url_method,p.id)]}, | ||
|
|
10 | + { selected: (selected_problem ? problem_submissions_url(selected_problem) : -1) }, | ||
|
|
11 | + { class: 'select2 form-control'} | ||
|
|
12 | + .col-6 | ||
|
|
13 | + %a.btn.btn-primary.go-button#problem_go{data: {source: '#submission_problem_id'}} Go | ||
|
|
14 | + :javascript | ||
|
|
15 | + $(".go-button").on('click', function(event) { | ||
|
|
16 | + var link, url; | ||
|
|
17 | + link = $(this).attr("data-source"); | ||
|
|
18 | + url = $(link).val(); | ||
|
|
19 | + if (url) { | ||
|
|
20 | + window.location.href = url; | ||
|
|
21 | + } | ||
|
|
22 | + }); | ||
|
|
23 | + |
@@ -6,13 +6,12 | |||||
|
6 | #rails |
|
6 | #rails |
|
7 | gem 'rails', '~>7.0' |
|
7 | gem 'rails', '~>7.0' |
|
8 |
|
8 | ||
|
9 | # The original asset pipeline for Rails [https://github.com/rails/sprockets-rails] |
|
9 | # The original asset pipeline for Rails [https://github.com/rails/sprockets-rails] |
|
10 | gem "sprockets-rails" |
|
10 | gem "sprockets-rails" |
|
11 |
|
11 | ||
|
12 | - gem 'activerecord-session_store' |
|
||
|
13 | gem 'puma' |
|
12 | gem 'puma' |
|
14 |
|
13 | ||
|
15 | # Reduces boot times through caching; required in config/boot.rb |
|
14 | # Reduces boot times through caching; required in config/boot.rb |
|
16 | gem 'bootsnap', require: false |
|
15 | gem 'bootsnap', require: false |
|
17 |
|
16 | ||
|
18 | # Bundle edge Rails instead: |
|
17 | # Bundle edge Rails instead: |
@@ -63,18 +63,12 | |||||
|
63 | globalid (>= 0.3.6) |
|
63 | globalid (>= 0.3.6) |
|
64 | activemodel (7.0.4) |
|
64 | activemodel (7.0.4) |
|
65 | activesupport (= 7.0.4) |
|
65 | activesupport (= 7.0.4) |
|
66 | activerecord (7.0.4) |
|
66 | activerecord (7.0.4) |
|
67 | activemodel (= 7.0.4) |
|
67 | activemodel (= 7.0.4) |
|
68 | activesupport (= 7.0.4) |
|
68 | activesupport (= 7.0.4) |
|
69 | - activerecord-session_store (2.0.0) |
|
||
|
70 | - actionpack (>= 5.2.4.1) |
|
||
|
71 | - activerecord (>= 5.2.4.1) |
|
||
|
72 | - multi_json (~> 1.11, >= 1.11.2) |
|
||
|
73 | - rack (>= 2.0.8, < 3) |
|
||
|
74 | - railties (>= 5.2.4.1) |
|
||
|
75 | activestorage (7.0.4) |
|
69 | activestorage (7.0.4) |
|
76 | actionpack (= 7.0.4) |
|
70 | actionpack (= 7.0.4) |
|
77 | activejob (= 7.0.4) |
|
71 | activejob (= 7.0.4) |
|
78 | activerecord (= 7.0.4) |
|
72 | activerecord (= 7.0.4) |
|
79 | activesupport (= 7.0.4) |
|
73 | activesupport (= 7.0.4) |
|
80 | marcel (~> 1.0) |
|
74 | marcel (~> 1.0) |
@@ -142,13 +136,12 | |||||
|
142 | ruby_parser (~> 3.5) |
|
136 | ruby_parser (~> 3.5) |
|
143 | i18n (1.12.0) |
|
137 | i18n (1.12.0) |
|
144 | concurrent-ruby (~> 1.0) |
|
138 | concurrent-ruby (~> 1.0) |
|
145 | importmap-rails (1.1.5) |
|
139 | importmap-rails (1.1.5) |
|
146 | actionpack (>= 6.0.0) |
|
140 | actionpack (>= 6.0.0) |
|
147 | railties (>= 6.0.0) |
|
141 | railties (>= 6.0.0) |
|
148 | - in_place_editing (1.2.0) |
|
||
|
149 | jbuilder (2.11.5) |
|
142 | jbuilder (2.11.5) |
|
150 | actionview (>= 5.0.0) |
|
143 | actionview (>= 5.0.0) |
|
151 | activesupport (>= 5.0.0) |
|
144 | activesupport (>= 5.0.0) |
|
152 | jquery-rails (4.5.0) |
|
145 | jquery-rails (4.5.0) |
|
153 | rails-dom-testing (>= 1, < 3) |
|
146 | rails-dom-testing (>= 1, < 3) |
|
154 | railties (>= 4.2.0) |
|
147 | railties (>= 4.2.0) |
@@ -173,13 +166,12 | |||||
|
173 | builder |
|
166 | builder |
|
174 | minitest (>= 5.0) |
|
167 | minitest (>= 5.0) |
|
175 | ruby-progressbar |
|
168 | ruby-progressbar |
|
176 | momentjs-rails (2.29.4.1) |
|
169 | momentjs-rails (2.29.4.1) |
|
177 | railties (>= 3.1) |
|
170 | railties (>= 3.1) |
|
178 | msgpack (1.5.6) |
|
171 | msgpack (1.5.6) |
|
179 | - multi_json (1.15.0) |
|
||
|
180 | mysql2 (0.5.4) |
|
172 | mysql2 (0.5.4) |
|
181 | net-imap (0.2.3) |
|
173 | net-imap (0.2.3) |
|
182 | digest |
|
174 | digest |
|
183 | net-protocol |
|
175 | net-protocol |
|
184 | strscan |
|
176 | strscan |
|
185 | net-pop (0.1.1) |
|
177 | net-pop (0.1.1) |
@@ -296,24 +288,22 | |||||
|
296 |
|
288 | ||
|
297 | PLATFORMS |
|
289 | PLATFORMS |
|
298 | x86_64-linux |
|
290 | x86_64-linux |
|
299 |
|
291 | ||
|
300 | DEPENDENCIES |
|
292 | DEPENDENCIES |
|
301 | ace-rails-ap |
|
293 | ace-rails-ap |
|
302 | - activerecord-session_store |
|
||
|
303 | best_in_place! |
|
294 | best_in_place! |
|
304 | bootsnap |
|
295 | bootsnap |
|
305 | bootstrap (~> 5.2) |
|
296 | bootstrap (~> 5.2) |
|
306 | byebug |
|
297 | byebug |
|
307 | capybara |
|
298 | capybara |
|
308 | coffee-rails |
|
299 | coffee-rails |
|
309 | fuzzy-string-match |
|
300 | fuzzy-string-match |
|
310 | haml |
|
301 | haml |
|
311 | haml-rails |
|
302 | haml-rails |
|
312 | importmap-rails (~> 1.1) |
|
303 | importmap-rails (~> 1.1) |
|
313 | - in_place_editing |
|
||
|
314 | jbuilder |
|
304 | jbuilder |
|
315 | jquery-rails |
|
305 | jquery-rails |
|
316 | listen (>= 3.0.5, < 3.2) |
|
306 | listen (>= 3.0.5, < 3.2) |
|
317 |
|
307 | ||
|
318 | material_icons |
|
308 | material_icons |
|
319 | minitest-reporters |
|
309 | minitest-reporters |
@@ -23,20 +23,12 | |||||
|
23 | } else { |
|
23 | } else { |
|
24 | if (log) { |
|
24 | if (log) { |
|
25 | alert(log); |
|
25 | alert(log); |
|
26 | } |
|
26 | } |
|
27 | } |
|
27 | } |
|
28 | }); |
|
28 | }); |
|
29 | - $(".go-button").on('click', function(event) { |
|
||
|
30 | - var link, url; |
|
||
|
31 | - link = $(this).attr("data-source"); |
|
||
|
32 | - url = $(link).val(); |
|
||
|
33 | - if (url) { |
|
||
|
34 | - window.location.href = url; |
|
||
|
35 | - } |
|
||
|
36 | - }); |
|
||
|
37 | $('.ajax-toggle').on('click', function(event) { |
|
29 | $('.ajax-toggle').on('click', function(event) { |
|
38 | var target; |
|
30 | var target; |
|
39 | target = $(event.target); |
|
31 | target = $(event.target); |
|
40 | target.removeClass('btn-default'); |
|
32 | target.removeClass('btn-default'); |
|
41 | target.removeClass('btn-success'); |
|
33 | target.removeClass('btn-success'); |
|
42 | target.addClass('btn-warning'); |
|
34 | target.addClass('btn-warning'); |
@@ -26,8 +26,9 | |||||
|
26 |
|
26 | ||
|
27 | %body |
|
27 | %body |
|
28 | - unless local_assigns[:skip_header] |
|
28 | - unless local_assigns[:skip_header] |
|
29 | = render 'layouts/header' |
|
29 | = render 'layouts/header' |
|
30 |
|
30 | ||
|
31 | /= content_tag(:p,flash[:notice],class: 'alert alert-success') if flash[:notice]!=nil |
|
31 | /= content_tag(:p,flash[:notice],class: 'alert alert-success') if flash[:notice]!=nil |
|
|
32 | + .container-fluid | ||
|
32 | = flash_messages |
|
33 | = flash_messages |
|
33 | = yield |
|
34 | = yield |
@@ -1,7 +1,50 | |||||
|
1 | - %b= GraderConfiguration['ui.front.welcome_message'] |
|
1 | + |
|
|
2 | + .card | ||
|
|
3 | + .card-body | ||
|
|
4 | + .card-title | ||
|
|
5 | + %h3= GraderConfiguration['ui.front.welcome_message'] | ||
|
|
6 | + - if !@hidelogin | ||
|
|
7 | + .card-subtitle=t 'login.message' | ||
|
|
8 | + | ||
|
|
9 | + - if flash[:notice] | ||
|
|
10 | + %hr/ | ||
|
|
11 | + %b= flash[:notice] | ||
|
|
12 | + %hr/ | ||
|
|
13 | + | ||
|
|
14 | + .card | ||
|
|
15 | + .card-body{ style: "background: #eeeeff;"} | ||
|
|
16 | + = form_with url: login_login_path do |f| | ||
|
|
17 | + .mb-3 | ||
|
|
18 | + = f.label :login, "Login", class: 'form-label' | ||
|
|
19 | + = f.text_field :login, class: 'form-control' | ||
|
|
20 | + .mb-3 | ||
|
|
21 | + = f.label :password, "Password", class: 'form-label' | ||
|
|
22 | + = f.password_field :password, class: 'form-control' | ||
|
|
23 | + - unless GraderConfiguration['right.bypass_agreement'] | ||
|
|
24 | + .col-sm-offset-3.col-sm-9 | ||
|
|
25 | + .checkbox | ||
|
|
26 | + %label | ||
|
|
27 | + = check_box_tag 'accept_agree' | ||
|
|
28 | + ΰΈ’ΰΈΰΈ‘ΰΈ£ΰΈ±ΰΈΰΈΰΉΰΈΰΈΰΈΰΈ₯ΰΈΰΈΰΈ²ΰΈ£ΰΉΰΈΰΉΰΈΰΈ²ΰΈ | ||
|
|
29 | + .mb-3 | ||
|
|
30 | + .col-sm-offset-3.col-sm-9 | ||
|
|
31 | + = submit_tag t('login.login_submit'), class: 'btn btn-primary' | ||
|
|
32 | + - else | ||
|
|
33 | + Login is not possible right now | ||
|
|
34 | + | ||
|
|
35 | + %br/ | ||
|
|
36 | + | ||
|
|
37 | + - if GraderConfiguration['system.online_registration'] | ||
|
|
38 | + =t 'login.participation' | ||
|
|
39 | + %b | ||
|
|
40 | + = "#{t 'login.please'} " | ||
|
|
41 | + = link_to "#{t 'login.register'}", :controller => :users, :action => :new | ||
|
|
42 | + %br/ | ||
|
|
43 | + = link_to "#{t 'login.forget_password'}", :controller => :users, :action => :forget | ||
|
|
44 | + -# | ||
|
2 |
|
|
45 | %br/ |
|
3 |
|
46 | ||
|
4 |
|
|
47 | - if !@hidelogin |
|
5 | =t 'login.message' |
|
48 | =t 'login.message' |
|
6 | %br/ |
|
49 | %br/ |
|
7 | %br/ |
|
50 | %br/ |
@@ -29,12 +72,14 | |||||
|
29 | = check_box_tag 'accept_agree' |
|
72 | = check_box_tag 'accept_agree' |
|
30 | ΰΈ’ΰΈΰΈ‘ΰΈ£ΰΈ±ΰΈΰΈΰΉΰΈΰΈΰΈΰΈ₯ΰΈΰΈΰΈ²ΰΈ£ΰΉΰΈΰΉΰΈΰΈ²ΰΈ |
|
73 | ΰΈ’ΰΈΰΈ‘ΰΈ£ΰΈ±ΰΈΰΈΰΉΰΈΰΈΰΈΰΈ₯ΰΈΰΈΰΈ²ΰΈ£ΰΉΰΈΰΉΰΈΰΈ²ΰΈ |
|
31 |
|
74 | ||
|
32 | .form-group |
|
75 | .form-group |
|
33 | .col-sm-offset-3.col-sm-9 |
|
76 | .col-sm-offset-3.col-sm-9 |
|
34 | = submit_tag t('login.login_submit'), class: 'btn btn-primary' |
|
77 | = submit_tag t('login.login_submit'), class: 'btn btn-primary' |
|
|
78 | + - else | ||
|
|
79 | + | ||
|
35 |
|
|
80 | %br/ |
|
36 |
|
81 | ||
|
37 |
|
|
82 | - if GraderConfiguration['system.online_registration'] |
|
38 | =t 'login.participation' |
|
83 | =t 'login.participation' |
|
39 | %b |
|
84 | %b |
|
40 | = "#{t 'login.please'} " |
|
85 | = "#{t 'login.please'} " |
@@ -21,14 +21,13 | |||||
|
21 | word-wrap: break-word; |
|
21 | word-wrap: break-word; |
|
22 | z-index: 9999; |
|
22 | z-index: 9999; |
|
23 | overflow: auto; |
|
23 | overflow: auto; |
|
24 | } |
|
24 | } |
|
25 |
|
25 | ||
|
26 |
|
26 | ||
|
27 | - .container-fluid |
|
27 | + .row.mb-3 |
|
28 | - .row |
|
||
|
29 |
|
|
28 | .col-md-8 |
|
30 |
|
|
29 | .card |
|
31 |
|
|
30 | .card-body |
|
32 |
|
|
31 | %h2.card-title Submission History |
|
33 |
|
|
32 | %canvas#chart{height: '50px'} |
|
34 |
|
33 | ||
@@ -43,13 +42,13 | |||||
|
43 |
|
|
42 | = @summary[:count] |
|
44 |
|
|
43 | .row |
|
45 |
|
|
44 | .col-sm-6 |
|
46 |
|
|
45 | Solved/Attempted User |
|
47 |
|
|
46 | .col-sm-6 |
|
48 |
|
|
47 | #{@summary[:solve]}/#{@summary[:attempt]} (#{(@summary[:solve]*100.0/@summary[:attempt]).round(1)}%) |
|
49 | - .row |
|
48 | + .row.mb-3 |
|
50 |
|
|
49 | .col-md-4 |
|
51 |
|
|
50 | .card |
|
52 |
|
|
51 | .card-body |
|
53 |
|
|
52 | %h2.card-title Model submission |
|
54 | %table.table.table-hover |
|
53 | %table.table.table-hover |
|
55 | %thead |
|
54 | %thead |
@@ -2,29 +2,19 | |||||
|
2 | /- if params[:id] |
|
2 | /- if params[:id] |
|
3 | / %h1 Tasks Hall of Fame |
|
3 | / %h1 Tasks Hall of Fame |
|
4 | / = link_to('[back to All-Time Hall of Fame]', action: 'problem_hof', id: nil ) |
|
4 | / = link_to('[back to All-Time Hall of Fame]', action: 'problem_hof', id: nil ) |
|
5 | /- else |
|
5 | /- else |
|
6 | / %h1 All-Time Hall of Fame |
|
6 | / %h1 All-Time Hall of Fame |
|
7 |
|
7 | ||
|
8 | - .panel.panel-info |
|
8 | + .row.mb-5 |
|
9 | - .panel-heading |
|
9 | + .col-md-6 |
|
10 | - Select Task |
|
10 | + = render 'problem_chooser', {problems: @problems, selected_problem: @problem, target_url_method: :problem_hof_report_path} |
|
11 | - .panel-body |
|
||
|
12 | - .form-inline |
|
||
|
13 | - = select 'report', |
|
||
|
14 | - 'problem_id', |
|
||
|
15 | - @problems.collect {|p| ["[#{p.name}] #{p.full_name}", problem_hof_report_path(p)]}, |
|
||
|
16 | - {:selected => problem_hof_report_path(@problem)}, |
|
||
|
17 | - { class: 'select2 form-control' } |
|
||
|
18 | - %button.btn.btn-primary.btn-sm.go-button#problem_go{data: {source: "#report_problem_id"}} Go |
|
||
|
19 | - |
|
||
|
20 |
|
11 | ||
|
21 | - unless params[:id] |
|
12 | - unless params[:id] |
|
22 | - /=render partial: 'all_time_hof' |
|
||
|
23 | Please select a problem. |
|
13 | Please select a problem. |
|
24 | - else |
|
14 | - else |
|
25 | - %h1 |
|
15 | + %h1.mt-3 |
|
26 | [#{Problem.find(params[:id]).name}] #{Problem.find(params[:id]).full_name} |
|
16 | [#{Problem.find(params[:id]).name}] #{Problem.find(params[:id]).full_name} |
|
27 | - if @current_user.has_role?('ta') |
|
17 | - if @current_user.has_role?('ta') |
|
28 | %a{href:stat_problem_path(@problem)} (stat) |
|
18 | %a{href:stat_problem_path(@problem)} (stat) |
|
29 | =render partial: 'task_hof' |
|
19 | =render partial: 'task_hof' |
|
30 |
|
20 |
@@ -1,19 +1,7 | |||||
|
1 | - .card.border-info.mb-2 |
|
1 | + = render 'problem_chooser', {problems: @problems, selected_problem: @problem, target_url_method: :problem_submissions_path} |
|
2 | - .card-header.text-bg-info.border-info |
|
||
|
3 | - Select Problems |
|
||
|
4 | - .card-body |
|
||
|
5 | - .row |
|
||
|
6 | - .col-6 |
|
||
|
7 | - = select 'submission', |
|
||
|
8 | - 'problem_id', |
|
||
|
9 | - @problems.collect {|p| ["[#{p.name}] #{p.full_name}", problem_submissions_url(p.id)]}, |
|
||
|
10 | - { selected: (@problem ? problem_submissions_url(@problem) : -1) }, |
|
||
|
11 | - { class: 'select2 form-control'} |
|
||
|
12 | - .col-6 |
|
||
|
13 | - %a.btn.btn-primary.go-button#problem_go{data: {source: '#submission_problem_id'}} Go |
|
||
|
14 |
|
2 | ||
|
15 | - if @problem!=nil |
|
3 | - if @problem!=nil |
|
16 | %h2= "Task: #{@problem.full_name} (#{@problem.name})" |
|
4 | %h2= "Task: #{@problem.full_name} (#{@problem.name})" |
|
17 |
|
5 | ||
|
18 | - if @submissions!=nil |
|
6 | - if @submissions!=nil |
|
19 | - if @submissions.length>0 |
|
7 | - if @submissions.length>0 |
@@ -1,29 +1,29 | |||||
|
1 | %h1 Users |
|
1 | %h1 Users |
|
2 |
|
2 | ||
|
3 | - .panel.panel-primary |
|
3 | + .card.border-primary |
|
4 | - .panel-title.panel-heading |
|
4 | + .card-header.text-bg-primary.border-primary |
|
5 | Quick Add |
|
5 | Quick Add |
|
6 |
- . |
|
6 | + .card-body |
|
7 | - = form_tag( {method: 'post'}, {class: 'form-inline'}) do |
|
7 | + = form_with url: 'asd', class: 'row row-cols-lg-auto g-3 align-items-center' do |f| |
|
8 |
- . |
|
8 | + .col-12 |
|
9 |
- = label |
|
9 | + = f.label 'user_login', 'Login' |
|
10 |
- = text_field |
|
10 | + = f.text_field 'login', :size => 10,class: 'form-control' |
|
11 | .form-group |
|
11 | .form-group |
|
12 |
- = label |
|
12 | + = f.label 'user_full_name', 'Full Name' |
|
13 |
- = text_field |
|
13 | + = f.text_field 'full_name', :size => 10,class: 'form-control' |
|
14 | .form-group |
|
14 | .form-group |
|
15 |
- = label |
|
15 | + = f.label 'user_password', 'Password' |
|
16 |
- = text_field |
|
16 | + = f.text_field 'password', :size => 10,class: 'form-control' |
|
17 | .form-group |
|
17 | .form-group |
|
18 |
- = label |
|
18 | + = f.label 'user_password_confirmation', 'Confirm' |
|
19 |
- = text_field |
|
19 | + = f.text_field 'password_confirmation', :size => 10,class: 'form-control' |
|
20 | .form-group |
|
20 | .form-group |
|
21 |
- = label |
|
21 | + = f.label 'user_email', 'email' |
|
22 |
- = text_field |
|
22 | + = f.text_field 'email', :size => 10,class: 'form-control' |
|
23 | - =submit_tag "Create", class: 'btn btn-primary' |
|
23 | + =submit_tag "Create", class: 'btn btn-primary align-items-bottom' |
|
24 |
|
24 | ||
|
25 | .panel.panel-primary |
|
25 | .panel.panel-primary |
|
26 | .panel-title.panel-heading |
|
26 | .panel-title.panel-heading |
|
27 | Import from site management |
|
27 | Import from site management |
|
28 | .panel-body |
|
28 | .panel-body |
|
29 | = form_tag({:action => 'import'}, :multipart => true,class: 'form form-inline') do |
|
29 | = form_tag({:action => 'import'}, :multipart => true,class: 'form form-inline') do |
@@ -1,11 +1,11 | |||||
|
1 | # frozen_string_literal: true |
|
1 | # frozen_string_literal: true |
|
2 | # |
|
2 | # |
|
3 | # Uncomment this and change the path if necessary to include your own |
|
3 | # Uncomment this and change the path if necessary to include your own |
|
4 | # components. |
|
4 | # components. |
|
5 |
- # See https://github.com/ |
|
5 | + # See https://github.com/heartcombo/simple_form#custom-components to know |
|
6 | # more about custom components. |
|
6 | # more about custom components. |
|
7 | # Dir[Rails.root.join('lib/components/**/*.rb')].each { |f| require f } |
|
7 | # Dir[Rails.root.join('lib/components/**/*.rb')].each { |f| require f } |
|
8 | # |
|
8 | # |
|
9 | # Use this setup block to configure all options available in SimpleForm. |
|
9 | # Use this setup block to configure all options available in SimpleForm. |
|
10 | SimpleForm.setup do |config| |
|
10 | SimpleForm.setup do |config| |
|
11 | # Wrappers are used by the form builder to generate a |
|
11 | # Wrappers are used by the form builder to generate a |
@@ -126,15 +126,12 | |||||
|
126 | # These validations are enabled in SimpleForm's internal config but disabled by default |
|
126 | # These validations are enabled in SimpleForm's internal config but disabled by default |
|
127 | # in this configuration, which is recommended due to some quirks from different browsers. |
|
127 | # in this configuration, which is recommended due to some quirks from different browsers. |
|
128 | # To stop SimpleForm from generating the novalidate option, enabling the HTML5 validations, |
|
128 | # To stop SimpleForm from generating the novalidate option, enabling the HTML5 validations, |
|
129 | # change this configuration to true. |
|
129 | # change this configuration to true. |
|
130 | config.browser_validations = false |
|
130 | config.browser_validations = false |
|
131 |
|
131 | ||
|
132 | - # Collection of methods to detect if a file type was given. |
|
||
|
133 | - # config.file_methods = [ :mounted_as, :file?, :public_filename, :attached? ] |
|
||
|
134 | - |
|
||
|
135 | # Custom mappings for input types. This should be a hash containing a regexp |
|
132 | # Custom mappings for input types. This should be a hash containing a regexp |
|
136 | # to match as key, and the input type that will be used when the field name |
|
133 | # to match as key, and the input type that will be used when the field name |
|
137 | # matches the regexp as value. |
|
134 | # matches the regexp as value. |
|
138 | # config.input_mappings = { /count/ => :integer } |
|
135 | # config.input_mappings = { /count/ => :integer } |
|
139 |
|
136 | ||
|
140 | # Custom wrappers for input types. This should be a hash containing an input |
|
137 | # Custom wrappers for input types. This should be a hash containing an input |
@@ -1,17 +1,17 | |||||
|
1 | # frozen_string_literal: true |
|
1 | # frozen_string_literal: true |
|
2 |
|
2 | ||
|
3 | # Please do not make direct changes to this file! |
|
3 | # Please do not make direct changes to this file! |
|
4 | # This generator is maintained by the community around simple_form-bootstrap: |
|
4 | # This generator is maintained by the community around simple_form-bootstrap: |
|
5 | # https://github.com/rafaelfranca/simple_form-bootstrap |
|
5 | # https://github.com/rafaelfranca/simple_form-bootstrap |
|
6 | # All future development, tests, and organization should happen there. |
|
6 | # All future development, tests, and organization should happen there. |
|
7 |
- # Background history: https://github.com/ |
|
7 | + # Background history: https://github.com/heartcombo/simple_form/issues/1561 |
|
8 |
|
8 | ||
|
9 | # Uncomment this and change the path if necessary to include your own |
|
9 | # Uncomment this and change the path if necessary to include your own |
|
10 | # components. |
|
10 | # components. |
|
11 |
- # See https://github.com/ |
|
11 | + # See https://github.com/heartcombo/simple_form#custom-components |
|
12 | # to know more about custom components. |
|
12 | # to know more about custom components. |
|
13 | # Dir[Rails.root.join('lib/components/**/*.rb')].each { |f| require f } |
|
13 | # Dir[Rails.root.join('lib/components/**/*.rb')].each { |f| require f } |
|
14 |
|
14 | ||
|
15 | # Use this setup block to configure all options available in SimpleForm. |
|
15 | # Use this setup block to configure all options available in SimpleForm. |
|
16 | SimpleForm.setup do |config| |
|
16 | SimpleForm.setup do |config| |
|
17 | # Default class for buttons |
|
17 | # Default class for buttons |
@@ -54,13 +54,13 | |||||
|
54 | b.use :placeholder |
|
54 | b.use :placeholder |
|
55 | b.optional :maxlength |
|
55 | b.optional :maxlength |
|
56 | b.optional :minlength |
|
56 | b.optional :minlength |
|
57 | b.optional :pattern |
|
57 | b.optional :pattern |
|
58 | b.optional :min_max |
|
58 | b.optional :min_max |
|
59 | b.optional :readonly |
|
59 | b.optional :readonly |
|
60 | - b.use :label, class: 'form-control-label' |
|
60 | + b.use :label |
|
61 | b.use :input, class: 'form-control', error_class: 'is-invalid', valid_class: 'is-valid' |
|
61 | b.use :input, class: 'form-control', error_class: 'is-invalid', valid_class: 'is-valid' |
|
62 | b.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback' } |
|
62 | b.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback' } |
|
63 | b.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' } |
|
63 | b.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' } |
|
64 | end |
|
64 | end |
|
65 |
|
65 | ||
|
66 | # vertical input for boolean |
|
66 | # vertical input for boolean |
@@ -73,25 +73,25 | |||||
|
73 | bb.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback' } |
|
73 | bb.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback' } |
|
74 | bb.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' } |
|
74 | bb.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' } |
|
75 | end |
|
75 | end |
|
76 | end |
|
76 | end |
|
77 |
|
77 | ||
|
78 | # vertical input for radio buttons and check boxes |
|
78 | # vertical input for radio buttons and check boxes |
|
79 | - config.wrappers :vertical_collection, item_wrapper_class: 'form-check', tag: 'fieldset', class: 'form-group', error_class: 'form-group-invalid', valid_class: 'form-group-valid' do |b| |
|
79 | + config.wrappers :vertical_collection, item_wrapper_class: 'form-check', item_label_class: 'form-check-label', tag: 'fieldset', class: 'form-group', error_class: 'form-group-invalid', valid_class: 'form-group-valid' do |b| |
|
80 | b.use :html5 |
|
80 | b.use :html5 |
|
81 | b.optional :readonly |
|
81 | b.optional :readonly |
|
82 | b.wrapper :legend_tag, tag: 'legend', class: 'col-form-label pt-0' do |ba| |
|
82 | b.wrapper :legend_tag, tag: 'legend', class: 'col-form-label pt-0' do |ba| |
|
83 | ba.use :label_text |
|
83 | ba.use :label_text |
|
84 | end |
|
84 | end |
|
85 | b.use :input, class: 'form-check-input', error_class: 'is-invalid', valid_class: 'is-valid' |
|
85 | b.use :input, class: 'form-check-input', error_class: 'is-invalid', valid_class: 'is-valid' |
|
86 | b.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback d-block' } |
|
86 | b.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback d-block' } |
|
87 | b.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' } |
|
87 | b.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' } |
|
88 | end |
|
88 | end |
|
89 |
|
89 | ||
|
90 | # vertical input for inline radio buttons and check boxes |
|
90 | # vertical input for inline radio buttons and check boxes |
|
91 | - config.wrappers :vertical_collection_inline, item_wrapper_class: 'form-check form-check-inline', tag: 'fieldset', class: 'form-group', error_class: 'form-group-invalid', valid_class: 'form-group-valid' do |b| |
|
91 | + config.wrappers :vertical_collection_inline, item_wrapper_class: 'form-check form-check-inline', item_label_class: 'form-check-label', tag: 'fieldset', class: 'form-group', error_class: 'form-group-invalid', valid_class: 'form-group-valid' do |b| |
|
92 | b.use :html5 |
|
92 | b.use :html5 |
|
93 | b.optional :readonly |
|
93 | b.optional :readonly |
|
94 | b.wrapper :legend_tag, tag: 'legend', class: 'col-form-label pt-0' do |ba| |
|
94 | b.wrapper :legend_tag, tag: 'legend', class: 'col-form-label pt-0' do |ba| |
|
95 | ba.use :label_text |
|
95 | ba.use :label_text |
|
96 | end |
|
96 | end |
|
97 | b.use :input, class: 'form-check-input', error_class: 'is-invalid', valid_class: 'is-valid' |
|
97 | b.use :input, class: 'form-check-input', error_class: 'is-invalid', valid_class: 'is-valid' |
@@ -105,21 +105,21 | |||||
|
105 | b.use :placeholder |
|
105 | b.use :placeholder |
|
106 | b.optional :maxlength |
|
106 | b.optional :maxlength |
|
107 | b.optional :minlength |
|
107 | b.optional :minlength |
|
108 | b.optional :readonly |
|
108 | b.optional :readonly |
|
109 | b.use :label |
|
109 | b.use :label |
|
110 | b.use :input, class: 'form-control-file', error_class: 'is-invalid', valid_class: 'is-valid' |
|
110 | b.use :input, class: 'form-control-file', error_class: 'is-invalid', valid_class: 'is-valid' |
|
111 |
- b.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback |
|
111 | + b.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback' } |
|
112 | b.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' } |
|
112 | b.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' } |
|
113 | end |
|
113 | end |
|
114 |
|
114 | ||
|
115 | # vertical multi select |
|
115 | # vertical multi select |
|
116 | config.wrappers :vertical_multi_select, tag: 'div', class: 'form-group', error_class: 'form-group-invalid', valid_class: 'form-group-valid' do |b| |
|
116 | config.wrappers :vertical_multi_select, tag: 'div', class: 'form-group', error_class: 'form-group-invalid', valid_class: 'form-group-valid' do |b| |
|
117 | b.use :html5 |
|
117 | b.use :html5 |
|
118 | b.optional :readonly |
|
118 | b.optional :readonly |
|
119 | - b.use :label, class: 'form-control-label' |
|
119 | + b.use :label |
|
120 | b.wrapper tag: 'div', class: 'd-flex flex-row justify-content-between align-items-center' do |ba| |
|
120 | b.wrapper tag: 'div', class: 'd-flex flex-row justify-content-between align-items-center' do |ba| |
|
121 | ba.use :input, class: 'form-control mx-1', error_class: 'is-invalid', valid_class: 'is-valid' |
|
121 | ba.use :input, class: 'form-control mx-1', error_class: 'is-invalid', valid_class: 'is-valid' |
|
122 | end |
|
122 | end |
|
123 | b.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback d-block' } |
|
123 | b.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback d-block' } |
|
124 | b.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' } |
|
124 | b.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' } |
|
125 | end |
|
125 | end |
@@ -171,28 +171,28 | |||||
|
171 | bb.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' } |
|
171 | bb.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' } |
|
172 | end |
|
172 | end |
|
173 | end |
|
173 | end |
|
174 | end |
|
174 | end |
|
175 |
|
175 | ||
|
176 | # horizontal input for radio buttons and check boxes |
|
176 | # horizontal input for radio buttons and check boxes |
|
177 | - config.wrappers :horizontal_collection, item_wrapper_class: 'form-check', tag: 'div', class: 'form-group row', error_class: 'form-group-invalid', valid_class: 'form-group-valid' do |b| |
|
177 | + config.wrappers :horizontal_collection, item_wrapper_class: 'form-check', item_label_class: 'form-check-label', tag: 'div', class: 'form-group row', error_class: 'form-group-invalid', valid_class: 'form-group-valid' do |b| |
|
178 | b.use :html5 |
|
178 | b.use :html5 |
|
179 | b.optional :readonly |
|
179 | b.optional :readonly |
|
180 |
- b.use :label, class: 'col-sm-3 form- |
|
180 | + b.use :label, class: 'col-sm-3 col-form-label pt-0' |
|
181 | b.wrapper :grid_wrapper, tag: 'div', class: 'col-sm-9' do |ba| |
|
181 | b.wrapper :grid_wrapper, tag: 'div', class: 'col-sm-9' do |ba| |
|
182 | ba.use :input, class: 'form-check-input', error_class: 'is-invalid', valid_class: 'is-valid' |
|
182 | ba.use :input, class: 'form-check-input', error_class: 'is-invalid', valid_class: 'is-valid' |
|
183 | ba.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback d-block' } |
|
183 | ba.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback d-block' } |
|
184 | ba.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' } |
|
184 | ba.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' } |
|
185 | end |
|
185 | end |
|
186 | end |
|
186 | end |
|
187 |
|
187 | ||
|
188 | # horizontal input for inline radio buttons and check boxes |
|
188 | # horizontal input for inline radio buttons and check boxes |
|
189 | - config.wrappers :horizontal_collection_inline, item_wrapper_class: 'form-check form-check-inline', tag: 'div', class: 'form-group row', error_class: 'form-group-invalid', valid_class: 'form-group-valid' do |b| |
|
189 | + config.wrappers :horizontal_collection_inline, item_wrapper_class: 'form-check form-check-inline', item_label_class: 'form-check-label', tag: 'div', class: 'form-group row', error_class: 'form-group-invalid', valid_class: 'form-group-valid' do |b| |
|
190 | b.use :html5 |
|
190 | b.use :html5 |
|
191 | b.optional :readonly |
|
191 | b.optional :readonly |
|
192 |
- b.use :label, class: 'col-sm-3 form- |
|
192 | + b.use :label, class: 'col-sm-3 col-form-label pt-0' |
|
193 | b.wrapper :grid_wrapper, tag: 'div', class: 'col-sm-9' do |ba| |
|
193 | b.wrapper :grid_wrapper, tag: 'div', class: 'col-sm-9' do |ba| |
|
194 | ba.use :input, class: 'form-check-input', error_class: 'is-invalid', valid_class: 'is-valid' |
|
194 | ba.use :input, class: 'form-check-input', error_class: 'is-invalid', valid_class: 'is-valid' |
|
195 | ba.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback d-block' } |
|
195 | ba.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback d-block' } |
|
196 | ba.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' } |
|
196 | ba.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' } |
|
197 | end |
|
197 | end |
|
198 | end |
|
198 | end |
@@ -201,25 +201,25 | |||||
|
201 | config.wrappers :horizontal_file, tag: 'div', class: 'form-group row', error_class: 'form-group-invalid', valid_class: 'form-group-valid' do |b| |
|
201 | config.wrappers :horizontal_file, tag: 'div', class: 'form-group row', error_class: 'form-group-invalid', valid_class: 'form-group-valid' do |b| |
|
202 | b.use :html5 |
|
202 | b.use :html5 |
|
203 | b.use :placeholder |
|
203 | b.use :placeholder |
|
204 | b.optional :maxlength |
|
204 | b.optional :maxlength |
|
205 | b.optional :minlength |
|
205 | b.optional :minlength |
|
206 | b.optional :readonly |
|
206 | b.optional :readonly |
|
207 |
- b.use :label, class: 'col-sm-3 |
|
207 | + b.use :label, class: 'col-sm-3 col-form-label' |
|
208 | b.wrapper :grid_wrapper, tag: 'div', class: 'col-sm-9' do |ba| |
|
208 | b.wrapper :grid_wrapper, tag: 'div', class: 'col-sm-9' do |ba| |
|
209 | ba.use :input, error_class: 'is-invalid', valid_class: 'is-valid' |
|
209 | ba.use :input, error_class: 'is-invalid', valid_class: 'is-valid' |
|
210 | ba.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback d-block' } |
|
210 | ba.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback d-block' } |
|
211 | ba.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' } |
|
211 | ba.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' } |
|
212 | end |
|
212 | end |
|
213 | end |
|
213 | end |
|
214 |
|
214 | ||
|
215 | # horizontal multi select |
|
215 | # horizontal multi select |
|
216 | config.wrappers :horizontal_multi_select, tag: 'div', class: 'form-group row', error_class: 'form-group-invalid', valid_class: 'form-group-valid' do |b| |
|
216 | config.wrappers :horizontal_multi_select, tag: 'div', class: 'form-group row', error_class: 'form-group-invalid', valid_class: 'form-group-valid' do |b| |
|
217 | b.use :html5 |
|
217 | b.use :html5 |
|
218 | b.optional :readonly |
|
218 | b.optional :readonly |
|
219 |
- b.use :label, class: 'col-sm-3 co |
|
219 | + b.use :label, class: 'col-sm-3 col-form-label' |
|
220 | b.wrapper :grid_wrapper, tag: 'div', class: 'col-sm-9' do |ba| |
|
220 | b.wrapper :grid_wrapper, tag: 'div', class: 'col-sm-9' do |ba| |
|
221 | ba.wrapper tag: 'div', class: 'd-flex flex-row justify-content-between align-items-center' do |bb| |
|
221 | ba.wrapper tag: 'div', class: 'd-flex flex-row justify-content-between align-items-center' do |bb| |
|
222 | bb.use :input, class: 'form-control mx-1', error_class: 'is-invalid', valid_class: 'is-valid' |
|
222 | bb.use :input, class: 'form-control mx-1', error_class: 'is-invalid', valid_class: 'is-valid' |
|
223 | end |
|
223 | end |
|
224 | ba.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback d-block' } |
|
224 | ba.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback d-block' } |
|
225 | ba.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' } |
|
225 | ba.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' } |
@@ -229,13 +229,13 | |||||
|
229 | # horizontal range input |
|
229 | # horizontal range input |
|
230 | config.wrappers :horizontal_range, tag: 'div', class: 'form-group row', error_class: 'form-group-invalid', valid_class: 'form-group-valid' do |b| |
|
230 | config.wrappers :horizontal_range, tag: 'div', class: 'form-group row', error_class: 'form-group-invalid', valid_class: 'form-group-valid' do |b| |
|
231 | b.use :html5 |
|
231 | b.use :html5 |
|
232 | b.use :placeholder |
|
232 | b.use :placeholder |
|
233 | b.optional :readonly |
|
233 | b.optional :readonly |
|
234 | b.optional :step |
|
234 | b.optional :step |
|
235 |
- b.use :label, class: 'col-sm-3 |
|
235 | + b.use :label, class: 'col-sm-3 col-form-label' |
|
236 | b.wrapper :grid_wrapper, tag: 'div', class: 'col-sm-9' do |ba| |
|
236 | b.wrapper :grid_wrapper, tag: 'div', class: 'col-sm-9' do |ba| |
|
237 | ba.use :input, class: 'form-control-range', error_class: 'is-invalid', valid_class: 'is-valid' |
|
237 | ba.use :input, class: 'form-control-range', error_class: 'is-invalid', valid_class: 'is-valid' |
|
238 | ba.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback d-block' } |
|
238 | ba.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback d-block' } |
|
239 | ba.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' } |
|
239 | ba.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' } |
|
240 | end |
|
240 | end |
|
241 | end |
|
241 | end |
@@ -257,13 +257,13 | |||||
|
257 | b.use :input, class: 'form-control', error_class: 'is-invalid', valid_class: 'is-valid' |
|
257 | b.use :input, class: 'form-control', error_class: 'is-invalid', valid_class: 'is-valid' |
|
258 | b.use :error, wrap_with: { tag: 'div', class: 'invalid-feedback' } |
|
258 | b.use :error, wrap_with: { tag: 'div', class: 'invalid-feedback' } |
|
259 | b.optional :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' } |
|
259 | b.optional :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' } |
|
260 | end |
|
260 | end |
|
261 |
|
261 | ||
|
262 | # inline input for boolean |
|
262 | # inline input for boolean |
|
263 |
- config.wrappers :inline_boolean, tag: 'span', class: 'form-check |
|
263 | + config.wrappers :inline_boolean, tag: 'span', class: 'form-check mb-2 mr-sm-2', error_class: 'form-group-invalid', valid_class: 'form-group-valid' do |b| |
|
264 | b.use :html5 |
|
264 | b.use :html5 |
|
265 | b.optional :readonly |
|
265 | b.optional :readonly |
|
266 | b.use :input, class: 'form-check-input', error_class: 'is-invalid', valid_class: 'is-valid' |
|
266 | b.use :input, class: 'form-check-input', error_class: 'is-invalid', valid_class: 'is-valid' |
|
267 | b.use :label, class: 'form-check-label' |
|
267 | b.use :label, class: 'form-check-label' |
|
268 | b.use :error, wrap_with: { tag: 'div', class: 'invalid-feedback' } |
|
268 | b.use :error, wrap_with: { tag: 'div', class: 'invalid-feedback' } |
|
269 | b.optional :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' } |
|
269 | b.optional :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' } |
@@ -281,37 +281,38 | |||||
|
281 | bb.use :label, class: 'custom-control-label' |
|
281 | bb.use :label, class: 'custom-control-label' |
|
282 | bb.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback' } |
|
282 | bb.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback' } |
|
283 | bb.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' } |
|
283 | bb.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' } |
|
284 | end |
|
284 | end |
|
285 | end |
|
285 | end |
|
286 |
|
286 | ||
|
|
287 | + # custom input switch for boolean | ||
|
287 | config.wrappers :custom_boolean_switch, tag: 'fieldset', class: 'form-group', error_class: 'form-group-invalid', valid_class: 'form-group-valid' do |b| |
|
288 | config.wrappers :custom_boolean_switch, tag: 'fieldset', class: 'form-group', error_class: 'form-group-invalid', valid_class: 'form-group-valid' do |b| |
|
288 | b.use :html5 |
|
289 | b.use :html5 |
|
289 | b.optional :readonly |
|
290 | b.optional :readonly |
|
290 |
- b.wrapper :form_check_wrapper, tag: 'div', class: 'custom-control custom- |
|
291 | + b.wrapper :form_check_wrapper, tag: 'div', class: 'custom-control custom-switch' do |bb| |
|
291 | bb.use :input, class: 'custom-control-input', error_class: 'is-invalid', valid_class: 'is-valid' |
|
292 | bb.use :input, class: 'custom-control-input', error_class: 'is-invalid', valid_class: 'is-valid' |
|
292 | bb.use :label, class: 'custom-control-label' |
|
293 | bb.use :label, class: 'custom-control-label' |
|
293 | bb.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback' } |
|
294 | bb.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback' } |
|
294 | bb.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' } |
|
295 | bb.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' } |
|
295 | end |
|
296 | end |
|
296 | end |
|
297 | end |
|
297 |
|
298 | ||
|
298 | # custom input for radio buttons and check boxes |
|
299 | # custom input for radio buttons and check boxes |
|
299 | - config.wrappers :custom_collection, item_wrapper_class: 'custom-control', tag: 'fieldset', class: 'form-group', error_class: 'form-group-invalid', valid_class: 'form-group-valid' do |b| |
|
300 | + config.wrappers :custom_collection, item_wrapper_class: 'custom-control', item_label_class: 'custom-control-label', tag: 'fieldset', class: 'form-group', error_class: 'form-group-invalid', valid_class: 'form-group-valid' do |b| |
|
300 | b.use :html5 |
|
301 | b.use :html5 |
|
301 | b.optional :readonly |
|
302 | b.optional :readonly |
|
302 | b.wrapper :legend_tag, tag: 'legend', class: 'col-form-label pt-0' do |ba| |
|
303 | b.wrapper :legend_tag, tag: 'legend', class: 'col-form-label pt-0' do |ba| |
|
303 | ba.use :label_text |
|
304 | ba.use :label_text |
|
304 | end |
|
305 | end |
|
305 | b.use :input, class: 'custom-control-input', error_class: 'is-invalid', valid_class: 'is-valid' |
|
306 | b.use :input, class: 'custom-control-input', error_class: 'is-invalid', valid_class: 'is-valid' |
|
306 | b.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback d-block' } |
|
307 | b.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback d-block' } |
|
307 | b.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' } |
|
308 | b.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' } |
|
308 | end |
|
309 | end |
|
309 |
|
310 | ||
|
310 | # custom input for inline radio buttons and check boxes |
|
311 | # custom input for inline radio buttons and check boxes |
|
311 | - config.wrappers :custom_collection_inline, item_wrapper_class: 'custom-control custom-control-inline', tag: 'fieldset', class: 'form-group', error_class: 'form-group-invalid', valid_class: 'form-group-valid' do |b| |
|
312 | + config.wrappers :custom_collection_inline, item_wrapper_class: 'custom-control custom-control-inline', item_label_class: 'custom-control-label', tag: 'fieldset', class: 'form-group', error_class: 'form-group-invalid', valid_class: 'form-group-valid' do |b| |
|
312 | b.use :html5 |
|
313 | b.use :html5 |
|
313 | b.optional :readonly |
|
314 | b.optional :readonly |
|
314 | b.wrapper :legend_tag, tag: 'legend', class: 'col-form-label pt-0' do |ba| |
|
315 | b.wrapper :legend_tag, tag: 'legend', class: 'col-form-label pt-0' do |ba| |
|
315 | ba.use :label_text |
|
316 | ba.use :label_text |
|
316 | end |
|
317 | end |
|
317 | b.use :input, class: 'custom-control-input', error_class: 'is-invalid', valid_class: 'is-valid' |
|
318 | b.use :input, class: 'custom-control-input', error_class: 'is-invalid', valid_class: 'is-valid' |
@@ -323,26 +324,26 | |||||
|
323 | config.wrappers :custom_file, tag: 'div', class: 'form-group', error_class: 'form-group-invalid', valid_class: 'form-group-valid' do |b| |
|
324 | config.wrappers :custom_file, tag: 'div', class: 'form-group', error_class: 'form-group-invalid', valid_class: 'form-group-valid' do |b| |
|
324 | b.use :html5 |
|
325 | b.use :html5 |
|
325 | b.use :placeholder |
|
326 | b.use :placeholder |
|
326 | b.optional :maxlength |
|
327 | b.optional :maxlength |
|
327 | b.optional :minlength |
|
328 | b.optional :minlength |
|
328 | b.optional :readonly |
|
329 | b.optional :readonly |
|
329 | - b.use :label, class: 'form-control-label' |
|
330 | + b.use :label |
|
330 | b.wrapper :custom_file_wrapper, tag: 'div', class: 'custom-file' do |ba| |
|
331 | b.wrapper :custom_file_wrapper, tag: 'div', class: 'custom-file' do |ba| |
|
331 | ba.use :input, class: 'custom-file-input', error_class: 'is-invalid', valid_class: 'is-valid' |
|
332 | ba.use :input, class: 'custom-file-input', error_class: 'is-invalid', valid_class: 'is-valid' |
|
332 | ba.use :label, class: 'custom-file-label' |
|
333 | ba.use :label, class: 'custom-file-label' |
|
333 | ba.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback' } |
|
334 | ba.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback' } |
|
334 | end |
|
335 | end |
|
335 | b.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' } |
|
336 | b.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' } |
|
336 | end |
|
337 | end |
|
337 |
|
338 | ||
|
338 | # custom multi select |
|
339 | # custom multi select |
|
339 | config.wrappers :custom_multi_select, tag: 'div', class: 'form-group', error_class: 'form-group-invalid', valid_class: 'form-group-valid' do |b| |
|
340 | config.wrappers :custom_multi_select, tag: 'div', class: 'form-group', error_class: 'form-group-invalid', valid_class: 'form-group-valid' do |b| |
|
340 | b.use :html5 |
|
341 | b.use :html5 |
|
341 | b.optional :readonly |
|
342 | b.optional :readonly |
|
342 | - b.use :label, class: 'form-control-label' |
|
343 | + b.use :label |
|
343 | b.wrapper tag: 'div', class: 'd-flex flex-row justify-content-between align-items-center' do |ba| |
|
344 | b.wrapper tag: 'div', class: 'd-flex flex-row justify-content-between align-items-center' do |ba| |
|
344 | ba.use :input, class: 'custom-select mx-1', error_class: 'is-invalid', valid_class: 'is-valid' |
|
345 | ba.use :input, class: 'custom-select mx-1', error_class: 'is-invalid', valid_class: 'is-valid' |
|
345 | end |
|
346 | end |
|
346 | b.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback d-block' } |
|
347 | b.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback d-block' } |
|
347 | b.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' } |
|
348 | b.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' } |
|
348 | end |
|
349 | end |
@@ -350,13 +351,13 | |||||
|
350 | # custom range input |
|
351 | # custom range input |
|
351 | config.wrappers :custom_range, tag: 'div', class: 'form-group', error_class: 'form-group-invalid', valid_class: 'form-group-valid' do |b| |
|
352 | config.wrappers :custom_range, tag: 'div', class: 'form-group', error_class: 'form-group-invalid', valid_class: 'form-group-valid' do |b| |
|
352 | b.use :html5 |
|
353 | b.use :html5 |
|
353 | b.use :placeholder |
|
354 | b.use :placeholder |
|
354 | b.optional :readonly |
|
355 | b.optional :readonly |
|
355 | b.optional :step |
|
356 | b.optional :step |
|
356 | - b.use :label, class: 'form-control-label' |
|
357 | + b.use :label |
|
357 | b.use :input, class: 'custom-range', error_class: 'is-invalid', valid_class: 'is-valid' |
|
358 | b.use :input, class: 'custom-range', error_class: 'is-invalid', valid_class: 'is-valid' |
|
358 | b.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback d-block' } |
|
359 | b.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback d-block' } |
|
359 | b.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' } |
|
360 | b.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' } |
|
360 | end |
|
361 | end |
|
361 |
|
362 | ||
|
362 |
|
363 | ||
@@ -367,13 +368,13 | |||||
|
367 | # b.use :placeholder |
|
368 | # b.use :placeholder |
|
368 | # b.optional :maxlength |
|
369 | # b.optional :maxlength |
|
369 | # b.optional :minlength |
|
370 | # b.optional :minlength |
|
370 | # b.optional :pattern |
|
371 | # b.optional :pattern |
|
371 | # b.optional :min_max |
|
372 | # b.optional :min_max |
|
372 | # b.optional :readonly |
|
373 | # b.optional :readonly |
|
373 | - # b.use :label, class: 'form-control-label' |
|
374 | + # b.use :label |
|
374 | # b.wrapper :input_group_tag, tag: 'div', class: 'input-group' do |ba| |
|
375 | # b.wrapper :input_group_tag, tag: 'div', class: 'input-group' do |ba| |
|
375 | # ba.optional :prepend |
|
376 | # ba.optional :prepend |
|
376 | # ba.use :input, class: 'form-control', error_class: 'is-invalid', valid_class: 'is-valid' |
|
377 | # ba.use :input, class: 'form-control', error_class: 'is-invalid', valid_class: 'is-valid' |
|
377 | # ba.optional :append |
|
378 | # ba.optional :append |
|
378 | # end |
|
379 | # end |
|
379 | # b.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback d-block' } |
|
380 | # b.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback d-block' } |
@@ -390,23 +391,23 | |||||
|
390 | b.optional :maxlength |
|
391 | b.optional :maxlength |
|
391 | b.optional :minlength |
|
392 | b.optional :minlength |
|
392 | b.optional :pattern |
|
393 | b.optional :pattern |
|
393 | b.optional :min_max |
|
394 | b.optional :min_max |
|
394 | b.optional :readonly |
|
395 | b.optional :readonly |
|
395 | b.use :input, class: 'form-control', error_class: 'is-invalid', valid_class: 'is-valid' |
|
396 | b.use :input, class: 'form-control', error_class: 'is-invalid', valid_class: 'is-valid' |
|
396 | - b.use :label, class: 'form-control-label' |
|
397 | + b.use :label |
|
397 | b.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback' } |
|
398 | b.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback' } |
|
398 | b.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' } |
|
399 | b.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' } |
|
399 | end |
|
400 | end |
|
400 |
|
401 | ||
|
401 | # custom multi select |
|
402 | # custom multi select |
|
402 | config.wrappers :floating_labels_select, tag: 'div', class: 'form-label-group', error_class: 'form-group-invalid', valid_class: 'form-group-valid' do |b| |
|
403 | config.wrappers :floating_labels_select, tag: 'div', class: 'form-label-group', error_class: 'form-group-invalid', valid_class: 'form-group-valid' do |b| |
|
403 | b.use :html5 |
|
404 | b.use :html5 |
|
404 | b.optional :readonly |
|
405 | b.optional :readonly |
|
405 |
- b.use :input, class: 'custom-select |
|
406 | + b.use :input, class: 'custom-select', error_class: 'is-invalid', valid_class: 'is-valid' |
|
406 | - b.use :label, class: 'form-control-label' |
|
407 | + b.use :label |
|
407 | b.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback' } |
|
408 | b.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback' } |
|
408 | b.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' } |
|
409 | b.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' } |
|
409 | end |
|
410 | end |
|
410 |
|
411 | ||
|
411 |
|
412 | ||
|
412 | # The default wrapper to be used by the FormBuilder. |
|
413 | # The default wrapper to be used by the FormBuilder. |
You need to be logged in to leave comments.
Login now