feat: implement per-page entry selection for customer management with cookie support

system/controllers/customers.php

@@ -904,7 +904,29 @@ switch ($action) {
             fclose($fp);
             die();
         }
-        $d = Paginator::findMany($query, ['search' => $search], 30, $append_url);
+
+        if (!empty($_COOKIE['customer_per_page']) && $_COOKIE['customer_per_page'] != $config['customer_per_page']) {
+            $d = ORM::for_table('tbl_appconfig')->where('setting', 'customer_per_page')->find_one();
+            if ($d) {
+                $d->value = $_COOKIE['customer_per_page'];
+                $d->save();
+            } else {
+                $d = ORM::for_table('tbl_appconfig')->create();
+                $d->setting = 'customer_per_page';
+                $d->value = $_COOKIE['customer_per_page'];
+                $d->save();
+            }
+        } 
+        if (!empty($config['customer_per_page']) && empty($_COOKIE['customer_per_page'])) {
+            $_COOKIE['customer_per_page'] = $config['customer_per_page'];
+            setcookie('customer_per_page', $config['customer_per_page'], time() + (86400 * 30), "/");
+        }
+
+        $ui->assign('cookie', $_COOKIE['customer_per_page']);
+
+        $per_page = !empty($_COOKIE['customer_per_page']) ? $_COOKIE['customer_per_page'] : (!empty($config['customer_per_page']) ? $config['customer_per_page'] : '30');
+
+        $d = Paginator::findMany($query, ['search' => $search], $per_page, $append_url);
         $ui->assign('d', $d);
         $ui->assign('statuses', ORM::for_table('tbl_customers')->getEnum("status"));
         $ui->assign('filter', $filter);

ui/ui/admin/customers/list.tpl

@@ -9,6 +9,32 @@
         color: #333;
         cursor: pointer;
     }
+
+    .form-group {
+        margin-bottom: 20px;
+        display: flex;
+        align-items: center;
+    }
+
+    .form-group select {
+        margin-left: 10px;
+        margin-right: 10px;
+    }
+
+    .page-item {
+        width: 100px;
+        display: block;
+        height: 34px;
+        padding: 6px 12px;
+        font-size: 14px;
+        line-height: 1.42857143;
+        color: #555;
+        background-color: #fff;
+        background-image: none;
+        border: 1px solid #ccc;
+        border-radius: 4px;
+
+    }
 </style>
 
 <div class="row">
@@ -94,6 +120,19 @@
                 </form>
                 <br>&nbsp;
                 <div class="table-responsive table_mobile">
+                    <div class="form-group">
+                        <span>Show</span>
+                        <select class="page-item" id="per_page" name="per_page" onchange="changePerPage(this)">
+                            <option value="10" {if $cookie eq 10}selected{/if}>10</option>
+                            <option value="25" {if $cookie eq 25}selected{/if}>25</option>
+                            <option value="50" {if $cookie eq 50}selected{/if}>50</option>
+                            <option value="100" {if $cookie eq 100}selected{/if}>100</option>
+                            <option value="200" {if $cookie eq 200}selected{/if}>200</option>
+                            <option value="500" {if $cookie eq 500}selected{/if}>500</option>
+                            <option value="1000" {if $cookie eq 1000}selected{/if}>1000</option>
+                        </select>
+                        <span>entries</span>
+                    </div>
                     <table id="customerTable" class="table table-bordered table-striped table-condensed">
                         <thead>
                             <tr>
@@ -371,5 +410,13 @@
                 break;
         }
     });
+
+    function changePerPage(select) {
+        setCookie('customer_per_page', select.value, 365);
+        setTimeout(() => {
+            location.reload();
+        }, 1000);
+        console.log('Entries per page changed to: ' + select.value);
+    }
 </script>
 {include file = "sections/footer.tpl" }