From 5398c336ef8821d286a60fda593376eed99381a2 Mon Sep 17 00:00:00 2001 From: Allan Wang Date: Wed, 1 May 2019 15:36:32 -0700 Subject: Add better handling for launchpad --- app/src/web/ts/click_a.ts | 93 +++++++++++++++++++++++++++++++++++------------ 1 file changed, 70 insertions(+), 23 deletions(-) (limited to 'app/src/web/ts/click_a.ts') diff --git a/app/src/web/ts/click_a.ts b/app/src/web/ts/click_a.ts index 5023610e..8d1d545b 100644 --- a/app/src/web/ts/click_a.ts +++ b/app/src/web/ts/click_a.ts @@ -1,34 +1,81 @@ (function () { let prevented = false; + /** + * Go up at most [depth] times, to retrieve a parent matching the provided predicate + * If one is found, it is returned immediately. + * Otherwise, null is returned. + */ + function _parentEl(el: HTMLElement, depth: number, predicate: (el: HTMLElement) => boolean): HTMLElement | null { + for (let i = 0; i < depth + 1; i++) { + if (predicate(el)) { + return el + } + const parent = el.parentElement; + if (!parent) { + return null + } + el = parent + } + return null + } + + /** + * Attempts to find a url entry at most [depth] away + * A url is found if the element has tag 'A', and the url isn't blank + */ + function _parentUrl(el: HTMLElement, depth: number): string | null { + const element = _parentEl(el, depth, (el) => el.tagName === 'A'); + if (!element) { + return null; + } + const url = element.getAttribute('href'); + if (!url || url === '#') { + return null; + } + return url + } + + /** + * Given event and target, return true if handled and false otherwise. + */ + type EventHandler = (e: Event, target: HTMLElement) => Boolean + + const _frostGeneral: EventHandler = (e, target) => { + // Notifications are two layers under + const url = _parentUrl(target, 2); + return Frost.loadUrl(url); + }; + + const _frostLaunchpadClick: EventHandler = (e, target) => { + if (!_parentEl(target, 6, (el) => el.id === 'launchpad')) { + return false + } + console.log('Clicked launchpad'); + const url = _parentUrl(target, 5); + return Frost.loadUrl(url); + }; + + const handlers: EventHandler[] = [_frostLaunchpadClick, _frostGeneral]; + const _frostAClick = (e: Event) => { - // check for valid target + if (prevented) { + console.log("Click intercept prevented"); + return + } + /* + * Commonality; check for valid target + */ const target = e.target || e.currentTarget || e.srcElement; - if (!(target instanceof Element)) { + if (!(target instanceof HTMLElement)) { 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.parentElement; - } - } - if (element.tagName === 'A') { - if (!prevented) { - const url = element.getAttribute('href'); - if (!url || url === '#') { - return - } - console.log(`Click intercept ${url}`); - // If Frost is injected, check if loading the url through an overlay works - if (Frost.loadUrl(url)) { - e.stopPropagation(); - e.preventDefault(); - } - } else { - console.log("Click intercept prevented") + for (const h of handlers) { + if (h(e, target)) { + e.stopPropagation(); + e.preventDefault(); + return } } }; -- cgit v1.2.3