change vars export naming
Signed-off-by: Arthur Lu <learthurgo@gmail.com>
This commit is contained in:
parent
c6ff9c8cfa
commit
d6a37ef59c
@ -8,6 +8,8 @@ class Instance extends HTMLElement {
|
|||||||
let shadowRoot = this.attachShadow({mode: "open"});
|
let shadowRoot = this.attachShadow({mode: "open"});
|
||||||
|
|
||||||
shadowRoot.innerHTML = `
|
shadowRoot.innerHTML = `
|
||||||
|
<link rel="stylesheet" href="css/style.css" type="text/css">
|
||||||
|
<link rel="stylesheet" href="css/instance.css" type="text/css">
|
||||||
<article>
|
<article>
|
||||||
<div>
|
<div>
|
||||||
<div>
|
<div>
|
||||||
@ -28,18 +30,6 @@ class Instance extends HTMLElement {
|
|||||||
</article>
|
</article>
|
||||||
`;
|
`;
|
||||||
|
|
||||||
let styleLink = document.createElement("link");
|
|
||||||
styleLink.rel = "stylesheet";
|
|
||||||
styleLink.href = "css/style.css";
|
|
||||||
styleLink.type = "text/css";
|
|
||||||
shadowRoot.append(styleLink);
|
|
||||||
|
|
||||||
let instanceLink = document.createElement("link");
|
|
||||||
instanceLink.rel = "stylesheet";
|
|
||||||
instanceLink.href = "css/instance.css";
|
|
||||||
instanceLink.type = "text/css";
|
|
||||||
shadowRoot.append(instanceLink);
|
|
||||||
|
|
||||||
this.shadowElement = shadowRoot;
|
this.shadowElement = shadowRoot;
|
||||||
this.actionLock = false;
|
this.actionLock = false;
|
||||||
}
|
}
|
||||||
@ -81,11 +71,7 @@ class Instance extends HTMLElement {
|
|||||||
let configButton = this.shadowElement.querySelector("#configure-btn");
|
let configButton = this.shadowElement.querySelector("#configure-btn");
|
||||||
configButton.src = instances[this.status].configButtonSrc;
|
configButton.src = instances[this.status].configButtonSrc;
|
||||||
configButton.alt = instances[this.status].configButtonAlt;
|
configButton.alt = instances[this.status].configButtonAlt;
|
||||||
configButton.addEventListener("click", () => {
|
configButton.addEventListener("click", this.handleConfigButton.bind(this));
|
||||||
if (!this.actionLock && this.status !== "running") {
|
|
||||||
goToPage("config.html", {node: this.node.name, type: this.type, vmid: this.vmid});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
if (this.node.status !== "online") {
|
if (this.node.status !== "online") {
|
||||||
powerButton.classList.add("hidden");
|
powerButton.classList.add("hidden");
|
||||||
@ -131,12 +117,18 @@ class Instance extends HTMLElement {
|
|||||||
this.actionLock = false;
|
this.actionLock = false;
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
else{
|
else{ // task has not stopped
|
||||||
await waitFor(1000);
|
await waitFor(1000);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
handleConfigButton () {
|
||||||
|
if (!this.actionLock && this.status === "stopped") { // if the action lock is false, and the node is stopped, then navigate to the conig page with the node infor in the search query
|
||||||
|
goToPage("config.html", {node: this.node.name, type: this.type, vmid: this.vmid});
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
customElements.define("instance-article", Instance);
|
customElements.define("instance-article", Instance);
|
@ -1,4 +1,4 @@
|
|||||||
import {pveAPI, paasAPI} from "/vars.js";
|
import {PVE, API} from "/vars.js";
|
||||||
|
|
||||||
export class ResponseError extends Error {
|
export class ResponseError extends Error {
|
||||||
constructor(message) {
|
constructor(message) {
|
||||||
@ -98,7 +98,7 @@ export async function requestPVE (path, method, body = null) {
|
|||||||
content.headers.CSRFPreventionToken = getCookie("CSRFPreventionToken");
|
content.headers.CSRFPreventionToken = getCookie("CSRFPreventionToken");
|
||||||
}
|
}
|
||||||
|
|
||||||
let response = await request(`${pveAPI}${path}`, content);
|
let response = await request(`${PVE}${path}`, content);
|
||||||
return response;
|
return response;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -117,7 +117,7 @@ export async function requestAPI (path, method, body = null) {
|
|||||||
content.headers.CSRFPreventionToken = getCookie("CSRFPreventionToken");
|
content.headers.CSRFPreventionToken = getCookie("CSRFPreventionToken");
|
||||||
}
|
}
|
||||||
|
|
||||||
let response = await request(`${paasAPI}${path}`, content);
|
let response = await request(`${API}${path}`, content);
|
||||||
return response;
|
return response;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1,2 +1,2 @@
|
|||||||
export const pveAPI = "";
|
export const PVE = ""; // the proxmox web api
|
||||||
export const paasAPI = ""
|
export const API = ""; // the proxmox-aas api
|
Loading…
Reference in New Issue
Block a user