feat: implement disabled state for header search on statistics page with appropriate styling and functionality adjustments

This commit is contained in:
Will Miao
2025-06-27 09:45:48 +08:00
parent 64dd2ed141
commit 5b4ec1b2a2
2 changed files with 61 additions and 2 deletions

View File

@@ -130,9 +130,24 @@ export class HeaderManager {
const headerSearch = document.getElementById('headerSearch');
if (this.currentPage === 'statistics' && headerSearch) {
headerSearch.style.display = 'none';
headerSearch.classList.add('disabled');
// Disable search functionality
const searchInput = headerSearch.querySelector('#searchInput');
const searchButtons = headerSearch.querySelectorAll('button');
if (searchInput) {
searchInput.disabled = true;
searchInput.placeholder = 'Search not available on statistics page';
}
searchButtons.forEach(btn => btn.disabled = true);
} else if (headerSearch) {
headerSearch.style.display = 'flex';
headerSearch.classList.remove('disabled');
// Re-enable search functionality
const searchInput = headerSearch.querySelector('#searchInput');
const searchButtons = headerSearch.querySelectorAll('button');
if (searchInput) {
searchInput.disabled = false;
}
searchButtons.forEach(btn => btn.disabled = false);
}
}
}