Add in OAuth authentication to Isolate Polymer UI

appengine/isolate/ui/res/imp/common/isolate-app.html

 <!--
-  Copyright 2016 The LUCI Authors. All rights reserved.
+  Copyright 2017 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:
 
-    <swarming-app>
+    <isolate-app>
 
-  <swarming-app> is meant to be used in top level elements to provide the header
+  <isolate-app> is meant to be used in top level elements to provide the header
       toolbar and authentication.
 
   It contains the definition of the following style modules:
 
-    swarming-app-style
+    isolate-app-style
 
-  <style include="shared-style"> contains styles to be shared among all
+  <style include="isolate-shared-style"> contains styles to be shared among all
       apps, such as colors.
 
   Properties:
     busy: Boolean, If the busy spinner should be active.
     client_id: String, Oauth 2.0 client id.  It will be set by server-side
         template evaluation.
     name: String, the name of the app to be displayed.
 
     auth_headers: Object, Use this as an argument to sk.request to set oauth2 headers.
-    permissions: Object, {String:Boolean} of permissions to perform various
-        behaviors, such as terminate_bot.
-    server_details: Object, containing mutliple Strings including:
+    server_details: Object, containing multiple Strings including:
         server_version: what git revision the server is using.
         bot_version: A hash of the bot code being distributed. Isn't associated
             with any git revisions
     signed_in: Boolean, if the user is signed in.
   Methods:
     None.
 
   Events:
     None.
 -->
 
 <link rel="import" href="/res/imp/bower_components/app-layout/app-layout.html">
 <link rel="import" href="/res/imp/bower_components/iron-flex-layout/iron-flex-layout-classes.html">
 <link rel="import" href="/res/imp/bower_components/iron-icons/iron-icons.html">
 <link rel="import" href="/res/imp/bower_components/iron-media-query/iron-media-query.html">
 <link rel="import" href="/res/imp/bower_components/paper-fab/paper-fab.html">
 <link rel="import" href="/res/imp/bower_components/paper-icon-button/paper-icon-button.html">
 <link rel="import" href="/res/imp/bower_components/paper-item/paper-item.html">
 <link rel="import" href="/res/imp/bower_components/paper-menu/paper-menu.html">
 <link rel="import" href="/res/imp/bower_components/paper-spinner/paper-spinner-lite.html">
 
-<link rel="import" href="auth-signin.html">
+<link rel="import" href="/res/imp/shared/auth-signin.html">
+<link rel="import" href="/res/imp/shared/error-toast.html">
+
 <link rel="import" href="common-behavior.html">
-<link rel="import" href="error-toast.html">
 
-<dom-module id="swarming-app">
+<dom-module id="isolate-app">
   <template>
     <style include="iron-flex">
       :host {
         position: absolute;
         top: 0;
         bottom: 0;
         left: 0;
         right: 0;
       }
 
@@ skipping 56 matching lines @@
       }
 
       paper-spinner-lite {
         --paper-spinner-color: var(--google-yellow-500);
       }
     </style>
 
     <app-header-layout>
       <app-drawer id="mobile_menu">
           <div class="menu-item"><a class="left" href="/">Home</a></div>
-          <div class="menu-item"><a class="left" href="/botlist">Bot List</a></div>
-          <div class="menu-item"><a class="left" href="/tasklist">Task List</a></div>
-          <div class="menu-item"><a class="left" href="/oldui">Old UI</a></div>
       </app-drawer>
       <app-header fixed>
         <app-toolbar class$="[[_toolbarClass(client_id)]]">
           <paper-icon-button
               class="menu-button"
               icon="icons:menu"
               on-tap="_toggleMobileMenu"
               hidden$="[[wide_layout]]">
           </paper-icon-button>
           <div class="title left">[[name]]</div>
           <paper-spinner-lite class="left" active="[[_or(busy,_busy1,_busy2)]]"></paper-spinner-lite>
 
           <a class="left" href="/" hidden$="[[!wide_layout]]">Home</a>
-          <a class="left" href="/botlist" hidden$="[[!wide_layout]]">Bot List</a>
-          <a class="left" href="/tasklist" hidden$="[[!wide_layout]]">Task List</a>
           <div class="flex" hidden$="[[!wide_layout]]"></div>
           <template is="dom-if" if="[[client_id]]">
             <div class="small right">
               Server:
               <a href$="[[_versionLink(server_details)]]">
                 [[server_details.server_version]]
               </a>
             </div>
             <auth-signin
                 class="right"
@@ skipping 15 matching lines @@
       <a target="_blank" rel="noopener" href="https://bugs.chromium.org/p/chromium/issues/entry?components=Infra%3EPlatform%3ESwarming%3EWebUI&owner=kjlubick@chromium.org&status=Assigned">
         <paper-fab mini icon="icons:bug-report"></paper-fab>
       </a>
     </app-header-layout>
 
     <iron-media-query query="min-width: 600px" query-matches="{{wide_layout}}"></iron-media-query>
 
   </template>
   <script>
     Polymer({
-      is: 'swarming-app',
+      is: 'isolate-app',
 
       behaviors: [
-          SwarmingBehaviors.CommonBehavior,
+          IsolateBehaviors.CommonBehavior,
       ],
 
       properties: {
         // input
         busy: {
           type: Boolean,
         },
         client_id: {
           type: String,
         },
         name: {
           type: String,
         },
         // outputs
         auth_headers: {
           type: Object,
           notify: true,
           observer: "_load"
         },
 
-        permissions: {
-          type: Object,
-          value: function() {
-            // If we aren't logged in, default to no permissions.
-            return {};
-          },
-          notify: true,
-        },
         profile: {
           type: Object,
           notify: true,
         },
 
         server_details: {
           type: Object,
           notify: true,
         },
 
         signed_in: {
           type: Boolean,
           value: false,
           notify: true,
         },
 
         // private
         _busy1: {
           type: Boolean,
           value: false,
         },
         _busy2: {
           type: Boolean,
           value: false,
         }
 
       },
 
       _load: function() {
-        this._getJsonAsync("permissions", "/api/swarming/v1/server/permissions",
-          "_busy1", this.auth_headers);
-        this._getJsonAsync("server_details", "/api/swarming/v1/server/details",
+        this._getJsonAsync("server_details", "/_ah/api/isolateservice/v1/server_details",
           "_busy2", this.auth_headers).catch(function(r){
             sk.errorMessage("Http response: "+ (r.status || " ") + " " + r.response);
           });
       },
 
       _toggleMobileMenu: function() {
         this.$.mobile_menu.toggle();
       },
 
       _toolbarClass: function(client_id) {
@@ skipping 11 matching lines @@
         if (split.length !== 2) {
           return undefined;
         }
         return "https://github.com/luci/luci-py/commit/"+split[1];
       }
 
     });
   </script>
 </dom-module>
 
-<dom-module id="swarming-app-style">
+<dom-module id="isolate-app-style">
   <style>
       * {
         font-family: sans-serif;
       }
       /* Only style anchor tags that are actually linking somewhere.*/
       a[href] {
         color: #1F78B4;
       }
 
       /*
@@ skipping 71 matching lines @@
         border: none;
         line-height: 20px;
         vertical-align: middle;
       }
 
       select {
         overflow-y: auto;
       }
   </style>
 </dom-module>