| <!DOCTYPE html> |
| <!-- |
| Copyright 2016 The Chromium Authors. All rights reserved. |
| Use of this source code is governed by a BSD-style license that can be |
| found in the LICENSE file. |
| --> |
| <html> |
| <head> |
| <link type="text/css" rel="stylesheet" href="/dashboard/static/base.css"> |
| <title>Chrome Performance Dashboard</title> |
| |
| <link rel="import" href="/components/polymer/polymer.html"> |
| |
| <link rel="import" href="/dashboard/elements/custom-tooltip.html"> |
| <link rel="import" href="/dashboard/elements/group-report-page.html"> |
| <link rel="import" href="/dashboard/elements/load-analytics.html"> |
| <link rel="import" href="/dashboard/elements/nav-bar.html"> |
| <link rel="import" href="/dashboard/elements/overlay-message.html"> |
| |
| <script> |
| 'use strict'; |
| // Workaround for document.contains returning false for elements in the |
| // shadow DOM. jQuery mouse events need it to return true for scrolling |
| // to be properly accounted for. For background, see |
| // https://github.com/Polymer/polymer/issues/162 and |
| // https://www.w3.org/Bugs/Public/show_bug.cgi?id=22141 |
| jQuery.contains = function(doc, elem) { |
| var charts = document.getElementsByTagName( |
| 'group-report-page')[0].getCharts(); |
| for (var i = 0; i < charts.length; i++) { |
| if (charts[i].shadowRoot.contains(elem)) { |
| return true; |
| } |
| } |
| return doc.contains(elem); |
| }; |
| </script> |
| |
| <style> |
| body { |
| align-items: center; |
| -webkit-align-items: center; |
| } |
| </style> |
| </head> |
| <body> |
| <nav-bar></nav-bar> |
| <h1>Chrome Performance Dashboard</h1> |
| <overlay-message id="message-bar"></overlay-message> |
| <!-- This custom-tooltip is used by chart-legend. |
| See https://github.com/catapult-project/catapult/issues/2172. --> |
| <custom-tooltip id="legend-details-tooltip"></custom-tooltip> |
| <group-report-page></group-report-page> |
| <load-analytics></load-analytics> |
| </body> |
| </html> |