fix(file download): fix required file server to download files

.env.example

@@ -1,5 +1,4 @@
 API_URL=https://localhost:3000/api
 API_VERSION=1
 API_PROXY=https://cors-anywhere.herokuapp.com
-FILE_SERVER_URL=http://localhost:8080
-JOB_LOGS_FILE=https://localhost/files/jobs.log
+

package.json

@@ -85,6 +85,7 @@
     "handlebars": "^4.7.7",
     "handlebars-utils": "^1.0.6",
     "js-cookie": "^2.2.1",
+    "js-file-download": "^0.4.12",
     "plotly.js-cartesian-dist": "^1.58.4",
     "sweetalert2": "^10.16.7",
     "util": "^0.12.3"

src/components/admin/administration/jobs-log/JobsLog.js

@@ -6,6 +6,7 @@ import axios from 'axios';
 import APIHelper from '@APIHelper';
 import ModalHelper from '@ModalHelper';
 import EventSource from 'eventsource';
+import fileDownload from 'js-file-download';
 
 let logEntries;
 class JobsLog extends Component {
@@ -164,10 +165,15 @@ class JobsLog extends Component {
     event.preventDefault();
     event.stopImmediatePropagation();
 
-    window.open(
-      new URL(window.env.FILE_SERVER_URL + '/' + window.env.JOB_LOGS_FILE),
-      '_blank'
-    );
+    axios
+      .get('/jobs/log/file', {
+        headers: APIHelper.setAuthHeader()
+      })
+      .then(response => {
+        if (response) {
+          fileDownload(response.data, 'jobs.log');
+        }
+      });
   }
 
   openEventSource(close = false) {

src/components/admin/data/file-management/file-content/FileContent.js

@@ -9,6 +9,7 @@ import APIHelper from '@APIHelper';
 import ModalHelper from '@ModalHelper';
 import { Filters, FilterType } from '@Filters';
 import Search from '@Search';
+import fileDownload from 'js-file-download';
 
 let fileModels;
 let fileRaw;
@@ -248,16 +249,22 @@ class FileContent extends Component {
                 'Preparing Download...',
                 'Your download will begin automatically'
               );
+
               downloadFile(
                 `/files/${filename}/download?source=${this.dataSource}&type=${this.fileType}&from=${fileFormat}&to=${selectedFormat}`,
                 this.context
               ).then(response => {
                 if (response) {
                   loader.close();
-                  window.open(
-                    new URL(window.env.FILE_SERVER_URL + '/' + response.data),
-                    '_blank'
-                  );
+
+                  let mimetype = 'text/csv';
+
+                  if (typeof response === 'object') {
+                    response = JSON.stringify(response, null, 2);
+                    mimetype = 'application/json';
+                  }
+
+                  fileDownload(response, `${filename}.${selectedFormat}`, mimetype);
                 }
               });
             }

src/components/admin/jobs/Jobs.js

@@ -7,6 +7,7 @@ import ModalHelper from '@ModalHelper';
 import StringHelper from '@StringHelper';
 import Store from '@Store';
 import EventSource from 'eventsource';
+import fileDownload from 'js-file-download';
 
 let startedJobs;
 let completedJobs;
@@ -257,10 +258,7 @@ class Jobs extends Component {
         downloadFile(`/jobs/${jobId}/download?output=matrix`, this.context).then(
           response => {
             if (response) {
-              window.open(
-                new URL(window.env.FILE_SERVER_URL + '/' + response.data),
-                '_blank'
-              );
+              fileDownload(response, 'matrix.csv');
             }
           }
         );
@@ -283,10 +281,7 @@ class Jobs extends Component {
         downloadFile(`/jobs/${jobId}/download?output=predictions`, this.context).then(
           response => {
             if (response) {
-              window.open(
-                new URL(window.env.FILE_SERVER_URL + '/' + response.data),
-                '_blank'
-              );
+              fileDownload(response, 'predictions.csv');
             }
           }
         );