| 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 |