aboutsummaryrefslogtreecommitdiff
path: root/app/src/web/assets/js/context_a.ts
blob: 4751bbdc828839c1797f034bf290fe8337430ceb (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
/**
 * Context menu for links
 * Largely mimics click_a.js
 */

(function () {
    let longClick = false;

    /**
     * Given event and target, return true if handled and false otherwise.
     */
    type EventHandler = (e: Event, target: HTMLElement) => Boolean

    const _frostCopyComment: EventHandler = (e, target) => {
        if (!target.hasAttribute('data-commentid')) {
            return false;
        }
        const text = target.innerText;
        console.log(`Copy comment ${text}`);
        Frost.contextMenu(null, text);
        return true;
    };

    /**
     * Posts should click a tag, with two parents up being div.story_body_container
     */
    const _frostCopyPost: EventHandler = (e, target) => {
        if (target.tagName !== 'A') {
            return false;
        }
        const parent1 = target.parentElement;
        if (!parent1 || parent1.tagName !== 'DIV') {
            return false;
        }
        const parent2 = parent1.parentElement;
        if (!parent2 || !parent2.classList.contains('story_body_container')) {
            return false;
        }
        const url = target.getAttribute('href');
        const text = parent1.innerText;
        console.log(`Copy post ${url} ${text}`);
        Frost.contextMenu(url, text);
        return true;
    };

    const _frostImage: EventHandler = (e, target) => {
        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') {
            return false;
        }
        const url = element.getAttribute('href');
        if (!url || url === '#') {
            return false;
        }
        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);
            return true;
        }
        // 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);
            return true;
        }
        console.log(`Context content ${url} ${text}`);
        Frost.contextMenu(url, text);
        return true;
    };

    const handlers = [_frostCopyComment, _frostCopyPost, _frostImage];

    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 HTMLElement)) {
            console.log("No element found");
            return
        }
        for (const h of handlers) {
            if (h(e, target)) {
                e.stopPropagation();
                e.preventDefault();
                return
            }
        }
    };

    document.addEventListener('contextmenu', _frostAContext, true);
    document.addEventListener('touchend', () => {
        if (longClick) {
            Frost.longClick(false);
            longClick = false
        }
    }, true);
}).call(undefined);