From 680bb922421816412ecbf91d993c705466c6892c Mon Sep 17 00:00:00 2001
From: Arthur Lu <root@tronnet.net>
Date: Mon, 16 Jan 2023 16:06:19 -0800
Subject: [PATCH] set minimum size on unit change, check min  size value on
 unit change

Signed-off-by: Arthur Lu <learthurgo@gmail.com>
---
 scripts/config.js | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/scripts/config.js b/scripts/config.js
index 07e05bd..28d86f0 100644
--- a/scripts/config.js
+++ b/scripts/config.js
@@ -31,7 +31,6 @@ async function init () {
 	type = uriData.type;
 	vmid = uriData.vmid;
 	await populateResources();
-	await populateAddDisk();
 
 	let cancelButton = document.querySelector("#cancel");
 	cancelButton.addEventListener("click", () => {
@@ -142,8 +141,10 @@ function addDiskLine (fieldset, busPrefix, busName, device, storage, storageOpti
 	let sizeInput = document.createElement("input");
 	sizeInput.type = "number";
 	sizeInput.min = size;
+	sizeInput.minSize = size;
 	sizeInput.max = 1023; // just use the next unit
 	sizeInput.value = size;
+	sizeInput.id = `${busPrefix}${device}:size`;
 	if (!diskConfig[type][busPrefix].resizable) {
 		sizeInput.disabled = true;
 	}
@@ -157,6 +158,8 @@ function addDiskLine (fieldset, busPrefix, busName, device, storage, storageOpti
 	if (!diskConfig[type][busPrefix].resizable) {
 		sizeUnitSelect.disabled = true;
 	}
+	sizeUnitSelect.id = `${busPrefix}${device}:unit`;
+	sizeUnitSelect.addEventListener("change", handleUnitChange);
 	field.append(sizeUnitSelect);
 
 	let deleteDiv = document.createElement("div");
@@ -169,6 +172,20 @@ function addDiskLine (fieldset, busPrefix, busName, device, storage, storageOpti
 	field.append(deleteDiv);
 }
 
+function handleUnitChange () {
+	let newUnitIndex = this.selectedIndex;
+	let sizeInput = document.querySelector(`${this.id.replace("unit", "size")}`);
+	if (newUnitIndex == 0) {
+		sizeInput.min = sizeInput.minSize;
+		if (sizeInput.value < sizeInput.min) {
+			sizeInput.value = sizeInput.min;
+		}
+	}
+	else {
+		sizeInput.min = 1;
+	}
+}
+
 function getOrderedUsed(entry){
 	let ordered_keys = Object.keys(entry.used).sort((a,b) => {parseInt(a) - parseInt(b)}); // ordered integer list
 	return ordered_keys;