2 files changed, 48 insertions, 0 deletions
diff --git a/assets/js/common.js b/assets/js/common.js
new file mode 100644
index 0000000..4668316
--- /dev/null
+++ b/assets/js/common.js
@@ -0,0 +1,22 @@
+let style = document.createElement("style");
+
+if (window.MistAndroid) {
+    style.innerHTML =
+    `:root {
+        --android-navigation-bar: ${window.MistAndroid.getNavigationBarHeight()}px;
+        --android-status-bar: ${window.MistAndroid.getStatusBarHeight()}px;
+    }`;
+} else {
+    style.innerHTML =
+    `:root {
+        --android-navigation-bar: 0px;
+        --android-status-bar: 0px;
+    }`;
+}
+
+document.head.append(style);
+
+if (navigator.userAgent.includes("MistNative/darwin") || navigator.userAgent.includes("MistNative/win32")) {
+    document.getElementById("native-css").disabled = false;
+    document.body.classList.remove("crossplatform");
+}
+\ No newline at end of file
diff --git a/assets/js/shortcuts.js b/assets/js/shortcuts.js
new file mode 100644
index 0000000..2fa48ca
--- /dev/null
+++ b/assets/js/shortcuts.js
@@ -0,0 +1,26 @@
+document.onkeydown = (e) => {
+
+    if ((e.metaKey || e.ctrlKey) && e.key === ".") {
+        e.preventDefault();
+        window.parent.stop();
+        return false;
+    }
+
+    if ((e.metaKey || e.ctrlKey) && e.key === "ArrowRight") {
+        e.preventDefault();
+        window.parent.next();
+        return false;
+    }
+
+    if ((e.metaKey || e.ctrlKey) && e.key === "ArrowLeft") {
+        e.preventDefault();
+        window.parent.previous();
+        return false;
+    }
+
+    if (e.key === " " && e.target.tagName !== "INPUT") {
+        e.preventDefault();
+        window.parent.playPause();
+        return false;
+    }
+}
+\ No newline at end of file