fix download progress ui

Author: ComputerElite

Assets/html/index.html

@@ -149,7 +149,7 @@ <h2>Libraries</h2>
             </div>
             <div class="contentItem hidden" id="downgrade" style="padding: 0px;">
                 <b style="font-size: 4em;" id="downgradeLoginMsg">To downgrade you must first log in in the tools & options tab!</b>
-                <iframe src="https://oculusdb.rui2015.me/search?query=Beat+Saber&headsets=MONTEREY%2CHOLLYWOOD&isqavs=true" style="width: 100%; height: 100%; border: none; overflow-y: visible;"></iframe>
+                <iframe id="downgradeframe" src="" style="width: 100%; height: 100%; border: none; overflow-y: visible;"></iframe>
             </div>
             <div class="contentItem hidden" id="download">
                 <div id="progressBarContainers" style="width: 95%;">

Assets/html/script.js

@@ -11,6 +11,8 @@ const squareLoader = `
     <div class="loaderSquare"></div>
 </div>`
 
+document.getElementById("downgradeframe").src = `https://oculusdb.rui2015.me/search?query=Beat+Saber&headsets=MONTEREY%2CHOLLYWOOD${IsOnQuest() ? `&isqavs=true` : ``}`
+
 function IsOnQuest() {
     return location.host.startsWith("127.0.0.1")
 }
@@ -345,19 +347,19 @@ setInterval(() => {
     fetch("/downloads").then(res => {
         var m = ""
         res.json().then(json => {
-            json.forEach(d => {
+            for(const d of json) {
                 m += `<div class="downloadContainer">
-                                                                                        <div class="downloadProgressContainer">
-                                                                                            <div class="downloadProgressBar" style="width: ${d.percentage * 100}%;"></div>
-                                                                                        </div>
-                                                                                        <div class="DownloadText" style="color: ${d.textColor};">
-                                                                                            ${d.backupName} ${d.percentageString} ${d.doneString} / ${d.totalString} ${d.speedString} ETA ${d.eTAString}
-                                                                                        </div>
-                                                                                    </div>`
-            })
+                    <div class="downloadProgressContainer">
+                        <div class="downloadProgressBar" style="width: ${d.percentage * 100}%;"></div>
+                    </div>
+                    <div class="DownloadText" style="color: ${d.textColor};">
+                        ${d.backupName} ${d.percentageString} ${d.doneString} / ${d.totalString} ${d.speedString} ETA ${d.eTAString}
+                    </div>
+                </div>`
+            }
+            if (m == "") m = "<h2>No downloads running</h2>"
+            document.getElementById("progressBarContainers").innerHTML = m
         })
-        if (m == "") m = "<h2>No downloads running</h2>"
-        document.getElementById("progressBarContainers").innerHTML = m
     })
 }, 500)
 

QuestAppVersionSwitcher.csproj.user

@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="utf-8"?>
 <Project ToolsVersion="Current" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
   <PropertyGroup>
-    <SelectedDevice>Google Pixel 6</SelectedDevice>
-    <ActiveDebugProfile>Google Pixel 6</ActiveDebugProfile>
+    <SelectedDevice>Oculus Quest</SelectedDevice>
+    <ActiveDebugProfile>Oculus Quest</ActiveDebugProfile>
     <DefaultDevice>Pixel_5_API_30</DefaultDevice>
     <AndroidDesignerPreferredTheme>AppTheme</AndroidDesignerPreferredTheme>
     <AndroidDesignerPreferredDevice>Nexus 4</AndroidDesignerPreferredDevice>