add hide/show password in login and register page

Controllers/MorePageController.cs

@@ -20,7 +20,7 @@ namespace ShoopNCook.Controllers
 
         public void Logout()
         {
-            UserNotifier.Notice("You have been loged out.");
+            UserNotifier.Notice("You have been logged out.");
             app.ForceLogin();
         }
 

Views/LoginPage.xaml

@@ -60,12 +60,14 @@
                     Grid.Column="2"
                     Placeholder="Password"
                     x:Name="PasswordEntry"
-                    IsPassword="True"/>
+                    IsPassword="{Binding PasswordHide}"/>
+
                 <ImageButton
                     Grid.Column="3"
-                    Source="visibility_off.svg"
+                    HeightRequest="30"
-                    HeightRequest="30">
+                    x:Name="PasswordReveal"
-                </ImageButton>
+                    Clicked="OnPasswordRevealClicked"/>
+
             </Grid>
         </Border>
 

Views/LoginPage.xaml.cs

@@ -6,11 +6,20 @@ namespace ShoopNCook.Pages;
 public partial class LoginPage : ContentPage
 {
     private readonly LoginController controller;
-	public LoginPage(LoginController controller)
+
-	{
+    private readonly BindableProperty PasswordHideProperty = BindableProperty.Create(nameof(PasswordHide), typeof(bool), typeof(LoginPage), false);
-		InitializeComponent();
+    public bool PasswordHide { 
+        get => (bool) GetValue(PasswordHideProperty);
+        private set => SetValue(PasswordHideProperty, value); 
+    }
+
+    public LoginPage(LoginController controller)
+    {
+        InitializeComponent();
+        BindingContext = this;
+        SetPasswordHide(true);
         this.controller = controller;
-	}
+    }
     private void OnLoginButtonClicked(object sender, EventArgs e)
     {
         string email = EmailEntry.Text;
@@ -22,4 +31,19 @@ public partial class LoginPage : ContentPage
     {
         await Shell.Current.GoToAsync("//Register");
     }
+
+    private void OnPasswordRevealClicked(object sender, EventArgs e)
+    {
+        SetPasswordHide(!PasswordHide);
+    }
+
+    public void SetPasswordHide(bool shown)
+    {
+        PasswordHide = shown;
+
+        if (shown)
+            PasswordReveal.Source = ImageSource.FromFile("visibility_off.svg");
+        else
+            PasswordReveal.Source = ImageSource.FromFile("visibility_on.svg");
+    }
 }

Views/RegisterPage.xaml

@@ -80,11 +80,13 @@
                         Grid.Column="2"
                         Placeholder="Password"
                         x:Name="PasswordEntry"
-                        IsPassword="True"/>
+                        IsPassword="{Binding PasswordHide}"/>
+
                     <ImageButton
                         Grid.Column="3"
-                        Source="visibility_off.svg"
+                        HeightRequest="30"
-                        HeightRequest="30"/>
+                        x:Name="PasswordReveal"
+                        Clicked="OnPasswordRevealClicked"/>
                 </Grid>
             </Border>
 

Views/RegisterPage.xaml.cs

@@ -5,9 +5,20 @@ namespace ShoopNCook.Pages;
 public partial class RegisterPage : ContentPage
 {
     private readonly RegisterController controller;
-	public RegisterPage(RegisterController controller)
+
+    private readonly BindableProperty PasswordHideProperty = BindableProperty.Create(nameof(PasswordHide), typeof(bool), typeof(LoginPage), false);
+    public bool PasswordHide
+    {
+        get => (bool)GetValue(PasswordHideProperty);
+        private set => SetValue(PasswordHideProperty, value);
+    }
+
+
+    public RegisterPage(RegisterController controller)
 	{
 		InitializeComponent();
+        BindingContext = this;
+        SetPasswordHide(true);
         this.controller = controller;
 	}
     private async void LoginTapped(object sender, EventArgs e)
@@ -21,4 +32,19 @@ public partial class RegisterPage : ContentPage
         string username = UserNameEntry.Text;
         controller.Register(username, email, password);
     }
+
+    private void OnPasswordRevealClicked(object sender, EventArgs e)
+    {
+        SetPasswordHide(!PasswordHide);
+    }
+
+    public void SetPasswordHide(bool shown)
+    {
+        PasswordHide = shown;
+
+        if (shown)
+            PasswordReveal.Source = ImageSource.FromFile("visibility_off.svg");
+        else
+            PasswordReveal.Source = ImageSource.FromFile("visibility_on.svg");
+    }
 }