Vizzuality/gfw-climate

File TimelineYearClass.js has 543 lines of code (exceeds 250 allowed). Consider refactoring.

Open

/**
 * The Timeline view module.
 *
 * Timeline for all layers configured by setting layer-specific options.
 *

Function render has 192 lines of code (exceeds 25 allowed). Consider refactoring.

Open

      render: function() {
        var self = this,
          margin,
          width,
          height,

Function initialize has 46 lines of code (exceeds 25 allowed). Consider refactoring.

Open

      initialize: function(layer, currentDate) {
        _.bindAll(
          this,
          'onAnimationBrush',
          'onBrush',

Function onBrush has 44 lines of code (exceeds 25 allowed). Consider refactoring.

Open

      onBrush: function(event) {
        var value = this.xscale.invert(d3.mouse(event)[0]);
        var roundValue = Math.round(value);

        var xl = this.handlers.left.attr('x');

Function formatXaxis has 31 lines of code (exceeds 25 allowed). Consider refactoring.

Open

      formatXaxis: function() {
        var self = this;
        d3
          .select('.xaxis')
          .selectAll('text')

Function selectYear has 31 lines of code (exceeds 25 allowed). Consider refactoring.

Open

      selectYear: function(val) {
        // LEFT
        this.ext.left = this.xscale(val);

        this.domain.attr('x2', this.ext.right);

Similar blocks of code found in 2 locations. Consider refactoring.

Open

        _.each(this.$selects, function(el) {
          var $options = document.getElementById($(el).attr('id')).options;
          var compare = $($(el).data('compare'))[0].selectedIndex;
          var direction = Boolean(parseInt($(el).data('direction')));

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

        ) {
          if (this.ext.left > this.xscale(roundValue)) {
            return;
          }
          this.ext.right = this.xscale(roundValue);

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

        } else {
          if (this.ext.right < this.xscale(roundValue)) {
            return;
          }
          this.ext.left = this.xscale(roundValue);

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

        d3
          .select('.xaxis-years')
          .selectAll('text')
          .filter(function(d) {
            var left = self.ext.left;

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

        d3
          .select('.xaxis')
          .selectAll('text')
          .filter(function(d) {
            var left = self.ext.left;

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

      setSelects: function() {
        _.each(this.$selects, function(el) {
          var date = $(el).val();
          var $dateButton = $('#' + $(el).attr('id') + '-button');
          $dateButton.text(date);

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

        this.xscale = d3.scale
          .linear()
          .domain([
            moment(this.options.dateRange[0]).year(),
            moment(this.options.dateRange[1]).year()

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

        this.trail
          .call(this.hiddenBrush.event)
          .transition()
          .duration(speed)
          .ease('line')

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

        this.trail = this.tipsy
          .append('svg:line')
          .attr('class', 'trail')
          .attr('x1', this.handlers.right.attr('x'))
          .attr('x2', this.handlers.right.attr('x'))

• Read up
  Read up

Identical blocks of code found in 4 locations. Consider refactoring.

Open

        if (!!!this.currentDate[0]._d) {
          this.currentDate[0] = moment(this.currentDate[0]);
          this.currentDate[1] = moment(this.currentDate[1]);
        }

• Read up
  Read up

Identical blocks of code found in 4 locations. Consider refactoring.

Open

        if (!!!this.currentDate[0]._d) {
          this.currentDate[0] = moment(this.currentDate[0]);
          this.currentDate[1] = moment(this.currentDate[1]);
        }

• Read up
  Read up

Similar blocks of code found in 5 locations. Consider refactoring.

Open

        enquire.register(
          'screen and (min-width:' + window.gfw.config.GFW_MOBILE + 'px)',
          {
            match: _.bind(function() {
              this.render();

• Read up
  Read up

Similar blocks of code found in 5 locations. Consider refactoring.

Open

        enquire.register(
          'screen and (max-width:' + window.gfw.config.GFW_MOBILE + 'px)',
          {
            match: _.bind(function() {
              this.renderMobile();

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

          this.brush
            .on('brush', function() {
              self.onBrush(this);
            })
            .on('brushend', function() {

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

          this.hiddenBrush
            .on('brush', function() {
              self.onAnimationBrush(this);
            })
            .on('brushend', function() {

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

        if (currentDate && currentDate[0]) {
          this.currentDate = currentDate;
        } else {
          this.updateCurrentDate(this.options.dateRange);
        }

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

        this.handlers.right = this.handlers.left
          .select(function() {
            return this.parentNode.appendChild(this.cloneNode(true));
          })
          .attr('x', this.xscale(this.currentDate[1].year()));

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

        this.tooltip = d3
          .select(this.$time[0])
          .append('div')
          .attr('class', 'tooltip')
          .style('visibility', 'hidden')

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

        if (
          Math.abs(this.xscale(value) - xr) < Math.abs(this.xscale(value) - xl)
        ) {
          if (this.ext.left > this.xscale(roundValue)) {
            return;

• Read up
  Read up