質問編集履歴

1

htmlコードを変更しました。

2019/05/22 11:32

投稿

yamamoto11081
yamamoto11081

スコア16

test CHANGED
@@ -1 +1 @@
1
- Rails ラジオボタンでDBに保存している画像から選択できようにしたい
1
+ Rails DBに保存している画像を背景画像にす方法
test CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
 
4
4
 
5
- Todoアプリの作成で、ユーザーが新しいTodoボードを作成する際、予めDBに保存してる画像一覧から背景画像を選択できるようにしたい。
5
+ DBに保存してる画像一覧からユーザーが選んだ画像を背景画像に設定したい。
6
6
 
7
7
 
8
8
 
@@ -10,9 +10,11 @@
10
10
 
11
11
 
12
12
 
13
- 新しいTodoボードの作成時に、form_forでradio_buttonを利用し画像を選択できるようにしたいが、画像が表示されない
13
+ 新しいTodoボードの作成時に、ユーザーが一覧から選択画像を背景設定したいが、DBから画像urlを渡す記述方法わかりません
14
14
 
15
15
  画像はBackgroundsテーブルに保存しており、imageカラムにurlが入っています。
16
+
17
+ また、Boardテーブルにはbackground_idカラムがあります。
16
18
 
17
19
 
18
20
 
@@ -58,113 +60,13 @@
58
60
 
59
61
  ```
60
62
 
61
- boards_controller.rb
63
+ html
62
64
 
63
65
 
64
66
 
65
- class BoardsController < ApplicationController
66
-
67
- def new
68
-
69
- @board = Board.new
70
-
71
- @backgrounds = Background.all
72
-
73
- end
74
-
75
-
76
-
77
- def create
78
-
79
- @board = Board.create(board_params)
80
-
81
- redirect_to board_lists_path(@board)
82
-
83
- end
84
-
85
-
86
-
87
- private
88
-
89
-
90
-
91
- def board_params
92
-
93
- params.require(:board).permit(:name, :about, :deadline, :background_id)
67
+ .board__body{ style: 'background-image: url(@board.background.image)'}
94
-
95
- end
96
-
97
- end
98
68
 
99
69
  ```
100
-
101
-
102
-
103
-
104
-
105
- ```
106
-
107
- /boards/new.html.haml
108
-
109
-
110
-
111
- .board__new
112
-
113
- = render partial: 'board_form'
114
-
115
- ```
116
-
117
-
118
-
119
-
120
-
121
- ```
122
-
123
- /boards/_board_form.html.haml
124
-
125
-
126
-
127
- .board__form
128
-
129
- = form_for @board do |f|
130
-
131
- .form-group
132
-
133
- = f.label :name, class: 'form-controll-label'
134
-
135
- = f.text_field :name, class: 'form-controll'
136
-
137
- .form-group
138
-
139
- = f.label :about, class: 'form-controll-label'
140
-
141
- = f.text_area :about, class: 'form-controll'
142
-
143
- .form-group
144
-
145
- = f.label :deadline, class: 'form-controll-label'
146
-
147
- = f.date_select :deadline, class: 'form-controll'
148
-
149
- .form-group
150
-
151
- - @backgrounds.each do |background|
152
-
153
- = f.label :background, image_tag(background.image), class: 'form-controll-label'
154
-
155
- = f.radio_button :background_id, background.image
156
-
157
- .form-group
158
-
159
- = f.submit "Save", class: "btn btn-primary"
160
-
161
-
162
-
163
-
164
-
165
- ```
166
-
167
-
168
70
 
169
71
 
170
72