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 52 matching lines @@
       #alertsList {
         background: white;
         border-left: 1px solid #ddd;
       }
       #noAlerts {
         margin: 1em;
         text-align: center;
         font-size: 2.5em;
         line-height: 150%;
       }
+      .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]]" id="noAlerts">
+              <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!
                 <br>
                 <img src="/images/jparent-jump.gif" alt="Julie Jumping" title="Julie Jumping">
               </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]]"
@@ skipping 98 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(_tree)',
         },
         logoutUrl: String,
         _path: {
           type: String,
         },
         _refreshPosition: {
           type: Number,
           value: function() { return 0; },
         },
         _selectedPage: {
@@ skipping 187 matching lines @@
         return allAlerts;
       },
 
       _computeHaveAlerts: function(alerts) {
         if (!alerts) {
           return true;
         }
         return alerts.length > 0;
       },
 
+      _computeHideWebkitNotice: function(tree) {
+        return tree != "chromium";
+      },
+
       ////////////////////// 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>