Re-design the "data" tab on about:net-internals.

chrome/browser/resources/net_internals/export_view.html

Index: chrome/browser/resources/net_internals/export_view.html
===================================================================
--- chrome/browser/resources/net_internals/export_view.html	(revision 94563)
+++ chrome/browser/resources/net_internals/export_view.html	(working copy)
@@ -1,79 +1,30 @@
-<!-- Import/Export data -->
-<div id=dataTabContent>
+<div id=exportTabContent>
 
-<table width=100%>
-<tr>
-<td valign=top>
   <div id=dataViewDumpDataDiv>

[mmenke, 2011/07/29 14:18:53]

Not using this anymore, so can delete it or at least remove the id, unless you
think we'll be needing it in the future (And the corresponding const line in the
js file).

[eroman, 2011/07/29 15:15:08]

Done.

     <h2>Dump data</h2>
     <div style="margin: 8px">
       <p><input id=securityStrippingCheckbox type=checkbox checked=yes>
          Strip private information (cookies and credentials).
       </p>
+      <button id=dataViewSaveLogFile class=bigButton>Dump to file</button>
+      <pre id=dataViewSaveStatusText></pre>
+
+      <ul>
+        <li><b>IMPORTANT</b>: First reproduce the problem while in recording mode.</li>
+        <li><b>IMPORTANT</b>: Always add an explanation of what went wrong before emailing logs.</li>
+      </ul>
       <p>
+        For more information see: 
         <a href="chrome://net-internals/help.html" target="_blank">
-          Help: How to get data for bug reports?
+          How to get data for bug reports?
         </a>
       </p>
-      <button id=dataViewSaveLogFile class=bigButton>Dump to file</button>
-      <pre id=dataViewSaveStatusText></pre>
-    </div>
-  </div>
-  <div id=dataViewLoadedDiv style="display: none">
-    <h2>Data Loaded</h2>
-    <p id=dataViewLoadedClientInfoText></p>
-  </div>
-  <div>
-    <h2>Load data</h2>
-    <p><input type=file value="Load log from file" id=dataViewLoadLogFile /></p>
-    <pre id=dataViewLoadStatusText></pre>
-    <div style="margin: 8px">
-      <p>Either press the button above and select a file or drag a file onto
-         this window to load it.
+      </ul>

[mmenke, 2011/07/29 14:18:53]

Superfluous close tag

[eroman, 2011/07/29 15:15:08]

oops!

+      <p>
       </p>

[mmenke, 2011/07/29 14:18:53]

These tags aren't needed.

[eroman, 2011/07/29 15:15:08]

Done.

-      <p>Works for both log dumps generated from this page with Chrome 14
-         and later, and with log files created with
-          "--log-net-log=file_name".  "--net-log-level=#" will set the
-          default log level used.
-      </p>
-      <p>Once a log is loaded, this page will stop collecting data, and will
-         only start gathering data again when
-         <a id="reloaded-link" href="#">reloaded</a>.
-      </p>
     </div>
   </div>
-</td>
 
-<td align=right valign=top>
-  <div class="capturingBox" id=dataViewCapturingBox>
-    <span id=dataViewCapturingTextSpan>
-      <b>Capturing all events...</b>
-    </span>
-    <span id=dataViewLoggingTextSpan style="display: none;">
-      <b>Viewing loaded log file.</b>
-    </span>
-    <table style="margin: 8px">
-      <tr>
-        <td>Passively&nbsp;captured:</td>
-        <td align=right id=passivelyCapturedCount></td>
-      </tr>
-      <tr>
-        <td>Actively captured:</td>
-        <td align=right id=activelyCapturedCount></td>
-      </tr>
-    </table>
-    <p class="hideOnLoadLog">
-      <input type=button value="Delete all" id=dataViewDeleteAll />
-    </p>
-    <p class="hideOnLoadLog"><input id=byteLoggingCheckbox type=checkbox />
-        Log actual bytes sent/received.
-    </p>
-  </div>
-</td>
-
-</tr>
-</table>
-
 <iframe style="display: none" id=dataViewDownloadIframe></iframe>
 
 </div>