mirror of
				https://github.com/go-gitea/gitea.git
				synced 2025-11-03 12:26:05 +01:00 
			
		
		
		
	Right now the authors search dropdown might take a long time to load if amount of authors is huge. Example: (In the video below, there are about 10000 authors, and it takes about 10 seconds to open the author dropdown) https://user-images.githubusercontent.com/17645053/229422229-98aa9656-3439-4f8c-9f4e-83bd8e2a2557.mov Possible improvements can be made, which will take 2 steps (Thanks to @wolfogre for advice): Step 1: Backend: Add a new api, which returns a limit of 30 posters with matched prefix. Frontend: Change the search behavior from frontend search(fomantic search) to backend search(when input is changed, send a request to get authors matching the current search prefix) Step 2: Backend: Optimize the api in step 1 using indexer to support fuzzy search. This PR is implements the first step. The main changes: 1. Added api: `GET /{type:issues|pulls}/posters` , which return a limit of 30 users with matched prefix (prefix sent as query). If `DEFAULT_SHOW_FULL_NAME` in `custom/conf/app.ini` is set to true, will also include fullnames fuzzy search. 2. Added a tooltip saying "Shows a maximum of 30 users" to the author search dropdown 3. Change the search behavior from frontend search to backend search After: https://user-images.githubusercontent.com/17645053/229430960-f88fafd8-fd5d-4f84-9df2-2677539d5d08.mov Fixes: https://github.com/go-gitea/gitea/issues/22586 --------- Co-authored-by: wxiaoguang <wxiaoguang@gmail.com> Co-authored-by: silverwind <me@silverwind.io>
		
			
				
	
	
		
			637 lines
		
	
	
		
			20 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			637 lines
		
	
	
		
			20 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
import $ from 'jquery';
 | 
						|
import {htmlEscape} from 'escape-goat';
 | 
						|
import {showTemporaryTooltip, createTippy} from '../modules/tippy.js';
 | 
						|
import {hideElem, showElem, toggleElem} from '../utils/dom.js';
 | 
						|
import {setFileFolding} from './file-fold.js';
 | 
						|
import {getComboMarkdownEditor, initComboMarkdownEditor} from './comp/ComboMarkdownEditor.js';
 | 
						|
 | 
						|
const {appSubUrl, csrfToken} = window.config;
 | 
						|
 | 
						|
export function initRepoIssueTimeTracking() {
 | 
						|
  $(document).on('click', '.issue-add-time', () => {
 | 
						|
    $('.issue-start-time-modal').modal({
 | 
						|
      duration: 200,
 | 
						|
      onApprove() {
 | 
						|
        $('#add_time_manual_form').trigger('submit');
 | 
						|
      },
 | 
						|
    }).modal('show');
 | 
						|
    $('.issue-start-time-modal input').on('keydown', (e) => {
 | 
						|
      if ((e.keyCode || e.key) === 13) {
 | 
						|
        $('#add_time_manual_form').trigger('submit');
 | 
						|
      }
 | 
						|
    });
 | 
						|
  });
 | 
						|
  $(document).on('click', '.issue-start-time, .issue-stop-time', () => {
 | 
						|
    $('#toggle_stopwatch_form').trigger('submit');
 | 
						|
  });
 | 
						|
  $(document).on('click', '.issue-cancel-time', () => {
 | 
						|
    $('#cancel_stopwatch_form').trigger('submit');
 | 
						|
  });
 | 
						|
  $(document).on('click', 'button.issue-delete-time', function () {
 | 
						|
    const sel = `.issue-delete-time-modal[data-id="${$(this).data('id')}"]`;
 | 
						|
    $(sel).modal({
 | 
						|
      duration: 200,
 | 
						|
      onApprove() {
 | 
						|
        $(`${sel} form`).trigger('submit');
 | 
						|
      },
 | 
						|
    }).modal('show');
 | 
						|
  });
 | 
						|
}
 | 
						|
 | 
						|
