Re-add channels page

src/main/resources/static/js/channels.js

@@ -0,0 +1,10 @@
+const channelNameInput = document.getElementById("channel-search");
+
+function onOpenOverlayButtonClick(event) {
+    event.preventDefault();
+    const channelName = channelNameInput.value.trim().toLowerCase();
+    if (channelName) {
+        const overlayUrl = `/view/${channelName}/broadcast`;
+        window.location.href = overlayUrl;
+    }
+}

src/main/resources/static/js/downloads.js

@@ -1,5 +1,5 @@
 function detectPlatform() {
-    const navigatorPlatform = (navigator.userAgentData?.platform || navigator.platform || "").toLowerCase();
+    const navigatorPlatform = (navigator.userAgentData?.platform || "").toLowerCase();
     const userAgent = (navigator.userAgent || "").toLowerCase();
     const platformString = `${navigatorPlatform} ${userAgent}`;
 
@@ -12,6 +12,7 @@ function detectPlatform() {
     if (platformString.includes("linux")) {
         return "linux";
     }
+    console.warn(`Unable to detect platform from string: ${platformString}`);
     return null;
 }
 

src/main/resources/templates/channels.html

@@ -35,7 +35,7 @@
                             autocomplete="off"
                         />
                         <datalist id="channel-suggestions"></datalist>
-                        <button type="submit" class="button block">Open overlay</button>
+                        <button type="submit" class="button block" onclick="onOpenOverlayButtonClick(event)">Open overlay</button>
                     </form>
                 </section>
             </main>
@@ -67,5 +67,6 @@
             </footer>
         </div>
         <script src="/js/cookie-consent.js"></script>
+        <script src="/js/channels.js"></script>
     </body>
 </html>