| OLD | NEW |
| 1 <html> | 1 <html> |
| 2 <!-- | 2 <!-- |
| 3 Copyright (c) 2010 The Chromium Authors. All rights reserved. | 3 Copyright (c) 2010 The Chromium Authors. All rights reserved. |
| 4 Use of this source code is governed by a BSD-style license that can be | 4 Use of this source code is governed by a BSD-style license that can be |
| 5 found in the LICENSE file. | 5 found in the LICENSE file. |
| 6 --> | 6 --> |
| 7 <head> | 7 <head> |
| 8 <link tyle="text/css" rel="stylesheet" href="main.css" /> | 8 <link tyle="text/css" rel="stylesheet" href="main.css" /> |
| 9 <script src="util.js"></script> | 9 <script src="util.js"></script> |
| 10 <script src="view.js"></script> | 10 <script src="view.js"></script> |
| (...skipping 107 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 118 </table> | 118 </table> |
| 119 </div> | 119 </div> |
| 120 <!-- Requests Box: This the panel on the left which lists the requests --> | 120 <!-- Requests Box: This the panel on the left which lists the requests --> |
| 121 <div id=requestsBox> | 121 <div id=requestsBox> |
| 122 <table id=requestsListTable cellspacing=0 cellpadding=0 width=100%> | 122 <table id=requestsListTable cellspacing=0 cellpadding=0 width=100%> |
| 123 <thead> | 123 <thead> |
| 124 <tr> | 124 <tr> |
| 125 <td><input type=checkbox id=selectAll /></td> | 125 <td><input type=checkbox id=selectAll /></td> |
| 126 <td>ID</td> | 126 <td>ID</td> |
| 127 <td>Source</td> | 127 <td>Source</td> |
| 128 <td width=99%>URL</td> | 128 <td width=99%>Description</td> |
| 129 </tr> | 129 </tr> |
| 130 </thead> | 130 </thead> |
| 131 <!-- Requests table body: This is where request rows go into --> | 131 <!-- Requests table body: This is where request rows go into --> |
| 132 <tbody id=requestsListTableBody></tbody> | 132 <tbody id=requestsListTableBody></tbody> |
| 133 </table> | 133 </table> |
| 134 </div> | 134 </div> |
| 135 <!-- Action Box: This is a button bar along the bottom --> | 135 <!-- Action Box: This is a button bar along the bottom --> |
| 136 <div id=actionBox> | 136 <div id=actionBox> |
| 137 <input type=button value="Stop capturing" onclick="alert('TODO')" /> | 137 <input type=button value="Stop capturing" onclick="alert('TODO')" /> |
| 138 <input type=button value="Delete selected" id=deleteSelected /> | 138 <input type=button value="Delete selected" id=deleteSelected /> |
| 139 </div> | 139 </div> |
| 140 <!-- Splitter Box: This is a handle to resize the vertical divider --> | 140 <!-- Splitter Box: This is a handle to resize the vertical divider --> |
| 141 <div id=splitterBox></div> | 141 <div id=splitterBox></div> |
| 142 <!-- Details box: This is the panel on the right which shows information --> | 142 <!-- Details box: This is the panel on the right which shows information --> |
| 143 <div id=detailsTabHandles> | 143 <div id=detailsTabHandles> |
| 144 <table class=tabSwitcher cellspacing=0> | 144 <table class=tabSwitcher cellspacing=0> |
| 145 <tr> | 145 <tr> |
| 146 <th id=detailsLogTab>Log</th> | 146 <th id=detailsLogTab>Log</th> |
| 147 <td class=tabSwitcherSpacer> </td> | 147 <td class=tabSwitcherSpacer> </td> |
| 148 <th id=detailsTimelineTab>Timeline</th> | 148 <th id=detailsTimelineTab>Timeline</th> |
| 149 </tr> | 149 </tr> |
| 150 </table> | 150 </table> |
| 151 <div class=tabSwitcherLine></div> | 151 <div class=tabSwitcherLine></div> |
| 152 </div> | 152 </div> |
| 153 <div id=detailsLogBox></div> | 153 <div id=detailsLogBox></div> |
| 154 <div id=detailsTimelineBox></div> | 154 <div id=detailsTimelineBox></div> |
| 155 </body> | 155 </body> |
| 156 </html> | 156 </html> |
| OLD | NEW |