2017-08-17 22:00:37 +05:30
|
|
|
/* eslint-disable func-names, space-before-function-paren, no-var, prefer-rest-params, wrap-iife, one-var, no-underscore-dangle, one-var-declaration-per-line, object-shorthand, no-unused-vars, no-new, comma-dangle, consistent-return, quotes, dot-notation, quote-props, prefer-arrow-callback, max-len */
|
2017-09-10 17:25:29 +05:30
|
|
|
import 'vendor/jquery.waitforimages';
|
2018-03-17 18:26:18 +05:30
|
|
|
import axios from './lib/utils/axios_utils';
|
|
|
|
import { addDelimiter } from './lib/utils/text_utility';
|
|
|
|
import flash from './flash';
|
2017-09-10 17:25:29 +05:30
|
|
|
import TaskList from './task_list';
|
|
|
|
import CreateMergeRequestDropdown from './create_merge_request_dropdown';
|
|
|
|
import IssuablesHelper from './helpers/issuables_helper';
|
2016-09-13 17:45:13 +05:30
|
|
|
|
2018-03-17 18:26:18 +05:30
|
|
|
export default class Issue {
|
2017-08-17 22:00:37 +05:30
|
|
|
constructor() {
|
2018-03-17 18:26:18 +05:30
|
|
|
if ($('a.btn-close').length) this.initIssueBtnEventListeners();
|
2016-09-13 17:45:13 +05:30
|
|
|
|
2017-08-17 22:00:37 +05:30
|
|
|
Issue.$btnNewBranch = $('#new-branch');
|
|
|
|
Issue.createMrDropdownWrap = document.querySelector('.create-mr-dropdown-wrap');
|
2016-09-13 17:45:13 +05:30
|
|
|
|
2017-08-17 22:00:37 +05:30
|
|
|
Issue.initMergeRequests();
|
|
|
|
Issue.initRelatedBranches();
|
2016-09-13 17:45:13 +05:30
|
|
|
|
2017-09-10 17:25:29 +05:30
|
|
|
this.closeButtons = $('a.btn-close');
|
|
|
|
this.reopenButtons = $('a.btn-reopen');
|
|
|
|
|
|
|
|
this.initCloseReopenReport();
|
|
|
|
|
2017-08-17 22:00:37 +05:30
|
|
|
if (Issue.createMrDropdownWrap) {
|
|
|
|
this.createMergeRequestDropdown = new CreateMergeRequestDropdown(Issue.createMrDropdownWrap);
|
|
|
|
}
|
|
|
|
}
|
2016-09-13 17:45:13 +05:30
|
|
|
|
2017-08-17 22:00:37 +05:30
|
|
|
initIssueBtnEventListeners() {
|
|
|
|
const issueFailMessage = 'Unable to update this issue at this time.';
|
2016-09-13 17:45:13 +05:30
|
|
|
|
2018-03-17 18:26:18 +05:30
|
|
|
return $(document).on('click', '.js-issuable-actions a.btn-close, .js-issuable-actions a.btn-reopen', (e) => {
|
2017-08-17 22:00:37 +05:30
|
|
|
var $button, shouldSubmit, url;
|
|
|
|
e.preventDefault();
|
|
|
|
e.stopImmediatePropagation();
|
|
|
|
$button = $(e.currentTarget);
|
|
|
|
shouldSubmit = $button.hasClass('btn-comment');
|
|
|
|
if (shouldSubmit) {
|
|
|
|
Issue.submitNoteForm($button.closest('form'));
|
|
|
|
}
|
2017-09-10 17:25:29 +05:30
|
|
|
|
|
|
|
this.disableCloseReopenButton($button);
|
|
|
|
|
2017-08-17 22:00:37 +05:30
|
|
|
url = $button.attr('href');
|
2018-03-17 18:26:18 +05:30
|
|
|
return axios.put(url)
|
|
|
|
.then(({ data }) => {
|
|
|
|
const isClosedBadge = $('div.status-box-issue-closed');
|
2017-09-10 17:25:29 +05:30
|
|
|
const isOpenBadge = $('div.status-box-open');
|
|
|
|
const projectIssuesCounter = $('.issue_counter');
|
|
|
|
|
2017-08-17 22:00:37 +05:30
|
|
|
if ('id' in data) {
|
|
|
|
const isClosed = $button.hasClass('btn-close');
|
|
|
|
isClosedBadge.toggleClass('hidden', !isClosed);
|
|
|
|
isOpenBadge.toggleClass('hidden', isClosed);
|
2016-09-13 17:45:13 +05:30
|
|
|
|
2018-03-17 18:26:18 +05:30
|
|
|
$(document).trigger('issuable:change', isClosed);
|
2017-09-10 17:25:29 +05:30
|
|
|
this.toggleCloseReopenButton(isClosed);
|
|
|
|
|
2018-03-17 18:26:18 +05:30
|
|
|
let numProjectIssues = Number(projectIssuesCounter.first().text().trim().replace(/[^\d]/, ''));
|
2017-08-17 22:00:37 +05:30
|
|
|
numProjectIssues = isClosed ? numProjectIssues - 1 : numProjectIssues + 1;
|
2018-03-17 18:26:18 +05:30
|
|
|
projectIssuesCounter.text(addDelimiter(numProjectIssues));
|
2016-09-13 17:45:13 +05:30
|
|
|
|
2017-08-17 22:00:37 +05:30
|
|
|
if (this.createMergeRequestDropdown) {
|
|
|
|
if (isClosed) {
|
|
|
|
this.createMergeRequestDropdown.unavailable();
|
|
|
|
this.createMergeRequestDropdown.disable();
|
|
|
|
} else {
|
|
|
|
// We should check in case a branch was created in another tab
|
|
|
|
this.createMergeRequestDropdown.checkAbilityToCreateBranch();
|
|
|
|
}
|
|
|
|
}
|
2016-09-13 17:45:13 +05:30
|
|
|
} else {
|
2018-03-17 18:26:18 +05:30
|
|
|
flash(issueFailMessage);
|
2016-09-13 17:45:13 +05:30
|
|
|
}
|
2017-09-10 17:25:29 +05:30
|
|
|
})
|
2018-03-17 18:26:18 +05:30
|
|
|
.catch(() => flash(issueFailMessage))
|
2017-09-10 17:25:29 +05:30
|
|
|
.then(() => {
|
|
|
|
this.disableCloseReopenButton($button, false);
|
2016-09-13 17:45:13 +05:30
|
|
|
});
|
2017-08-17 22:00:37 +05:30
|
|
|
});
|
|
|
|
}
|
|
|
|
|
2017-09-10 17:25:29 +05:30
|
|
|
initCloseReopenReport() {
|
|
|
|
this.closeReopenReportToggle = IssuablesHelper.initCloseReopenReport();
|
|
|
|
|
|
|
|
if (this.closeButtons) this.closeButtons = this.closeButtons.not('.issuable-close-button');
|
|
|
|
if (this.reopenButtons) this.reopenButtons = this.reopenButtons.not('.issuable-close-button');
|
|
|
|
}
|
|
|
|
|
|
|
|
disableCloseReopenButton($button, shouldDisable) {
|
|
|
|
if (this.closeReopenReportToggle) {
|
|
|
|
this.closeReopenReportToggle.setDisable(shouldDisable);
|
|
|
|
} else {
|
|
|
|
$button.prop('disabled', shouldDisable);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
toggleCloseReopenButton(isClosed) {
|
|
|
|
if (this.closeReopenReportToggle) this.closeReopenReportToggle.updateButton(isClosed);
|
|
|
|
this.closeButtons.toggleClass('hidden', isClosed);
|
|
|
|
this.reopenButtons.toggleClass('hidden', !isClosed);
|
|
|
|
}
|
|
|
|
|
2017-08-17 22:00:37 +05:30
|
|
|
static submitNoteForm(form) {
|
|
|
|
var noteText;
|
|
|
|
noteText = form.find("textarea.js-note-text").val();
|
2018-03-17 18:26:18 +05:30
|
|
|
if (noteText && noteText.trim().length > 0) {
|
2017-08-17 22:00:37 +05:30
|
|
|
return form.submit();
|
|
|
|
}
|
|
|
|
}
|
2016-09-13 17:45:13 +05:30
|
|
|
|
2017-08-17 22:00:37 +05:30
|
|
|
static initMergeRequests() {
|
|
|
|
var $container;
|
|
|
|
$container = $('#merge-requests');
|
2018-03-17 18:26:18 +05:30
|
|
|
return axios.get($container.data('url'))
|
|
|
|
.then(({ data }) => {
|
|
|
|
if ('html' in data) {
|
|
|
|
$container.html(data.html);
|
|
|
|
}
|
|
|
|
}).catch(() => flash('Failed to load referenced merge requests'));
|
2017-08-17 22:00:37 +05:30
|
|
|
}
|
2016-09-13 17:45:13 +05:30
|
|
|
|
2017-08-17 22:00:37 +05:30
|
|
|
static initRelatedBranches() {
|
|
|
|
var $container;
|
|
|
|
$container = $('#related-branches');
|
2018-03-17 18:26:18 +05:30
|
|
|
return axios.get($container.data('url'))
|
|
|
|
.then(({ data }) => {
|
|
|
|
if ('html' in data) {
|
|
|
|
$container.html(data.html);
|
|
|
|
}
|
|
|
|
}).catch(() => flash('Failed to load related branches'));
|
2017-08-17 22:00:37 +05:30
|
|
|
}
|
|
|
|
}
|