diff --git a/account.html b/account.html index ba7ce45..4a2f349 100644 --- a/account.html +++ b/account.html @@ -64,17 +64,10 @@
Nodes:
Are you sure you want to detach disk
${disk}
`; + const body = `Are you sure you want to detach disk ${disk}
`; dialog(header, body, async (result, form) => { if (result === "confirm") { document.querySelector(`img[data-disk="${disk}"]`).src = "images/status/loading.svg"; @@ -250,7 +250,12 @@ async function handleDiskDetach () { async function handleDiskAttach () { const header = `Attach ${this.dataset.disk}`; - const body = ``; + const body = ` + + `; dialog(header, body, async (result, form) => { if (result === "confirm") { @@ -274,7 +279,12 @@ async function handleDiskAttach () { async function handleDiskResize () { const header = `Resize ${this.dataset.disk}`; - const body = ""; + const body = ` + + `; dialog(header, body, async (result, form) => { if (result === "confirm") { @@ -310,8 +320,10 @@ async function handleDiskMove () { const select = ``; const body = ` - ${select} - + `; dialog(header, body, async (result, form) => { @@ -337,7 +349,7 @@ async function handleDiskMove () { async function handleDiskDelete () { const disk = this.dataset.disk; const header = `Delete ${disk}`; - const body = `Are you sure you want to delete disk
${disk}
`; + const body = `Are you sure you want to delete disk${disk}
`; dialog(header, body, async (result, form) => { if (result === "confirm") { document.querySelector(`img[data-disk="${disk}"]`).src = "images/status/loading.svg"; @@ -367,9 +379,11 @@ async function handleDiskAdd () { const select = ``; const body = ` - - ${select} - + `; dialog(header, body, async (result, form) => { @@ -407,9 +421,11 @@ async function handleCDAdd () { const storageSelect = ``; const body = ` - - ${storageSelect} - + `; const d = dialog(header, body, async (result, form) => { @@ -509,7 +525,11 @@ async function handleNetworkConfig () { const netID = this.dataset.network; const netDetails = this.dataset.values; const header = `Edit net${netID}`; - const body = ""; + const body = ` + + `; const d = dialog(header, body, async (result, form) => { if (result === "confirm") { @@ -523,7 +543,8 @@ async function handleNetworkConfig () { } await getConfig(); populateNetworks(); - updateBootLine(`boot-net${netID}`, { id: `net${netID}`, prefix: "net", value: config.data[`net${netID}`] }); + const id = `net${netID}`; + updateBootLine(`boot-net${netID}`, { id, prefix: "net", value: id, detail: config.data[`net${netID}`] }); } }); @@ -551,10 +572,15 @@ async function handleNetworkDelete () { async function handleNetworkAdd () { const header = "Create Network Interface"; - let body = ""; + let body = ` + "; dialog(header, body, async (result, form) => { if (result === "confirm") { @@ -648,7 +674,11 @@ async function handleDeviceConfig () { const deviceDetails = this.dataset.values; const deviceName = this.dataset.name; const header = `Edit Expansion Card ${deviceID}`; - const body = ""; + const body = ` + + `; const d = dialog(header, body, async (result, form) => { if (result === "confirm") { @@ -694,7 +724,11 @@ async function handleDeviceDelete () { async function handleDeviceAdd () { const header = "Add Expansion Card"; - const body = ""; + const body = ` + + `; const d = dialog(header, body, async (result, form) => { if (result === "confirm") { @@ -798,11 +832,11 @@ function updateBootLine (id, newData) { const enabled = document.querySelector("#enabled"); const disabled = document.querySelector("#disabled"); let element = null; - if (enabled.getItemByID(id)) { - element = enabled.getItemByID(id); + if (enabled.querySelector(`#${id}`)) { + element = enabled.querySelector(`#${id}`); } - if (disabled.getItemByID(id)) { - element = disabled.getItemByID(id); + if (disabled.querySelector(`#${id}`)) { + element = disabled.querySelector(`#${id}`); } if (element) { const container = element.container; diff --git a/scripts/dialog.js b/scripts/dialog.js index fa9e28f..af1540e 100644 --- a/scripts/dialog.js +++ b/scripts/dialog.js @@ -1,20 +1,43 @@ -export function dialog (header, body, callback = async (result, form) => { }) { +export function dialog (header, body, onclose = async (result, form) => { }, validate = async (dialog, form) => { + return true; +}) { const dialog = document.createElement("dialog"); dialog.innerHTML = ` - +Container Options
- - - - - - - - - - - - + `; const d = dialog(header, body, async (result, form) => {