Add a timeline view to about:net-internals.

chrome/browser/resources/net_internals/events_view.js

 // Copyright (c) 2011 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.
 
 /**
  * EventsView displays a filtered list of all events sharing a source, and
  * a details pane for the selected sources.
  *
  *  +----------------------++----------------+
  *  |      filter box      ||                |
@@ skipping 28 matching lines @@
     assertFirstConstructorCall(EventsView);
 
     // Call superclass's constructor.
     superClass.call(this);
 
     // Initialize the sub-views.
     var leftPane = new TopMidBottomView(new DivView(EventsView.TOPBAR_ID),
                                         new DivView(EventsView.MIDDLE_BOX_ID),
                                         new DivView(EventsView.BOTTOM_BAR_ID));
 
-    this.detailsView_ = new DetailsView(EventsView.TAB_HANDLES_CONTAINER_ID,
-                                        EventsView.LOG_TAB_ID,
-                                        EventsView.TIMELINE_TAB_ID,
-                                        EventsView.DETAILS_LOG_BOX_ID,
-                                        EventsView.DETAILS_TIMELINE_BOX_ID);
+    this.detailsView_ = new DetailsView(EventsView.DETAILS_LOG_BOX_ID);
 
     this.splitterView_ = new ResizableVerticalSplitView(
         leftPane, this.detailsView_, new DivView(EventsView.SIZER_ID));
 
-    g_browser.sourceTracker.addObserver(this);
+    g_browser.sourceTracker.addSourceEntryObserver(this);
 
     this.tableBody_ = $(EventsView.TBODY_ID);
 
     this.filterInput_ = $(EventsView.FILTER_INPUT_ID);
     this.filterCount_ = $(EventsView.FILTER_COUNT_ID);
 
     this.filterInput_.addEventListener('search',
         this.onFilterTextChanged_.bind(this), true);
 
     $(EventsView.DELETE_SELECTED_ID).onclick = this.deleteSelected_.bind(this);
@@ skipping 26 matching lines @@
   // IDs for special HTML elements in events_view.html
   EventsView.TBODY_ID = 'events-view-source-list-tbody';
   EventsView.FILTER_INPUT_ID = 'events-view-filter-input';
   EventsView.FILTER_COUNT_ID = 'events-view-filter-count';
   EventsView.DELETE_SELECTED_ID = 'events-view-delete-selected';
   EventsView.DELETE_ALL_ID = 'events-view-delete-all';
   EventsView.SELECT_ALL_ID = 'events-view-select-all';
   EventsView.SORT_BY_ID_ID = 'events-view-sort-by-id';
   EventsView.SORT_BY_SOURCE_TYPE_ID = 'events-view-sort-by-source';
   EventsView.SORT_BY_DESCRIPTION_ID = 'events-view-sort-by-description';
-  EventsView.TAB_HANDLES_CONTAINER_ID = 'events-view-details-tab-handles';
-  EventsView.LOG_TAB_ID = 'events-view-details-log-tab';
-  EventsView.TIMELINE_TAB_ID = 'events-view-details-timeline-tab';
   EventsView.DETAILS_LOG_BOX_ID = 'events-view-details-log-box';
-  EventsView.DETAILS_TIMELINE_BOX_ID = 'events-view-details-timeline-box';
   EventsView.TOPBAR_ID = 'events-view-filter-box';
   EventsView.MIDDLE_BOX_ID = 'events-view-source-list';
   EventsView.BOTTOM_BAR_ID = 'events-view-action-box';
   EventsView.SIZER_ID = 'events-view-splitter-box';
 
   cr.addSingletonGetter(EventsView);
 
   EventsView.prototype = {
     // Inherit the superclass's methods.
     __proto__: superClass.prototype,
@@ skipping 573 matching lines @@
     var source1Text = source1.getSourceTypeString();
     var source2Text = source2.getSourceTypeString();
     var compareResult = source1Text.localeCompare(source2Text);
     if (compareResult != 0)
       return compareResult;
     return compareSourceId(source1, source2);
   }
 
   return EventsView;
 })();