101 lines
2.9 KiB
JavaScript
101 lines
2.9 KiB
JavaScript
import { requestAPI, goToPage, getCookie, setTitleAndHeader } from "./utils.js";
|
|
|
|
window.addEventListener("DOMContentLoaded", init);
|
|
|
|
const prefixes = {
|
|
1024: [
|
|
"",
|
|
"Ki",
|
|
"Mi",
|
|
"Gi",
|
|
"Ti"
|
|
],
|
|
1000: [
|
|
"",
|
|
"K",
|
|
"M",
|
|
"G",
|
|
"T"
|
|
]
|
|
};
|
|
|
|
async function init () {
|
|
setTitleAndHeader();
|
|
const cookie = document.cookie;
|
|
if (cookie === "") {
|
|
goToPage("login.html");
|
|
}
|
|
const resources = await requestAPI("/user/dynamic/resources");
|
|
const instances = await requestAPI("/user/config/cluster");
|
|
const nodes = await requestAPI("/user/config/nodes");
|
|
document.querySelector("#username").innerText = `Username: ${getCookie("username")}`;
|
|
document.querySelector("#pool").innerText = `Pool: ${instances.pool}`;
|
|
document.querySelector("#vmid").innerText = `VMID Range: ${instances.vmid.min} - ${instances.vmid.max}`;
|
|
document.querySelector("#nodes").innerText = `Nodes: ${nodes.toString()}`;
|
|
buildResourceTable(resources, "#resource-table");
|
|
}
|
|
|
|
function buildResourceTable (resources, tableid) {
|
|
if (resources instanceof Object) {
|
|
const table = document.querySelector(tableid);
|
|
const tbody = table.querySelector("tbody");
|
|
Object.keys(resources.resources).forEach((element) => {
|
|
if (resources.resources[element].display) {
|
|
if (resources.resources[element].type === "list") {
|
|
const row = tbody.insertRow();
|
|
const key = row.insertCell();
|
|
key.innerHTML = `${element}`;
|
|
const used = row.insertCell();
|
|
parseList(used, resources.used[element]);
|
|
const avail = row.insertCell();
|
|
parseList(avail, resources.avail[element]);
|
|
const total = row.insertCell();
|
|
parseList(total, resources.max[element]);
|
|
}
|
|
else {
|
|
const row = tbody.insertRow();
|
|
const key = row.insertCell();
|
|
key.innerText = `${element}`;
|
|
const used = row.insertCell();
|
|
used.innerText = `${parseNumber(resources.used[element], resources.resources[element])}`;
|
|
const val = row.insertCell();
|
|
val.innerText = `${parseNumber(resources.avail[element], resources.resources[element])}`;
|
|
const total = row.insertCell();
|
|
total.innerText = `${parseNumber(resources.max[element], resources.resources[element])}`;
|
|
}
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
function parseNumber (value, unitData) {
|
|
const compact = unitData.compact;
|
|
const multiplier = unitData.multiplier;
|
|
const base = unitData.base;
|
|
const unit = unitData.unit;
|
|
value = multiplier * value;
|
|
if (value <= 0) {
|
|
return `0 ${unit}`;
|
|
}
|
|
else if (compact) {
|
|
const exponent = Math.floor(Math.log(value) / Math.log(base));
|
|
value = value / base ** exponent;
|
|
const unitPrefix = prefixes[base][exponent];
|
|
return `${value} ${unitPrefix}${unit}`;
|
|
}
|
|
else {
|
|
return `${value} ${unit}`;
|
|
}
|
|
}
|
|
|
|
function parseList (cell, list) {
|
|
const listElem = document.createElement("ul");
|
|
listElem.style = "list-style-type: none; padding: 0; margin: 0;";
|
|
for (const item of list) {
|
|
const itemElem = document.createElement("li");
|
|
itemElem.innerText = item;
|
|
listElem.append(itemElem);
|
|
}
|
|
cell.append(listElem);
|
|
}
|