607 lines
		
	
	
		
			20 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
			
		
		
	
	
			607 lines
		
	
	
		
			20 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
| import $ from 'jquery';
 | |
| import {
 | |
|   initRepoIssueBranchSelect, initRepoIssueCodeCommentCancel, initRepoIssueCommentDelete,
 | |
|   initRepoIssueComments, initRepoIssueDependencyDelete, initRepoIssueReferenceIssue,
 | |
|   initRepoIssueTitleEdit, initRepoIssueWipToggle,
 | |
|   initRepoPullRequestUpdate, updateIssuesMeta, handleReply
 | |
| } 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,
 | |
|   initRepoCommonLanguageStats,
 | |
| } 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 {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 {hideElem, showElem} from '../utils/dom.js';
 | |
| import {getComboMarkdownEditor, initComboMarkdownEditor} from './comp/ComboMarkdownEditor.js';
 | |
| import {attachRefIssueContextPopup} from './contextpopup.js';
 | |
| 
 | |
| const {csrfToken} = window.config;
 | |
| 
 | |
| // if there are draft comments, confirm before reloading, to avoid losing comments
 | |
| function reloadConfirmDraftComment() {
 | |
|   const commentTextareas = [
 | |
|     document.querySelector('.edit-content-zone:not(.gt-hidden) textarea'),
 | |
|     document.querySelector('#comment-form textarea'),
 | |
|   ];
 | |
|   for (const textarea of commentTextareas) {
 | |
|     // Most users won't feel too sad if they lose a comment with 10 chars, they can re-type these in seconds.
 | |
|     // But if they have typed more (like 50) chars and the comment is lost, they will be very unhappy.
 | |
|     if (textarea && textarea.value.trim().length > 10) {
 | |
|       textarea.parentElement.scrollIntoView();
 | |
|       if (!window.confirm('Page will be reloaded, but there are draft comments. Continuing to reload will discard the comments. Continue?')) {
 | |
|         return;
 | |
|       }
 | |
|       break;
 | |
|     }
 | |
|   }
 | |
|   window.location.reload();
 | |
| }
 | |
| 
 | |
| export function initRepoCommentForm() {
 | |
|   const $commentForm = $('.comment.form');
 | |
|   if ($commentForm.length === 0) {
 | |
|     return;
 | |
|   }
 | |
| 
 | |
|   function initBranchSelector() {
 | |
|     const $selectBranch = $('.ui.select-branch');
 | |
|     const $branchMenu = $selectBranch.find('.reference-list-menu');
 | |
|     const $isNewIssue = $branchMenu.hasClass('new-issue');
 | |
|     $branchMenu.find('.item:not(.no-select)').click(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 = $('#update_issueref_form');
 | |
|         $.post(form.attr('action'), {_csrf: csrfToken, ref: selectedValue}, () => window.location.reload());
 | |
|       } 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;
 | |
|     });
 | |
|   }
 | |
| 
 | |
|   const $statusButton = $('#status-button');
 | |
|   $statusButton.on('click', (e) => {
 | |
|     e.preventDefault();
 | |
|     $('#status').val($statusButton.data('status-val'));
 | |
|     $('#comment-form').trigger('submit');
 | |
|   });
 | |
| 
 | |
|   const _promise = initComboMarkdownEditor($commentForm.find('.combo-markdown-editor'), {
 | |
|     onContentChanged(editor) {
 | |
|       $statusButton.text($statusButton.attr(editor.value().trim() ? 'data-status-and-comment' : 'data-status'));
 | |
|     },
 | |
|   });
 | |
| 
 | |
|   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).hasClass('ban-change')) {
 | |
|         return false;
 | |
|       }
 | |
| 
 | |
|       hasUpdateAction = $listMenu.data('action') === 'update'; // Update the var
 | |
| 
 | |
|       const clickedItem = $(this);
 | |
|       const scope = $(this).attr('data-scope');
 | |
| 
 | |
