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 |