Verax
/
Blazor_SAE
13
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

fin du travail sur le formulaire d'ajout

Browse Source
travailFormulairesJean
Siwa12100 1 year ago
parent c06b573b4a
commit cfbcc7558c
9 changed files with 228 additions and 81 deletions
Show Stats Download Patch File Download Diff File

10
VeraxShield/VeraxShield/composants/authentification/modele/RequeteInscription.cs
Unescape View File

@ -1,10 +1,12 @@
using System.ComponentModel.DataAnnotations; using System.ComponentModel.DataAnnotations;
using VeraxShield.composants.formulaires.modeles.attributsValidationCustoms;
namespace VeraxShield.composants.formulaires.modeles namespace VeraxShield.composants.formulaires.modeles
{ {
public class RequeteInscription public class RequeteInscription
{ {
[Required] [Required]
[RegularExpression("^[a-zA-Z0-9]+$", ErrorMessage = "Le mot de passe doit contenir uniquement des caractères alphanumériques.")]
public string MotDePasse { get; set; } public string MotDePasse { get; set; }
[Required] [Required]
@ -12,15 +14,23 @@ namespace VeraxShield.composants.formulaires.modeles
public string MotDePasseConfirmation { get; set; } public string MotDePasseConfirmation { get; set; }
[Required] [Required]
[RegularExpression("^[a-zA-Z]+$", ErrorMessage = "Le nom doit contenir uniquement des lettres.")]
[StringLength(20, ErrorMessage = "Le nom ne doit pas dépasser 20 caractères !")]
public string Nom { get; set; } public string Nom { get; set; }
[Required] [Required]
[StringLength(20, ErrorMessage = "Le prénom ne doit pas dépasser 20 caractères !")]
[RegularExpression("^[a-zA-Z]+$", ErrorMessage = "Le prénom doit contenir uniquement des lettres.")]
public string Prenom {get; set;} public string Prenom {get; set;}
[Required] [Required]
[StringLength(20, ErrorMessage = "Le pseudo ne doit pas dépasser 20 caractères !")]
[RegularExpression("^[a-zA-Z0-9_]+$", ErrorMessage = "Le pseudo contient des caractères interdits.")]
[PseudoCorrect]
public string Pseudo { get; set; } public string Pseudo { get; set; }
[Required] [Required]
[EmailAddress(ErrorMessage = "Veuillez entrer une adresse email valide.")]
public string Mail { get; set;} public string Mail { get; set;}
} }
} }

173
VeraxShield/VeraxShield/composants/formulaires/FormulaireAjout.razor
Unescape View File

@ -1,58 +1,115 @@
 @using Blazorise.Components
