[DevTools]Abstract Counter and CounterUIBase

Source/devtools/front_end/CountersGraph.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 24 matching lines @@
  * @param {!WebInspector.TimelineModeViewDelegate} delegate
  * @param {!WebInspector.TimelineModel} model
  */
 WebInspector.CountersGraph = function(delegate, model)
 {
     WebInspector.MemoryStatistics.call(this, delegate, model);
 }
 
 /**
  * @constructor
- * @extends {WebInspector.CounterUIBase}
+ * @extends {WebInspector.MemoryCounterUIBase}
  * @param {!WebInspector.CountersGraph} memoryCountersPane
  * @param {string} title
  * @param {string} currentValueLabel
  * @param {!string} color
- * @param {!WebInspector.MemoryStatistics.Counter} counter
+ * @param {!WebInspector.Counter} counter
  */
-WebInspector.CounterUI = function(memoryCountersPane, title, currentValueLabel, color, counter)
+WebInspector.MemoryCounterUI = function(memoryCountersPane, title, currentValueLabel, color, counter)
 {
-    WebInspector.CounterUIBase.call(this, memoryCountersPane, title, color, counter)
+    WebInspector.MemoryCounterUIBase.call(this, memoryCountersPane, title, color, counter)
     this._range = this._swatch.element.createChild("span");
 
     this._value = memoryCountersPane._currentValuesBar.createChild("span", "memory-counter-value");
     this._value.style.color = color;
     this._currentValueLabel = currentValueLabel;
     this._marker = memoryCountersPane._canvasContainer.createChild("div", "memory-counter-marker");
     this._marker.style.backgroundColor = color;
     this.clearCurrentValueAndMarker();
 
     this.graphColor = color;
     this.graphYValues = [];
 }
 
-WebInspector.CounterUI.prototype = {
+WebInspector.MemoryCounterUI.prototype = {
     reset: function()
     {
         this._range.textContent = "";
     },
 
     /**
      * @param {number} minValue
      * @param {number} maxValue
      */
     setRange: function(minValue, maxValue)
     {
         this._range.textContent = WebInspector.UIString("[%d:%d]", minValue, maxValue);
     },
 
-    __proto__: WebInspector.CounterUIBase.prototype
+    __proto__: WebInspector.MemoryCounterUIBase.prototype
 }
 
 
 WebInspector.CountersGraph.prototype = {
     _createCurrentValuesBar: function()
     {
         this._currentValuesBar = this._graphsContainer.createChild("div");
         this._currentValuesBar.id = "counter-values-bar";
         this._graphsContainer.classList.add("dom-counters");
     },
@@ skipping 10 matching lines @@
     },
 
     /**
      * @param {string} uiName
      * @param {string} uiValueTemplate
      * @param {string} color
      * @param {string} protocolName
      */
     _createCounter: function(uiName, uiValueTemplate, color, protocolName)
     {
-        var counter = new WebInspector.MemoryStatistics.Counter(protocolName);
+        var counter = new WebInspector.Counter(protocolName);
         this._counters.push(counter);
-        this._counterUI.push(new WebInspector.CounterUI(this, uiName, uiValueTemplate, color, counter));
+        this._counterUI.push(new WebInspector.MemoryCounterUI(this, uiName, uiValueTemplate, color, counter));
     },
 
     /**
      * @param {!WebInspector.TimelineModel.Record} record
      */
     addRecord: function(record)
     {
         /**
          * @param {!WebInspector.TimelineModel.Record} record
          * @this {!WebInspector.CountersGraph}
@@ skipping 12 matching lines @@
     },
 
     draw: function()
     {
         WebInspector.MemoryStatistics.prototype.draw.call(this);
         for (var i = 0; i < this._counterUI.length; i++)
             this._drawGraph(this._counterUI[i]);
     },
 
     /**
-     * @param {!WebInspector.CounterUIBase} counterUI
+     * @param {!WebInspector.MemoryCounterUIBase} counterUI
      */
     _drawGraph: function(counterUI)
     {
         var canvas = this._canvas;
         var ctx = canvas.getContext("2d");
         var width = canvas.width;
         var height = this._clippedHeight;
         var originY = this._originY;
         var counter = counterUI.counter;
         var values = counter.values;
@@ skipping 44 matching lines @@
         ctx.lineWidth = 1;
         ctx.strokeStyle = counterUI.graphColor;
         ctx.stroke();
         ctx.closePath();
         ctx.restore();
     },
 
     __proto__: WebInspector.MemoryStatistics.prototype
 }