|       $(this).parent().find('.item').each(function () {
 | |
|         if (scope) {
 | |
|           // Enable only clicked item for scoped labels
 | |
|           if ($(this).attr('data-scope') !== scope) {
 | |
|             return true;
 | |
|           }
 | |
|           if (!$(this).is(clickedItem) && !$(this).hasClass('checked')) {
 | |
|             return true;
 | |
|           }
 | |
|         } else if (!$(this).is(clickedItem)) {
 | |
|           // Toggle for other labels
 | |
|           return true;
 | |
|         }
 | |
| 
 | |
|         if ($(this).hasClass('checked')) {
 | |
|           $(this).removeClass('checked');
 | |
|           $(this).find('.octicon-check').addClass('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('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).hasClass('checked')) {
 | |
|           listIds.push($(this).data('id'));
 | |
|           $($(this).data('id-selector')).removeClass('gt-hidden');
 | |
|         } else {
 | |
|           $($(this).data('id-selector')).addClass('gt-hidden');
 | |
|         }
 | |
|       });
 | |
|       if (listIds.length === 0) {
 | |
|         $noSelect.removeClass('gt-hidden');
 | |
|       } else {
 | |
|         $noSelect.addClass('gt-hidden');
 | |
|       }
 | |
|       $($(this).parent().data('id')).val(listIds.join(','));
 | |
|       return false;
 | |
|     });
 | |
|     $listMenu.find('.no-select.item').on('click', function (e) {
 | |
|       e.preventDefault();
 | |
|       if (hasUpdateAction) {
 | |
|         updateIssuesMeta(
 | |
|           $listMenu.data('update-url'),
 | |
|           'clear',
 | |
|           $listMenu.data('issue-id'),
 | |
|           '',
 | |
|         ).then(reloadConfirmDraftComment);
 | |
|       }
 | |
| 
 | |
|       $(this).parent().find('.item').each(function () {
 | |
|         $(this).removeClass('checked');
 | |
|         $(this).find('.octicon-check').addClass('invisible');
 | |
|       });
 | |
| 
 | |
|       if (selector === 'select-reviewers-modify' || selector === 'select-assignees-modify') {
 | |
|         return false;
 | |
|       }
 | |
| 
 | |
|       $list.find('.item').each(function () {
 | |
|         $(this).addClass('gt-hidden');
 | |
|       });
 | |
|       $noSelect.removeClass('gt-hidden');
 | |
|       $($(this).parent().data('id')).val('');
 | |
|     });
 | |
|   }
 | |
| 
 | |
|   // Init labels and assignees
 | |
|   initListSubmits('select-label', 'labels');
 | |
|   initListSubmits('select-assignees', 'assignees');
 | |
|   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) {
 | |
|         updateIssuesMeta(
 | |
|           $menu.data('update-url'),
 | |
|           '',
 | |
|           $menu.data('issue-id'),
 | |
|           $(this).data('id'),
 | |
|         ).then(reloadConfirmDraftComment);
 | |
|       }
 | |
| 
 | |
|       let icon = '';
 | |
|       if (input_id === '#milestone_id') {
 | |
|         icon = svg('octicon-milestone', 18, 'gt-mr-3');
 | |
|       } else if (input_id === '#project_id') {
 | |
|         icon = svg('octicon-project', 18, 'gt-mr-3');
 | |
|       } else if (input_id === '#assignee_id') {
 | |
|         icon = `<img class="ui avatar image gt-mr-3" 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('gt-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) {
 | |
|         updateIssuesMeta(
 | |
|           $menu.data('update-url'),
 | |
|           '',
 | |
|           $menu.data('issue-id'),
 | |
|           $(this).data('id'),
 | |
|         ).then(reloadConfirmDraftComment);
 | |
|       }
 | |
| 
 | |
|       $list.find('.selected').html('');
 | |
|       $list.find('.no-select').removeClass('gt-hidden');
 | |
|       $(input_id).val('');
 | |
|     });
 | |
|   }
 | |
| 
 | |
|   // Milestone, Assignee, Project
 | |
|   selectItem('.select-project', '#project_id');
 | |
|   selectItem('.select-milestone', '#milestone_id');
 | |
|   selectItem('.select-assignee', '#assignee_id');
 | |
| }
 | |
| 
 | |
| 
 | |
| async function onEditContent(event) {
 | |
|   event.preventDefault();
 | |
| 
 | |
|   const $segment = $(this).closest('.header').next();
 | |
|   const $editContentZone = $segment.find('.edit-content-zone');
 | |
|   const $renderContent = $segment.find('.render-content');
 | |
|   const $rawContent = $segment.find('.raw-content');
 | |
| 
 | |
|   let comboMarkdownEditor;
 | |
| 
 | |
|   const setupDropzone = async ($dropzone) => {
 | |
|     if ($dropzone.length === 0) return null;
 | |
|     $dropzone.data('saved', false);
 | |
| 
 | |
|     const fileUuidDict = {};
 | |
|     const dz = await createDropzone($dropzone[0], {
 | |
|       url: $dropzone.data('upload-url'),
 | |
|       headers: {'X-Csrf-Token': csrfToken},
 | |
|       maxFiles: $dropzone.data('max-file'),
 | |
|       maxFilesize: $dropzone.data('max-size'),
 | |
|       acceptedFiles: (['*/*', ''].includes($dropzone.data('accepts'))) ? null : $dropzone.data('accepts'),
 | |
|       addRemoveLinks: true,
 | |
|       dictDefaultMessage: $dropzone.data('default-message'),
 | |
|       dictInvalidFileType: $dropzone.data('invalid-input-type'),
 | |
|       dictFileTooBig: $dropzone.data('file-too-big'),
 | |
|       dictRemoveFile: $dropzone.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 = $(`<input id="${data.uuid}" name="files" type="hidden">`).val(data.uuid);
 | |
|           $dropzone.find('.files').append(input);
 | |
|         });
 | |
|         this.on('removedfile', (file) => {
 | |
|           $(`#${file.uuid}`).remove();
 | |
|           if ($dropzone.data('remove-url') && !fileUuidDict[file.uuid].submitted) {
 | |
|             $.post($dropzone.data('remove-url'), {
 | |
|               file: file.uuid,
 | |
|               _csrf: csrfToken,
 | |
|             });
 | |
|           }
 | |
|         });
 | |
