From 9a9e86ae03d5df0b73035d3f3d5c0220ec558831 Mon Sep 17 00:00:00 2001
From: Jean-Marc Pigeon <jmp@safe.c>
Date: Sun, 14 Dec 2025 22:35:39 -0500
Subject: [PATCH] Able to indcate selected colunm, by background change

---
 www/coloration.js   | 2 +-
 www/gesdis.php      | 3 ++-
 www/lvlmai.php      | 6 ++++--
 www/translations.js | 2 +-
 4 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/www/coloration.js b/www/coloration.js
index baba211..1468c03 100644
--- a/www/coloration.js
+++ b/www/coloration.js
@@ -10,7 +10,7 @@ const limitSelect = document.getElementById("limitSelect");
 // Header click pour multi-colonnes
 document.querySelectorAll(".filter-col").forEach(th=>{
   th.addEventListener("click",()=>{
-  const col = th.dataset.col;
+  const col = th.getAttribute("trkey");
   if (columns.includes(col)){
     columns = columns.filter(c=>c!==col);
     th.classList.remove("active");
diff --git a/www/gesdis.php b/www/gesdis.php
index b6336e0..2ed3dfe 100644
--- a/www/gesdis.php
+++ b/www/gesdis.php
@@ -186,6 +186,7 @@ $STR  = <<<EOT
 <TITLE>Mailleur WEB Interface</TITLE>
 <script defer src="translations.js?v={$curtime}"></script>
 <script defer src="directives.js?v={$curtime}"></script>
+<script defer src="coloration.js?v={$curtime}"></script>
 <style>
 .table-filter-row       {
                         display:flex;
@@ -200,7 +201,7 @@ $STR  = <<<EOT
                         background:#f7f7ff;
                         }
 .filter-col.active      {
-                        background:#cce;
+                        background:blue;
                         }
 .highlight              {
                         background:#ff9;
diff --git a/www/lvlmai.php b/www/lvlmai.php
index 70efc2e..2489dcb 100644
--- a/www/lvlmai.php
+++ b/www/lvlmai.php
@@ -253,8 +253,10 @@ $tblheader
 <TH align=center><span class="translatable" trkey="Date">Date</span></TH>
 <TH align=center>IP</TH>
 <TH align=center><span class="translatable" trkey="Reverse IP">Reverse IP</span></TH>
-<TH align=center><span class="translatable" trkey="Originator">Originator</span></TH>
-<TH align=center><span class="translatable" trkey="Recipient">Recipient</span></TH>
+<TH align=center class="filter-col" trkey="Originator">
+<span class="translatable">Originator</span>
+</TH>
+<TH align=center><span class="filter-col translatable" trkey="Recipient">Recipient</span></TH>
 <TH align=center><span class="translatable" trkey="Subject">Subject</span></TH>
 </TR>
 $line
diff --git a/www/translations.js b/www/translations.js
index 68d772b..4ad97c7 100644
--- a/www/translations.js
+++ b/www/translations.js
@@ -49,7 +49,7 @@ let translatables = document.getElementsByClassName("translatable");
 let map = translationMap.get(translationLng);
 
 for (let i of translatables) {
-  let key = i.getAttribute("trkey");
+  let key = i.getAttribute("trkey") || i.parentElement.getAttribute("trkey");
 
 // gestion si la clé n'existe pas
   let value;
-- 
2.47.3