diff --git a/VeraxShield/VeraxShield/composants/authentification/FormulaireConnexion.razor b/VeraxShield/VeraxShield/composants/authentification/FormulaireConnexion.razor index 97098d6..bc6a6b0 100644 --- a/VeraxShield/VeraxShield/composants/authentification/FormulaireConnexion.razor +++ b/VeraxShield/VeraxShield/composants/authentification/FormulaireConnexion.razor @@ -1,33 +1,55 @@ @using Blazorise.Components; @using System.ComponentModel.DataAnnotations; -

Se connecter

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file + + + + +
+ +

Se connecter

+ + + + +
+ + + Pseudo + + + + + + + + + +
+ +
+ + + Mot de passe + + + + + + + + + +
+ +
+ + +
+ + + + + + +
diff --git a/VeraxShield/VeraxShield/composants/authentification/FormulaireConnexion.razor.cs b/VeraxShield/VeraxShield/composants/authentification/FormulaireConnexion.razor.cs index 6930c04..9f16970 100644 --- a/VeraxShield/VeraxShield/composants/authentification/FormulaireConnexion.razor.cs +++ b/VeraxShield/VeraxShield/composants/authentification/FormulaireConnexion.razor.cs @@ -33,6 +33,7 @@ namespace VeraxShield.composants.authentification { await DonneurEtat.Connexion(this.Requete); NavigationManager.NavigateTo("/"); + } catch (Exception ex) { this.Erreur = ex.Message; diff --git a/VeraxShield/VeraxShield/composants/authentification/modele/RequeteConnexion.cs b/VeraxShield/VeraxShield/composants/authentification/modele/RequeteConnexion.cs index f77a7c2..ee522ca 100644 --- a/VeraxShield/VeraxShield/composants/authentification/modele/RequeteConnexion.cs +++ b/VeraxShield/VeraxShield/composants/authentification/modele/RequeteConnexion.cs @@ -4,10 +4,10 @@ namespace VeraxShield.composants.formulaires.modeles { public class RequeteConnexion { - [Required] + [Required(ErrorMessage="le champ est obligatoire !")] public string MotDePasse { get; set; } - [Required] + [Required(ErrorMessage="le champ est obligatoire !")] public string Nom { get; set; } } } diff --git a/VeraxShield/VeraxShield/pages/authentification/Connexion.razor b/VeraxShield/VeraxShield/pages/authentification/Connexion.razor index 5dcc99d..eb23c01 100644 --- a/VeraxShield/VeraxShield/pages/authentification/Connexion.razor +++ b/VeraxShield/VeraxShield/pages/authentification/Connexion.razor @@ -2,7 +2,13 @@ @page "/connexion" -

Page de connexion

+ + + - +
+
+ +
+
\ No newline at end of file diff --git a/VeraxShield/VeraxShield/wwwroot/css/composants/authentification/FormulaireConnexion.css b/VeraxShield/VeraxShield/wwwroot/css/composants/authentification/FormulaireConnexion.css new file mode 100644 index 0000000..e206d57 --- /dev/null +++ b/VeraxShield/VeraxShield/wwwroot/css/composants/authentification/FormulaireConnexion.css @@ -0,0 +1,41 @@ +.connexion-container { + background-color: white; + padding: 20px; + border-radius: 10px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Ajoute une ombre légère */ +} + +.field-container { + margin-bottom: 15px; +} + +.textedit-container { + border-radius: 20px; + border: 1px solid black; + width: 80%; /* Ajuste la largeur des champs de saisie */ +} + +.btn-container { + display: flex; + justify-content: center; + gap: 10px; /* Ajoute de l'espace entre les boutons */ +} + +.btn-se-connecter, +.btn-s-inscrire { + width: 150px; /* Ajuste la largeur des boutons */ +} + +.title-spacing { + margin-bottom: 20px; /* Ajoute plus d'espace entre le titre et les éléments suivants */ +} + +.btn-se-connecter { + background-color: darkblue; + color: white; +} + +.btn-s-inscrire { + background-color: grey; + color: white; +} diff --git a/VeraxShield/VeraxShield/wwwroot/css/pages/authentification/Connexion.css b/VeraxShield/VeraxShield/wwwroot/css/pages/authentification/Connexion.css new file mode 100644 index 0000000..234ed02 --- /dev/null +++ b/VeraxShield/VeraxShield/wwwroot/css/pages/authentification/Connexion.css @@ -0,0 +1,20 @@ +.centrer-composant { + display: flex; + justify-content: center; + align-items: center; + height: 100vh; +} + +.formulaire-connexion { + width: 40%; + /* 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; +} \ No newline at end of file diff --git a/VeraxShield/VeraxShield/wwwroot/ressources/images/fondPages/fondConnexion.webp b/VeraxShield/VeraxShield/wwwroot/ressources/images/fondPages/fondConnexion.webp new file mode 100644 index 0000000..251ac48 Binary files /dev/null and b/VeraxShield/VeraxShield/wwwroot/ressources/images/fondPages/fondConnexion.webp differ