1124 lines
38 KiB
JavaScript
1124 lines
38 KiB
JavaScript
let fetchedData = null;
|
||
let extractedSprintId = null;
|
||
let extractedSprintName = null;
|
||
let sprintMappings = [];
|
||
let currentRepoName = null;
|
||
let existingMappings = null;
|
||
|
||
//默认的Gitea标签建议
|
||
const defaultLabels = {
|
||
'High': 'high', 'Highest': 'highest', 'Medium': 'medium', 'Low': 'low', 'Lowest': 'lowest',
|
||
'Bug': 'bug', 'Story': 'story', 'Task': 'task', 'New Feature': 'feature'
|
||
};
|
||
|
||
//为Jira字段添加新的Gitea标签输入框
|
||
function addLabel(type, jiraId, jiraName) {
|
||
const containerClass = type === 'priority' ? 'priority-labels-container' : 'type-labels-container';
|
||
const dataType = type === 'priority' ? 'priority' : 'issuetype';
|
||
const removeFunc = type === 'priority' ? 'removePriorityLabelInput' : 'removeTypeLabelInput';
|
||
const placeholder = type === 'priority' ? 'urgent' : 'defect';
|
||
|
||
const container = document.querySelector(`.${containerClass}[data-jira-id="${jiraId}"]`);
|
||
if (!container) return;
|
||
|
||
const newInput = document.createElement('div');
|
||
newInput.className = 'flex items-center gap-2';
|
||
newInput.innerHTML = `
|
||
<span class="text-xs text-gray-400">Gitea标签:</span>
|
||
<input type="text" data-type="${dataType}" data-jira-id="${jiraId}" data-jira-name="${jiraName}"
|
||
class="border rounded px-2 py-1 text-sm flex-1 focus:ring-1 focus:ring-blue-500"
|
||
placeholder="如: ${placeholder}">
|
||
<button type="button" onclick="${removeFunc}(this)"
|
||
class="text-red-600 hover:text-red-800 text-xs px-2">
|
||
删除
|
||
</button>
|
||
`;
|
||
container.appendChild(newInput);
|
||
|
||
//为新输入框绑定实时更新事件
|
||
const input = newInput.querySelector('input');
|
||
if (input) {
|
||
input.addEventListener('input', updatePreview);
|
||
}
|
||
|
||
updateLabelDeleteButtons(type, jiraId);
|
||
updatePreview();
|
||
}
|
||
|
||
//删除标签输入框
|
||
function removeLabelInput(type, btn) {
|
||
const containerClass = type === 'priority' ? 'priority-labels-container' : 'type-labels-container';
|
||
const container = btn.closest(`.${containerClass}`);
|
||
const jiraId = container.dataset.jiraId;
|
||
btn.closest('.flex').remove();
|
||
updateLabelDeleteButtons(type, jiraId);
|
||
updatePreview();
|
||
}
|
||
|
||
//更新标签删除按钮的可见性
|
||
function updateLabelDeleteButtons(type, jiraId) {
|
||
const containerClass = type === 'priority' ? 'priority-labels-container' : 'type-labels-container';
|
||
const removeFunc = type === 'priority' ? 'removePriorityLabelInput' : 'removeTypeLabelInput';
|
||
|
||
const container = document.querySelector(`.${containerClass}[data-jira-id="${jiraId}"]`);
|
||
if (!container) return;
|
||
|
||
const inputs = container.querySelectorAll('.flex');
|
||
inputs.forEach(input => {
|
||
const deleteBtn = input.querySelector(`button[onclick*="${removeFunc}"]`);
|
||
if (deleteBtn) {
|
||
if (inputs.length > 1) {
|
||
deleteBtn.classList.remove('opacity-0', 'pointer-events-none');
|
||
} else {
|
||
deleteBtn.classList.add('opacity-0', 'pointer-events-none');
|
||
}
|
||
}
|
||
});
|
||
}
|
||
|
||
//包装函数：保持HTML兼容性
|
||
function addPriorityLabel(jiraId, jiraName) { addLabel('priority', jiraId, jiraName); }
|
||
function addTypeLabel(jiraId, jiraName) { addLabel('type', jiraId, jiraName); }
|
||
function removePriorityLabelInput(btn) { removeLabelInput('priority', btn); }
|
||
function removeTypeLabelInput(btn) { removeLabelInput('type', btn); }
|
||
function updatePriorityLabelDeleteButtons(jiraId) { updateLabelDeleteButtons('priority', jiraId); }
|
||
function updateTypeLabelDeleteButtons(jiraId) { updateLabelDeleteButtons('type', jiraId); }
|
||
|
||
//页面加载时恢复缓存的配置
|
||
window.addEventListener('DOMContentLoaded', () => {
|
||
loadGlobalSettings();
|
||
});
|
||
|
||
//加载全局设置
|
||
function loadGlobalSettings() {
|
||
const savedConfig = localStorage.getItem('jiraGlobalConfig');
|
||
if (savedConfig) {
|
||
try {
|
||
const config = JSON.parse(savedConfig);
|
||
if (config.jiraUrl) document.getElementById('settingsJiraUrl').value = config.jiraUrl;
|
||
if (config.jiraUser) document.getElementById('settingsJiraUser').value = config.jiraUser;
|
||
if (config.jiraToken) document.getElementById('settingsJiraToken').value = config.jiraToken;
|
||
} catch (e) {
|
||
console.error('Failed to load saved config:', e);
|
||
}
|
||
}
|
||
}
|
||
|
||
//打开设置窗口
|
||
function openSettings() {
|
||
loadGlobalSettings();
|
||
document.getElementById('settingsModal').classList.remove('hidden');
|
||
}
|
||
|
||
//关闭设置窗口
|
||
function closeSettings() {
|
||
document.getElementById('settingsModal').classList.add('hidden');
|
||
}
|
||
|
||
//保存全局设置
|
||
function saveSettings() {
|
||
const config = {
|
||
jiraUrl: document.getElementById('settingsJiraUrl').value.trim(),
|
||
jiraUser: document.getElementById('settingsJiraUser').value.trim(),
|
||
jiraToken: document.getElementById('settingsJiraToken').value.trim()
|
||
};
|
||
|
||
if (!config.jiraUrl) {
|
||
alert('请填写Jira地址');
|
||
return;
|
||
}
|
||
|
||
localStorage.setItem('jiraGlobalConfig', JSON.stringify(config));
|
||
closeSettings();
|
||
alert('全局设置已保存');
|
||
}
|
||
|
||
//获取全局设置
|
||
function getGlobalSettings() {
|
||
const savedConfig = localStorage.getItem('jiraGlobalConfig');
|
||
if (savedConfig) {
|
||
try {
|
||
return JSON.parse(savedConfig);
|
||
} catch (e) {
|
||
return {};
|
||
}
|
||
}
|
||
return {};
|
||
}
|
||
|
||
//加载现有映射配置
|
||
async function loadExistingMappings() {
|
||
const btn = document.getElementById('loadBtn');
|
||
const errBox = document.getElementById('step0Error');
|
||
|
||
btn.disabled = true;
|
||
btn.innerText = '加载中...';
|
||
errBox.classList.add('hidden');
|
||
|
||
try {
|
||
const res = await fetch('/editor/api/mappings');
|
||
const data = await res.json();
|
||
|
||
if (!data.success) {
|
||
throw new Error(data.error);
|
||
}
|
||
|
||
existingMappings = data.data;
|
||
const repos = Object.keys(existingMappings.repositories || {});
|
||
|
||
if (repos.length === 0) {
|
||
throw new Error('没有找到现有配置，请新建仓库配置');
|
||
}
|
||
|
||
//显示仓库列表
|
||
const container = document.getElementById('repoListContainer');
|
||
const list = document.getElementById('repoList');
|
||
|
||
list.innerHTML = repos.map(repo => `
|
||
<div class="flex items-center justify-between bg-gray-50 border rounded p-3">
|
||
<div class="flex-1 hover:bg-gray-100 cursor-pointer py-2" onclick="selectRepo('${repo}')">
|
||
<span class="font-mono text-sm font-medium">${repo}</span>
|
||
<span class="text-xs text-gray-500 ml-2">(点击编辑)</span>
|
||
</div>
|
||
<div class="flex items-center gap-2">
|
||
<button onclick="event.stopPropagation(); openRenameModal('${repo}')" class="text-blue-600 hover:text-blue-800 text-xs px-3 py-1 border border-blue-300 rounded hover:bg-blue-50">
|
||
改名
|
||
</button>
|
||
<button onclick="event.stopPropagation(); deleteRepo('${repo}')" class="text-red-600 hover:text-red-800 text-xs px-3 py-1 border border-red-300 rounded hover:bg-red-50">
|
||
删除
|
||
</button>
|
||
<span class="text-blue-600">→</span>
|
||
</div>
|
||
</div>
|
||
`).join('');
|
||
|
||
container.classList.remove('hidden');
|
||
|
||
} catch (e) {
|
||
showStep0Error(e.message);
|
||
} finally {
|
||
btn.disabled = false;
|
||
btn.innerText = '加载现有配置';
|
||
}
|
||
}
|
||
|
||
//选择要编辑的仓库
|
||
async function selectRepo(repoName) {
|
||
currentRepoName = repoName;
|
||
const config = existingMappings.repositories[repoName];
|
||
|
||
//预填充基本字段
|
||
document.getElementById('currentRepoName').innerText = repoName;
|
||
document.getElementById('projectKey').value = config.jira?.projectKey || '';
|
||
|
||
//预填充 Sprint 映射
|
||
if (config.sprints) {
|
||
sprintMappings = Object.entries(config.sprints).map(([milestone, sprintId]) => ({
|
||
milestone,
|
||
sprintId,
|
||
sprintName: ''
|
||
}));
|
||
renderSprintList();
|
||
}
|
||
|
||
//隐藏 Step 0，显示 Step 1
|
||
document.getElementById('step0').classList.add('hidden');
|
||
document.getElementById('step1').classList.remove('hidden');
|
||
document.getElementById('step1').classList.add('step-active');
|
||
|
||
//如果有项目Key，自动扫描并预填充配置
|
||
if (config.jira?.projectKey) {
|
||
const settings = getGlobalSettings();
|
||
|
||
if (settings.jiraUrl && (settings.jiraToken || settings.jiraUser)) {
|
||
await scanJiraAndLoadConfig(config);
|
||
}
|
||
}
|
||
}
|
||
|
||
//新建仓库配置
|
||
function createNewMapping() {
|
||
//清空之前的状态，避免残留数据
|
||
sprintMappings = [];
|
||
fetchedData = null;
|
||
|
||
document.getElementById('repoListContainer').classList.add('hidden');
|
||
document.getElementById('newRepoContainer').classList.remove('hidden');
|
||
}
|
||
|
||
//确认新仓库名称
|
||
function confirmNewRepo() {
|
||
const repoName = document.getElementById('newRepoName').value.trim();
|
||
|
||
if (!repoName) {
|
||
showStep0Error('请输入仓库名称');
|
||
return;
|
||
}
|
||
|
||
if (!/^[\w-]+\/[\w-]+$/.test(repoName)) {
|
||
showStep0Error('仓库名称格式不正确，应为: owner/repo');
|
||
return;
|
||
}
|
||
|
||
//清空之前的状态
|
||
sprintMappings = [];
|
||
fetchedData = null;
|
||
|
||
currentRepoName = repoName;
|
||
document.getElementById('currentRepoName').innerText = repoName;
|
||
|
||
//隐藏Step 0，显示Step 1
|
||
document.getElementById('step0').classList.add('hidden');
|
||
document.getElementById('step1').classList.remove('hidden');
|
||
document.getElementById('step1').classList.add('step-active');
|
||
}
|
||
|
||
//显示错误信息
|
||
function showErrorMsg(elementId, msg) {
|
||
const el = document.getElementById(elementId);
|
||
el.innerText = msg;
|
||
el.classList.remove('hidden');
|
||
}
|
||
|
||
function showStep0Error(msg) { showErrorMsg('step0Error', msg); }
|
||
|
||
function backToStart() {
|
||
//重置状态
|
||
currentRepoName = null;
|
||
fetchedData = null;
|
||
sprintMappings = [];
|
||
|
||
//清空UI显示
|
||
document.getElementById('sprintListContainer').classList.add('hidden');
|
||
document.getElementById('sprintList').innerHTML = '';
|
||
|
||
//隐藏所有步骤
|
||
document.getElementById('step1').classList.add('hidden');
|
||
document.getElementById('step2').classList.add('hidden');
|
||
document.getElementById('step3').classList.add('hidden');
|
||
|
||
//显示 Step 0
|
||
document.getElementById('step0').classList.remove('hidden');
|
||
document.getElementById('step0').classList.add('step-active');
|
||
|
||
//重置输入框
|
||
document.getElementById('repoListContainer').classList.add('hidden');
|
||
document.getElementById('newRepoContainer').classList.add('hidden');
|
||
document.getElementById('newRepoName').value = '';
|
||
}
|
||
|
||
//删除仓库
|
||
async function deleteRepo(repoName) {
|
||
if (!confirm(`确定要删除仓库 "${repoName}" 的配置吗？\n\n此操作不可恢复！`)) {
|
||
return;
|
||
}
|
||
|
||
try {
|
||
const res = await fetch('/editor/api/mappings/' + encodeURIComponent(repoName), {
|
||
method: 'DELETE'
|
||
});
|
||
|
||
const data = await res.json();
|
||
|
||
if (!data.success) {
|
||
throw new Error(data.error);
|
||
}
|
||
|
||
alert('仓库配置已删除');
|
||
|
||
//重新加载仓库列表
|
||
await loadExistingMappings();
|
||
|
||
} catch (e) {
|
||
alert('删除失败: ' + e.message);
|
||
}
|
||
}
|
||
|
||
//打开改名模态窗口
|
||
function openRenameModal(repoName) {
|
||
document.getElementById('renameOldName').value = repoName;
|
||
document.getElementById('renameNewName').value = repoName;
|
||
document.getElementById('renameError').classList.add('hidden');
|
||
document.getElementById('renameModal').classList.remove('hidden');
|
||
|
||
//聚焦到新名称输入框并选中文本
|
||
setTimeout(() => {
|
||
const input = document.getElementById('renameNewName');
|
||
input.focus();
|
||
input.select();
|
||
}, 100);
|
||
}
|
||
|
||
//关闭改名模态窗口
|
||
function closeRenameModal() {
|
||
document.getElementById('renameModal').classList.add('hidden');
|
||
}
|
||
|
||
function showRenameError(msg) { showErrorMsg('renameError', msg); }
|
||
|
||
//确认改名
|
||
async function confirmRename() {
|
||
const oldName = document.getElementById('renameOldName').value.trim();
|
||
const newName = document.getElementById('renameNewName').value.trim();
|
||
const btn = document.getElementById('renameConfirmBtn');
|
||
|
||
//验证
|
||
if (!newName) {
|
||
showRenameError('请输入新名称');
|
||
return;
|
||
}
|
||
|
||
if (newName === oldName) {
|
||
showRenameError('新名称与当前名称相同');
|
||
return;
|
||
}
|
||
|
||
if (!/^[\w-]+\/[\w-]+$/.test(newName)) {
|
||
showRenameError('仓库名称格式不正确，应为: owner/repo');
|
||
return;
|
||
}
|
||
|
||
//检查新名称是否已存在
|
||
if (existingMappings && existingMappings.repositories && existingMappings.repositories[newName]) {
|
||
showRenameError('新名称已存在，请使用其他名称');
|
||
return;
|
||
}
|
||
|
||
btn.disabled = true;
|
||
btn.innerText = '改名中...';
|
||
|
||
try {
|
||
const res = await fetch('/editor/api/mappings/rename', {
|
||
method: 'POST',
|
||
headers: { 'Content-Type': 'application/json' },
|
||
body: JSON.stringify({
|
||
oldName: oldName,
|
||
newName: newName
|
||
})
|
||
});
|
||
|
||
const data = await res.json();
|
||
|
||
if (!data.success) {
|
||
throw new Error(data.error);
|
||
}
|
||
|
||
alert('仓库已成功改名');
|
||
closeRenameModal();
|
||
|
||
//重新加载仓库列表
|
||
await loadExistingMappings();
|
||
|
||
} catch (e) {
|
||
showRenameError('改名失败: ' + e.message);
|
||
} finally {
|
||
btn.disabled = false;
|
||
btn.innerText = '确认改名';
|
||
}
|
||
}
|
||
|
||
//scanJiraAndLoadConfig 已合并到 scanJira(existingConfig)
|
||
async function scanJiraAndLoadConfig(existingConfig) {
|
||
return scanJira(existingConfig);
|
||
}
|
||
|
||
//恢复标签配置到UI
|
||
function restoreLabelConfig(config, type) {
|
||
if (!config) return;
|
||
|
||
const containerClass = type === 'priority' ? 'priority-labels-container' : 'type-labels-container';
|
||
const dataType = type === 'priority' ? 'priority' : 'issuetype';
|
||
const removeFunc = type === 'priority' ? 'removePriorityLabelInput' : 'removeTypeLabelInput';
|
||
|
||
//按JiraID 分组Gitea标签
|
||
const byJiraId = {};
|
||
Object.entries(config).forEach(([label, jiraId]) => {
|
||
if (!byJiraId[jiraId]) byJiraId[jiraId] = [];
|
||
byJiraId[jiraId].push(label);
|
||
});
|
||
|
||
//为每个Jira字段填充标签
|
||
Object.entries(byJiraId).forEach(([jiraId, labels]) => {
|
||
const container = document.querySelector(`.${containerClass}[data-jira-id="${jiraId}"]`);
|
||
if (!container) return;
|
||
|
||
container.innerHTML = '';
|
||
labels.forEach(label => {
|
||
const inputDiv = document.createElement('div');
|
||
inputDiv.className = 'flex items-center gap-2';
|
||
inputDiv.innerHTML = `
|
||
<span class="text-xs text-gray-400">Gitea标签:</span>
|
||
<input type="text" data-type="${dataType}" data-jira-id="${jiraId}" data-jira-name=""
|
||
class="border rounded px-2 py-1 text-sm flex-1 focus:ring-1 focus:ring-blue-500"
|
||
value="${label}">
|
||
<button type="button" onclick="${removeFunc}(this)"
|
||
class="text-red-600 hover:text-red-800 text-xs px-2 ${labels.length <= 1 ? 'opacity-0 pointer-events-none' : ''}">
|
||
删除
|
||
</button>
|
||
`;
|
||
container.appendChild(inputDiv);
|
||
});
|
||
});
|
||
}
|
||
|
||
//将现有配置恢复到UI
|
||
function restoreConfigToUI(config) {
|
||
restoreLabelConfig(config.priorities, 'priority');
|
||
restoreLabelConfig(config.types, 'type');
|
||
|
||
if (config.jira?.defaultType) {
|
||
document.getElementById('defaultTypeSelect').value = config.jira.defaultType;
|
||
}
|
||
|
||
if (config.transitions) {
|
||
if (config.transitions.close) document.getElementById('transClose').value = config.transitions.close;
|
||
if (config.transitions.reopen) document.getElementById('transReopen').value = config.transitions.reopen;
|
||
if (config.transitions.in_progress) document.getElementById('transProgress').value = config.transitions.in_progress;
|
||
}
|
||
|
||
updatePreview();
|
||
}
|
||
|
||
async function fetchSprintId() {
|
||
const btn = document.getElementById('fetchSprintBtn');
|
||
const resultBox = document.getElementById('sprintResult');
|
||
const errBox = document.getElementById('sprintError');
|
||
const milestoneBox = document.getElementById('sprintMilestone');
|
||
|
||
const settings = getGlobalSettings();
|
||
const baseUrl = settings.jiraUrl;
|
||
const username = settings.jiraUser;
|
||
const token = settings.jiraToken;
|
||
const issueKey = document.getElementById('issueKey').value.trim().toUpperCase();
|
||
|
||
if (!baseUrl) {
|
||
showSprintError("请先在全局设置中配置Jira地址");
|
||
return;
|
||
}
|
||
|
||
if (!issueKey) {
|
||
showSprintError("请填写工单 Key");
|
||
return;
|
||
}
|
||
|
||
btn.disabled = true;
|
||
btn.innerText = "提取中...";
|
||
errBox.classList.add('hidden');
|
||
resultBox.innerHTML = '';
|
||
|
||
try {
|
||
//构造认证头（支持 PAT 和 Basic Auth）
|
||
let authHeader;
|
||
if (token && !username) {
|
||
//如果只有 token 没有 username，使用 Bearer 认证（PAT）
|
||
authHeader = 'Bearer ' + token;
|
||
} else if (username && token) {
|
||
//如果有 username 和 token/password，使用 Basic 认证
|
||
authHeader = 'Basic ' + btoa(username + ':' + token);
|
||
} else {
|
||
throw new Error('请填写认证信息（PAT 或 用户名+密码）');
|
||
}
|
||
|
||
//调用JiraAPI
|
||
const apiUrl = `${baseUrl}/rest/api/2/issue/${issueKey}`;
|
||
|
||
const res = await fetch('/editor/api/proxy-jira', {
|
||
method: 'POST',
|
||
headers: { 'Content-Type': 'application/json' },
|
||
body: JSON.stringify({
|
||
url: apiUrl,
|
||
auth: authHeader
|
||
})
|
||
});
|
||
|
||
const data = await res.json();
|
||
|
||
if (!data.success) {
|
||
throw new Error(data.error || '无法获取工单信息');
|
||
}
|
||
|
||
const issue = data.data;
|
||
const sprintField = issue.fields?.customfield_10105;
|
||
|
||
if (!sprintField || sprintField.length === 0) {
|
||
throw new Error('该工单没有关联 Sprint (customfield_10105 为空)');
|
||
}
|
||
|
||
//解析 Sprint 字符串，提取 id
|
||
const sprintStr = sprintField[0];
|
||
const idMatch = sprintStr.match(/id=(\d+)/);
|
||
const nameMatch = sprintStr.match(/name=([^,\]]+)/);
|
||
|
||
if (!idMatch) {
|
||
throw new Error('无法从 Sprint 字段中解析 ID');
|
||
}
|
||
|
||
extractedSprintId = idMatch[1];
|
||
const sprintName = nameMatch ? nameMatch[1] : 'Unknown';
|
||
extractedSprintName = sprintName;
|
||
|
||
//显示成功结果
|
||
resultBox.innerHTML = `
|
||
<div class="flex items-center gap-2 text-green-700 bg-green-50 px-3 py-1 rounded border border-green-200">
|
||
<span class="font-bold">Sprint ID: ${extractedSprintId}</span>
|
||
<span class="text-xs text-gray-600">(${sprintName})</span>
|
||
</div>
|
||
`;
|
||
|
||
//显示里程碑名称输入框，并预填充Sprint名称
|
||
milestoneBox.classList.remove('hidden');
|
||
document.getElementById('milestoneName').value = sprintName;
|
||
|
||
} catch (e) {
|
||
showSprintError(e.message);
|
||
extractedSprintId = null;
|
||
milestoneBox.classList.add('hidden');
|
||
} finally {
|
||
btn.disabled = false;
|
||
btn.innerText = "提取 Sprint";
|
||
}
|
||
}
|
||
|
||
function showSprintError(msg) { showErrorMsg('sprintError', msg); }
|
||
|
||
function addSprintMapping() {
|
||
const milestoneName = document.getElementById('milestoneName').value.trim();
|
||
|
||
if (!milestoneName) {
|
||
showSprintError('请填写里程碑名称');
|
||
return;
|
||
}
|
||
|
||
if (!extractedSprintId) {
|
||
showSprintError('请先提取 Sprint ID');
|
||
return;
|
||
}
|
||
|
||
//检查是否已存在相同的里程碑名称
|
||
const existing = sprintMappings.find(m => m.milestone === milestoneName);
|
||
if (existing) {
|
||
if (!confirm(`里程碑 "${milestoneName}" 已存在（Sprint ID: ${existing.sprintId}），是否覆盖？`)) {
|
||
return;
|
||
}
|
||
//移除旧的
|
||
sprintMappings = sprintMappings.filter(m => m.milestone !== milestoneName);
|
||
}
|
||
|
||
//添加新映射
|
||
sprintMappings.push({
|
||
milestone: milestoneName,
|
||
sprintId: parseInt(extractedSprintId),
|
||
sprintName: extractedSprintName
|
||
});
|
||
|
||
//更新显示
|
||
renderSprintList();
|
||
|
||
//清空输入
|
||
document.getElementById('issueKey').value = '';
|
||
document.getElementById('milestoneName').value = '';
|
||
document.getElementById('sprintResult').innerHTML = '';
|
||
document.getElementById('sprintMilestone').classList.add('hidden');
|
||
document.getElementById('sprintError').classList.add('hidden');
|
||
|
||
extractedSprintId = null;
|
||
extractedSprintName = null;
|
||
|
||
//更新预览
|
||
updatePreview();
|
||
}
|
||
|
||
function renderSprintList() {
|
||
const container = document.getElementById('sprintListContainer');
|
||
const list = document.getElementById('sprintList');
|
||
|
||
if (sprintMappings.length === 0) {
|
||
container.classList.add('hidden');
|
||
return;
|
||
}
|
||
|
||
container.classList.remove('hidden');
|
||
list.innerHTML = sprintMappings.map((m, index) => `
|
||
<div class="flex items-center justify-between bg-blue-50 border border-blue-200 rounded p-3">
|
||
<div class="flex items-center gap-3">
|
||
<span class="bg-blue-600 text-white text-xs px-2 py-1 rounded font-mono">${m.milestone}</span>
|
||
<span class="text-xs text-gray-600">→</span>
|
||
<span class="text-sm font-medium">Sprint ID: ${m.sprintId}</span>
|
||
<span class="text-xs text-gray-500">(${m.sprintName})</span>
|
||
</div>
|
||
<button onclick="removeSprintMapping(${index})" class="text-red-600 hover:text-red-800 text-xs">
|
||
删除
|
||
</button>
|
||
</div>
|
||
`).join('');
|
||
}
|
||
|
||
function removeSprintMapping(index) {
|
||
sprintMappings.splice(index, 1);
|
||
renderSprintList();
|
||
updatePreview();
|
||
}
|
||
|
||
async function saveToFile() {
|
||
if (!currentRepoName) {
|
||
alert('错误：未设置仓库名称');
|
||
return;
|
||
}
|
||
|
||
if (!fetchedData) {
|
||
alert('请先扫描Jira项目信息');
|
||
return;
|
||
}
|
||
|
||
//尝试从JSON预览读取配置
|
||
const jsonPreview = document.getElementById('jsonPreview');
|
||
const jsonError = document.getElementById('jsonError');
|
||
let config;
|
||
|
||
if (jsonPreview.value.trim()) {
|
||
try {
|
||
config = JSON.parse(jsonPreview.value);
|
||
jsonError.classList.add('hidden');
|
||
} catch (e) {
|
||
jsonError.textContent = `JSON格式错误: ${e.message}`;
|
||
jsonError.classList.remove('hidden');
|
||
return;
|
||
}
|
||
} else {
|
||
//如果JSON预览为空，从表单收集配置
|
||
config = buildConfigFromForm();
|
||
}
|
||
|
||
//更新JSON预览
|
||
updatePreview();
|
||
|
||
//保存到服务器
|
||
try {
|
||
const res = await fetch('/editor/api/mappings', {
|
||
method: 'POST',
|
||
headers: { 'Content-Type': 'application/json' },
|
||
body: JSON.stringify({
|
||
repoName: currentRepoName,
|
||
config: config
|
||
})
|
||
});
|
||
|
||
const data = await res.json();
|
||
|
||
if (!data.success) {
|
||
throw new Error(data.error);
|
||
}
|
||
|
||
//显示成功信息
|
||
document.getElementById('saveResult').innerHTML = `
|
||
<div class="bg-green-50 border border-green-200 rounded p-4">
|
||
<p class="text-green-800 font-semibold mb-2">配置已成功保存！</p>
|
||
<p class="text-green-700 text-sm">仓库: <span class="font-mono">${currentRepoName}</span></p>
|
||
<p class="text-green-700 text-sm">文件: <span class="font-mono">mappings.json</span></p>
|
||
</div>
|
||
`;
|
||
|
||
document.getElementById('step2').classList.add('hidden');
|
||
document.getElementById('step3').classList.remove('hidden');
|
||
document.getElementById('step3').scrollIntoView({ behavior: "smooth" });
|
||
|
||
} catch (e) {
|
||
alert('保存失败: ' + e.message);
|
||
}
|
||
}
|
||
|
||
//从表单构建配置对象
|
||
function buildConfigFromForm() {
|
||
const projectId = fetchedData.project.id;
|
||
const projectKey = fetchedData.project.key;
|
||
const defaultType = document.getElementById('defaultTypeSelect').value;
|
||
|
||
//收集优先级（支持多个Gitea标签映射到同一个Jira优先级）
|
||
const priorities = {};
|
||
document.querySelectorAll('input[data-type="priority"]').forEach(input => {
|
||
const val = input.value.trim();
|
||
if (val) {
|
||
//检查是否已存在相同的Gitea标签
|
||
if (priorities[val] && priorities[val] !== input.dataset.jiraId) {
|
||
console.warn(`警告:Gitea标签 "${val}" 被映射到多个Jira优先级，将使用最后一个`);
|
||
}
|
||
priorities[val] = input.dataset.jiraId;
|
||
}
|
||
});
|
||
|
||
//收集类型（支持多个Gitea标签映射到同一个Jira类型）
|
||
const types = {};
|
||
document.querySelectorAll('input[data-type="issuetype"]').forEach(input => {
|
||
const val = input.value.trim();
|
||
if (val) {
|
||
//检查是否已存在相同的Gitea标签
|
||
if (types[val] && types[val] !== input.dataset.jiraId) {
|
||
console.warn(`警告:Gitea标签 "${val}" 被映射到多个Jira类型，将使用最后一个`);
|
||
}
|
||
types[val] = input.dataset.jiraId;
|
||
}
|
||
});
|
||
|
||
//收集流转
|
||
const transitions = {};
|
||
const closeId = document.getElementById('transClose').value;
|
||
const reopenId = document.getElementById('transReopen').value;
|
||
const progressId = document.getElementById('transProgress').value;
|
||
|
||
if (closeId) transitions['close'] = closeId;
|
||
if (reopenId) transitions['reopen'] = reopenId;
|
||
if (progressId) transitions['in_progress'] = progressId;
|
||
|
||
//生成 Sprint 配置对象
|
||
const sprints = {};
|
||
sprintMappings.forEach(m => {
|
||
sprints[m.milestone] = m.sprintId;
|
||
});
|
||
|
||
//构建配置对象
|
||
const jiraConfig = {
|
||
projectId: projectId,
|
||
projectKey: projectKey,
|
||
sprintField: "customfield_10105"
|
||
};
|
||
|
||
//只在有值时添加defaultType
|
||
if (defaultType) {
|
||
jiraConfig.defaultType = defaultType;
|
||
}
|
||
|
||
return {
|
||
jira: jiraConfig,
|
||
priorities: priorities,
|
||
types: types,
|
||
transitions: transitions,
|
||
sprints: sprints
|
||
};
|
||
}
|
||
|
||
//更新JSON预览
|
||
function updatePreview() {
|
||
if (!fetchedData) return;
|
||
|
||
const config = buildConfigFromForm();
|
||
const jsonPreview = document.getElementById('jsonPreview');
|
||
const jsonError = document.getElementById('jsonError');
|
||
|
||
try {
|
||
jsonPreview.value = JSON.stringify(config, null, 2);
|
||
jsonError.classList.add('hidden');
|
||
} catch (e) {
|
||
jsonError.textContent = `生成预览失败: ${e.message}`;
|
||
jsonError.classList.remove('hidden');
|
||
}
|
||
}
|
||
|
||
async function scanJira(existingConfig = null) {
|
||
const btn = document.getElementById('scanBtn');
|
||
const errBox = document.getElementById('scanError');
|
||
const step2 = document.getElementById('step2');
|
||
|
||
const settings = getGlobalSettings();
|
||
const baseUrl = settings.jiraUrl;
|
||
const username = settings.jiraUser;
|
||
const token = settings.jiraToken;
|
||
const projectKey = document.getElementById('projectKey').value.trim();
|
||
|
||
if (!baseUrl) {
|
||
showError("请先在全局设置中配置Jira连接信息");
|
||
return;
|
||
}
|
||
|
||
if (!projectKey) {
|
||
showError("请输入项目 Key");
|
||
return;
|
||
}
|
||
|
||
btn.disabled = true;
|
||
btn.classList.add('opacity-75');
|
||
document.getElementById('scanBtnText').innerText = existingConfig ? "加载中..." : "扫描中...";
|
||
errBox.classList.add('hidden');
|
||
if (!existingConfig) step2.classList.add('hidden');
|
||
|
||
try {
|
||
const res = await fetch('/editor/api/scan', {
|
||
method: 'POST',
|
||
headers: { 'Content-Type': 'application/json' },
|
||
body: JSON.stringify({
|
||
baseUrl,
|
||
projectKey,
|
||
auth: { username, password: token, token: token.length > 30 ? token : null }
|
||
})
|
||
});
|
||
|
||
const json = await res.json();
|
||
|
||
if (!json.success) {
|
||
throw new Error(json.error);
|
||
}
|
||
|
||
fetchedData = json.data;
|
||
renderMappingUI(json.data);
|
||
|
||
if (existingConfig) {
|
||
restoreConfigToUI(existingConfig);
|
||
}
|
||
|
||
step2.classList.remove('hidden');
|
||
setTimeout(() => step2.scrollIntoView({ behavior: "smooth" }), 100);
|
||
|
||
} catch (e) {
|
||
showError(e.message);
|
||
} finally {
|
||
btn.disabled = false;
|
||
btn.classList.remove('opacity-75');
|
||
document.getElementById('scanBtnText').innerText = "开始扫描";
|
||
}
|
||
}
|
||
|
||
function showError(msg) { showErrorMsg('scanError', msg); }
|
||
|
||
//手动扫描工单的 Transition
|
||
async function scanTransitions() {
|
||
const btn = document.getElementById('scanTransBtn');
|
||
const resultBox = document.getElementById('transResult');
|
||
const errBox = document.getElementById('transError');
|
||
const issueKey = document.getElementById('transIssueKey').value.trim().toUpperCase();
|
||
|
||
const settings = getGlobalSettings();
|
||
const baseUrl = settings.jiraUrl;
|
||
const username = settings.jiraUser;
|
||
const token = settings.jiraToken;
|
||
|
||
if (!baseUrl) {
|
||
showTransError("请先在全局设置中配置Jira地址");
|
||
return;
|
||
}
|
||
|
||
if (!issueKey) {
|
||
showTransError("请输入工单 Key");
|
||
return;
|
||
}
|
||
|
||
btn.disabled = true;
|
||
btn.innerText = "扫描中...";
|
||
errBox.classList.add('hidden');
|
||
resultBox.innerHTML = '';
|
||
|
||
try {
|
||
//构造认证头
|
||
let authHeader;
|
||
if (token && !username) {
|
||
authHeader = 'Bearer ' + token;
|
||
} else if (username && token) {
|
||
authHeader = 'Basic ' + btoa(username + ':' + token);
|
||
} else {
|
||
throw new Error('请填写认证信息（PAT 或 用户名+密码）');
|
||
}
|
||
|
||
//调用 Jira API 获取 transitions
|
||
const apiUrl = `${baseUrl}/rest/api/2/issue/${issueKey}/transitions`;
|
||
|
||
const res = await fetch('/editor/api/proxy-jira', {
|
||
method: 'POST',
|
||
headers: { 'Content-Type': 'application/json' },
|
||
body: JSON.stringify({ url: apiUrl, auth: authHeader })
|
||
});
|
||
|
||
const data = await res.json();
|
||
|
||
if (!data.success) {
|
||
throw new Error(data.error || '无法获取流转信息');
|
||
}
|
||
|
||
const transitions = data.data.transitions || [];
|
||
|
||
if (transitions.length === 0) {
|
||
resultBox.innerHTML = '<span class="text-yellow-700">该工单当前状态没有可用的流转</span>';
|
||
return;
|
||
}
|
||
|
||
//追加到下拉菜单（去重）
|
||
const transSelects = ['transClose', 'transReopen', 'transProgress'];
|
||
let addedCount = 0;
|
||
|
||
transitions.forEach(t => {
|
||
transSelects.forEach(selectId => {
|
||
const sel = document.getElementById(selectId);
|
||
//检查是否已存在（按 ID 去重）
|
||
const exists = Array.from(sel.options).some(opt => opt.value === t.id);
|
||
if (!exists) {
|
||
const opt = document.createElement('option');
|
||
opt.value = t.id;
|
||
opt.text = `${t.name} (To: ${t.to?.name || 'Unknown'})`;
|
||
sel.add(opt);
|
||
addedCount++;
|
||
}
|
||
});
|
||
});
|
||
|
||
//显示结果
|
||
const newTransNames = transitions.map(t => `${t.name} → ${t.to?.name || '?'}`).join(', ');
|
||
resultBox.innerHTML = `
|
||
<div class="flex items-center gap-2 text-green-700 bg-green-50 px-3 py-2 rounded border border-green-200">
|
||
<span>扫描到 <strong>${transitions.length}</strong> 个流转: ${newTransNames}</span>
|
||
</div>
|
||
`;
|
||
|
||
//同时更新 fetchedData 以保持一致
|
||
if (fetchedData) {
|
||
transitions.forEach(t => {
|
||
const exists = fetchedData.transitions.some(existing => existing.id === t.id);
|
||
if (!exists) {
|
||
fetchedData.transitions.push({
|
||
id: t.id,
|
||
name: t.name,
|
||
to: t.to?.name || 'Unknown'
|
||
});
|
||
}
|
||
});
|
||
}
|
||
|
||
} catch (e) {
|
||
showTransError(e.message);
|
||
} finally {
|
||
btn.disabled = false;
|
||
btn.innerText = "扫描流转";
|
||
}
|
||
}
|
||
|
||
function showTransError(msg) { showErrorMsg('transError', msg); }
|
||
|
||
function renderMappingUI(data) {
|
||
//渲染优先级
|
||
const pContainer = document.getElementById('priorityContainer');
|
||
pContainer.innerHTML = '';
|
||
data.priorities.forEach(p => {
|
||
let guess = "";
|
||
for (let k in defaultLabels) {
|
||
if (p.name.includes(k)) guess = defaultLabels[k];
|
||
}
|
||
|
||
const itemDiv = document.createElement('div');
|
||
itemDiv.className = 'bg-gray-50 p-3 rounded border';
|
||
itemDiv.dataset.jiraId = p.id;
|
||
itemDiv.innerHTML = `
|
||
<div class="flex items-center justify-between mb-2">
|
||
<div class="flex items-center gap-2">
|
||
<img src="${p.iconUrl}" class="w-4 h-4">
|
||
<span class="text-sm font-medium">${p.name}</span>
|
||
</div>
|
||
<button type="button" onclick="addPriorityLabel('${p.id}', '${p.name}')"
|
||
class="text-xs text-blue-600 hover:text-blue-800 border border-blue-300 px-2 py-1 rounded hover:bg-blue-50">
|
||
+ 添加标签
|
||
</button>
|
||
</div>
|
||
<div class="priority-labels-container space-y-1" data-jira-id="${p.id}">
|
||
<div class="flex items-center gap-2">
|
||
<span class="text-xs text-gray-400">Gitea标签:</span>
|
||
<input type="text" data-type="priority" data-jira-id="${p.id}" data-jira-name="${p.name}"
|
||
class="border rounded px-2 py-1 text-sm flex-1 focus:ring-1 focus:ring-blue-500"
|
||
placeholder="如: ${guess || 'urgent'}" value="${guess}">
|
||
<button type="button" onclick="removePriorityLabelInput(this)"
|
||
class="text-red-600 hover:text-red-800 text-xs px-2 opacity-0 pointer-events-none">
|
||
删除
|
||
</button>
|
||
</div>
|
||
</div>
|
||
`;
|
||
pContainer.appendChild(itemDiv);
|
||
});
|
||
|
||
//渲染类型
|
||
const tContainer = document.getElementById('typeContainer');
|
||
const defaultSelect = document.getElementById('defaultTypeSelect');
|
||
tContainer.innerHTML = '';
|
||
defaultSelect.innerHTML = '';
|
||
|
||
//添加"不设置"选项
|
||
const emptyOption = document.createElement('option');
|
||
emptyOption.value = '';
|
||
emptyOption.text = '(不设置默认类型)';
|
||
defaultSelect.add(emptyOption);
|
||
|
||
data.types.forEach((t, index) => {
|
||
let guess = "";
|
||
for (let k in defaultLabels) {
|
||
if (t.name.includes(k)) guess = defaultLabels[k];
|
||
}
|
||
|
||
const itemDiv = document.createElement('div');
|
||
itemDiv.className = 'bg-gray-50 p-3 rounded border';
|
||
itemDiv.dataset.jiraId = t.id;
|
||
itemDiv.innerHTML = `
|
||
<div class="flex items-center justify-between mb-2">
|
||
<div class="flex items-center gap-2">
|
||
<img src="${t.iconUrl}" class="w-4 h-4">
|
||
<span class="text-sm font-medium">${t.name}</span>
|
||
</div>
|
||
<button type="button" onclick="addTypeLabel('${t.id}', '${t.name}')"
|
||
class="text-xs text-blue-600 hover:text-blue-800 border border-blue-300 px-2 py-1 rounded hover:bg-blue-50">
|
||
+ 添加标签
|
||
</button>
|
||
</div>
|
||
<div class="type-labels-container space-y-1" data-jira-id="${t.id}">
|
||
<div class="flex items-center gap-2">
|
||
<span class="text-xs text-gray-400">Gitea标签:</span>
|
||
<input type="text" data-type="issuetype" data-jira-id="${t.id}" data-jira-name="${t.name}"
|
||
class="border rounded px-2 py-1 text-sm flex-1 focus:ring-1 focus:ring-blue-500"
|
||
placeholder="如: ${guess || 'bug'}" value="${guess}">
|
||
<button type="button" onclick="removeTypeLabelInput(this)"
|
||
class="text-red-600 hover:text-red-800 text-xs px-2 opacity-0 pointer-events-none">
|
||
删除
|
||
</button>
|
||
</div>
|
||
</div>
|
||
`;
|
||
tContainer.appendChild(itemDiv);
|
||
|
||
const option = document.createElement('option');
|
||
option.value = t.id;
|
||
option.text = t.name;
|
||
defaultSelect.add(option);
|
||
if (t.name.toLowerCase() === 'bug' || t.name.toLowerCase() === 'task') defaultSelect.value = t.id;
|
||
});
|
||
|
||
//渲染流转
|
||
const transSelects = ['transClose', 'transReopen', 'transProgress'];
|
||
const warningBox = document.getElementById('transWarning');
|
||
|
||
if (data.warning) {
|
||
warningBox.innerText = data.warning;
|
||
warningBox.classList.remove('hidden');
|
||
} else {
|
||
warningBox.classList.add('hidden');
|
||
}
|
||
|
||
transSelects.forEach(id => {
|
||
const sel = document.getElementById(id);
|
||
sel.innerHTML = '<option value="">(不映射)</option>';
|
||
data.transitions.forEach(t => {
|
||
const opt = document.createElement('option');
|
||
opt.value = t.id;
|
||
opt.text = `${t.name} (To: ${t.to})`;
|
||
sel.add(opt);
|
||
|
||
const lowerName = t.name.toLowerCase();
|
||
const lowerTo = t.to.toLowerCase();
|
||
if (id === 'transClose' && (lowerName.includes('close') || lowerName.includes('done') || lowerName.includes('complete'))) sel.value = t.id;
|
||
if (id === 'transReopen' && (lowerName.includes('reopen') || lowerName.includes('open'))) sel.value = t.id;
|
||
if (id === 'transProgress' && (lowerName.includes('progress') || lowerName.includes('process') || lowerTo.includes('progress'))) sel.value = t.id;
|
||
});
|
||
});
|
||
|
||
//为所有输入框添加input事件，自动更新预览（使用input替代change以实现实时更新）
|
||
document.querySelectorAll('input[data-type]').forEach(el => {
|
||
el.addEventListener('input', updatePreview);
|
||
});
|
||
document.querySelectorAll('select').forEach(el => {
|
||
el.addEventListener('change', updatePreview);
|
||
});
|
||
|
||
//初始化预览
|
||
updatePreview();
|
||
} |