aboutsummaryrefslogtreecommitdiff
path: root/static/event-creator.ts
diff options
context:
space:
mode:
authorHugo Hörnquist <hugo@lysator.liu.se>2023-09-05 01:25:00 +0200
committerHugo Hörnquist <hugo@lysator.liu.se>2023-09-05 01:25:00 +0200
commit7949fcdc683d07689bad5da5d20bfa3eeb5a6a46 (patch)
treec1bc39dc0e508ee498cf7119f888f513db4bab8f /static/event-creator.ts
parentAdd build step for jsdoc. (diff)
downloadcalp-7949fcdc683d07689bad5da5d20bfa3eeb5a6a46.tar.gz
calp-7949fcdc683d07689bad5da5d20bfa3eeb5a6a46.tar.xz
Move frontend code to subdirectories, to simplify command line flags.
Diffstat (limited to 'static/event-creator.ts')
-rw-r--r--static/event-creator.ts181
1 files changed, 0 insertions, 181 deletions
diff --git a/static/event-creator.ts b/static/event-creator.ts
deleted file mode 100644
index 5e55e64e..00000000
--- a/static/event-creator.ts
+++ /dev/null
@@ -1,181 +0,0 @@
-export { EventCreator }
-
-import { VEvent } from './vevent'
-import { v4 as uuid } from 'uuid'
-import { ComponentBlock } from './components/vevent-block'
-import { round_time, parseDate } from './lib'
-import { ical_type } from './types'
-
-class EventCreator {
-
- /* Event which we are trying to create */
- ev?: VEvent
-
- /* Graphical block for event. Only here so we can find its siblings,
- and update pointer events accordingly */
- event?: Element
-
- event_start: { x: number, y: number } = { x: NaN, y: NaN }
- down_on_event: boolean = false
- timeStart: number = 0
-
- create_event_down(intended_target: HTMLElement): (e: MouseEvent) => any {
- let that = this;
- return function(e: MouseEvent) {
- /* Only trigger event creation stuff on actuall events background,
- NOT on its children */
- that.down_on_event = false;
- if (e.target != intended_target) return;
- that.down_on_event = true;
-
- that.event_start.x = e.clientX;
- that.event_start.y = e.clientY;
- }
- }
-
- /*
- round_to: what start and end times should round to when dragging, in fractionsb
- of the width of the containing container.
-
- TODO limit this to only continue when on the intended event_container.
-
- (event → [0, 1)), 𝐑, bool → event → ()
- */
- create_event_move(
- pos_in: ((c: HTMLElement, e: MouseEvent) => number),
- round_to: number = 1,
- wide_element: boolean = false
- ): ((e: MouseEvent) => void) {
- let that = this;
- return function(this: HTMLElement, e: MouseEvent) {
- if (e.buttons != 1 || !that.down_on_event) return;
-
- /* Create event when we start moving the mouse. */
- if (!that.ev) {
- /* Small deadzone so tiny click and drags aren't registered */
- if (Math.abs(that.event_start.x - e.clientX) < 10
- && Math.abs(that.event_start.y - e.clientY) < 5) { return; }
-
- /* only allow start of dragging on background */
- if (e.target !== this) return;
-
- /* only on left click */
- if (e.buttons != 1) return;
-
- // let [popup, event] = that.create_empty_event();
- // that.event = event;
- that.ev = new VEvent();
- that.ev.setProperty('uid', uuid())
- that.ev.calendar = window.default_calendar;
-
- // let ev_block = document.createElement('vevent-block') as ComponentBlock;
- let ev_block = new ComponentBlock(that.ev.getProperty('uid'));
- ev_block.classList.add('generated');
- that.event = ev_block;
- that.ev.register(ev_block);
-
- /* TODO better solution to add popup to DOM */
- // document.getElementsByTagName("main")[0].append(popup);
-
- /* [0, 1) -- where are we in the container */
- /* Ronud to force steps of quarters */
- /* NOTE for in-day events a floor here work better, while for
- all day events I want a round, but which has the tip over point
- around 0.7 instead of 0.5.
- It might also be an idea to subtract a tiny bit from the short events
- mouse position, since I feel I always get to late starts.
- */
-
- // that.event.dataset.time1 = '' + time;
- // that.event.dataset.time2 = '' + time;
-
- /* ---------------------------------------- */
-
- this.appendChild(ev_block);
-
- /* requires that event is child of an '.event-container'. */
- // new VComponent(
- // event,
- // wide_element=wide_element);
- // bind_properties(event, wide_element);
-
- /* requires that dtstart and dtend properties are initialized */
-
- /* ---------------------------------------- */
-
- /* Makes all current events transparent when dragging over them.
- Without this weird stuff happens when moving over them
-
- This includes ourselves.
- */
- for (let e of this.children) {
- (e as HTMLElement).style.pointerEvents = "none";
- }
-
- that.timeStart = round_time(pos_in(this, e), round_to);
- }
-
- let time = round_time(pos_in(this, e), round_to);
-
- // let time1 = Number(that.event.dataset.time1);
- // let time2 = round_time(
- // pos_in(that.event.parentElement!, e),
- // round_to);
- // that.event.dataset.time2 = '' + time2
-
- /* ---------------------------------------- */
-
- let event_container = this.closest(".event-container") as HTMLElement;
-
- /* These two are in UTC */
- let container_start = parseDate(event_container.dataset.start!);
- let container_end = parseDate(event_container.dataset.end!);
-
- /* ---------------------------------------- */
-
- /* ms */
- let duration = container_end.valueOf() - container_start.valueOf();
-
- let start_in_duration = duration * Math.min(that.timeStart, time);
- let end_in_duration = duration * Math.max(that.timeStart, time);
-
- /* Notice that these are converted to UTC, since the intervals are given
- in utc, and I only really care about local time (which a specific local
- timezone doesn't give me)
- */
- /* TODO Should these inherit UTC from container_*? */
- let d1 = new Date(container_start.getTime() + start_in_duration)
- let d2 = new Date(container_start.getTime() + end_in_duration)
-
- let type: ical_type = wide_element ? 'date' : 'date-time';
- that.ev.setProperties([
- ['dtstart', d1, type],
- ['dtend', d2, type],
- ]);
-
- // console.log(that.event);
- // console.log(d1.format("~L~H:~M"), d2.format("~L~H:~M"));
- }
- }
-
- create_event_finisher(callback: ((ev: VEvent) => void)) {
- let that = this;
- return function create_event_up(_: MouseEvent) {
- if (!that.ev) return;
-
- /* Restore pointer events for all existing events.
- Allow pointer events on our new event
- */
- for (let e of (that.event as Element).parentElement!.children) {
- (e as HTMLElement).style.pointerEvents = "";
- }
-
- let localevent = that.ev;
- that.ev = undefined
- that.event = undefined;
-
- callback(localevent);
-
- }
- }
-}