diff --git a/images/actions/config-active.svg b/images/actions/config-active.svg new file mode 100644 index 0000000..6627ac4 --- /dev/null +++ b/images/actions/config-active.svg @@ -0,0 +1,16 @@ + + + + + + \ No newline at end of file diff --git a/images/actions/config-inactive.svg b/images/actions/config-inactive.svg new file mode 100644 index 0000000..5e595cf --- /dev/null +++ b/images/actions/config-inactive.svg @@ -0,0 +1,16 @@ + + + + + + \ No newline at end of file diff --git a/images/actions/start.svg b/images/actions/start.svg new file mode 100644 index 0000000..6f1003a --- /dev/null +++ b/images/actions/start.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/actions/stop.svg b/images/actions/stop.svg new file mode 100644 index 0000000..75ffb4d --- /dev/null +++ b/images/actions/stop.svg @@ -0,0 +1,7 @@ + + + + + \ No newline at end of file diff --git a/index.html b/index.html index 2f58f07..5466384 100644 --- a/index.html +++ b/index.html @@ -46,8 +46,8 @@
- - + +
diff --git a/scripts/elements.js b/scripts/elements.js index 71fce14..3ce233e 100644 --- a/scripts/elements.js +++ b/scripts/elements.js @@ -51,7 +51,10 @@ class Instance extends HTMLElement { resourceDISK.innerText = (data.maxdisk / 1073741824).toFixed(3); let powerButton = this.shadowElement.querySelector("#power-btn"); - powerButton.innerText = data.status === "running" ? "Shutdown" : "Start" + powerButton.src = data.status === "running" ? "images/actions/stop.svg" : "images/actions/start.svg"; + + let configButton = this.shadowElement.querySelector("#configure-btn"); + configButton.src = data.status === "running" ? "images/actions/config-inactive.svg" : "images/actions/config-active.svg"; } }