X-Git-Url: http://git.scottworley.com/vopamoi/blobdiff_plain/7dcd916735fa4df2d8c27ccef144be0081bbe737..f1b121ab0699da579cd8de7f5a0c891c2389f549:/vopamoi.ts

diff --git a/vopamoi.ts b/vopamoi.ts
index 0d2944c..a3f6ce4 100644
--- a/vopamoi.ts
+++ b/vopamoi.ts
@@ -1,22 +1,46 @@
-var tasks: string[] = [];
+const Model = {
+  createTask: function (description: string) {
+    const task = document.createElement("div");
+    task.appendChild(document.createTextNode(description));
+    task.setAttribute("tabindex", "0");
+    return task;
+  },
 
-function createViewTask(task: string) {
-  const viewTask = document.createElement("div");
-  viewTask.appendChild(document.createTextNode(task));
-  return viewTask;
-}
+  addTask: function (description: string) {
+    document.body.appendChild(this.createTask(description)).focus();
+  },
 
-function updateView() {
-  tasks.forEach((t) => document.getElementById(t) || document.body.appendChild(createViewTask(t)));
-}
+  moveCursor: function (offset: number) {
+    var active = document.activeElement;
+    if (offset === 1 && active) {
+      active = active.nextElementSibling;
+    }
+    if (offset === -1 && active) {
+      active = active.previousElementSibling;
+    }
+    if (active && active instanceof HTMLElement) active.focus();
+  },
+};
 
-function addTask(task: string) {
-  tasks.push(task);
-  updateView();
+function handleKey(event: any) {
+  if (event.target.tagName !== "INPUT") {
+    if (event.key == "j") Model.moveCursor(1);
+    if (event.key == "k") Model.moveCursor(-1);
+    if (event.key == "c") {
+      document.getElementById("taskName")!.focus();
+      event.preventDefault();
+    }
+  }
 }
 
 function browserCreateTask(form: any) {
-  addTask(form.taskName.value);
+  if (form.taskName.value) {
+    Model.addTask(form.taskName.value);
+  }
   form.taskName.value = "";
   return false;
 }
+
+function browserInit() {
+  document.body.addEventListener("keydown", handleKey, { capture: false });
+}