function updateDeadline(deadlineString) {
 | 
						|
  hideElem($('#deadline-err-invalid-date'));
 | 
						|
  $('#deadline-loader').addClass('loading');
 | 
						|
 | 
						|
  let realDeadline = null;
 | 
						|
  if (deadlineString !== '') {
 | 
						|
    const newDate = Date.parse(deadlineString);
 | 
						|
 | 
						|
    if (Number.isNaN(newDate)) {
 | 
						|
      $('#deadline-loader').removeClass('loading');
 | 
						|
      showElem($('#deadline-err-invalid-date'));
 | 
						|
      return false;
 | 
						|
    }
 | 
						|
    realDeadline = new Date(newDate);
 | 
						|
  }
 | 
						|
 | 
						|
  $.ajax(`${$('#update-issue-deadline-form').attr('action')}`, {
 | 
						|
    data: JSON.stringify({
 | 
						|
      due_date: realDeadline,
 | 
						|
    }),
 | 
						|
    headers: {
 | 
						|
      'X-Csrf-Token': csrfToken,
 | 
						|
    },
 | 
						|
    contentType: 'application/json',
 | 
						|
    type: 'POST',
 | 
						|
    success() {
 | 
						|
      window.location.reload();
 | 
						|
    },
 | 
						|
    error() {
 | 
						|
      $('#deadline-loader').removeClass('loading');
 | 
						|
      showElem($('#deadline-err-invalid-date'));
 | 
						|
    },
 | 
						|
  });
 | 
						|
}
 | 
						|
 | 
						|
export function initRepoIssueDue() {
 | 
						|
  $(document).on('click', '.issue-due-edit', () => {
 | 
						|
    toggleElem('#deadlineForm');
 | 
						|
  });
 | 
						|
  $(document).on('click', '.issue-due-remove', () => {
 | 
						|
    updateDeadline('');
 | 
						|
  });
 | 
						|
  $(document).on('submit', '.issue-due-form', () => {
 | 
						|
    updateDeadline($('#deadlineDate').val());
 | 
						|
    return false;
 | 
						|
  });
 | 
						|
}
 | 
						|
 | 
						|
export function initRepoIssueSidebarList() {
 | 
						|
  const repolink = $('#repolink').val();
 | 
						|
  const repoId = $('#repoId').val();
 | 
						|
  const crossRepoSearch = $('#crossRepoSearch').val();
 | 
						|
  const tp = $('#type').val();
 | 
						|
  let issueSearchUrl = `${appSubUrl}/${repolink}/issues/search?q={query}&type=${tp}`;
 | 
						|
  if (crossRepoSearch === 'true') {
 | 
						|
    issueSearchUrl = `${appSubUrl}/issues/search?q={query}&priority_repo_id=${repoId}&type=${tp}`;
 | 
						|
  }
 | 
						|
  $('#new-dependency-drop-list')
 | 
						|
    .dropdown({
 | 
						|
      apiSettings: {
 | 
						|
        url: issueSearchUrl,
 | 
						|
        onResponse(response) {
 | 
						|
          const filteredResponse = {success: true, results: []};
 | 
						|
          const currIssueId = $('#new-dependency-drop-list').data('issue-id');
 | 
						|
          // Parse the response from the api to work with our dropdown
 | 
						|
          $.each(response, (_i, issue) => {
 | 
						|
            // Don't list current issue in the dependency list.
 | 
						|
            if (issue.id === currIssueId) {
 | 
						|
              return;
 | 
						|
            }
 | 
						|
            filteredResponse.results.push({
 | 
						|
              name: `#${issue.number} ${htmlEscape(issue.title)
 | 
						|
              }<div class="text small dont-break-out">${htmlEscape(issue.repository.full_name)}</div>`,
 | 
						|
              value: issue.id,
 | 
						|
            });
 | 
						|
          });
 | 
						|
          return filteredResponse;
 | 
						|
        },
 | 
						|
        cache: false,
 | 
						|
      },
 | 
						|
 | 
						|
      fullTextSearch: true,
 | 
						|
    });
 | 
						|
 | 
						|
  function excludeLabel(item) {
 | 
						|
    const href = $(item).attr('href');
 | 
						|
    const id = $(item).data('label-id');
 | 
						|
 | 
						|
    const regStr = `labels=((?:-?[0-9]+%2c)*)(${id})((?:%2c-?[0-9]+)*)&`;
 | 
						|
    const newStr = 'labels=$1-$2$3&';
 | 
						|
 | 
						|
    window.location = href.replace(new RegExp(regStr), newStr);
 | 
						|
  }
 | 
						|
 | 
						|
  $('.menu a.label-filter-item').each(function () {
 | 
						|
    $(this).on('click', function (e) {
 | 
						|
      if (e.altKey) {
 | 
						|
        e.preventDefault();
 | 
						|
        excludeLabel(this);
 | 
						|
      }
 | 
						|
    });
 | 
						|
  });
 | 
						|
 | 
						|
  $('.menu .ui.dropdown.label-filter').on('keydown', (e) => {
 | 
						|
    if (e.altKey && e.keyCode === 13) {
 | 
						|
      const selectedItems = $('.menu .ui.dropdown.label-filter .menu .item.selected');
 | 
						|
      if (selectedItems.length > 0) {
 | 
						|
        excludeLabel($(selectedItems[0]));
 | 
						|
      }
 | 
						|
    }
 | 
						|
  });
 | 
						|
}
 | 
						|
 | 
						|
