config_service: Fixed multiple ajax requests in the front page while the page determines whether a …

appengine/config_service/ui/src/config-ui/config-ui.html

 <!--
   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.
 -->
 
 <link rel="import" href="../../bower_components/polymer/polymer.html">
 <link rel="import" href="../../bower_components/paper-search/paper-search-bar.html">
 <link rel="import" href="../../bower_components/app-route/app-location.html">
 <link rel="import" href="../../bower_components/app-route/app-route.html">
@@ skipping 23 matching lines @@
 
       .right { margin-left:15px; }
 
       .title {
         font-size: 125%;
         color: white;
       }
     </style>
 
     <app-drawer-layout fullbleed force-narrow>
-
       <app-header-layout>
-
         <app-header reveals slot="header">
           <app-toolbar>
             <!--<image class="logo" src="/static/images/chromium.png"/>-->
             <div class="title" main-title>
               Configuration Service
             </div>
 
             <template is="dom-if" if="[[client_id]]">
               <auth-signin
                   class="right"
@@ skipping 20 matching lines @@
                     pattern="/projects/:projectName"
                     data="{{projectData}}"
                     tail="{{projectTail}}"
                     active="{{projectActive}}"></app-route>
 
         <app-route  route="{{route}}"
                     pattern="/"
                     active="{{frontPageActive}}"></app-route>
 
         <template is="dom-if" if="[[frontPageActive]]">
-          <front-page auth_headers="{{auth_headers}}"></front-page>
+          <front-page auth_headers="[[auth_headers]]"></front-page>
         </template>
 
         <template is="dom-if" if="[[serviceActive]]" restamp="true">
           <config-set category="services"
-                      name="{{serviceData.serviceName}}"
-                      route="{{serviceTail}}"
-                      auth_headers="{{auth_headers}}"
+                      name="[[serviceData.serviceName]]"
+                      route="[[serviceTail]]"
+                      auth_headers="[[auth_headers]]"
                       front-page-is-active="[[frontPageActive]]"></config-set>
         </template>
 
         <template is="dom-if" if="[[projectActive]]" restamp="true">
           <config-set category="projects"
-                      name="{{projectData.projectName}}"
-                      route="{{projectTail}}"
-                      auth_headers="{{auth_headers}}"
+                      name="[[projectData.projectName]]"
+                      route="[[projectTail]]"
+                      auth_headers="[[auth_headers]]"
                       front-page-is-active="[[frontPageActive]]"></config-set>
         </template>
-
       </app-header-layout>
-
     </app-drawer-layout>
-
   </template>
 
   <script>
     Polymer({
       is: 'config-ui',
 
       properties: {
         client_id: {
           type: String,
           value: null
         }
       },
       
       ready: function() {
         this.async(function() {
           // If the path is blank, redirect to /
           if (!this.route.path) {
             this.set('route.path', '/');
           }
         });
       },
 
     });
   </script>
 </dom-module>