weyne/DCSOlympus
1
0
Fork 0
mirror of https://github.com/Pax1601/DCSOlympus.git synced 2025-10-29 16:56:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added spinner when starting Olympus

Browse Source
This commit is contained in:
Pax1601 2024-01-10 11:29:18 +01:00
parent 5542109daf
commit 0f0ba4c725
3 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
manager/javascripts/dcsinstance.js
View File

@ -147,6 +147,9 @@ class DCSInstance {
instanceDiv.querySelector(".button.edit").classList.toggle("hide", this.webserverOnline)
instanceDiv.querySelector(".button.open-browser").classList.toggle("hide", !this.webserverOnline)
instanceDiv.querySelector(".button.stop").classList.toggle("hide", !this.webserverOnline)
if (this.webserverOnline)
instanceDiv.querySelector(".button.start").classList.remove("loading")
}
}
}

2
manager/javascripts/instances.js
View File

@ -61,10 +61,12 @@ class InstancesPage extends ManagerPage {
}
async onStartServerClicked(e) {
e.target.closest(".collapse").classList.add("loading");
this.getClickedInstance(e).then((instance) => instance.startServer());
}
async onStartClientClicked(e) {
e.target.closest(".collapse").classList.add("loading");
this.getClickedInstance(e).then(instance => instance.startClient());
}

7
manager/stylesheets/style.css
View File

@ -311,6 +311,8 @@ input {
width: 100%;
text-align: left;
padding: 15px 0px !important;
word-wrap: break-word;
overflow-wrap: anywhere;
}
#popup .footer {
@ -482,6 +484,11 @@ input {
background-position: 50% 50%;
}
.button.collapse.loading::after {
background-image: url("../icons/spinner-solid.svg");
animation: rotate 2s linear infinite;
}
.button.collapse>div {
display: none;
position: absolute;