From 417081242f180c483eb7af3d69be65dcc6bac6f5 Mon Sep 17 00:00:00 2001
From: jokob-sk <jokob.sk@gmail.com>
Date: Mon, 6 Oct 2025 11:44:34 +1100
Subject: [PATCH] FE: UI_DEFAULT_PAGE_SIZE #1181

Signed-off-by: jokob-sk <jokob.sk@gmail.com>
---
 front/devices.php                     |  2 +-
 front/events.php                      |  4 ++--
 front/plugins/ui_settings/config.json | 27 +++++++++++++++++++++++++++
 front/userNotifications.php           |  1 +
 4 files changed, 31 insertions(+), 3 deletions(-)

diff --git a/front/devices.php b/front/devices.php
index a2fdb0a6..b69984b7 100755
--- a/front/devices.php
+++ b/front/devices.php
@@ -123,7 +123,7 @@
 <!-- page script ----------------------------------------------------------- -->
 <script>
   var deviceStatus    = 'all';
-  var tableRows       = getCache ("nax_parTableRows") == "" ? 20 : getCache ("nax_parTableRows") ;
+  var tableRows       = getCache ("nax_parTableRows") == "" ? parseInt(getSetting("UI_DEFAULT_PAGE_SIZE")) : getCache ("nax_parTableRows") ;
   var tableOrder      = getCache ("nax_parTableOrder") == "" ? [[3,'desc'], [0,'asc']] : JSON.parse(getCache ("nax_parTableOrder")) ;
   
   var tableColumnHide = [];
diff --git a/front/events.php b/front/events.php
index c42955de..a7adfce3 100755
--- a/front/events.php
+++ b/front/events.php
@@ -169,7 +169,7 @@
 
   var eventsType      = 'all';
   var period          = '1 day';
-  var tableRows       = 25;
+  var tableRows       = parseInt(getSetting("UI_DEFAULT_PAGE_SIZE"));
   
   // Read parameters & Initialize components
   main();
@@ -181,7 +181,7 @@ function main() {
   period = getCookie(parPeriod) === "" ? "1 day" : getCookie(parPeriod);
   $('#period').val(period);
 
-  tableRows = getCookie(parTableRows) === "" ? 50 : parseInt(getCookie(parTableRows), 10);
+  tableRows = getCookie(parTableRows) === "" ? parseInt(getSetting("UI_DEFAULT_PAGE_SIZE")) : parseInt(getCookie(parTableRows), 10);
 
   // Initialize components
   initializeDatatable();
diff --git a/front/plugins/ui_settings/config.json b/front/plugins/ui_settings/config.json
index 0db907a1..fe9e47bd 100755
--- a/front/plugins/ui_settings/config.json
+++ b/front/plugins/ui_settings/config.json
@@ -213,6 +213,33 @@
         }
       ]
     },
+    {
+      "function": "DEFAULT_PAGE_SIZE",
+      "type": {
+        "dataType": "integer",
+        "elements": [
+          {
+            "elementType": "input",
+            "elementOptions": [{ "type": "number" }],
+            "transformers": []
+          }
+        ]
+      },
+      "maxLength": 50,
+      "default_value": 20,
+      "options": [],
+      "localized": [],
+      "name": [
+        {
+          "string": "Default page size"
+        }
+      ],
+      "description": [
+        {
+          "string": "Default number of items shown in tables per page, for example in teh Devices lists."
+        }
+      ]
+    },
     {
       "function": "DEV_SECTIONS",
       "type": {
diff --git a/front/userNotifications.php b/front/userNotifications.php
index 48821a75..05bca865 100755
--- a/front/userNotifications.php
+++ b/front/userNotifications.php
@@ -74,6 +74,7 @@ require 'php/templates/header.php';
 
   $(document).ready(function() {
     const table = $('#notificationsTable').DataTable({
+      "pageLength": parseInt(getSetting("UI_DEFAULT_PAGE_SIZE")) ,
       "columns": [
         { "data": "timestamp" , 
           "render": function(data, type, row) {