export function initRepoIssueCommentDelete() {
 | 
						|
  // Delete comment
 | 
						|
  $(document).on('click', '.delete-comment', function () {
 | 
						|
    const $this = $(this);
 | 
						|
    if (window.confirm($this.data('locale'))) {
 | 
						|
      $.post($this.data('url'), {
 | 
						|
        _csrf: csrfToken,
 | 
						|
      }).done(() => {
 | 
						|
        const $conversationHolder = $this.closest('.conversation-holder');
 | 
						|
 | 
						|
        // Check if this was a pending comment.
 | 
						|
        if ($conversationHolder.find('.pending-label').length) {
 | 
						|
          const $counter = $('#review-box .review-comments-counter');
 | 
						|
          let num = parseInt($counter.attr('data-pending-comment-number')) - 1 || 0;
 | 
						|
          num = Math.max(num, 0);
 | 
						|
          $counter.attr('data-pending-comment-number', num);
 | 
						|
          $counter.text(num);
 | 
						|
        }
 | 
						|
 | 
						|
        $(`#${$this.data('comment-id')}`).remove();
 | 
						|
        if ($conversationHolder.length && !$conversationHolder.find('.comment').length) {
 | 
						|
          const path = $conversationHolder.data('path');
 | 
						|
          const side = $conversationHolder.data('side');
 | 
						|
          const idx = $conversationHolder.data('idx');
 | 
						|
          const lineType = $conversationHolder.closest('tr').data('line-type');
 | 
						|
          if (lineType === 'same') {
 | 
						|
            $(`[data-path="${path}"] a.add-code-comment[data-idx="${idx}"]`).removeClass('invisible');
 | 
						|
          } else {
 | 
						|
            $(`[data-path="${path}"] a.add-code-comment[data-side="${side}"][data-idx="${idx}"]`).removeClass('invisible');
 | 
						|
          }
 | 
						|
          $conversationHolder.remove();
 | 
						|
        }
 | 
						|
      });
 | 
						|
    }
 | 
						|
    return false;
 | 
						|
  });
 | 
						|
}
 | 
						|
 | 
						|
export function initRepoIssueDependencyDelete() {
 | 
						|
  // Delete Issue dependency
 | 
						|
  $(document).on('click', '.delete-dependency-button', (e) => {
 | 
						|
    const id = e.currentTarget.getAttribute('data-id');
 | 
						|
    const type = e.currentTarget.getAttribute('data-type');
 | 
						|
 | 
						|
    $('.remove-dependency').modal({
 | 
						|
      closable: false,
 | 
						|
      duration: 200,
 | 
						|
      onApprove: () => {
 | 
						|
        $('#removeDependencyID').val(id);
 | 
						|
        $('#dependencyType').val(type);
 | 
						|
        $('#removeDependencyForm').trigger('submit');
 | 
						|
      },
 | 
						|
    }).modal('show');
 | 
						|
  });
 | 
						|
}
 | 
						|
 | 
						|
export function initRepoIssueCodeCommentCancel() {
 | 
						|
  // Cancel inline code comment
 | 
						|
  $(document).on('click', '.cancel-code-comment', (e) => {
 | 
						|
    const form = $(e.currentTarget).closest('form');
 | 
						|
    if (form.length > 0 && form.hasClass('comment-form')) {
 | 
						|
      form.addClass('gt-hidden');
 | 
						|
      showElem(form.closest('.comment-code-cloud').find('button.comment-form-reply'));
 | 
						|
    } else {
 | 
						|
      form.closest('.comment-code-cloud').remove();
 | 
						|
    }
 | 
						|
  });
 | 
						|
}
 | 
						|
 | 
						|
