Allow monitoring of a particular mailbox for #44

- No UI to access, just append /mailbox to /monitor URL
- Changed API URLs:
  - /api/v1/monitor/messages - all
  - /api/v1/monitor/messages/{name} - specific

themes/bootstrap/public/monitor.js

@@ -1,6 +1,6 @@
 var baseURL = window.location.protocol + '//' + window.location.host;
 
-function startMonitor() {
+function startMonitor(mailbox) {
   $.addTemplateFormatter({
     "date": function(value, template) {
       return moment(value).calendar();
@@ -13,7 +13,10 @@ function startMonitor() {
     }
   });
 
-  var uri = '/api/v1/monitor/all/messages'
+  var uri = '/api/v1/monitor/messages'
+  if (mailbox) {
+    uri += '/' + mailbox;
+  }
   var l = window.location;
   var url = ((l.protocol === "https:") ? "wss://" : "ws://") + l.host + uri
   var ws = new WebSocket(url);

themes/bootstrap/templates/root/monitor.html

@@ -5,7 +5,7 @@
 <script>
 $(document).ready(function () {
   $('#nav-monitor').addClass('active');
-  startMonitor();
+  startMonitor('{{.name}}');
 });
 </script>
 <script type="text/html" id="message-template">
@@ -32,7 +32,12 @@ $(document).ready(function () {
   <button class="btn btn-primary" onclick="clearClick();">Clear</button>
 </div>
 
-<p class="small">Messages will be listed here shortly after delivery.</p>
+<p class="small">
+  Messages will be listed here shortly after delivery.
+  {{with .name}}
+  Only showing messages for mailbox <code>{{.}}</code>.
+  {{end}}
+</p>
 
 <div class="table-responsive clearfix">
   <table class="table table-condensed table-hover">