commit
70c4d731f0
@ -0,0 +1,119 @@
|
|||||||
|
@using Blazorise.Components;
|
||||||
|
@using System.ComponentModel.DataAnnotations;
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<link rel="stylesheet" href="css/composants/authentification/FormulaireConnexion.css" />
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<div class="connexion-container">
|
||||||
|
|
||||||
|
<h1 class="title-spacing"> S'inscrire </h1>
|
||||||
|
|
||||||
|
|
||||||
|
<Validations @ref="Validations" Mode="ValidationMode.Manual" Model="Requete">
|
||||||
|
|
||||||
|
<div class="field-container">
|
||||||
|
<Validation>
|
||||||
|
<Field Horizontal>
|
||||||
|
<FieldLabel ColumnSize="ColumnSize.Is2">Pseudo</FieldLabel>
|
||||||
|
<FieldBody ColumnSize="ColumnSize.Is10">
|
||||||
|
<TextEdit Placeholder="Entrez votre pseudo" @bind-Text="@Requete.Pseudo">
|
||||||
|
<Feedback>
|
||||||
|
<ValidationError />
|
||||||
|
</Feedback>
|
||||||
|
</TextEdit>
|
||||||
|
</FieldBody>
|
||||||
|
</Field>
|
||||||
|
</Validation>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="field-container">
|
||||||
|
<Validation>
|
||||||
|
<Field Horizontal>
|
||||||
|
<FieldLabel ColumnSize="ColumnSize.Is2">Prenom</FieldLabel>
|
||||||
|
<FieldBody ColumnSize="ColumnSize.Is10">
|
||||||
|
<TextEdit Placeholder="Entrez votre prenom" @bind-Text="@Requete.Prenom">
|
||||||
|
<Feedback>
|
||||||
|
<ValidationError />
|
||||||
|
</Feedback>
|
||||||
|
</TextEdit>
|
||||||
|
</FieldBody>
|
||||||
|
</Field>
|
||||||
|
</Validation>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="field-container">
|
||||||
|
<Validation>
|
||||||
|
<Field Horizontal>
|
||||||
|
<FieldLabel ColumnSize="ColumnSize.Is2">Nom</FieldLabel>
|
||||||
|
<FieldBody ColumnSize="ColumnSize.Is10">
|
||||||
|
<TextEdit Placeholder="Entrez votre nom" @bind-Text="@Requete.Nom">
|
||||||
|
<Feedback>
|
||||||
|
<ValidationError />
|
||||||
|
</Feedback>
|
||||||
|
</TextEdit>
|
||||||
|
</FieldBody>
|
||||||
|
</Field>
|
||||||
|
</Validation>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="field-container">
|
||||||
|
<Validation>
|
||||||
|
<Field Horizontal>
|
||||||
|
<FieldLabel ColumnSize="ColumnSize.Is2">Mail</FieldLabel>
|
||||||
|
<FieldBody ColumnSize="ColumnSize.Is10">
|
||||||
|
<TextEdit Placeholder="Entrez votre mail" @bind-Text="@Requete.Mail">
|
||||||
|
<Feedback>
|
||||||
|
<ValidationError />
|
||||||
|
</Feedback>
|
||||||
|
</TextEdit>
|
||||||
|
</FieldBody>
|
||||||
|
</Field>
|
||||||
|
</Validation>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="field-container">
|
||||||
|
<Validation>
|
||||||
|
<Field Horizontal>
|
||||||
|
<FieldLabel ColumnSize="ColumnSize.Is2">Mot de passe</FieldLabel>
|
||||||
|
<FieldBody ColumnSize="ColumnSize.Is10">
|
||||||
|
<TextEdit Placeholder="Entrez votre mot de passe" @bind-Text="@Requete.MotDePasse">
|
||||||
|
<Feedback>
|
||||||
|
<ValidationError />
|
||||||
|
</Feedback>
|
||||||
|
</TextEdit>
|
||||||
|
</FieldBody>
|
||||||
|
</Field>
|
||||||
|
</Validation>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="field-container">
|
||||||
|
<Validation>
|
||||||
|
<Field Horizontal>
|
||||||
|
<FieldLabel ColumnSize="ColumnSize.Is2">Confirmer le mot de passe</FieldLabel>
|
||||||
|
<FieldBody ColumnSize="ColumnSize.Is10">
|
||||||
|
<TextEdit Placeholder="Entrez votre mot de à nouveau" @bind-Text="@Requete.MotDePasseConfirmation">
|
||||||
|
<Feedback>
|
||||||
|
<ValidationError />
|
||||||
|
</Feedback>
|
||||||
|
</TextEdit>
|
||||||
|
</FieldBody>
|
||||||
|
</Field>
|
||||||
|
</Validation>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="btn-container">
|
||||||
|
<Button Class="btn-se-connecter" Clicked="@OnSubmit">
|
||||||
|
<Icon Name="Blazorise.Icons.FontAwesome.FontAwesomeIcons.CheckCircle" />
|
||||||
|
S'inscrire</Button>
|
||||||
|
<Button Class="btn-s-inscrire" Clicked="@OnAnnulation">
|
||||||
|
<Icon Name="Blazorise.Icons.FontAwesome.FontAwesomeIcons.Reply" />
|
||||||
|
Annuler</Button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<label class="text-danger">@Erreur</label>
|
||||||
|
|
||||||
|
</Validations>
|
||||||
|
|
||||||
|
</div>
|
||||||
@ -0,0 +1,43 @@
|
|||||||
|
using Blazorise;
|
||||||
|
using Microsoft.AspNetCore.Components;
|
||||||
|
using VeraxShield.composants.formulaires.modeles;
|
||||||
|
|
||||||
|
namespace VeraxShield.composants.authentification
|
||||||
|
{
|
||||||
|
public partial class FormulaireInscription
|
||||||
|
{
|
||||||
|
|
||||||
|
[Parameter]
|
||||||
|
public Validations Validations {get; set;}
|
||||||
|
|
||||||
|
public RequeteInscription Requete {get; set;}
|
||||||
|
|
||||||
|
[Inject]
|
||||||
|
private NavigationManager NavigationManager {get; set;}
|
||||||
|
|
||||||
|
[Inject]
|
||||||
|
private DonneurEtat DonneurEtat {get; set;}
|
||||||
|
|
||||||
|
public String Erreur {get; set; }
|
||||||
|
|
||||||
|
protected override async Task OnInitializedAsync()
|
||||||
|
{
|
||||||
|
this.Requete = new RequeteInscription();
|
||||||
|
await base.OnInitializedAsync();
|
||||||
|
}
|
||||||
|
|
||||||
|
public async Task OnSubmit()
|
||||||
|
{
|
||||||
|
if (await this.Validations.ValidateAll())
|
||||||
|
{
|
||||||
|
await DonneurEtat.Inscription(this.Requete);
|
||||||
|
NavigationManager.NavigateTo("/connexion");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
public async Task OnAnnulation()
|
||||||
|
{
|
||||||
|
this.NavigationManager.NavigateTo("/connexion");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,14 @@
|
|||||||
|
@using VeraxShield.composants.authentification;
|
||||||
|
|
||||||
|
@page "/inscription"
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<link rel="stylesheet" href="css/pages/authentification/Inscription.css" />
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<div class="centrer-composant">
|
||||||
|
|
||||||
|
<div class="formulaire-inscription">
|
||||||
|
<FormulaireInscription />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
@ -0,0 +1,17 @@
|
|||||||
|
<head>
|
||||||
|
<link rel="stylesheet" href="css/pages/erreurs/ErreurParDefaut.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<Div Margin="Margin.IsAuto.OnX" TextAlignment="TextAlignment.Center">
|
||||||
|
<Div Padding="Padding.Is5.OnY">
|
||||||
|
<DisplayHeading Size="DisplayHeadingSize.Is1" TextWeight="TextWeight.Bold" TextColor="TextColor.Primary" Margin="Margin.Is4.FromBottom">
|
||||||
|
500
|
||||||
|
</DisplayHeading>
|
||||||
|
<Paragraph TextSize="TextSize.ExtraLarge" Margin="Margin.Is4.FromBottom">
|
||||||
|
Error intern dau servidor.
|
||||||
|
</Paragraph>
|
||||||
|
<Paragraph Margin="Margin.Is4.FromBottom">
|
||||||
|
Aquesta pagina existís pas
|
||||||
|
</Paragraph>
|
||||||
|
</Div>
|
||||||
|
</Div>
|
||||||
@ -0,0 +1,20 @@
|
|||||||
|
.centrer-composant {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.formulaire-inscription {
|
||||||
|
width: 53%;
|
||||||
|
/* border: 2px solid black;
|
||||||
|
border-radius: 10px; */
|
||||||
|
/* padding: 20px; */
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-image: url('/ressources/images/fondPages/fondConnexion.webp');
|
||||||
|
background-size: cover;
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
@ -0,0 +1,4 @@
|
|||||||
|
/* body {
|
||||||
|
background-color: #8BC6EC;
|
||||||
|
background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);
|
||||||
|
} */
|
||||||
@ -0,0 +1,9 @@
|
|||||||
|
.test {
|
||||||
|
/* background-color: white; */
|
||||||
|
background-color: #8EC5FC;
|
||||||
|
background-image: linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 100%);
|
||||||
|
|
||||||
|
padding: 20px;
|
||||||
|
border-radius: 10px;
|
||||||
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Ajoute une ombre légère */
|
||||||
|
}
|
||||||
Loading…
Reference in new issue