display labels at the top of the view for which topics we're watching

Fixes #13

src/ratpack/handlebars/topic-watch.html.hbs

@@ -29,6 +29,7 @@
     </div>
 
     <div class="wallboard-title">{{title}}</div>
+    <div class="topics-watched"></div>
 
     <div class="messages-list-container" id="messages">
     </div>
@@ -75,6 +76,11 @@
         $('#stop').toggle();
         watchTopic("{{name}}");
     });
+
+    // Add our labels into the view
+    $("{{name}}".split('+')).each(function (idx, value) {
+        $('.topics-watched').append($("<span class='label label-default'>" + value + '</span>'))
+    });
 </script>
 
 {{> footer}}

src/ratpack/public/css/offtopic.css

@@ -38,3 +38,7 @@ body {
 .message-show-b64 {
     font-size: 0.7em;
 }
+
+.topics-watched .label {
+    margin-right: 3px;
+}