BlazeComponent.extendComponent({
  onCreated() {
    this.showBoardTrigger = new ReactiveVar(true);
    this.showCardTrigger = new ReactiveVar(false);
    this.showChecklistTrigger = new ReactiveVar(false);
  },


  setBoardTriggers(){
    this.showBoardTrigger.set(true);
    this.showCardTrigger.set(false);
    this.showChecklistTrigger.set(false);
    $('.js-set-card-triggers').removeClass('active');
    $('.js-set-board-triggers').addClass('active');
    $('.js-set-checklist-triggers').removeClass('active');
  },
  setCardTriggers(){
    this.showBoardTrigger.set(false);
    this.showCardTrigger.set(true);
    this.showChecklistTrigger.set(false);
    $('.js-set-card-triggers').addClass('active');
    $('.js-set-board-triggers').removeClass('active');
    $('.js-set-checklist-triggers').removeClass('active');
  },
  setChecklistTriggers(){
    this.showBoardTrigger.set(false);
    this.showCardTrigger.set(false);
    this.showChecklistTrigger.set(true);
    $('.js-set-card-triggers').removeClass('active');
    $('.js-set-board-triggers').removeClass('active');
    $('.js-set-checklist-triggers').addClass('active');
  },

  rules() {
    return Rules.find({});
  },

  name(){
    console.log(this.data());
  },
  events() {
    return [{'click .js-set-board-triggers'(event) {
      this.setBoardTriggers();
    },
    'click .js-set-card-triggers'(event) {
      this.setCardTriggers();
    },
    'click .js-set-checklist-triggers'(event) {
      this.setChecklistTriggers();
    },}];
  },
}).register('rulesTriggers');