Ajout Visibilité mdp

VeraxShield/VeraxShield/VeraxShield.csproj

@@ -12,10 +12,10 @@
 
   <ItemGroup>
     <PackageReference Include="Blazored.LocalStorage" Version="4.4.0" />
-    <PackageReference Include="Blazorise.Bootstrap" Version="1.4.0" />
+    <PackageReference Include="Blazorise.Bootstrap" Version="1.4.1" />
     <PackageReference Include="Blazorise.Components" Version="1.4.0" />
-    <PackageReference Include="Blazorise.DataGrid" Version="1.4.0" />
+    <PackageReference Include="Blazorise.DataGrid" Version="1.4.1" />
-    <PackageReference Include="Blazorise.Icons.FontAwesome" Version="1.4.0" />
+    <PackageReference Include="Blazorise.Icons.FontAwesome" Version="1.4.1" />
   </ItemGroup>
 
 </Project>

VeraxShield/VeraxShield/composants/authentification/FormulaireConnexion.razor

@@ -32,11 +32,18 @@
                 <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">
+                        <div class="input-group">
-                            <Feedback>
+                            <TextEdit @bind-Text="@Requete.MotDePasse"
-                                <ValidationError />
+                                      Type="@(showPassword ? "text" : "password")"
-                            </Feedback>
+                                      Class="form-control" />
-                        </TextEdit>
+
+                            <span class="input-group-btn">
+                                <button class="btn btn-default" type="button" @onclick="ToggleShowPassword">
+                                    <i class="@(showPassword ? "fa fa-eye-slash" : "fa fa-eye")"></i>
+                                </button>
+                            </span>
+                        </div>
+
                     </FieldBody>
                 </Field>
             </Validation>

VeraxShield/VeraxShield/composants/authentification/FormulaireConnexion.razor.cs

@@ -20,6 +20,9 @@ namespace VeraxShield.composants.authentification
 
         public String Erreur {get; set; }
         
+        public bool showPassword = false;
+
+
         protected override async Task OnInitializedAsync()
         {
             this.Requete = new RequeteConnexion();
@@ -46,5 +49,10 @@ namespace VeraxShield.composants.authentification
         {
             this.NavigationManager.NavigateTo("/inscription");
         }
+
+        private void ToggleShowPassword()
+        {
+            showPassword = !showPassword;
+        }
     }  
 }