export function initRepoPullRequestUpdate() {
 | 
						|
  // Pull Request update button
 | 
						|
  const $pullUpdateButton = $('.update-button > button');
 | 
						|
  $pullUpdateButton.on('click', function (e) {
 | 
						|
    e.preventDefault();
 | 
						|
    const $this = $(this);
 | 
						|
    const redirect = $this.data('redirect');
 | 
						|
    $this.addClass('loading');
 | 
						|
    $.post($this.data('do'), {
 | 
						|
      _csrf: csrfToken
 | 
						|
    }).done((data) => {
 | 
						|
      if (data.redirect) {
 | 
						|
        window.location.href = data.redirect;
 | 
						|
      } else if (redirect) {
 | 
						|
        window.location.href = redirect;
 | 
						|
      } else {
 | 
						|
        window.location.reload();
 | 
						|
      }
 | 
						|
    });
 | 
						|
  });
 | 
						|
 | 
						|
  $('.update-button > .dropdown').dropdown({
 | 
						|
    onChange(_text, _value, $choice) {
 | 
						|
      const $url = $choice.data('do');
 | 
						|
      if ($url) {
 | 
						|
        $pullUpdateButton.find('.button-text').text($choice.text());
 | 
						|
        $pullUpdateButton.data('do', $url);
 | 
						|
      }
 | 
						|
    }
 | 
						|
  });
 | 
						|
}
 | 
						|
 | 
						|
export function initRepoPullRequestMergeInstruction() {
 | 
						|
  $('.show-instruction').on('click', () => {
 | 
						|
    toggleElem($('.instruct-content'));
 | 
						|
  });
 | 
						|
}
 | 
						|
 | 
						|
export function initRepoPullRequestAllowMaintainerEdit() {
 | 
						|
  const $checkbox = $('#allow-edits-from-maintainers');
 | 
						|
  if (!$checkbox.length) return;
 | 
						|
 | 
						|
  const promptError = $checkbox.attr('data-prompt-error');
 | 
						|
  $checkbox.checkbox({
 | 
						|
    'onChange': () => {
 | 
						|
      const checked = $checkbox.checkbox('is checked');
 | 
						|
      let url = $checkbox.attr('data-url');
 | 
						|
      url += '/set_allow_maintainer_edit';
 | 
						|
      $checkbox.checkbox('set disabled');
 | 
						|
      $.ajax({url, type: 'POST',
 | 
						|
        data: {_csrf: csrfToken, allow_maintainer_edit: checked},
 | 
						|
        error: () => {
 | 
						|
          showTemporaryTooltip($checkbox[0], promptError);
 | 
						|
        },
 | 
						|
        complete: () => {
 | 
						|
          $checkbox.checkbox('set enabled');
 | 
						|
        },
 | 
						|
      });
 | 
						|
    },
 | 
						|
  });
 | 
						|
}
 | 
						|
 | 
						|
export function initRepoIssueReferenceRepositorySearch() {
 | 
						|
  $('.issue_reference_repository_search')
 | 
						|
    .dropdown({
 | 
						|
      apiSettings: {
 | 
						|
        url: `${appSubUrl}/repo/search?q={query}&limit=20`,
 | 
						|
        onResponse(response) {
 | 
						|
          const filteredResponse = {success: true, results: []};
 | 
						|
          $.each(response.data, (_r, repo) => {
 | 
						|
            filteredResponse.results.push({
 | 
						|
              name: htmlEscape(repo.full_name),
 | 
						|
              value: repo.full_name
 | 
						|
            });
 | 
						|
          });
 | 
						|
          return filteredResponse;
 | 
						|
        },
 | 
						|
        cache: false,
 | 
						|
      },
 | 
						|
      onChange(_value, _text, $choice) {
 | 
						|
        const $form = $choice.closest('form');
 | 
						|
        $form.attr('action', `${appSubUrl}/${_text}/issues/new`);
 | 
						|
      },
 | 
						|
      fullTextSearch: true
 | 
						|
    });
 | 
						|
}
 | 
						|
 | 
						|
 | 
						|
