input and output logged

css/serialMonitor.css

@@ -42,4 +42,12 @@
     position: absolute;
     margin-left: 10px;
     margin-top: 12px;
+  }
+
+  span.incoming {
+        color: #999;
+  }
+
+  span.outgoing {
+        font-weight:700;
   }
\ No newline at end of file

js/SerialMonitor/SerialMonitor.js

@@ -8,7 +8,7 @@ define(['backbone'], function(Backbone){
     var SerialMonitor = Backbone.Model.extend({
 
         defaults: {
-            autoscroll: false
+            autoscroll: true
         }
 
     });

js/SerialMonitor/SerialMonitorView.js

@@ -62,8 +62,12 @@ define(['jquery', 'underscore', 'commParentMenu', 'serialComm', 'text!SerialMoni
             $("#serialMonitorOutput").html("");
         },
 
+        __sendMessage: function(message){
+            $("#serialMonitorOutput").append("<span class='outgoing'>" + message + "</span><br/>");
+        },
+
         _updateIncomingMessage: function(){
-            $("#serialMonitorOutput").append(serialComm.get("lastMessageReceived") + "<br/>");
+            $("#serialMonitorOutput").append("<span class='incoming'>" + serialComm.get("lastMessageReceived") + "</span><br/>");
         },
 
         template: _.template(template)

js/menus/CommParentMenu.js

@@ -37,6 +37,7 @@ define(['jquery', 'underscore', 'menuParent', 'plist', 'serialComm', 'commPlist'
             $("#sendSerialMessage").val("");
             if (message == "") return;
             serialComm.send(message);
+            if (this.__sendMessage) this.__sendMessage(message);
         },
 
         _updateIncomingMessage: function(){