Vizzuality/gfw-climate

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

Open

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

Function _renderLegend has 55 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;

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;

• 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) {
          var image = new Image();

• 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, {

• 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')
          })

• 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
        );

• 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(

• 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(

• 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: 2018,

• 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