Add no-op silencing links.

web/static/css/alerts.css

@@ -6,6 +6,10 @@
   display: none;
 }
 
+.silence_children_link {
+  margin-left: 5px;
+}
+
 .alert_rule {
   padding: 5px;
   color: #333;

web/static/js/alerts.js

@@ -9,6 +9,10 @@ function init() {
     }
     $(this).next().toggle();
   });
+
+  $(".silence_alert_link, .silence_children_link").click(function() {
+    alert("Silencing is not yet supported.");
+  });
 }
 
 $(init);

web/templates/alerts.html

@@ -18,6 +18,7 @@
         <td>
           <div class="alert_description">
             <span class="label alert_rule">{{.HTMLSnippet}}</span>
+            <a href="#" class="silence_children_link">Silence All Children&hellip;</a>
           </div>
           {{if $activeAlerts}}
           <table class="table table-bordered table-hover table-condensed alert_elements_table">
@@ -26,6 +27,7 @@
               <th>State</th>
               <th>Active Since</th>
               <th>Value</th>
+              <th>Silence</th>
             </tr>
             {{range $activeAlerts}}
             <tr class="{{index $alertStateToRowClass .State}}"> 
@@ -33,6 +35,7 @@
               <td>{{.State}}</td>
               <td>{{.ActiveSince}}</td>
               <td>{{.Value}}</td>
+              <td><a href="#" class="silence_alert_link">Silence&hellip;</button><td>
             </tr>
             {{end}}
           </table>