Move a tonne of reused functions to helpers.js

2026-09-19 04:00:59 -04:00 · 2025-09-22 04:31:16 +10:00
parent 798385ec33
commit 58213318d3
36 changed files with 303 additions and 679 deletions
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Settings</title>
+    <link rel="stylesheet" href="style.css">
+    <script type="text/javascript" src="https://unpkg.com/@streamerbot/client/dist/streamerbot-client.js"></script>
+</head>
+
+<body>
+    <!-- Header -->
+    <div id="header">
+        <img src="../../resources/logo.png" style="height: 40px;" />
+        <button id="membershipsButton" onclick="OpenMembershipPage()">Check out my member exclusive widgets!</button>
+        <div id="widgetUrlInputWrapper">
+            <span id="urlLabel">Click to copy URL</span>
+            <input id="widgetUrlInput" type="text" readonly onclick="CopyURLToClipboard()">
+        </div>
+        <button id="loadDefaultsButton" onclick="OpenLoadDefaultsPopup()">Load Default Settings</button>
+        <button id="loadSettingsButton" onclick="OpenLoadSettingsPopup()">Load Settings</button>
+    </div>
+
+    <!-- Main Content Area -->
+    <div id="contentArea">
+
+        <!-- Settings Panel -->
+        <div id="settingsPanel">
+        </div>
+
+        <!-- Widget Preview Panel -->
+        <div id="widget-preview-wrapper">
+            <label id="unmute-label">Click to unmute...</label>
+            <iframe id="widgetPreview">
+            </iframe>
+        </div>
+    </div>
+
+    <!-- Load Settings Popup -->
+    <div id="loadSettingsWrapper">
+        <div id="loadSettingsContainer">
+            <h2>Load Settings</h2>
+            <label style="font-size: 0.8em;">Paste in your existing widget URL</label>
+            <input id="loadUrlBox" type="text" style="width: 100%;">
+            <div style="display: flex; gap: 20px">
+                <button id="cancelSettingsButton" onclick="CloseSettings()">Cancel</button>
+                <button style="background-color: var(--accent-color);" onclick="LoadSettings()">Load Settings</button>
+            </div>
+        </div>
+    </div>
+
+    <div id="loadDefaultsWrapper">
+        <div id="loadDefaultsContainer">
+            <h2>Load Defaults</h2>
+            <label style="font-size: 0.8em;">Are you sure?</label>
+            <div style="display: flex; gap: 20px">
+                <button id="cancelDefaultsButton" onclick="CloseDefaultsPopup()">No</button>
+                <button style="background-color: var(--accent-color);" onclick="LoadDefaultSettings()">Yes</button>
+            </div>
+        </div>
+    </div>
+</body>
+
+</html>
+
+<script src="../../../.common/utils/helpers.js"></script>
+<script src="script.js"></script>