import { ReactiveCache } from '/imports/reactiveCache';
import { BoardSwimlaneListDialog } from '/client/lib/dialogWithBoardSwimlaneList';

/**
 * Extension of BoardSwimlaneListDialog that adds card selection.
 * Used by popup templates that need board + swimlane + list + card selectors.
 */
export class BoardSwimlaneListCardDialog extends BoardSwimlaneListDialog {
  constructor(tpl, callbacks = {}) {
    super(tpl, callbacks);
    this.selectedCardId = new ReactiveVar('');
  }

  getDefaultOption() {
    return {
      boardId: '',
      swimlaneId: '',
      listId: '',
      cardId: '',
    };
  }

  /** Override to also set cardId if available */
  setOption(boardId) {
    super.setOption(boardId);
    if (this.cardOption && this.cardOption.cardId) {
      this.selectedCardId.set(this.cardOption.cardId);
    }
  }

  /** returns all available cards of the current list */
  cards() {
    const list = ReactiveCache.getList({
      _id: this.selectedListId.get(),
      boardId: this.selectedBoardId.get(),
    });
    const swimlaneId = this.selectedSwimlaneId.get();
    if (list && swimlaneId) {
      return list.cards(swimlaneId).sort((a, b) => a.sort - b.sort);
    } else {
      return [];
    }
  }

  /** returns if the card id was the last confirmed one */
  isDialogOptionCardId(cardId) {
    return this.cardOption.cardId == cardId;
  }

  /** Override to also reset card id on board change */
  getBoardData(boardId) {
    const self = this;
    Meteor.subscribe('board', boardId, false, {
      onReady() {
        const sameBoardId = self.selectedBoardId.get() == boardId;
        self.selectedBoardId.set(boardId);

        if (!sameBoardId) {
          self.setFirstSwimlaneId();
          self.setFirstListId();
          self.selectedCardId.set('');
        }
      },
    });
  }

}