Add extra views to the new net internals page. This adds tabs along the top f...

chrome/browser/resources/net_internals/main.js

 // 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.
 
 /**
  * Dictionary of constants (initialized by browser).
  */
 var LogEntryType = null;
 var LogEventType = null;
 var LogEventPhase = null;
 var LogSourceType = null;
 
 /**
  * Main entry point. called once the page has loaded.
  */
 function onLoaded() {
-  // Layout the various DIVs in a vertically split fashion.
-  new LayoutManager("filterBox",
-                    "requestsBox",
-                    "actionBox",
-                    "splitterBox",
-                    "detailsBox");
-
-  // Create the view which displays information on the current selection.
-  var detailsView = new DetailsView("detailsLogTabHandle",
-                                    "detailsTimelineTabHandle",
-                                    "detailsTabArea");
-
   // Create the view which displays requests lists, and lets you select, filter
   // and delete them.
-  new RequestsView('requestsListTableBody',
-                   'filterInput',
-                   'filterCount',
-                   'deleteSelected',
-                   'selectAll',
-                   detailsView);
+  var requestsView = new RequestsView('requestsListTableBody',
+                                      'filterInput',
+                                      'filterCount',
+                                      'deleteSelected',
+                                      'selectAll',
+
+                                      // IDs for the details view.
+                                      "detailsTabHandles",
+                                      "detailsLogTab",
+                                      "detailsTimelineTab",
+                                      "detailsLogBox",
+                                      "detailsTimelineBox",
+
+                                      // IDs for the layout boxes.
+                                      "filterBox",
+                                      "requestsBox",
+                                      "actionBox",
+                                      "splitterBox");
+
+  // Create a view which lets you tab between the different sub-views.
+  var categoryTabSwitcher =
+      new TabSwitcherView(new DivView('categoryTabHandles'));
+
+  // Populate the main tabs.
+  categoryTabSwitcher.addTab('requestsTab', requestsView);
+  categoryTabSwitcher.addTab('proxyTab', new DivView('proxyTabContent'));
+  categoryTabSwitcher.addTab('dnsTab', new DivView('dnsTabContent'));
+  categoryTabSwitcher.addTab('socketsTab', new DivView('socketsTabContent'));
+  categoryTabSwitcher.addTab('httpCacheTab',
+                             new DivView('httpCacheTabContent'));
+
+  // Select the requests tab as the default.
+  categoryTabSwitcher.switchToTab('requestsTab');
+
+  // Make this category tab widget the primary view, that fills the whole page.
+  var windowView = new WindowView(categoryTabSwitcher);
+
+  // Trigger initial layout.
+  windowView.resetGeometry();
 
   // Tell the browser that we are ready to start receiving log events.
   notifyApplicationReady();
 }
 
 //------------------------------------------------------------------------------
 // Messages sent to the browser
 //------------------------------------------------------------------------------
 
 function notifyApplicationReady() {
@@ skipping 34 matching lines @@
 
 LogDataProvider.broadcast = function(logEntry) {
   for (var i = 0; i < this.observers_.length; ++i) {
     this.observers_[i].onLogEntryAdded(logEntry);
   }
 };
 
 LogDataProvider.addObserver = function(observer) {
   this.observers_.push(observer);
 };