Refactor prior to adding task-page

appengine/swarming/elements/res/imp/botpage/bot-page.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-page>
 
@@ skipping 16 matching lines @@
 <link rel="import" href="/res/imp/bower_components/iron-collapse/iron-collapse.html">
 <link rel="import" href="/res/imp/bower_components/iron-icon/iron-icon.html">
 <link rel="import" href="/res/imp/bower_components/iron-icons/iron-icons.html">
 <link rel="import" href="/res/imp/bower_components/paper-button/paper-button.html">
 <link rel="import" href="/res/imp/bower_components/paper-checkbox/paper-checkbox.html">
 <link rel="import" href="/res/imp/bower_components/paper-dialog/paper-dialog.html">
 <link rel="import" href="/res/imp/bower_components/paper-input/paper-input.html">
 <link rel="import" href="/res/imp/bower_components/paper-tabs/paper-tabs.html">
 <link rel="import" href="/res/imp/bower_components/polymer/polymer.html">
 
+<link rel="import" href="/res/imp/common/error-toast.html">
+<link rel="import" href="/res/imp/common/single-page-style.html">
 <link rel="import" href="/res/imp/common/swarming-app.html">
 <link rel="import" href="/res/imp/common/url-param.html">
-<link rel="import" href="/res/imp/common/error-toast.html">
 
 <link rel="import" href="bot-page-data.html">
 <link rel="import" href="bot-page-shared-behavior.html">
 
 
 <dom-module id="bot-page">
   <template>
-    <style include="iron-flex iron-flex-alignment iron-positioning swarming-app-style">
+    <style include="iron-flex iron-flex-alignment iron-positioning swarming-app-style single-page-style">
+      .message {
+        white-space: pre-line;
+        font-family: monospace;
+      }
 
-    .header {
-      max-width: 450px;
-    }
+      .bot_state {
+        white-space: pre;
+        font-family: monospace;
+        margin-bottom: 10px;
+      }
 
-    .title {
-      font-size: 1.5em;
-      font-weight: bold;
-      margin-bottom: 5px;
-    }
-    .id_input {
-      --paper-input-container-input: {
-        font-size: 2em;
-      };
-    }
-    .refresh {
-      max-width: 50px;
-      max-height: 50px;
-      width: initial;
-      height: initial;
-    }
+      .tasks_table,
+      .events_table {
+        border: 3px solid #1F78B4;
+      }
 
-    table {
-      border-collapse: collapse;
-      margin-left: 5px;
-      margin-bottom: 5px;
-    }
-    td,
-    th {
-      border: 1px solid #BBB;
-      padding: 5px;
-    }
+      paper-checkbox {
+        --paper-checkbox-label-color: #fff;
+        --paper-checkbox-checked-color: #fff;
+        --paper-checkbox-checkmark-color: #000;
+        --paper-checkbox-unchecked-color: #fff;
+        padding: 3px;
+      }
 
-    .quarantined,
-    .failed_task {
-      background-color: #ffdddd;
-    }
-    .dead,
-    .bot_died {
-      background-color: #cccccc;
-    }
-
-    .message {
-      white-space: pre-line;
-      font-family: monospace;
-    }
-
-    .bot_state {
-      white-space: pre;
-      font-family: monospace;
-      margin-bottom: 10px;
-    }
-
-    .tabs {
-      background-color: #1F78B4;
-      color: #fff;
-      max-width: 600px;
-      --paper-checkbox-label-color: #fff;
-      margin-left: 5px;
-    }
-
-    .tasks_table,
-    .events_table {
-      border: 3px solid #1F78B4;
-    }
-
-    paper-checkbox {
-      --paper-checkbox-label-color: #fff;
-      --paper-checkbox-checked-color: #fff;
-      --paper-checkbox-checkmark-color: #000;
-      --paper-checkbox-unchecked-color: #fff;
-      padding: 3px;
-    }
-
-    paper-tab.iron-selected {
-      background-color: #A6CEE3;
-      border: 3px solid #1F78B4;
-      color: #000;
-      font-weight: bold;
-      text-decoration: underline;
-    }
-
-    paper-dialog {
-      border-radius: 6px;
-    }
-
+      paper-dialog {
+        border-radius: 6px;
+      }
     </style>
 
     <url-param name="id"
       value="{{bot_id}}">
     </url-param>
     <url-param name="show_all_events"
       value="{{_show_all}}">
     </url-param>
     <url-param name="selected"
       value="{{_selected}}">
@@ skipping 205 matching lines @@
         <paper-button dialog-confirm>Yes</paper-button>
       </div>
     </paper-dialog>
 
     <error-toast></error-toast>
 
   </template>
   <script>
   (function(){
 
-
     Polymer({
       is: 'bot-page',
 
       behaviors: [
           SwarmingBehaviors.BotPageBehavior,
       ],
 
       properties: {
         bot_id: {
           type: String,
@@ skipping 139 matching lines @@
       _taskClass: function(task) {
         if (task && task.internal_failure) {
           return "bot_died";
         }
         if (task && task.failure) {
           return "failed_task";
         }
         return "";
       },
 
-      _taskLink: function(task_id) {
-        // TODO(kjlubick): Migrate this to /newui/ when ready
-        if (task_id) {
-          return "/user/task/" + task_id;
-        }
-        return undefined;
-      },
-
       _toggleState: function() {
         this.set("_show_state", !this._show_state);
       }
 
     });
   })();
   </script>
 </dom-module>