<EditForm Model="@Modele" OnValidSubmit="@ajouterUtilisateur"> @using System.ComponentModel.DataAnnotations;
<DataAnnotationsValidator /> <head>
<Microsoft.AspNetCore.Components.Forms.ValidationSummary /> <link rel="stylesheet" href="css/composants/formulaires/FormulaireAjout.css" />
</head>
<p>
<label for="pseudo"> <div class="formulaire-conteneur">
Pseudo :
<InputText id="pseudo" @bind-Value="Modele.Pseudo" /> <h1 class="title-spacing"> Ajouter un utilisateur </h1>
</label>
</p> <Validations @ref="Validations" Mode="ValidationMode.Manual" Model="Modele">
<p> <div class="field-container">
<label for="prenom"> <Validation>
Prénom : <Field Horizontal>
<InputText id="prenom" @bind-Value="Modele.Prenom" /> <FieldLabel ColumnSize="ColumnSize.Is2" Class="field-label">Pseudo</FieldLabel>
</label> <FieldBody ColumnSize="ColumnSize.Is10">
</p> <TextEdit Placeholder="Entrez son pseudo" @bind-Text="@Modele.Pseudo">
<Feedback>
<p> <ValidationError />
<label for="nom"> </Feedback>
Nom : </TextEdit>
<InputText id="nom" @bind-Value="Modele.Nom" /> </FieldBody>
</label> </Field>
</p> </Validation>
</div>
<p>
<label for="role"> <div class="field-container">
Role : <Validation>
<InputText id="role" @bind-Value="Modele.Role" /> <Field Horizontal>
</label> <FieldLabel ColumnSize="ColumnSize.Is2" Class="field-label">Prenom</FieldLabel>
</p> <FieldBody ColumnSize="ColumnSize.Is10">
<TextEdit Placeholder="Entrez son prénom" @bind-Text="@Modele.Prenom">
<p> <Feedback>
<label for="mail"> <ValidationError />
Email : </Feedback>
<InputText id="mail" @bind-Value="Modele.Mail" /> </TextEdit>
</label> </FieldBody>
</p> </Field>
</Validation>
<p> </div>
<label for="mdp">
Mot de passe : <div class="field-container">
<InputText id="mdp" @bind-Value="Modele.Mdp" /> <Validation>
</label> <Field Horizontal>
</p> <FieldLabel ColumnSize="ColumnSize.Is2" Class="field-label">Nom</FieldLabel>
<FieldBody ColumnSize="ColumnSize.Is10">
<p> <TextEdit Placeholder="Entrez son nom" @bind-Text="@Modele.Nom">
<label> <Feedback>
Utilisateur banni : <ValidationError />
<InputCheckbox @bind-Value="Modele.IsBan" /> </Feedback>
</label> </TextEdit>
</p> </FieldBody>
</Field>
<button Type="Submit">Valider la création</button> </Validation>
</div>
</EditForm>
<div class="field-container">
<Validation>
<Field Horizontal>
<FieldLabel ColumnSize="ColumnSize.Is2" Class="field-label">Mail</FieldLabel>
<FieldBody ColumnSize="ColumnSize.Is10">
<TextEdit Placeholder="Entrez son mail" @bind-Text="@Modele.Mail">
<Feedback>
<ValidationError />
</Feedback>
</TextEdit>
</FieldBody>
</Field>
</Validation>
</div>
<div class="field-container">
<Validation>
<Field Horizontal>
<FieldLabel ColumnSize="ColumnSize.Is2" Class="field-label">Role</FieldLabel>
<FieldBody ColumnSize="ColumnSize.Is10">
<TextEdit Placeholder="Entrez son role" @bind-Text="@Modele.Role">
<Feedback>
<ValidationError />
</Feedback>
</TextEdit>
</FieldBody>
</Field>
</Validation>
</div>
<div class="field-container">
<Validation>
<Field Horizontal>
<FieldLabel ColumnSize="ColumnSize.Is2" Class="field-label">Mot de passe</FieldLabel>
<FieldBody ColumnSize="ColumnSize.Is10">
<TextEdit Placeholder="Entrez son mot de passe" @bind-Text="@Modele.Mdp">
<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" />
Ajouter</Button>
<Button Class="btn-s-inscrire" Clicked="@OnAnnulation">
<Icon Name="Blazorise.Icons.FontAwesome.FontAwesomeIcons.Reply" />
Annuler</Button>
</div>
</Validations>
</div>

31
VeraxShield/VeraxShield/composants/formulaires/FormulaireAjout.razor.cs
Unescape View File

