staxriver
/
padelclub_backend
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add planning event

Browse Source
sync_v2
Raz 6 months ago
parent 5d71da4875
commit 268258425a
3 changed files with 33 additions and 6 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 5
      tournaments/static/tournaments/js/tournament_bracket.js
  2. 30
      tournaments/templates/tournaments/broadcast/broadcasted_bracket.html
  3. 4
      tournaments/templates/tournaments/broadcast/broadcasted_planning.html

5
tournaments/static/tournaments/js/tournament_bracket.js
Unescape View File

@ -41,10 +41,7 @@ function renderBracket(options) {
} }
const padding = 50 * roundTotalCount; // Account for some padding/margin const padding = 50 * roundTotalCount; // Account for some padding/margin
const availableWidth = screenWidth - padding; const availableWidth = screenWidth - padding;
responsiveMatchWidth = Math.min( responsiveMatchWidth = Math.floor(availableWidth / roundTotalCount);
365,
Math.max(365, Math.floor(availableWidth / roundTotalCount)),
);
if (isBroadcast) { if (isBroadcast) {
responsiveMatchWidth = Math.min( responsiveMatchWidth = Math.min(

30
tournaments/templates/tournaments/broadcast/broadcasted_bracket.html
Unescape View File

@ -32,6 +32,36 @@
})(); })();
</script> </script>
<!-- End Matomo Code --> <!-- End Matomo Code -->
<style>
#screen-size-overlay {
position: fixed;
top: 10px;
left: 10px;
background-color: rgba(0, 0, 0, 0.7);
color: white;
padding: 10px;
border-radius: 5px;
font-size: 1em;
z-index: 1000; /* Ensure it's on top of other elements */
}
</style>
<div id="screen-size-overlay"></div>
<script>
const overlay = document.getElementById('screen-size-overlay');
function updateScreenSize() {
overlay.textContent = `Width: ${window.innerWidth}px, Height: ${window.innerHeight}px`;
}
// Update on initial load
updateScreenSize();
// Update on window resize (optional, but can be useful if the window size changes)
window.addEventListener('resize', updateScreenSize);
</script>
</head> </head>
<body> <body>

4
tournaments/templates/tournaments/broadcast/broadcasted_planning.html
Unescape View File

@ -202,7 +202,7 @@
<div class="wrapper"> <div class="wrapper">
<main> <main>
<div class="grid-x"> <div class="grid-x">
<div class="cell large-12"> <div class="cell" :class="{'large-12': courtCount >= 5, 'large-6': courtCount < 5}">
<div style="display: flex; margin-bottom: 20px;"> <div style="display: flex; margin-bottom: 20px;">
<div class="bubble-footer" style="visibility: hidden; align-items: center; justify-content: center; margin-right: 20px; width: 8rem;"> <div class="bubble-footer" style="visibility: hidden; align-items: center; justify-content: center; margin-right: 20px; width: 8rem;">
<h1 class="event">00:00</h1> <h1 class="event">00:00</h1>
@ -226,7 +226,7 @@
<div x-show="currentPageIndex === pageIndex"> <div x-show="currentPageIndex === pageIndex">
<div class="grid-x"> <div class="grid-x">
<template x-for="(group, groupIndex) in groupPage" :key="groupIndex"> <template x-for="(group, groupIndex) in groupPage" :key="groupIndex">
<div class="cell large-12"> <div class="cell" :class="{'large-12': courtCount >= 5, 'large-6': courtCount < 5}">
<div style="display: flex; margin-bottom: 20px;"> <div style="display: flex; margin-bottom: 20px;">
<div class="bubble-footer" style="align-items: center; justify-content: center; margin-right: 20px; width: 8rem;"> <div class="bubble-footer" style="align-items: center; justify-content: center; margin-right: 20px; width: 8rem;">
<h1 class="event" x-text="group.name.slice(-5)"></h1> <h1 class="event" x-text="group.name.slice(-5)"></h1>

Write Preview
Loading…
Cancel
Save