src/third_party/WebKit/Tools/GardeningServer/ui/ct-failure-stream.html

   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-failure-card.html">
   8 <link rel="import" href="ct-failure-card-buttons.html">
   9 <link rel="import" href="ct-master-failure-card.html">
  10 <link rel="import" href="ct-step-failure-card.html">
  11 <link rel="import" href="ct-trooper-card.html">
  12
  13 <polymer-element name="ct-failure-stream" attributes="groups commitLog category title" noscript>
  14   <template>
  15     <style>
  16       :host {
  17         display: block;
  18         word-wrap: break-word;
  19       }
  20
  21       .bugs {
  22         margin-bottom: 10px;
  23         min-height: 24px;
  24       }
  25
  26       .card {
  27         padding: 10px 5px 0;
  28         border-bottom: 1px solid lightgrey;
  29         display: flex;
  30       }
  31
  32       .card > * {
  33         flex: 1;
  34         min-width: 120px;
  35       }
  36
  37       .card > ct-failure-card-buttons {
  38         flex: 0 1 auto;
  39         margin-right: 10px;
  40         margin-bottom: 10px;
  41       }
  42
  43       /* FIXME: Don't use before hax to add labels */
  44       :host > div:first-of-type::before {
  45         content: "{{ title }}:";
  46         display: block;
  47         font-weight: bold;
  48         font-size: 18px;
  49         padding: 5px;
  50         background-color: #f5f5f5;
  51         margin-bottom: 5px;
  52       }
  53
  54       .snoozed {
  55         opacity: 0.5;
  56       }
  57
  58       @media (max-width: 1200px) {
  59         .card > ct-failure-card-buttons {
  60           margin-right: 0px;
  61         }
  62
  63         .card {
  64           flex-direction: column;
  65         }
  66       }
  67     </style>
  68     <template repeat="{{ group in groups }}">
  69       <template if="{{ group.category == category }}">
  70         <div> <!-- FIXME: Remove when we have a better title solution. -->
  71           <div class="card">
  72             <ct-failure-card-buttons group="{{ group }}" bug="{{ bug }}"></ct-failure-card-buttons>
  73             <div>
  74               <template if="{{ group.bug }}">
  75                 <div class="bugs">
  76                   <span style="font-weight: bold">Bugs:</span>
  77                   <a href="{{ group.bug }}">{{ group.bugLabel }}</a>
  78                 </div>
  79               </template>
  80               <template if="{{ group.data.category == 'step' }}">
  81                 <ct-step-failure-card class='{{ { snoozed: group.isSnoozed } | tokenList }}' group="{{ group.data }}" commitLog="{{ commitLog }}"></ct-step-failure-card>
  82               </template>
  83               <template if="{{ group.data.category == 'master' }}">
  84                 <ct-master-failure-card class='{{ { snoozed: group.isSnoozed } | tokenList }}' group="{{ group.data }}"></ct-master-failure-card>
  85               </template>
  86               <template if="{{ group.data.category == 'builder' }}">
  87                 <ct-builder-failure-card class='{{ { snoozed: group.isSnoozed } | tokenList }}' group="{{ group.data }}"></ct-builder-failure-card>
  88               </template>
  89               <template if="{{ group.data.category == 'trooper' }}">
  90                 <ct-trooper-card class='{{ { snoozed: group.isSnoozed } | tokenList }}' group="{{ group.data }}"></ct-trooper-card>
  91               </template>
  92             </div>
  93           </div>
  94         </div>
  95       </template>
  96     </template>
  97   </template>
  98 </polymer-element>