iorrah/you-rockstar

import Ember from 'ember';
 
export default Ember.Component.extend({
  state: {
    template: true,
    theming: false,
    is_checked: true
  },
  observesIsChecked: Ember.observer('state.is_checked', function() {
    if (this.get('state.is_checked')) {
      this.set('state.template', true);
      this.set('state.theming', false);
    } else {
      this.set('state.theming', true);
      this.set('state.template', false);
    }
  }),
  didInsertElement: function() {
    this.startSwitchery();
    this.startObservingKeys();
  },
  startSwitchery: function() {
    var elem = document.querySelector('.js-switch');
 
    if (elem) {
      var options = {
        color: '#00c851',
        secondaryColor: '#1fc1c8'
      };
 
      new Switchery(elem, options);
    }
  },
  startObservingKeys: function() {
    Mousetrap.bind('t', this.triggerState);
    Mousetrap.bind('left', this.trigggerPrev);
    Mousetrap.bind('right', this.trigggerNext);
  },
  triggerState: function() {
    Ember.$('.switchery-mode label').first().click();
  },
  triggerBtnState: function() {
    Ember.$('.control-state').not(':checked').attr('checked', true);
    var $radios = Ember.$('.control-state');
 
    Ember.$('.control-state').click(function() {
      var $checked = $radios.filter(':checked');
      var $next = $radios.eq($radios.index($checked) + 1);
 
      if (!$next.length) {
        $next = $radios.first();
      }
 
      $next.prop('checked', true);
    });
  },
  trigggerPrev: function() {
    Ember.$('#state-prev').click();
  },
  trigggerNext: function() {
    Ember.$('#state-next').click();
  },
Function `getNext` has a Cognitive Complexity of 7 (exceeds 5 allowed). Consider refactoring.
  getNext: function(type) {
    var items = this.get(type.pluralize());
    var size = items.length;
    var i = 0;
    var id = this.get(type + '.id');
    var next = null;
 
    for (i; i < size; i++) {
      var e = items[i];
      var isThisSelected = (e.get('id') === id);
      var isThisLast = (i + 1) === size;
 
      if (isThisSelected) {
        if (isThisLast) {
          next = items[0];
        } else {
          next = items[i + 1];
        }
      }
    }
 
    return next;
  },
Function `getPrev` has a Cognitive Complexity of 7 (exceeds 5 allowed). Consider refactoring.
  getPrev: function(type) {
    var items = this.get(type.pluralize());
    var size = items.length;
    var i = size - 1;
    var id = this.get(type + '.id');
    var prev = null;
 
    for (i; i >= 0; i--) {
      var e = items[i];
      var isThisSelected = (e.get('id') === id);
      var isThisLast = (i === 0);
 
      if (isThisSelected) {
        if (isThisLast) {
          prev = items[size - 1];
        } else {
          prev = items[i - 1];
        }
      }
    }
 
    return prev;
  },
Similar blocks of code found in 2 locations. Consider refactoring.
  goToNext: function() {
    if (this.get('state.template')) {
      this.repo().template().setNext();
    } else if (this.get('state.theming')) {
      this.repo().theming().setNext();
    }
  },
Similar blocks of code found in 2 locations. Consider refactoring.
  goToPrev: function() {
    if (this.get('state.template')) {
      this.repo().template().setPrev();
    } else if (this.get('state.theming')) {
      this.repo().theming().setPrev();
    }
  },
  repo: function() {
    var self = this;
 
    return {
Similar blocks of code found in 2 locations. Consider refactoring.
      template: function() {
        return {
          setNext: function() {
            self.send('selectTemplate', self.getNext('template'));
          },
          setPrev: function() {
            self.send('selectTemplate', self.getPrev('template'));
          }
        };
      },
Similar blocks of code found in 2 locations. Consider refactoring.
      theming: function() {
        return {
          setNext: function() {
            self.send('selectPalette', self.getNext('palette'));
          },
          setPrev: function() {
            self.send('selectPalette', self.getPrev('palette'));
          }
        };
      }
    };
  },
  actions: {
    next: function() {
      this.goToNext();
    },
    prev: function() {
      this.goToPrev();
    },
    selectTemplate: function(template) {
      this.sendAction('selectTemplate', template);
    },
    selectPalette: function(palette) {
      this.sendAction('selectPalette', palette);
    },
    setTemplateState: function() {
      this.set('state.is_checked', true);
    },
    setThemingState: function() {
      this.set('state.is_checked', false);
    }
  }
});