christophe/chesscubing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Ajoute un résumé modal à la fin du cube

Browse Source
This commit is contained in:
Christophe JEANNEROT
2026-04-12 20:09:44 +02:00
parent 9f98168934
commit 8eeb359a08
3 changed files with 252 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
cube.html
View File

@@ -135,6 +135,60 @@
</div>
</section>
<section class="modal hidden" id="cubeResultModal" aria-hidden="true">
<div class="modal-backdrop" data-close-cube-result-modal="true"></div>
<div class="modal-card result-modal-card">
<div class="modal-head">
<div>
<p class="eyebrow">Fin de phase cube</p>
<h2 id="cubeResultModalTitle">Résumé du cube</h2>
</div>
<button class="button ghost small" id="closeCubeResultButton" type="button">
Fermer
</button>
</div>
<p class="section-copy" id="cubeResultSummary"></p>
<div class="cube-result-overview">
<article class="result-pill-card">
<span>Vainqueur cube</span>
<strong id="cubeResultWinner">--</strong>
</article>
<article class="result-pill-card">
<span>Suite</span>
<strong id="cubeResultOutcome">--</strong>
</article>
</div>
<div class="cube-result-player-grid">
<article class="cube-result-player-card">
<span class="seat-tag light-seat">Blanc</span>
<strong id="cubeResultWhiteName">Blanc</strong>
<span id="cubeResultWhiteTime">Temps cube --</span>
<span id="cubeResultWhiteDetail">Résultat --</span>
<span id="cubeResultWhiteClock">Chrono après --</span>
</article>
<article class="cube-result-player-card">
<span class="seat-tag dark-seat">Noir</span>
<strong id="cubeResultBlackName">Noir</strong>
<span id="cubeResultBlackTime">Temps cube --</span>
<span id="cubeResultBlackDetail">Résultat --</span>
<span id="cubeResultBlackClock">Chrono après --</span>
</article>
</div>
<div class="modal-actions">
<button class="button primary" id="cubeResultActionButton" type="button">
Appliquer et ouvrir la page chrono
</button>
<button class="button ghost" id="cubeResultDismissButton" type="button">
Revenir à la phase cube
</button>
</div>
</div>
</section>
<script type="module" src="app.js"></script>
</body>
</html>