- 🐳 ${displayName}
+ const stats = [];
+ if (result.star_count > 0) stats.push(`
`);
+
+ elements.tagList.innerHTML = `
+
-
- docker pull ${fullDomain}/${pullImageName}
-
+
+
+
+
`;
-
- displayFilteredTags(tags);
+
+ // 存储所有标签数据供搜索使用
+ window.allTags = tags;
+ window.currentRepo = result;
+ window.currentDisplayName = displayName;
+
+ // 初始显示所有标签
+ renderFilteredTags(tags);
// 确保显示tag列表并滚动到顶部
elements.tagList.classList.add('show');
elements.tagList.scrollIntoView({ behavior: 'smooth', block: 'start' });
}
- // 显示过滤后的标签
- function displayFilteredTags(tags) {
- elements.tagItems.innerHTML = '';
+ // 渲染过滤后的标签（按照原版逻辑）
+ function renderFilteredTags(filteredTags) {
+ const tagsContainer = document.getElementById('tagsContainer');
+ const fullDomain = window.location.host;
+ const pullImageName = window.currentDisplayName;
- tags.forEach(tag => {
- const tagItem = createTagItem(tag);
- elements.tagItems.appendChild(tagItem);
+ let tagsHtml = filteredTags.map(tag => {
+ const vulnIndicators = Object.entries(tag.vulnerabilities || {})
+ .map(([level, count]) => count > 0 ? `
` : '')
+ .join('');
+
+ const images = tag.images || [];
+ const architectures = images.map(img => {
+ const arch = `${img.os}/${img.architecture}${img.variant ? '/' + img.variant : ''}`;
+ const size = formatUtils.formatSize(img.size);
+ return `
${arch}
`;
+ }).join('');
+
+ return `
+
+
+ ${tag.name}
+ ${vulnIndicators ? `
${vulnIndicators}
` : ''}
+
+
+ 最后更新: ${formatUtils.formatTimeAgo(tag.last_updated)}
+ ${tag.last_pusher ? `由 ${tag.last_pusher} 推送` : ''}
+ ${tag.full_size ? `大小: ${formatUtils.formatSize(tag.full_size)}` : ''}
+
+
+ docker pull ${fullDomain}/${pullImageName}:${tag.name}
+
+
+ ${architectures ? `
${architectures}
` : ''}
+
+ `;
+ }).join('');
+
+ if (filteredTags.length === 0) {
+ tagsHtml = '
未找到匹配的标签
';
+ }
+
+ tagsContainer.innerHTML = tagsHtml;
+ }
+
+ // 复制到剪贴板（按照原版命名）
+ function copyToClipboard(text) {
+ navigator.clipboard.writeText(text).then(() => {
+ showToast('已复制到剪贴板');
+ }).catch(() => {
+ showToast('复制失败');
});
}
- // 创建标签项
- function createTagItem(tag) {
- const item = document.createElement('div');
- item.className = 'tag-item';
+ // 标签搜索过滤（按照原版逻辑）
+ function filterTags(searchText) {
+ if (!window.allTags) return;
- const architectures = tag.images?.map(img => img.architecture).join(', ') || '未知';
- const size = tag.images?.[0]?.size ? formatUtils.formatSize(tag.images[0].size) : '未知';
- const lastUpdated = tag.last_updated ? formatUtils.formatDate(tag.last_updated) : '未知';
+ const searchLower = searchText.toLowerCase();
+ let filteredTags;
- item.innerHTML = `
-
${tag.name}
-
- 📅 更新时间: ${lastUpdated} | 📦 大小: ${size}
-
-
- ${architectures.split(', ').map(arch =>
- `${arch}`
- ).join('')}
-
- `;
-
- return item;
- }
-
- // 复制命令
- function copyCommand(command) {
- if (navigator.clipboard) {
- navigator.clipboard.writeText(command).then(() => {
- showToast('命令已复制到剪贴板');
- });
+ if (!searchText) {
+ filteredTags = window.allTags;
} else {
- // 降级方案
- const textarea = document.createElement('textarea');
- textarea.value = command;
- document.body.appendChild(textarea);
- textarea.select();
- document.execCommand('copy');
- document.body.removeChild(textarea);
- showToast('命令已复制到剪贴板');
+ // 对标签进行评分和排序
+ const scoredTags = window.allTags.map(tag => {
+ const name = tag.name.toLowerCase();
+ let score = 0;
+
+ // 完全匹配
+ if (name === searchLower) {
+ score += 100;
+ }
+ // 前缀匹配
+ else if (name.startsWith(searchLower)) {
+ score += 50;
+ }
+ // 包含匹配
+ else if (name.includes(searchLower)) {
+ score += 30;
+ }
+ // 部分匹配（按单词）
+ else if (searchLower.split(/\s+/).some(word => name.includes(word))) {
+ score += 10;
+ }
+
+ return { tag, score };
+ }).filter(item => item.score > 0);
+
+ // 按分数排序
+ scoredTags.sort((a, b) => b.score - a.score);
+ filteredTags = scoredTags.map(item => item.tag);
}
+
+ renderFilteredTags(filteredTags);
}
- // 标签搜索过滤
- function filterTags(searchTerm) {
- const filtered = allTags.filter(tag =>
- tag.name.toLowerCase().includes(searchTerm.toLowerCase())
- );
- displayFilteredTags(filtered);
+ // 清除标签搜索
+ function clearTagSearch() {
+ const searchInput = document.querySelector('.tag-search-input');
+ if (searchInput) {
+ searchInput.value = '';
+ filterTags('');
+ }
}
// 事件监听
@@ -1104,9 +1271,7 @@
searchImages(currentSearchTerm, currentPage + 1);
});
- elements.tagSearchInput.addEventListener('input', (event) => {
- filterTags(event.target.value);
- });
+ // 移除了tagSearchInput的事件监听器，现在使用内联事件
elements.backToSearch.addEventListener('click', () => {
elements.tagList.classList.remove('show');