|         this.on('submit', () => {
 | |
|           $.each(fileUuidDict, (fileUuid) => {
 | |
|             fileUuidDict[fileUuid].submitted = true;
 | |
|           });
 | |
|         });
 | |
|         this.on('reload', () => {
 | |
|           $.getJSON($editContentZone.data('attachment-url'), (data) => {
 | |
|             dz.removeAllFiles(true);
 | |
|             $dropzone.find('.files').empty();
 | |
|             $.each(data, function () {
 | |
|               const imgSrc = `${$dropzone.data('link-url')}/${this.uuid}`;
 | |
|               dz.emit('addedfile', this);
 | |
|               dz.emit('thumbnail', this, imgSrc);
 | |
|               dz.emit('complete', this);
 | |
|               dz.files.push(this);
 | |
|               fileUuidDict[this.uuid] = {submitted: true};
 | |
|               $dropzone.find(`img[src='${imgSrc}']`).css('max-width', '100%');
 | |
|               const input = $(`<input id="${this.uuid}" name="files" type="hidden">`).val(this.uuid);
 | |
|               $dropzone.find('.files').append(input);
 | |
|             });
 | |
|           });
 | |
|         });
 | |
|       },
 | |
|     });
 | |
|     dz.emit('reload');
 | |
|     return dz;
 | |
|   };
 | |
| 
 | |
|   const cancelAndReset = (dz) => {
 | |
|     showElem($renderContent);
 | |
|     hideElem($editContentZone);
 | |
|     if (dz) {
 | |
|       dz.emit('reload');
 | |
|     }
 | |
|   };
 | |
| 
 | |
|   const saveAndRefresh = (dz, $dropzone) => {
 | |
|     showElem($renderContent);
 | |
|     hideElem($editContentZone);
 | |
|     const $attachments = $dropzone.find('.files').find('[name=files]').map(function () {
 | |
|       return $(this).val();
 | |
|     }).get();
 | |
|     $.post($editContentZone.data('update-url'), {
 | |
|       _csrf: csrfToken,
 | |
|       content: comboMarkdownEditor.value(),
 | |
|       context: $editContentZone.data('context'),
 | |
|       files: $attachments,
 | |
|     }, (data) => {
 | |
|       if (!data.content) {
 | |
|         $renderContent.html($('#no-content').html());
 | |
|         $rawContent.text('');
 | |
|       } else {
 | |
|         $renderContent.html(data.content);
 | |
|         $rawContent.text(comboMarkdownEditor.value());
 | |
| 
 | |
|         const refIssues = $renderContent.find('p .ref-issue');
 | |
|         attachRefIssueContextPopup(refIssues);
 | |
|       }
 | |
|       const $content = $segment;
 | |
|       if (!$content.find('.dropzone-attachments').length) {
 | |
|         if (data.attachments !== '') {
 | |
|           $content.append(`<div class="dropzone-attachments"></div>`);
 | |
|           $content.find('.dropzone-attachments').replaceWith(data.attachments);
 | |
|         }
 | |
|       } else if (data.attachments === '') {
 | |
|         $content.find('.dropzone-attachments').remove();
 | |
|       } else {
 | |
|         $content.find('.dropzone-attachments').replaceWith(data.attachments);
 | |
|       }
 | |
|       if (dz) {
 | |
|         dz.emit('submit');
 | |
|         dz.emit('reload');
 | |
|       }
 | |
|       initMarkupContent();
 | |
|       initCommentContent();
 | |
|     });
 | |
|   };
 | |
