mirror of
https://github.com/kmitresse/Cards-Rush.git
synced 2026-07-09 13:27:45 +00:00
feat: dev-web - begin modal and new-game front
This commit is contained in:
@@ -5,13 +5,20 @@
|
||||
|
||||
<div id="newGameModal" class="modal-wrapper" style="display: none">
|
||||
<div class="modal">
|
||||
<a href="#close" title="Close" class="close">×</a>
|
||||
<a href="#" title="Close" class="close">×</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">×</a>
|
||||
<a href="#" title="Close" class="close">×</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>
|
||||
|
||||
Reference in New Issue
Block a user