import template from '%/directives/menu-row.pug';

class MenuRowCtrl {

  onClick($event) {
    if(this.disabled) {
      return;
    }
    $event.stopPropagation();
    this.action();
  }

  clickAccessoryButton($event) {
    if(this.disabled) {
      return;
    }
    $event.stopPropagation();
    this.buttonAction();
  }
}

export class MenuRow {
  constructor() {
    this.restrict = 'E';
    this.transclude = true;
    this.template = template;
    this.controller = MenuRowCtrl;
    this.controllerAs = 'ctrl';
    this.bindToController = true;
    this.scope = {
      action: '&',
      buttonAction: '&',
      buttonClass: '=',
      buttonText: '=',
      desc: '=',
      disabled: '=',
      circle: '=',
      circleAlign: '=',
      faded: '=',
      hasButton: '=',
      label: '=',
      spinnerClass: '=',
      stylekitClass: '=',
      subRows: '=',
      subtitle: '=',
    };
  }
}