Working connect/disconnect handlers and status indicator

app/client/controllers/bufferController.js

@@ -13,9 +13,4 @@ module.exports = function($scope, socket, buffer) {
   buffer.append('---');
   buffer.append('<br>');
 
-  // buffer errors when received
-  socket.on('bot:error', function(error) {
-    buffer.error(error);
-  });
-
 };

app/client/controllers/index.js

@@ -7,5 +7,6 @@ exports.register = function(app) {
   app.controller('connectController', require('./connectController'));
   app.controller('bufferController',  require('./bufferController'));
   app.controller('chatController',    require('./chatController'));
+  app.controller('navController',     require('./navController'));
 
 };

app/client/controllers/navController.js

@@ -0,0 +1,30 @@
+/**
+ * Connect Controller
+ */
+
+module.exports = function($scope, socket) {
+
+  $scope.connected = false;
+
+  socket.on('bot:connect', function(data) {
+    $scope.$apply(function() {
+      $scope.host      = data.host;
+      $scope.port      = data.port;
+      $scope.username  = data.username;
+      $scope.connected = true;
+    });
+  });
+
+  socket.on('bot:disconnect', function() {
+    $scope.$apply(function() {
+      $scope.connected = false;
+    });
+  })
+
+  socket.on('disconnect', function() {
+    $scope.$apply(function() {
+      $scope.connected = false;
+    });
+  });
+
+};

app/client/services/buffer.js

@@ -15,7 +15,7 @@ module.exports = function(socket) {
   });
 
   socket.on('buffer:error', function(string) {
-    $('#buffer').append('<span style="color:#D62D18;">[i] ' + error + '</span><br>')
+    $('#buffer').append('<span style="color:#D62D18;">[i] ' + string + '</span><br>')
     $('#buffer').scrollTop($('#buffer').prop('scrollHeight'));
   });