home *** CD-ROM | disk | FTP | other *** search
- <!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;
- }
-
- .errormsg {
- color: red;
- }
-
- </style>
- </head>
- <body>
- <b>Save:</b><button id=save-snapshots-button>Save</button>
- <b>Restore:</b> <input type=file id=snapshot-file-loader>
- <span id=file-load-error hidden class=errormsg></span>
-
- <hr>
-
- <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=take-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>
-
- <iframe style="display: none" id="download-iframe"></iframe>
- </body>
- </html>
-