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

appengine/config_service/ui/src/config-ui/front-page.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/app-layout/app-layout.html">
 <link rel="import" href="../../bower_components/iron-ajax/iron-ajax.html">
 <link rel="import" href="../../bower_components/paper-button/paper-button.html">
 <link rel="import" href="../../bower_components/paper-search/paper-search-bar.html">
@@ skipping 36 matching lines @@
 
       paper-search-bar {
         @apply --shadow-elevation-4dp;
         width: 40%;
         height: 100%;
         margin: auto;
       }
     </style>
 
     <iron-ajax
-        auto
         id="requestConfigs"
         url="/_ah/api/config/v1/config-sets?include_last_import_attempt=true"
         handle-as="json"
         on-response="_onGotConfigSets"
         headers="[[auth_headers]]">
     </iron-ajax>
     
     <div class="search-bar">
       <paper-search-bar 
           query="{{query}}"
@@ skipping 42 matching lines @@
           type: String,
           observer: '_updateSearchResults'
         },
 
         searchResults: {
           type: Array,
           value: () => []
         }
       },
 
+      ready: function() {
+        document.addEventListener('fetch-configs', function() {
+          this.isLoading = true;
+          this.$.requestConfigs.generateRequest();
+        }.bind(this));
+      },
+
       _formatName: function(name) {
         var tempName = name.substring(name.indexOf("/") + 1);
         return tempName.includes("/") ?
             tempName.substring(0, tempName.indexOf("/")) : tempName;
       },
 
       _getLastImportAttempt: function(lastImportAttempt) {
         if (lastImportAttempt) {
           return lastImportAttempt;
         } else {
@@ skipping 22 matching lines @@
         var tempResults = this.configSetList.filter(e => e.config_set.includes(this.query));
         tempResults.sort(function(a, b) {
           return this._formatName(a.config_set).localeCompare(this._formatName(b.config_set));
         }.bind(this));
         this.searchResults = tempResults;
       },
 
     });
   </script>
 </dom-module>