From 977f363934225359044b94e4d801b73ddca983c0 Mon Sep 17 00:00:00 2001
From: Arthur Lu <root@tronnet.net>
Date: Tue, 17 Jan 2023 11:39:28 -0800
Subject: [PATCH] add storage change handler

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

diff --git a/scripts/config.js b/scripts/config.js
index 7450f83..e40963f 100644
--- a/scripts/config.js
+++ b/scripts/config.js
@@ -137,6 +137,7 @@ async function addDiskLine (fieldset, busPrefix, busName, device, diskDataParsed
 	});
 	storageSelect.value = storage;
 	storageSelect.id = `${busPrefix}_${device}_storage`;
+	storageSelect.addEventListener("change", handleStorageChange);
 	field.append(storageSelect);
 
 	if (diskConfig[type][busPrefix].resizable) {
@@ -171,6 +172,7 @@ async function addDiskLine (fieldset, busPrefix, busName, device, diskDataParsed
 			diskImageSelect.add(new Option(element.volid.replace(`${storage}:iso/`, ""), element.volid));
 		});
 		diskImageSelect.value = diskDataParsed.filename;
+		pathInput.id = `${busPrefix}_${device}_img`;
 		diskImageSelect.style.gridColumn = "auto / span 2";
 		field.append(diskImageSelect);
 	}
@@ -193,6 +195,22 @@ async function addDiskLine (fieldset, busPrefix, busName, device, diskDataParsed
 function handleDeviceChange () {
 }
 
+async function handleStorageChange () {
+	let value = this.value;
+	let id = this.id;
+	let busPrefix = id.split("_")[0]
+	if (diskConfig[type][busPrefix].hasDiskImage) { // if the bus has diskImage = true
+		let diskImageSelect = document.querySelector(`#${id.replace("storage", "img")}`);
+		for(i = diskImageSelect.options.length - 1; i >= 0; i--){
+			diskImageSelect.remove(i);
+		}
+		let diskImageOptions = await request(`/nodes/${node}/storage/${storage}/content?content=iso`);
+		diskImageOptions.data.forEach((element) => {
+			diskImageSelect.add(new Option(element.volid.replace(`${storage}:iso/`, ""), element.volid));
+		});
+	}
+}
+
 function getOrderedUsed(entry){
 	let ordered_keys = Object.keys(entry.used).sort((a,b) => {parseInt(a) - parseInt(b)}); // ordered integer list
 	return ordered_keys;