have basic command line history down

src/git.js

@@ -104,11 +104,14 @@ GitEngine.prototype.commit = function() {
   if (this.currentOptions['--amend']) {
     targetCommit = this.resolveId('HEAD~1');
   }
+  if (this.currentOptions['-a']) {
+    events.trigger('commandProcessWarn', 'No need to add files in this demo');
+  }
 
   var newCommit = this.makeCommit(targetCommit);
 
   if (this.getDetachedHead()) {
-    events.trigger('commandProcessWarn', "Warning!! Detached HEAD state");
+    events.trigger('commandProcessWarn', 'Warning!! Detached HEAD state');
   } else {
     var targetBranch = this.HEAD.get('target');
     targetBranch.set('target', newCommit);

src/views.js

@@ -1,10 +1,15 @@
 var CommandLineView = Backbone.View.extend({
   initialize: function(options) {
     this.commands = [];
+    this.index = -1;
 
     this.$('#commandTextField').keyup(
       $.proxy(this.keyUp, this)
     );
+
+    events.on('commandConsumed', _.bind(
+      this.parseOrCatch, this
+    ));
   },
 
   keyUp: function(e) {
@@ -12,8 +17,17 @@ var CommandLineView = Backbone.View.extend({
 
     // we need to capture some of these events
     var keyMap = {
+      // enter
       13: _.bind(function() {
         this.submit();
+      }, this),
+      // up
+      38: _.bind(function() {
+        this.commandSelectChange(1);
+      }, this),
+      // down
+      40: _.bind(function() {
+        this.commandSelectChange(-1);
       }, this)
     };
 
@@ -23,9 +37,18 @@ var CommandLineView = Backbone.View.extend({
     }
   },
 
-  addCommand: function(e) {
+  commandSelectChange: function(delta) {
-    e.preventDefault();
+    this.index += delta;
-    this.submit();
+    
+    // if we are over / under, display blank line
+    if (this.index >= this.commands.length || this.index < 0) {
+      this.clear();
+      this.index = -1;
+      return;
+    }
+
+    // yay! we actually can display something
+    this.setTextField(this.commands[this.index]);
   },
 
   processError: function(err) {
@@ -42,16 +65,30 @@ var CommandLineView = Backbone.View.extend({
     }
   },
 
+  setTextField: function(value) {
+    this.$('#commandTextField').val(value);
+  },
+
+  clear: function() {
+    this.setTextField('');
+  },
+
   submit: function() {
     var value = this.$('#commandTextField').val().replace('\n', '');
-    this.$('#commandTextField').val('');
+    this.clear();
+
+    if (value.length) {
+      this.commands.unshift(value);
+    }
+    this.index = -1;
 
     events.trigger('commandConsumed', value);
+  },
 
+  parseOrCatch: function(value) {
     try {
       var command = new Command(value);
       console.log(command);
-      // immediately execute for now, will change later
       events.trigger('gitCommandReady', command);
     } catch (err) {
       this.processError(err);
@@ -77,6 +114,7 @@ var CommandLineHistoryView = Backbone.View.extend({
       this.commandResultPrint, this
     ));
 
+    // TODO: move these to a real template system
     this.commandTemplate = ' \
       <p class="commandLine <%= className %>"> \
         <span class="arrows">&gt; &gt; &gt;</span> \