add web

app/static/js/global.js

@@ -0,0 +1,76 @@
+
+document.addEventListener('DOMContentLoaded', () => {
+    const toggleBtns = document.querySelectorAll('.toggle-sidebar'); // all toggle buttons
+    const sidebar = document.querySelector('.sidebar');
+
+    toggleBtns.forEach((btn) => {
+        btn.addEventListener('click', (e) => {
+            e.stopPropagation();
+            sidebar.classList.toggle('show');
+        });
+    });
+
+    document.addEventListener('click', (e) => {
+        if (
+            window.innerWidth <= 992 &&
+            sidebar.classList.contains('show') &&
+            !sidebar.contains(e.target) &&
+            !Array.from(toggleBtns).some(btn => btn.contains(e.target))
+        ) {
+            sidebar.classList.remove('show');
+        }
+    });
+});
+
+
+
+function abbreviateNumber(value) {
+    value = parseInt(value);
+    if (value >= 1e9) return (value / 1e9).toFixed(1).replace(/\.0$/, '') + 'B';
+    if (value >= 1e6) return (value / 1e6).toFixed(1).replace(/\.0$/, '') + 'M';
+    if (value >= 1e3) return (value / 1e3).toFixed(1).replace(/\.0$/, '') + 'K';
+    return value.toString();
+}
+
+document.addEventListener("DOMContentLoaded", () => {
+    const robuxEl = document.getElementById("robux-amount");
+    const tixEl = document.getElementById("tix-amount");
+
+    if (robuxEl) {
+        const rawRobux = robuxEl.textContent.trim();
+        robuxEl.textContent = abbreviateNumber(rawRobux);
+    }
+
+    if (tixEl) {
+        const rawTix = tixEl.textContent.trim();
+        tixEl.textContent = abbreviateNumber(rawTix);
+    }
+});
+
+const modal = document.getElementById('purchaseModal');
+if (modal && modal.parentNode !== document.body) {
+    document.body.appendChild(modal);
+}
+document.addEventListener('DOMContentLoaded', () => {
+    if (window.innerWidth <= 768) {
+        const footer = document.getElementById('footer');
+        if (footer) {
+            footer.remove();
+        }
+    }
+});
+function heartbeat() {
+    fetch('/v1/heartbeat')
+        .then(response => response.json())
+        .then(data => {
+            if (data.success !== "true") {
+                location.reload();
+            }
+        })
+        .catch(() => {
+            location.reload();
+        });
+}
+
+heartbeat();
+setInterval(heartbeat, 15000);