rpcexplorer: change rootPath property

web/inc/rpcexplorer/rpc-explorer.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.
 -->
 
 <link rel="import" href="../bower_components/app-router/app-router.html">
 <link rel="import" href="../bower_components/polymer/polymer.html">
 <link rel="import"
     href="../bower_components/html5-history-anchor/html5-history-anchor.html">
@@ skipping 46 matching lines @@
             data-toggle="collapse"
             aria-expanded="false">
           <span class="sr-only">Toggle navigation</span>
           <span class="icon-bar"></span>
           <span class="icon-bar"></span>
           <span class="icon-bar"></span>
         </button>
         <span class="navbar-brand">
           <span id="progress-spinner" class="not-spinning">
             <a is="html5-history-anchor" pushstate popstate
-                href="[[rootPath]]">RPC Explorer</a>
+                href="[[explorerRootPath]]">RPC Explorer</a>
           </span>
         </span>
       </div>
 
       <div class="navbar-collapse collapse">
         <div class="nav navbar-nav navbar-right">
           <div id="signinContainer">
             <auth-signin client-id="[[clientId]]"></auth-signin>
           </div>
         </div>
       </div>
 
     </div>
 
     <ol class="breadcrumb">
       <li>
         <a is="html5-history-anchor" pushstate popstate
-            href="[[rootPath]]/services/">Home</a>
+            href="[[explorerRootPath]]/services/">Home</a>
       </li>
       <li hidden="[[!service]]">
         <a is="html5-history-anchor" pushstate popstate
-            href="[[rootPath]]/services/[[service]]/">[[service]]</a>
+            href="[[explorerRootPath]]/services/[[service]]/">[[service]]</a>
       </li>
       <li hidden="[[!method]]">
         <a is="html5-history-anchor" pushstate popstate
-            href="[[rootPath]]/services/[[service]]/[[method]]">
+            href="[[explorerRootPath]]/services/[[service]]/[[method]]">
           [[method]]
         </a>
       </li>
     </ol>
 
     <template is="dom-if" if="[[loadingDescription]]">
       <div id="loadingContainer">
         <paper-spinner alt="Loading description" active></paper-spinner>
       </div>
     </template>
@@ skipping 16 matching lines @@
     </app-router>
   </template>
 
   <script>
     'use strict';
 
     Polymer({
       is: 'rpc-explorer',
 
       properties: {
-        rootPath: {
+        explorerRootPath: {
           type: String,
           value: '',
-          observer: '_onRootPathChanged'
+          observer: '_onExplorerRootPathChanged'
         },
 
         clientId: String,
 
         service: String,
 
         method: String,
 
         /** @type {DescribeResponse} */
         serverDescription: {
           type: Object,
           observer: '_onServerDescriptionChanged'
         }
       },
 
-      _onRootPathChanged: function (newVal) {
+      _onExplorerRootPathChanged: function (newVal) {
         // The app-router element does not like data-binding in its attributes
         // so we update their values manually.
-        var rootPath = newVal || '',
-            servicesPath = rootPath + '/services/',
+        var explorerRootPath = newVal || '',
+            servicesPath = explorerRootPath + '/services/',
             servicePath = servicesPath + ':service/',
             methodPath = servicePath + ':method';
         this.$.servicesRoute.setAttribute('path', servicesPath);
         this.$.serviceRoute.setAttribute('path', servicePath);
         this.$.methodRoute.setAttribute('path', methodPath);
         this.$.catchAllRoute.setAttribute('redirect', servicesPath);
       },
 
       _onRouteBinding: function(e) {
         if (this.serverDescription) {
@@ skipping 11 matching lines @@
       },
 
       _onRouted: function(e) {
         var model = e.detail.model || {};
         this.service = model.service || '';
         this.method = model.method || '';
       }
     });
   </script>
 </dom-module>