From 330bf2857396b15752afadb030c981a1cb2848fe Mon Sep 17 00:00:00 2001
From: Allan Wang <me@allanwang.ca>
Date: Tue, 5 Feb 2019 22:13:41 -0500
Subject: Enhancement/js (#1344)

* Attempt to add package json

* Add initial typescript components

* Convert remaining files

* Remove some null checks

* Reorganize folders

* Add missing js and tests for file paths

* Delete unused babelrc

* Remove unused packages
---
 app/src/web/assets/js/context_a.ts | 69 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 69 insertions(+)
 create mode 100644 app/src/web/assets/js/context_a.ts

(limited to 'app/src/web/assets/js/context_a.ts')

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);
-- 
cgit v1.2.3