tag from the parent
let child = parent.querySelector("a");
@@ -115,17 +151,57 @@ const DatasetCard = ({ dataset, recommender, toggleAI }) => {
// and the last element is the dataset id
let dataset_id = href.split("/").pop();
- console.log(dataset_id);
+ // console.log(dataset_id);
+
+ let datacardDelResult = await removeDatasetFiles(dataset_id);
+
+ console.log("datacardDelResult", datacardDelResult);
+
+ // if datacardDelResult["message"] is undefined, do parent.style.cssText += ";display:none!important;";
+ if (datacardDelResult["message"] == undefined) {
+ // just not display the element.
+ // parent.style.cssText += ";display:none!important;";
+
+ // direct DOM manipulation
+ parent.remove();
+ } else {
+ // show alert "datacardDelResult["message"]
+ alert(datacardDelResult["message"]);
+ }
// api call to remove dataset
}
+ // api call to remove all files related to the data id
+ async function removeDatasetFiles(dataset_id) {
+ // api call to remove dataset files example
+ // /api/v1/datasets/63f6e4947c5f93004a3e3ca7
+
+ let dataDeletionResult = await fetch("/api/v1/datasets/" + dataset_id, {
+ method: "DELETE",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ })
+ .then((res) => res.json())
+ .then((data) => {
+ console.log("removeDatasetFiles", data);
+ return data;
+ })
+ .catch((err) => {
+ console.log("err--removeDatasetFiles", err);
+ return err;
+ });
+
+ return dataDeletionResult;
+ }
+
function mouseEnterCardDelectButton(e) {
console.log("mouseoverCardDelectButton");
console.log(e.target);
// make the red boundary in the trash can emoji
- e.target.style.cssText += ";border: 0.5px solid red;";
+ e.target.style.cssText += ";border: 0.1px solid red;";
}
function mouseLeaveCardDelectButton(e) {
@@ -188,17 +264,18 @@ const DatasetCard = ({ dataset, recommender, toggleAI }) => {
}
/>
-
+ {/* */}
{/* trash emoji */}
- {/* {
style={{ cursor: "pointer" }}
>
🗑
- */}
+
{
toggleAI={toggleAI}
/>
+ {/*
*/}
}
position="bottom right"
@@ -344,16 +422,17 @@ const DatasetCard = ({ dataset, recommender, toggleAI }) => {
}
/>
{/* trash emoji */}
- {/* {
style={{ cursor: "pointer" }}
>
🗑
- */}
+