feat: Download Agent wise report (#1517)

app/javascript/dashboard/routes/dashboard/settings/reports/Index.vue

@@ -1,5 +1,12 @@
 <template>
   <div class="column content-box">
+    <button
+      class="button nice icon success button--fixed-right-top"
+      @click="downloadAgentReports"
+    >
+      <i class="icon ion-android-download"></i>
+      {{ $t('REPORT.DOWNLOAD_AGENT_REPORTS') }}
+    </button>
     <div class="small-3 pull-right">
       <multiselect
         v-model="currentDateRangeSelection"
@@ -148,6 +155,13 @@ export default {
         to,
       });
     },
+    downloadAgentReports() {
+      const { from, to } = this;
+      this.$store.dispatch('downloadAgentReports', {
+        from,
+        to,
+      });
+    },
   },
 };
 </script>