export function initRepoIssueWipTitle() {
 | 
						|
  $('.title_wip_desc > a').on('click', (e) => {
 | 
						|
    e.preventDefault();
 | 
						|
 | 
						|
    const $issueTitle = $('#issue_title');
 | 
						|
    $issueTitle.focus();
 | 
						|
    const value = $issueTitle.val().trim().toUpperCase();
 | 
						|
 | 
						|
    const wipPrefixes = $('.title_wip_desc').data('wip-prefixes');
 | 
						|
    for (const prefix of wipPrefixes) {
 | 
						|
      if (value.startsWith(prefix.toUpperCase())) {
 | 
						|
        return;
 | 
						|
      }
 | 
						|
    }
 | 
						|
 | 
						|
    $issueTitle.val(`${wipPrefixes[0]} ${$issueTitle.val()}`);
 | 
						|
  });
 | 
						|
}
 | 
						|
 | 
						|
export async function updateIssuesMeta(url, action, issueIds, elementId) {
 | 
						|
  return $.ajax({
 | 
						|
    type: 'POST',
 | 
						|
    url,
 | 
						|
    data: {
 | 
						|
      _csrf: csrfToken,
 | 
						|
      action,
 | 
						|
      issue_ids: issueIds,
 | 
						|
      id: elementId,
 | 
						|
    },
 | 
						|
  });
 | 
						|
}
 | 
						|
 | 
						|
export function initRepoIssueComments() {
 | 
						|
  if ($('.repository.view.issue .timeline').length === 0) return;
 | 
						|
 | 
						|
  $('.re-request-review').on('click', function (e) {
 | 
						|
    e.preventDefault();
 | 
						|
    const url = $(this).data('update-url');
 | 
						|
    const issueId = $(this).data('issue-id');
 | 
						|
    const id = $(this).data('id');
 | 
						|
    const isChecked = $(this).hasClass('checked');
 | 
						|
 | 
						|
    updateIssuesMeta(
 | 
						|
      url,
 | 
						|
      isChecked ? 'detach' : 'attach',
 | 
						|
      issueId,
 | 
						|
      id,
 | 
						|
    ).then(() => window.location.reload());
 | 
						|
  });
 | 
						|
 | 
						|
  $('.dismiss-review-btn').on('click', function (e) {
 | 
						|
    e.preventDefault();
 | 
						|
    const $this = $(this);
 | 
						|
    const $dismissReviewModal = $this.next();
 | 
						|
    $dismissReviewModal.modal('show');
 | 
						|
  });
 | 
						|
 | 
						|
  $(document).on('click', (event) => {
 | 
						|
    const urlTarget = $(':target');
 | 
						|
    if (urlTarget.length === 0) return;
 | 
						|
 | 
						|
    const urlTargetId = urlTarget.attr('id');
 | 
						|
    if (!urlTargetId) return;
 | 
						|
    if (!/^(issue|pull)(comment)?-\d+$/.test(urlTargetId)) return;
 | 
						|
 | 
						|
    const $target = $(event.target);
 | 
						|
 | 
						|
    if ($target.closest(`#${urlTargetId}`).length === 0) {
 | 
						|
      const scrollPosition = $(window).scrollTop();
 | 
						|
      window.location.hash = '';
 | 
						|
      $(window).scrollTop(scrollPosition);
 | 
						|
      window.history.pushState(null, null, ' ');
 | 
						|
    }
 | 
						|
  });
 | 
						|
}
 | 
						|
 | 
						|
export async function handleReply($el) {
 | 
						|
  hideElem($el);
 | 
						|
  const form = $el.closest('.comment-code-cloud').find('.comment-form');
 | 
						|
  form.removeClass('gt-hidden');
 | 
						|
 | 
						|
  const $textarea = form.find('textarea');
 | 
						|
  let editor = getComboMarkdownEditor($textarea);
 | 
						|
  if (!editor) {
 | 
						|
    editor = await initComboMarkdownEditor(form.find('.combo-markdown-editor'));
 | 
						|
  }
 | 
						|
  editor.focus();
 | 
						|
  return editor;
 | 
						|
}
 | 
						|
 | 
						|
