Updated table to fix movements pt 1

Author: jameshenderson12

css/styles.css

@@ -7363,8 +7363,13 @@ body.tour-active {
     width: 52px;
   }
 
-  .rankings-panel #rankingsTable th:nth-child(3),
-  .rankings-panel #rankingsTable td:nth-child(3) {
+  .rankings-panel #rankingsTable th:nth-child(2),
+  .rankings-panel #rankingsTable td:nth-child(2) {
+    width: 52px;
+  }
+
+  .rankings-panel #rankingsTable th:nth-child(4),
+  .rankings-panel #rankingsTable td:nth-child(4) {
     width: 68px;
   }
 

php/process.php

@@ -1275,7 +1275,7 @@ function displayRankingsEq3() {
 
     echo "<div class='table-responsive'>";
     echo "<table id='rankingsTable' class='table table-striped'>";
-    echo "<thead><tr><th>Rank</th><th>Player</th><th>Points</th></tr></thead>";
+    echo "<thead><tr><th>Rank</th><th>Move</th><th>Player</th><th>Points</th></tr></thead>";
     echo "<tbody>";
 
     // Keep track of the previous rank to identify non-unique ranks
@@ -1514,19 +1514,7 @@ function displayRankingsEq5() {
             $displayRank = '<strong>'. $rank . '</strong>';
         }
 
-        // Determine if move is upwards, downwards or the same and calculate the difference between current and previous ranking
-        if (!$hasRecordedResults) {
-            $move = "<span class='text-secondary'>-</span>";
-        } elseif ($row["lastpos"] > $row["currpos"]) {
-            $diff = $row["lastpos"] - $row["currpos"];
-            $move = "<span class='text-success'><i class='bi bi-caret-up-fill'></i>" . $diff . "</span>";
-        } elseif ($row["lastpos"] < $row["currpos"]) {
-            $diff = $row["currpos"] - $row["lastpos"];
-            $move = "<span class='text-danger'><i class='bi bi-caret-down-fill'></i>" . $diff . "</span>";
-        } else {
-            $diff = 0;
-            $move = "<span class='text-secondary'><i class='bi bi-caret-right-fill'></i>" . $diff . "</span>";
-        }
+        $move = "&nbsp;";
 
         // Ensure both name variables begin with upper case letters
         $uppCaseFN = ucfirst($row["firstname"]);
@@ -1539,6 +1527,7 @@ function displayRankingsEq5() {
         // Display the table complete with all data variables
         echo "<tr" . $rowClass . ">";
         echo "<td><span class=''>" . $displayRank . "</span></td>";
+		echo "<td><span class=''>" . $move . "</span></td>";
         $playerMeta = trim((string) ($row["location"] ?? ''));
         if ($playerMeta === '' || strcasecmp($playerMeta, 'Prefer Not To Say') === 0) {
             $playerMeta = trim((string) ($row["faveteam"] ?? ''));

rankings.php

@@ -51,9 +51,10 @@
         //"lengthMenu": [[3, 10, 20, 30, 40, -1], ["Top 3", "Top 10", "Top 20", "Top 30", "Top 40", "All"]],
         "ordering": false,  // Disable column sorting
         "columnDefs": [
-            { "width": "12%", "targets": 0 },
-            { "width": "68%", "targets": 1 },
-            { "width": "20%", "targets": 2 }
+            { "width": "10%", "targets": 0 },
+            { "width": "15%", "targets": 1 },
+            { "width": "60%", "targets": 2 },
+            { "width": "15%", "targets": 3 },
         ]   
     });
 
@@ -88,7 +89,7 @@
 
     const syncRankingsHeadings = function() {
       const compact = window.matchMedia('(max-width: 575.98px)').matches;
-      const labels = compact ? ['RK', 'PLAYER', 'PTS'] : ['RANK', 'PLAYER', 'POINTS'];
+      const labels = compact ? ['RK', 'MV', 'PLAYER', 'PTS'] : ['RANK', 'MOVE', 'PLAYER', 'POINTS'];
 
       tableHeadings.each(function(index) {
         if (labels[index]) {