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

fix idnentation in node.js

Browse Source
This commit is contained in:
Arthur Lu 2022-12-10 23:05:31 -08:00
parent 438e220db0
commit 8d0880346e
1 changed files with 23 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
node.js
View File

@ -1,32 +1,32 @@
class Node extends HTMLElement { class Node extends HTMLElement {
constructor () { // <link rel="stylesheet" href="style.css" type="text/css"> constructor () { // <link rel="stylesheet" href="style.css" type="text/css">
super(); super();
let shadowRoot = this.attachShadow({mode: "open"}); let shadowRoot = this.attachShadow({mode: "open"});
let nodeArticle = document.createElement("article"); let nodeArticle = document.createElement("article");
shadowRoot.append(nodeArticle); shadowRoot.append(nodeArticle);
let styleLink = document.createElement("link"); let styleLink = document.createElement("link");
styleLink.rel = "stylesheet"; styleLink.rel = "stylesheet";
styleLink.href = "style.css"; styleLink.href = "style.css";
styleLink.type = "text/css"; styleLink.type = "text/css";
shadowRoot.append(styleLink); shadowRoot.append(styleLink);
this.shadowElement = shadowRoot; this.shadowElement = shadowRoot;
} }
set data (data) { set data (data) {
let articleElement = this.shadowElement.querySelector("article"); let articleElement = this.shadowElement.querySelector("article");
let nodeName = document.createElement("h2"); let nodeName = document.createElement("h2");
nodeName.innerText = data.node; nodeName.innerText = data.node;
articleElement.append(nodeName); articleElement.append(nodeName);
let onlineLabel = document.createElement("h3"); let onlineLabel = document.createElement("h3");
onlineLabel.innerText = data.status; onlineLabel.innerText = data.status;
onlineLabel.style.color = data.status === "online" ? "#00ff00" : "#ff0000"; onlineLabel.style.color = data.status === "online" ? "#00ff00" : "#ff0000";
articleElement.append(onlineLabel); articleElement.append(onlineLabel);
} }
} }
customElements.define("node-card", Node); customElements.define("node-card", Node);