"c" to "Create" tasks

[vopamoi] / vopamoi.ts

diff --git a/vopamoi.ts b/vopamoi.ts
index a0b2cfb82e5e980a769d14838c431fb1a3b89be2..8db28657eaddcdfb56a3ed15797bdacf5c65aba2 100644 (file)
--- a/vopamoi.ts
+++ b/vopamoi.ts
@@ -1,34 +1,40 @@
-function createTask(description: string) {
-  const task = document.createElement("div");
-  task.appendChild(document.createTextNode(description));
-  task.setAttribute("tabindex", "0");
-  return task;
-}
+const Model = {
+  createTask: function (description: string) {
+    const task = document.createElement("div");
+    task.appendChild(document.createTextNode(description));
+    task.setAttribute("tabindex", "0");
+    return task;
+  },

 
 

-function addTask(description: string) {
-  document.body.appendChild(createTask(description));
-}
+  addTask: function (description: string) {
+    document.body.appendChild(this.createTask(description)).focus();
+  },

 
 

-function moveCursor(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();
-}
+  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 handleKey(event: any) {
   if (event.target.tagName !== "INPUT") {
 
 function handleKey(event: any) {
   if (event.target.tagName !== "INPUT") {

-    if (event.key == "j") moveCursor(1);
-    if (event.key == "k") moveCursor(-1);
+    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) {
   }
 }
 
 function browserCreateTask(form: any) {

-  addTask(form.taskName.value);
+  Model.addTask(form.taskName.value);

   form.taskName.value = "";
   return false;
 }
   form.taskName.value = "";
   return false;
 }