devol/LinkStack
1
0
Fork 0
mirror of https://github.com/LinkStackOrg/LinkStack.git synced 2025-02-15 11:31:00 +01:00
Code Issues Packages Projects Releases Wiki Activity

Implement shift-click selection for checkboxes in user panel

Browse Source
This commit is contained in:
Julian Prieber 2025-01-03 18:35:23 +01:00
parent d95e0e6033
commit 9b0f884393
1 changed files with 30 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
resources/views/panel/users.blade.php
View File

@ -208,5 +208,35 @@
Livewire.dispatch('refresh');
};
</script>
<script>
document.addEventListener('table-loaded', () => {
setTimeout(() => {
const checkboxes = document.querySelectorAll('.form-check-input');
let lastChecked;
function handleShiftSelect(e) {
let inBetween = false;
if (e.shiftKey && this.checked) {
checkboxes.forEach(checkbox => {
if (checkbox === this || checkbox === lastChecked) {
inBetween = !inBetween;
}
if (inBetween || checkbox === this || checkbox === lastChecked) {
checkbox.checked = true;
checkbox.dispatchEvent(new Event('change'));
}
});
}
lastChecked = this;
}
checkboxes.forEach(checkbox =>
checkbox.addEventListener('click', handleShiftSelect)
);
}, 500);
});
</script>
@endpush
@endsection