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
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.edit").classList.toggle("hide", this.webserverOnline)
instanceDiv.querySelector(".button.open-browser").classList.toggle("hide", !this.webserverOnline) instanceDiv.querySelector(".button.open-browser").classList.toggle("hide", !this.webserverOnline)
instanceDiv.querySelector(".button.stop").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) { async onStartServerClicked(e) {
e.target.closest(".collapse").classList.add("loading");
this.getClickedInstance(e).then((instance) => instance.startServer()); this.getClickedInstance(e).then((instance) => instance.startServer());
} }
async onStartClientClicked(e) { async onStartClientClicked(e) {
e.target.closest(".collapse").classList.add("loading");
this.getClickedInstance(e).then(instance => instance.startClient()); this.getClickedInstance(e).then(instance => instance.startClient());
} }

7
manager/stylesheets/style.css
View File

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