質問するログイン新規登録

質問編集履歴

1

コードを追加いたしました。

2021/04/19 07:10

投稿

sanayaaan
sanayaaan

スコア25

title CHANGED
File without changes
body CHANGED
@@ -4,13 +4,133 @@
4
4
  お分かりになる方お願いいたします。
5
5
 
6
6
  ```html
7
- <div class="form-group row">
8
- <label class="badge badge-secondary border border-2 border-secondary rounded-0 col-form-label col-5 font-1 color-1 align-middle">作成日</label>
9
- <select name="sort" id="sort" class="border border-2 border-secondary rounded-0 form-control form-control-sm col-7 font-1">
7
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
10
- <option value="">指定なし</option>
11
- <option value="created_at ASC" data-name="sort1">作成日 (昇順)</option>
8
+ integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
12
- <option value="created_at DESC" data-name="sort3">作成日 (降順)</option>
13
- </select>
14
- </div>
15
9
 
10
+ <section id="search">
11
+ <form class="" id="" action="/projects" accept-charset="UTF-8" method="get">
12
+ <div class="container-fluid">
13
+ <div class="row search-content">
14
+
15
+ <div class="col-3">
16
+ <div class="form-group row">
17
+ <label
18
+ class="badge badge-secondary border border-2 border-secondary rounded-0 col-form-label col-5 font-1 color-1">作成日</label>
19
+ <select name="sort" id="sort"
20
+ class="border border-2 border-secondary rounded-0 form-control form-control-sm col-7 font-1">
21
+ <option value="">指定なし</option>
22
+ <option value="created_at ASC" data-name="sort1">作成日 (昇順)</option>
23
+ <option value="created_at DESC" data-name="sort3">作成日 (降順)</option>
24
+ </select>
25
+ </div>
26
+ </div>
27
+ <div class="col-2">
28
+ <div class="form-group row">
29
+ <label
30
+ class="badge badge-secondary border border-2 border-secondary rounded-0 col-form-label col-5 font-1 color-1 rounded-0 align-middle">作業種別</label>
31
+ <select
32
+ class="form-control form-control-sm col-7 font-1 border border-2 border-secondary rounded-0"
33
+ name="">
34
+ <option value="">全て</option>
35
+ <option value="0">時間</option>
36
+ </select>
37
+ </div>
38
+ </div>
39
+ <div class="col-2">
40
+ <div class="form-group row">
41
+ <label
42
+ class="badge badge-secondary border border-2 border-secondary rounded-0 col-form-label col-5 font-1 color-1 rounded-0 align-middle">期限</label>
43
+ <select
44
+ class="form-control form-control-sm col-7 font-1 border border-2 border-secondary rounded-0"
45
+ name="">
46
+ <option value="">全て</option>
47
+ </select>
48
+ </div>
49
+ </div>
50
+ <div class="col-2">
51
+ <div class="form-group row">
52
+ <label
53
+ class="badge badge-secondary border border-2 border-secondary rounded-0 col-form-label col-5 font-1 color-1 rounded-0">Status</label>
54
+ <select
55
+ class="form-control form-control-sm col-7 font-1 border border-2 border-secondary rounded-0"
56
+ name="" id="">
57
+ <option value="">全て</option>
58
+ <option value="0">準備中</option>
59
+ <option value="1">作業中</option>
60
+ <option value="2">納品済</option>
61
+ <option value="3">保留中</option>
62
+ </select>
63
+ </div>
64
+ </div>
65
+ <div class="col-2">
66
+ <div class="form-group row">
67
+ <label
68
+ class="badge badge-secondary border border-secondary rounded-0 col-form-label col-5 font-1 color-1 rounded-0">納品日</label>
69
+ <select
70
+ class="form-control form-control-sm col-7 font-1 border border-2 border-secondary rounded-0"
71
+ name="">
72
+ <option value="">全て</option>
73
+ </select>
74
+ </div>
75
+ </div>
76
+ <div class="show-button-submit col-1" style="display: flex;">
77
+ <button type="submit"
78
+ class="btn btn-secondary font-1 border border-2 border-secondary rounded-0"
79
+ style="height: 34px">検索</button>
80
+ </div>
81
+ </div>
82
+ <div class="row search-content">
83
+ <div class="col-2">
84
+ <div class="form-group row">
85
+ <label
86
+ class="badge badge-secondary border border-2 border-secondary rounded-0 col-form-label font-1 color-1 col-6">発注元</label>
87
+ <select
88
+ class="form-control form-control-sm font-1 col-6 border border-2 border-secondary rounded-0 "
89
+ name="">
90
+ <option value="">全て</option>
91
+ </select>
92
+ </div>
93
+ </div>
94
+ <div class="col-2">
95
+ <div class="form-group row">
96
+ <label
97
+ class="badge badge-secondary border border-secondary rounded-0 col-form-label col-2 font-1 color-1 col-6">仕入先</label>
98
+ <select
99
+ class="form-control form-control-sm font-1 col-6 border border-2 border-secondary rounded-0 "
100
+ name="">
101
+ <option value="">全て</option>
102
+ </select>
103
+ </div>
104
+ </div>
105
+ <div class="col-2">
106
+ <div class="form-group row">
107
+ <label
108
+ class="badge badge-secondary border border-secondary rounded-0 col-form-label font-1 color-1 col-6">作業担当者</label>
109
+ <select
110
+ class="form-control form-control-sm font-1 col-6 border border-2 border-secondary rounded-0 "
111
+ name="">
112
+ <option value="">全て</option>
113
+ </select>
114
+ </div>
115
+ </div>
116
+ <div class="col-4">
117
+ <div class="form-group">
118
+ <input class="form-control form-control-sm" placeholder="Search" type="text"
119
+ name="q[name_or_creator_name_or_company_name_cont]"
120
+ id="q_name_or_creator_name_or_company_name_cont">
121
+ </div>
122
+ </div>
123
+ <div class="col-2 row">
124
+ <label class="font-1 result-number justify-content-center">表示件数:</label>
125
+ <select class="form-control form-control-sm col-4 font-1" name="">
126
+ <option value="">10</option>
127
+ <option value="0">20</option>
128
+ <option value="1">30</option>
129
+ </select>
130
+ </div>
131
+ </div>
132
+ </div>
133
+ </form>
134
+ </section>
135
+
16
136
  ```