git.scottworley.com Git - vopamoi/blob - 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 }