blob: 38f1f6ac80c7b5122b3d113342fbf1c9457ca014 [file] [log] [blame]
<!doctype html>
<!-- Copyright (c) 2012 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. -->
<!-- This page uses Flot version 0.7 in compressed form for efficiency.
Readable Flot source is available at http://code.google.com/p/flot/
Good caliber Flot API docs are at: http://people.iola.dk/olau/flot/API.txt
as of 6/2012. -->
<html i18n-values="dir:textdirection;">
<head>
<meta charset="utf-8">
<title i18n-content="title"></title>
<link rel="stylesheet" type="text/css" href="chart.css">
</head>
<body i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize">
<div id="warnings-box">
<div id="warnings-text">
<span id="flag-not-enabled-warning" class="warning">
<span i18n-content="flagNotEnabledWarning"></span>&nbsp;
<a target="_blank" i18n-content="enableFlag"
i18n-values="href:enableFlagsURL">
</a>
</span>
<span id="no-aggregation-warning" class="warning"
i18n-content="noAggregationWarning">
</span>
</div>
</div>
<div class="horizontal-box">
<div id="settings-accordion" class="accordion">
<h1 id="performance-heading" i18n-content="title"></h1>
<div id="time-range-section">
<details>
<summary>
<h2 id="time-range-title" i18n-content="timeRangeSection"></h2>
</summary>
<div class="accordion-contents">
<h3 id="time-resolution-header"
i18n-content="timeResolutionCategory">
</h3>
<div id="choose-time-range">
</div>
<div id="time-shift-category">
<h3 i18n-content="timeRangeButtonHeading"></h3>
<div class="horizontal-box">
<button id="back-time" title="Back">&lt;&lt;</button>
<div class="spacer"></div>
<button id="forward-time" title="Forward">&gt;&gt;</button>
</div>
</div>
<h3 id="aggregation-header" i18n-content="aggregationCategory">
</h3>
<div id="choose-aggregation">
</div>
</div>
</details>
</div>
<div id="metrics-section">
<details>
<summary>
<h2 id="choose-metrics-header" i18n-content="metricsSection"></h2>
</summary>
<div class="accordion-contents">
<div id="choose-metrics">
</div>
</div>
</details>
</div>
<div id="events-section">
<details>
<summary>
<h2 id="choose-events-header" i18n-content="eventsSection"></h2>
</summary>
<div class="accordion-contents">
<div id="choose-events">
</div>
</div>
</details>
</div>
</div>
<div id="charts">
</div>
<div id="templates" hidden>
<div id="chart-template" class="chart">
<div class="grid"></div>
<div class="yaxis-label-container"><h4></h4></div>
</div>
<div id="label-template" class="event-label"></div>
<h3 id="category-label-template"></h3>
<div id="category-template">
<h3 class="category-heading"></h3>
<div class="checkbox-group">
</div>
</div>
<div id="checkbox-template">
<label class="input-label">
<input type="checkbox">
<span></span>
</label>
</div>
<div id="radio-template" class="radio">
<label class="input-label">
<input type="radio">
<span></span>
</label>
</div>
</div>
</div>
<script src="chrome://resources/js/cr.js"></script>
<script src="chrome://resources/js/load_time_data.js"></script>
<script src="chrome://resources/js/util.js"></script>
<script src="chrome://performance/strings.js"></script>
<script src="chrome://resources/js/i18n_template2.js"></script>
<script src="jquery.js"></script>
<script src="flot.js"></script>
<script src="chart.js"></script>
</body>
</html>