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> |