Update inscription.php
This commit is contained in:
Bess1k
GitHub
parent
45e80ea4d3
commit
20de0c40fb
1 changed files with 172 additions and 155 deletions
|
|
@ -1,175 +1,192 @@
|
||||||
|
<!-- Page : Inscription -->
|
||||||
|
<main class="container py-5">
|
||||||
|
|
||||||
<!-- Contenu principal de la page -->
|
<!-- Centrage du formulaire -->
|
||||||
<main class="container py-5">
|
<div class="row justify-content-center">
|
||||||
|
|
||||||
<!-- Centrage horizontal du formulaire -->
|
|
||||||
<div class="row justify-content-center">
|
|
||||||
<div class="col-12 col-md-10 col-lg-6">
|
<div class="col-12 col-md-10 col-lg-6">
|
||||||
|
|
||||||
<!-- Carte contenant le formulaire d'inscription -->
|
<!-- Carte Bootstrap contenant le formulaire -->
|
||||||
<div class="card shadow-sm border-0 rounded-4 p-4 p-lg-5">
|
<div class="card shadow-sm border-0 rounded-4 p-4 p-lg-5">
|
||||||
|
|
||||||
<!-- Titre principal de la page -->
|
<!-- Titre et description -->
|
||||||
<h1 class="h3 fw-bold mb-1">Inscription</h1>
|
<h1 class="h3 fw-bold mb-1">Inscription</h1>
|
||||||
|
<p class="text-secondary mb-4">
|
||||||
|
Créez votre compte utilisateur.
|
||||||
|
</p>
|
||||||
|
|
||||||
<!-- Texte descriptif -->
|
<?php
|
||||||
<p class="text-secondary mb-4">
|
// Affichage des messages d'erreur du formulaire, l'affichage en Bootstrap (validation côté serveur)
|
||||||
Créez votre compte utilisateur.
|
if (!empty($arrError)) { ?>
|
||||||
</p>
|
<div class="alert alert-danger" role="alert">
|
||||||
|
<?php foreach ($arrError as $strError) { ?>
|
||||||
<!-- Formulaire d'inscription -->
|
<p class="mb-0">
|
||||||
<!-- Les données seront traitées côté serveur en PHP via la méthode POST -->
|
<?php echo htmlspecialchars($strError); ?>
|
||||||
<form method="POST">
|
</p>
|
||||||
|
<?php } ?>
|
||||||
<div class="row g-3">
|
|
||||||
|
|
||||||
<!-- Champ : prénom de l'utilisateur -->
|
|
||||||
<div class="col-md-6">
|
|
||||||
<label class="form-label" for="user_firstname">
|
|
||||||
Prénom *
|
|
||||||
</label>
|
|
||||||
<input
|
|
||||||
class="form-control"
|
|
||||||
type="text"
|
|
||||||
id="user_firstname"
|
|
||||||
name="user_firstname"
|
|
||||||
required
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Champ : nom de l'utilisateur -->
|
|
||||||
<div class="col-md-6">
|
|
||||||
<label class="form-label" for="user_name">
|
|
||||||
Nom *
|
|
||||||
</label>
|
|
||||||
<input
|
|
||||||
class="form-control"
|
|
||||||
type="text"
|
|
||||||
id="user_name"
|
|
||||||
name="user_name"
|
|
||||||
required
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Champ : pseudo (identifiant public de l'utilisateur) -->
|
|
||||||
<div class="col-12">
|
|
||||||
<label class="form-label" for="user_pseudo">
|
|
||||||
Pseudo *
|
|
||||||
</label>
|
|
||||||
<div class="input-group">
|
|
||||||
<span class="input-group-text">@</span>
|
|
||||||
<input
|
|
||||||
class="form-control"
|
|
||||||
type="text"
|
|
||||||
id="user_pseudo"
|
|
||||||
name="user_pseudo"
|
|
||||||
required
|
|
||||||
>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<?php } ?>
|
||||||
|
|
||||||
<!-- Champ : adresse e-mail -->
|
<!-- Formulaire d'inscription -->
|
||||||
<div class="col-12">
|
<!-- Les données sont envoyées en POST vers la méthode signin du user_controller.php -->
|
||||||
<label class="form-label" for="user_mail">
|
<form method="POST" action="index.php?ctrl=user&action=signin">
|
||||||
Adresse e-mail *
|
|
||||||
</label>
|
|
||||||
<input
|
|
||||||
class="form-control"
|
|
||||||
type="email"
|
|
||||||
id="user_mail"
|
|
||||||
name="user_mail"
|
|
||||||
required
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Champ : mot de passe -->
|
<div class="row g-3">
|
||||||
<div class="col-12">
|
|
||||||
<label class="form-label" for="user_password">
|
|
||||||
Mot de passe *
|
|
||||||
</label>
|
|
||||||
<input
|
|
||||||
class="form-control"
|
|
||||||
type="password"
|
|
||||||
id="user_password"
|
|
||||||
name="user_password"
|
|
||||||
required
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Champ optionnel : numéro de téléphone -->
|
<!-- Champ : Nom -->
|
||||||
<div class="col-12">
|
<div class="col-md-6">
|
||||||
<label class="form-label" for="user_phone">
|
<label class="form-label" for="user_name">
|
||||||
Téléphone
|
Nom *
|
||||||
</label>
|
</label>
|
||||||
<input
|
<input
|
||||||
class="form-control"
|
class="form-control <?php if (isset($arrError['user_name'])) echo 'is-invalid'; ?>"
|
||||||
type="text"
|
type="text"
|
||||||
id="user_phone"
|
id="user_name"
|
||||||
name="user_phone"
|
name="user_name"
|
||||||
>
|
value="<?php echo htmlspecialchars($objUser->getName()); ?>"
|
||||||
</div>
|
required
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- Champ optionnel : profession de l'utilisateur -->
|
<!-- Champ : Prénom -->
|
||||||
<div class="col-12">
|
<div class="col-md-6">
|
||||||
<label class="form-label" for="user_work">
|
<label class="form-label" for="user_firstname">
|
||||||
Profession
|
Prénom *
|
||||||
</label>
|
</label>
|
||||||
<input
|
<input
|
||||||
class="form-control"
|
class="form-control <?php if (isset($arrError['user_firstname'])) echo 'is-invalid'; ?>"
|
||||||
type="text"
|
type="text"
|
||||||
id="user_work"
|
id="user_firstname"
|
||||||
name="user_work"
|
name="user_firstname"
|
||||||
>
|
value="<?php echo htmlspecialchars($objUser->getFirstname()); ?>"
|
||||||
</div>
|
required
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- Champ optionnel : localisation de l'utilisateur -->
|
<!-- Champ : Pseudo -->
|
||||||
<div class="col-12">
|
<div class="col-12">
|
||||||
<label class="form-label" for="user_location">
|
<label class="form-label" for="user_pseudo">
|
||||||
Localisation
|
Pseudo *
|
||||||
</label>
|
</label>
|
||||||
<input
|
<div class="input-group">
|
||||||
class="form-control"
|
<span class="input-group-text">@</span>
|
||||||
type="text"
|
<input
|
||||||
id="user_location"
|
class="form-control <?php if (isset($arrError['user_pseudo'])) echo 'is-invalid'; ?>"
|
||||||
name="user_location"
|
type="text"
|
||||||
>
|
id="user_pseudo"
|
||||||
</div>
|
name="user_pseudo"
|
||||||
|
value="<?php echo htmlspecialchars($objUser->getPseudo()); ?>"
|
||||||
|
required
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- Champ optionnel : phrase d'accroche / description courte -->
|
<!-- Champ : Adresse e-mail -->
|
||||||
<div class="col-12">
|
<div class="col-12">
|
||||||
<label class="form-label" for="user_description">
|
<label class="form-label" for="user_mail">
|
||||||
Phrase d'accroche
|
Adresse e-mail *
|
||||||
</label>
|
</label>
|
||||||
<textarea
|
<input
|
||||||
class="form-control"
|
class="form-control <?php if (isset($arrError['user_mail'])) echo 'is-invalid'; ?>"
|
||||||
id="user_description"
|
type="email"
|
||||||
name="user_description"
|
id="user_mail"
|
||||||
rows="3"
|
name="user_mail"
|
||||||
></textarea>
|
value="<?php echo htmlspecialchars($objUser->getMail()); ?>"
|
||||||
</div>
|
required
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- Bouton de soumission du formulaire -->
|
<!-- Champ : Mot de passe -->
|
||||||
<div class="col-12 d-grid mt-2">
|
<div class="col-12">
|
||||||
<button type="submit" class="btn btn-primary btn-lg rounded-3">
|
<label class="form-label" for="user_password">
|
||||||
Créer mon compte
|
Mot de passe *
|
||||||
</button>
|
</label>
|
||||||
</div>
|
<input
|
||||||
|
class="form-control <?php if (isset($arrError['user_password'])) echo 'is-invalid'; ?>"
|
||||||
|
type="password"
|
||||||
|
id="user_password"
|
||||||
|
name="user_password"
|
||||||
|
required
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- Lien vers la page de connexion -->
|
<!-- Champ : Confirmation du mot de passe -->
|
||||||
<div class="col-12 text-center">
|
<div class="col-12">
|
||||||
<small class="text-secondary">
|
<label class="form-label" for="pwd_confirm">
|
||||||
Déjà un compte ?
|
Confirmation du mot de passe *
|
||||||
<a href="connexion.php">Se connecter</a>
|
</label>
|
||||||
</small>
|
<input
|
||||||
</div>
|
class="form-control <?php if (isset($arrError['pwd_confirm'])) echo 'is-invalid'; ?>"
|
||||||
|
type="password"
|
||||||
|
id="pwd_confirm"
|
||||||
|
name="pwd_confirm"
|
||||||
|
required
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Champ optionnel : numéro de téléphone -->
|
||||||
|
<div class="col-12">
|
||||||
|
<label class="form-label" for="user_phone">
|
||||||
|
Téléphone
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
class="form-control"
|
||||||
|
type="text"
|
||||||
|
id="user_phone"
|
||||||
|
name="user_phone"
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
<!-- Champ optionnel : profession de l'utilisateur -->
|
||||||
</form>
|
<div class="col-12">
|
||||||
|
<label class="form-label" for="user_work">
|
||||||
|
Profession
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
class="form-control"
|
||||||
|
type="text"
|
||||||
|
id="user_work"
|
||||||
|
name="user_work"
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Champ optionnel : localisation de l'utilisateur -->
|
||||||
|
<div class="col-12">
|
||||||
|
<label class="form-label" for="user_location">
|
||||||
|
Localisation
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
class="form-control"
|
||||||
|
type="text"
|
||||||
|
id="user_location"
|
||||||
|
name="user_location"
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Champ optionnel : phrase d'accroche / description courte -->
|
||||||
|
<div class="col-12">
|
||||||
|
<label class="form-label" for="user_description">
|
||||||
|
Phrase d'accroche
|
||||||
|
</label>
|
||||||
|
<textarea
|
||||||
|
class="form-control"
|
||||||
|
id="user_description"
|
||||||
|
name="user_description"
|
||||||
|
rows="3"
|
||||||
|
></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Bouton de soumission -->
|
||||||
|
<div class="col-12 d-grid mt-2">
|
||||||
|
<button type="submit" class="btn btn-primary btn-lg rounded-3">
|
||||||
|
Créer mon compte
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue