Merge pull request #95 from lexintegritastech/improve-main-ui

Fix refresh button in `document#advanced_search` component

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 %>

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)
   }