Create dataset files (#2)

* Rewrite previewers (#3)

* audio as placeholder

* rewrite audio and video

* enable thumbnail previewer

* pagination works but needs polish

* next page works; not previous page

* bug

* experimenting with rjsf to create upload component

* disable json loader since it's not working with rjsf

* should start with upload files

* connect upload widget to create dataset

* after create jump to that dataset page

* add options menu

* connect to add files

* file upload doesn't work... dont know whats wrong

* upload file works

* rewrite breadcrumb

* yay it's working

* split uploader to specific component

* close modal after creation

* add buttons

* add more buttons

* add delete dataset

* delete dataset

* delete file works

* fix bug

* add download dataset

* add download all inside dataset page

* download file works

Author: longshuicy

package-lock.json

@@ -29,6 +29,8 @@
 	"dependencies": {
 		"@material-ui/core": "^4.11.0",
 		"@material-ui/icons": "^4.9.1",
+		"@rjsf/core": "^2.5.1",
+		"@rjsf/material-ui": "^2.5.1",
 		"babel-polyfill": "^6.26.0",
 		"classnames": "^2.2.6",
 		"jquery": "^3.6.0",

package.json

@@ -83,3 +83,31 @@ export function fetchDatasets(when, date, limit="5"){
 		});
 	};
 }
+
+export const DELETE_DATASET = "DELETE_DATASET";
+export function deleteDataset(datasetId){
+	let url = `${config.hostname}/clowder/api/datasets/${datasetId}?superAdmin=true`;
+	return (dispatch) => {
+		return fetch(url, {mode:"cors", method:"DELETE", headers: getHeader()})
+		.then((response) => {
+			if (response.status === 200) {
+				response.json().then(json =>{
+					dispatch({
+						type: DELETE_DATASET,
+						dataset: {"id": datasetId, "status": json["status"]===undefined?json["status"]:"success"},
+						receivedAt: Date.now(),
+					});
+				});
+			}
+			else {
+				response.json().then(json => {
+					dispatch({
+						type: DELETE_DATASET,
+						dataset: {"id": null, "status": json["status"] === undefined ? json["status"] : "fail"},
+						receivedAt: Date.now(),
+					});
+				});
+			}
+		});
+	};
+}