export function initRepoPullRequestReview() {
 | 
						|
  if (window.location.hash && window.location.hash.startsWith('#issuecomment-')) {
 | 
						|
    // set scrollRestoration to 'manual' when there is a hash in url, so that the scroll position will not be remembered after refreshing
 | 
						|
    if (window.history.scrollRestoration !== 'manual') {
 | 
						|
      window.history.scrollRestoration = 'manual';
 | 
						|
    }
 | 
						|
    const commentDiv = $(window.location.hash);
 | 
						|
    if (commentDiv) {
 | 
						|
      // get the name of the parent id
 | 
						|
      const groupID = commentDiv.closest('div[id^="code-comments-"]').attr('id');
 | 
						|
      if (groupID && groupID.startsWith('code-comments-')) {
 | 
						|
        const id = groupID.slice(14);
 | 
						|
        const ancestorDiffBox = commentDiv.closest('.diff-file-box');
 | 
						|
        // on pages like conversation, there is no diff header
 | 
						|
        const diffHeader = ancestorDiffBox.find('.diff-file-header');
 | 
						|
        // offset is for scrolling
 | 
						|
        let offset = 30;
 | 
						|
        if (diffHeader[0]) {
 | 
						|
          offset += $('.diff-detail-box').outerHeight() + diffHeader.outerHeight();
 | 
						|
        }
 | 
						|
        $(`#show-outdated-${id}`).addClass('gt-hidden');
 | 
						|
        $(`#code-comments-${id}`).removeClass('gt-hidden');
 | 
						|
        $(`#code-preview-${id}`).removeClass('gt-hidden');
 | 
						|
        $(`#hide-outdated-${id}`).removeClass('gt-hidden');
 | 
						|
        // if the comment box is folded, expand it
 | 
						|
        if (ancestorDiffBox.attr('data-folded') && ancestorDiffBox.attr('data-folded') === 'true') {
 | 
						|
          setFileFolding(ancestorDiffBox[0], ancestorDiffBox.find('.fold-file')[0], false);
 | 
						|
        }
 | 
						|
        window.scrollTo({
 | 
						|
          top: commentDiv.offset().top - offset,
 | 
						|
          behavior: 'instant'
 | 
						|
        });
 | 
						|
      }
 | 
						|
    }
 | 
						|
  }
 | 
						|
 | 
						|
  $(document).on('click', '.show-outdated', function (e) {
 | 
						|
    e.preventDefault();
 | 
						|
    const id = $(this).data('comment');
 | 
						|
    $(this).addClass('gt-hidden');
 | 
						|
    $(`#code-comments-${id}`).removeClass('gt-hidden');
 | 
						|
    $(`#code-preview-${id}`).removeClass('gt-hidden');
 | 
						|
    $(`#hide-outdated-${id}`).removeClass('gt-hidden');
 | 
						|
  });
 | 
						|
 | 
						|
  $(document).on('click', '.hide-outdated', function (e) {
 | 
						|
    e.preventDefault();
 | 
						|
    const id = $(this).data('comment');
 | 
						|
    $(this).addClass('gt-hidden');
 | 
						|
    $(`#code-comments-${id}`).addClass('gt-hidden');
 | 
						|
    $(`#code-preview-${id}`).addClass('gt-hidden');
 | 
						|
    $(`#show-outdated-${id}`).removeClass('gt-hidden');
 | 
						|
  });
 | 
						|
 | 
						|
  $(document).on('click', 'button.comment-form-reply', async function (e) {
 | 
						|
    e.preventDefault();
 | 
						|
    await handleReply($(this));
 | 
						|
  });
 | 
						|
 | 
						|
  const $reviewBox = $('.review-box-panel');
 | 
						|
  if ($reviewBox.length === 1) {
 | 
						|
    const _promise = initComboMarkdownEditor($reviewBox.find('.combo-markdown-editor'));
 | 
						|
  }
 | 
						|
 | 
						|
  // The following part is only for diff views
 | 
						|
  if ($('.repository.pull.diff').length === 0) {
 | 
						|
    return;
 | 
						|
  }
 | 
						|
 | 
						|
  const $reviewBtn = $('.js-btn-review');
 | 
						|
  const $panel = $reviewBtn.parent().find('.review-box-panel');
 | 
						|
  const $closeBtn = $panel.find('.close');
 | 
						|
 | 
						|
  if ($reviewBtn.length && $panel.length) {
 | 
						|
    const tippy = createTippy($reviewBtn[0], {
 | 
						|
      content: $panel[0],
 | 
						|
      placement: 'bottom',
 | 
						|
      trigger: 'click',
 | 
						|
      role: 'menu',
 | 
						|
      maxWidth: 'none',
 | 
						|
      interactive: true,
 | 
						|
      hideOnClick: true,
 | 
						|
    });
 | 
						|
 | 
						|
    $closeBtn.on('click', (e) => {
 | 
						|
      e.preventDefault();
 | 
						|
      tippy.hide();
 | 
						|
    });
 | 
						|
  }
 | 
						|
 | 
						|
  $(document).on('click', 'a.add-code-comment', async function (e) {
 | 
						|
    if ($(e.target).hasClass('btn-add-single')) return; // https://github.com/go-gitea/gitea/issues/4745
 | 
						|
    e.preventDefault();
 | 
						|
 | 
						|
    const isSplit = $(this).closest('.code-diff').hasClass('code-diff-split');
 | 
						|
    const side = $(this).data('side');
 | 
						|
    const idx = $(this).data('idx');
 | 
						|
    const path = $(this).closest('[data-path]').data('path');
 | 
						|
    const tr = $(this).closest('tr');
 | 
						|
    const lineType = tr.data('line-type');
 | 
						|
 | 
						|
    let ntr = tr.next();
 | 
						|
    if (!ntr.hasClass('add-comment')) {
 | 
						|
      ntr = $(`
 | 
						|
        <tr class="add-comment" data-line-type="${lineType}">
 | 
						|
          ${isSplit ? `
 | 
						|
            <td class="add-comment-left" colspan="4"></td>
 | 
						|
            <td class="add-comment-right" colspan="4"></td>
 | 
						|
          ` : `
 | 
						|
            <td class="add-comment-left add-comment-right" colspan="5"></td>
 | 
						|
          `}
 | 
						|
        </tr>`);
 | 
						|
      tr.after(ntr);
 | 
						|
    }
 | 
						|
 | 
						|
    const td = ntr.find(`.add-comment-${side}`);
 | 
						|
    const commentCloud = td.find('.comment-code-cloud');
 | 
						|
    if (commentCloud.length === 0 && !ntr.find('button[name="pending_review"]').length) {
 | 
						|
      const html = await $.get($(this).closest('[data-new-comment-url]').attr('data-new-comment-url'));
 | 
						|
      td.html(html);
 | 
						|
      td.find("input[name='line']").val(idx);
 | 
						|
      td.find("input[name='side']").val(side === 'left' ? 'previous' : 'proposed');
 | 
						|
      td.find("input[name='path']").val(path);
 | 
						|
 | 
						|
      const editor = await initComboMarkdownEditor(td.find('.combo-markdown-editor'));
 | 
						|
      editor.focus();
 | 
						|
    }
 | 
						|
  });
 | 
						|
}
 | 
						|
 | 
						|
