1 files changed, 148 insertions, 73 deletions

diff --git a/app/assets/javascripts/pages/projects/graphs/show/stat_graph_contributors_graph.js b/app/assets/javascripts/pages/projects/graphs/show/stat_graph_contributors_graph.js
index 5f91686347a..377dce6c746 100644
--- a/app/assets/javascripts/pages/projects/graphs/show/stat_graph_contributors_graph.js
+++ b/app/assets/javascripts/pages/projects/graphs/show/stat_graph_contributors_graph.js
@@ -11,10 +11,32 @@ import { brushX } from 'd3-brush';
 import { timeParse } from 'd3-time-format';
 import { dateTickFormat } from '~/lib/utils/tick_formats';
 
-const d3 = { extent, max, select, scaleTime, scaleLinear, axisLeft, axisBottom, area, brushX, timeParse };
+const d3 = {
+  extent,
+  max,
+  select,
+  scaleTime,
+  scaleLinear,
+  axisLeft,
+  axisBottom,
+  area,
+  brushX,
+  timeParse,
+};
 
 const hasProp = {}.hasOwnProperty;
-const extend = function(child, parent) { for (const key in parent) { if (hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; };
+const extend = function(child, parent) {
+  for (const key in parent) {
+    if (hasProp.call(parent, key)) child[key] = parent[key];
+  }
+  function ctor() {
+    this.constructor = child;
+  }
+  ctor.prototype = parent.prototype;
+  child.prototype = new ctor();
+  child.__super__ = parent.prototype;
+  return child;
+};
 
 export const ContributorsGraph = (function() {
   function ContributorsGraph() {}
@@ -23,7 +45,7 @@ export const ContributorsGraph = (function() {
     top: 20,
     right: 10,
     bottom: 30,
-    left: 40
+    left: 40,
   };
 
   ContributorsGraph.prototype.x_domain = null;
@@ -33,35 +55,39 @@ export const ContributorsGraph = (function() {
   ContributorsGraph.prototype.dates = [];
 
   ContributorsGraph.prototype.determine_width = function(baseWidth, $parentElement) {
-    const parentPaddingWidth = parseFloat($parentElement.css('padding-left')) + parseFloat($parentElement.css('padding-right'));
+    const parentPaddingWidth =
+      parseFloat($parentElement.css('padding-left')) +
+      parseFloat($parentElement.css('padding-right'));
     const marginWidth = this.MARGIN.left + this.MARGIN.right;
     return baseWidth - parentPaddingWidth - marginWidth;
   };
 
   ContributorsGraph.set_x_domain = function(data) {
-    return ContributorsGraph.prototype.x_domain = data;
+    return (ContributorsGraph.prototype.x_domain = data);
   };
 
   ContributorsGraph.set_y_domain = function(data) {
-    return ContributorsGraph.prototype.y_domain = [
-      0, d3.max(data, function(d) {
-        return d.commits = d.commits || d.additions || d.deletions;
-      })
-    ];
+    return (ContributorsGraph.prototype.y_domain = [
+      0,
+      d3.max(data, function(d) {
+        return (d.commits = d.commits || d.additions || d.deletions);
+      }),
+    ]);
   };
 
   ContributorsGraph.init_x_domain = function(data) {
-    return ContributorsGraph.prototype.x_domain = d3.extent(data, function(d) {
+    return (ContributorsGraph.prototype.x_domain = d3.extent(data, function(d) {
       return d.date;
-    });
+    }));
   };
 
   ContributorsGraph.init_y_domain = function(data) {
-    return ContributorsGraph.prototype.y_domain = [
-      0, d3.max(data, function(d) {
-        return d.commits = d.commits || d.additions || d.deletions;
-      })
-    ];
+    return (ContributorsGraph.prototype.y_domain = [
+      0,
+      d3.max(data, function(d) {
+        return (d.commits = d.commits || d.additions || d.deletions);
+      }),
+    ]);
   };
 
   ContributorsGraph.init_domain = function(data) {
@@ -70,7 +96,7 @@ export const ContributorsGraph = (function() {
   };
 
   ContributorsGraph.set_dates = function(data) {
-    return ContributorsGraph.prototype.dates = data;
+    return (ContributorsGraph.prototype.dates = data);
   };
 
   ContributorsGraph.prototype.set_x_domain = function() {
@@ -87,20 +113,33 @@ export const ContributorsGraph = (function() {
   };
 
   ContributorsGraph.prototype.create_scale = function(width, height) {
-    this.x = d3.scaleTime().range([0, width]).clamp(true);
-    return this.y = d3.scaleLinear().range([height, 0]).nice();
+    this.x = d3
+      .scaleTime()
+      .range([0, width])
+      .clamp(true);
+    return (this.y = d3
+      .scaleLinear()
+      .range([height, 0])
+      .nice());
   };
 
   ContributorsGraph.prototype.draw_x_axis = function() {
-    return this.svg.append("g").attr("class", "x axis").attr("transform", "translate(0, " + this.height + ")").call(this.x_axis);
+    return this.svg
+      .append('g')
+      .attr('class', 'x axis')
+      .attr('transform', 'translate(0, ' + this.height + ')')
+      .call(this.x_axis);
   };
 
   ContributorsGraph.prototype.draw_y_axis = function() {
-    return this.svg.append("g").attr("class", "y axis").call(this.y_axis);
+    return this.svg
+      .append('g')
+      .attr('class', 'y axis')
+      .call(this.y_axis);
   };
 
   ContributorsGraph.prototype.set_data = function(data) {
-    return this.data = data;
+    return (this.data = data);
   };
 
   return ContributorsGraph;
@@ -137,9 +176,9 @@ export const ContributorsMasterGraph = (function(superClass) {
   };
 
   ContributorsMasterGraph.prototype.parse_dates = function(data) {
-    const parseDate = d3.timeParse("%Y-%m-%d");
+    const parseDate = d3.timeParse('%Y-%m-%d');
     return data.forEach(function(d) {
-      return d.date = parseDate(d.date);
+      return (d.date = parseDate(d.date));
     });
   };
 
@@ -148,42 +187,63 @@ export const ContributorsMasterGraph = (function(superClass) {
   };
 
   ContributorsMasterGraph.prototype.create_axes = function() {
-    this.x_axis = d3.axisBottom()
+    this.x_axis = d3
+      .axisBottom()
       .scale(this.x)
       .tickFormat(dateTickFormat);
-    return this.y_axis = d3.axisLeft().scale(this.y).ticks(5);
+    return (this.y_axis = d3
+      .axisLeft()
+      .scale(this.y)
+      .ticks(5));
   };
 
   ContributorsMasterGraph.prototype.create_svg = function() {
-    this.svg = d3.select("#contributors-master")
-      .append("svg")
-      .attr("width", this.width + this.MARGIN.left + this.MARGIN.right)
-      .attr("height", this.height + this.MARGIN.top + this.MARGIN.bottom)
-      .attr("class", "tint-box")
-      .append("g")
-      .attr("transform", "translate(" + this.MARGIN.left + "," + this.MARGIN.top + ")");
+    this.svg = d3
+      .select('#contributors-master')
+      .append('svg')
+      .attr('width', this.width + this.MARGIN.left + this.MARGIN.right)
+      .attr('height', this.height + this.MARGIN.top + this.MARGIN.bottom)
+      .attr('class', 'tint-box')
+      .append('g')
+      .attr('transform', 'translate(' + this.MARGIN.left + ',' + this.MARGIN.top + ')');
     return this.svg;
   };
 
   ContributorsMasterGraph.prototype.create_area = function(x, y) {
-    return this.area = d3.area().x(function(d) {
-      return x(d.date);
-    }).y0(this.height).y1(function(d) {
-      d.commits = d.commits || d.additions || d.deletions;
-      return y(d.commits);
-    });
+    return (this.area = d3
+      .area()
+      .x(function(d) {
+        return x(d.date);
+      })
+      .y0(this.height)
+      .y1(function(d) {
+        d.commits = d.commits || d.additions || d.deletions;
+        return y(d.commits);
+      }));
   };
 
   ContributorsMasterGraph.prototype.create_brush = function() {
-    return this.brush = d3.brushX(this.x).extent([[this.x.range()[0], 0], [this.x.range()[1], this.height]]).on("end", this.update_content);
+    return (this.brush = d3
+      .brushX(this.x)
+      .extent([[this.x.range()[0], 0], [this.x.range()[1], this.height]])
+      .on('end', this.update_content));
   };
 
   ContributorsMasterGraph.prototype.draw_path = function(data) {
-    return this.svg.append("path").datum(data).attr("class", "area").attr("d", this.area);
+    return this.svg
+      .append('path')
+      .datum(data)
+      .attr('class', 'area')
+      .attr('d', this.area);
   };
 
   ContributorsMasterGraph.prototype.add_brush = function() {
-    return this.svg.append("g").attr("class", "selection").call(this.brush).selectAll("rect").attr("height", this.height);
+    return this.svg
+      .append('g')
+      .attr('class', 'selection')
+      .call(this.brush)
+      .selectAll('rect')
+      .attr('height', this.height);
   };
 
   ContributorsMasterGraph.prototype.update_content = function() {
@@ -193,7 +253,7 @@ export const ContributorsMasterGraph = (function(superClass) {
     } else {
       ContributorsGraph.set_x_domain(this.x_max_domain);
     }
-    return $("#brush_change").trigger('change');
+    return $('#brush_change').trigger('change');
   };
 
   ContributorsMasterGraph.prototype.draw = function() {
@@ -216,9 +276,9 @@ export const ContributorsMasterGraph = (function(superClass) {
     this.process_dates(this.data);
     ContributorsGraph.set_y_domain(this.data);
     this.set_y_domain();
-    this.svg.select("path").datum(this.data);
-    this.svg.select("path").attr("d", this.area);
-    return this.svg.select(".y.axis").call(this.y_axis);
+    this.svg.select('path').datum(this.data);
+    this.svg.select('path').attr('d', this.area);
+    return this.svg.select('.y.axis').call(this.y_axis);
   };
 
   return ContributorsMasterGraph;
@@ -252,43 +312,58 @@ export const ContributorsAuthorGraph = (function(superClass) {
   };
 
   ContributorsAuthorGraph.prototype.create_axes = function() {
-    this.x_axis = d3.axisBottom()
+    this.x_axis = d3
+      .axisBottom()
       .scale(this.x)
       .ticks(8)
       .tickFormat(dateTickFormat);
-    return this.y_axis = d3.axisLeft().scale(this.y).ticks(5);
+    return (this.y_axis = d3
+      .axisLeft()
+      .scale(this.y)
+      .ticks(5));
   };
 
   ContributorsAuthorGraph.prototype.create_area = function(x, y) {
-    return this.area = d3.area().x(function(d) {
-      const parseDate = d3.timeParse("%Y-%m-%d");
-      return x(parseDate(d));
-    }).y0(this.height).y1((function(_this) {
-      return function(d) {
-        if (_this.data[d] != null) {
-          return y(_this.data[d]);
-        } else {
-          return y(0);
-        }
-      };
-    })(this));
+    return (this.area = d3
+      .area()
+      .x(function(d) {
+        const parseDate = d3.timeParse('%Y-%m-%d');
+        return x(parseDate(d));
+      })
+      .y0(this.height)
+      .y1(
+        (function(_this) {
+          return function(d) {
+            if (_this.data[d] != null) {
+              return y(_this.data[d]);
+            } else {
+              return y(0);
+            }
+          };
+        })(this),
+      ));
   };
 
   ContributorsAuthorGraph.prototype.create_svg = function() {
     const persons = document.querySelectorAll('.person');
     this.list_item = persons[persons.length - 1];
-    this.svg = d3.select(this.list_item)
-      .append("svg")
-      .attr("width", this.width + this.MARGIN.left + this.MARGIN.right)
-      .attr("height", this.height + this.MARGIN.top + this.MARGIN.bottom)
-      .attr("class", "spark")
-      .append("g")
-      .attr("transform", "translate(" + this.MARGIN.left + "," + this.MARGIN.top + ")");
+    this.svg = d3
+      .select(this.list_item)
+      .append('svg')
+      .attr('width', this.width + this.MARGIN.left + this.MARGIN.right)
+      .attr('height', this.height + this.MARGIN.top + this.MARGIN.bottom)
+      .attr('class', 'spark')
+      .append('g')
+      .attr('transform', 'translate(' + this.MARGIN.left + ',' + this.MARGIN.top + ')');
     return this.svg;
   };
 
   ContributorsAuthorGraph.prototype.draw_path = function(data) {
-    return this.svg.append("path").datum(data).attr("class", "area-contributor").attr("d", this.area);
+    return this.svg
+      .append('path')
+      .datum(data)
+      .attr('class', 'area-contributor')
+      .attr('d', this.area);
   };
 
   ContributorsAuthorGraph.prototype.draw = function() {
@@ -304,10 +379,10 @@ export const ContributorsAuthorGraph = (function(superClass) {
 
   ContributorsAuthorGraph.prototype.redraw = function() {
     this.set_domain();
-    this.svg.select("path").datum(this.dates);
-    this.svg.select("path").attr("d", this.area);
-    this.svg.select(".x.axis").call(this.x_axis);
-    return this.svg.select(".y.axis").call(this.y_axis);
+    this.svg.select('path').datum(this.dates);
+    this.svg.select('path').attr('d', this.area);
+    this.svg.select('.x.axis').call(this.x_axis);
+    return this.svg.select('.y.axis').call(this.y_axis);
   };
 
   return ContributorsAuthorGraph;