change logic ajax

plugins/workflow_report/app/controllers/workflow_report_controller.rb

@@ -17,9 +17,7 @@ class WorkflowReportController < ApplicationController
     result = fetch_data(project_ids, params[:year].to_i, params[:month].to_i, column_number: thead.size)
 
     respond_to do |format|
-      format.html do
-        render partial: 'table_workflow_report', layout: false, locals: { result: result, thead: thead }
-      end
+      format.js { render 'build_table', locals: {result: result, thead: thead} }
     end
   end
 

plugins/workflow_report/app/views/workflow_report/build_table.js.erb

+$("#data_workflow").html("<%= escape_javascript(render partial: 'table_workflow_report', locals: { result: result, thead: thead } ) %>")
+<% if result.present? %>
+  $('button.export-button').removeClass('d-none')
+<% else %>
+  $('button.export-button').addClass('d-none')
+<% end %>
\ No newline at end of file

plugins/workflow_report/app/views/workflow_report/index.html.slim

@@ -4,13 +4,13 @@
 fieldset.box.tabular
   legend
     | EXPORT WORKFLOW
-  = form_tag do
+  = form_tag workflow_report_export_path, method: :get, remote: true, id: 'export-form' do
     p
       = label :month, 'Month'
-      = select_tag :month  ,options_for_select(1..12, Time.now.month),{ prompt: "Select month" }
+      = select_tag :month,options_for_select(1..12, Time.now.month), { prompt: "Select month" }
     p
       = label :year, 'Year'
-      = select_tag :year  ,options_for_select((Time.now.year - 5)..(Time.now.year + 1), Time.now.year),{ prompt: "Select year" }
+      = select_tag :year,options_for_select((Time.now.year - 5)..(Time.now.year + 1), Time.now.year), { prompt: "Select year" }
     p
       = label :team, 'Team'
       = select_tag :team, options_for_select(@team_options), { prompt: "Select team" }

plugins/workflow_report/assets/javascripts/application.js

 window.addEventListener('load', function () {
-    $('#export').click(function (event) {
-        event.preventDefault()
+    $('#export-form').submit(function () {
         const month = $('#month').val()
         const year = $('#year').val()
         const team = $('#team').val()
 
-        if (year === '' || month === '' || team === '') {
+        if (month === '' || year === '' || team === '') {
             alert('Please complete all the necessary fields.')
-        } else {
-            $.ajax({
-                url: 'workflow_report/export',
-                type: 'GET',
-                data: {month: month, year: year, team: team},
-                success: function (response) {
-                    $('#data_workflow').html(response)
-                    if ($('#data_workflow').has('table').length > 0 && $('button.export-button').hasClass("d-none")) {
-                        $('button.export-button').removeClass('d-none')
-                    } else {
-                        $('button.export-button').addClass('d-none')
+            return false
         }
-                },
-                error: function (error) {
-                    console.log(error)
-                },
 
-            })
-        }
-    })
+        return true
+    });
 
     const download = function (data) {
         const blob = new Blob([data], {type: 'text/csv'})
@@ -39,9 +23,8 @@ window.addEventListener('load', function () {
     }
 
     $(".export-button").on("click", function () {
-        exportToCSV();
-
-    });
+        exportToCSV()
+    })
 
     function exportToCSV() {
         const table = $("table")