mirror of
https://codeberg.org/forgejo/forgejo.git
synced 2025-02-14 19:40:48 -05:00
34e1100ae2
Currently, the content of the text field is not reset when you cancel editing. This change resets the content of the text field when editing is canceled. If this is not done and you click on cancel and then on edit again, you can no longer return to the initial content without completely reloading the page. Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/6595 Reviewed-by: Otto <otto@codeberg.org> Reviewed-by: Gusted <gusted@noreply.codeberg.org> Co-authored-by: Beowulf <beowulf@beocode.eu> Co-committed-by: Beowulf <beowulf@beocode.eu>
692 lines
25 KiB
JavaScript
692 lines
25 KiB
JavaScript
import $ from 'jquery';
|
|
import {
|
|
initRepoIssueBranchSelect, initRepoIssueCodeCommentCancel, initRepoIssueCommentDelete,
|
|
initRepoIssueComments, initRepoIssueDependencyDelete, initRepoIssueReferenceIssue,
|
|
initRepoIssueTitleEdit, initRepoIssueWipToggle,
|
|
initRepoPullRequestUpdate, updateIssuesMeta, handleReply, initIssueTemplateCommentEditors, initSingleCommentEditor,
|
|
initRepoIssueAssignMe, reloadConfirmDraftComment,
|
|
} from './repo-issue.js';
|
|
import {initUnicodeEscapeButton} from './repo-unicode-escape.js';
|
|
import {svg} from '../svg.js';
|
|
import {htmlEscape} from 'escape-goat';
|
|
import {initRepoBranchTagSelector} from '../components/RepoBranchTagSelector.vue';
|
|
import {
|
|
initRepoCloneLink, initRepoCommonBranchOrTagDropdown, initRepoCommonFilterSearchDropdown,
|
|
} from './repo-common.js';
|
|
import {initCitationFileCopyContent} from './citation.js';
|
|
import {initCompLabelEdit} from './comp/LabelEdit.js';
|
|
import {initRepoDiffConversationNav} from './repo-diff.js';
|
|
import {createDropzone} from './dropzone.js';
|
|
import {showErrorToast} from '../modules/toast.js';
|
|
import {initCommentContent, initMarkupContent} from '../markup/content.js';
|
|
import {initCompReactionSelector} from './comp/ReactionSelector.js';
|
|
import {initRepoSettingBranches} from './repo-settings.js';
|
|
import {initRepoPullRequestMergeForm} from './repo-issue-pr-form.js';
|
|
import {initRepoPullRequestCommitStatus} from './repo-issue-pr-status.js';
|
|
import {hideElem, showElem} from '../utils/dom.js';
|
|
import {getComboMarkdownEditor, initComboMarkdownEditor} from './comp/ComboMarkdownEditor.js';
|
|
import {attachRefIssueContextPopup} from './contextpopup.js';
|
|
import {POST, GET} from '../modules/fetch.js';
|
|
import {MarkdownQuote} from '@github/quote-selection';
|
|
import {toAbsoluteUrl} from '../utils.js';
|
|
import {initGlobalShowModal} from './common-global.js';
|
|
|
|
const {csrfToken} = window.config;
|
|
|
|
export function initRepoCommentForm() {
|
|
const $commentForm = $('.comment.form');
|
|
if (!$commentForm.length) return;
|
|
|
|
if ($commentForm.find('.field.combo-editor-dropzone').length) {
|
|
// at the moment, if a form has multiple combo-markdown-editors, it must be an issue template form
|
|
initIssueTemplateCommentEditors($commentForm);
|
|
} else if ($commentForm.find('.combo-markdown-editor').length) {
|
|
// it's quite unclear about the "comment form" elements, sometimes it's for issue comment, sometimes it's for file editor/uploader message
|
|
initSingleCommentEditor($commentForm);
|
|
}
|
|
|
|
function initBranchSelector() {
|
|
const $selectBranch = $('.ui.select-branch');
|
|
const $branchMenu = $selectBranch.find('.reference-list-menu');
|
|
const $isNewIssue = $branchMenu[0]?.classList.contains('new-issue');
|
|
$branchMenu.find('.item:not(.no-select)').on('click', async function () {
|
|
const selectedValue = $(this).data('id');
|
|
const editMode = $('#editing_mode').val();
|
|
$($(this).data('id-selector')).val(selectedValue);
|
|
if ($isNewIssue) {
|
|
$selectBranch.find('.ui .branch-name').text($(this).data('name'));
|
|
return;
|
|
}
|
|
|
|
if (editMode === 'true') {
|
|
const form = document.getElementById('update_issueref_form');
|
|
const params = new URLSearchParams();
|
|
params.append('ref', selectedValue);
|
|
try {
|
|
await POST(form.getAttribute('action'), {data: params});
|
|
window.location.reload();
|
|
} catch (error) {
|
|
console.error(error);
|
|
}
|
|
} else if (editMode === '') {
|
|
$selectBranch.find('.ui .branch-name').text(selectedValue);
|
|
}
|
|
});
|
|
$selectBranch.find('.reference.column').on('click', function () {
|
|
hideElem($selectBranch.find('.scrolling.reference-list-menu'));
|
|
$selectBranch.find('.reference .text').removeClass('black');
|
|
showElem($($(this).data('target')));
|
|
$(this).find('.text').addClass('black');
|
|
return false;
|
|
});
|
|
}
|
|
|
|
initBranchSelector();
|
|
|
|
// List submits
|
|
function initListSubmits(selector, outerSelector) {
|
|
const $list = $(`.ui.${outerSelector}.list`);
|
|
const $noSelect = $list.find('.no-select');
|
|
const $listMenu = $(`.${selector} .menu`);
|
|
let hasUpdateAction = $listMenu.data('action') === 'update';
|
|
const items = {};
|
|
|
|
$(`.${selector}`).dropdown({
|
|
'action': 'nothing', // do not hide the menu if user presses Enter
|
|
fullTextSearch: 'exact',
|
|
async onHide() {
|
|
hasUpdateAction = $listMenu.data('action') === 'update'; // Update the var
|
|
if (hasUpdateAction) {
|
|
// TODO: Add batch functionality and make this 1 network request.
|
|
const itemEntries = Object.entries(items);
|
|
for (const [elementId, item] of itemEntries) {
|
|
await updateIssuesMeta(
|
|
item['update-url'],
|
|
item.action,
|
|
item['issue-id'],
|
|
elementId,
|
|
);
|
|
}
|
|
if (itemEntries.length) {
|
|
reloadConfirmDraftComment();
|
|
}
|
|
}
|
|
},
|
|
});
|
|
|
|
$listMenu.find('.item:not(.no-select)').on('click', function (e) {
|
|
e.preventDefault();
|
|
if (this.classList.contains('ban-change')) {
|
|
return false;
|
|
}
|
|
|
|
hasUpdateAction = $listMenu.data('action') === 'update'; // Update the var
|
|
|
|
const clickedItem = this; // eslint-disable-line unicorn/no-this-assignment, @typescript-eslint/no-this-alias
|
|
const scope = this.getAttribute('data-scope');
|
|
|
|
$(this).parent().find('.item').each(function () {
|
|
if (scope) {
|
|
// Enable only clicked item for scoped labels
|
|
if (this.getAttribute('data-scope') !== scope) {
|
|
return true;
|
|
}
|
|
if (this !== clickedItem && !this.classList.contains('checked')) {
|
|
return true;
|
|
}
|
|
} else if (this !== clickedItem) {
|
|
// Toggle for other labels
|
|
return true;
|
|
}
|
|
|
|
if (this.classList.contains('checked')) {
|
|
$(this).removeClass('checked');
|
|
$(this).find('.octicon-check').addClass('tw-invisible');
|
|
if (hasUpdateAction) {
|
|
if (!($(this).data('id') in items)) {
|
|
items[$(this).data('id')] = {
|
|
'update-url': $listMenu.data('update-url'),
|
|
action: 'detach',
|
|
'issue-id': $listMenu.data('issue-id'),
|
|
};
|
|
} else {
|
|
delete items[$(this).data('id')];
|
|
}
|
|
}
|
|
} else {
|
|
$(this).addClass('checked');
|
|
$(this).find('.octicon-check').removeClass('tw-invisible');
|
|
if (hasUpdateAction) {
|
|
if (!($(this).data('id') in items)) {
|
|
items[$(this).data('id')] = {
|
|
'update-url': $listMenu.data('update-url'),
|
|
action: 'attach',
|
|
'issue-id': $listMenu.data('issue-id'),
|
|
};
|
|
} else {
|
|
delete items[$(this).data('id')];
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
// TODO: Which thing should be done for choosing review requests
|
|
// to make chosen items be shown on time here?
|
|
if (selector === 'select-reviewers-modify' || selector === 'select-assignees-modify') {
|
|
return false;
|
|
}
|
|
|
|
const listIds = [];
|
|
$(this).parent().find('.item').each(function () {
|
|
if (this.classList.contains('checked')) {
|
|
listIds.push($(this).data('id'));
|
|
$($(this).data('id-selector')).removeClass('tw-hidden');
|
|
} else {
|
|
$($(this).data('id-selector')).addClass('tw-hidden');
|
|
}
|
|
});
|
|
if (!listIds.length) {
|
|
$noSelect.removeClass('tw-hidden');
|
|
} else {
|
|
$noSelect.addClass('tw-hidden');
|
|
}
|
|
$($(this).parent().data('id')).val(listIds.join(','));
|
|
return false;
|
|
});
|
|
$listMenu.find('.no-select.item').on('click', function (e) {
|
|
e.preventDefault();
|
|
if (hasUpdateAction) {
|
|
(async () => {
|
|
await updateIssuesMeta(
|
|
$listMenu.data('update-url'),
|
|
'clear',
|
|
$listMenu.data('issue-id'),
|
|
'',
|
|
);
|
|
reloadConfirmDraftComment();
|
|
})();
|
|
}
|
|
|
|
$(this).parent().find('.item').each(function () {
|
|
$(this).removeClass('checked');
|
|
$(this).find('.octicon-check').addClass('tw-invisible');
|
|
});
|
|
|
|
if (selector === 'select-reviewers-modify' || selector === 'select-assignees-modify') {
|
|
return false;
|
|
}
|
|
|
|
$list.find('.item').each(function () {
|
|
$(this).addClass('tw-hidden');
|
|
});
|
|
$noSelect.removeClass('tw-hidden');
|
|
$($(this).parent().data('id')).val('');
|
|
});
|
|
}
|
|
|
|
// Init labels and assignees
|
|
initListSubmits('select-label', 'labels');
|
|
initListSubmits('select-assignees', 'assignees');
|
|
initRepoIssueAssignMe();
|
|
initListSubmits('select-assignees-modify', 'assignees');
|
|
initListSubmits('select-reviewers-modify', 'assignees');
|
|
|
|
function selectItem(select_id, input_id) {
|
|
const $menu = $(`${select_id} .menu`);
|
|
const $list = $(`.ui${select_id}.list`);
|
|
const hasUpdateAction = $menu.data('action') === 'update';
|
|
|
|
$menu.find('.item:not(.no-select)').on('click', function () {
|
|
$(this).parent().find('.item').each(function () {
|
|
$(this).removeClass('selected active');
|
|
});
|
|
|
|
$(this).addClass('selected active');
|
|
if (hasUpdateAction) {
|
|
(async () => {
|
|
await updateIssuesMeta(
|
|
$menu.data('update-url'),
|
|
'',
|
|
$menu.data('issue-id'),
|
|
$(this).data('id'),
|
|
);
|
|
reloadConfirmDraftComment();
|
|
})();
|
|
}
|
|
|
|
let icon = '';
|
|
if (input_id === '#milestone_id') {
|
|
icon = svg('octicon-milestone', 18, 'tw-mr-2');
|
|
} else if (input_id === '#project_id') {
|
|
icon = svg('octicon-project', 18, 'tw-mr-2');
|
|
} else if (input_id === '#assignee_ids') {
|
|
icon = `<img class="ui avatar image tw-mr-2" alt="avatar" src=${$(this).data('avatar')}>`;
|
|
}
|
|
|
|
$list.find('.selected').html(`
|
|
<a class="item muted sidebar-item-link" href=${$(this).data('href')}>
|
|
${icon}
|
|
${htmlEscape($(this).text())}
|
|
</a>
|
|
`);
|
|
|
|
$(`.ui${select_id}.list .no-select`).addClass('tw-hidden');
|
|
$(input_id).val($(this).data('id'));
|
|
});
|
|
$menu.find('.no-select.item').on('click', function () {
|
|
$(this).parent().find('.item:not(.no-select)').each(function () {
|
|
$(this).removeClass('selected active');
|
|
});
|
|
|
|
if (hasUpdateAction) {
|
|
(async () => {
|
|
await updateIssuesMeta(
|
|
$menu.data('update-url'),
|
|
'',
|
|
$menu.data('issue-id'),
|
|
$(this).data('id'),
|
|
);
|
|
reloadConfirmDraftComment();
|
|
})();
|
|
}
|
|
|
|
$list.find('.selected').html('');
|
|
$list.find('.no-select').removeClass('tw-hidden');
|
|
$(input_id).val('');
|
|
});
|
|
}
|
|
|
|
// Milestone, Assignee, Project
|
|
selectItem('.select-project', '#project_id');
|
|
selectItem('.select-milestone', '#milestone_id');
|
|
selectItem('.select-assignee', '#assignee_ids');
|
|
}
|
|
|
|
async function onEditContent(event) {
|
|
event.preventDefault();
|
|
|
|
const segment = this.closest('.header').nextElementSibling;
|
|
const editContentZone = segment.querySelector('.edit-content-zone');
|
|
const renderContent = segment.querySelector('.render-content');
|
|
const rawContent = segment.querySelector('.raw-content');
|
|
|
|
let comboMarkdownEditor;
|
|
|
|
/**
|
|
* @param {HTMLElement} dropzone
|
|
*/
|
|
const setupDropzone = async (dropzone) => {
|
|
if (!dropzone) return null;
|
|
|
|
let disableRemovedfileEvent = false; // when resetting the dropzone (removeAllFiles), disable the "removedfile" event
|
|
let fileUuidDict = {}; // to record: if a comment has been saved, then the uploaded files won't be deleted from server when clicking the Remove in the dropzone
|
|
const dz = await createDropzone(dropzone, {
|
|
url: dropzone.getAttribute('data-upload-url'),
|
|
headers: {'X-Csrf-Token': csrfToken},
|
|
maxFiles: dropzone.getAttribute('data-max-file'),
|
|
maxFilesize: dropzone.getAttribute('data-max-size'),
|
|
acceptedFiles: ['*/*', ''].includes(dropzone.getAttribute('data-accepts')) ? null : dropzone.getAttribute('data-accepts'),
|
|
addRemoveLinks: true,
|
|
dictDefaultMessage: dropzone.getAttribute('data-default-message'),
|
|
dictInvalidFileType: dropzone.getAttribute('data-invalid-input-type'),
|
|
dictFileTooBig: dropzone.getAttribute('data-file-too-big'),
|
|
dictRemoveFile: dropzone.getAttribute('data-remove-file'),
|
|
timeout: 0,
|
|
thumbnailMethod: 'contain',
|
|
thumbnailWidth: 480,
|
|
thumbnailHeight: 480,
|
|
init() {
|
|
this.on('success', (file, data) => {
|
|
file.uuid = data.uuid;
|
|
fileUuidDict[file.uuid] = {submitted: false};
|
|
const input = document.createElement('input');
|
|
input.id = data.uuid;
|
|
input.name = 'files';
|
|
input.type = 'hidden';
|
|
input.value = data.uuid;
|
|
dropzone.querySelector('.files').append(input);
|
|
});
|
|
this.on('removedfile', async (file) => {
|
|
document.getElementById(file.uuid)?.remove();
|
|
if (disableRemovedfileEvent) return;
|
|
if (dropzone.getAttribute('data-remove-url') && !fileUuidDict[file.uuid].submitted) {
|
|
try {
|
|
await POST(dropzone.getAttribute('data-remove-url'), {data: new URLSearchParams({file: file.uuid})});
|
|
} catch (error) {
|
|
console.error(error);
|
|
}
|
|
}
|
|
});
|
|
this.on('submit', () => {
|
|
for (const fileUuid of Object.keys(fileUuidDict)) {
|
|
fileUuidDict[fileUuid].submitted = true;
|
|
}
|
|
});
|
|
this.on('reload', async () => {
|
|
try {
|
|
const response = await GET(editContentZone.getAttribute('data-attachment-url'));
|
|
const data = await response.json();
|
|
// do not trigger the "removedfile" event, otherwise the attachments would be deleted from server
|
|
disableRemovedfileEvent = true;
|
|
dz.removeAllFiles(true);
|
|
dropzone.querySelector('.files').innerHTML = '';
|
|
for (const el of dropzone.querySelectorAll('.dz-preview')) el.remove();
|
|
fileUuidDict = {};
|
|
disableRemovedfileEvent = false;
|
|
|
|
for (const attachment of data) {
|
|
const imgSrc = `${dropzone.getAttribute('data-link-url')}/${attachment.uuid}`;
|
|
dz.emit('addedfile', attachment);
|
|
dz.emit('thumbnail', attachment, imgSrc);
|
|
dz.emit('complete', attachment);
|
|
fileUuidDict[attachment.uuid] = {submitted: true};
|
|
dropzone.querySelector(`img[src='${imgSrc}']`).style.maxWidth = '100%';
|
|
const input = document.createElement('input');
|
|
input.id = attachment.uuid;
|
|
input.name = 'files';
|
|
input.type = 'hidden';
|
|
input.value = attachment.uuid;
|
|
dropzone.querySelector('.files').append(input);
|
|
}
|
|
if (!dropzone.querySelector('.dz-preview')) {
|
|
dropzone.classList.remove('dz-started');
|
|
}
|
|
} catch (error) {
|
|
console.error(error);
|
|
}
|
|
});
|
|
},
|
|
});
|
|
dz.emit('reload');
|
|
return dz;
|
|
};
|
|
|
|
const cancelAndReset = (e) => {
|
|
e.preventDefault();
|
|
showElem(renderContent);
|
|
hideElem(editContentZone);
|
|
comboMarkdownEditor.value(rawContent.textContent);
|
|
comboMarkdownEditor.attachedDropzoneInst?.emit('reload');
|
|
};
|
|
|
|
const saveAndRefresh = async (e) => {
|
|
e.preventDefault();
|
|
showElem(renderContent);
|
|
hideElem(editContentZone);
|
|
const dropzoneInst = comboMarkdownEditor.attachedDropzoneInst;
|
|
try {
|
|
const params = new URLSearchParams({
|
|
content: comboMarkdownEditor.value(),
|
|
context: editContentZone.getAttribute('data-context'),
|
|
content_version: editContentZone.getAttribute('data-content-version'),
|
|
});
|
|
const files = dropzoneInst?.element?.querySelectorAll('.files [name=files]') ?? [];
|
|
for (const fileInput of files) {
|
|
params.append('files[]', fileInput.value);
|
|
}
|
|
|
|
const response = await POST(editContentZone.getAttribute('data-update-url'), {data: params});
|
|
const data = await response.json();
|
|
if (response.status === 400) {
|
|
showErrorToast(data.errorMessage);
|
|
return;
|
|
}
|
|
editContentZone.setAttribute('data-content-version', data.contentVersion);
|
|
if (!data.content) {
|
|
renderContent.innerHTML = document.getElementById('no-content').innerHTML;
|
|
rawContent.textContent = '';
|
|
} else {
|
|
renderContent.innerHTML = data.content;
|
|
rawContent.textContent = comboMarkdownEditor.value();
|
|
const refIssues = renderContent.querySelectorAll('p .ref-issue');
|
|
attachRefIssueContextPopup(refIssues);
|
|
}
|
|
const content = segment;
|
|
if (!content.querySelector('.dropzone-attachments')) {
|
|
if (data.attachments !== '') {
|
|
content.insertAdjacentHTML('beforeend', data.attachments);
|
|
}
|
|
} else if (data.attachments === '') {
|
|
content.querySelector('.dropzone-attachments').remove();
|
|
} else {
|
|
content.querySelector('.dropzone-attachments').outerHTML = data.attachments;
|
|
}
|
|
dropzoneInst?.emit('submit');
|
|
dropzoneInst?.emit('reload');
|
|
initMarkupContent();
|
|
initCommentContent();
|
|
} catch (error) {
|
|
console.error(error);
|
|
}
|
|
};
|
|
|
|
comboMarkdownEditor = getComboMarkdownEditor(editContentZone.querySelector('.combo-markdown-editor'));
|
|
if (!comboMarkdownEditor) {
|
|
editContentZone.innerHTML = document.getElementById('issue-comment-editor-template').innerHTML;
|
|
comboMarkdownEditor = await initComboMarkdownEditor(editContentZone.querySelector('.combo-markdown-editor'));
|
|
comboMarkdownEditor.attachedDropzoneInst = await setupDropzone(editContentZone.querySelector('.dropzone'));
|
|
editContentZone.addEventListener('ce-quick-submit', saveAndRefresh);
|
|
editContentZone.querySelector('button[data-button-name="cancel-edit"]').addEventListener('click', cancelAndReset);
|
|
editContentZone.querySelector('button[data-button-name="save-edit"]').addEventListener('click', saveAndRefresh);
|
|
} else {
|
|
const tabEditor = editContentZone.querySelector('.combo-markdown-editor').querySelector('.tabular.menu > a[data-tab-for=markdown-writer]');
|
|
tabEditor?.click();
|
|
}
|
|
|
|
initGlobalShowModal();
|
|
|
|
// Show write/preview tab and copy raw content as needed
|
|
showElem(editContentZone);
|
|
hideElem(renderContent);
|
|
if (!comboMarkdownEditor.value()) {
|
|
comboMarkdownEditor.value(rawContent.textContent);
|
|
}
|
|
comboMarkdownEditor.focus();
|
|
}
|
|
|
|
export function initRepository() {
|
|
if (!$('.page-content.repository').length) return;
|
|
|
|
initRepoBranchTagSelector('.js-branch-tag-selector');
|
|
|
|
// Options
|
|
if ($('.repository.settings.options').length > 0) {
|
|
// Enable or select internal/external wiki system and issue tracker.
|
|
$('.enable-system').on('change', function () {
|
|
if (this.checked) {
|
|
$($(this).data('target')).removeClass('disabled');
|
|
if (!$(this).data('context')) $($(this).data('context')).addClass('disabled');
|
|
} else {
|
|
$($(this).data('target')).addClass('disabled');
|
|
if (!$(this).data('context')) $($(this).data('context')).removeClass('disabled');
|
|
}
|
|
});
|
|
$('.enable-system-radio').on('change', function () {
|
|
if (this.value === 'false') {
|
|
$($(this).data('target')).addClass('disabled');
|
|
if ($(this).data('context') !== undefined) $($(this).data('context')).removeClass('disabled');
|
|
} else if (this.value === 'true') {
|
|
$($(this).data('target')).removeClass('disabled');
|
|
if ($(this).data('context') !== undefined) $($(this).data('context')).addClass('disabled');
|
|
}
|
|
});
|
|
const $trackerIssueStyleRadios = $('.js-tracker-issue-style');
|
|
$trackerIssueStyleRadios.on('change input', () => {
|
|
const checkedVal = $trackerIssueStyleRadios.filter(':checked').val();
|
|
$('#tracker-issue-style-regex-box').toggleClass('disabled', checkedVal !== 'regexp');
|
|
});
|
|
}
|
|
|
|
// Labels
|
|
initCompLabelEdit('.repository.labels');
|
|
|
|
// Milestones
|
|
if ($('.repository.new.milestone').length > 0) {
|
|
$('#clear-date').on('click', () => {
|
|
$('#deadline').val('');
|
|
return false;
|
|
});
|
|
}
|
|
|
|
// Repo Creation
|
|
if ($('.repository.new.repo').length > 0) {
|
|
$('input[name="gitignores"], input[name="license"]').on('change', () => {
|
|
const gitignores = $('input[name="gitignores"]').val();
|
|
const license = $('input[name="license"]').val();
|
|
if (gitignores || license) {
|
|
document.querySelector('input[name="auto_init"]').checked = true;
|
|
}
|
|
});
|
|
}
|
|
|
|
// Compare or pull request
|
|
const $repoDiff = $('.repository.diff');
|
|
if ($repoDiff.length) {
|
|
initRepoCommonBranchOrTagDropdown('.choose.branch .dropdown');
|
|
initRepoCommonFilterSearchDropdown('.choose.branch .dropdown');
|
|
}
|
|
|
|
initRepoCloneLink();
|
|
initCitationFileCopyContent();
|
|
initRepoSettingBranches();
|
|
|
|
// Issues
|
|
if ($('.repository.view.issue').length > 0) {
|
|
initRepoIssueCommentEdit();
|
|
|
|
initRepoIssueBranchSelect();
|
|
initRepoIssueTitleEdit();
|
|
initRepoIssueWipToggle();
|
|
initRepoIssueComments();
|
|
|
|
initRepoDiffConversationNav();
|
|
initRepoIssueReferenceIssue();
|
|
|
|
initRepoIssueCommentDelete();
|
|
initRepoIssueDependencyDelete();
|
|
initRepoIssueCodeCommentCancel();
|
|
initRepoPullRequestUpdate();
|
|
initCompReactionSelector($(document));
|
|
|
|
initRepoPullRequestMergeForm();
|
|
initRepoPullRequestCommitStatus();
|
|
}
|
|
|
|
// Pull request
|
|
const $repoComparePull = $('.repository.compare.pull');
|
|
if ($repoComparePull.length > 0) {
|
|
// show pull request form
|
|
$repoComparePull.find('button.show-form').on('click', function (e) {
|
|
e.preventDefault();
|
|
hideElem($(this).parent());
|
|
|
|
const $form = $repoComparePull.find('.pullrequest-form');
|
|
showElem($form);
|
|
});
|
|
}
|
|
|
|
initUnicodeEscapeButton();
|
|
}
|
|
|
|
const filters = {
|
|
A(el) {
|
|
if (el.classList.contains('mention') || el.classList.contains('ref-issue')) {
|
|
return el.textContent;
|
|
}
|
|
return el;
|
|
},
|
|
PRE(el) {
|
|
const firstChild = el.children[0];
|
|
if (firstChild && el.classList.contains('code-block')) {
|
|
// Get the language of the codeblock.
|
|
const language = firstChild.className.match(/language-(\S+)/);
|
|
// Remove trailing newlines.
|
|
const text = el.textContent.replace(/\n+$/, '');
|
|
el.textContent = `\`\`\`${language[1]}\n${text}\n\`\`\`\n\n`;
|
|
}
|
|
return el;
|
|
},
|
|
SPAN(el) {
|
|
const emojiAlias = el.getAttribute('data-alias');
|
|
if (emojiAlias && el.classList.contains('emoji')) {
|
|
return `:${emojiAlias}:`;
|
|
}
|
|
if (el.classList.contains('katex')) {
|
|
const texCode = el.querySelector('annotation[encoding="application/x-tex"]').textContent;
|
|
if (el.parentElement.classList.contains('katex-display')) {
|
|
el.textContent = `\\[${texCode}\\]\n\n`;
|
|
} else {
|
|
el.textContent = `\\(${texCode}\\)\n\n`;
|
|
}
|
|
}
|
|
return el;
|
|
},
|
|
};
|
|
|
|
function hasContent(node) {
|
|
return node.nodeName === 'IMG' || node.firstChild !== null;
|
|
}
|
|
|
|
// This code matches that of what is done by @github/quote-selection
|
|
function preprocessFragment(fragment) {
|
|
const nodeIterator = document.createNodeIterator(fragment, NodeFilter.SHOW_ELEMENT, {
|
|
acceptNode(node) {
|
|
if (node.nodeName in filters && hasContent(node)) {
|
|
return NodeFilter.FILTER_ACCEPT;
|
|
}
|
|
|
|
return NodeFilter.FILTER_SKIP;
|
|
},
|
|
});
|
|
const results = [];
|
|
let node = nodeIterator.nextNode();
|
|
|
|
while (node) {
|
|
if (node instanceof HTMLElement) {
|
|
results.push(node);
|
|
}
|
|
node = nodeIterator.nextNode();
|
|
}
|
|
|
|
// process deepest matches first
|
|
results.reverse();
|
|
|
|
for (const el of results) {
|
|
el.replaceWith(filters[el.nodeName](el));
|
|
}
|
|
}
|
|
|
|
function initRepoIssueCommentEdit() {
|
|
// Edit issue or comment content
|
|
$(document).on('click', '.edit-content', onEditContent);
|
|
|
|
// Quote reply
|
|
$(document).on('click', '.quote-reply', async (event) => {
|
|
event.preventDefault();
|
|
const quote = new MarkdownQuote('', preprocessFragment);
|
|
|
|
let editorTextArea;
|
|
if (event.target.classList.contains('quote-reply-diff')) {
|
|
// Temporarily store the range so it doesn't get lost (likely caused by async code).
|
|
const currentRange = quote.range;
|
|
|
|
const replyButton = event.target.closest('.comment-code-cloud').querySelector('button.comment-form-reply');
|
|
editorTextArea = (await handleReply($(replyButton))).textarea;
|
|
|
|
quote.range = currentRange;
|
|
} else {
|
|
editorTextArea = document.querySelector('#comment-form .combo-markdown-editor textarea');
|
|
}
|
|
|
|
// Select the whole comment body if there's no selection.
|
|
if (quote.range.collapsed) {
|
|
quote.select(document.querySelector(`#${event.target.getAttribute('data-target')}`));
|
|
}
|
|
|
|
// If the selection is in the comment body, then insert the quote.
|
|
if (quote.closest(`#${event.target.getAttribute('data-target')}`)) {
|
|
editorTextArea.value += `@${event.target.getAttribute('data-author')} wrote in ${toAbsoluteUrl(event.target.getAttribute('data-reference-url'))}:`;
|
|
quote.insert(editorTextArea);
|
|
}
|
|
});
|
|
}
|