diff --git a/static/script.js b/static/script.js index 3aa2d08..4d3e720 100644 --- a/static/script.js +++ b/static/script.js @@ -4035,4 +4035,19 @@ function buildChannelValue(matchId) { if (hasMatch) return "match"; return ""; +} + +function openClearMatchModal() { + const modal = document.getElementById("clearMatchModal"); + if (modal) modal.classList.add("show"); +} + +function closeClearMatchModal() { + const modal = document.getElementById("clearMatchModal"); + if (modal) modal.classList.remove("show"); +} + +function confirmClearMatch() { + closeClearMatchModal(); + clearMatchEvents(); } \ No newline at end of file diff --git a/static/styles.css b/static/styles.css index ade0abb..cf76a94 100644 --- a/static/styles.css +++ b/static/styles.css @@ -2440,4 +2440,28 @@ body:not(.edit-mode-on) .referee-search { #clockEditorModal .btn-primary { box-shadow: 0 10px 24px rgba(79, 140, 255, 0.25); +} + +.clear-match-modal-content { + width: min(420px, 92vw); +} + +.clear-match-warning { + padding: 18px; + border-radius: 14px; + background: rgba(220, 53, 69, 0.12); + border: 1px solid rgba(220, 53, 69, 0.28); + color: #ffb8bf; + font-size: 15px; + line-height: 1.5; +} + +.btn-danger { + background: #dc3545; + color: white; + border: none; +} + +.btn-danger:hover { + background: #e14b5b; } \ No newline at end of file diff --git a/templates/match_workspace.html b/templates/match_workspace.html index 19beda9..b532d4a 100644 --- a/templates/match_workspace.html +++ b/templates/match_workspace.html @@ -788,7 +788,7 @@ data-role="{{ p.position or '' }}" @@ -1616,5 +1616,57 @@ data-role="{{ p.position or '' }}" }); })(); +