mirror of
https://github.com/kmitresse/Cards-Rush.git
synced 2026-07-09 21:37:46 +00:00
feat!(DevWeb): Add BulmaCSS, refacto, handle error on login pages, use bean, filters and tags
This commit is contained in:
Lucàs
@@ -0,0 +1,33 @@
|
||||
<%--
|
||||
Created by IntelliJ IDEA.
|
||||
User: lucas
|
||||
Date: 20/03/2024
|
||||
Time: 16:47
|
||||
To change this template use File | Settings | File Templates.
|
||||
--%>
|
||||
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
||||
<html>
|
||||
<head>
|
||||
<title>Forgotten Password</title>
|
||||
<meta charset="UTF-8">
|
||||
<%-- <link href="${pageContext.request.contextPath}/static/css/forgotten-password.css" rel="stylesheet">--%>
|
||||
<script src="${pageContext.request.contextPath}/static/js/forgotten-password.js" defer></script>
|
||||
</head>
|
||||
<body>
|
||||
<%@include file="../components/navbar.jsp"%>
|
||||
<main>
|
||||
<h1>Mot de passe oublié</h1>
|
||||
<p>Entrer votre email pour recevoir un lien de récupération</p>
|
||||
<form id="forgottenPasswordForm" action="forgotten-password" method="post">
|
||||
<label for="email">Email</label>
|
||||
<input type="email" id="email" name="email" required>
|
||||
<button type="submit">Send</button>
|
||||
</form>
|
||||
<%if(request.getParameter("error") != null && request.getParameter("error").equals("1")){%>
|
||||
<p>L'adresse mail insérée est incorrecte</p>
|
||||
<%} else if (request.getParameter("success") != null) {%>
|
||||
<p>Un email vous a été envoyé</p>
|
||||
<%}%>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,30 @@
|
||||
<%--
|
||||
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 rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap">
|
||||
<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>
|
||||
@@ -0,0 +1,24 @@
|
||||
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
|
||||
<%@taglib prefix="layout" tagdir="/WEB-INF/tags/layouts" %>
|
||||
<%@taglib prefix="component" tagdir="/WEB-INF/tags/components" %>
|
||||
<%@taglib prefix="form" tagdir="/WEB-INF/tags/forms" %>
|
||||
|
||||
<layout:base>
|
||||
<jsp:attribute name="title">Cards Rush - Connexion</jsp:attribute>
|
||||
<jsp:body>
|
||||
<div class="hero is-light is-fullheight-with-navbar">
|
||||
<div class="hero-body">
|
||||
<div class="container">
|
||||
<div class="columns is-centered">
|
||||
<div class="column is-5-tablet is-5-desktop is-5-widescreen">
|
||||
<div class="box">
|
||||
<h1 class="title has-text-centered">Se connecter</h1>
|
||||
<form:login/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</jsp:body>
|
||||
</layout:base>
|
||||
@@ -0,0 +1,61 @@
|
||||
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
|
||||
<%@taglib prefix="layout" tagdir="/WEB-INF/tags/layouts" %>
|
||||
<%@taglib prefix="component" tagdir="/WEB-INF/tags/components" %>
|
||||
<%@taglib prefix="form" tagdir="/WEB-INF/tags/forms" %>
|
||||
|
||||
<layout:base>
|
||||
<jsp:attribute name="title">Menu principal</jsp:attribute>
|
||||
<jsp:body>
|
||||
<div class="hero is-light is-fullheight-with-navbar">
|
||||
<div class="hero-body">
|
||||
<div class="container">
|
||||
<div class="columns is-centered">
|
||||
<div class="column is-5-tablet is-5-desktop is-5-widescreen">
|
||||
<component:card>
|
||||
<jsp:attribute name="card_head">
|
||||
|
||||
</jsp:attribute>
|
||||
<jsp:attribute name="card_content">
|
||||
<%-- <form:newGame/>--%>
|
||||
</jsp:attribute>
|
||||
</component:card>
|
||||
</div>
|
||||
<div class="column is-5-tablet is-5-desktop is-5-widescreen">
|
||||
<component:connectedUserList/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</jsp:body>
|
||||
</layout:base>
|
||||
|
||||
<%--<!DOCTYPE html>--%>
|
||||
<%--<html>--%>
|
||||
<%--<head>--%>
|
||||
<%-- <title>Cards Rush</title>--%>
|
||||
<%-- <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap">--%>
|
||||
<%-- <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>--%>
|
||||
<%-- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">--%>
|
||||
<%-- <script defer src="${pageContext.request.contextPath}/static/js/main-menu.js"></script>--%>
|
||||
<%--</head>--%>
|
||||
<%--<body>--%>
|
||||
<%--<%@include file="../components/navbar.jsp" %>--%>
|
||||
<%--<main>--%>
|
||||
<%-- <section id="main">--%>
|
||||
<%-- <h1 id="title">Cards Rush!</h1>--%>
|
||||
<%-- <div class="main-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" %>--%>
|
||||
<%-- <%@include file="../components/statistics.jsp" %>--%>
|
||||
<%--</main>--%>
|
||||
<%--</body>--%>
|
||||
<%--</html>--%>
|
||||
@@ -0,0 +1,76 @@
|
||||
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
|
||||
<%@taglib prefix="layout" tagdir="/WEB-INF/tags/layouts" %>
|
||||
<%@taglib prefix="component" tagdir="/WEB-INF/tags/components" %>
|
||||
<%@taglib prefix="form" tagdir="/WEB-INF/tags/forms" %>
|
||||
|
||||
<layout:base>
|
||||
<jsp:attribute name="title">Cards Rush - Inscription</jsp:attribute>
|
||||
<jsp:body>
|
||||
<div class="hero is-light is-fullheight-with-navbar">
|
||||
<div class="hero-body">
|
||||
<div class="container">
|
||||
<div class="columns is-centered">
|
||||
<div class="column is-5-tablet is-5-desktop is-5-widescreen">
|
||||
<div class="box">
|
||||
<h1 class="title has-text-centered">S'inscrire</h1>
|
||||
<form:register/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</jsp:body>
|
||||
</layout:base>
|
||||
|
||||
<%--<!DOCTYPE html>--%>
|
||||
<%--<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>--%>
|
||||
<%-- <div class="flex-column register-gap">--%>
|
||||
<%-- <div>--%>
|
||||
<%-- <h1>S'inscrire</h1>--%>
|
||||
<%-- <form id="register-form" action="${pageContext.request.contextPath}/api/auth/register" method="POST">--%>
|
||||
|
||||
<%-- <label for="email">Email :</label>--%>
|
||||
<%-- <input type="email" id="email" name="email" required>--%>
|
||||
|
||||
<%-- <label for="username">Nom d'utilisateur :</label>--%>
|
||||
<%-- <input type="text" id="username" name="username" required>--%>
|
||||
|
||||
<%-- <label for="password">Mot de passe :</label>--%>
|
||||
<%-- <input type="password" id="password" name="password" required>--%>
|
||||
|
||||
<%-- <label for="confirmPassword">Confirmez le mot de passe :</label>--%>
|
||||
<%-- <input type="password" id="confirmPassword" name="confirmPassword" required>--%>
|
||||
|
||||
<%-- <label for="birthdate">Date de naissance :</label>--%>
|
||||
<%-- <input type="date" id="birthdate" name="birthdate" required>--%>
|
||||
|
||||
<%-- <label for="gender">Genre :</label>--%>
|
||||
<%-- <select name="gender" id="gender" required>--%>
|
||||
<%-- <option value="">--Choisissez une option--</option>--%>
|
||||
<%-- <option value="MALE">Homme</option>--%>
|
||||
<%-- <option value="FEMALE">Femme</option>--%>
|
||||
<%-- <option value="OTHER">Autre</option>--%>
|
||||
<%-- </select>--%>
|
||||
|
||||
<%-- <input class="button" id="register-submit" type="submit" value="Register">--%>
|
||||
<%-- </form>--%>
|
||||
<%-- </div>--%>
|
||||
<%-- <div>--%>
|
||||
<%-- <hr>--%>
|
||||
<%-- <p>Déjà un compte ? <a href="${pageContext.request.contextPath}/login">Se connecter</a></p>--%>
|
||||
<%-- </div>--%>
|
||||
<%-- </div>--%>
|
||||
<%--</main>--%>
|
||||
|
||||
<%--</body>--%>
|
||||
<%--</html>--%>
|
||||
@@ -0,0 +1,27 @@
|
||||
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
||||
<html>
|
||||
<head>
|
||||
<title>Récupération du mot de passe</title>
|
||||
<meta charset="UTF-8">
|
||||
<%-- <link href="${pageContext.request.contextPath}/static/css/reset-password.css" rel="stylesheet">--%>
|
||||
<script src="${pageContext.request.contextPath}/static/js/reset-password.js" defer></script>
|
||||
</head>
|
||||
<body>
|
||||
<%@include file="../components/navbar.jsp"%>
|
||||
<main>
|
||||
<jsp:include page="../components/navbar.jsp"/>
|
||||
<h1>Récupération du mot de passe</h1>
|
||||
<form id="resetPasswordForm" action="${pageContext.request.contextPath}/reset-password" method="post">
|
||||
<label for="newPassword">Nouveau mot de passe</label>
|
||||
<input type="password" id="newPassword" name="newPassword" required>
|
||||
<label for="confirmPassword">Confirmer le mot de passe</label>
|
||||
<input type="password" id="confirmPassword" name="confirmPassword" required>
|
||||
<% if (request.getParameter("error") != null && request.getParameter("error").equals("matching-password")) {%>
|
||||
<p>Les mots de passe ne correspondent pas</p>
|
||||
<% } %>
|
||||
<input type="hidden" name="token" value="${param.token}">
|
||||
<input type="submit" value="Valider">
|
||||
</form>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user