add show info

res/index.html

@@ -54,7 +54,7 @@
       <button class="btn btn-default btn-sm" v-on:click="reload">
         <span class="glyphicon glyphicon-repeat"></span> Reload
       </button>
-      <button class="btn btn-default btn-sm" v-on:click="test">
+      <button class="btn btn-default btn-sm" v-on:click="test" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">
         <span class="glyphicon glyphicon-glass"></span> Test
       </button>
     </div>
@@ -84,6 +84,9 @@
               <a href="/settings/{{p.program.name}}" class="btn btn-default btn-xs">
                 <span class="glyphicon glyphicon-cog"></span> More
               </a>
+              <button class="btn btn-default btn-xs" data-toggle="tooltip" title="{{p.program.command}}" >
+                <span class="glyphicon glyphicon-info-sign"></span> Info
+              </button>
             </td>
           </tr>
           <!-- <tr class="success">

res/js/common.js

@@ -41,3 +41,7 @@ function formatBytes(value) {
     else if (bytes < 1073741824) return (bytes / 1048576).toFixed(1) + " MB";
     else return (bytes / 1073741824).toFixed(1) + " GB";
 }
+
+$(function(){
+    $(".tooltip-wraper").tooltip();
+})

res/js/index.js

@@ -59,6 +59,9 @@ var vm = new Vue({
                 url: "/api/programs",
                 success: function(data) {
                     vm.programs = data;
+                    Vue.nextTick(function(){
+                        $('[data-toggle="tooltip"]').tooltip()
+                    })
                 }
             });
         },

web.go

@@ -448,6 +448,7 @@ func (s *Supervisor) wsEvents(w http.ResponseWriter, r *http.Request) {
 	ch := make(chan string, 0)
 	s.addStatusChangeListener(ch)
 	go func() {
+		_, _ = <-ch // ignore the history messages
 		for message := range ch {
 			// Question: type 1 ?
 			c.WriteMessage(1, []byte(message))