Add a fair number of new keyboard shortcuts

* Update TODO
* Use 'i' key to bring up story edit modal
* Use 'a' key to bring up assignees field of edit modal
* Use 'b' key to bring up project top drop-down
* Use 't' key to drop down tasks

Still need to figure out how to disable keyboard shortcuts when an
input field is focused. Otherwise bugs.

2 files changed, 189 insertions, 3 deletions

diff --git a/TODO b/TODO
index dbb927a..2fef6d0 100644
--- a/TODO
+++ b/TODO
@@ -2,8 +2,19 @@ TODO
 ====
 
 # 2013.02.23:
-/ Create mechanism to select stories on board using arrow keys
+> Create mechanism to select stories on board using arrow keys
+v Use 'i' key (or other that makes sense) to bring up story info/edit modal
+v 'a' to bring up modal and focus on Assignees field
 - Documentation
+v Esc should work to close the story info modal
+x 'p' to point the story
+v 'b' key to open the top nav drop-down and allow you to switch between 
+  iteration boards
+- 'L' to open a new tab with the iteration in list view
+v 't' to open and close tasks drop-down. On open focus to Summary field
+- Disable keyboard shortcuts when an input field is focused 
+  (all except for esc)
+- esc should exit out of tasks drop-down
 
 # 2013.02.22:
 - Create mechanism to select stories on board using arrow keys
diff --git a/better-scrumdo.js b/better-scrumdo.js
index 1d2bc7e..d2c4b2a 100644
--- a/better-scrumdo.js
+++ b/better-scrumdo.js
@@ -57,6 +57,7 @@
 
 
 var StoryClass;
+var Story;
 $(function() {
 	StoryClass = function() {
 		// Current story
@@ -65,6 +66,7 @@ $(function() {
 		this.column_el = '.scrum_board_column';
 		this.$column_el = $('.scrum_board_column');
 		this.total_columns = this.$column_el.length;
+		this.project_panel_open = false;
 		this.current = null;
 	
 		this.set_current = function($el) {
@@ -179,8 +181,103 @@ $(function() {
 		};
 		
 		
+		// Edit story
+		this.wait_for_edit_modal_to_load = function(func) {
+			return setTimeout(func, 500);
+		};
+		
+		this.open_edit_modal = function() {
+			this.current.find('.storyIcons').children('a').eq(1).trigger('click');
+		};
+		
+		this.close_edit_modal = function() {
+			$('.overlay_close').trigger('click');
+		};
+		
+		this.edit = function() {
+			if (this.current) {
+				this.open_edit_modal();
+				this.wait_for_edit_modal_to_load(function() {
+					$('textarea#id_summary').focus();
+				});
+			}
+		};
+		
+		// Go to assignees
+		this.assign = function() {
+			if (this.current) {
+				this.open_edit_modal();
+				this.wait_for_edit_modal_to_load(function() {
+					$('.tag_holder').eq(1).children('ul').children('.tagit-new').children('input').focus();
+				});
+			}
+		};
+		
+		// Point story
+		// Can't use left and right arrows to change points so doesn't work
+		this.point = function() {
+			if (this.current) {
+				this.open_edit_modal();
+				this.wait_for_edit_modal_to_load(function() {
+					$('#points_section').find('input[name="points"]:checked').focus();
+				});
+			}
+		};
+		
+		// Toggle tasks section
+		this.tasks = function() {
+			if (this.current) {
+				this.current.find('.show_tasks_link').trigger('click');
+				
+				// Focus task summary field
+				that = this;
+				setTimeout(function() {
+					that.current.find('.tasks_area input[name="summary"]').focus();
+				}, 500);
+			}
+		};
+		
+		
+		// Open project drop-down
+		this.enable_project_panel_tabbing = function() {
+			$('.project-menu-iteration-list-item').attr('tabindex', '0');
+			$('.project-menu-iteration-list-item').eq(1).focus()
+			
+			// Enter redirects that iteration
+			$('.project-menu-iteration-list-item').on('keydown', function(e) {
+				var key = (e.which || e.keyCode);
+				
+				if (key === KeyCodes.enter) {
+					window.location.href = $(this).children('a').attr('href');
+				}
+			});
+		};
+		
+		this.disable_project_panel_tabbing = function() {
+			$('.project-menu-iteration-list-item').removeAttr('tabindex');
+			
+			$('.project-menu-iteration-list-item').off('keydown')
+		};
+		
+		this.toggle_project_panel = function() {
+			if (!this.project_panel_open) {
+				$('.project-dropdown-menu').parent().trigger('click');
+				this.project_panel_open = true;
+				
+				this.enable_project_panel_tabbing();
+			}
+			else {
+				this.disable_project_panel_tabbing();
+				$('body').trigger('click')
+				this.project_panel_open = false;
+			}
+		};
+		
+		
 		return this;
 	};
+	
+	Story = new StoryClass();
 });
 
 
@@ -190,14 +287,33 @@ var KeyCodes = {
 		right: 39,
 		up: 38,
 		down: 40
-	}
+	},
+	numbers: {
+		0: 48,
+		1: 49,
+		2: 50,
+		3: 51,
+		4: 52,
+		5: 53,
+		6: 54,
+		7: 55,
+		8: 56,
+		9: 57
+	},
+	a: 65,
+	b: 66,
+	i: 73,
+	l: 76,
+	p: 80,
+	t: 84,
+	enter: 13,
+	esc: 27
 };
 
 
 // Set the current story
 $(function() {
 	var $story_el = $('.scrum_board_story_block');
-	var Story = new StoryClass();
 	
 	// Mouseover
 	$story_el.on('mouseenter', function() {
@@ -238,3 +354,62 @@ $(function() {
 		}
 	});
 });
+
+
+// Story actions - keyboard shortcuts
+$(function() {
+	// Disable keyboard shortcuts when an input element is focused
+	$('input[type="text"], textarea').on('focus', function() {
+		// Disable
+		disable_keyboard_shortcuts();
+	}).on('blur', function() {
+		// Enable
+		enable_keyboard_shortcuts();
+	});
+	
+	var bind_keyboard_commands = function(e) {
+		var key = (e.which || e.keyCode);
+	
+		// console.log(e);
+	
+		var responds_to = [];
+		// for (var k in KeyCodes){}
+	
+		switch (key) {
+			case KeyCodes.i:
+				Story.edit();
+				break;
+			case KeyCodes.a:
+				Story.assign();
+				break;
+			case KeyCodes.p:
+				Story.point();
+				break;
+			case KeyCodes.t:
+				Story.tasks();
+				break;
+			case KeyCodes.b:
+				Story.toggle_project_panel();
+				break;
+			case KeyCodes.esc:
+				Story.close_edit_modal();
+				break;
+			case KeyCodes.l:
+				if (e.shiftKey) {
+					Story.list_view();
+				}
+				break;
+		}
+	};
+	
+	var disable_keyboard_shortcuts = function() {
+		console.log('DISABLED');
+		$(document).off('keydown', bind_keyboard_commands);
+	};
+	
+	var enable_keyboard_shortcuts = function() {
+		console.log('ENABLED');
+		$(document).on('keydown', bind_keyboard_commands);
+	};
+	enable_keyboard_shortcuts();
+});