From 8baf03224b828536953ce82fc9ac8fbba4a0b4ce Mon Sep 17 00:00:00 2001
From: emkael <emkael@tlen.pl>
Date: Mon, 9 Jan 2023 01:58:54 +0100
Subject: Highlight neighbouring boxes as well if box fade is enabled

---
 playoff.js | 37 +++++++++++++++++++++++++++++++++----
 1 file changed, 33 insertions(+), 4 deletions(-)

diff --git a/playoff.js b/playoff.js
index ee1ff5d..fb16fec 100644
--- a/playoff.js
+++ b/playoff.js
@@ -71,12 +71,41 @@ var playoff = {
 
     highlightBox: function(box) {
         var boxes = document.getElementsByClassName('playoff_matchbox');
+        var highlightBoxes = [];
+        var attrArr = ['data-winner', 'data-loser', 'data-place-winner', 'data-place-loser', 'data-finish-winner', 'data-finish-loser'];
         for (var b = 0; b < boxes.length; b++) {
             var boxId = boxes[b].getAttribute('data-id');
-            if (box && (boxId != box)) {
-                boxes[b].classList.add('faded');
-            } else {
-                boxes[b].classList.remove('faded');
+            if (box && (boxId == box)) {
+                highlightBoxes.push(boxId);
+                for (const attr of attrArr) {
+                    var attrVal = boxes[b].getAttribute(attr);
+                    if (attrVal) {
+                        highlightBoxes = highlightBoxes.concat(attrVal.split(' '));
+                    }
+                }
+            }
+            boxes[b].classList.remove('faded');
+        }
+        if (box) {
+            for (var b = 0; b < boxes.length; b++) {
+                var fade = true;
+                var boxId = boxes[b].getAttribute('data-id');
+                if (highlightBoxes.includes(boxId)) {
+                    fade = false;
+                } else {
+                    for (const attr of attrArr) {
+                        var boxId = boxes[b].getAttribute(attr);
+                        if (boxId) {
+                            boxIds = boxId.split(' ');
+                            if (boxIds.includes(box)) {
+                                fade = false;
+                            }
+                        }
+                    }
+                }
+                if (fade) {
+                    boxes[b].classList.add('faded');
+                }
             }
         }
     },
-- 
cgit v1.2.3