|
4 | 4 | </div> |
5 | 5 | <div class="card-content"> |
6 | 6 | <div class="card-body"> |
7 | | - <p class="card-text"> Use these params settings to search topics</p> |
8 | 7 | <%= form_for :search, url: topics_path, method: :get, data: { controller: "topics", topics_target: "form", turbo_frame: "topic-list", turbo_action: "advance" } do |f| %> |
9 | 8 | <div class="form-body"> |
10 | 9 | <div class="row"> |
11 | | - <div class="col-12"> |
| 10 | + <div class="col-md-6 col-12"> |
12 | 11 | <div class="form-group"> |
13 | 12 | <%= f.label :provider %> |
14 | 13 | <%= f.select :provider_id, options_from_collection_for_select(providers, :id, :name, params[:provider_id]), { prompt: "Select provider" }, class: "form-select", data: { action: "change->topics#search" } %> |
15 | 14 | </div> |
| 15 | + </div> |
| 16 | + <div class="col-md-6 col-12"> |
16 | 17 | <div class="form-group"> |
17 | 18 | <%= f.label :language %> |
18 | 19 | <%= f.select :language_id, options_from_collection_for_select(languages, :id, :name, params[:provider_id]), { prompt: "Select language" }, class: "form-select", data: { action: "change->topics#search" } %> |
19 | 20 | </div> |
| 21 | + </div> |
| 22 | + <div class="col-md-6 col-12"> |
20 | 23 | <div class="form-group"> |
21 | 24 | <%= f.label :query %> |
22 | 25 | <%= f.text_field :query, value: params[:query], class: "form-control", data: { action: "input->topics#search" } %> |
23 | 26 | </div> |
| 27 | + </div> |
| 28 | + <div class="col-md-3 col-12"> |
24 | 29 | <div class="form-group"> |
25 | 30 | <%= f.label :year %> |
26 | 31 | <%= f.select :year, options_for_select((Date.today.year-10..Date.today.year).to_a, params[:year]), { prompt: "Select year" }, class: "form-select", data: { action: "change->topics#search" } %> |
27 | 32 | </div> |
| 33 | + </div> |
| 34 | + <div class="col-md-3 col-12"> |
28 | 35 | <div class="form-group"> |
29 | 36 | <%= f.label :month %> |
30 | 37 | <%= f.select :month, options_for_select((1..12).to_a, params[:month]), { prompt: "Select month" }, class: "form-select", data: { action: "change->topics#search" } %> |
31 | 38 | </div> |
| 39 | + </div> |
| 40 | + <div class="col-md-6 col-12"> |
32 | 41 | <div class="form-group"> |
33 | 42 | <%= f.label :state %> |
34 | 43 | <%= f.select :state, options_for_select(Topic::STATES.index_with(&:itself), params[:state]), { prompt: "Select state" }, class: "form-select", data: { action: "change->topics#search" } %> |
35 | 44 | </div> |
| 45 | + </div> |
| 46 | + <div class="col-md-6 col-12"> |
36 | 47 | <div class="form-group"> |
37 | 48 | <%= f.label :order %> |
38 | 49 | <%= f.select :order, options_for_select(Topic::SORTS.reverse.index_with(&:itself), params[:order]), {}, class: "form-select", data: { action: "change->topics#search" } %> |
39 | 50 | </div> |
40 | | - <div class="col-12 d-flex justify-content-end"> |
41 | | - <%= link_to "Clear", topics_path, class: "btn btn-light-secondary me-1 mb-1" %> |
42 | | - </div> |
| 51 | + </div> |
| 52 | + <div class="col-12 d-flex justify-content-end"> |
| 53 | + <%= link_to "Clear", topics_path, class: "btn btn-light-secondary me-1 mb-1" %> |
43 | 54 | </div> |
44 | 55 | </div> |
45 | 56 | </div> |
|
0 commit comments