Move pagination/sorting/filtering to server side for role crud and fix datatables webstorage issue

src/Controller/RoleController.php

@@ -27,16 +27,66 @@ class RoleController extends BaseController
         return $this->render('role/list.html.twig', $params);
     }
 
-    public function rows()
+    public function rows(Request $req)
     {
     	// build query
     	$qb = $this->getDoctrine()
         	->getRepository(Role::class)
-        	->createQueryBuilder('q')
-        	->getQuery();
+        	->createQueryBuilder('q');
 
-        // get all rows
-        $rows = $qb->getResult(Query::HYDRATE_ARRAY);
+        // count total records
+        $total = $qb->select('COUNT(q)')
+            ->getQuery()
+            ->getSingleScalarResult();
+
+        // get datatable params
+        $datatable = $req->request->get('datatable');
+
+        // get current page number
+        $page = $datatable['pagination']['page'] ?? 1;
+
+        $perpage = $datatable['pagination']['perpage'];
+        $offset = ($page - 1) * $perpage;
+
+        // add metadata
+        $meta = [
+            'page' => $page,
+            'perpage' => $perpage,
+            'pages' => ceil($total / $perpage),
+            'total' => $total,
+            'sort' => 'asc',
+            'field' => 'id'
+        ];
+
+        // build query
+        $query = $qb->select('q');
+
+        // check if filter is present
+        if (isset($datatable['query']['data-rows-search']) && !empty($datatable['query']['data-rows-search'])) {
+            $query->where('q.id LIKE :filter')
+                ->orWhere('q.name LIKE :filter')
+                ->setParameter('filter', '%' . $datatable['query']['data-rows-search'] . '%');
+        }
+
+        // check if sorting is present, otherwise use default
+        if (isset($datatable['sort']['field']) && !empty($datatable['sort']['field'])) {
+            $order = $datatable['sort']['sort'] ?? 'asc';
+            $query->orderBy('q.' . $datatable['sort']['field'], $order);
+        } else {
+            $query->orderBy('q.id', 'asc');
+        }
+
+        // get rows for this page
+        $rows = $query->setFirstResult($offset)
+            ->setMaxResults($perpage)
+            ->getQuery()
+            ->getResult(Query::HYDRATE_ARRAY);
+
+        // response
+        return $this->json([
+            'meta' => $meta,
+            'data' => $rows
+        ]);
 
         // add crud urls
         foreach ($rows as $index => $row) {
@@ -45,7 +95,10 @@ class RoleController extends BaseController
         }
 
         // response
-        return $this->json(['data' => $rows]);
+        return $this->json([
+            'meta' => $meta,
+            'data' => $rows
+        ]);
     }
 
     public function create()

src/Controller/UserController.php

@@ -35,6 +35,7 @@ class UserController extends BaseController
     	$qb = $this->getDoctrine()
         	->getRepository(User::class)
         	->createQueryBuilder('q');
+        
         // count total records
         $total = $qb->select('COUNT(q)')
             ->getQuery()

templates/role/list.html.twig

@@ -70,7 +70,15 @@
 							url: '{{ url("role_rows") }}',
 							method: 'POST'
 						}
-					}
+					},
+					saveState: {
+			            cookie: false,
+			            webstorage: false
+			        },
+					pageSize: 10,
+					serverPaging: true,
+					serverFiltering: true,
+					serverSorting: true
 				},
 				columns: [
 					{
@@ -102,12 +110,7 @@
 					onEnter: false,
 					input: $('#data-rows-search'),
 					delay: 400
-				},
-				/*
-				serverPaging: true,
-		        serverFiltering: true,
-		        serverSorting: true
-		        */
+				}
 			};
 
 			var table = $("#data-rows").mDatatable(options);

templates/user/list.html.twig

@@ -71,6 +71,10 @@
 							method: 'POST',
 						}
 					},
+					saveState: {
+			            cookie: false,
+			            webstorage: false
+			        },
 					pageSize: 10,
 					serverPaging: true,
 					serverFiltering: true,
@@ -138,11 +142,7 @@
 					onEnter: false,
 					input: $('#data-rows-search'),
 					delay: 400
-				},
-				pageSize: 10,
-				serverPaging: true,
-		        serverFiltering: true,
-		        serverSorting: true
+				}
 			};
 
 			var table = $("#data-rows").mDatatable(options);