tronnet/ProxmoxAAS-Dashboard
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

use grid layout for forms

Browse Source
This commit is contained in:
Arthur Lu
2022-12-19 18:46:28 -08:00
parent 9825b6b951
commit 6ac057bdbf
4 changed files with 12 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
scripts/config.js
View File

@@ -19,22 +19,18 @@ async function populateForm (node, type, vmid) {
}
function addFormLine (id, labelName, inputAttr) {
let labelWrapperDiv = document.createElement("div");
let form = document.querySelector("#user-configurable");
let label = document.createElement("label");
label.for = id;
label.innerHTML = labelName;
labelWrapperDiv.append(label);
let labelContainer = document.querySelector("#labels");
labelContainer.append(labelWrapperDiv);
form.append(label);
let inputWrapperDiv = document.createElement("div");
let input = document.createElement("input");
input.id = id;
input.name = id;
for (let k in inputAttr) {
input.setAttribute(k, inputAttr[k])
}
inputWrapperDiv.append(input);
let inputContainer = document.querySelector("#inputs");
inputContainer.append(inputWrapperDiv);
form.append(input);
}