Skip to content
Snippets Groups Projects
Commit cc916b54 authored by Robin Leber's avatar Robin Leber
Browse files

Styling

parent 622923d4
No related branches found
No related tags found
No related merge requests found
...@@ -130,8 +130,14 @@ ...@@ -130,8 +130,14 @@
<button class="customButton" id="KillDeployment" disabled="true"> <button class="customButton" id="KillDeployment" disabled="true">
Kill Deployment Kill Deployment
</button> </button>
<button class="customButton" id="Deploy">Deploy</button> <button class="customButton" id="Deploy">
<button class="customButton" id="Pause">Pause</button> <span id="DeployText" style="margin-right: 6px"> Deploy </span>
<i class="fa-solid fa-l fa-play"></i>
</button>
<button class="customButton" id="Pause">
<span style="margin-right: 6px"> Pause </span>
<i class="fa-solid fa-l fa-pause"></i>
</button>
</div> </div>
</div> </div>
<div class="iconsLegend"> <div class="iconsLegend">
......
...@@ -82,30 +82,31 @@ function App() { ...@@ -82,30 +82,31 @@ function App() {
}); });
const deployElement = document.getElementById("Deploy"); const deployElement = document.getElementById("Deploy");
const deployTextElement = document.getElementById("DeployText");
const pauseElement = document.getElementById("Pause"); const pauseElement = document.getElementById("Pause");
const clearModelElement = document.getElementById("ClearModel"); const clearModelElement = document.getElementById("ClearModel");
const killDeploymentElement = document.getElementById("KillDeployment"); const killDeploymentElement = document.getElementById("KillDeployment");
deployElement.addEventListener("click", () => { deployElement.addEventListener("click", async () => {
if (!appState.getState().beenPaused) { if (!appState.getState().beenPaused) {
runCustomCode(); await runCustomCode();
deployElement.removeAttribute("disabled"); deployElement.removeAttribute("disabled");
appState.setBeenPaused(true); appState.setBeenPaused(true);
} else { } else {
restartCustomCode(); await restartCustomCode();
} }
getScaleValues(); await getScaleValues();
deployElement.setAttribute("disabled", "disabled"); deployElement.setAttribute("disabled", "disabled");
pauseElement.removeAttribute("disabled"); pauseElement.removeAttribute("disabled");
killDeploymentElement.disabled = false; killDeploymentElement.disabled = false;
clearModelElement.disabled = true; clearModelElement.disabled = true;
}); });
pauseElement.addEventListener("click", () => { pauseElement.addEventListener("click", async () => {
stopCustomCode(); await stopCustomCode();
showPause(); showPause();
pauseElement.setAttribute("disabled", "disabled"); pauseElement.setAttribute("disabled", "disabled");
deployElement.innerHTML = "Restart"; deployTextElement.innerHTML = "Restart";
deployElement.removeAttribute("disabled"); deployElement.removeAttribute("disabled");
}); });
pauseElement.setAttribute("disabled", "disabled"); pauseElement.setAttribute("disabled", "disabled");
...@@ -127,7 +128,7 @@ function App() { ...@@ -127,7 +128,7 @@ function App() {
killDeploymentElement.disabled = true; killDeploymentElement.disabled = true;
await getScaleValues(); await getScaleValues();
showAllWarning(); showAllWarning();
deployElement.innerHTML = "Deploy"; deployTextElement.innerHTML = "Deploy";
}); });
} }
......
...@@ -16,6 +16,7 @@ body { ...@@ -16,6 +16,7 @@ body {
height: 95vh; height: 95vh;
margin: 6px; margin: 6px;
border: 1px solid black; border: 1px solid black;
border-radius: 4px;
position: relative; position: relative;
} }
...@@ -25,6 +26,7 @@ body { ...@@ -25,6 +26,7 @@ body {
margin: 6px; margin: 6px;
padding: 0 24px; padding: 0 24px;
border: 1px solid black; border: 1px solid black;
border-radius: 4px;
} }
.Filter { .Filter {
text-align: center; text-align: center;
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment