enhance tables in groups.php, pi.php

Author: simonLeary42

webroot/panel/groups.php

@@ -98,8 +98,21 @@
 }
 
 if (count($req_filtered) > 0) {
-    echo "<h5>Pending Requests</h5>";
-    echo "<table>";
+    echo "";
+    echo "
+        <h5>Pending Requests</h5>
+        <table id='pi-request-table' class='stripe compact hover'>
+            <thead>
+                <tr>
+                    <th>Group Owner Name</th>
+                    <th>Group ID</th>
+                    <th>Group Owner Mail</th>
+                    <th>Requested On</th>
+                    <th>Actions</th>
+                </tr>
+            </thead>
+            <tbody>
+    ";
     foreach ($req_filtered as $request) {
         $requested_account = new UnityGroup(
             $request["request_for"],
@@ -127,6 +140,7 @@
         echo "</td>";
         echo "</tr>";
     }
+    echo "</tbody>";
     echo "</table>";
 
     if (count($PIGroupGIDs) > 0) {
@@ -153,7 +167,7 @@
 }
 
 echo "
-    <table id='pi-table'>
+    <table id='pi-table' class='stripe compact hover'>
         <thead>
             <tr>
                 <th>Name</th>
@@ -245,6 +259,29 @@
                 }
             }
         );
+        $('#pi-request-table').DataTable(
+            {
+                responsive: true,
+                columns: [
+                    {responsivePriority: 1}, // owner name
+                    {responsivePriority: 2}, // gid
+                    {responsivePriority: 2}, // PI mail
+                    {responsivePriority: 2}, // requested on
+                    {responsivePriority: 1}, // actions
+                ],
+                layout: {
+                    topStart: {
+                        buttons: [
+                            {
+                                extend: 'colvis',
+                                columns: ':not(.noVis)',
+                                popoverTitle: 'Column visibility selector'
+                            }
+                        ]
+                    }
+                }
+            }
+        );
     });
 </script>
 

webroot/panel/pi.php

@@ -88,10 +88,19 @@
     }
 }
 
-echo "<h5>Users in Group</h5>";
-
-echo "<table>";
-
+echo "
+    <h5>Users in Group</h5>
+    <table id='users-table' class='stripe compact hover'>
+        <thead>
+            <tr>
+                <th>Actions</th>
+                <th>Name</th>
+                <th>Username</th>
+                <th>Mail</th>
+            </tr>
+        </thead>
+        <tbody>
+";
 foreach ($assocs as $assoc) {
     if ($assoc->uid == $USER->uid) {
         continue;
@@ -119,8 +128,35 @@
     echo "<td>" . $assoc->getMail() . "</td>";
     echo "</tr>";
 }
-
+echo "</tbody>";
 echo "</table>";
 ?>
 
+<script>
+    $(document).ready(() => {
+        $('#users-table').DataTable(
+            {
+                responsive: true,
+                columns: [
+                    {responsivePriority: 1}, // actions
+                    {responsivePriority: 2}, // name
+                    {responsivePriority: 1}, // username
+                    {responsivePriority: 2}, // mail
+                ],
+                layout: {
+                    topStart: {
+                        buttons: [
+                            {
+                                extend: 'colvis',
+                                columns: ':not(.noVis)',
+                                popoverTitle: 'Column visibility selector'
+                            }
+                        ]
+                    }
+                }
+            }
+        );
+    });
+</script>
+
 <?php require $LOC_FOOTER; ?>