diff options
author | Hugo Hörnquist <hugo@lysator.liu.se> | 2021-12-10 00:16:25 +0100 |
---|---|---|
committer | Hugo Hörnquist <hugo@lysator.liu.se> | 2021-12-10 00:48:09 +0100 |
commit | de593cf0d4a6a082f0c42e00be395e0f6cf49e96 (patch) | |
tree | 578e4d10aabc3bfac98d9962ea4644b357fbb044 /static/components/popup-element.ts | |
parent | Remove vcal.js. (diff) | |
download | calp-de593cf0d4a6a082f0c42e00be395e0f6cf49e96.tar.gz calp-de593cf0d4a6a082f0c42e00be395e0f6cf49e96.tar.xz |
Remove popup.ts, migrating all functionality elsewhere.
The simple procedures
- close_popup
- open_popup
- toggle_popup
- find_popup
Were mostly here for legacy.
The procedures
- popup_from_event
- event_from_popup
where holdovers from the old way of finding popups, and should be done
through the VEvent objects now.
close_all_popups was used only once, so the code was moved inline.
Finally, moving the last hovered over popup to the top, along with tab
switch keybings were restored, and moved to propper places.
Diffstat (limited to '')
-rw-r--r-- | static/components/popup-element.ts | 21 |
1 files changed, 17 insertions, 4 deletions
diff --git a/static/components/popup-element.ts b/static/components/popup-element.ts index 42e8ee7f..a9ada71c 100644 --- a/static/components/popup-element.ts +++ b/static/components/popup-element.ts @@ -2,8 +2,7 @@ export { PopupElement } import { VEvent } from '../vevent' import { bind_popup_control } from '../dragable' -import { close_popup, event_from_popup } from '../popup' -import { vcal_objects } from '../globals' +import { find_block, vcal_objects } from '../globals' import { ComponentVEvent } from './vevent' @@ -12,6 +11,11 @@ import { remove_event } from '../server_connect' /* <popup-element /> */ class PopupElement extends ComponentVEvent { + /* The popup which is the "selected" popup. + /* Makes the popup last hovered over the selected popup, moving it to + * the top, and allowing global keyboard bindings to affect it. */ + static activePopup: PopupElement | null = null; + constructor(uid?: string) { super(uid); @@ -21,6 +25,15 @@ class PopupElement extends ComponentVEvent { if (obj && obj.calendar) { this.dataset.calendar = obj.calendar; } + + /* Makes us the active popup */ + this.addEventListener('mouseover', () => { + if (PopupElement.activePopup) { + PopupElement.activePopup.removeAttribute('active'); + } + PopupElement.activePopup = this; + this.setAttribute('active', 'active'); + }) } redraw(data: VEvent) { @@ -43,7 +56,7 @@ class PopupElement extends ComponentVEvent { bind_popup_control(nav); let close_btn = body.querySelector('.popup-control .close-button') as HTMLButtonElement - close_btn.addEventListener('click', () => close_popup(this)); + close_btn.addEventListener('click', () => this.visible = false); let maximize_btn = body.querySelector('.popup-control .maximize-button') as HTMLButtonElement maximize_btn.addEventListener('click', () => { @@ -106,7 +119,7 @@ class PopupElement extends ComponentVEvent { break; } - let element = event_from_popup(this) as HTMLElement; + let element = find_block(this.uid) as HTMLElement | null /* start <X, Y> sets offset between top left corner of event in calendar and popup. 10, 10 soo old event is still visible */ |