@ -1,7 +1,6 @@
using System.Runtime.InteropServices; using Blazorise;
using Microsoft.AspNetCore.Components; using Microsoft.AspNetCore.Components;
using VeraxShield.composants.formulaires.modeles; using VeraxShield.composants.formulaires.modeles;
using VeraxShield.composants.formulaires.modeles.attributsValidationCustoms;
using VeraxShield.factories; using VeraxShield.factories;
using VeraxShield.modele.utilisateurs; using VeraxShield.modele.utilisateurs;
using VeraxShield.services.UtilisateursDataService; using VeraxShield.services.UtilisateursDataService;
@ -10,35 +9,37 @@ namespace VeraxShield.composants.formulaires
{ {
public partial class FormulaireAjout public partial class FormulaireAjout
{ {
[Inject]
private NavigationManager NavigationManager { get; set; }
public FormulaireAjoutModele Modele { get; set; } [Parameter]
public Validations Validations {get; set;}
public FormulaireAjoutModele Modele {get; set;}
[Inject] [Inject]
private IUtilisateursDataService utilisateursDataService { get; set; } private NavigationManager NavigationManager {get; set;}
public FormulaireAjout() [Inject]
{ private IUtilisateursDataService utilisateursDataService { get; set; }
}
protected override async Task OnInitializedAsync() protected override async Task OnInitializedAsync()
{ {
//PseudoCorrectAttribute.Initialiser(await this.utilisateursDataService.getAllUtilisateurs());
this.Modele = new FormulaireAjoutModele(); this.Modele = new FormulaireAjoutModele();
this.Modele.IsBan = false;
await base.OnInitializedAsync(); await base.OnInitializedAsync();
} }
public async void ajouterUtilisateur() public async Task OnSubmit()
{
if (await this.Validations.ValidateAll())
{ {
Utilisateur nouvelUtilisateur = UtilisateursFactory.toUtilisateur(this.Modele); Utilisateur nouvelUtilisateur = UtilisateursFactory.toUtilisateur(this.Modele);
await this.utilisateursDataService.AjouterUtilisateur(nouvelUtilisateur); await this.utilisateursDataService.AjouterUtilisateur(nouvelUtilisateur);
this.NavigationManager.NavigateTo("/utilisateurs/liste");
}
}
//Console.WriteLine("Utilisateur bien ajouté !"); public async Task OnAnnulation()
{
this.NavigationManager.NavigateTo("/utilisateurs/liste"); this.NavigationManager.NavigateTo("/utilisateurs/liste");
} }
} }

2
VeraxShield/VeraxShield/composants/formulaires/modeles/FormulaireAjoutModele.cs
Unescape View File

@ -16,7 +16,7 @@ namespace VeraxShield.composants.formulaires.modeles
[Required] [Required]
[StringLength(20, ErrorMessage = "Le nom ne doit pas dépasser 20 caractères !")] [StringLength(20, ErrorMessage = "Le nom ne doit pas dépasser 20 caractères !")]
[RegularExpression("^[a-zA-Z]+$", ErrorMessage = "Le prénom doit contenir uniquement des lettres.")] [RegularExpression("^[a-zA-Z]+$", ErrorMessage = "Le nom doit contenir uniquement des lettres.")]
public String Nom { get; set; } public String Nom { get; set; }
[Required] [Required]

13
VeraxShield/VeraxShield/pages/utilisateurs/AjouterUtilisateur.razor
Unescape View File

@ -1,9 +1,18 @@
@using VeraxShield.composants.formulaires @using VeraxShield.composants.formulaires
@page "/utilisateurs/ajouter" @page "/utilisateurs/ajouter"
<h1>Ajouter un utilisateur</h1>
<FormulaireAjout/> <head>
<link rel="stylesheet" href="css/pages/utilisateurs/AjouterUtilisateur.css">
</head>
<div class="container">
<div class="formulaire-modification">
<FormulaireAjout/>
</div>
</div>

2
VeraxShield/VeraxShield/pages/utilisateurs/ListeUtilisateurs.razor
Unescape View File

@ -9,7 +9,7 @@
</head> </head>
<body> <body>
<div class="center-box lightBlueBG"> <div class="center-box">
<h1> Utilisateurs de Verax</h1> <h1> Utilisateurs de Verax</h1>
<p class="margin10">Vous retrouverez ici les utilisateurs de Verax ainsi que les actions associées </p> <p class="margin10">Vous retrouverez ici les utilisateurs de Verax ainsi que les actions associées </p>
</div> </div>

51
VeraxShield/VeraxShield/wwwroot/css/composants/formulaires/FormulaireAjout.css
Unescape View File

@ -0,0 +1,51 @@
.formulaire-conteneur {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Ajoute une ombre au formulaire */
border-radius: 10px; /* Ajoute des bords arrondis au formulaire */
/* background-color: black; */
background-color: #8BC6EC;
background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);
color: white; /* Définit la couleur du texte à blanc */
padding: 20px; /* Ajoute une marge intérieure pour plus de lisibilité */
}
.title-spacing {
margin-bottom: 20px; /* Ajoute une séparation entre le titre et le reste du contenu */
}
.field-container {
margin-bottom: 15px; /* Ajoute une séparation entre chaque champ */
}
/* Rend les labels en gras et blancs */
.field-label {
font-weight: bold;
color: white;
}
.btn-container {
display: flex;
justify-content: center;
margin-top: 20px; /* Ajoute une séparation entre les champs et les boutons */
}
.btn-se-connecter {
/* background-color: darkblue; */
/*background: #F3904F; fallback for old browsers */
/*background: -webkit-linear-gradient(to right, #3B4371, #F3904F); Chrome 10-25, Safari 5.1-6 */
/*background: linear-gradient(to right, #3B4371, #F3904F); W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
background: white;
color: black;
margin-right: 10px; /* Ajoute un espace entre les deux boutons */
}
.btn-s-inscrire {
background-color: white;
/* color: white; */
color: black;
}

14
VeraxShield/VeraxShield/wwwroot/css/pages/utilisateurs/AjouterUtilisateur.css
Unescape View File

@ -0,0 +1,14 @@
.container {
display: flex;
justify-content: center;
align-items: center;
height: 100vh; /* 100% de la hauteur de la vue */
}
.formulaire-modification {
width: 50%;
/* background-color: green;
padding: 20px; */
/*box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); Ajoute une ombre au formulaire */
/* border-radius: 10px; Ajoute des bords arrondis au formulaire */
}

7
VeraxShield/VeraxShield/wwwroot/css/pages/utilisateurs/listeUtilisateurs.css
Unescape View File

@ -12,7 +12,12 @@
margin: 20px auto; margin: 20px auto;
text-align: center; text-align: center;
border-radius: 10px; border-radius: 10px;
background-color: #afc1db;
/* background-color: #afc1db; */
background-color: #8BC6EC;
background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);
width: 80%; width: 80%;
} }

Write Preview
Loading…
Cancel
Save