SoM: Added notice about chromium webkit failures + documentation links.

go/src/infra/appengine/sheriff-o-matic/elements/som-alert-item.html

Index: go/src/infra/appengine/sheriff-o-matic/elements/som-alert-item.html
diff --git a/go/src/infra/appengine/sheriff-o-matic/elements/som-alert-item.html b/go/src/infra/appengine/sheriff-o-matic/elements/som-alert-item.html
index fd286d996e71f8349bf7fb768ed86bd13d2bfd72..4bd78fcfdc5b4d4f3f2985a103da4c13b2d79c49 100644
--- a/go/src/infra/appengine/sheriff-o-matic/elements/som-alert-item.html
+++ b/go/src/infra/appengine/sheriff-o-matic/elements/som-alert-item.html
@@ -47,7 +47,8 @@
      #root {
        transition: opacity .25s;
      }
-     #bugsList {
+     #bugsList,
+     #handleLink {
        margin-left: 15px;
      }
      hr {
@@ -63,7 +64,10 @@
         <div class="list-item">
           <div class="alert-title-bar horizontal layout justified">
             <div class="horizontal layout">
-              <div class="alert-title self-center">[[alert.title]]</div>
+              <div class="alert-title self-center">[[alert.title]] </div>
+              <div id="handleLink" class="self-center" hidden$="[[!_helpLinkForAlert(alert)]]">
+                [<a href="[[_helpLinkForAlert(alert)]]">Help</a>]
+              </div>
               <div id="bugsList" hidden$="[[!_hasBugs]]" class="alert-links">
                 <template is="dom-repeat" items="[[annotation.bugs]]" as="bug">
                   <a target="_blank" href$="[[bug]]">[[_bugLabel(bug)]]</a>
@@ -182,6 +186,19 @@
         return `Active for: ${hours}h ${minutes}m ${seconds}s`;
       },
 
+      _helpLinkForAlert: function(alert) {
+        // TODO(zhangtiff): Add documentation links for other kinds of alerts
+        if (this._alertIsWebkit(alert)) {
+          return "http://www.chromium.org/blink/sheriffing";
+        }
+        return null;
+      },
+
+      _alertIsWebkit(alert) {
+        // TODO(zhangtiff): Find a better way to categorize alerts
+        return alert.key.includes("chromium.webkit");
+      },
+
       _classForAlert: function(alert, selected) {
         return 'alert' + (selected ? ' selected' : '');
       },