sorlinv/dr_who_website
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

init medias folder

Browse Source
This commit is contained in:
Isidoris2
2023-01-06 17:00:19 +01:00
parent 2d9bf66b7a
commit ed25baf5f1
31 changed files with 216 additions and 906 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
templates/forms/user/register.html.twig
View File

@@ -1,78 +1,37 @@
<form class="" action="/register" method="post" enctype="multipart/form-data">
{# Error message #}
{% if message_register is defined %}<div class="text-danger font-weight-bold mt-3">{{ message_register }}</div>{% endif %}
{% if message_register is defined %}<div class="text-danger font-weight-bold ">{{ message_register }}</div>{% endif %}
{# UserName #}
<div class="form-floating mt-3">
<input class="form-control" name="username" type="text" placeholder="JohnDoe" required>
<div class="">
<label for="username">Nom d'utilisateur</label>
<input name="username" type="text" placeholder="JohnDoe" required>
</div>
{# Email #}
<div class="form-floating mt-3">
<input class="form-control" name="email" type="email" placeholder = "mail@example.com" required>
<div class="">
<label for="username">Email</label>
<input name="email" type="email" placeholder = "mail@example.com" required>
</div>
{# Password #}
<div class="form-floating mt-3">
<input class="form-control rounded-4" name="password" type="password" placeholder="mdp" required>
<div class="">
<label for="password">Mot de passe</label>
<input name="password" type="password" placeholder="mdp" required>
</div>
{# Password again #}
<div class="form-floating mt-3">
<input class="form-control" name="repassword" type="password" placeholder="mdp" required>
<div class="">
<label for="repassword">Confirmez le mot de passe</label>
<input name="repassword" type="password" placeholder="mdp" required>
</div>
{# Image #}
<div class="form-group mt-3">
<label for="input-image" class="input-label-img d-flex">
<input name="image" type="file" accept="image/png, image/jpg, image/gif, image/jpeg"/>
<div class="">
<label for="input-image">
<span>Image de profil </span>
<input name="image" type="file" accept="image/png, image/jpg, image/gif, image/jpeg"/>
</label>
{# <label class="" for="image">Image</label>
<input class="form-control" name="image" type="file"> #}
</div>
{# Submit button #}
<button class="w-100 mt-3 mb-3 btn btn-lg rounded-4 btn-primary" type="submit">S'inscrire</button>
{# Login #}
<button type="submit">S'inscrire</button>
<div id="g_id_onload"
data-client_id="1041713159432-vad6qp7ce7p9iid9qjdiopi7n6ajvmtv.apps.googleusercontent.com"
data-login_uri="/auth"
data-auto_prompt="false"
></div>
<button class="g_id_signin"></button>
<a href="/forgotpassword" class="color-hover">Mot de passe oublié ?</a><br>
<a href="/login" class="color-hover">Se connecter</a>
{# Divider #}
<hr class="my-4">
{# Third-Party #}
<h2 class="fs-5 fw-bold mb-3 text-center">Ou</h2>
{# Google #}
<div id="g_id_onload"
data-client_id="723424966880-015kn0qncavlgbj4j3k1ggs3arn7tdkd.apps.googleusercontent.com"
data-login_uri="/auth"
data-auto_prompt="false">
</div>
<div class="g_id_signin d-flex justify-content-center mb-2"
data-type="standard"
data-size="large"
data-theme="filled_black"
data-text="sign_in_with"
data-shape="rectangular"
data-logo_alignment="left">
</div>
{# GitHub #}
<button class=" w-100 py-2 mb-2 btn btn-outline-secondary rounded-4" type="submit">
<span class="mdi mdi-github"></span>
Se connecter avec GitHub
</button>
</form>
{# CSS #}
<style media= "screen" >
.input-label-img {
border: 1px solid #ccc;
display: inline-block;
padding: 6px 12px;
cursor: pointer;
width: 100%;
border-radius: 0.25rem;
height: calc(3.5rem + 2px);
padding: 1rem 0.75rem;
}
.input-label-img > input {
display: none;
}
</style>
<hr>
</form>