From 3f3589db19700aeb2198230ea47940706535e272 Mon Sep 17 00:00:00 2001
From: peterdd <ddpm@liscovius.de>
Date: Fri, 29 Oct 2021 19:00:07 +0200
Subject: [PATCH 1/2] CSS for search result order_by highlighting

adds an example background-color and unicode up/down arrows
---
 www/css/style.css | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/www/css/style.css b/www/css/style.css
index cc59017f..065353a2 100644
--- a/www/css/style.css
+++ b/www/css/style.css
@@ -504,6 +504,17 @@ th.results {
     background-color: #aaaaaa;
     text-align: left;
 }
+
+th.results.asc, th.results.desc{
+    background-color:#ddf;
+}
+th.results.asc:after{
+    content:'▲';
+}
+th.results.desc:after{
+    content:'▼';
+}
+
 table#details td {
     vertical-align: top;
 }

From 120b01db7b3577055f48570597124252495650ad Mon Sep 17 00:00:00 2001
From: peterdd <ddpm@liscovius.de>
Date: Fri, 29 Oct 2021 19:11:59 +0200
Subject: [PATCH 2/2] asc/desc CSS class for order_by column in search result
 table

Improves usablity as user sees by what column the result table is sorted and also the direction.
---
 www/search.php | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/www/search.php b/www/search.php
index 38ad03b7..18029480 100644
--- a/www/search.php
+++ b/www/search.php
@@ -134,18 +134,18 @@
 <?php } ?>
 
  <tr>
-  <th class="results"><a href="<?php echo $link;?>&amp;reorder_by=id">ID#</a></th>
-  <th class="results"><a href="<?php echo $link;?>&amp;reorder_by=ts1">Date</a></th>
-  <th class="results"><a href="<?php echo $link;?>&amp;reorder_by=ts2">Last Modified</a></th>
+  <th class="results<?= $order_by === 'id' ? (strcasecmp('desc', $direction)===0 ?' desc':' asc'):''; ?>"><a href="<?php echo $link;?>&amp;reorder_by=id">ID#</a></th>
+  <th class="results<?= $order_by === 'ts1' ? (strcasecmp('desc', $direction)===0 ?' desc':' asc'):''; ?>"><a href="<?php echo $link;?>&amp;reorder_by=ts1">Date</a></th>
+  <th class="results<?= $order_by === 'ts2' ? (strcasecmp('desc', $direction)===0 ?' desc':' asc'):''; ?>"><a href="<?php echo $link;?>&amp;reorder_by=ts2">Last Modified</a></th>
 <?php if ($package_count !== 1) { ?>
-  <th class="results"><a href="<?php echo $link;?>&amp;reorder_by=package_name">Package</a></th>
+  <th class="results<?= $order_by === 'package_name' ? (strcasecmp('desc', $direction)===0 ?' desc':' asc'):''; ?>"><a href="<?php echo $link;?>&amp;reorder_by=package_name">Package</a></th>
 <?php } ?>
-  <th class="results"><a href="<?php echo $link;?>&amp;reorder_by=bug_type">Type</a></th>
-  <th class="results"><a href="<?php echo $link;?>&amp;reorder_by=status">Status</a></th>
-  <th class="results"><a href="<?php echo $link;?>&amp;reorder_by=php_version">PHP Version</a></th>
-  <th class="results"><a href="<?php echo $link;?>&amp;reorder_by=php_os">OS</a></th>
-  <th class="results"><a href="<?php echo $link;?>&amp;reorder_by=sdesc">Summary</a></th>
-  <th class="results"><a href="<?php echo $link;?>&amp;reorder_by=assign">Assigned</a></th>
+  <th class="results<?= $order_by === 'bug_type' ? (strcasecmp('desc', $direction)===0 ?' desc':' asc'):''; ?>"><a href="<?php echo $link;?>&amp;reorder_by=bug_type">Type</a></th>
+  <th class="results<?= $order_by === 'status' ? (strcasecmp('desc', $direction)===0 ?' desc':' asc'):''; ?>"><a href="<?php echo $link;?>&amp;reorder_by=status">Status</a></th>
+  <th class="results<?= $order_by === 'php_version' ? (strcasecmp('desc', $direction)===0 ?' desc':' asc'):''; ?>"><a href="<?php echo $link;?>&amp;reorder_by=php_version">PHP Version</a></th>
+  <th class="results<?= $order_by === 'php_os' ? (strcasecmp('desc', $direction)===0 ?' desc':' asc'):''; ?>"><a href="<?php echo $link;?>&amp;reorder_by=php_os">OS</a></th>
+  <th class="results<?= $order_by === 'sdesc' ? (strcasecmp('desc', $direction)===0 ?' desc':' asc'):''; ?>"><a href="<?php echo $link;?>&amp;reorder_by=sdesc">Summary</a></th>
+  <th class="results<?= $order_by === 'assign' ? (strcasecmp('desc', $direction)===0 ?' desc':' asc'):''; ?>"><a href="<?php echo $link;?>&amp;reorder_by=assign">Assigned</a></th>
  </tr>
 <?php