[ISSUE-259] Reflect file deletion by removing the hole entry

Remove the hole file element form the exercise form when a file is
deleted.

Author: arkirchner

app/assets/javascripts/exercises.js

@@ -87,12 +87,11 @@ $(document).on('turbolinks:load', function () {
         // validate fileUrl
         const matches = fileUrl.match(/files\/(\d+)/);
         if (matches) {
-            // select the file form based on the delete button
-            const fileForm = $(`*[data-file-url="${fileUrl}"]`).parent().parent().parent();
-            fileForm.remove();
+            const fileId = matches[1];
+
+            $(`#file-form-${fileId}`).remove();
 
             // now remove the hidden input representing the file
-            const fileId = matches[1];
             const input = $(`input[type="hidden"][value="${fileId}"]`)
             input.remove()
         }

app/views/exercises/_file_form.html.slim

@@ -1,6 +1,6 @@
 - id = f.object.id
 
-li.card.mt-2
+li.card.mt-2 id="file-form-#{id}"
   .card-header#heading role='tab'
     - collapsed_class = f.index == 'index' ? nil : 'collapsed'
     - aria_expanded = f.index == 'index' ? 'true' : 'false'