OLD | NEW |
1 <!-- | 1 <!-- |
2 Copyright 2014 The Chromium Authors. All rights reserved. | 2 Copyright 2014 The Chromium Authors. All rights reserved. |
3 Use of this source code is governed by a BSD-style license that can be | 3 Use of this source code is governed by a BSD-style license that can be |
4 found in the LICENSE file. | 4 found in the LICENSE file. |
5 --> | 5 --> |
6 | 6 |
7 <link rel="import" href="../bower_components/core-pages/core-pages.html"> | 7 <link rel="import" href="../bower_components/core-pages/core-pages.html"> |
8 <link rel="import" href="../bower_components/paper-tabs/paper-tab.html"> | 8 <link rel="import" href="../bower_components/paper-tabs/paper-tab.html"> |
9 <link rel="import" href="../bower_components/paper-tabs/paper-tabs.html"> | 9 <link rel="import" href="../bower_components/paper-tabs/paper-tabs.html"> |
10 <link rel="import" href="ct-results-detail.html"> | 10 <link rel="import" href="ct-results-detail.html"> |
11 | 11 |
12 <polymer-element name="ct-results-by-builder" attributes="failure"> | 12 <polymer-element name="ct-results-by-builder" attributes="failure"> |
13 <template> | 13 <template> |
14 <style> | 14 <style> |
15 :host { | 15 :host { |
16 display: block; | 16 display: block; |
17 } | 17 } |
| 18 paper-tabs::shadow #selectionBar { |
| 19 background-color: #212121; |
| 20 height: 4px; |
| 21 } |
| 22 paper-tab { |
| 23 border: 1px solid #212121; |
| 24 border-radius: 5px 5px 0 0; |
| 25 } |
| 26 paper-tab::shadow #ink { |
| 27 color: #212121; |
| 28 } |
18 </style> | 29 </style> |
19 <paper-tabs selected="{{ selected }}"> | 30 <paper-tabs selected="{{ selected }}"> |
20 <template repeat="{{ builder in builders }}"> | 31 <template repeat="{{ builder in builders }}"> |
21 <paper-tab>{{ builder }}</paper-tab> | 32 <paper-tab>{{ builder }}</paper-tab> |
22 </template> | 33 </template> |
23 </paper-tabs> | 34 </paper-tabs> |
24 <ct-results-detail failure="{{ failure }}" builder="{{ builders[selected] }}
"></ct-results-detail> | 35 <ct-results-detail failure="{{ failure }}" builder="{{ builders[selected] }}
"></ct-results-detail> |
25 </template> | 36 </template> |
26 <script> | 37 <script> |
27 Polymer({ | 38 Polymer({ |
28 failure: null, | 39 failure: null, |
29 builders: [], | 40 builders: [], |
30 selected: 0, | 41 selected: 0, |
31 | 42 |
32 failureChanged: function() { | 43 failureChanged: function() { |
33 this.builders = Object.getOwnPropertyNames(this.failure.resultNodesByBui
lder).sort(); | 44 this.builders = Object.getOwnPropertyNames(this.failure.resultNodesByBui
lder).sort(); |
34 this.selected = 0; | 45 this.selected = 0; |
35 }, | 46 }, |
36 }); | 47 }); |
37 </script> | 48 </script> |
38 </polymer-element> | 49 </polymer-element> |
OLD | NEW |