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

make instance article span entire width

Browse Source 
Signed-off-by: Arthur Lu <learthurgo@gmail.com>
This commit is contained in:
Arthur Lu
2023-04-03 22:49:24 +00:00
parent a2c027eec0
commit c742ed7085
4 changed files with 40 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
scripts/index.js
View File

@@ -35,7 +35,7 @@ async function populateInstances () {
instanceContainer.innerText = "";
for(let i = 0; i < instances.length; i++) {
let newInstance = document.createElement("instance-article");
let newInstance = document.createElement("instance-obj");
newInstance.data = instances[i];
instanceContainer.append(newInstance);
}

39
scripts/instance.js
View File

@@ -8,28 +8,23 @@ export class Instance extends HTMLElement {
shadowRoot.innerHTML = `
<link rel="stylesheet" href="css/style.css" type="text/css">
<link rel="stylesheet" href="css/instance.css" type="text/css">
<link rel="stylesheet" href="css/buttons.css" type="text/css">
<article>
<div>
<div>
<img id="instance-type">
<p id="instance-id"></p>
<p id="instance-name"></p>
</div>
<div>
<img id="node-status" alt="instance node">
<p id="node-name"></p>
</div>
</div>
<hr>
<div class="btn-group">
<img id="power-btn" class="clickable">
<img id="console-btn" class="clickable">
<img id="configure-btn" class="clickable">
<img id="delete-btn" class="clickable">
</div>
</article>
<link rel="stylesheet" href="css/instance.css" type="text/css">
<div>
<img id="node-status" alt="instance node">
<p id="node-name"></p>
</div>
<div>
<img id="instance-type">
<p id="instance-id"></p>
<p id="instance-name"></p>
</div>
<div class="btn-group">
<img id="power-btn" class="clickable">
<img id="console-btn" class="clickable">
<img id="configure-btn" class="clickable">
<img id="delete-btn" class="clickable">
</div>
`;
this.shadowElement = shadowRoot;
@@ -205,4 +200,4 @@ export class Instance extends HTMLElement {
}
}
customElements.define("instance-article", Instance);
customElements.define("instance-obj", Instance);