4711d3311b
Used all existing css vars, other migrations are 1:1. --------- Co-authored-by: wxiaoguang <wxiaoguang@gmail.com> (cherry picked from commit 34290a00c4501ffeba26db267be71ab68e3ec97f) Conflicts: templates/repo/issue/filter_list.tmpl web_src/js/components/DashboardRepoList.vue trivial context conflicts
53 lines
1.8 KiB
JavaScript
53 lines
1.8 KiB
JavaScript
import {hideElem, showElem, toggleElem} from '../utils/dom.js';
|
|
import {GET} from '../modules/fetch.js';
|
|
|
|
async function loadBranchesAndTags(area, loadingButton) {
|
|
loadingButton.classList.add('disabled');
|
|
try {
|
|
const res = await GET(loadingButton.getAttribute('data-fetch-url'));
|
|
const data = await res.json();
|
|
hideElem(loadingButton);
|
|
addTags(area, data.tags);
|
|
addBranches(area, data.branches, data.default_branch);
|
|
showElem(area.querySelectorAll('.branch-and-tag-detail'));
|
|
} finally {
|
|
loadingButton.classList.remove('disabled');
|
|
}
|
|
}
|
|
|
|
function addTags(area, tags) {
|
|
const tagArea = area.querySelector('.tag-area');
|
|
toggleElem(tagArea.parentElement, tags.length > 0);
|
|
for (const tag of tags) {
|
|
addLink(tagArea, tag.web_link, tag.name);
|
|
}
|
|
}
|
|
|
|
function addBranches(area, branches, defaultBranch) {
|
|
const defaultBranchTooltip = area.getAttribute('data-text-default-branch-tooltip');
|
|
const branchArea = area.querySelector('.branch-area');
|
|
toggleElem(branchArea.parentElement, branches.length > 0);
|
|
for (const branch of branches) {
|
|
const tooltip = defaultBranch === branch.name ? defaultBranchTooltip : null;
|
|
addLink(branchArea, branch.web_link, branch.name, tooltip);
|
|
}
|
|
}
|
|
|
|
function addLink(parent, href, text, tooltip) {
|
|
const link = document.createElement('a');
|
|
link.classList.add('muted', 'gt-px-2');
|
|
link.href = href;
|
|
link.textContent = text;
|
|
if (tooltip) {
|
|
link.classList.add('tw-border', 'tw-border-secondary', 'tw-rounded');
|
|
link.setAttribute('data-tooltip-content', tooltip);
|
|
}
|
|
parent.append(link);
|
|
}
|
|
|
|
export function initRepoDiffCommitBranchesAndTags() {
|
|
for (const area of document.querySelectorAll('.branch-and-tag-area')) {
|
|
const btn = area.querySelector('.load-branches-and-tags');
|
|
btn.addEventListener('click', () => loadBranchesAndTags(area, btn));
|
|
}
|
|
}
|