DevTools: Refactor network panel overview

Source/devtools/front_end/timeline/TimelineView.js

 /*
  * Copyright (C) 2013 Google Inc. All rights reserved.
  * Copyright (C) 2012 Intel 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:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
@@ skipping 442 matching lines @@
     _refresh: function()
     {
         if (this._refreshTimeout) {
             clearTimeout(this._refreshTimeout);
             delete this._refreshTimeout;
         }
         var windowStartTime = this._windowStartTime || this._model.minimumRecordTime();
         var windowEndTime = this._windowEndTime || this._model.maximumRecordTime();
         this._timelinePaddingLeft = this._expandOffset;
         this._calculator.setWindow(windowStartTime, windowEndTime);
-        this._calculator.setDisplayWindow(this._timelinePaddingLeft, this._graphRowsElementWidth);
+        this._calculator.setDisplayWindow(this._graphRowsElementWidth, this._timelinePaddingLeft);
 
         this._refreshRecords();
         if (!this._boundariesAreValid) {
             this._updateEventDividers();
             if (this._frameContainer)
                 this._frameContainer.remove();
             if (this._frameModel) {
                 var frames = this._frameModel.filteredFrames(windowStartTime, windowEndTime);
                 const maxFramesForFrameBars = 30;
                 if  (frames.length && frames.length < maxFramesForFrameBars) {
@@ skipping 485 matching lines @@
         return {left: left, width: width, cpuWidth: cpuWidth};
     },
 
     setWindow: function(minimumBoundary, maximumBoundary)
     {
         this._minimumBoundary = minimumBoundary;
         this._maximumBoundary = maximumBoundary;
     },
 
     /**
-     * @param {number} paddingLeft
      * @param {number} clientWidth
+     * @param {number=} paddingLeft
      */
-    setDisplayWindow: function(paddingLeft, clientWidth)
+    setDisplayWindow: function(clientWidth, paddingLeft)
     {
-        this._workingArea = clientWidth - WebInspector.TimelineCalculator._minWidth - paddingLeft;
-        this._paddingLeft = paddingLeft;
+        this._paddingLeft = paddingLeft || 0;
+        this._workingArea = clientWidth - WebInspector.TimelineCalculator._minWidth - this._paddingLeft;
     },
 
     /**
      * @override
      * @param {number} value
      * @param {number=} precision
      * @return {string}
      */
     formatTime: function(value, precision)
     {
@@ skipping 314 matching lines @@
         } else {
             this._element.classList.add("hidden");
         }
     },
 
     _dispose: function()
     {
         this._element.remove();
     }
 }