From cfa8738b1dc664f1dcede1f79c39ef0f29eb3ec3 Mon Sep 17 00:00:00 2001
From: Abhishek Das <das.abhshk@gmail.com>
Date: Thu, 11 Apr 2013 00:36:36 +0530
Subject: [PATCH] Add keyboard controls to indent & navigate through tasks

---
 README.md                        |  6 ++++++
 public/javascripts/views/task.js | 22 ++++++++++++++++++----
 2 files changed, 24 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index 872efa7..f67106f 100644
--- a/README.md
+++ b/README.md
@@ -10,6 +10,12 @@ An open-source [Workflowy](http://workflowy.com) clone.
 * Create a new database and import `schema/hackflowy.sql`.
 * `node server.js`
 
+##Controls
+
+* <kbd>UP</kbd> & <kbd>DOWN</kbd>: navigate through tasks
+* <kbd>TAB</kbd>: right-indent
+* <kbd>SHIFT</kbd> + <kbd>TAB</kbd>: left-indent
+
 ##Technologies used
 
 * Node + Socket.io
diff --git a/public/javascripts/views/task.js b/public/javascripts/views/task.js
index bf3ebf1..86a7aa4 100644
--- a/public/javascripts/views/task.js
+++ b/public/javascripts/views/task.js
@@ -10,7 +10,7 @@ var app = app || {};
     events: {
       'click .task': 'edit',
       'blur .edit': 'close',
-      'keyup .edit': 'broadcast',
+      'keyup .edit': 'handleKeyup',
       'keypress .edit': 'update'
     },
 
@@ -46,8 +46,23 @@ var app = app || {};
       this.$input.focus();
     },
 
-    broadcast: function(e) {
-      if (e.keyCode == 9) {
+    handleKeyup: function(e) {
+      if (e.keyCode == 40)
+        this.$el.next('li').find('input').focus();
+      else if (e.keyCode == 38)
+        this.$el.prev('li').find('input').focus();
+
+      if (e.shiftKey && e.keyCode == 9) {
+        var model = this.$el.next('li').find('input').data('id');
+        model = app.Tasks.get(model);
+        var old_parent = model.get('parent_id');
+        old_parent = app.Tasks.get(old_parent);
+        var new_parent = old_parent.get('parent_id');
+        if (new_parent == null) new_parent = 0;
+        model.set('parent_id',new_parent);
+        model.save({content: model.get('content'), parent_id: model.get('parent_id')});
+      }
+      else if (e.keyCode == 9) {
         var parent = this.$el.prev('li').prev('li').find('input').data('id');
         var current = this.$el.prev('li').find('input').data('id');
         var model = app.Tasks.get(current);
@@ -75,7 +90,6 @@ var app = app || {};
         this.model.destroy();
       }
       else {
-        console.log(this.model.attributes);
         this.model.save({content: value, parent_id: this.model.attributes.parent_id});
       }
       this.$el.removeClass('editing');