keep selected entries in other pages

Author: pxpm

src/resources/views/crud/columns/inc/bulk_actions_checkbox.blade.php

@@ -20,7 +20,7 @@ function addOrRemoveCrudCheckedItem(element) {
                 let primaryKeyValue = checkbox.dataset.primaryKeyValue;
 
                 crud.checkedItems ??= [];
-
+                
                 if (checked) {
                     // add item to crud.checkedItems variable
                     crud.checkedItems.push(primaryKeyValue);
@@ -53,7 +53,10 @@ function addOrRemoveCrudCheckedItem(element) {
 
     if (typeof markCheckboxAsCheckedIfPreviouslySelected !== 'function') {
         function markCheckboxAsCheckedIfPreviouslySelected() {
-            let checkedItems = [];
+            let checkedItems = localStorage.getItem('selected_rows') ?? [];
+            if(typeof checkedItems === 'string') {
+                checkedItems = JSON.parse(checkedItems);
+            }
             document
                 .querySelectorAll('input.crud_bulk_actions_line_checkbox[data-primary-key-value]')
                 .forEach(function(elem) {
@@ -64,6 +67,7 @@ function markCheckboxAsCheckedIfPreviouslySelected() {
                     }
                 });
             crud.checkedItems = checkedItems;
+            localStorage.removeItem('selected_rows');
         }
     }
 

src/resources/views/crud/inc/datatables_logic.blade.php

@@ -326,6 +326,24 @@ functionsToRunOnDataTablesDrawEvent: [],
           }
       });
 
+
+      $('#crudTable').on( 'page.dt', function ( e, settings, len ) {
+            let checkedElements = localStorage.getItem('selected_rows') ?? [];
+
+            if(typeof checkedItems === 'string') {
+                checkedItems = JSON.parse(checkedItems);
+            }
+
+            document
+                .querySelectorAll('input.crud_bulk_actions_line_checkbox[data-primary-key-value]')
+                .forEach(function(elem) {
+                    if(elem.checked) {
+                        checkedElements.push(elem.dataset.primaryKeyValue);
+                    }
+                });
+            localStorage.setItem('selected_rows', JSON.stringify(checkedElements));
+        });
+
       // on DataTable draw event run all functions in the queue
       // (eg. delete and details_row buttons add functions to this queue)
       $('#crudTable').on( 'draw.dt',   function () {