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