質問編集履歴

2

Viewaのソースコードを追記

2021/03/28 09:11

投稿

eita-eng
eita-eng

スコア3

test CHANGED
File without changes
test CHANGED
@@ -236,6 +236,68 @@
236
236
 
237
237
  ```
238
238
 
239
+ ↓departments/index.html.erb
240
+
241
+ ```Ruby
242
+
243
+ <div class="wrapper">
244
+
245
+ <nav class="navbar navbar-light bg-light fixed-top">
246
+
247
+ <%= render partial: 'nav_bar', locals: { departments: @departments } %>
248
+
249
+ </nav>
250
+
251
+
252
+
253
+ <div class="event">
254
+
255
+ <div class="box17">
256
+
257
+ <div class="box-title">
258
+
259
+ <p><span class="rotate-anime rotate-anime1"><i class="fa fa-cog"></i></span>P.O.W.U 取扱説明書<span class="rotate-anime rotate-anime1"><i class="fa fa-cog"></i></span></p>
260
+
261
+ </div>
262
+
263
+ <p>左上の「<i class="fa fa-bars"></i>」から予定リストを確認できます</p>
264
+
265
+ <p>左上の「<i class="fa fa-plus-circle"></i>」ボタンから予定表を作成できます</p>
266
+
267
+ <p>ユーザー名をクリックすると編集・ログアウトページへ遷移できます</p>
268
+
269
+ </div>
270
+
271
+ </div>
272
+
273
+ </div>
274
+
275
+ ```
276
+
277
+ ↓events/index.html.erb
278
+
279
+ ```Ruby
280
+
281
+ <div class="wrapper">
282
+
283
+ <nav class="navbar navbar-light bg-light fixed-top">
284
+
285
+ <%= render partial: 'departments/nav_bar', locals: { departments: @departments } %>
286
+
287
+ </nav>
288
+
289
+
290
+
291
+ <div class="event">
292
+
293
+ <%= render "main_event" %>
294
+
295
+ </div>
296
+
297
+ </div>
298
+
299
+ ```
300
+
239
301
 
240
302
 
241
303
  ### 試したこと

1

該当コードへapplication.html.erbを追記しました。

2021/03/28 09:11

投稿

eita-eng
eita-eng

スコア3

test CHANGED
File without changes
test CHANGED
@@ -152,6 +152,92 @@
152
152
 
153
153
 
154
154
 
155
+ ↓application.html.erb
156
+
157
+ ```
158
+
159
+ <!DOCTYPE html>
160
+
161
+ <html>
162
+
163
+ <head>
164
+
165
+ <title>Powu</title>
166
+
167
+ <%= csrf_meta_tags %>
168
+
169
+ <%= csp_meta_tag %>
170
+
171
+
172
+
173
+
174
+
175
+ <%# jQuery %>
176
+
177
+ <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
178
+
179
+
180
+
181
+ <%# flatpickr テーマ %>
182
+
183
+ <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/themes/material_blue.css">
184
+
185
+
186
+
187
+ <%= include_gon %>
188
+
189
+
190
+
191
+ <%# Sweet Alert2 %>
192
+
193
+ <script src="//cdn.jsdelivr.net/npm/sweetalert2@10"></script>
194
+
195
+
196
+
197
+ <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
198
+
199
+ <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
200
+
201
+
202
+
203
+ <%# Font Awesome (アイコン) %>
204
+
205
+ <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
206
+
207
+
208
+
209
+ <%# jQueryui 吹き出し機能・使用可%>
210
+
211
+ <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.12.1/themes/cupertino/jquery-ui.min.css" />
212
+
213
+ <script type="text/javascript" src="http://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
214
+
215
+
216
+
217
+ <%# flatpickr (日付入力..カレンダー表示) %>
218
+
219
+ <script src="https://npmcdn.com/flatpickr/dist/flatpickr.min.js"></script>
220
+
221
+ <script src="https://npmcdn.com/flatpickr/dist/l10n/ja.js"></script>
222
+
223
+
224
+
225
+ </head>
226
+
227
+
228
+
229
+ <body>
230
+
231
+ <%= yield %>
232
+
233
+ </body>
234
+
235
+ </html>
236
+
237
+ ```
238
+
239
+
240
+
155
241
  ### 試したこと
156
242
 
157
243