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-menu/core-menu.html"> | 7 <link rel="import" href="../bower_components/core-menu/core-menu.html"> |
8 <link rel="import" href="ct-results-by-builder.html"> | 8 <link rel="import" href="ct-results-by-builder.html"> |
9 <link rel="import" href="ct-embedded-flakiness-dashboard.html"> | 9 <link rel="import" href="ct-embedded-flakiness-dashboard.html"> |
| 10 <link rel="import" href="ct-popout-iframe.html"> |
10 | 11 |
11 <polymer-element name="ct-results-panel" attributes="failures tree"> | 12 <polymer-element name="ct-results-panel" attributes="failures tree"> |
12 <template> | 13 <template> |
13 <style> | 14 <style> |
14 :host { | 15 :host { |
15 display: flex; | 16 display: flex; |
16 flex-direction: column; | 17 flex-direction: column; |
17 } | 18 } |
18 | 19 |
19 core-menu > div { | 20 core-menu > div { |
(...skipping 28 matching lines...) Expand all Loading... |
48 flex: 1; | 49 flex: 1; |
49 overflow: auto; | 50 overflow: auto; |
50 /* Stay below the box shadow of the core-menu. */ | 51 /* Stay below the box shadow of the core-menu. */ |
51 padding-top: 6px; | 52 padding-top: 6px; |
52 } | 53 } |
53 </style> | 54 </style> |
54 <template if="{{ !failures.length && !failures.url }}"> | 55 <template if="{{ !failures.length && !failures.url }}"> |
55 <div class="message">No results to display.</div> | 56 <div class="message">No results to display.</div> |
56 </template> | 57 </template> |
57 <template if="{{ failures.url }}"> | 58 <template if="{{ failures.url }}"> |
58 <iframe src='{{ failures.url }}'></iframe> | 59 <ct-popout-iframe src="{{ failures.url }}"></ct-popout-iframe> |
59 </template> | 60 </template> |
60 <template if="{{ failures.length }}"> | 61 <template if="{{ failures.length }}"> |
61 <core-menu selected="{{ selected }}"> | 62 <core-menu selected="{{ selected }}"> |
62 <template repeat="{{ failure in failures }}"> | 63 <template repeat="{{ failure in failures }}"> |
63 <template if="{{ failure.testName }}"> | 64 <template if="{{ failure.testName }}"> |
64 <div>{{ failure.testName }}</div> | 65 <div>{{ failure.testName }}</div> |
65 </template> | 66 </template> |
66 </template> | 67 </template> |
67 </core-menu> | 68 </core-menu> |
68 <div class="results"> | 69 <div class="results"> |
69 <template if="{{ failures[selected].testName }}"> | 70 <template if="{{ failures[selected].testName }}"> |
70 <ct-embedded-flakiness-dashboard test="{{ failures[selected] }}" tree=
"{{ tree }}"></ct-embedded-flakiness-dashboard> | 71 <ct-embedded-flakiness-dashboard test="{{ failures[selected] }}" tree=
"{{ tree }}"></ct-embedded-flakiness-dashboard> |
71 </template> | 72 </template> |
72 <ct-results-by-builder failure="{{ failures[selected] }}"></ct-results-b
y-builder> | 73 <ct-results-by-builder failure="{{ failures[selected] }}"></ct-results-b
y-builder> |
73 </div> | 74 </div> |
74 </template> | 75 </template> |
75 </template> | 76 </template> |
76 <script> | 77 <script> |
77 Polymer({ | 78 Polymer({ |
78 failures: [], | 79 failures: [], |
79 selected: 0, | 80 selected: 0, |
80 tree: '', | 81 tree: '', |
81 | 82 |
82 failuresChanged: function() { | 83 failuresChanged: function() { |
83 this.selected = 0; | 84 this.selected = 0; |
84 }, | 85 }, |
85 }); | 86 }); |
86 </script> | 87 </script> |
87 </polymer-element> | 88 </polymer-element> |
OLD | NEW |