gitlab-org--gitlab-foss/app/assets/javascripts/issue.js

154 lines
5.1 KiB
JavaScript
Raw Normal View History

/* 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 */
/* global Flash */
2016-07-24 16:45:11 -04:00
import 'vendor/jquery.waitforimages';
import '~/lib/utils/text_utility';
import './flash';
import TaskList from './task_list';
import CreateMergeRequestDropdown from './create_merge_request_dropdown';
2017-07-07 11:04:43 -04:00
import IssuablesHelper from './helpers/issuables_helper';
2016-07-24 16:45:11 -04:00
2017-03-01 14:54:04 -05:00
class Issue {
constructor() {
if ($('a.btn-close').length) {
this.taskList = new TaskList({
2017-03-01 14:54:04 -05:00
dataType: 'issue',
fieldName: 'description',
selector: '.detail-page-description',
onSuccess: (result) => {
document.querySelector('#task_status').innerText = result.task_status;
document.querySelector('#task_status_short').innerText = result.task_status_short;
}
});
this.initIssueBtnEventListeners();
2016-07-24 16:45:11 -04:00
}
Issue.$btnNewBranch = $('#new-branch');
Issue.createMrDropdownWrap = document.querySelector('.create-mr-dropdown-wrap');
2017-03-01 14:54:04 -05:00
Issue.initMergeRequests();
Issue.initRelatedBranches();
this.closeButtons = $('a.btn-close');
this.reopenButtons = $('a.btn-reopen');
2017-06-07 06:18:35 -04:00
this.initCloseReopenReport();
if (Issue.createMrDropdownWrap) {
this.createMergeRequestDropdown = new CreateMergeRequestDropdown(Issue.createMrDropdownWrap);
}
2017-03-01 14:54:04 -05:00
}
2016-07-24 16:45:11 -04:00
initIssueBtnEventListeners() {
const issueFailMessage = 'Unable to update this issue at this time.';
return $(document).on('click', '.js-issuable-actions a.btn-close, .js-issuable-actions a.btn-reopen', (e) => {
var $button, shouldSubmit, url;
2017-03-01 14:54:04 -05:00
e.preventDefault();
e.stopImmediatePropagation();
$button = $(e.currentTarget);
shouldSubmit = $button.hasClass('btn-comment');
2017-03-01 14:54:04 -05:00
if (shouldSubmit) {
Issue.submitNoteForm($button.closest('form'));
2017-03-01 14:54:04 -05:00
}
2017-06-07 06:18:35 -04:00
this.disableCloseReopenButton($button);
2017-06-07 06:18:35 -04:00
url = $button.attr('href');
2017-03-01 14:54:04 -05:00
return $.ajax({
type: 'PUT',
url: url
})
.fail(() => new Flash(issueFailMessage))
.done((data) => {
const isClosedBadge = $('div.status-box-closed');
const isOpenBadge = $('div.status-box-open');
const projectIssuesCounter = $('.issue_counter');
if ('id' in data) {
const isClosed = $button.hasClass('btn-close');
isClosedBadge.toggleClass('hidden', !isClosed);
isOpenBadge.toggleClass('hidden', isClosed);
$(document).trigger('issuable:change', isClosed);
this.toggleCloseReopenButton(isClosed);
2017-06-07 06:18:35 -04:00
let numProjectIssues = Number(projectIssuesCounter.first().text().trim().replace(/[^\d]/, ''));
numProjectIssues = isClosed ? numProjectIssues - 1 : numProjectIssues + 1;
projectIssuesCounter.text(gl.text.addDelimiter(numProjectIssues));
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();
}
}
} else {
new Flash(issueFailMessage);
2017-03-01 14:54:04 -05:00
}
})
.then(() => {
this.disableCloseReopenButton($button, false);
2016-07-24 16:45:11 -04:00
});
2017-03-01 14:54:04 -05:00
});
}
2016-07-24 16:45:11 -04:00
2017-06-07 06:18:35 -04:00
initCloseReopenReport() {
2017-07-07 11:04:43 -04:00
this.closeReopenReportToggle = IssuablesHelper.initCloseReopenReport();
2017-06-07 06:18:35 -04:00
2017-07-07 11:04:43 -04:00
if (this.closeButtons) this.closeButtons = this.closeButtons.not('.issuable-close-button');
if (this.reopenButtons) this.reopenButtons = this.reopenButtons.not('.issuable-close-button');
2017-06-07 06:18:35 -04:00
}
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-03-01 14:54:04 -05:00
static submitNoteForm(form) {
var noteText;
noteText = form.find("textarea.js-note-text").val();
if (noteText && noteText.trim().length > 0) {
2017-03-01 14:54:04 -05:00
return form.submit();
}
}
2016-07-24 16:45:11 -04:00
2017-03-01 14:54:04 -05:00
static initMergeRequests() {
var $container;
$container = $('#merge-requests');
return $.getJSON($container.data('url')).fail(function() {
return new Flash('Failed to load referenced merge requests');
}).done(function(data) {
2017-03-01 14:54:04 -05:00
if ('html' in data) {
return $container.html(data.html);
}
});
}
2016-07-24 16:45:11 -04:00
2017-03-01 14:54:04 -05:00
static initRelatedBranches() {
var $container;
$container = $('#related-branches');
return $.getJSON($container.data('url')).fail(function() {
return new Flash('Failed to load related branches');
}).done(function(data) {
2017-03-01 14:54:04 -05:00
if ('html' in data) {
return $container.html(data.html);
}
});
}
}
2016-07-24 16:45:11 -04:00
2017-03-01 14:54:04 -05:00
export default Issue;