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