Added detailed error messages to the multiple choice questions form

scott-fleming · Oct 9, 2018 · 300b2df · 300b2df
1 parent a8ccbf8
commit 300b2df
Show file tree

Hide file tree

Showing 2 changed files with 46 additions and 0 deletions.
diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
@@ -36,3 +36,7 @@ label,
 input {
   display: block;
 }
+
+div.invalid-feedback {
+  display: block;
+}
diff --git a/app/views/multiple_choice_questions/_form.html.erb b/app/views/multiple_choice_questions/_form.html.erb
@@ -3,31 +3,73 @@
   <div class="field">
     <%= form.label :question %>
     <%= form.text_field :question, class: 'form-control' %>
+    <% if multiple_choice_question.errors.full_messages_for(:question).any? %>
+      <div class="invalid-feedback">
+        <% multiple_choice_question.errors.full_messages_for(:question).each do |error_message| %>
+          <%= error_message %>.
+        <% end %>
+      </div>
+    <% end %>
   </div>
 
   <div class="field">
     <%= form.label :answer %>
     <%= form.text_field :answer, class: 'form-control' %>
+    <% if multiple_choice_question.errors.full_messages_for(:answer).any? %>
+      <div class="invalid-feedback">
+        <% multiple_choice_question.errors.full_messages_for(:answer).each do |error_message| %>
+          <%= error_message %>.
+        <% end %>
+      </div>
+    <% end %>
   </div>
 
   <div class="field">
     <%= form.label :distractor_1 %>
     <%= form.text_field :distractor_1, class: 'form-control' %>
+    <% if multiple_choice_question.errors.full_messages_for(:distractor_1).any? %>
+      <div class="invalid-feedback">
+        <% multiple_choice_question.errors.full_messages_for(:distractor_1).each do |error_message| %>
+          <%= error_message %>.
+        <% end %>
+      </div>
+    <% end %>
   </div>
 
   <div class="field">
     <%= form.label :distractor_2 %>
     <%= form.text_field :distractor_2, class: 'form-control' %>
+    <% if multiple_choice_question.errors.full_messages_for(:distractor_2).any? %>
+      <div class="invalid-feedback">
+        <% multiple_choice_question.errors.full_messages_for(:distractor_2).each do |error_message| %>
+          <%= error_message %>.
+        <% end %>
+      </div>
+    <% end %>
   </div>
 
   <div class="field">
     <%= form.label :distractor_3 %>
     <%= form.text_field :distractor_3, class: 'form-control' %>
+    <% if multiple_choice_question.errors.full_messages_for(:distractor_3).any? %>
+      <div class="invalid-feedback">
+        <% multiple_choice_question.errors.full_messages_for(:distractor_3).each do |error_message| %>
+          <%= error_message %>.
+        <% end %>
+      </div>
+    <% end %>
   </div>
 
   <div class="field">
     <%= form.label :distractor_4 %>
     <%= form.text_field :distractor_4, class: 'form-control' %>
+    <% if multiple_choice_question.errors.full_messages_for(:distractor_4).any? %>
+      <div class="invalid-feedback">
+        <% multiple_choice_question.errors.full_messages_for(:distractor_4).each do |error_message| %>
+          <%= error_message %>.
+        <% end %>
+      </div>
+    <% end %>
   </div>
 
   <div class="actions">