]> git.scottworley.com Git - vopamoi/blob - vopamoi.ts
Writes go through the Log
[vopamoi] / vopamoi.ts
1 const Model = {
2 createTask: function (description: string) {
3 const task = document.createElement("div");
4 task.appendChild(document.createTextNode(description));
5 task.setAttribute("tabindex", "0");
6 return task;
7 },
8
9 addTask: function (description: string) {
10 document.body.appendChild(this.createTask(description)).focus();
11 },
12
13 moveCursor: function (offset: number) {
14 var active = document.activeElement;
15 if (offset === 1 && active) {
16 active = active.nextElementSibling;
17 }
18 if (offset === -1 && active) {
19 active = active.previousElementSibling;
20 }
21 if (active && active instanceof HTMLElement) active.focus();
22 },
23 };
24
25 const Log = {
26 addTask: function (description: string) {
27 Model.addTask(description);
28 },
29 };
30
31 function handleKey(event: any) {
32 if (event.target.tagName !== "INPUT") {
33 if (event.key == "j") Model.moveCursor(1);
34 if (event.key == "k") Model.moveCursor(-1);
35 if (event.key == "c") {
36 document.getElementById("taskName")!.focus();
37 event.preventDefault();
38 }
39 }
40 }
41
42 function browserCreateTask(form: any) {
43 if (form.taskName.value) {
44 Log.addTask(form.taskName.value);
45 }
46 form.taskName.value = "";
47 return false;
48 }
49
50 function browserInit() {
51 document.body.addEventListener("keydown", handleKey, { capture: false });
52 }