From: Scott Worley Date: Wed, 26 Jan 2022 07:45:42 +0000 (-0800) Subject: Destroy tasks X-Git-Url: http://git.scottworley.com/vopamoi/commitdiff_plain/799f4e8974924591b197be553e8c03947debdb33?ds=inline Destroy tasks --- diff --git a/Makefile b/Makefile index 46292dc..36635cc 100644 --- a/Makefile +++ b/Makefile @@ -5,7 +5,7 @@ all: $(objs) .PHONY: all clean %.js: %.ts - tsc --strict $< + tsc --strict --target ES2020 $< clean: -rm $(objs) diff --git a/vopamoi.ts b/vopamoi.ts index f127da9..3ff3918 100644 --- a/vopamoi.ts +++ b/vopamoi.ts @@ -17,6 +17,7 @@ const Model = { createTask: function (timestamp: string, description: string) { const task = document.createElement("div"); task.appendChild(document.createTextNode(description)); + task.setAttribute("class", "task"); task.setAttribute("tabindex", "0"); task.setAttribute("data-created", timestamp); return task; @@ -26,6 +27,19 @@ const Model = { document.body.appendChild(this.createTask(timestamp, description)).focus(); }, + getTask: function (createTimestamp: string) { + for (const task of document.getElementsByClassName("task")) { + if (task.getAttribute("data-created") === createTimestamp) { + return task; + } + } + }, + + destroyTask: function (createTimestamp: string) { + const task = this.getTask(createTimestamp); + task!.parentElement!.removeChild(task!); + }, + moveCursor: function (offset: number): boolean { var active = document.activeElement; if (offset === 1 && active) { @@ -50,6 +64,9 @@ const Log = (function () { if (command == "Create") { Model.addTask(timestamp, data); } + if (command == "Destroy") { + Model.destroyTask(data.split(" ", 1)[0]); + } }, record: function (entry: string) { @@ -78,6 +95,9 @@ const UI = { addTask: function (description: string) { Log.recordAndApply(`${Date.now()} Create ${description}`); }, + destroyTask: function (createTimestamp: string) { + Log.recordAndApply(`${Date.now()} Destroy ${createTimestamp} ${Model.getTask(createTimestamp)?.textContent}`); + }, }; const BrowserUI = { @@ -88,6 +108,10 @@ const BrowserUI = { } return false; }, + destroyTask: function () { + const createTimestamp = document.activeElement?.getAttribute("data-created"); + return createTimestamp && UI.destroyTask(createTimestamp); + }, }; function focusTaskNameInput(event: any) { @@ -100,6 +124,7 @@ function handleKey(event: any) { if (event.key == "j") return Model.moveCursor(1); if (event.key == "k") return Model.moveCursor(-1); if (event.key == "c") return focusTaskNameInput(event); + if (event.key == "X") return BrowserUI.destroyTask(); } }