mirror of
https://github.com/go-gitea/gitea.git
synced 2024-08-20 11:33:25 +02:00
Follow #24479 ![image](https://user-images.githubusercontent.com/2114189/236694114-c5cb42ff-456d-465a-bcb9-89ed5959d346.png) ![image](https://user-images.githubusercontent.com/2114189/236694119-052e689c-6264-4468-9ab3-0e5c97521bec.png) ![image](https://user-images.githubusercontent.com/2114189/236694139-f8940765-42ce-462d-b49e-50a416cc6f85.png) ![image](https://user-images.githubusercontent.com/2114189/236694154-6d8a000c-9ef3-4d07-af1c-59b0cf8f4d33.png) ![image](https://user-images.githubusercontent.com/2114189/236694166-3bc3e585-7955-44aa-af34-b33ae91e132f.png) --------- Co-authored-by: silverwind <me@silverwind.io> Co-authored-by: Giteabot <teabot@gitea.io>
71 lines
2.5 KiB
JavaScript
71 lines
2.5 KiB
JavaScript
import $ from 'jquery';
|
|
import {isElemHidden, onInputDebounce, toggleElem} from '../utils/dom.js';
|
|
const {appSubUrl} = window.config;
|
|
|
|
const reIssueIndex = /^(\d+)$/; // eg: "123"
|
|
const reIssueSharpIndex = /^#(\d+)$/; // eg: "#123"
|
|
const reIssueOwnerRepoIndex = /^([-.\w]+)\/([-.\w]+)#(\d+)$/; // eg: "{owner}/{repo}#{index}"
|
|
|
|
// if the searchText can be parsed to an "issue goto link", return the link, otherwise return empty string
|
|
export function parseIssueListQuickGotoLink(repoLink, searchText) {
|
|
searchText = searchText.trim();
|
|
let targetUrl = '';
|
|
if (repoLink) {
|
|
// try to parse it in current repo
|
|
if (reIssueIndex.test(searchText)) {
|
|
targetUrl = `${repoLink}/issues/${searchText}`;
|
|
} else if (reIssueSharpIndex.test(searchText)) {
|
|
targetUrl = `${repoLink}/issues/${searchText.substr(1)}`;
|
|
}
|
|
} else {
|
|
// try to parse it for a global search (eg: "owner/repo#123")
|
|
const matchIssueOwnerRepoIndex = searchText.match(reIssueOwnerRepoIndex);
|
|
if (matchIssueOwnerRepoIndex) {
|
|
const [_, owner, repo, index] = matchIssueOwnerRepoIndex;
|
|
targetUrl = `${appSubUrl}/${owner}/${repo}/issues/${index}`;
|
|
}
|
|
}
|
|
return targetUrl;
|
|
}
|
|
|
|
export function initCommonIssueListQuickGoto() {
|
|
const $goto = $('#issue-list-quick-goto');
|
|
if (!$goto.length) return;
|
|
|
|
const $form = $goto.closest('form');
|
|
const $input = $form.find('input[name=q]');
|
|
const repoLink = $goto.attr('data-repo-link');
|
|
|
|
$form.on('submit', (e) => {
|
|
// if there is no goto button, or the form is submitted by non-quick-goto elements, submit the form directly
|
|
let doQuickGoto = !isElemHidden($goto);
|
|
const submitter = e.originalEvent.submitter;
|
|
if (submitter !== $form[0] && submitter !== $input[0] && submitter !== $goto[0]) doQuickGoto = false;
|
|
if (!doQuickGoto) return;
|
|
|
|
// if there is a goto button, use its link
|
|
e.preventDefault();
|
|
window.location.href = $goto.attr('data-issue-goto-link');
|
|
});
|
|
|
|
const onInput = async () => {
|
|
const searchText = $input.val();
|
|
|
|
// try to check whether the parsed goto link is valid
|
|
let targetUrl = parseIssueListQuickGotoLink(repoLink, searchText);
|
|
if (targetUrl) {
|
|
const res = await fetch(`${targetUrl}/info`);
|
|
if (res.status !== 200) targetUrl = '';
|
|
}
|
|
|
|
// if the input value has changed, then ignore the result
|
|
if ($input.val() !== searchText) return;
|
|
|
|
toggleElem($goto, Boolean(targetUrl));
|
|
$goto.attr('data-issue-goto-link', targetUrl);
|
|
};
|
|
|
|
$input.on('input', onInputDebounce(onInput));
|
|
onInput();
|
|
}
|