BIS-753: Fixed binary data processing for the new DSS widget. Added loading...

BIS-753: Fixed binary data processing for the new DSS widget. Added loading popup for file download.

api-data-store-server-javascript/src/js/api/server-data-store-facade.js

@@ -59,18 +59,17 @@ _DataStoreServerInternal.prototype.sendHttpRequest = function(httpMethod, conten
 
 				switch (contentType) {
 					case 'text/plain':
+						// Fall through.
+					case 'application/json':
 						response.text().then((blobResponse) => callback(blobResponse))
 							.catch((error) => alert(error));
 						break;
 					case 'application/octet-stream':
 						callback(response);
 						break;
-					case 'application/json':
-						response.text().then((blobResponse) => callback(blobResponse))
-							.catch((error) => alert(error));
-						break;
+					default:
+						throw new Error("Client error HTTP response. Unsupported content-type received.");
 				}
-
 			} else if(status >= 400 && status < 500) {
 				let response = JSON.parse(xhr.responseText);
 				alert(response.error[1].message);

ui-admin/src/js/components/database/data-browser/DataBrowserController.js

@@ -165,7 +165,8 @@ export default class DataBrowserController extends ComponentController {
     const dataArray = []
 
     while (offset < file.size) {
-      dataArray.push(await this._download(file, offset))
+      const blob = await this._download(file, offset)
+      dataArray.push(await blob.arrayBuffer())
       offset += MAX_READ_SIZE_IN_BYTES
     }
 

ui-admin/src/js/components/database/data-browser/LeftToolbar.jsx

@@ -36,7 +36,7 @@ import Popover from '@material-ui/core/Popover'
 import InputDialog from '@src/js/components/common/dialog/InputDialog.jsx'
 import ConfirmationDialog from '@src/js/components/common/dialog/ConfirmationDialog.jsx'
 import LocationDialog from '@src/js/components/database/data-browser/LocationDialog.jsx'
-import LoadingDialog from "@src/js/components/common/loading/LoadingDialog.jsx";
+import LoadingDialog from '@src/js/components/common/loading/LoadingDialog.jsx'
 
 const color = 'default'
 const iconButtonSize = 'medium'
@@ -187,13 +187,19 @@ class LeftToolbar extends React.Component {
   async handleDownload() {
     const { multiselectedFiles } = this.props
     const file = multiselectedFiles.values().next().value;
-    const dataArray = await this.controller.download(file)
 
-    const blob = new Blob(dataArray, { type: "application/octet-stream" })
-    const link = document.createElement('a')
-    link.href = window.URL.createObjectURL(blob)
-    link.download = file.name
-    link.click()
+    try {
+      this.setState({ loading: true })
+
+      const dataArray = await this.controller.download(file)
+      const blob = new Blob(dataArray, { type: "application/octet-stream" })
+      const link = document.createElement('a')
+      link.href = window.URL.createObjectURL(blob)
+      link.download = file.name
+      link.click()
+    }  finally {
+      this.setState({ loading: false })
+    }
   }
 
   renderNoSelectionContextToolbar() {