catlog22/Claude-Code-Workflow
1
0
Fork 0
mirror of https://github.com/catlog22/Claude-Code-Workflow.git synced 2026-02-13 02:41:50 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: 添加标签颜色变体和验证功能，增强工具配置管理

Browse Source
This commit is contained in:
catlog22
2026-01-08 19:11:27 +08:00
parent d0523684e5
commit 3124125b4c
3 changed files with 75 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
ccw/src/templates/dashboard-js/views/cli-manager.js
View File

@@ -335,7 +335,7 @@ function buildToolConfigModalContent(tool, config, models, status) {
'<h4>Tags <span class="text-muted">(optional labels)</span></h4>' +
'<div class="tags-unified-input" id="tagsUnifiedInput">' +
(config.tags || []).map(function(tag) {
return '<span class="tag-item">' + escapeHtml(tag) + '<button type="button" class="tag-remove" data-tag="' + escapeHtml(tag) + '">&times;</button></span>';
return '<span class="tag-item tag-' + escapeHtml(tag) + '">' + escapeHtml(tag) + '<button type="button" class="tag-remove" data-tag="' + escapeHtml(tag) + '">&times;</button></span>';
}).join('') +
'<input type="text" id="tagInput" class="tag-inline-input" placeholder="输入标签按 Enter 添加" />' +
'</div>' +
@@ -375,7 +375,7 @@ function initToolConfigModalEvents(tool, currentConfig, models) {
// Insert tags before the input
currentTags.forEach(function(tag) {
var tagEl = document.createElement('span');
tagEl.className = 'tag-item';
tagEl.className = 'tag-item tag-' + escapeHtml(tag);
tagEl.innerHTML = escapeHtml(tag) + '<button type="button" class="tag-remove" data-tag="' + escapeHtml(tag) + '">&times;</button>';
container.insertBefore(tagEl, input);
});
@@ -389,6 +389,18 @@ function initToolConfigModalEvents(tool, currentConfig, models) {
renderTags();
};
});
// Update predefined tag buttons state
document.querySelectorAll('.predefined-tag-btn').forEach(function(btn) {
var tag = btn.getAttribute('data-tag');
if (currentTags.indexOf(tag) !== -1) {
btn.classList.add('selected');
btn.disabled = true;
} else {
btn.classList.remove('selected');
btn.disabled = false;
}
});
}
// Click on unified input container focuses the input
@@ -665,10 +677,10 @@ function renderToolsSection() {
var toolConfig = cliToolConfig && cliToolConfig.tools ? cliToolConfig.tools[tool] : null;
var tags = toolConfig && toolConfig.tags ? toolConfig.tags : [];
// Build tags HTML
// Build tags HTML with color classes
var tagsHtml = tags.length > 0
? '<div class="tool-tags">' + tags.map(function(tag) {
return '<span class="tool-tag">' + escapeHtml(tag) + '</span>';
return '<span class="tool-tag tag-' + escapeHtml(tag) + '">' + escapeHtml(tag) + '</span>';
}).join('') + '</div>'
: '';