kmitresse/cards-rush
1
0
Fork 0
mirror of https://github.com/kmitresse/Cards-Rush.git synced 2026-07-09 13:27:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: dev-web - begin front

Browse Source
This commit is contained in:
kmitresse
2024-04-05 18:00:33 +02:00
parent eeea468845
commit a541ba929a
13 changed files with 319 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files
S2/DevWeb/Projet/src/main/webapp/WEB-INF/components/navbar.jsp
+10 -8
View File
@@ -13,16 +13,18 @@
<nav>
<a href="${pageContext.request.contextPath}/index"><img src="${pageContext.request.contextPath}/static/img/CardsRushLogo.png" alt="Logo CardsRush"> </a>
<% if (currentPage == "register" || currentPage == "forgotten-password" || currentPage == "reset-password"){ %>
<button><a href="${pageContext.request.contextPath}/login">Se connecter</a></button>
<a class="button" href="${pageContext.request.contextPath}/login">Se connecter</a>
<% }
if (currentPage == "login" || currentPage == "forgotten-password" || currentPage == "reset-password") { %>
<button> <a href="${pageContext.request.contextPath}/register">S'inscrire</a></button>
<a class="button" href="${pageContext.request.contextPath}/register">S'inscrire</a>
<% } else if (currentPage == "main-menu"){ %>
<% User user = (User) request.getAttribute("user"); %>
<p>
pseudo: <%= user != null ? user.getUsername() : "anonyme"%> <br/>
nombre de victoires: <%= user != null ? user.getNbWin() : "0" %>
</p>
<button><a href="${pageContext.request.contextPath}/logout">Se déconnecter</a></button>
<div class="content">
<% User user = (User) request.getAttribute("user"); %>
<p class="user">
<%= user != null ? user.getUsername() : "anonyme"%> <br/>
<%= user != null ? user.getNbWin() : "0" %> victoires
</p>
<a class="button" href="${pageContext.request.contextPath}/logout">Se déconnecter</a>
</div>
<% } %>
</nav>
S2/DevWeb/Projet/src/main/webapp/WEB-INF/views/index.jsp
+28
View File
@@ -0,0 +1,28 @@
<%--
Created by IntelliJ IDEA.
User: kmitr
Date: 03/04/2024
Time: 14:48
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
<title>Card Rush</title>
<link href="${pageContext.request.contextPath}/static/css/global.css" rel="stylesheet">
<link href="${pageContext.request.contextPath}/static/css/index.css" rel="stylesheet">
<meta charset="utf-8">
</head>
<body>
<%@include file="../components/navbar.jsp" %>
<div class="content">
<h1>Plongez dans l'excitation de cardRush!</h1>
<p>Défiez votre réactivité et dominez le jeu avec des amis dans cette course effrénée aux cartes ! Rejoignez maintenant pour vivre l'adrénaline.</p>
<div class="buttons">
<a class="button" href="${pageContext.request.contextPath}/register">S'inscrire</a>
<a class="button" href="${pageContext.request.contextPath}/login">Se connecter</a>
</div>
</div>
</body>
</html>
S2/DevWeb/Projet/src/main/webapp/WEB-INF/views/login.jsp
+17 -20
View File
@@ -3,6 +3,7 @@
<html>
<head>
<title> Cards Rush - Connexion</title>
<link href="${pageContext.request.contextPath}/static/css/global.css" rel="stylesheet">
<link href="${pageContext.request.contextPath}/static/css/login.css" rel="stylesheet">
<script src="${pageContext.request.contextPath}/static/js/login.js" defer></script>
<meta charset="utf-8">
@@ -10,31 +11,27 @@
<body>
<%@include file="../components/navbar.jsp"%>
<main>
<section id="title">Cards Rush</section>
<section id="form">
<div class="border-left"></div>
<div class="flex-column login-gap">
<div>
<h1>Login</h1>
<form id="login-form" action="${pageContext.request.contextPath}/api/auth/login" method="POST">
<div class="flex-column login-gap">
<div>
<h1>Se connecter</h1>
<form id="login-form" action="${pageContext.request.contextPath}/api/auth/login" method="POST">
<label id="username-label" for="username">Username:</label>
<input type="text" id="username" name="username" required>
<label id="username-label" for="username">Username:</label>
<input type="text" id="username" name="username" required>
<label id="password-label" for="password">Password:</label>
<input type="password" id="password" name="password" required>
<label id="password-label" for="password">Password:</label>
<input type="password" id="password" name="password" required>
<input id="login-submit" type="submit" value="Login">
<input class="button" id="login-submit" type="submit" value="Login">
</form>
</div>
<div>
<p><a href="${pageContext.request.contextPath}/forgotten-password">Forgotten password?</a></p>
<hr>
<p>Don't have an account? <a href="${pageContext.request.contextPath}/register">Register</a></p>
</div>
</form>
</div>
</section>
<div>
<p><a href="${pageContext.request.contextPath}/forgotten-password">Forgotten password?</a></p>
<hr>
<p>Don't have an account? <a href="${pageContext.request.contextPath}/register">Register</a></p>
</div>
</div>
</main>
</body>
</html>
S2/DevWeb/Projet/src/main/webapp/WEB-INF/views/main-menu.jsp
+6 -4
View File
@@ -5,7 +5,9 @@
<html>
<head>
<title>Cards Rush</title>
<%-- <link href="${pageContext.request.contextPath}/static/css/main-menu.css" rel="stylesheet">--%>
<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/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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
@@ -14,10 +16,10 @@
<%@include file="../components/navbar.jsp"%>
<main>
<section id="main">
<h1 id="Title">Titre du jeu</h1>
<h1 id="title">Cards Rush!</h1>
<div class="main-button">
<button class="modal-toggle" data-target="#newGameModal" >Nouvelle Partie</button>
<button class="modal-toggle" data-target="#statisticsModal" >Statistiques</button>
<button class="modal-toggle button" data-target="#newGameModal" >Nouvelle Partie</button>
<button class="modal-toggle button" data-target="#statisticsModal" >Statistiques</button>
</div>
</section>
<%@include file="../components/new-game.jsp"%>
S2/DevWeb/Projet/src/main/webapp/WEB-INF/views/register.jsp
+4 -7
View File
@@ -3,18 +3,16 @@
<html>
<head>
<title>Register</title>
<link href="${pageContext.request.contextPath}/static/css/global.css" rel="stylesheet">
<link href="${pageContext.request.contextPath}/static/css/login.css" rel="stylesheet">
<script src="${pageContext.request.contextPath}/static/js/register.js" defer></script>
</head>
<body>
<%@include file="../components/navbar.jsp"%>
<main>
<section id="title">Inscription</section>
<section id="form">
<div class="border-left"></div>
<div class="flex-column register-gap">
<div>
<h1>Register</h1>
<h1>S'inscrire</h1>
<form id="register-form" action="${pageContext.request.contextPath}/api/auth/register" method="POST">
<label for="email">Email :</label>
@@ -26,7 +24,7 @@
<label for="password">Mot de passe :</label>
<input type="password" id="password" name="password" required>
<label for="confirmPassword">Confirmez le mot de pass :</label>
<label for="confirmPassword">Confirmez le mot de passe :</label>
<input type="password" id="confirmPassword" name="confirmPassword" required>
<label for="birthdate">Date de naissance :</label>
@@ -40,7 +38,7 @@
<option value="OTHER">Autre</option>
</select>
<input id="register-submit" type="submit" value="Register">
<input class="button" id="register-submit" type="submit" value="Register">
</form>
</div>
<div>
@@ -48,7 +46,6 @@
<p>Déjà un compte ? <a href="${pageContext.request.contextPath}/login">Se connecter</a></p>
</div>
</div>
</section>
</main>
</body>