config_service: Added revision and timestamp to config-set-cards and config-set pages

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">
 <link rel="import" href="../../bower_components/paper-spinner/paper-spinner.html">
 <link rel="import" href="../../bower_components/paper-styles/shadow.html">
 <link rel="import" href="../../bower_components/polymer/polymer.html">
+<link rel="import" href="../../common/common-behaviors.html">
 
 <link rel="import" href="config-set-card.html">
 
 <dom-module id="front-page">
   <template>
     <style>
       @media only screen and (min-width: 768px) {
         .center {
           width: 550px;
         }
@@ skipping 62 matching lines @@
       <template is="dom-if" if="[[_not(isLoading)]]">
         <template is="dom-if" if="[[_not(errorMessage)]]">
           <template is="dom-if" if="[[_isEmpty(searchResults)]]">
             <div class="center name">No config sets found.</div>
           </template>
           <template is="dom-if" if="[[_not(_isEmpty(searchResults))]]">
             <template is="dom-repeat" items="[[searchResults]]" as="config">
               <div class="center config-card">
                 <config-set-card
                   name="[[config.config_set]]" 
-                  last-import-attempt="[[_getLastImportAttempt(config.last_import_attempt)]]">
+                  last-import-attempt="[[_getLastImportAttempt(config.last_import_attempt)]]"
+                  revision="[[_getRevision(config.revision)]]"
+                  link="[[_getURL(config)]]"
+                  timestamp="[[_getTimestamp(config.last_import_attempt, config.revision)]]">
                 </config-set-card>
               </div>
             </template>
           </template>
         </template>
         <template is="dom-if" if="[[errorMessage]]">
           <div class="center name">[[errorMessage]]</div>
         </template>
       </template>
     </div>
   </template>
   <script>
     Polymer({
       is: 'front-page',
 
+      behaviors: [ConfigUIBehaviors.CommonBehavior],
+
       properties: {
         configSetList: {
           type: Array,
           value: () => []
         },
 
         errorMessage: {
           type: String,
           value: null
         },
@@ skipping 36 matching lines @@
         }
       },
 
       _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;
+        return lastImportAttempt || null;
+      },
+
+      _getURL: function(config) {
+        if (config.last_import_attempt && config.last_import_attempt.success) {
+          return config.last_import_attempt.revision.url;
+        } else if (config.revision && config.revision.url) {
+          return config.revision.url;
         } else {
-          return null;
+          return config.location;
         }
       },
 
-      _isEmpty: function(array) {
-        return array.length === 0;
-      },
-
-      _not: function(b) {
-        return !b;
-      },
-
       _onGotConfigSets: function(event) {
         this.configSetList = event.detail.response.config_sets;
         this._updateSearchResults();
         this.isLoading = false;
         this.fire('processedConfigSets');
       },
 
       _onRequestError: function(event) {
         var error = parseInt(event.detail.error.message.match(/\d+/g));
         if (error === 403) {
@@ skipping 14 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>