export function initRepoIssueReferenceIssue() {
 | 
						|
  // Reference issue
 | 
						|
  $(document).on('click', '.reference-issue', function (event) {
 | 
						|
    const $this = $(this);
 | 
						|
    const content = $(`#${$this.data('target')}`).text();
 | 
						|
    const poster = $this.data('poster-username');
 | 
						|
    const reference = $this.data('reference');
 | 
						|
    const $modal = $($this.data('modal'));
 | 
						|
    $modal.find('textarea[name="content"]').val(`${content}\n\n_Originally posted by @${poster} in ${reference}_`);
 | 
						|
    $modal.modal('show');
 | 
						|
 | 
						|
    event.preventDefault();
 | 
						|
  });
 | 
						|
}
 | 
						|
 | 
						|
export function initRepoIssueWipToggle() {
 | 
						|
  // Toggle WIP
 | 
						|
  $('.toggle-wip a, .toggle-wip button').on('click', async (e) => {
 | 
						|
    e.preventDefault();
 | 
						|
    const toggleWip = e.currentTarget.closest('.toggle-wip');
 | 
						|
    const title = toggleWip.getAttribute('data-title');
 | 
						|
    const wipPrefix = toggleWip.getAttribute('data-wip-prefix');
 | 
						|
    const updateUrl = toggleWip.getAttribute('data-update-url');
 | 
						|
    await $.post(updateUrl, {
 | 
						|
      _csrf: csrfToken,
 | 
						|
      title: title?.startsWith(wipPrefix) ? title.slice(wipPrefix.length).trim() : `${wipPrefix.trim()} ${title}`,
 | 
						|
    });
 | 
						|
    window.location.reload();
 | 
						|
  });
 | 
						|
}
 | 
						|
 | 
						|
 | 
						|
