1 <!-- 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 4 found in the LICENSE file. 5 --> 6 7 <link rel="import" href="../bower_components/core-pages/core-pages.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"> 10 <link rel="import" href="ct-results-detail.html"> 11 12 <polymer-element name="ct-results-by-builder" attributes="failure"> 13 <template> 14 <style> 15 :host { 16 display: block; 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 } 29 </style> 30 <paper-tabs selected="{{ selected }}"> 31 <template repeat="{{ builder in builders }}"> 32 <paper-tab>{{ builder }}</paper-tab> 33 </template> 34 </paper-tabs> 35 <ct-results-detail failure="{{ failure }}" builder="{{ builders[selected] }}"></ct-results-detail> 36 </template> 37 <script> 38 Polymer({ 39 failure: null, 40 builders: [], 41 selected: 0, 42 43 failureChanged: function() { 44 this.builders = Object.getOwnPropertyNames(this.failure.resultNodesByBuilder).sort(); 45 this.selected = 0; 46 }, 47 }); 48 </script> 49 </polymer-element> 50
