| 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 |