OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <!-- | 2 <!-- |
3 Copyright 2016 The Chromium Authors. All rights reserved. | 3 Copyright 2016 The Chromium Authors. All rights reserved. |
4 Use of this source code is governed by a BSD-style license that can be | 4 Use of this source code is governed by a BSD-style license that can be |
5 found in the LICENSE file. | 5 found in the LICENSE file. |
6 --> | 6 --> |
7 <!-- | 7 <!-- |
8 The bisect-status elements indicate whether the last bisect job | 8 The bisect-status elements indicate whether the last bisect job |
9 for a bug succeeded or failed, or is currently in progress. */ | 9 for a bug succeeded or failed, or is currently in progress. */ |
10 --> | 10 --> |
11 | 11 |
12 <polymer-element name="bisect-status"> | 12 <dom-module id="bisect-status"> |
13 <template> | 13 <template> |
14 <style> | 14 <style> |
15 .bisect-status { | 15 .bisect-status { |
16 font-size: 25px; | 16 font-size: 25px; |
17 display: none; | 17 display: none; |
18 margin: 0; | 18 margin: 0; |
19 padding-bottom: 1px; | 19 padding-bottom: 1px; |
20 vertical-align: middle; | 20 vertical-align: middle; |
21 } | 21 } |
22 | 22 |
23 .bisect-status.started { | 23 .bisect-status.started { |
24 color: grey; | 24 color: grey; |
25 display: inline-block; | 25 display: inline-block; |
26 } | 26 } |
27 | 27 |
28 .bisect-status.completed { | 28 .bisect-status.completed { |
29 color: green; | 29 color: green; |
30 display: inline-block; | 30 display: inline-block; |
31 } | 31 } |
32 | 32 |
33 .bisect-status.failed { | 33 .bisect-status.failed { |
34 color: red; | 34 color: red; |
35 display: inline-block; | 35 display: inline-block; |
36 } | 36 } |
37 </style> | 37 </style> |
38 <span class="bisect-status {{status}}" title="{{status}}">•</span> | 38 <span class="bisect-status {{status}}" title="{{status}}">•</span> |
39 </template> | 39 </template> |
40 <script> | 40 <script> |
41 'use strict'; | 41 'use strict'; |
42 Polymer('bisect-status', { | 42 Polymer({ |
43 publish: { | 43 is: 'bisect-status', |
44 status: null | 44 properties: { |
| 45 status: { |
| 46 type: String, |
| 47 value: null |
| 48 } |
45 } | 49 } |
46 }); | 50 }); |
47 </script> | 51 </script> |
48 </polymer-element> | 52 </dom-module> |
OLD | NEW |