50 lines
2.1 KiB
JavaScript
50 lines
2.1 KiB
JavaScript
// Debounce function
|
|
function debounce(func, wait) {
|
|
let timeout;
|
|
return function(...args) {
|
|
clearTimeout(timeout);
|
|
timeout = setTimeout(() => func.apply(this, args), wait);
|
|
};
|
|
}
|
|
|
|
// Initialize filter functionality
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
// Auto-submit the form on select change
|
|
document.querySelectorAll('#filterForm select').forEach(function(el) {
|
|
el.addEventListener('change', function() {
|
|
document.getElementById('filterForm').submit();
|
|
});
|
|
});
|
|
|
|
// Debounced submit for search input, keep cursor after reload
|
|
const searchInput = document.querySelector('#filterForm input[name="search"]');
|
|
if (searchInput) {
|
|
searchInput.addEventListener('input', debounce(function() {
|
|
// Save value and cursor position
|
|
sessionStorage.setItem('searchFocus', '1');
|
|
sessionStorage.setItem('searchValue', searchInput.value);
|
|
sessionStorage.setItem('searchPos', searchInput.selectionStart);
|
|
document.getElementById('filterForm').submit();
|
|
}, 300));
|
|
|
|
// On page load, restore focus and cursor position if needed
|
|
if (sessionStorage.getItem('searchFocus') === '1') {
|
|
searchInput.focus();
|
|
const val = sessionStorage.getItem('searchValue') || '';
|
|
const pos = parseInt(sessionStorage.getItem('searchPos')) || val.length;
|
|
searchInput.value = val;
|
|
searchInput.setSelectionRange(pos, pos);
|
|
// Clean up
|
|
sessionStorage.removeItem('searchFocus');
|
|
sessionStorage.removeItem('searchValue');
|
|
sessionStorage.removeItem('searchPos');
|
|
}
|
|
}
|
|
|
|
// Clear button resets all filters and submits the form
|
|
document.getElementById('clearFilters').addEventListener('click', function() {
|
|
document.querySelector('#filterForm input[name="search"]').value = '';
|
|
document.querySelector('#filterForm select[name="role"]').selectedIndex = 0;
|
|
document.getElementById('filterForm').submit();
|
|
});
|
|
});
|