Vizzuality/gfw-climate

File InsightsGladAlertsView.js has 402 lines of code (exceeds 250 allowed). Consider refactoring.

Open

define([
  'backbone',
  'mps',
  'handlebars',
  'd3',

Function _renderLegend has 40 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    _renderLegend: function(el, data, filter) {
      var current = _.filter(data, function(d) {
        return (d.week * 1) === this.currentStep;
      }.bind(this))[0];

Function _changeYear has 32 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    _changeYear: function(ev) {
      var action = ev.currentTarget.dataset.action;
      var $parent = ev.currentTarget.parentNode;
      var $selector = $parent.querySelector('.js-year-selector');
      var options = $selector.options;

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

Open

    _renderLegend: function(el, data, filter) {
      var current = _.filter(data, function(d) {
        return (d.week * 1) === this.currentStep;
      }.bind(this))[0];

• Read up
  Read up

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

Open

    _changeYear: function(ev) {
      var action = ev.currentTarget.dataset.action;
      var $parent = ev.currentTarget.parentNode;
      var $selector = $parent.querySelector('.js-year-selector');
      var options = $selector.options;

• Read up
  Read up

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

Open

    _renderMainChart: function() {
      var $el = this.el.querySelector('#visMain');
      var $vis = $el.querySelector('.visualization');
      var $chartEl = $el.querySelector('.chart');
      var url = this._getDataQuery();

• Read up
  Read up

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

Open

    showImage: function() {
      var maxData = this.maxData || this.currentStep;

      if (!this.images[this.currentStep] &&
        (this.currentStep <= maxData)) {

• Read up
  Read up

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

Open

    initialize: function(params) {
      this.defaults = _.extend(this.defaults, params);
      this.legends = [];
      this.chartConfig = [];
      this.locations = [];

• Read up
  Read up

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

Open

    _parseData: function(data) {
      return _.map(data, function(d) {
        var locationData = _.findWhere(this.locations, {
          iso: this.currentCountry
        });

• Read up
  Read up

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

Open

    _parseConfig: function(config) {
      var data = config && config.data &&
      config.data[0] ? config.data[0] : {};

      if (data) {

• Read up
  Read up

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

Open

    render: function() {
      this.$el.html(this.template({
        locations: _.sortBy(this.locations, 'name')
      }));
      this.$el.removeClass(this.defaults.loadingClassEl);

• Read up
  Read up

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

Open

    _toggleFilter: function(element, filter) {
      var parent = this.el.querySelector('.' + element);
      var selected = parent.querySelector('.' + this.defaults.selectedClassEl);
      var newSelection = parent.querySelector('[data-filter="'+ filter +'"]');

• Read up
  Read up

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

Open

    _getDataQuery: function() {
      var iso = this.currentCountry;
      var year = this.currentYear;
      var filter = ' country_iso =\''+ iso +'\'';
      var locationData = _.findWhere(this.locations, {

• Read up
  Read up

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

Open

    _updateLegends: function(state) {
      if (this.currentStep !== state.step) {
        this.currentStep = state.step;
        this.maxData = state.maxData;
        this.legends.forEach(function(legend) {

• Read up
  Read up

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

Open

    _changeMainVis: function(filter) {
      this._toggleFilter(this.defaults.mainVisSwitchEl, filter);

      this.visMain.updateByFilter(filter);

• Read up
  Read up

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

Open

    _setCurrentCountry: function(text, iso) {
      var label = this.el.querySelector('.' + this.defaults.countryLabelClassEl);
      var selector = this.el.querySelector('.' + this.defaults.countrySelectorClassEl);
      label.innerHTML = text;
      selector.value = iso;

• Read up
  Read up

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

Open

    _renderLegendImage: function(image) {
      this.legendImage.innerHTML = '';
      this.legendImage.classList.remove('-no-data');

      if (image) {

• Read up
  Read up

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

Open

    _onImageLoad: function(currentStep, image) {
      return (function(step, image) {
        return function(e) {
          this.images[step] = {
            loaded: true,

• Read up
  Read up

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

Open

    _onImageError: function(currentStep) {
      return (function(step) {
        return function(e) {
          this.images[step] = {
            loaded: false,

• Read up
  Read up

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

Open

    _clearVisualization: function() {
      if (this.visMain) {
        this.visMain.remove();
        this.legends = [];
        this.images = {}

• Read up
  Read up

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

Open

    _changeDataByCountry: function(ev) {
      var current = ev.currentTarget;
      var iso = current.value;
      var selected = current.querySelector('[data-iso="'+ iso +'"]');

• Read up
  Read up

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

Open

    defaults: {
      selectedClassEl: '-selected',
      filter: 'carbon_emissions',
      country: '',
      year: 2017,

• Read up
  Read up

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

Open

    _setMaxWeek: function(data) {
      var lastValue = data && data[data.length - 1] ?
        data[data.length - 1] : [];

      if (lastValue) {

• Read up
  Read up

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

Open

    _createLegend: function(el, data, category) {
      this.legends.push({
        element: el,
        data: data,
        category: category,

• Read up
  Read up

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

Open

    _initVisualization: function(config) {
      this.config = this._parseConfig(config);
      this.render();
      this._setListeners();

• Read up
  Read up

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

Open

    _renderNoDataPlaceHolder: function() {
      var el = this.el.querySelector('#visMain');
      var chartEl = el.querySelector('.chart');

      chartEl.innerHTML = 'There\'s no data available for this selection';

• Read up
  Read up

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

Open

    _getIso: function() {
      var country = this.currentCountry;
      var re = /(\d+)/g;
      var subst = '-$1';

• Read up
  Read up

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

Open

    _changeDataByYear: function(ev) {
      var current = ev.currentTarget;
      this.currentYear = parseInt(current.value, 10);

      this._renderMainChart();

• Read up
  Read up

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

Open

    _openShare: function(event) {
      var shareView = new ShareView().share(event);
      $('body').append(shareView.el);
    },

• Read up
  Read up

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

Open

    _changeVisualizations: function(ev) {
      var current = ev.currentTarget;
      var filter = current.dataset.filter;

      this._changeMainVis(filter);

• Read up
  Read up