Я хочу попросить пользователя больше информации, когда он нажмет одну из кнопок настроения.Пример: если пользователь нажимает «Very Happy», я хотел бы открыть другую форму ввода с вопросом: «Хотели бы вы добавить дополнительную информацию о том, почему вы так себя чувствуете?»
Если пользователь говорит «нет»затем перейдите к публикации.
Если пользователь заполняет дополнительную информацию.Измените информацию, публикуемую в базу данных, которая теперь включает информацию, которая будет размещена в свойстве: mood_reason.
Любая помощь в достижении этого будет потрясающей.
Моя текущая ситуация
В настоящее время, когда пользователь нажимает одну из моих кнопок на изображении ниже:
Я отправляю запрос на публикацию прямо в мойбазы данных, используя следующий код:
post '/mood' do
params.merge!(user_id: session[:id])
Mood.create(params)
redirect '/dashboard'
end
Мои формы ввода Html.erb выглядят так:
<div style="height:50px;"></div>
<div class="w3-display-container" style="height:50px;">
<form action = "/mood" method = "post">
<input class="w3-button w3-display-middle w3-black"
style="width:200px;" type="submit" name="mood" value="Very Happy" />
</form>
</div>
<div class="w3-display-container" style="height:50px;">
<form action = "/mood" method = "post">
<input class="w3-button w3-display-middle w3-black"
style="width:200px;" type="submit" name="mood" value="Happy" />
</form>
</div>
<div class="w3-display-container" style="height:50px;">
<form action = "/mood" method = "post">
<input class="w3-button w3-display-middle w3-black"
style="width:200px;" type="submit" name="mood" value="Neutral" />
</form>
</div>
<div class="w3-display-container" style="height:50px;">
<form action = "/mood" method = "post">
<input class="w3-button w3-display-middle w3-black"
style="width:200px;" type="submit" name="mood" value="Sad" />
</form>
</div>
<div class="w3-display-container" style="height:50px;">
<form action = "/mood" method = "post">
<input class="w3-button w3-display-middle w3-black"
style="width:200px;" type="submit" name="mood" value="Very Sad" />
</form>
</div>