feat: dev-web - begin modal and new-game front

This commit is contained in:
kmitresse
2024-04-06 14:32:36 +02:00
parent 0148e4b505
commit c7efa6e5f8
6 changed files with 130 additions and 51 deletions
@@ -5,13 +5,20 @@
<div id="newGameModal" class="modal-wrapper" style="display: none">
<div class="modal">
<a href="#close" title="Close" class="close">&times;</a>
<a href="#" title="Close" class="close">&times;</a>
<div class="modal-header">
<h2>Nouvelle Partie</h2>
</div>
<div class="modal-content">
<div id="settings">
<form>
<label>Difficulté</label>
<div class="difficulty-radio">
<input type="radio" name="difficulty" value="easy" id="easy" checked="checked" />
<label for="easy">Facile</label>
<input type="radio" name="difficulty" value="hard" id="hard" />
<label for="hard">Difficile</label>
</div>
<label for="timer">Timer</label>
<input type="number" id="timer" name="timer" min="<%= Game.TIMER_MIN %>" max="<%= Game.TIMER_MAX %>" value="<%= Game.TIMER_MIN %>">
<label for="nbColors">Nb couleurs</label>
@@ -11,7 +11,7 @@
<% ArrayList<Game> games = (ArrayList<Game>) request.getAttribute("games") != null ? (ArrayList<Game>) request.getAttribute("games") : new ArrayList<>() ; %>
<div id="statisticsModal" class="modal-wrapper" style="display: none">
<div class="modal">
<a href="#close" title="Close" class="close">&times;</a>
<a href="#" title="Close" class="close">&times;</a>
<div class="modal-header">
<h2>Statistiques</h2>
</div>
@@ -25,24 +25,24 @@
</tr>
<tr>
<th>Nombre de parties gagnées:</th>
<td><%= user.getNbWin() %>, <%= user.getWinRate()%></td>
<td><%= user.getNbWin() %>, <%= user.getWinRate()%>%</td>
</tr>
<tr>
<th>Nombre de clicks total:</th>
<th>Nombre de clics total:</th>
<td><%= user.getNbClicks() %></td>
</tr>
<tr>
<th>Nombre de clicks corrects:</th>
<td><%= user.getNbRightClicks() %>, <%= user.getRightClickPercentRate()%></td>
<th>Nombre de clics corrects:</th>
<td><%= user.getNbRightClicks() %>, <%= user.getRightClickPercentRate()%>%</td>
</tr>
<tr>
<th>Nombre de clicks rapides:</th>
<td><%= user.getNbRapidClicks() %>, <%= user.getRapidClickPercentRate()%></td>
<th>Nombre de clics rapides:</th>
<td><%= user.getNbRapidClicks() %>, <%= user.getRapidClickPercentRate()%>%</td>
</tr>
</table>
</div>
<div id="game-selection">
//listes de game dont chacune est un onglet déroulante des joueurs
<%-- listes de game dont chacune est un onglet déroulante des joueurs--%>
<h2>Statistiques par jeu</h2>
<table>
<tr>
@@ -69,9 +69,9 @@
<tr>
<th>Username</th>
<th>Score</th>
<th>Nombre de click</th>
<th>Nombre de click corrects</th>
<th>Nombre de click rapides</th>
<th>Nombre de clic</th>
<th>Nombre de clic corrects</th>
<th>Nombre de clic rapides</th>
</tr>
<%
for (Player player : game.getPlayers()) {
@@ -80,8 +80,8 @@
<td><%= player.getUser().getUsername() %></td>
<td><%= player.getScore() %></td>
<td><%= player.getClickCount() %></td>
<td><%= player.getRightClickCount() %>, <%= player.getRatioRightClick() %></td>
<td><%= player.getRapidClickCount() %>, <%= player.getRatioRapidClick() %></td>
<td><%= player.getRightClickCount() %>, <%= player.getRatioRightClick() %>%</td>
<td><%= player.getRapidClickCount() %>, <%= player.getRatioRapidClick() %>%</td>
</tr>
<% } %>
</table>
@@ -7,6 +7,7 @@
<title>Cards Rush</title>
<link href="${pageContext.request.contextPath}/static/css/global.css" rel="stylesheet">
<link href="${pageContext.request.contextPath}/static/css/main-menu.css" rel="stylesheet">
<link href="${pageContext.request.contextPath}/static/css/new-game.css" rel="stylesheet">
<link href="${pageContext.request.contextPath}/static/css/modal.css" rel="stylesheet">
<script src="${pageContext.request.contextPath}/static/js/modal.js" defer></script>
<script src="${pageContext.request.contextPath}/static/js/new-game.js" defer></script>