1 files changed, 69 insertions, 0 deletions
diff --git a/app/src/web/assets/js/context_a.ts b/app/src/web/assets/js/context_a.ts
new file mode 100644
index 00000000..16ed33a9
--- /dev/null
+++ b/app/src/web/assets/js/context_a.ts
@@ -0,0 +1,69 @@
+/**
+ * Context menu for links
+ * Largely mimics click_a.js
+ */
+(function () {
+    let longClick = false;
+    const _frostAContext = (e: Event) => {
+        Frost.longClick(true);
+        longClick = true;
+
+        /*
+         * Commonality; check for valid target
+         */
+        const target = e.target || e.currentTarget || e.srcElement;
+        if (!(target instanceof Element)) {
+            console.log("No element found");
+            return
+        }
+        let element: Element = target;
+        // Notifications are two layers under
+        for (let i = 0; i < 2; i++) {
+            if (element.tagName != 'A') {
+                element = <Element>element.parentElement;
+            }
+        }
+        if (element.tagName == 'A') {
+            const url = element.getAttribute('href');
+            if (!url || url == '#') {
+                return
+            }
+            const text = (<HTMLElement>element.parentElement).innerText;
+            // Check if image item exists, first in children and then in parent
+            let image = element.querySelector("[style*=\"background-image: url(\"]");
+            if (!image) {
+                image = (<Element>element.parentElement).querySelector("[style*=\"background-image: url(\"]")
+            }
+            if (image) {
+                const imageUrl = (<String>window.getComputedStyle(image, null).backgroundImage).trim().slice(4, -1);
+                console.log(`Context image: ${imageUrl}`);
+                Frost.loadImage(imageUrl, text);
+                e.stopPropagation();
+                e.preventDefault();
+                return
+            }
+            // Check if true img exists
+            const img = element.querySelector("img[src*=scontent]");
+            if (img instanceof HTMLMediaElement) {
+                const imgUrl = img.src;
+                console.log(`Context img: ${imgUrl}`);
+                Frost.loadImage(imgUrl, text);
+                e.stopPropagation();
+                e.preventDefault();
+                return
+            }
+            console.log(`Context content ${url} ${text}`);
+            Frost.contextMenu(url, text);
+            e.stopPropagation();
+            e.preventDefault();
+        }
+    };
+
+    document.addEventListener('contextmenu', _frostAContext, true);
+    document.addEventListener('touchend', () => {
+        if (longClick) {
+            Frost.longClick(false);
+            longClick = false
+        }
+    }, true);
+}).call(undefined);