質問編集履歴

1

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

2021/04/19 07:10

投稿

sanayaaan
sanayaaan

スコア25

test CHANGED
File without changes
test CHANGED
@@ -10,21 +10,261 @@
10
10
 
11
11
  ```html
12
12
 
13
- <div class="form-group row">
14
-
15
- <label class="badge badge-secondary border border-2 border-secondary rounded-0 col-form-label col-5 font-1 color-1 align-middle">作成日</label>
16
-
17
- <select name="sort" id="sort" class="border border-2 border-secondary rounded-0 form-control form-control-sm col-7 font-1">
18
-
19
- <option value="">指定なし</option>
20
-
21
- <option value="created_at ASC" data-name="sort1">作成日 (昇順)</option>
22
-
23
- <option value="created_at DESC" data-name="sort3">作成日 (降順)</option>
24
-
25
- </select>
26
-
27
- </div>
13
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
14
+
15
+ integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
16
+
17
+
18
+
19
+ <section id="search">
20
+
21
+ <form class="" id="" action="/projects" accept-charset="UTF-8" method="get">
22
+
23
+ <div class="container-fluid">
24
+
25
+ <div class="row search-content">
26
+
27
+
28
+
29
+ <div class="col-3">
30
+
31
+ <div class="form-group row">
32
+
33
+ <label
34
+
35
+ class="badge badge-secondary border border-2 border-secondary rounded-0 col-form-label col-5 font-1 color-1">作成日</label>
36
+
37
+ <select name="sort" id="sort"
38
+
39
+ class="border border-2 border-secondary rounded-0 form-control form-control-sm col-7 font-1">
40
+
41
+ <option value="">指定なし</option>
42
+
43
+ <option value="created_at ASC" data-name="sort1">作成日 (昇順)</option>
44
+
45
+ <option value="created_at DESC" data-name="sort3">作成日 (降順)</option>
46
+
47
+ </select>
48
+
49
+ </div>
50
+
51
+ </div>
52
+
53
+ <div class="col-2">
54
+
55
+ <div class="form-group row">
56
+
57
+ <label
58
+
59
+ 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>
60
+
61
+ <select
62
+
63
+ class="form-control form-control-sm col-7 font-1 border border-2 border-secondary rounded-0"
64
+
65
+ name="">
66
+
67
+ <option value="">全て</option>
68
+
69
+ <option value="0">時間</option>
70
+
71
+ </select>
72
+
73
+ </div>
74
+
75
+ </div>
76
+
77
+ <div class="col-2">
78
+
79
+ <div class="form-group row">
80
+
81
+ <label
82
+
83
+ 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>
84
+
85
+ <select
86
+
87
+ class="form-control form-control-sm col-7 font-1 border border-2 border-secondary rounded-0"
88
+
89
+ name="">
90
+
91
+ <option value="">全て</option>
92
+
93
+ </select>
94
+
95
+ </div>
96
+
97
+ </div>
98
+
99
+ <div class="col-2">
100
+
101
+ <div class="form-group row">
102
+
103
+ <label
104
+
105
+ class="badge badge-secondary border border-2 border-secondary rounded-0 col-form-label col-5 font-1 color-1 rounded-0">Status</label>
106
+
107
+ <select
108
+
109
+ class="form-control form-control-sm col-7 font-1 border border-2 border-secondary rounded-0"
110
+
111
+ name="" id="">
112
+
113
+ <option value="">全て</option>
114
+
115
+ <option value="0">準備中</option>
116
+
117
+ <option value="1">作業中</option>
118
+
119
+ <option value="2">納品済</option>
120
+
121
+ <option value="3">保留中</option>
122
+
123
+ </select>
124
+
125
+ </div>
126
+
127
+ </div>
128
+
129
+ <div class="col-2">
130
+
131
+ <div class="form-group row">
132
+
133
+ <label
134
+
135
+ class="badge badge-secondary border border-secondary rounded-0 col-form-label col-5 font-1 color-1 rounded-0">納品日</label>
136
+
137
+ <select
138
+
139
+ class="form-control form-control-sm col-7 font-1 border border-2 border-secondary rounded-0"
140
+
141
+ name="">
142
+
143
+ <option value="">全て</option>
144
+
145
+ </select>
146
+
147
+ </div>
148
+
149
+ </div>
150
+
151
+ <div class="show-button-submit col-1" style="display: flex;">
152
+
153
+ <button type="submit"
154
+
155
+ class="btn btn-secondary font-1 border border-2 border-secondary rounded-0"
156
+
157
+ style="height: 34px">検索</button>
158
+
159
+ </div>
160
+
161
+ </div>
162
+
163
+ <div class="row search-content">
164
+
165
+ <div class="col-2">
166
+
167
+ <div class="form-group row">
168
+
169
+ <label
170
+
171
+ class="badge badge-secondary border border-2 border-secondary rounded-0 col-form-label font-1 color-1 col-6">発注元</label>
172
+
173
+ <select
174
+
175
+ class="form-control form-control-sm font-1 col-6 border border-2 border-secondary rounded-0 "
176
+
177
+ name="">
178
+
179
+ <option value="">全て</option>
180
+
181
+ </select>
182
+
183
+ </div>
184
+
185
+ </div>
186
+
187
+ <div class="col-2">
188
+
189
+ <div class="form-group row">
190
+
191
+ <label
192
+
193
+ class="badge badge-secondary border border-secondary rounded-0 col-form-label col-2 font-1 color-1 col-6">仕入先</label>
194
+
195
+ <select
196
+
197
+ class="form-control form-control-sm font-1 col-6 border border-2 border-secondary rounded-0 "
198
+
199
+ name="">
200
+
201
+ <option value="">全て</option>
202
+
203
+ </select>
204
+
205
+ </div>
206
+
207
+ </div>
208
+
209
+ <div class="col-2">
210
+
211
+ <div class="form-group row">
212
+
213
+ <label
214
+
215
+ class="badge badge-secondary border border-secondary rounded-0 col-form-label font-1 color-1 col-6">作業担当者</label>
216
+
217
+ <select
218
+
219
+ class="form-control form-control-sm font-1 col-6 border border-2 border-secondary rounded-0 "
220
+
221
+ name="">
222
+
223
+ <option value="">全て</option>
224
+
225
+ </select>
226
+
227
+ </div>
228
+
229
+ </div>
230
+
231
+ <div class="col-4">
232
+
233
+ <div class="form-group">
234
+
235
+ <input class="form-control form-control-sm" placeholder="Search" type="text"
236
+
237
+ name="q[name_or_creator_name_or_company_name_cont]"
238
+
239
+ id="q_name_or_creator_name_or_company_name_cont">
240
+
241
+ </div>
242
+
243
+ </div>
244
+
245
+ <div class="col-2 row">
246
+
247
+ <label class="font-1 result-number justify-content-center">表示件数:</label>
248
+
249
+ <select class="form-control form-control-sm col-4 font-1" name="">
250
+
251
+ <option value="">10</option>
252
+
253
+ <option value="0">20</option>
254
+
255
+ <option value="1">30</option>
256
+
257
+ </select>
258
+
259
+ </div>
260
+
261
+ </div>
262
+
263
+ </div>
264
+
265
+ </form>
266
+
267
+ </section>
28
268
 
29
269
 
30
270