| OLD | NEW |
| 1 <!-- | 1 <!-- |
| 2 Copyright 2017 The LUCI Authors. All rights reserved. | 2 Copyright 2017 The LUCI Authors. All rights reserved. |
| 3 Use of this source code is governed under the Apache License, Version 2.0 | 3 Use of this source code is governed under the Apache License, Version 2.0 |
| 4 that can be found in the LICENSE file. | 4 that can be found in the LICENSE file. |
| 5 --> | 5 --> |
| 6 | 6 |
| 7 <link rel="import" href="../../bower_components/app-layout/app-layout.html"> | 7 <link rel="import" href="../../bower_components/app-layout/app-layout.html"> |
| 8 <link rel="import" href="../../bower_components/iron-ajax/iron-ajax.html"> | 8 <link rel="import" href="../../bower_components/iron-ajax/iron-ajax.html"> |
| 9 <link rel="import" href="../../bower_components/paper-button/paper-button.html"> | 9 <link rel="import" href="../../bower_components/paper-button/paper-button.html"> |
| 10 <link rel="import" href="../../bower_components/paper-search/paper-search-bar.ht
ml"> | 10 <link rel="import" href="../../bower_components/paper-search/paper-search-bar.ht
ml"> |
| 11 <link rel="import" href="../../bower_components/paper-spinner/paper-spinner.html
"> | 11 <link rel="import" href="../../bower_components/paper-spinner/paper-spinner.html
"> |
| 12 <link rel="import" href="../../bower_components/paper-styles/shadow.html"> | 12 <link rel="import" href="../../bower_components/paper-styles/shadow.html"> |
| 13 <link rel="import" href="../../bower_components/polymer/polymer.html"> | 13 <link rel="import" href="../../bower_components/polymer/polymer.html"> |
| 14 | 14 |
| 15 <link rel="import" href="config-set-card.html"> | 15 <link rel="import" href="config-set-card.html"> |
| 16 | 16 |
| 17 <dom-module id="front-page"> | 17 <dom-module id="front-page"> |
| 18 <template> | 18 <template> |
| 19 <style> | 19 <style> |
| 20 .center { | 20 @media only screen and (min-width: 768px) { |
| 21 width: 23%; | 21 .center { |
| 22 margin: auto; | 22 width: 550px; |
| 23 } |
| 24 |
| 25 paper-search-bar { |
| 26 width: 900px; |
| 27 } |
| 23 } | 28 } |
| 24 | 29 |
| 30 .loading { text-align: center; } |
| 31 |
| 25 .config-card { | 32 .config-card { |
| 26 padding-bottom: 1%; | 33 padding-bottom: 1%; |
| 27 animation: fadein 1.5s; | 34 animation: fadein 1.5s; |
| 28 } | 35 } |
| 29 | 36 |
| 30 @keyframes fadein { | 37 @keyframes fadein { |
| 31 from {opacity: 0} | 38 from {opacity: 0} |
| 32 to {opacity: 1} | 39 to {opacity: 1} |
| 33 } | 40 } |
| 34 | 41 |
| 35 .loading { text-align: center; } | |
| 36 | |
| 37 .search-bar { | 42 .search-bar { |
| 38 padding-top: 7%; | 43 padding-top: 7%; |
| 39 padding-bottom: 2%; | 44 padding-bottom: 2%; |
| 40 } | 45 } |
| 41 | 46 |
| 42 .name { | 47 .name { |
| 43 font-family: sans-serif; | 48 font-family: sans-serif; |
| 44 word-wrap: break-word; | 49 word-wrap: break-word; |
| 45 text-align: center; | 50 text-align: center; |
| 46 } | 51 } |
| 47 | 52 |
| 53 .center { |
| 54 margin: auto; |
| 55 } |
| 56 |
| 48 paper-search-bar { | 57 paper-search-bar { |
| 49 @apply --shadow-elevation-4dp; | 58 @apply --shadow-elevation-4dp; |
| 50 width: 40%; | |
| 51 height: 100%; | 59 height: 100%; |
| 52 margin: auto; | 60 margin: auto; |
| 53 } | 61 } |
| 62 |
| 54 </style> | 63 </style> |
| 55 | 64 |
| 56 <iron-ajax | 65 <iron-ajax |
| 57 id="requestConfigs" | 66 id="requestConfigs" |
| 58 url="/_ah/api/config/v1/config-sets?include_last_import_attempt=true" | 67 url="/_ah/api/config/v1/config-sets?include_last_import_attempt=true" |
| 59 handle-as="json" | 68 handle-as="json" |
| 60 on-response="_onGotConfigSets" | 69 on-response="_onGotConfigSets" |
| 61 headers="[[auth_headers]]"> | 70 headers="[[auth_headers]]"> |
| 62 </iron-ajax> | 71 </iron-ajax> |
| 63 | 72 |
| (...skipping 95 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 159 var tempResults = this.configSetList.filter(e => e.config_set.includes(t
his.query)); | 168 var tempResults = this.configSetList.filter(e => e.config_set.includes(t
his.query)); |
| 160 tempResults.sort(function(a, b) { | 169 tempResults.sort(function(a, b) { |
| 161 return this._formatName(a.config_set).localeCompare(this._formatName(b
.config_set)); | 170 return this._formatName(a.config_set).localeCompare(this._formatName(b
.config_set)); |
| 162 }.bind(this)); | 171 }.bind(this)); |
| 163 this.searchResults = tempResults; | 172 this.searchResults = tempResults; |
| 164 }, | 173 }, |
| 165 | 174 |
| 166 }); | 175 }); |
| 167 </script> | 176 </script> |
| 168 </dom-module> | 177 </dom-module> |
| OLD | NEW |