Able to indcate selected colunm, by background change

diff --git a/www/coloration.js b/www/coloration.js
index baba2113882f6df5ba035c42b933d02f068a9672..1468c03afbb8d9f86f59b1d6320a4f3afe97c86f 100644 (file)
--- 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 b6336e0f982ba84fe62f28a8d9e86cf54c2a5888..2ed3dfea1766551fc81d6ebc6a51e4d10a85d761 100644 (file)
--- 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 70efc2e08a97d8395421dc7a9442df92d9ce3a0e..2489dcb218c3e25659b49c17065922edd280ae7a 100644 (file)
--- 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 68d772bb26fa246874ff6adc38271ef14d08ecbd..4ad97c763eecab2862608884c1f7437296ce2b34 100644 (file)
--- 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;