[Devtools] New network timeline experiment Part 1

third_party/WebKit/Source/devtools/front_end/network/NetworkPanel.js

 /*
  * Copyright (C) 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2008, 2009 Anthony Ricaud <rik@webkit.org>
  * Copyright (C) 2011 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
@@ skipping 394 matching lines @@
     {
         var request = /** @type {?WebInspector.NetworkRequest} */ (event.data);
         this._showRequest(request);
     },
 
     /**
      * @param {?WebInspector.NetworkRequest} request
      */
     _showRequest: function(request)
     {
+        if (Runtime.experiments.isEnabled("networkCanvasTimeline")) {
+            var lastSideBarSize = this._previousSideBarWidth || this._splitWidget.sidebarSize();

[dgozman, 2016/10/07 21:39:57]

I don't get why we need this.

[allada, 2016/10/08 00:13:32]

Done.

+            this._previousSideBarWidth = this._splitWidget.sidebarSize();
+        }
+
         if (this._networkItemView) {
             this._networkItemView.detach();
             this._networkItemView = null;
         }
 
         if (request) {
             this._networkItemView = new WebInspector.NetworkItemView(request, this._networkLogView.timeCalculator());
+            if (Runtime.experiments.isEnabled("networkCanvasTimeline")) {
+                this._splitWidget.setMainWidget(this._detailsWidget);
+                this._splitWidget.setSidebarSize(lastSideBarSize);
+            }
             this._networkItemView.leftToolbar().appendToolbarItem(new WebInspector.ToolbarItem(this._closeButtonElement));
             this._networkItemView.show(this._detailsWidget.element);
             this._splitWidget.showBoth();
         } else {
             this._splitWidget.hideMain();
             this._networkLogView.clearSelection();
         }
         this._updateUI();
     },
 
     _updateUI: function()
     {
         this._detailsWidget.element.classList.toggle("network-details-view-tall-header", this._networkLogLargeRowsSetting.get());
-        this._networkLogView.switchViewMode(!this._splitWidget.isResizable());
+        this._networkLogView.switchViewMode(!this._networkItemView);
     },
 
     /**
      * @override
      * @param {!WebInspector.SearchableView.SearchConfig} searchConfig
      * @param {boolean} shouldJump
      * @param {boolean=} jumpBackwards
      */
     performSearch: function(searchConfig, shouldJump, jumpBackwards)
     {
@@ skipping 323 matching lines @@
      * @return {boolean}
      */
     handleAction: function(context, actionId)
     {
         var panel = WebInspector.context.flavor(WebInspector.NetworkPanel);
         console.assert(panel && panel instanceof WebInspector.NetworkPanel);
         panel._toggleRecording();
         return true;
     }
 }