Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(174)

Unified Diff: chrome/browser/resources/net_internals/index.html

Issue 1593009: Add extra views to the new net internals page. This adds tabs along the top f... (Closed) Base URL: svn://chrome-svn/chrome/trunk/src/
Patch Set: '' Created 10 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
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>&nbsp;</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>
« no previous file with comments | « chrome/browser/resources/net_internals/detailsview.js ('k') | chrome/browser/resources/net_internals/layoutmanager.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698