Huge restructuring of frontend code. 1.2.0 prerelease

2020-10-24 00:32:14 +02:00
parent b645a1ff94
commit 91a4cea453
12 changed files with 506 additions and 413 deletions
--- a/js/screensaver.js
+++ b/js/screensaver.js
@@ -0,0 +1,118 @@
+export const BrowserModScreensaverMixin = (C) => class extends C {
+    constructor() {
+        super();
+        this._blackout_panel = document.createElement("div");
+
+        this._screenSaver = undefined;
+        this._screenSaverTimer = undefined;
+        this._screenSaverTimeOut = 0;
+
+        this._screenSaver = {
+            fn: undefined,
+            clearfn: undefined,
+            timer: undefined,
+            timeout: undefined,
+            listeners : {},
+            active: false,
+        };
+
+        this._blackout_panel.style.cssText = `
+            position: fixed;
+            left: 0;
+            top: 0;
+            padding: 0;
+            margin: 0;
+            width: 100%;
+            height: 100%;
+            background: black;
+            display: none;
+        `;
+        document.body.appendChild(this._blackout_panel);
+    }
+
+    screensaver_set(fn, clearfn, time) {
+        this._ss_clear();
+        this._screenSaver = {
+            fn,
+            clearfn,
+            timer: undefined,
+            timeout: time,
+            listeners: {},
+            active: false,
+        }
+        const l = () => this.screensaver_update();
+        for(const event of ["mousemove", "mousedown", "keydown", "touchstart"]) {
+            window.addEventListener(event, l);
+            this._screenSaver.listeners[event] = l;
+        }
+        this._screenSaver.timer = window.setTimeout(() => this._ss_run(), time*1000);
+    }
+
+    screensaver_update() {
+        if (this._screenSaver.active) {
+            this.screensaver_stop();
+        } else {
+            window.clearTimeout(this._screenSaver.timer);
+            this._screenSaver.timer = window.setTimeout(() => this._ss_run(), this._screenSaver.timeout*1000);
+        }
+    }
+
+    screensaver_stop() {
+        this._ss_clear();
+        this._screenSaver.active = false;
+        if(this._screenSaver.clearfn)
+            this._screenSaver.clearfn();
+        if(this._screenSaver.timeout) {
+            this.screensaver_set(
+                this._screenSaver.fn,
+                this._screenSaver.clearfn,
+                this._screenSaver.timeout,
+            );
+        }
+    }
+
+    _ss_clear() {
+        window.clearTimeout(this._screenSaverTimer);
+        for(const [k, v] of Object.entries(this._screenSaver.listeners)) {
+            window.removeEventListener(k, v);
+        }
+    }
+
+    _ss_run() {
+        this._screenSaver.active = true;
+        this._screenSaver.fn();
+    }
+
+    do_blackout(timeout) {
+        this.screensaver_set(
+            () => {
+                if(this.isFully)
+                    window.fully.turnScreenOff();
+                else
+                    this._blackout_panel.style.display = "block";
+                this.screen_update();
+            },
+            () => {
+                if(this._blackout_panel.style.display = "block")
+                    this._blackout_panel.style.display = "none"
+                if(this.isFully && !window.fully.getScreenOn())
+                    window.fully.turnScreenOn();
+                this.screen_update();
+            },
+            timeout || 0
+        );
+    }
+
+    no_blackout() {
+        this.screensaver_stop();
+    }
+
+    screen_update() {
+        this.sendUpdate({screen: {
+            blackout: this.isFully
+                ? window.fully.getScreenOn()
+                : Boolean(this._blackout_panel.style.display === "block"),
+            brightness: this.isFully ? window.fully.getScreenBrightness() : undefined,
+        }})
+    }
+}