mirror of
https://github.com/go-gitea/gitea.git
synced 2024-12-13 00:54:19 +08:00
a928739456
Follow #32460 Now the code could be much clearer than before and easier to maintain. A lot of legacy code is removed. Manually tested. This PR is large enough, that fine tunes could be deferred to the future if there is no bug found or design problem. Screenshots: <details>  </details>
54 lines
2.2 KiB
TypeScript
54 lines
2.2 KiB
TypeScript
import $ from 'jquery';
|
|
import {POST} from '../modules/fetch.ts';
|
|
import {queryElems, toggleElem} from '../utils/dom.ts';
|
|
import {initIssueSidebarComboList} from './repo-issue-sidebar-combolist.ts';
|
|
|
|
function initBranchSelector() {
|
|
const elSelectBranch = document.querySelector('.ui.dropdown.select-branch');
|
|
if (!elSelectBranch) return;
|
|
|
|
const urlUpdateIssueRef = elSelectBranch.getAttribute('data-url-update-issueref');
|
|
const $selectBranch = $(elSelectBranch);
|
|
const $branchMenu = $selectBranch.find('.reference-list-menu');
|
|
$branchMenu.find('.item:not(.no-select)').on('click', async function (e) {
|
|
e.preventDefault();
|
|
const selectedValue = this.getAttribute('data-id'); // eg: "refs/heads/my-branch"
|
|
const selectedText = this.getAttribute('data-name'); // eg: "my-branch"
|
|
if (urlUpdateIssueRef) {
|
|
// for existing issue, send request to update issue ref, and reload page
|
|
try {
|
|
await POST(urlUpdateIssueRef, {data: new URLSearchParams({ref: selectedValue})});
|
|
window.location.reload();
|
|
} catch (error) {
|
|
console.error(error);
|
|
}
|
|
} else {
|
|
// for new issue, only update UI&form, do not send request/reload
|
|
const selectedHiddenSelector = this.getAttribute('data-id-selector');
|
|
document.querySelector<HTMLInputElement>(selectedHiddenSelector).value = selectedValue;
|
|
elSelectBranch.querySelector('.text-branch-name').textContent = selectedText;
|
|
}
|
|
});
|
|
}
|
|
|
|
function initRepoIssueDue() {
|
|
const form = document.querySelector<HTMLFormElement>('.issue-due-form');
|
|
if (!form) return;
|
|
const deadline = form.querySelector<HTMLInputElement>('input[name=deadline]');
|
|
document.querySelector('.issue-due-edit')?.addEventListener('click', () => {
|
|
toggleElem(form);
|
|
});
|
|
document.querySelector('.issue-due-remove')?.addEventListener('click', () => {
|
|
deadline.value = '';
|
|
form.dispatchEvent(new Event('submit', {cancelable: true, bubbles: true}));
|
|
});
|
|
}
|
|
|
|
export function initRepoIssueSidebar() {
|
|
initBranchSelector();
|
|
initRepoIssueDue();
|
|
|
|
// init the combo list: a dropdown for selecting items, and a list for showing selected items and related actions
|
|
queryElems<HTMLElement>(document, '.issue-sidebar-combo', (el) => initIssueSidebarComboList(el));
|
|
}
|