DevTools: Refactor network panel overview

Source/devtools/front_end/timeline/TimelineEventOverview.js

 /*
  * Copyright (C) 2013 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:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 18 matching lines @@
  */
 
 /**
  * @constructor
  * @extends {WebInspector.TimelineOverviewBase}
  * @param {!WebInspector.TimelineModel} model
  * @param {!WebInspector.TimelineFrameModelBase} frameModel
  */
 WebInspector.TimelineEventOverview = function(model, frameModel)
 {
-    WebInspector.TimelineOverviewBase.call(this, model);
+    WebInspector.TimelineOverviewBase.call(this);
     this.element.id = "timeline-overview-events";
+    this._model = model;
     this._frameModel = frameModel;
 
     this._fillStyles = {};
     var categories = WebInspector.TimelineUIUtils.categories();
     for (var category in categories) {
         this._fillStyles[category] = categories[category].fillColorStop1;
         categories[category].addEventListener(WebInspector.TimelineCategory.Events.VisibilityChanged, this._onCategoryVisibilityChanged, this);
     }
 
     this._disabledCategoryFillStyle = "hsl(0, 0%, 67%)";
@@ skipping 328 matching lines @@
      */
     _renderBar: function(begin, end, position, height, color)
     {
         var x = begin;
         var y = position * window.devicePixelRatio;
         var width = end - begin;
         this._context.fillStyle = color;
         this._context.fillRect(x, y, width, height * window.devicePixelRatio);
     },
 
+    /**
+     * @override
+     * @param {number} windowLeft
+     * @param {number} windowRight
+     * @return {!{startTime: number, endTime: number}}
+     */
+    windowTimes: function(windowLeft, windowRight)
+    {
+        var absoluteMin = this._model.minimumRecordTime();
+        var timeSpan = this._model.maximumRecordTime() - absoluteMin;
+        return {
+            startTime: absoluteMin + timeSpan * windowLeft,
+            endTime: absoluteMin + timeSpan * windowRight
+        };
+    },
+
+    /**
+     * @override
+     * @param {number} startTime
+     * @param {number} endTime
+     * @return {!{left: number, right: number}}
+     */
+    windowBoundaries: function(startTime, endTime)
+    {
+        var absoluteMin = this._model.minimumRecordTime();
+        var timeSpan = this._model.maximumRecordTime() - absoluteMin;
+        var haveRecords = absoluteMin > 0;
+        return {
+            left: haveRecords && startTime ? Math.min((startTime - absoluteMin) / timeSpan, 1) : 0,
+            right: haveRecords && endTime < Infinity ? (endTime - absoluteMin) / timeSpan : 1
+        };
+    },
+
     __proto__: WebInspector.TimelineOverviewBase.prototype
 }
 
 /**
  * @constructor
  * @template T
  */
 WebInspector.Dithering = function()
 {
     /** @type {!Map.<?T,number>} */
@@ skipping 105 matching lines @@
             counters[group] = this._quantDuration;
             this._callback(counters);
             interval -= this._quantDuration;
         }
         this._counters = [];
         this._counters[group] = interval;
         this._lastTime = time;
         this._remainder = this._quantDuration - interval;
     }
 }