diff --git a/index.html b/index.html index 5466384..13da2f6 100644 --- a/index.html +++ b/index.html @@ -21,33 +21,33 @@

- + instance node


- + instance processor cores

- + instance memory

- + instance swap space

- + instance disk space


- + change instance configuration
diff --git a/scripts/elements.js b/scripts/elements.js index 6624f00..0d85786 100644 --- a/scripts/elements.js +++ b/scripts/elements.js @@ -29,6 +29,7 @@ class Instance extends HTMLElement { set data (data) { let typeImg = this.shadowElement.querySelector("#instance-type"); typeImg.src = `images/instances/${data.type}/${data.status}.svg`; + typeImg.alt = `${data.status} instance`; this.type = data.type; this.status = data.status; @@ -60,6 +61,7 @@ class Instance extends HTMLElement { let powerButton = this.shadowElement.querySelector("#power-btn"); powerButton.src = data.status === "running" ? "images/actions/stop.svg" : "images/actions/start.svg"; + powerButton.alt = data.status === "running" ? "shutdown instance" : "start instance"; powerButton.addEventListener("click", async () => { let targetAction = this.status === "running" ? "shutdown" : "start"; let targetStatus = this.status === "running" ? "stopped" : "running"; @@ -81,6 +83,7 @@ class Instance extends HTMLElement { let powerButton = this.shadowElement.querySelector("#power-btn"); powerButton.src = this.status === "running" ? "images/actions/stop.svg" : "images/actions/start.svg"; + powerButton.alt = this.status === "running" ? "shutdown instance" : "start instance"; }); let configButton = this.shadowElement.querySelector("#configure-btn");