From 1b5ff103f589140473068fd83340b0cc443fb420 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Hugo=20H=C3=B6rnquist?= Date: Fri, 20 Nov 2020 23:01:32 +0100 Subject: Work on templetazing js. --- static/clock.js | 70 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 70 insertions(+) create mode 100644 static/clock.js (limited to 'static/clock.js') diff --git a/static/clock.js b/static/clock.js new file mode 100644 index 00000000..badfd1db --- /dev/null +++ b/static/clock.js @@ -0,0 +1,70 @@ + +class Clock { + update(now) { + } +} + + +class Timebar extends Clock { + + constructor(start_time, end_time) { + super(); + this.start_time = start_time; + this.end_time = end_time; + this.bar_object = false + } + + + update(now) { + if (! (this.start_time <= now.getTime() && now.getTime() < this.end_time)) + return; + + var event_area = document.getElementById(now.format("~Y-~m-~d")) + + if (event_area) { + if (this.bar_object) { + this.bar_object.parentNode.removeChild(bar_object) + } else { + this.bar_object = makeElement ('div', { + id: 'bar', + className: 'eventlike current-time', + }); + } + + this.bar_object.style.top = date_to_percent(now) + "%"; + event_area.append(this.bar_object) + } + } +} + +class SmallcalCellHighlight extends Clock { + constructor(small_cal) { + super(); + this.small_cal = small_cal; + this.current_cell = false + } + + update(now) { + if (current_cell) { + current_cell.style.border = ""; + } + + current_cell = this.small_cal.querySelector( + "time[datetime='" + now.format("~Y-~m-~d") + "']"); + + current_cell.style.border = "1px solid black"; + } +} + +/* Update [today] button */ +class ButtonUpdater extends Clock { + constructor(el, proc) { + super(); + this.el = el; + this.proc = proc; + } + + update(now) { + this.proc(e, now); + } +} -- cgit v1.2.3