From 14ee712d3cb3f6e5d239c23cd52d546f81de430a Mon Sep 17 00:00:00 2001
From: Arthur Lu <learthurgo@gmail.com>
Date: Mon, 16 Jan 2023 15:22:39 -0800
Subject: [PATCH] add delete disk button

Signed-off-by: Arthur Lu <learthurgo@gmail.com>
---
 images/actions/delete.svg | 1 +
 scripts/config.js         | 9 +++++++++
 2 files changed, 10 insertions(+)
 create mode 100644 images/actions/delete.svg

diff --git a/images/actions/delete.svg b/images/actions/delete.svg
new file mode 100644
index 0000000..ecc0dae
--- /dev/null
+++ b/images/actions/delete.svg
@@ -0,0 +1 @@
+<svg fill="red" width="800" height="800" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path d="M512.481 421.906L850.682 84.621c25.023-24.964 65.545-24.917 90.51.105s24.917 65.545-.105 90.51L603.03 512.377 940.94 850c25.003 24.984 25.017 65.507.033 90.51s-65.507 25.017-90.51.033L512.397 602.764 174.215 940.03c-25.023 24.964-65.545 24.917-90.51-.105s-24.917-65.545.105-90.51l338.038-337.122L84.14 174.872c-25.003-24.984-25.017-65.507-.033-90.51s65.507-25.017 90.51-.033L512.48 421.906z"/></svg>
\ No newline at end of file
diff --git a/scripts/config.js b/scripts/config.js
index fb0ff67..d1467c7 100644
--- a/scripts/config.js
+++ b/scripts/config.js
@@ -147,6 +147,15 @@ function addDiskLine (fieldset, busPrefix, busName, device, storage, storageOpti
 		sizeInput.disabled = true;
 	}
 	field.append(sizeInput);
+
+	let deleteDiv = document.createElement("div");
+	deleteDiv.classList.add("last-item");
+	let deleteBtn = document.createElement("img");
+	deleteBtn.src = "images/actions/delete.svg";
+	deleteBtn.alt = `Config disk ${labelText}`;
+	deleteBtn.classList.add("clickable");
+	deleteDiv.append(deleteBtn);
+	field.append(deleteDiv);
 }
 
 function getOrderedUsed(entry){