加载失败: ${apiError.message}
`;
}
}
// 关闭 API 调用详情模态框
function closeApiCallDetailsModal() {
const modal = document.getElementById("apiCallDetailsModal");
if (modal) {
modal.classList.add("hidden");
}
}
// 渲染 API 调用详情到模态框
function renderApiCallDetails(
data,
container,
totalCalls,
successCalls,
failureCalls
) {
let summaryHtml = "";
// 只有在提供了这些统计数据时才显示概览
if (
totalCalls !== undefined &&
successCalls !== undefined &&
failureCalls !== undefined
) {
summaryHtml = `
加载失败: ${apiError.message}
`;
}
};
// 关闭密钥使用详情模态框
window.closeKeyUsageDetailsModal = function () {
const modal = document.getElementById("keyUsageDetailsModal");
if (modal) {
modal.classList.add("hidden");
}
};
// window.renderKeyUsageDetails 函数已被移入 showKeyUsageDetails 内部, 此处残留代码已删除。
// --- Key List Display & Pagination ---
/**
* Displays key list items for a specific type and page.
* @param {string} type 'valid' or 'invalid'
* @param {number} page Page number (1-based)
* @param {Array} keyItemsArray The array of li elements to paginate (e.g., filteredValidKeys, allInvalidKeys)
*/
function displayPage(type, page, keyItemsArray) {
const listElement = document.getElementById(`${type}Keys`);
const paginationControls = document.getElementById(
`${type}PaginationControls`
);
if (!listElement || !paginationControls) return;
// This function is now mostly handled by fetchAndDisplayKeys.
// We can simplify this or remove it if all display logic is in fetchAndDisplayKeys.
// For now, let's keep it for rendering the pagination controls as a separate step.
setupPaginationControls(type, page, totalPages);
updateBatchActions(type); // Update batch actions based on the currently displayed page
}
/**
* Sets up pagination controls.
* @param {string} type 'valid' or 'invalid'
* @param {number} currentPage Current page number
* @param {number} totalPages Total number of pages
* @param {Array} keyItemsArray The array of li elements being paginated
*/
function setupPaginationControls(type, currentPage, totalPages) {
const controlsContainer = document.getElementById(
`${type}PaginationControls`
);
if (!controlsContainer) return;
controlsContainer.innerHTML = "";
if (totalPages <= 1) {
return; // No controls needed for single/no page
}
// Base classes for all buttons (Tailwind for layout, custom for consistent styling)
const baseButtonClasses =
"pagination-button px-3 py-1 rounded text-sm transition-colors duration-150 ease-in-out";
// Define hover classes that work with the custom background by adjusting opacity or a border effect.
// Since .pagination-button defines a background, a hover effect might be a subtle border change or brightness.
// For simplicity, we can rely on CSS for hover effects on .pagination-button:hover
// const hoverClasses = "hover:border-purple-400"; // Example if you want JS to add specific hover behavior
// Previous Button
const prevButton = document.createElement("button");
prevButton.innerHTML = '