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

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

 <link rel="import" href="/bower_components/polymer/polymer.html">
 <link rel="import" href="/bower_components/iron-ajax/iron-ajax.html">
 <link rel="import" href="/bower_components/iron-flex-layout/classes/iron-flex-layout.html">
 <link rel="import" href="/bower_components/iron-icons/hardware-icons.html">
 <link rel="import" href="/bower_components/iron-icon/iron-icon.html">
 <link rel="import" href="/bower_components/iron-icons/iron-icons.html">
 <link rel="import" href="/bower_components/iron-location/iron-location.html">
 <link rel="import" href="/bower_components/iron-pages/iron-pages.html">
 <link rel="import" href="/bower_components/neon-animation/animations/scale-up-animation.html">
 <link rel="import" href="/bower_components/neon-animation/animations/fade-out-animation.html">
@@ skipping 50 matching lines @@
       }
       #refresh {
         width: 25px;
         height: 25px;
         padding: 0;
       }
       #alertsList {
         background: white;
         border-left: 1px solid #ddd;
       }
+      .notification {
+        box-sizing: border-box;
+        width: 100%;
+        padding: 8px 10px;
+        margin: 10px auto 20px;
+        border: 1px solid #666;
+        border-radius: 5px;
+      }
     </style>
     <iron-location id="url" path="{{_path}}"></iron-location>
     <iron-ajax
         auto
         id="annotations"
         url="/api/v1/annotations"
         handle-as="json"
         last-error="{{_annotationsJsonError}}"
         last-response="{{annotationsJson}}"
         debounce-duration="300"></iron-ajax>
@@ skipping 21 matching lines @@
             <div class="user-name">
               [[user]] (<a href$="[[logoutUrl]]">Log Out </a>)
             </div>
             <paper-icon-button on-tap="_refresh" id="refresh" icon="refresh"></paper-icon-button>
           </div>
           <paper-spinner active="[[_fetchingAlerts]]"></paper-spinner>
         </paper-toolbar>
         <div class="flex layout vertical">
           <iron-pages attr-for-selected='id' selected="[[_selectedPage]]" class="flex layout vertical">
             <div id="alertsList">
-             <div hidden$="[[_haveAlerts]]">
+              <div class="list-item" hidden$="[[_hideWebkitNotice]]">
+                <div class="notification">
+                  Chromium sheriffs: you now need to handle WebKit bot failures too. <a href="http://www.chromium.org/blink/sheriffing" target="_blank">More information</a>.
+                </div>
+              </div>
+              <div hidden$="[[_haveAlerts]]">
                 No alerts!
               </div>
               <div id="alertsListInner">
                 <template is="dom-repeat" items="[[_alerts]]" as="alert">
                   <div class="list-item" tabindex$="[[tabIndex]]">
                     <som-alert-item
                         alert="{{alert}}"
                         tree="[[_tree]]"
                         selected="[[selected]]"
                         annotation="[[_computeAnnotation(annotations, alert)]]"
@@ skipping 96 matching lines @@
         },
         _annotationPostError: {
           type: Object,
           value: function() { return {}; },
         },
         _bugModel: Object,
         _filedBug: {
           type: Boolean,
           value: false,
         },
+        _fetchingAlerts: {
+          type: Boolean,
+          computed: '_computeFetchingAlerts(_activeRequests)',
+        },
         _haveAlerts: {
           type: Boolean,
           computed: '_computeHaveAlerts(_alerts)',
         },
-        _fetchingAlerts: {
+        _hideWebkitNotice: {
           type: Boolean,
-          computed: '_computeFetchingAlerts(_activeRequests)',
+          computed: '_computeHideWebkitNotice(_alerts)',
         },
         logoutUrl: String,
         _path: {
           type: String,
         },
         _refreshPosition: {
           type: Number,
           value: function() { return 0; },
         },
         _selectedPage: {
@@ skipping 183 matching lines @@
         return allAlerts;
       },
 
       _computeHaveAlerts: function(alerts) {
         if (!alerts) {
           return true;
         }
         return alerts.length > 0;
       },
 
+      _computeHideWebkitNotice: function(alerts) {

[martiniss, 2016/06/23 22:55:07]

Why don't we just always show this to chromium sheriffs, and no one else. So
just turn this into `if tree == 'chromium`? sean WDYT? 

Also, this would prevent android sheriffs from seeing this.

[seanmccullough1, 2016/06/23 23:17:30]

SGTM

+        if (alerts) {
+          for (var i in alerts) {
+            if (alerts[i].key.includes("chromium.webkit")) {
+              return false;
+            }
+          }
+        }
+        return true;
+      },
+
       ////////////////////// Annotations ///////////////////////////
 
       _computeAnnotations: function(annotationsJson) {
         let annotations = {};
         if (!annotationsJson) {
           return annotations;
         }
         annotationsJson.forEach(function(annotation) {
           annotations[annotation.key] = annotation;
         });
@@ skipping 82 matching lines @@
           }
         ).completes.then(() => {
           this.$.snoozeTime.value = '';
         });
       },
 
     });
   })();
   </script>
 </dom-module>