OLD | NEW |
1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <meta charset="utf-8"> | 4 <meta charset="utf-8"> |
5 <script src="profiler.js"></script> | 5 <script src="profiler.js"></script> |
6 <script src="chrome://resources/js/util.js"></script> | 6 <script src="chrome://resources/js/util.js"></script> |
7 | 7 |
8 <style> | 8 <style> |
9 | 9 |
10 body { | 10 body { |
(...skipping 52 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
63 } | 63 } |
64 | 64 |
65 /* | 65 /* |
66 * The title for each group is enclosed in a DIV of the following class. | 66 * The title for each group is enclosed in a DIV of the following class. |
67 */ | 67 */ |
68 .group-title-container { | 68 .group-title-container { |
69 font-size: 140%; | 69 font-size: 140%; |
70 margin-bottom: 1ex; | 70 margin-bottom: 1ex; |
71 } | 71 } |
72 | 72 |
73 /* Pseudo-link which toggles display of columns checkboxes */ | 73 /* Styling to make a span look like a clickable link */ |
74 #edit-columns-link { | 74 .pseudo-link { |
75 color: blue; | 75 color: blue; |
76 cursor: pointer; | 76 cursor: pointer; |
77 text-decoration: underline; | 77 text-decoration: underline; |
78 } | 78 } |
79 | 79 |
80 </style> | 80 </style> |
81 </head> | 81 </head> |
82 <body> | 82 <body> |
83 <table width=100%> | 83 <table width=100%> |
84 <tr> | 84 <tr> |
85 <td> | 85 <td> |
86 <b>Group by: </b> <span id=group-by-container></span> | 86 <b>Group by: </b> <span id=group-by-container></span> |
87 <b>Sort by: </b> <span id=sort-by-container></span> | 87 <b>Sort by: </b> <span id=sort-by-container></span> |
88 </td> | 88 </td> |
89 <td align=right> | 89 <td align=right> |
90 <a id=edit-columns-link>[Edit columns]</a> | 90 <span id=edit-columns-link class=pseudo-link>[Edit columns]</span> |
91 <input type='search' incremental id='filter-search' /> | 91 <input type='search' incremental id='filter-search' /> |
92 </td> | 92 </td> |
93 </tr> | 93 </tr> |
94 <tr id=edit-columns-row style='display:none'> | 94 <tr id=edit-columns-row style='display:none'> |
95 <td colspan=2> | 95 <td colspan=2> |
96 <div> | 96 <div> |
97 <b>Merge: </b><span id=column-merge-toggles-container></span> | 97 <b>Merge: </b><span id=column-merge-toggles-container></span> |
98 <input type=checkbox id='merge-similar-threads-checkbox' checked/> | 98 <input type=checkbox id='merge-similar-threads-checkbox' checked/> |
99 Merge similar threads. | 99 Merge similar threads. |
100 </div> | 100 </div> |
101 <div> | 101 <div> |
102 <b>Show: </b><span id=column-toggles-container></span> | 102 <b>Show: </b><span id=column-toggles-container></span> |
103 </div> | 103 </div> |
104 </td> | 104 </td> |
105 </tr> | 105 </tr> |
106 </table> | 106 </table> |
107 | 107 |
108 <hr/> | 108 <hr/> |
109 | 109 |
110 <div id='results-div'></div> | 110 <div id='results-div'></div> |
| 111 |
| 112 <!-- TODO(eroman): This should only be a short-lived solution, |
| 113 which will eventually be superceded by snapshotting --> |
| 114 <span id=reset-data-link class=pseudo-link>[Reset tracking data]</span> |
111 </body> | 115 </body> |
112 </html> | 116 </html> |
OLD | NEW |