Show socket status in the UI. Absolutely no styling yet.

res/app/components/stf/socket/socket-state-directive.js

@@ -0,0 +1,18 @@
+module.exports = function SocketStateDirectiveFactory(socket) {
+  return {
+    restrict: 'E'
+  , template: require('./socket-state.jade')
+  , scope: {
+    }
+  , link: function (scope) {
+      scope.$watch(
+        function() {
+          return socket.state
+        }
+      , function(state) {
+          scope.state = state
+        }
+      )
+    }
+  }
+}