forked from Shiloh/githaven
Split issue edit code from repo-legacy.js into its own file (#30419)
Follow Split `index.js` to separate files (#17315) It's time to move some code away from the messy "legacy" file.
This commit is contained in:
wxiaoguang
GitHub
parent
0fe9f93eb4
commit
26ee66327f
206
web_src/js/features/repo-issue-edit.js
Normal file
206
web_src/js/features/repo-issue-edit.js
Normal file
@ -0,0 +1,206 @@
|
|||||||
|
import $ from 'jquery';
|
||||||
|
import {handleReply} from './repo-issue.js';
|
||||||
|
import {getComboMarkdownEditor, initComboMarkdownEditor} from './comp/ComboMarkdownEditor.js';
|
||||||
|
import {createDropzone} from './dropzone.js';
|
||||||
|
import {GET, POST} from '../modules/fetch.js';
|
||||||
|
import {hideElem, showElem} from '../utils/dom.js';
|
||||||
|
import {attachRefIssueContextPopup} from './contextpopup.js';
|
||||||
|
import {initCommentContent, initMarkupContent} from '../markup/content.js';
|
||||||
|
|
||||||
|
const {csrfToken} = window.config;
|
||||||
|
|
||||||
|
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.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'),
|
||||||
|
});
|
||||||
|
for (const fileInput of dropzoneInst?.element.querySelectorAll('.files [name=files]')) params.append('files[]', fileInput.value);
|
||||||
|
|
||||||
|
const response = await POST(editContentZone.getAttribute('data-update-url'), {data: params});
|
||||||
|
const data = await response.json();
|
||||||
|
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.querySelector('.cancel.button').addEventListener('click', cancelAndReset);
|
||||||
|
editContentZone.querySelector('.save.button').addEventListener('click', saveAndRefresh);
|
||||||
|
}
|
||||||
|
|
||||||
|
// 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 initRepoIssueCommentEdit() {
|
||||||
|
// Edit issue or comment content
|
||||||
|
$(document).on('click', '.edit-content', onEditContent);
|
||||||
|
|
||||||
|
// Quote reply
|
||||||
|
$(document).on('click', '.quote-reply', async function (event) {
|
||||||
|
event.preventDefault();
|
||||||
|
const target = $(this).data('target');
|
||||||
|
const quote = $(`#${target}`).text().replace(/\n/g, '\n> ');
|
||||||
|
const content = `> ${quote}\n\n`;
|
||||||
|
let editor;
|
||||||
|
if ($(this).hasClass('quote-reply-diff')) {
|
||||||
|
const $replyBtn = $(this).closest('.comment-code-cloud').find('button.comment-form-reply');
|
||||||
|
editor = await handleReply($replyBtn);
|
||||||
|
} else {
|
||||||
|
// for normal issue/comment page
|
||||||
|
editor = getComboMarkdownEditor($('#comment-form .combo-markdown-editor'));
|
||||||
|
}
|
||||||
|
if (editor) {
|
||||||
|
if (editor.value()) {
|
||||||
|
editor.value(`${editor.value()}\n\n${content}`);
|
||||||
|
} else {
|
||||||
|
editor.value(content);
|
||||||
|
}
|
||||||
|
editor.focus();
|
||||||
|
editor.moveCursorToEnd();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
@ -3,7 +3,7 @@ import {
|
|||||||
initRepoIssueBranchSelect, initRepoIssueCodeCommentCancel, initRepoIssueCommentDelete,
|
initRepoIssueBranchSelect, initRepoIssueCodeCommentCancel, initRepoIssueCommentDelete,
|
||||||
initRepoIssueComments, initRepoIssueDependencyDelete, initRepoIssueReferenceIssue,
|
initRepoIssueComments, initRepoIssueDependencyDelete, initRepoIssueReferenceIssue,
|
||||||
initRepoIssueTitleEdit, initRepoIssueWipToggle,
|
initRepoIssueTitleEdit, initRepoIssueWipToggle,
|
||||||
initRepoPullRequestUpdate, updateIssuesMeta, handleReply, initIssueTemplateCommentEditors, initSingleCommentEditor,
|
initRepoPullRequestUpdate, updateIssuesMeta, initIssueTemplateCommentEditors, initSingleCommentEditor,
|
||||||
} from './repo-issue.js';
|
} from './repo-issue.js';
|
||||||
import {initUnicodeEscapeButton} from './repo-unicode-escape.js';
|
import {initUnicodeEscapeButton} from './repo-unicode-escape.js';
|
||||||
import {svg} from '../svg.js';
|
import {svg} from '../svg.js';
|
||||||
@ -15,18 +15,13 @@ import {
|
|||||||
import {initCitationFileCopyContent} from './citation.js';
|
import {initCitationFileCopyContent} from './citation.js';
|
||||||
import {initCompLabelEdit} from './comp/LabelEdit.js';
|
import {initCompLabelEdit} from './comp/LabelEdit.js';
|
||||||
import {initRepoDiffConversationNav} from './repo-diff.js';
|
import {initRepoDiffConversationNav} from './repo-diff.js';
|
||||||
import {createDropzone} from './dropzone.js';
|
|
||||||
import {initCommentContent, initMarkupContent} from '../markup/content.js';
|
|
||||||
import {initCompReactionSelector} from './comp/ReactionSelector.js';
|
import {initCompReactionSelector} from './comp/ReactionSelector.js';
|
||||||
import {initRepoSettingBranches} from './repo-settings.js';
|
import {initRepoSettingBranches} from './repo-settings.js';
|
||||||
import {initRepoPullRequestMergeForm} from './repo-issue-pr-form.js';
|
import {initRepoPullRequestMergeForm} from './repo-issue-pr-form.js';
|
||||||
import {initRepoPullRequestCommitStatus} from './repo-issue-pr-status.js';
|
import {initRepoPullRequestCommitStatus} from './repo-issue-pr-status.js';
|
||||||
import {hideElem, showElem} from '../utils/dom.js';
|
import {hideElem, showElem} from '../utils/dom.js';
|
||||||
import {getComboMarkdownEditor, initComboMarkdownEditor} from './comp/ComboMarkdownEditor.js';
|
import {POST} from '../modules/fetch.js';
|
||||||
import {attachRefIssueContextPopup} from './contextpopup.js';
|
import {initRepoIssueCommentEdit} from './repo-issue-edit.js';
|
||||||
import {POST, GET} from '../modules/fetch.js';
|
|
||||||
|
|
||||||
const {csrfToken} = window.config;
|
|
||||||
|
|
||||||
// if there are draft comments, confirm before reloading, to avoid losing comments
|
// if there are draft comments, confirm before reloading, to avoid losing comments
|
||||||
function reloadConfirmDraftComment() {
|
function reloadConfirmDraftComment() {
|
||||||
@ -316,172 +311,6 @@ export function initRepoCommentForm() {
|
|||||||
selectItem('.select-assignee', '#assignee_id');
|
selectItem('.select-assignee', '#assignee_id');
|
||||||
}
|
}
|
||||||
|
|
||||||
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.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'),
|
|
||||||
});
|
|
||||||
for (const fileInput of dropzoneInst?.element.querySelectorAll('.files [name=files]')) params.append('files[]', fileInput.value);
|
|
||||||
|
|
||||||
const response = await POST(editContentZone.getAttribute('data-update-url'), {data: params});
|
|
||||||
const data = await response.json();
|
|
||||||
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.querySelector('.cancel.button').addEventListener('click', cancelAndReset);
|
|
||||||
editContentZone.querySelector('.save.button').addEventListener('click', saveAndRefresh);
|
|
||||||
}
|
|
||||||
|
|
||||||
// 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() {
|
export function initRepository() {
|
||||||
if (!$('.page-content.repository').length) return;
|
if (!$('.page-content.repository').length) return;
|
||||||
|
|
||||||
@ -585,33 +414,3 @@ export function initRepository() {
|
|||||||
|
|
||||||
initUnicodeEscapeButton();
|
initUnicodeEscapeButton();
|
||||||
}
|
}
|
||||||
|
|
||||||
function initRepoIssueCommentEdit() {
|
|
||||||
// Edit issue or comment content
|
|
||||||
$(document).on('click', '.edit-content', onEditContent);
|
|
||||||
|
|
||||||
// Quote reply
|
|
||||||
$(document).on('click', '.quote-reply', async function (event) {
|
|
||||||
event.preventDefault();
|
|
||||||
const target = $(this).data('target');
|
|
||||||
const quote = $(`#${target}`).text().replace(/\n/g, '\n> ');
|
|
||||||
const content = `> ${quote}\n\n`;
|
|
||||||
let editor;
|
|
||||||
if ($(this).hasClass('quote-reply-diff')) {
|
|
||||||
const $replyBtn = $(this).closest('.comment-code-cloud').find('button.comment-form-reply');
|
|
||||||
editor = await handleReply($replyBtn);
|
|
||||||
} else {
|
|
||||||
// for normal issue/comment page
|
|
||||||
editor = getComboMarkdownEditor($('#comment-form .combo-markdown-editor'));
|
|
||||||
}
|
|
||||||
if (editor) {
|
|
||||||
if (editor.value()) {
|
|
||||||
editor.value(`${editor.value()}\n\n${content}`);
|
|
||||||
} else {
|
|
||||||
editor.value(content);
|
|
||||||
}
|
|
||||||
editor.focus();
|
|
||||||
editor.moveCursorToEnd();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user