From 3318de96002fb3c28795f9b86cac523710846648 Mon Sep 17 00:00:00 2001
From: alexdbondoc17 <alexdbondoc17@gmail.com>
Date: Wed, 2 Mar 2022 07:50:19 +0000
Subject: [PATCH] Fix refresh button in `document#advanced_search` component

---
 .../document_advanced_search_component.html.erb    |  2 +-
 .../controllers/application_controller.js          | 14 ++++++++++++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/app/components/document_advanced_search_component/document_advanced_search_component.html.erb b/app/components/document_advanced_search_component/document_advanced_search_component.html.erb
index 7e61d1f..0f9b84c 100644
--- a/app/components/document_advanced_search_component/document_advanced_search_component.html.erb
+++ b/app/components/document_advanced_search_component/document_advanced_search_component.html.erb
@@ -30,7 +30,7 @@
   </div>
 
   <div class="d-flex justify-content-end mt-3">
-    <button  type="reset" class="btn btn-success  me-2 mb-2"><i class="fas fa-sync"></i> Refresh</button>
+    <button class="btn btn-success reset-document-advanced-search me-2 mb-2"><i class="fas fa-sync"></i> Refresh</button>
     <button type="submit" class="btn btn-danger mb-2">Search</button>
   </div>
 <% end %>
diff --git a/app/javascript/controllers/application_controller.js b/app/javascript/controllers/application_controller.js
index 6142c36..b8c87c0 100644
--- a/app/javascript/controllers/application_controller.js
+++ b/app/javascript/controllers/application_controller.js
@@ -37,6 +37,20 @@ export default class extends Controller {
       }
     })
 
+    $(".reset-document-advanced-search").on("click", function (ev) {
+      ev.preventDefault()
+  
+      var $advanced_search_box = $(".advanced-search-box")
+      
+      $.each($advanced_search_box.find("input[type='text']"), function(_, el) {
+        $(el).val("")
+      })
+      
+      $.each($advanced_search_box.find("select"), function(_, el) {
+        $(el).val("")
+      })
+    })
+
     StimulusReflex.register(this)
   }