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