From 3a74e4fd7a6e569748622e9895ef936181656b10 Mon Sep 17 00:00:00 2001
From: shuki <shuki@shuki>
Date: Wed, 4 Mar 2026 15:48:51 +0200
Subject: [PATCH] Add client-side table sorting to all tables

Clicking any column header sorts the table rows. Supports text and
numeric sorting with ascending/descending toggle and arrow indicators.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 whm/gniza-whm/lib/GnizaWHM/UI.pm | 34 +++++++++++++++++++++++++++++++-
 1 file changed, 33 insertions(+), 1 deletion(-)

diff --git a/whm/gniza-whm/lib/GnizaWHM/UI.pm b/whm/gniza-whm/lib/GnizaWHM/UI.pm
index f692c02..b36fdc0 100644
--- a/whm/gniza-whm/lib/GnizaWHM/UI.pm
+++ b/whm/gniza-whm/lib/GnizaWHM/UI.pm
@@ -719,7 +719,39 @@ sub _scope_to_container {
 }
 
 sub page_footer {
-    return "</div>\n";
+    return qq{<script>
+(function(){
+  document.querySelectorAll('table.table').forEach(function(table){
+    var headers = table.querySelectorAll('thead th');
+    headers.forEach(function(th, colIdx){
+      if(!th.textContent.trim()) return;
+      th.style.cursor='pointer';
+      th.style.userSelect='none';
+      th.dataset.sortDir='';
+      th.addEventListener('click',function(){
+        var tbody=table.querySelector('tbody');
+        if(!tbody) return;
+        var rows=Array.from(tbody.querySelectorAll('tr'));
+        headers.forEach(function(h){if(h!==th){h.dataset.sortDir='';h.textContent=h.textContent.replace(/ [\\u25B2\\u25BC]\$/,'')}});
+        var dir=th.dataset.sortDir==='asc'?'desc':'asc';
+        th.dataset.sortDir=dir;
+        th.textContent=th.textContent.replace(/ [\\u25B2\\u25BC]\$/,'')+(dir==='asc'?' \\u25B2':' \\u25BC');
+        rows.sort(function(a,b){
+          var ca=a.cells[colIdx],cb=b.cells[colIdx];
+          if(!ca||!cb) return 0;
+          var va=ca.textContent.trim(),vb=cb.textContent.trim();
+          var na=parseFloat(va.replace(/[^0-9.\\-]/g,'')),nb=parseFloat(vb.replace(/[^0-9.\\-]/g,''));
+          if(!isNaN(na)&&!isNaN(nb)&&va.match(/^[0-9.,\\-\\s]+[A-Za-z\\s]*\$/)){
+            return dir==='asc'?na-nb:nb-na;
+          }
+          return dir==='asc'?va.localeCompare(vb):vb.localeCompare(va);
+        });
+        rows.forEach(function(r){tbody.appendChild(r)});
+      });
+    });
+  });
+})();
+</script>\n</div>\n};
 }
 
 sub render_errors {