| 
 | |
|   if (!$editContentZone.html()) {
 | |
|     $editContentZone.html($('#issue-comment-editor-template').html());
 | |
|     comboMarkdownEditor = await initComboMarkdownEditor($editContentZone.find('.combo-markdown-editor'));
 | |
| 
 | |
|     const $dropzone = $editContentZone.find('.dropzone');
 | |
|     const dz = await setupDropzone($dropzone);
 | |
|     $editContentZone.find('.cancel.button').on('click', (e) => {
 | |
|       e.preventDefault();
 | |
|       cancelAndReset(dz);
 | |
|     });
 | |
|     $editContentZone.find('.save.button').on('click', (e) => {
 | |
|       e.preventDefault();
 | |
|       saveAndRefresh(dz, $dropzone);
 | |
|     });
 | |
|   } else {
 | |
|     comboMarkdownEditor = getComboMarkdownEditor($editContentZone.find('.combo-markdown-editor'));
 | |
|   }
 | |
| 
 | |
|   // Show write/preview tab and copy raw content as needed
 | |
|   showElem($editContentZone);
 | |
|   hideElem($renderContent);
 | |
|   if (!comboMarkdownEditor.value()) {
 | |
|     comboMarkdownEditor.value($rawContent.text());
 | |
|   }
 | |
|   comboMarkdownEditor.focus();
 | |
| }
 | |
| 
 | |
| export function initRepository() {
 | |
|   if ($('.repository').length === 0) {
 | |
|     return;
 | |
|   }
 | |
| 
 | |
| 
 | |
|   // File list and commits
 | |
|   if ($('.repository.file.list').length > 0 || $('.branch-dropdown').length > 0 ||
 | |
|     $('.repository.commits').length > 0 || $('.repository.release').length > 0) {
 | |
|     initRepoBranchTagSelector('.js-branch-tag-selector');
 | |
|   }
 | |
| 
 | |
|   // Wiki
 | |
|   if ($('.repository.wiki.view').length > 0) {
 | |
|     initRepoCommonFilterSearchDropdown('.choose.page .dropdown');
 | |
|   }
 | |
| 
 | |
|   // 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) {
 | |
|         $('input[name="auto_init"]').prop('checked', true);
 | |
|       }
 | |
|     });
 | |
|   }
 | |
| 
 | |
|   // Compare or pull request
 | |
|   const $repoDiff = $('.repository.diff');
 | |
|   if ($repoDiff.length) {
 | |
|     initRepoCommonBranchOrTagDropdown('.choose.branch .dropdown');
 | |
|     initRepoCommonFilterSearchDropdown('.choose.branch .dropdown');
 | |
|   }
 | |
| 
 | |
|   initRepoCloneLink();
 | |
|   initCitationFileCopyContent();
 | |
|   initRepoCommonLanguageStats();
 | |
|   initRepoSettingBranches();
 | |
| 
 | |
|   // Issues
 | |
|   if ($('.repository.view.issue').length > 0) {
 | |
|     initRepoIssueCommentEdit();
 | |
| 
 | |
|     initRepoIssueBranchSelect();
 | |
|     initRepoIssueTitleEdit();
 | |
|     initRepoIssueWipToggle();
 | |
|     initRepoIssueComments();
 | |
| 
 | |
|     initRepoDiffConversationNav();
 | |
|     initRepoIssueReferenceIssue();
 | |
| 
 | |
| 
 | |
|     initRepoIssueCommentDelete();
 | |
|     initRepoIssueDependencyDelete();
 | |
|     initRepoIssueCodeCommentCancel();
 | |
|     initRepoPullRequestUpdate();
 | |
|     initCompReactionSelector();
 | |
| 
 | |
|     initRepoPullRequestMergeForm();
 | |
|   }
 | |
| 
 | |
|   // 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();
 | |
| }
 | |
| 
 | |
| 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();
 | |
|     }
 | |
|   });
 | |
| }
 |