Several small changes to new UI pages

appengine/swarming/elements/res/imp/botlist/bot-list.html

 <!--
   Copyright 2016 The LUCI Authors. All rights reserved.
   Use of this source code is governed under the Apache License, Version 2.0
   that can be found in the LICENSE file.
 
   This in an HTML Import-able file that contains the definition
   of the following elements:
 
     <bot-list>
 
@@ skipping 114 matching lines @@
                 <span>Bot Id</span>
                 <sort-toggle
                     name="id"
                     current="[[_sort]]">
                 </sort-toggle>
               </th>
               <!-- This wonky syntax is the proper way to listen to changes on an
               array (we are listening to all subproperties). The element returned is
               not of much use, so we'll ignore it in _hide() and use this._columns.
               -->
+              <th hidden$="[[_hide('cloud_console_link', _columns.*)]]">
+                <span>Bot in Cloud Console</span>
+                <sort-toggle
+                    name="cloud_console_link"
+                    current="[[_sort]]">
+                </sort-toggle>
+              </th>
               <th hidden$="[[_hide('task', _columns.*)]]">
                 <span>Current Task</span>
                 <sort-toggle
                     name="task"
                     current="[[_sort]]">
                 </sort-toggle>
               </th>
 
               <template
                   is="dom-repeat"
@@ skipping 15 matching lines @@
                 is="dom-repeat"
                 items="[[_filteredSortedItems]]"
                 as="bot"
                 initial-count=50>
 
               <tr class$="[[_botClass(bot)]]">
                 <td>
                   <a
                       class="center"
                       href$="[[_botLink(bot.bot_id)]]"
-                      target="_blank">
+                      target="_blank"
+                      rel="noopener">
                       [[bot.bot_id]]
                   </a>
                 </td>
+                <td hidden$="[[_hide('cloud_console_link', _columns.*)]]">
+                  <a href$="[[_ccLink(bot)]]">[[_ccText(bot)]]</a>
+                </td>
                 <td hidden$="[[_hide('task', _columns.*)]]">
                   <a href$="[[_taskLink(bot.task_id)]]">[[_taskId(bot)]]</a>
                 </td>
 
                 <template
                     is="dom-repeat"
                     items="[[_plainColumns]]"
                     as="c">
                   <td hidden$="[[_hide(c)]]">
                     [[_column(c, bot, _verbose)]]
@@ skipping 351 matching lines @@
       _botClass: function(bot) {
         if (bot.is_dead) {
           return "dead";
         }
         if (bot.quarantined) {
           return "quarantined";
         }
         return "";
       },
 
+      _ccLink: function(bot){
+        var z = this._attribute(bot, "zone")[0];
+        if (z === "unknown") {
+          return undefined;
+        }
+        return this._cloudConsoleLink(z, bot.bot_id);
+      },
+
+      _ccText: function(bot){
+        var z = this._attribute(bot, "zone")[0];
+        if (z === "unknown") {
+          return "Not on GCE";
+        }
+        return "View Bot";
+      },
+
       _androidAliasDevice: function(device) {
         if (device.notReady) {
           return UNAUTHENTICATED.toUpperCase();
         }
         return swarming.alias.android(this._deviceType(device));
       },
 
       _deviceColumn: function(col, device) {
         var f = deviceColumnMap[col];
         if (!f || !device) {
@@ skipping 14 matching lines @@
           return;
         }
         var url = "/_ah/api/swarming/v1/bots/list?" + sk.query.fromParamSet(this._query_params);
         this.$.page_bots.load(url,this._auth_headers);
       }
 
     });
   })();
   </script>
 </dom-module>