Ajout d'un controlleur et form User pour ajouter un Utilisateurs dans la table avec le password Hash et le role au formet Array Ajout de l'Authenticator pour verifier le Login Nouveau Form pour le login, permet le login correctement Changement des Vu pour Login, permet de POST le password et le mail correctement Ajout d'un IndexController pour les tests Changement du Utilisateurs.php (Table) pour mettre le Login correctement en place (Ajout du systele de login symfony, Mot_de_Passe -> Password, Mail -> UserIdentifier)
125 lines
2.9 KiB
Twig
125 lines
2.9 KiB
Twig
{% extends 'base.html.twig' %}
|
|
|
|
{% block stylesheets %}
|
|
<link rel="stylesheet" href="../../../assets/styles/login.css">
|
|
{% endblock %}
|
|
|
|
|
|
{% block title %}Login{% endblock %}
|
|
|
|
{% block body %}
|
|
|
|
<style>
|
|
html {
|
|
background-image: url("asset/image/BackgroundLogin.jpg"); background-repeat: no-repeat; background-size: cover;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
body {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.Login {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.Circle {
|
|
background: #db5559;
|
|
width: 41%;
|
|
height: 80%;
|
|
margin: 0 auto;
|
|
border-style: solid;
|
|
border-radius: 50%;
|
|
border-color: white;
|
|
border-width: 5px;
|
|
}
|
|
.Form {
|
|
background: #791c1c;
|
|
height: 40%;
|
|
width: 55%;
|
|
margin: auto;
|
|
border-style: solid;
|
|
border-radius: 50px;
|
|
border-color: white;
|
|
border-width: 2px;
|
|
text-align: center;
|
|
font-family: "Qwitcher Grypen", cursive;
|
|
font-size: 40px;
|
|
font-style: italic;
|
|
color: white;
|
|
padding-bottom: 0;
|
|
|
|
}
|
|
|
|
.Logo {
|
|
display: flex;
|
|
margin: auto;
|
|
margin-top: 8%;
|
|
}
|
|
|
|
.Title1 {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.Title2 {
|
|
display: grid;
|
|
place-items: center;
|
|
height: 7vh;
|
|
color: black;
|
|
font-family: "Qwitcher Grypen", cursive;
|
|
font-size: 40px;
|
|
margin: 0;
|
|
}
|
|
|
|
.form-group{
|
|
display: grid;
|
|
place-items: center;
|
|
height: 7vh;
|
|
align-items: center;
|
|
text-align: center;
|
|
/*margin-bottom: 10px;*/
|
|
}
|
|
|
|
.form-control{
|
|
background-color: #f19595;
|
|
margin-left: 10px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.btn{
|
|
background-color: #279b63;
|
|
border-radius: 6px;
|
|
height: 30px;
|
|
}
|
|
|
|
</style>
|
|
|
|
<div class="Login">
|
|
<div class="Circle">
|
|
<img src="asset/image/LogoHegre.png" class="Logo">
|
|
<form action="{{ path('login') }}" method="post">
|
|
<div class="Form">
|
|
{{ form_start(form) }}
|
|
<h1 class="Title1">Bienvenue !</h1>
|
|
<div class="form-group">
|
|
{{ form_label(form.email) }}
|
|
{{ form_widget(form.email, {'attr': {'class': 'form-control'}}) }}
|
|
</div>
|
|
<div class="form-group">
|
|
{{ form_label(form.password) }}
|
|
{{ form_widget(form.password, {'attr': {'class': 'form-control'}}) }}
|
|
</div>
|
|
<div class="form-group">
|
|
{{ form_widget(form.confirm, {'attr': {'class': 'btn btn-primary'}}) }}
|
|
</div>
|
|
{{ form_end(form) }}
|
|
</div>
|
|
</form>
|
|
<h1 class="Title2">Volaille en fête, Saveurs parfaites !</h1>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|