Index: chrome/browser/resources/net_internals/index.html |
=================================================================== |
--- chrome/browser/resources/net_internals/index.html (revision 42238) |
+++ chrome/browser/resources/net_internals/index.html (working copy) |
@@ -1,32 +1,65 @@ |
<html> |
+<!-- |
+Copyright (c) 2010 The Chromium Authors. All rights reserved. |
+Use of this source code is governed by a BSD-style license that can be |
+found in the LICENSE file. |
+--> |
<head> |
- <title>Under construction...</title> |
- <script> |
- |
-// TODO(eroman): This is all temporary... |
- |
-function sendTestMessageToBrowser() { |
- log("Sent message to browser"); |
- chrome.send('testMessage', [String((new Date()).toLocaleTimeString())]); |
-} |
- |
-function log(msg) { |
- var l = document.getElementById('log'); |
- l.appendChild(document.createTextNode(msg + "\n")); |
-} |
- |
- </script> |
+ <link tyle="text/css" rel="stylesheet" href="main.css" /> |
+ <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="timelineviewpainter.js"></script> |
+ <script src="logviewpainter.js"></script> |
+ <script src="loggrouper.js"></script> |
</head> |
- |
- |
- <body> |
- <p>This is a work in progress. See http://crbug.com/37421 for details.</p> |
- |
- <input onclick="sendTestMessageToBrowser()" |
- value="SendTestMessageToBrowser" |
- type=button /> |
- |
- <pre id=log></pre> |
- |
+ <body onload="onLoaded()"> |
+ <!-- Filter Box: This the top bar which contains the search box. --> |
+ <div id=filterBox> |
+ <table width=100% height=100%> |
+ <tr> |
+ <td width=1%>Filter:</td> |
+ <td width=98%><input type="search" incremental id=filterInput /></td> |
+ <td width=1% id=filterCount>(1 of 34)</td> |
+ </tr> |
+ </table> |
+ </div> |
+ <!-- Requests Box: This the panel on the left which lists the requests --> |
+ <div id=requestsBox> |
+ <table id=requestsListTable cellspacing=0 cellpadding=0> |
+ <thead> |
+ <tr> |
+ <td><input type=checkbox id=selectAll /></td> |
+ <td>ID</td> |
+ <td>Source</td> |
+ <td>URL</td> |
+ </tr> |
+ </thead> |
+ <!-- Requests table body: This is where request rows go into --> |
+ <tbody id=requestsListTableBody></tbody> |
+ </table> |
+ </div> |
+ <!-- Action Box: This is a button bar along the bottom --> |
+ <div id=actionBox> |
+ <input type=button value="Stop capturing" onclick="alert('TODO')" /> |
+ <input type=button value="Delete selected" id=deleteSelected /> |
+ </div> |
+ <!-- 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> |
+ <table class=tabSwitcher cellspacing=0> |
+ <tr> |
+ <th id=detailsLogTabHandle>Log</th> |
+ <td class=tabSwitcherSpacer> </td> |
+ <th id=detailsTimelineTabHandle>Timeline</th> |
+ </tr> |
+ </table> |
+ <div class=tabSwitcherLine></div> |
+ <div id=detailsTabArea></div> |
+ </div> |
</body> |
</html> |