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 67 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
78 margin-bottom: 1ex; | 78 margin-bottom: 1ex; |
79 } | 79 } |
80 | 80 |
81 /* Styling to make a span look like a clickable link */ | 81 /* Styling to make a span look like a clickable link */ |
82 .pseudo-link { | 82 .pseudo-link { |
83 color: blue; | 83 color: blue; |
84 cursor: pointer; | 84 cursor: pointer; |
85 text-decoration: underline; | 85 text-decoration: underline; |
86 } | 86 } |
87 | 87 |
| 88 .selected_snapshot { |
| 89 font-weight: bold; |
| 90 color: purple; |
| 91 } |
| 92 |
| 93 #snapshot-selection-summary { |
| 94 margin-top: 1ex; |
| 95 font-weight: bold; |
| 96 font-style: italic; |
| 97 color: green; |
| 98 } |
| 99 |
88 </style> | 100 </style> |
89 </head> | 101 </head> |
90 <body> | 102 <body> |
91 <table width=100%> | 103 <table width=100%> |
92 <tr> | 104 <tr> |
93 <td> | 105 <td> |
94 <b>Group by: </b> <span id=group-by-container></span> | 106 <b>Group by: </b> <span id=group-by-container></span> |
95 <b>Sort by: </b> <span id=sort-by-container></span> | 107 <b>Sort by: </b> <span id=sort-by-container></span> |
96 </td> | 108 </td> |
97 <td align=right> | 109 <td align=right> |
98 <span id=edit-columns-link class=pseudo-link>[Edit columns]</span> | 110 <span id=snapshots-link class=pseudo-link>[snapshots]</span> |
| 111 <span id=edit-columns-link class=pseudo-link>[columns]</span> |
99 <input type='search' incremental id='filter-search' /> | 112 <input type='search' incremental id='filter-search' /> |
100 </td> | 113 </td> |
101 </tr> | 114 </tr> |
102 <tr id=edit-columns-row style='display:none'> | 115 <tr id=edit-columns-row style='display:none'> |
103 <td colspan=2> | 116 <td colspan=2> |
104 <div> | 117 <div> |
105 <b>Merge: </b><span id=column-merge-toggles-container></span> | 118 <b>Merge: </b><span id=column-merge-toggles-container></span> |
106 <label><input type=checkbox id='merge-similar-threads-checkbox' chec
ked/> | 119 <label><input type=checkbox id='merge-similar-threads-checkbox' chec
ked/> |
107 Merge similar threads.</label> | 120 Merge similar threads.</label> |
108 </div> | 121 </div> |
109 <div> | 122 <div> |
110 <b>Show: </b><span id=column-toggles-container></span> | 123 <b>Show: </b><span id=column-toggles-container></span> |
111 </div> | 124 </div> |
112 </td> | 125 </td> |
113 </tr> | 126 </tr> |
| 127 <tr id=snapshots-row style='display:none'> |
| 128 <td colspan=2> |
| 129 <button id=snapshot-button>Add snapshot</button> |
| 130 <table><tbody id=snapshots-tbody></tbody></table> |
| 131 <div id=snapshot-selection-summary></div> |
| 132 </td> |
| 133 </tr> |
114 </table> | 134 </table> |
115 | 135 |
116 <hr/> | 136 <hr/> |
117 | 137 |
118 <div id='results-div'></div> | 138 <div id='results-div'></div> |
119 | 139 |
120 <!-- TODO(eroman): This should only be a short-lived solution, | 140 <!-- TODO(eroman): This should only be a short-lived solution, |
121 which will eventually be superceded by snapshotting --> | 141 which will eventually be superceded by snapshotting --> |
122 <span id=reset-data-link class=pseudo-link>[Reset tracking data]</span> | 142 <span id=reset-data-link class=pseudo-link>[Reset tracking data]</span> |
123 </body> | 143 </body> |
124 </html> | 144 </html> |
OLD | NEW |