Fix results overlay template to display fighter names, main result, under/over...

Fix results overlay template to display fighter names, main result, under/over result, and winning outcomes

- Added separate HTML sections for main result and under/over result display
- Added updateMainResultDisplay() and updateUnderOverResultDisplay() functions
- Updated prepareResultsAnimation() to call both new display functions
- Under/over result now shows with distinct styling (green for UNDER, orange for OVER)
- web/templates is a symlink to mbetterclient/qt_player/templates
parent 6d573b42
......@@ -754,13 +754,20 @@
</div>
</div>
<!-- Combined Result Display -->
<div class="combined-result-display" id="combinedResultDisplay">
<div class="combined-result-text" id="combinedResultText">
<!-- Main Result Display -->
<div class="main-result-display" id="mainResultDisplay">
<div class="main-result-text" id="mainResultText">
<span id="mainResult">WIN1</span>
</div>
</div>
<!-- Under/Over Result Display -->
<div class="under-over-display" id="underOverDisplay">
<div class="under-over-text" id="underOverText">
<span id="underOverResult">UNDER</span>
</div>
</div>
<!-- Winning Bets Section -->
<div class="winning-bets-section">
<div class="bets-title">Winning bets:</div>
......@@ -1080,8 +1087,11 @@
// Update fighters display
updateFightersDisplay();
// Update combined result display
updateCombinedResultDisplay();
// Update main result display
updateMainResultDisplay();
// Update under/over result display
updateUnderOverResultDisplay();
// Update winning bets display
updateWinningBetsDisplay();
......@@ -1196,16 +1206,37 @@
}
}
// Update combined result display
function updateCombinedResultDisplay() {
// Update main result display
function updateMainResultDisplay() {
const mainResultSpan = document.getElementById('mainResult');
const combinedDisplay = document.getElementById('combinedResultDisplay');
const mainResultDisplay = document.getElementById('mainResultDisplay');
if (currentMainResult) {
mainResultSpan.textContent = currentMainResult;
combinedDisplay.style.display = 'block';
mainResultDisplay.style.display = 'block';
} else {
mainResultDisplay.style.display = 'none';
}
}
// Update under/over result display
function updateUnderOverResultDisplay() {
const underOverResultSpan = document.getElementById('underOverResult');
const underOverDisplay = document.getElementById('underOverDisplay');
const underOverText = document.getElementById('underOverText');
if (currentUnderOverResult) {
underOverResultSpan.textContent = currentUnderOverResult;
underOverDisplay.style.display = 'block';
// Add 'over' class for different styling
if (currentUnderOverResult === 'OVER') {
underOverDisplay.classList.add('over');
} else {
underOverDisplay.classList.remove('over');
}
} else {
combinedDisplay.style.display = 'none';
underOverDisplay.style.display = 'none';
}
}
......
......@@ -58,6 +58,9 @@ server {
proxy_buffer_size 4k;
proxy_buffers 8 4k;
proxy_busy_buffers_size 8k;
proxy_no_cache 1;
proxy_cache_bypass 1;
}
# HLS stream
......@@ -75,6 +78,9 @@ server {
proxy_connect_timeout 7d;
proxy_send_timeout 7d;
proxy_read_timeout 7d;
proxy_no_cache 1;
proxy_cache_bypass 1;
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment