Vizzuality/gfw-climate

File TimelineMonthClass.js has 538 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 159 lines of code (exceeds 25 allowed). Consider refactoring.

Open

      render: function() {
        _.bindAll(this, '_moveHandler');
        var self = this;
        this.$timeline = $('.timeline-container');
        this.$el.html(this.template());

Function toggleDisabled has 54 lines of code (exceeds 25 allowed). Consider refactoring.

Open

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

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

Open

      initialize: function(layer, currentDate) {
        this.layer = layer;
        this.name = layer.slug;
        this.options = _.extend({}, this.defaults, this.options || {});
        this.dateRangeStart = this.options.dateRange[0];

Function _onBrush has 28 lines of code (exceeds 25 allowed). Consider refactoring.

Open

      _onBrush: function(event) {
        var value = this.xscale.invert(d3.mouse(event)[0]);
        var rounded = Math.round(value);
        var x = this.xscale(rounded);
        var date = this._domainToDate(rounded);

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

Open

        _.each(this.$selectsYear, 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

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.hiddenBrush = d3.svg
            .brush()
            .x(this.xscale)
            .extent([0, 0])
            .on('brush', function() {

• Read up
  Read up

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

Open

        this.brush = d3.svg
          .brush()
          .x(this.xscale)
          .extent([0, 0])
          .on('brush', function() {

• 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

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.svg
          .append('g')
          .attr('class', 'xaxis')
          .attr('transform', 'translate(0,{0})'.format(height / 2 - 3))
          .call(

• Read up
  Read up

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

Open

        this.handlers.left = this.slider
          .append('svg:image')
          .attr('class', 'handle')
          .attr('transform', 'translate(-8,{0})'.format(height / 2 - 11))
          .attr('width', 16)

• 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._dateToDomain(this.currentDate[1])));

• 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 > x) {
            return;

• Read up
  Read up