diff --git a/options/locale/locale_en-US.ini b/options/locale/locale_en-US.ini index b3bf00a60a4f..573ddcf6f045 100644 --- a/options/locale/locale_en-US.ini +++ b/options/locale/locale_en-US.ini @@ -308,6 +308,7 @@ repos = Repositories users = Users organizations = Organizations search = Search +go_to = Go to code = Code search.type.tooltip = Search type search.fuzzy = Fuzzy diff --git a/templates/repo/issue/search.tmpl b/templates/repo/issue/search.tmpl index cb460eae6f41..3e7bf1d9ca1c 100644 --- a/templates/repo/issue/search.tmpl +++ b/templates/repo/issue/search.tmpl @@ -8,7 +8,8 @@ - + diff --git a/templates/user/dashboard/issues.tmpl b/templates/user/dashboard/issues.tmpl index 8878fe93ca14..bf13cf993b6a 100644 --- a/templates/user/dashboard/issues.tmpl +++ b/templates/user/dashboard/issues.tmpl @@ -78,7 +78,8 @@ - + + diff --git a/web_src/js/features/repo-issue.js b/web_src/js/features/repo-issue.js index 265eceab59db..7e1249ed2f68 100644 --- a/web_src/js/features/repo-issue.js +++ b/web_src/js/features/repo-issue.js @@ -4,6 +4,7 @@ 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'; +import {parseIssueHref} from '../utils.js'; const {appSubUrl, csrfToken} = window.config; @@ -636,3 +637,31 @@ export function initRepoIssueBranchSelect() { }; $('#branch-select > .item').on('click', changeBranchSelect); } + +export function initRepoIssueGotoID() { + const issueidre = /^(?:\w+\/\w+#\d+|#\d+|\d+)$/; + const isGlobalIssuesArea = $('.repo.name.item').length > 0; // for global issues area or repository issues area + $('form.list-header-search').on('submit', (e) => { + const qval = e.target.q.value; + const aElm = document.activeElement; + if (!$('#hashtag-button').length || aElm.id === 'search-button' || (aElm.name === 'q' && !qval.includes('#')) || (isGlobalIssuesArea && !qval.includes('/')) || !issueidre.test(qval)) return; + const pathname = window.location.pathname; + let gotoUrl = qval.includes('/') ? `${qval.replace('#', '/issues/')}` : `${pathname}/${qval.replace('#', '')}`; + if (appSubUrl.length) { + gotoUrl = qval.includes('/') ? `/${appSubUrl}/${qval.replace('#', '/issues/')}` : `/${appSubUrl}/${pathname}/${qval.replace('#', '')}`; + } + const {owner, repo, type, index} = parseIssueHref(gotoUrl); + if (owner && repo && type && index) { + e.preventDefault(); + window.location.href = gotoUrl; + } + }); + $('form.list-header-search input[name=q]').on('input', (e) => { + const qval = e.target.value; + if (isGlobalIssuesArea && qval.includes('/') && issueidre.test(qval) || !isGlobalIssuesArea && issueidre.test(qval)) { + showElem($('#hashtag-button')); + } else { + hideElem($('#hashtag-button')); + } + }); +} diff --git a/web_src/js/index.js b/web_src/js/index.js index f7cbb24e8562..10e2ecd28919 100644 --- a/web_src/js/index.js +++ b/web_src/js/index.js @@ -30,7 +30,7 @@ import { initRepoIssueWipTitle, initRepoPullRequestMergeInstruction, initRepoPullRequestAllowMaintainerEdit, - initRepoPullRequestReview, initRepoIssueSidebarList, + initRepoPullRequestReview, initRepoIssueSidebarList, initRepoIssueGotoID } from './features/repo-issue.js'; import { initRepoEllipsisButton, @@ -175,4 +175,5 @@ onDomReady(() => { initUserAuthWebAuthnRegister(); initUserSettings(); initRepoDiffView(); + initRepoIssueGotoID(); });