59 lines
1.8 KiB
JavaScript
59 lines
1.8 KiB
JavaScript
// Search functionality
|
|
(function initSearch(){
|
|
const searchInput = document.getElementById('search-input');
|
|
|
|
// Wait for services to load
|
|
const checkServicesLoaded = setInterval(() => {
|
|
if(window.servicesData){
|
|
clearInterval(checkServicesLoaded);
|
|
setupSearch();
|
|
}
|
|
}, 100);
|
|
|
|
function setupSearch(){
|
|
const { allServices, container } = window.servicesData;
|
|
|
|
searchInput.addEventListener('input', (e) => {
|
|
const searchTerm = e.target.value.toLowerCase().trim();
|
|
let visibleCount = 0;
|
|
|
|
// Also hide/show group headers
|
|
const groupSections = container.querySelectorAll('.service-group');
|
|
|
|
allServices.forEach(card => {
|
|
const serviceName = card.dataset.serviceName;
|
|
if(serviceName.includes(searchTerm)){
|
|
card.style.display = '';
|
|
visibleCount++;
|
|
} else {
|
|
card.style.display = 'none';
|
|
}
|
|
});
|
|
|
|
// Hide empty groups
|
|
groupSections.forEach(section => {
|
|
const visibleCards = section.querySelectorAll('.card:not([style*="display: none"])');
|
|
section.style.display = visibleCards.length > 0 ? '' : 'none';
|
|
});
|
|
|
|
// Show message if no results
|
|
const existingMsg = container.querySelector('.no-results');
|
|
if(existingMsg) existingMsg.remove();
|
|
if(visibleCount === 0 && searchTerm !== ''){
|
|
const msg = document.createElement('p');
|
|
msg.className = 'notes no-results';
|
|
msg.textContent = `No services found matching "${e.target.value}"`;
|
|
container.appendChild(msg);
|
|
}
|
|
});
|
|
|
|
// Focus search on '/' key
|
|
document.addEventListener('keydown', (e) => {
|
|
if(e.key === '/' && document.activeElement !== searchInput){
|
|
e.preventDefault();
|
|
searchInput.focus();
|
|
}
|
|
});
|
|
}
|
|
})();
|