| Index: chrome/browser/resources/net_internals/index.html
|
| ===================================================================
|
| --- chrome/browser/resources/net_internals/index.html (revision 43430)
|
| +++ chrome/browser/resources/net_internals/index.html (working copy)
|
| @@ -6,20 +6,42 @@
|
| -->
|
| <head>
|
| <link tyle="text/css" rel="stylesheet" href="main.css" />
|
| + <script src="util.js"></script>
|
| + <script src="view.js"></script>
|
| + <script src="tabswitcherview.js"></script>
|
| <script src="main.js"></script>
|
| - <script src="util.js"></script>
|
| <script src="requestsview.js"></script>
|
| <script src="detailsview.js"></script>
|
| <script src="sourceentry.js"></script>
|
| - <script src="layoutmanager.js"></script>
|
| + <script src="resizableverticalsplitview.js"></script>
|
| + <script src="topmidbottomview.js"></script>
|
| <script src="timelineviewpainter.js"></script>
|
| <script src="logviewpainter.js"></script>
|
| <script src="loggrouper.js"></script>
|
| </head>
|
| <body onload="onLoaded()">
|
| + <!-- Tab switcher for main categories. -->
|
| + <div id=categoryTabHandles>
|
| + <ul>
|
| + <li><a href="#" id=proxyTab>Proxy</a></li>
|
| + <li><a href="#" id=requestsTab>Requests</a></li>
|
| + <li><a href="#" id=dnsTab>DNS</a></li>
|
| + <li><a href="#" id=socketsTab>Sockets</a></li>
|
| + <li><a href="#" id=httpCacheTab>HTTP Cache</a></li>
|
| + </ul>
|
| + <div style="clear: both;"></div>
|
| + </div>
|
| + <!-- Sections TODO -->
|
| + <div id=proxyTabContent>TODO: display proxy information (PAC error log, initialization log, current settings.)</div>
|
| + <div id=dnsTabContent>TODO: display dns information (outstanding jobs, host cache).</div>
|
| + <div id=socketsTabContent>TODO: display socket information (outstanding connect jobs)</div>
|
| + <div id=httpCacheTabContent>TODO: display http cache information (disk cache navigator)</div>
|
| +
|
| + <!-- ================= Requests view =================== -->
|
| +
|
| <!-- Filter Box: This the top bar which contains the search box. -->
|
| <div id=filterBox>
|
| - <table width=100% height=100%>
|
| + <table width=100%>
|
| <tr>
|
| <td width=1%>Filter:</td>
|
| <td width=98%><input type="search" incremental id=filterInput /></td>
|
| @@ -29,13 +51,13 @@
|
| </div>
|
| <!-- Requests Box: This the panel on the left which lists the requests -->
|
| <div id=requestsBox>
|
| - <table id=requestsListTable cellspacing=0 cellpadding=0>
|
| + <table id=requestsListTable cellspacing=0 cellpadding=0 width=100%>
|
| <thead>
|
| <tr>
|
| <td><input type=checkbox id=selectAll /></td>
|
| <td>ID</td>
|
| <td>Source</td>
|
| - <td>URL</td>
|
| + <td width=99%>URL</td>
|
| </tr>
|
| </thead>
|
| <!-- Requests table body: This is where request rows go into -->
|
| @@ -50,16 +72,17 @@
|
| <!-- Splitter Box: This is a handle to resize the vertical divider -->
|
| <div id=splitterBox></div>
|
| <!-- Details box: This is the panel on the right which shows information -->
|
| - <div id=detailsBox>
|
| + <div id=detailsTabHandles>
|
| <table class=tabSwitcher cellspacing=0>
|
| <tr>
|
| - <th id=detailsLogTabHandle>Log</th>
|
| + <th id=detailsLogTab>Log</th>
|
| <td class=tabSwitcherSpacer> </td>
|
| - <th id=detailsTimelineTabHandle>Timeline</th>
|
| + <th id=detailsTimelineTab>Timeline</th>
|
| </tr>
|
| </table>
|
| <div class=tabSwitcherLine></div>
|
| - <div id=detailsTabArea></div>
|
| </div>
|
| + <div id=detailsLogBox></div>
|
| + <div id=detailsTimelineBox></div>
|
| </body>
|
| </html>
|
|
|