Merge sur devellop de release/Login et release/Migration
This commit is contained in:
commit
1d7790817a
2
.gitignore
vendored
2
.gitignore
vendored
@ -187,5 +187,5 @@ fabric.properties
|
|||||||
/web/js/
|
/web/js/
|
||||||
|
|
||||||
# End of https://www.toptal.com/developers/gitignore/api/symfony,phpstorm,git
|
# End of https://www.toptal.com/developers/gitignore/api/symfony,phpstorm,git
|
||||||
.idea/
|
|
||||||
/vendor/
|
/vendor/
|
||||||
|
.idea/
|
||||||
@ -1,3 +1 @@
|
|||||||
body {
|
|
||||||
background-color: skyblue;
|
|
||||||
}
|
|
||||||
|
|||||||
84
assets/styles/login.css
Normal file
84
assets/styles/login.css
Normal file
@ -0,0 +1,84 @@
|
|||||||
|
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;
|
||||||
|
}
|
||||||
BIN
public/asset/image/BackgroundLogin.jpg
Normal file
BIN
public/asset/image/BackgroundLogin.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 MiB |
BIN
public/asset/image/CircleBackground.png
Normal file
BIN
public/asset/image/CircleBackground.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 53 KiB |
BIN
public/asset/image/LogoHegre.png
Normal file
BIN
public/asset/image/LogoHegre.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
23
src/Controller/LoginController.php
Normal file
23
src/Controller/LoginController.php
Normal file
@ -0,0 +1,23 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
namespace App\Controller;
|
||||||
|
|
||||||
|
use App\Form\LoginFormType;
|
||||||
|
use Symfony\Bundle\FrameworkBundle\Controller\AbstractController;
|
||||||
|
use Symfony\Component\HttpFoundation\Request;
|
||||||
|
use Symfony\Component\HttpFoundation\Response;
|
||||||
|
use Symfony\Component\Routing\Attribute\Route;
|
||||||
|
|
||||||
|
class LoginController extends AbstractController
|
||||||
|
{
|
||||||
|
#[Route('/login', name: 'app_login')]
|
||||||
|
public function index(Request $request): Response
|
||||||
|
{
|
||||||
|
$form = $this->createForm(LoginFormType::class);
|
||||||
|
$form->handleRequest($request);
|
||||||
|
|
||||||
|
return $this->render('login/login.html.twig',[
|
||||||
|
'form' => $form->createView(),
|
||||||
|
]);
|
||||||
|
}
|
||||||
|
}
|
||||||
34
src/Form/LoginFormType.php
Normal file
34
src/Form/LoginFormType.php
Normal file
@ -0,0 +1,34 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
namespace App\Form;
|
||||||
|
|
||||||
|
use Symfony\Component\Form\AbstractType;
|
||||||
|
use Symfony\Component\Form\Extension\Core\Type\EmailType;
|
||||||
|
use Symfony\Component\Form\Extension\Core\Type\PasswordType;
|
||||||
|
use Symfony\Component\Form\Extension\Core\Type\SubmitType;
|
||||||
|
use Symfony\Component\Form\FormBuilderInterface;
|
||||||
|
use Symfony\Component\OptionsResolver\OptionsResolver;
|
||||||
|
|
||||||
|
class LoginFormType extends AbstractType
|
||||||
|
{
|
||||||
|
public function buildForm(FormBuilderInterface $builder, array $options): void
|
||||||
|
{
|
||||||
|
$builder
|
||||||
|
->add('email', EmailType::class, [
|
||||||
|
'label' => 'Email',
|
||||||
|
])
|
||||||
|
->add('password', PasswordType::class, [
|
||||||
|
'label' => 'Mot de passe',
|
||||||
|
])
|
||||||
|
->add('confirm', SubmitType::class, [
|
||||||
|
'label' => 'Connexion',
|
||||||
|
]);
|
||||||
|
}
|
||||||
|
|
||||||
|
public function configureOptions(OptionsResolver $resolver): void
|
||||||
|
{
|
||||||
|
$resolver->setDefaults([
|
||||||
|
// Configure your form options here
|
||||||
|
]);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -3,7 +3,10 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<title>{% block title %}Welcome!{% endblock %}</title>
|
<title>{% block title %}Welcome!{% endblock %}</title>
|
||||||
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
|
<link rel="" href="">
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Qwitcher+Grypen:wght@400;700&display=swap" rel="stylesheet">
|
||||||
{% block stylesheets %}
|
{% block stylesheets %}
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
|
|||||||
122
templates/login/login.html.twig
Normal file
122
templates/login/login.html.twig
Normal file
@ -0,0 +1,122 @@
|
|||||||
|
{% 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">
|
||||||
|
<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>
|
||||||
|
<h1 class="Title2">Volaille en fête, Saveurs parfaites !</h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% endblock %}
|
||||||
Loading…
Reference in New Issue
Block a user