Run tools/clang-format-js on chrome/browser/resources/net_internals

chrome/browser/resources/net_internals/timeline_graph_view.js

 // Copyright (c) 2012 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * A TimelineGraphView displays a timeline graph on a canvas element.
  */
 var TimelineGraphView = (function() {
   'use strict';
   // We inherit from TopMidBottomView.
@@ skipping 29 matching lines @@
   // Number of pixels to scroll per pixel the mouse is dragged.
   var MOUSE_WHEEL_DRAG_RATE = 3;
 
   var GRID_COLOR = '#CCC';
   var TEXT_COLOR = '#000';
   var BACKGROUND_COLOR = '#FFF';
 
   // Which side of the canvas y-axis labels should go on, for a given Graph.
   // TODO(mmenke):  Figure out a reasonable way to handle more than 2 sets
   //                of labels.
-  var LabelAlign = {
-    LEFT: 0,
-    RIGHT: 1
-  };
+  var LabelAlign = {LEFT: 0, RIGHT: 1};
 
   /**
    * @constructor
    */
   function TimelineGraphView(divId, canvasId, scrollbarId, scrollbarInnerId) {
-    this.scrollbar_ = new HorizontalScrollbarView(scrollbarId,
-                                                  scrollbarInnerId,
-                                                  this.onScroll_.bind(this));
+    this.scrollbar_ = new HorizontalScrollbarView(
+        scrollbarId, scrollbarInnerId, this.onScroll_.bind(this));
     // Call superclass's constructor.
     superClass.call(this, null, new DivView(divId), this.scrollbar_);
 
     this.graphDiv_ = $(divId);
     this.canvas_ = $(canvasId);
     this.canvas_.onmousewheel = this.onMouseWheel_.bind(this);
     this.canvas_.onmousedown = this.onMouseDown_.bind(this);
     this.canvas_.onmousemove = this.onMouseMove_.bind(this);
     this.canvas_.onmouseup = this.onMouseUp_.bind(this);
     this.canvas_.onmouseout = this.onMouseUp_.bind(this);
@@ skipping 34 matching lines @@
     // Inherit the superclass's methods.
     __proto__: superClass.prototype,
 
     setGeometry: function(left, top, width, height) {
       superClass.prototype.setGeometry.call(this, left, top, width, height);
 
       // The size of the canvas can only be set by using its |width| and
       // |height| properties, which do not take padding into account, so we
       // need to use them ourselves.
       var style = getComputedStyle(this.canvas_);
-      var horizontalPadding = parseInt(style.paddingRight) +
-                                  parseInt(style.paddingLeft);
-      var verticalPadding = parseInt(style.paddingTop) +
-                                parseInt(style.paddingBottom);
+      var horizontalPadding =
+          parseInt(style.paddingRight) + parseInt(style.paddingLeft);
+      var verticalPadding =
+          parseInt(style.paddingTop) + parseInt(style.paddingBottom);
       var canvasWidth =
           parseInt(this.graphDiv_.style.width) - horizontalPadding;
       // For unknown reasons, there's an extra 3 pixels border between the
       // bottom of the canvas and the bottom margin of the enclosing div.
       var canvasHeight =
           parseInt(this.graphDiv_.style.height) - verticalPadding - 3;
 
       // Protect against degenerates.
       if (canvasWidth < 10)
         canvasWidth = 10;
@@ skipping 130 matching lines @@
       var newPosition = newMaxTime - this.canvas_.width;
 
       // Update range and scroll position.
       this.updateScrollbarRange_(false);
       this.horizontalScroll_(newPosition - this.scrollbar_.getPosition());
     },
 
     onMouseWheel_: function(event) {
       event.preventDefault();
       this.horizontalScroll_(
-          MOUSE_WHEEL_SCROLL_RATE *
-              -event.wheelDeltaX / MOUSE_WHEEL_UNITS_PER_CLICK);
-      this.zoom_(Math.pow(MOUSE_WHEEL_ZOOM_RATE,
-                 -event.wheelDeltaY / MOUSE_WHEEL_UNITS_PER_CLICK));
+          MOUSE_WHEEL_SCROLL_RATE * -event.wheelDeltaX /
+          MOUSE_WHEEL_UNITS_PER_CLICK);
+      this.zoom_(Math.pow(
+          MOUSE_WHEEL_ZOOM_RATE,
+          -event.wheelDeltaY / MOUSE_WHEEL_UNITS_PER_CLICK));
     },
 
     onMouseDown_: function(event) {
       event.preventDefault();
       this.isDragging_ = true;
       this.dragX_ = event.clientX;
     },
 
     onMouseMove_: function(event) {
       if (!this.isDragging_)
@@ skipping 75 matching lines @@
       var textHeight = height;
       height -= fontHeight + LABEL_VERTICAL_SPACING;
       this.drawTimeLabels(context, width, height, textHeight, visibleStartTime);
 
       // Draw outline of the main graph area.
       context.strokeStyle = GRID_COLOR;
       context.strokeRect(0, 0, width - 1, height - 1);
 
       // Layout graphs and have them draw their tick marks.
       for (var i = 0; i < this.graphs_.length; ++i) {
-        this.graphs_[i].layout(width, height, fontHeight, visibleStartTime,
-                               this.scale_);
+        this.graphs_[i].layout(
+            width, height, fontHeight, visibleStartTime, this.scale_);
         this.graphs_[i].drawTicks(context);
       }
 
       // Draw the lines of all graphs, and then draw their labels.
       for (var i = 0; i < this.graphs_.length; ++i)
         this.graphs_[i].drawLines(context);
       for (var i = 0; i < this.graphs_.length; ++i)
         this.graphs_[i].drawLabels(context);
 
       // Restore original transformation matrix.
       context.restore();
     },
 
     /**
      * Draw time labels below the graph.  Takes in start time as an argument
      * since it may not be |startTime_|, when we're displaying the entire
      * time range.
      */
     drawTimeLabels: function(context, width, height, textHeight, startTime) {
       // Text for a time string to use in determining how far apart
       // to place text labels.
       var sampleText = (new Date(startTime)).toLocaleTimeString();
 
       // The desired spacing for text labels.
       var targetSpacing = context.measureText(sampleText).width +
-                              LABEL_LABEL_HORIZONTAL_SPACING;
+          LABEL_LABEL_HORIZONTAL_SPACING;
 
       // The allowed time step values between adjacent labels.  Anything much
       // over a couple minutes isn't terribly realistic, given how much memory
       // we use, and how slow a lot of the net-internals code is.
       var timeStepValues = [
         1000,  // 1 second
-        1000 * 5,
-        1000 * 30,
+        1000 * 5, 1000 * 30,
         1000 * 60,  // 1 minute
-        1000 * 60 * 5,
-        1000 * 60 * 30,
+        1000 * 60 * 5, 1000 * 60 * 30,
         1000 * 60 * 60,  // 1 hour
         1000 * 60 * 60 * 5
       ];
 
       // Find smallest time step value that gives us at least |targetSpacing|,
       // if any.
       var timeStep = null;
       for (var i = 0; i < timeStepValues.length; ++i) {
         if (timeStepValues[i] / this.scale_ >= targetSpacing) {
           timeStep = timeStepValues[i];
@@ skipping 307 matching lines @@
         for (var i = 1; i < this.labels_.length; ++i)
           context.fillText(this.labels_[i], x, step * i);
       }
     };
 
     return Graph;
   })();
 
   return TimelineGraphView;
 })();