Add show.blacklight.blacklight-modal and ajax:success event listeners…

… for when the form is submitted successfully in AJAX Find the show.blacklight.blacklight-modal in https://github.com/projectblacklight/blacklight/blob/main/app/javascript/blacklight-frontend/modal.js#L188 Co-authored-by: Jane Sandberg <[email protected]> Co-authored-by: Christina Chortaria <[email protected]>
pulibrary · Dec 20, 2024 · a4b4898 · a4b4898
1 parent 738be14
commit a4b4898
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/app/assets/javascripts/application.js b/app/assets/javascripts/application.js
@@ -23,3 +23,11 @@
 //
 //= require ./custom_range_limit.js
 //= require ./orangelight.js
+
+// Wait for the modal to open
+document.addEventListener('show.blacklight.blacklight-modal', function () {
+  // Wait for the form to be submitted successfully
+  $('.modal_form').on('ajax:success', function () {
+    Blacklight.Modal.hide();
+  });
+});
diff --git a/app/views/catalog/_ask_a_question_form.html.erb b/app/views/catalog/_ask_a_question_form.html.erb
@@ -1,6 +1,7 @@
 <%= render :partial=>'shared/flash_msg' %>
 <%= simple_form_for(
       form,
+      remote: true,
       url: contact_question_path, 
       data:  { blacklight_modal: 'trigger' }, 
       html: {class: "modal_form"}
@@ -18,7 +19,7 @@
     <%= f.input :feedback_desc, as: :hidden %>
     <div class="modal-footer">
       <button type="button" class="btn btn-secondary" data-bl-dismiss="modal">Cancel</button>
-      <%= f.submit "Send", class: "btn btn-primary", data: {bl_dismiss: "modal"}, id: 'submit-question' %>
+      <%= f.submit "Send", class: "btn btn-primary", id: 'submit-question' %>
     </div>
   <% end %>
 </div>