export function initRepoIssueTitleEdit() {
 | 
						|
  // Edit issue title
 | 
						|
  const $issueTitle = $('#issue-title');
 | 
						|
  const $editInput = $('#edit-title-input input');
 | 
						|
 | 
						|
  const editTitleToggle = function () {
 | 
						|
    toggleElem($issueTitle);
 | 
						|
    toggleElem($('.not-in-edit'));
 | 
						|
    toggleElem($('#edit-title-input'));
 | 
						|
    toggleElem($('#pull-desc'));
 | 
						|
    toggleElem($('#pull-desc-edit'));
 | 
						|
    toggleElem($('.in-edit'));
 | 
						|
    $('#issue-title-wrapper').toggleClass('edit-active');
 | 
						|
    $editInput.focus();
 | 
						|
    return false;
 | 
						|
  };
 | 
						|
 | 
						|
  $('#edit-title').on('click', editTitleToggle);
 | 
						|
  $('#cancel-edit-title').on('click', editTitleToggle);
 | 
						|
  $('#save-edit-title').on('click', editTitleToggle).on('click', function () {
 | 
						|
    const pullrequest_targetbranch_change = function (update_url) {
 | 
						|
      const targetBranch = $('#pull-target-branch').data('branch');
 | 
						|
      const $branchTarget = $('#branch_target');
 | 
						|
      if (targetBranch === $branchTarget.text()) {
 | 
						|
        window.location.reload();
 | 
						|
        return false;
 | 
						|
      }
 | 
						|
      $.post(update_url, {
 | 
						|
        _csrf: csrfToken,
 | 
						|
        target_branch: targetBranch
 | 
						|
      }).always(() => {
 | 
						|
        window.location.reload();
 | 
						|
      });
 | 
						|
    };
 | 
						|
 | 
						|
    const pullrequest_target_update_url = $(this).attr('data-target-update-url');
 | 
						|
    if ($editInput.val().length === 0 || $editInput.val() === $issueTitle.text()) {
 | 
						|
      $editInput.val($issueTitle.text());
 | 
						|
      pullrequest_targetbranch_change(pullrequest_target_update_url);
 | 
						|
    } else {
 | 
						|
      $.post($(this).attr('data-update-url'), {
 | 
						|
        _csrf: csrfToken,
 | 
						|
        title: $editInput.val()
 | 
						|
      }, (data) => {
 | 
						|
        $editInput.val(data.title);
 | 
						|
        $issueTitle.text(data.title);
 | 
						|
        if (pullrequest_target_update_url) {
 | 
						|
          pullrequest_targetbranch_change(pullrequest_target_update_url); // it will reload the window
 | 
						|
        } else {
 | 
						|
          window.location.reload();
 | 
						|
        }
 | 
						|
      });
 | 
						|
    }
 | 
						|
    return false;
 | 
						|
  });
 | 
						|
}
 | 
						|
 | 
						|
export function initRepoIssueBranchSelect() {
 | 
						|
  const changeBranchSelect = function () {
 | 
						|
    const selectionTextField = $('#pull-target-branch');
 | 
						|
 | 
						|
    const baseName = selectionTextField.data('basename');
 | 
						|
    const branchNameNew = $(this).data('branch');
 | 
						|
    const branchNameOld = selectionTextField.data('branch');
 | 
						|
 | 
						|
    // Replace branch name to keep translation from HTML template
 | 
						|
    selectionTextField.html(selectionTextField.html().replace(
 | 
						|
      `${baseName}:${branchNameOld}`,
 | 
						|
      `${baseName}:${branchNameNew}`
 | 
						|
    ));
 | 
						|
    selectionTextField.data('branch', branchNameNew); // update branch name in setting
 | 
						|
  };
 | 
						|
  $('#branch-select > .item').on('click', changeBranchSelect);
 | 
						|
}
 |