require('./issue_card_inner'); const Store = gl.issueBoards.BoardsStore; export default { name: 'BoardsIssueCard', template: `
  • `, components: { 'issue-card-inner': gl.issueBoards.IssueCardInner, }, props: { list: Object, issue: Object, issueLinkBase: String, disabled: Boolean, index: Number, rootPath: String, }, data() { return { showDetail: false, detailIssue: Store.detail, }; }, computed: { issueDetailVisible() { return this.detailIssue.issue && this.detailIssue.issue.id === this.issue.id; }, }, methods: { mouseDown() { this.showDetail = true; }, mouseMove() { this.showDetail = false; }, showIssue(e) { if (e.target.classList.contains('js-no-trigger')) return; if (this.showDetail) { this.showDetail = false; if (Store.detail.issue && Store.detail.issue.id === this.issue.id) { Store.detail.issue = {}; } else { Store.detail.issue = this.issue; Store.detail.list = this.list; } } }, }, };