summaryrefslogtreecommitdiffstats
path: root/chrome/browser/resources/performance_monitor/chart.html
blob: 2f2faed9a7ec51ed2464f4de0d0a8b1bc7dde86e (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!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>