62 lines
1.8 KiB
JavaScript
62 lines
1.8 KiB
JavaScript
import {requestAPI, goToPage, getCookie} from "./utils.js";
|
|
|
|
window.addEventListener("DOMContentLoaded", init);
|
|
|
|
let SIPrefix = [
|
|
"",
|
|
"Ki",
|
|
"Mi",
|
|
"Gi",
|
|
"Ti"
|
|
]
|
|
|
|
async function init () {
|
|
let cookie = document.cookie;
|
|
if (cookie === "") {
|
|
goToPage("login.html");
|
|
}
|
|
|
|
let resources = await requestAPI("/user/resources");
|
|
resources = resources.resources;
|
|
let instances = await requestAPI("/user/instances");
|
|
instances = instances.instances;
|
|
document.querySelector("#username").innerHTML += getCookie("username");
|
|
document.querySelector("#pool").innerHTML += instances.pool;
|
|
document.querySelector("#vmid").innerHTML += `[${instances.vmid.min},${instances.vmid.max}]`;
|
|
buildResourceTable(resources, "#resource-table");
|
|
}
|
|
|
|
function buildResourceTable (resources, tableid) {
|
|
|
|
if (resources instanceof Object) {
|
|
let table = document.querySelector(tableid);
|
|
let tbody = table.querySelector("tbody");
|
|
Object.keys(resources.avail).forEach((element) => {
|
|
let row = tbody.insertRow();
|
|
let key = row.insertCell();
|
|
key.innerText = `${element}`;
|
|
let used = row.insertCell();
|
|
used.innerText = `${parseNumber(resources.used[element], resources.units[element])}`;
|
|
let val = row.insertCell();
|
|
val.innerText = `${parseNumber(resources.avail[element], resources.units[element])}`;
|
|
let total = row.insertCell();
|
|
total.innerText = `${parseNumber(resources.max[element], resources.units[element])}`;
|
|
});
|
|
}
|
|
}
|
|
|
|
function parseNumber(value, unitData) {
|
|
let compact = unitData.compact;
|
|
let multiplier = unitData.multiplier;
|
|
let unit = unitData.unit;
|
|
value = multiplier * value;
|
|
if (compact) {
|
|
let exponent = Math.floor(Math.log2(value) / 10);
|
|
value = value / 1024 ** exponent;
|
|
let unitPrefix = SIPrefix[exponent];
|
|
return `${value} ${unitPrefix}${unit}`
|
|
}
|
|
else {
|
|
return `${value} ${unit}`;
|
|
}
|
|
} |