DevTools: merge MemoryStatistics.js and CountersGraph.js, extract DOMCountersGraph.js

Source/devtools/front_end/TimelineOverviewPane.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 49 matching lines @@
     {
         this._update();
     },
 
     onResize: function()
     {
         this._update();
     },
 
     /**
-     * @param {!WebInspector.TimelineOverviewBase} overviewControl
+     * @param {!WebInspector.TimelineOverview} overviewControl
      */
     setOverviewControl: function(overviewControl)
     {
         if (this._overviewControl === overviewControl)
             return;
 
         var windowTimes = null;
 
         if (this._overviewControl) {
             windowTimes = this._overviewControl.windowTimes(this._overviewGrid.windowLeft(), this._overviewGrid.windowRight());
@@ skipping 210 matching lines @@
     /**
      * @return {number}
      */
     boundarySpan: function()
     {
         return this._maximumBoundary - this._minimumBoundary;
     }
 }
 
 /**
+ * @interface
+ */
+WebInspector.TimelineOverview = function(model)
+{
+}
+
+WebInspector.TimelineOverview.prototype = {
+    /**
+     * @param {?Element} parentElement
+     * @param {!Element=} insertBefore
+     */
+    show: function(parentElement, insertBefore) { },
+
+    update: function() { },
+
+    reset: function() { },
+
+    /**
+     * @param {number} windowLeft
+     * @param {number} windowRight
+     * @return {!{startTime: number, endTime: number}}
+     */
+    windowTimes: function(windowLeft, windowRight) { },
+
+    /**
+     * @param {number} startTime
+     * @param {number} endTime
+     * @return {!{left: number, right: number}}
+     */
+    windowBoundaries: function(startTime, endTime) { }
+}
+
+/**
  * @constructor
  * @extends {WebInspector.VBox}
+ * @implements {WebInspector.TimelineOverview}
  * @param {!WebInspector.TimelineModel} model
  */
 WebInspector.TimelineOverviewBase = function(model)
 {
     WebInspector.VBox.call(this);
 
     this._model = model;
     this._canvas = this.element.createChild("canvas", "fill");
     this._context = this._canvas.getContext("2d");
 }
 
 WebInspector.TimelineOverviewBase.prototype = {
-    update: function() { },
-    reset: function() { },
+    update: function()
+    {
+        this.resetCanvas();
+    },
+
+    reset: function()
+    {
+    },
 
     /**
      * @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;
@@ skipping 20 matching lines @@
     },
 
     resetCanvas: function()
     {
         this._canvas.width = this.element.clientWidth * window.devicePixelRatio;
         this._canvas.height = this.element.clientHeight * window.devicePixelRatio;
     },
 
     __proto__: WebInspector.VBox.prototype
 }