blob: 53db962e6859599570295c9571a96fe3416330e0 (
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
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
|
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<script src="profiler.js"></script>
<script src="chrome://resources/js/util.js"></script>
<style>
body {
font-family: sans-serif;
font-size: 80%;
}
/*
* The following styles are for a TABLE that uses a thin collapsed border, and
* has a blue heading. When you hover over rows, they turn yellow.
*/
table.results-table {
border-collapse:collapse;
}
table.results-table,
.results-table th,
.results-table td {
border: 1px solid #777;
padding-right: 4px;
padding-left: 4px;
}
.results-table th {
background: rgb(224,236,255);
}
.results-table tbody tr:hover {
background-color:#ffb;
}
/*
* Make the column headers change the mouse to a "hand" cursor, sine they are
* clickable.
*/
.results-table th {
cursor: pointer;
}
/*
* This is row which displays aggregate totals for each column.
*/
.results-table .aggregator-row {
background: #FFCC99;
}
/*
* This is the row at the end of tables which explains how many rows were shown,
* and how many were hidden.
*/
.results-table .truncation-row {
background: #eee;
}
/*---------------------------------------------------------------------------*/
/*
* When grouping data, the table for each bucket is wrapped in a DIV with this
* class. Used to add a bit of spacing between groups.
*/
.group-container {
margin-top: 2ex;
margin-bottom: 2ex;
}
/*
* The title for each group is enclosed in a DIV of the following class.
*/
.group-title-container {
font-size: 140%;
margin-bottom: 1ex;
}
/* Styling to make a span look like a clickable link */
.pseudo-link {
color: blue;
cursor: pointer;
text-decoration: underline;
}
.selected_snapshot {
font-weight: bold;
color: purple;
}
#snapshot-selection-summary {
margin-top: 1ex;
font-weight: bold;
font-style: italic;
color: green;
}
</style>
</head>
<body>
<table width=100%>
<tr>
<td>
<b>Group by: </b> <span id=group-by-container></span>
<b>Sort by: </b> <span id=sort-by-container></span>
</td>
<td align=right>
<span id=snapshots-link class=pseudo-link>[snapshots]</span>
<span id=edit-columns-link class=pseudo-link>[columns]</span>
<input type='search' incremental id='filter-search' />
</td>
</tr>
<tr id=edit-columns-row style='display:none'>
<td colspan=2>
<div>
<b>Merge: </b><span id=column-merge-toggles-container></span>
<label><input type=checkbox id='merge-similar-threads-checkbox' checked/>
Merge similar threads.</label>
</div>
<div>
<b>Show: </b><span id=column-toggles-container></span>
</div>
</td>
</tr>
<tr id=snapshots-row style='display:none'>
<td colspan=2>
<button id=snapshot-button>Add snapshot</button>
<table><tbody id=snapshots-tbody></tbody></table>
<div id=snapshot-selection-summary></div>
</td>
</tr>
</table>
<hr/>
<div id='results-div'></div>
<!-- TODO(eroman): This should only be a short-lived solution,
which will eventually be superceded by snapshotting -->
<span id=reset-data-link class=pseudo-link>[Reset tracking data]</span>
</body>
</html>
|
