From 481ee4096b9b181cafc035c7d4e76f94e1fb4b9c Mon Sep 17 00:00:00 2001
From: Julius Volz <julius.volz@gmail.com>
Date: Wed, 24 Jul 2013 12:23:35 +0200
Subject: [PATCH] Add no-op silencing links.

---
 web/static/css/alerts.css | 4 ++++
 web/static/js/alerts.js   | 4 ++++
 web/templates/alerts.html | 3 +++
 3 files changed, 11 insertions(+)

diff --git a/web/static/css/alerts.css b/web/static/css/alerts.css
index ea95be1f4..f7061c4d8 100644
--- a/web/static/css/alerts.css
+++ b/web/static/css/alerts.css
@@ -6,6 +6,10 @@
   display: none;
 }
 
+.silence_children_link {
+  margin-left: 5px;
+}
+
 .alert_rule {
   padding: 5px;
   color: #333;
diff --git a/web/static/js/alerts.js b/web/static/js/alerts.js
index 25fc07b46..6ccae0efe 100644
--- a/web/static/js/alerts.js
+++ b/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);
diff --git a/web/templates/alerts.html b/web/templates/alerts.html
index 6219ebd19..5ff2fcef0 100644
--- a/web/templates/alerts.html
+++ b/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>