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/popups.js
+++ b/js/popups.js
@@ -0,0 +1,79 @@
+import { fireEvent } from "card-tools/src/event";
+import { load_lovelace, lovelace } from "card-tools/src/hass";
+import { moreInfo } from "card-tools/src/more-info";
+import { closePopUp, popUp } from "card-tools/src/popup";
+
+export const BrowserModPopupsMixin = (C) => class extends C {
+
+    constructor() {
+        super();
+        if (document.querySelector("home-assistant"))
+            document.querySelector("home-assistant").addEventListener("hass-more-info", (ev) => this._popup_card(ev));
+
+        const isCast = document.querySelector("hc-main") !== null;
+        if(!isCast)
+            load_lovelace();
+    }
+
+    _popup_card(ev) {
+        if(!lovelace) return;
+        if(!ev.detail || !ev.detail.entityId) return;
+        const data = {
+            ...lovelace().config.popup_cards,
+            ...lovelace().config.views[lovelace().current_view].popup_cards,
+        };
+        const d = data[ev.detail.entityId];
+        if(!d) return;
+
+        window.queueMicrotask(() => {
+            fireEvent("hass-more-info", {entityID: "."}, document.querySelector("home-assistant"));
+            popUp(
+                d.title,
+                d.card,
+                d.large || false,
+                d.style
+            );
+        });
+    }
+
+    do_popup(cfg) {
+        if (!(cfg.title || cfg.auto_close || cfg.hide_header)) return;
+        if (!cfg.card) return;
+
+        const open = () => {
+            popUp(
+                cfg.tile,
+                cfg.card,
+                cfg.large,
+                cfg.style,
+                cfg.auto_close || cfg.hide_header,
+            );
+        };
+
+        if(cfg.auto_close) {
+            this.screensaver_set(open, closePopUp, cfg.time);
+        } else {
+            open();
+        }
+    }
+
+    do_close_popup() {
+        this.screensaver_stop();
+        closePopUp();
+    }
+
+    do_more_info(entity_id, large) {
+        if (!entity_id) return;
+        moreInfo(entity_id, large);
+    }
+
+    do_toast(message, duration) {
+        if (!message) return;
+        fireEvent("hass-notification", {
+            message,
+            duration: parseInt(duration),
+        }, document.querySelector("home-assistant"));
+    }
+
+
+}