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="config-file-card.html"> | 7 <link rel="import" href="config-file-card.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/iron-icons/iron-icons.html"> | 9 <link rel="import" href="../../bower_components/iron-icons/iron-icons.html"> |
10 <link rel="import" href="../../bower_components/paper-item/paper-item.html"> | 10 <link rel="import" href="../../bower_components/paper-item/paper-item.html"> |
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/polymer/polymer.html"> | 12 <link rel="import" href="../../bower_components/polymer/polymer.html"> |
13 <link rel="import" href="../../bower_components/iron-icons/maps-icons.html"> | 13 <link rel="import" href="../../bower_components/iron-icons/maps-icons.html"> |
14 <link rel="import" href="../../bower_components/paper-tooltip/paper-tooltip.html
"> | 14 <link rel="import" href="../../bower_components/paper-tooltip/paper-tooltip.html
"> |
15 | 15 |
16 <dom-module id="config-set"> | 16 <dom-module id="config-set"> |
17 <template> | 17 <template> |
18 <style> | 18 <style> |
19 .spinner { | 19 @media only screen and (min-width: 768px) { |
20 text-align: center; | 20 .center { |
| 21 width: 550px; |
| 22 } |
21 } | 23 } |
22 | 24 |
23 .category { | 25 .category { |
24 font-size: 100%; | 26 font-size: 100%; |
25 font-family: sans-serif; | 27 font-family: sans-serif; |
26 } | 28 } |
27 | 29 |
| 30 .name { |
| 31 font-size: 200%; |
| 32 font-family: sans-serif; |
| 33 word-wrap: break-word; |
| 34 } |
| 35 |
28 .center { | 36 .center { |
29 width: 20%; | |
30 margin: auto; | 37 margin: auto; |
31 text-align: left; | 38 text-align: left; |
32 } | 39 } |
33 | 40 |
34 .config-card { | 41 .config-card { |
35 padding-bottom: 1%; | 42 padding-bottom: 1%; |
36 animation: fadein 1.5s; | 43 animation: fadein 1.5s; |
37 } | 44 } |
38 | 45 |
39 @keyframes fadein { | 46 @keyframes fadein { |
40 from {opacity: 0} | 47 from {opacity: 0} |
41 to {opacity: 1} | 48 to {opacity: 1} |
42 } | 49 } |
43 | 50 |
44 .name { | |
45 font-size: 200%; | |
46 font-family: sans-serif; | |
47 word-wrap: break-word; | |
48 } | |
49 | |
50 #refreshStatus { font-size: 80%; } | |
51 | |
52 .title { | 51 .title { |
53 padding-bottom: 1%; | 52 padding-bottom: 1%; |
54 padding-top: 5%; | 53 padding-top: 5%; |
55 } | 54 } |
56 | 55 |
| 56 #refreshStatus { font-size: 80%; } |
| 57 |
57 .paper-green { color: var(--paper-green-600); } | 58 .paper-green { color: var(--paper-green-600); } |
58 | 59 |
59 .paper-red { color: var(--paper-red-600); } | 60 .paper-red { color: var(--paper-red-600); } |
60 | 61 |
61 .paper-grey { color: var(--paper-grey-600); } | 62 .paper-grey { color: var(--paper-grey-600); } |
62 | 63 |
| 64 <<<<<<< ours |
| 65 ======= |
| 66 .spinner { |
| 67 text-align: center; |
| 68 } |
| 69 |
| 70 >>>>>>> theirs |
63 </style> | 71 </style> |
64 | 72 |
65 <iron-ajax | 73 <iron-ajax |
66 auto | 74 auto |
67 id="requestConfigs" | 75 id="requestConfigs" |
68 url="/_ah/api/config/v1/config-sets?config_set=[[category]]/[[name]][[ro
ute.path]]&include_files=true&include_last_import_attempt=true" | 76 url="/_ah/api/config/v1/config-sets?config_set=[[category]]/[[name]][[ro
ute.path]]&include_files=true&include_last_import_attempt=true" |
69 handle-as="json" | 77 handle-as="json" |
70 on-response="_onGotConfigFiles" | 78 on-response="_onGotConfigFiles" |
71 headers="[[auth_headers]]"> | 79 headers="[[auth_headers]]"> |
72 </iron-ajax> | 80 </iron-ajax> |
(...skipping 174 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
247 }, | 255 }, |
248 | 256 |
249 _onRefreshError: function() { | 257 _onRefreshError: function() { |
250 this.isRefreshing = false; | 258 this.isRefreshing = false; |
251 this.refreshMessage = "Error: Files could not be refreshed."; | 259 this.refreshMessage = "Error: Files could not be refreshed."; |
252 this.fire('refreshError'); | 260 this.fire('refreshError'); |
253 } | 261 } |
254 }); | 262 }); |
255 </script> | 263 </script> |
256 </dom-module> | 264 </dom-module> |
OLD | NEW |