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 fade transition between pages

Browse Source
This commit is contained in:
Pax1601
2024-01-28 15:14:30 +01:00
parent f0ab43d320
commit 4f5023b45c
5 changed files with 60 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
manager/javascripts/managerpage.js
View File

@@ -29,8 +29,6 @@ class ManagerPage {
}
});
this.element.classList.remove("hide");
this.previousPage = ignorePreviousPage ? this.previousPage : this.manager.activePage;
this.manager.activePage = this;
@@ -39,11 +37,23 @@ class ManagerPage {
}
hide() {
this.element.classList.add("hide");
this.element.style.opacity = "0%";
window.setTimeout(() => {
this.element.classList.add("hide");
}, 200);
}
render(str) {
render(str) {
this.element.innerHTML = str;
this.element.style.opacity = "0%";
window.setTimeout(() => {
this.element.classList.remove("hide");
}, 200)
window.setTimeout(() => {
this.element.style.opacity = "100%";
}, 300)
/* Connect all the collapsable buttons */
let buttons = document.querySelectorAll(".button.collapse");