diff options
Diffstat (limited to 'assets/default/js')
-rw-r--r-- | assets/default/js/base.js | 27 |
1 files changed, 23 insertions, 4 deletions
diff --git a/assets/default/js/base.js b/assets/default/js/base.js index 8bf79d3e..951e3f4d 100644 --- a/assets/default/js/base.js +++ b/assets/default/js/base.js | |||
@@ -422,12 +422,12 @@ function init(description) { | |||
422 | /** | 422 | /** |
423 | * Bulk actions | 423 | * Bulk actions |
424 | */ | 424 | */ |
425 | const linkCheckboxes = document.querySelectorAll('.delete-checkbox'); | 425 | const linkCheckboxes = document.querySelectorAll('.link-checkbox'); |
426 | const bar = document.getElementById('actions'); | 426 | const bar = document.getElementById('actions'); |
427 | [...linkCheckboxes].forEach((checkbox) => { | 427 | [...linkCheckboxes].forEach((checkbox) => { |
428 | checkbox.style.display = 'inline-block'; | 428 | checkbox.style.display = 'inline-block'; |
429 | checkbox.addEventListener('click', () => { | 429 | checkbox.addEventListener('change', () => { |
430 | const linkCheckedCheckboxes = document.querySelectorAll('.delete-checkbox:checked'); | 430 | const linkCheckedCheckboxes = document.querySelectorAll('.link-checkbox:checked'); |
431 | const count = [...linkCheckedCheckboxes].length; | 431 | const count = [...linkCheckedCheckboxes].length; |
432 | if (count === 0 && bar.classList.contains('open')) { | 432 | if (count === 0 && bar.classList.contains('open')) { |
433 | bar.classList.toggle('open'); | 433 | bar.classList.toggle('open'); |
@@ -444,7 +444,7 @@ function init(description) { | |||
444 | event.preventDefault(); | 444 | event.preventDefault(); |
445 | 445 | ||
446 | const links = []; | 446 | const links = []; |
447 | const linkCheckedCheckboxes = document.querySelectorAll('.delete-checkbox:checked'); | 447 | const linkCheckedCheckboxes = document.querySelectorAll('.link-checkbox:checked'); |
448 | [...linkCheckedCheckboxes].forEach((checkbox) => { | 448 | [...linkCheckedCheckboxes].forEach((checkbox) => { |
449 | links.push({ | 449 | links.push({ |
450 | id: checkbox.value, | 450 | id: checkbox.value, |
@@ -467,6 +467,25 @@ function init(description) { | |||
467 | } | 467 | } |
468 | 468 | ||
469 | /** | 469 | /** |
470 | * Select all button | ||
471 | */ | ||
472 | const selectAllButtons = document.querySelectorAll('.select-all-button'); | ||
473 | [...selectAllButtons].forEach((selectAllButton) => { | ||
474 | selectAllButton.addEventListener('click', (e) => { | ||
475 | e.preventDefault(); | ||
476 | const checked = selectAllButton.classList.contains('filter-off'); | ||
477 | [...selectAllButtons].forEach((selectAllButton2) => { | ||
478 | selectAllButton2.classList.toggle('filter-off'); | ||
479 | selectAllButton2.classList.toggle('filter-on'); | ||
480 | }); | ||
481 | [...linkCheckboxes].forEach((linkCheckbox) => { | ||
482 | linkCheckbox.checked = checked; | ||
483 | linkCheckbox.dispatchEvent(new Event('change')); | ||
484 | }); | ||
485 | }); | ||
486 | }); | ||
487 | |||
488 | /** | ||
470 | * Tag list operations | 489 | * Tag list operations |
471 | * | 490 | * |
472 | * TODO: support error code in the backend for AJAX requests | 491 | * TODO: support error code in the backend for AJAX requests |