Adds some validation and further work on the form

1 files changed, 48 insertions, 35 deletions

diff --git a/app/views/pdfresources/_form.html.erb b/app/views/pdfresources/_form.html.erb
index 39c8314..86b1ca5 100644
--- a/app/views/pdfresources/_form.html.erb
+++ b/app/views/pdfresources/_form.html.erb
@@ -12,61 +12,74 @@
   <% end %>
 
   <div class="my-5">
-    <%= form.label :name, class: "font-bold"  %>
+    <%= form.label :name, class: "font-bold" %>
     <%= form.text_field :name, class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full" %>
   </div>
-  
+
   <div class="my-5">
-    <%= form.label :description, class: "font-bold"  %>
+    <%= form.label :description, class: "font-bold" %>
     <%= form.textarea :description, rows: 4, class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full" %>
     <p class="text-sm text-gray-700">Go to two with the description here. THIS WILL BE RICH TEXT.</p>
   </div>
 
   <div class="my-5">
-    <%= form.label :card_description, class: "font-bold"  %>
+    <%= form.label :card_description, class: "font-bold" %>
     <%= form.textarea :card_description, rows: 4, class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full" %>
-    <p class="text-sm text-gray-700">This is a much shorter description that is used inside the "card" boxes on the listings page.</p>
+    <p class="text-sm text-gray-700">This is a much shorter description that is used inside the "card" boxes on the
+      listings page.</p>
   </div>
 
   <div class="my-5">
-    <%= form.label :pdfs, "Resource PDFs", class: "font-bold"  %>
+    <%= form.label :pdfs, "Resource PDFs", class: "font-bold" %>
     <%= form.file_field :pdfs, multiple: true, class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full" %>
-    <p class="text-sm text-gray-700">You can upload up to 10 PDFs per resource.</p>
+    <p class="text-sm text-gray-700">You can upload up to 10 PDFs per resource. The original files were:
+      <% pdfresource.pdfs.each do |pdf| %>
+        <span class="text-red-500">
+          <%= pdf.filename %>
+        </span>
+      <% end %>
+    </p>
   </div>
 
   <div class="my-5">
-    <%= form.label :thumbnails, class: "font-bold"  %>
+    <%= form.label :thumbnails, class: "font-bold" %>
     <%= form.file_field :thumbnails, multiple: true, class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full" %>
-    <p class="text-sm text-gray-700">You can upload up to 10 thumbnails per resource.</p>
-  </div>
+    <p class="text-sm text-gray-700">You can upload up to 10 thumbnails per resource. The original files were:
+      <% pdfresource.thumbnails.each do |thumbnail| %>
+      <span class="text-red-500">
+        <%= thumbnail.filename %>
+      </span>
+      <% end.to_sentence %>
+</p>
+</div>
 
-  <div class="my-5">
-    <%= form.label :price, class: "font-bold"  %>
-    <%= form.number_field :price, class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full" %>
-    <p class="text-sm text-gray-700">This is what we will sell it for!</p>
-  </div>
-  
-  <div class="my-5">
-    <%= form.label :stripe_product_id, "Stripe Product ID", class: "font-bold" %>
-    <%= form.text_field :stripe_product_id, class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full" %>
-  </div>
+<div class="my-5">
+  <%= form.label :price, class: "font-bold" %>
+  <%= form.number_field :price, class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full" %>
+  <p class="text-sm text-gray-700">This is what we will sell it for!</p>
+</div>
 
-  <div class="my-5">
-    <%= form.label :age_range, class: "font-bold"  %>
-    <%= form.text_field :age_range, class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full" %>
-  </div>
+<div class="my-5">
+  <%= form.label :stripe_product_id, "Stripe Product ID", class: "font-bold" %>
+  <%= form.text_field :stripe_product_id, class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full" %>
+</div>
 
-  <div class="my-5">
-    <%= form.label :curriculum, class: "font-bold"  %>
-    <%= form.text_field :curriculum, class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full" %>
-  </div>
+<div class="my-5">
+  <%= form.label :age_range, class: "font-bold" %>
+  <%= form.text_field :age_range, class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full" %>
+</div>
 
-  <div class="my-5">
-    <%= form.label :feature_slot, class: "font-bold"  %>
-    <%= form.number_field :feature_slot, class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full" %>
-  </div>
+<div class="my-5">
+  <%= form.label :curriculum, class: "font-bold" %>
+  <%= form.text_field :curriculum, class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full" %>
+</div>
 
-  <div class="inline">
-    <%= form.submit class: "rounded-lg py-3 px-5 bg-blue-600 text-white inline-block font-medium cursor-pointer" %>
-  </div>
+<div class="my-5">
+  <%= form.label :feature_slot, class: "font-bold" %>
+  <%= form.number_field :feature_slot, class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full" %>
+</div>
+
+<div class="inline">
+  <%= form.submit class: "rounded-lg py-3 px-5 bg-blue-600 text-white inline-block font-medium cursor-pointer" %>
+</div>
 <% end %>