wassname/HackFlowy
1
0
Fork 0
mirror of https://github.com/wassname/HackFlowy.git synced 2026-06-27 16:00:04 +08:00
Code Issues Packages Projects Releases Wiki Activity

Add keyboard controls to indent & navigate through tasks

Browse Source
This commit is contained in:
Abhishek Das
2013-04-11 00:36:36 +05:30
parent 615fab272a
commit cfa8738b1d
2 changed files with 24 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
README.md
+6
View File
@@ -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
public/javascripts/views/task.js
+18 -4
View File
@@ -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');