From 85c474de3b36b6360b804b093fab3ad418c7edd0 Mon Sep 17 00:00:00 2001
From: "R. Tyler Croy" <tyler@monkeypox.org>
Date: Wed, 2 Sep 2015 09:06:02 -0700
Subject: [PATCH] display labels at the top of the view for which topics we're
 watching Fixes #13

---
 src/ratpack/handlebars/topic-watch.html.hbs | 6 ++++++
 src/ratpack/public/css/offtopic.css         | 4 ++++
 2 files changed, 10 insertions(+)

diff --git a/src/ratpack/handlebars/topic-watch.html.hbs b/src/ratpack/handlebars/topic-watch.html.hbs
index f79a390..b4c14fc 100644
--- a/src/ratpack/handlebars/topic-watch.html.hbs
+++ b/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}}
diff --git a/src/ratpack/public/css/offtopic.css b/src/ratpack/public/css/offtopic.css
index 7d93011..3050035 100644
--- a/src/ratpack/public/css/offtopic.css
+++ b/src/ratpack/public/css/offtopic.css
@@ -38,3 +38,7 @@ body {
 .message-show-b64 {
     font-size: 0.7em;
 }
+
+.topics-watched .label {
+    margin-right: 3px;
+}