Up-in-the-Air – commitdiff

Clone
You can use Git to clone the repository via the web URL. Download snapshot (zip)
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: b97394f)
Options page always opens on general section
authorJulian Fietkau <git@fietkau.software>
Tue, 24 Sep 2024 17:12:53 +0000 (19:12 +0200)
committerJulian Fietkau <git@fietkau.software>
Tue, 24 Sep 2024 17:12:53 +0000 (19:12 +0200)
index.html patch | blob | history
main.js patch | blob | history

diff --git a/index.html b/index.html
index f6ab7b4b68947fdc1aaf92fba432722088a5c891..92df214d2e59dc70976af4580049c1a2b8514860 100644 (file)
--- a/index.html
+++ b/index.html
@@ -500,7 +500,7 @@
 <div class="ui-page title">
 <h1>Up in the Air</h1>
 <button class="goto openingcutscene">Start Game</button>
-<button class="goto options-general">Options</button>
+<button class="goto options">Options</button>
 <button class="goto credits">Credits</button>
 <div class="footer">
 <span>Version: dev</span>
@@ -508,7 +508,7 @@
 <span>Website: <a href="https://fietkau.media/up_in_the_air" target="_blank">fietkau.media/up_in_the_air</a></span>
 </div>
 </div>
-<div class="ui-page options options-general">
+<div class="ui-page options">
 <h2>Options</h2>
 <div class="areatabs">
 <button class="general active">General</button>
diff --git a/main.js b/main.js
index 4421d313cc786c52456e9a3c255e00ff6ba193ca..ec38356cd22faa3420035db7aa30e7bb1ea0b076 100644 (file)
--- a/main.js
+++ b/main.js
@@ -946,6 +946,22 @@ game.ui.moveToPage = (target, skipFade = false) => {
       delete game.view.music.timeoutID;
     }
   }
+  if(target == 'options') {
+    game.ui.root.querySelectorAll('.options .areatabs button').forEach((btn) => {
+      if(btn.classList.contains('general')) {
+        btn.classList.add('active');
+      } else {
+        btn.classList.remove('active');
+      }
+    });
+    game.ui.root.querySelectorAll('.options > div.area').forEach((area) => {
+      if(area.classList.contains('general')) {
+        area.style.display = 'flex';
+      } else {
+        area.style.display = 'none';
+      }
+    });
+  }
   const targetElems = [game.ui.root.querySelector('.ui-page.' + target + '')];
   if(game.ui.root.querySelector('.ui-page.gameplay').style.opacity != '1') {
     targetElems.push(game.ui.root.querySelector('.ui-page.gameplay'));