Home | History | Annotate | Download | only in ui
      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="ct-builder-grid.html">
      8 <link rel="import" href="ct-commit-list.html">
      9 <link rel="import" href="ct-test-list.html">
     10 
     11 <polymer-element name="ct-step-failure-card" attributes="group commitLog" noscript>
     12   <template>
     13     <style>
     14       :host {
     15         display: flex;
     16       }
     17 
     18       :host > * {
     19         flex: 1;
     20       }
     21 
     22       ct-test-list,
     23       ct-builder-grid {
     24         display: block;
     25         margin-bottom: 10px;
     26         min-height: 24px;
     27       }
     28 
     29       ct-commit-list {
     30         margin-left: 25px;
     31       }
     32 
     33       @media (max-width: 800px) {
     34         :host {
     35           flex-direction: column;
     36         }
     37 
     38         ct-commit-list {
     39           margin-left: 0px;
     40         }
     41       }
     42     </style>
     43     <div>
     44       <ct-builder-grid builderList="{{ group.builderList }}"></ct-builder-grid>
     45       <ct-test-list tests="{{ group.failures }}"></ct-test-list>
     46     </div>
     47     <ct-commit-list commitList="{{ group.commitList }}"></ct-commit-list>
     48   </template>
     49   <script>
     50     Polymer({
     51       group: null,
     52       commitLog: null,
     53       _builderList: null,
     54 
     55       observe: {
     56         group: '_updateCommitList',
     57         commitLog: '_updateCommitList',
     58       },
     59 
     60       _updateCommitList: function() {
     61         if (this.group && this.group.commitList && this.commitLog)
     62           this.group.commitList.update(this.commitLog);
     63       },
     64     });
     65   </script>
     66 </polymer-element>
     67 
     68 
     69