From 41f509c0589aed36d1d492c82453efca0dcf2657 Mon Sep 17 00:00:00 2001
From: kubaflo <42434498+kubaflo@users.noreply.github.com>
Date: Tue, 31 Jan 2023 01:22:54 +0100
Subject: [PATCH] Frontend.XF: added the side menu & settings page

Added the settings page, the settings icon and side
menu.
---
 img/settings_80x80.png                        | Bin 0 -> 768 bytes
 .../Resources/Resource.designer.cs            |   2 +-
 src/GWallet.Frontend.XF/BalancesPage.xaml     |  69 +++++++++-
 src/GWallet.Frontend.XF/BalancesPage.xaml.fs  |  14 +-
 .../GWallet.Frontend.XF.fsproj                |   7 +
 src/GWallet.Frontend.XF/SettingsPage.xaml     | 129 ++++++++++++++++++
 src/GWallet.Frontend.XF/SettingsPage.xaml.fs  |  70 ++++++++++
 7 files changed, 284 insertions(+), 7 deletions(-)
 create mode 100644 img/settings_80x80.png
 create mode 100644 src/GWallet.Frontend.XF/SettingsPage.xaml
 create mode 100644 src/GWallet.Frontend.XF/SettingsPage.xaml.fs

diff --git a/img/settings_80x80.png b/img/settings_80x80.png
new file mode 100644
index 0000000000000000000000000000000000000000..564d39b54c06926c782029bd92002e10b939f582
GIT binary patch
literal 768
zcmV+b1ONPqP)<h;3K|Lk000e1NJLTq002+`002-31^@s6juG;$0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU!qDe$SRCwC#n%i-LKp2I=u>eY-1Um?H
zfEC2N=wqY;wSwrQPoaa@fs{ZAlt2gO-?)=u7+03t-aKb!hY^Fqm;En$T>o~vc~F1N
zfB*mi5C8!X0zd!+KmddQ5C8!X03iSbKmdFh&4*m<`@V4xbUvR$I(*ScXjC*VG}6sx
zQ$4$`udzILX*LkNfDTt0AwR`lulVa2A>6K{2CuG&;4T2LUE!1W0swTai156_682W}
zbL3PcV#)h$Rtr{KQW}}^8OZa>*78Xd@T#pPgabz+G0*~#!Y1c^mhC!f%Yg)ONueBR
z22geQ+h(q;=oyOjdabXK<}=X>jeW1KwJ{~kgkib}!nv3#N}K}74THEb6AKz2Q+=mD
zWP6*5ZcL*`Wd%Yitow3M3b5-#sg%(G2^@1tzH1FD%SX#LkIn{wGX<d((&4Ak?MM8a
z^-@tpR)X^pH$VY!fEKm`oR1Wyiw6txza^67^*Wb=<&dH_h9AgsS@Phm+>`$u;;Omj
zInZIRJcRkoNgSvJJ6$=j^4w6R1t8CHM+e}g#xCV3%=b@1BsRqgGq#a-T{A@?B2oc>
z?aBlYk0z~!jRjcq=<?c(WbjfKLfBb9P*oAJa(7m3=_kEh#0>QQx396KV}0!`y{!Xn
z%zX<+(|Cw@ujy<R9#fIv{2KtuDKzbd#;~(kUP>l@xJ<^g<HaTF_}R=4%(MaY?q1&1
z&NAyEOUV%5^_T=K1$-zEVg4Vt-j?^ozuQcn153{hm0CiW<t3VhZ0f&jG$fiJ@*baW
zt{*sZBQ3hw!Ob-MK=gr9x(p2Qmj`$fz&pT9=+-)YdiNjlS<yI+;mBy&oduzY03ZMY
yAOJ!D2!H?xfDixzAOHd&1b_etfUl%q0R{kt3Fn#N9Jpx!0000<MNUMnLSTXd<WKAX

literal 0
HcmV?d00001

diff --git a/src/GWallet.Frontend.XF.Android/Resources/Resource.designer.cs b/src/GWallet.Frontend.XF.Android/Resources/Resource.designer.cs
index 7613bdb85..1ff50fe9a 100644
--- a/src/GWallet.Frontend.XF.Android/Resources/Resource.designer.cs
+++ b/src/GWallet.Frontend.XF.Android/Resources/Resource.designer.cs
@@ -15,7 +15,7 @@ namespace GWallet.Frontend.XF.Android
 {
 	
 	
-	[global::System.CodeDom.Compiler.GeneratedCodeAttribute("Xamarin.Android.Build.Tasks", "13.2.1.111")]
+	[global::System.CodeDom.Compiler.GeneratedCodeAttribute("Xamarin.Android.Build.Tasks", "1.0.0.0")]
 	public partial class Resource
 	{
 		
diff --git a/src/GWallet.Frontend.XF/BalancesPage.xaml b/src/GWallet.Frontend.XF/BalancesPage.xaml
index d255e34a0..8cc1042d2 100644
--- a/src/GWallet.Frontend.XF/BalancesPage.xaml
+++ b/src/GWallet.Frontend.XF/BalancesPage.xaml
@@ -1,12 +1,69 @@
-<?xml version="1.0" encoding="utf-8"?>
-<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
+<?xml version="1.0" encoding="utf-8"?>
+<FlyoutPage xmlns="http://xamarin.com/schemas/2014/forms"
              xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
              xmlns:local="clr-namespace:GWallet.Frontend.XF"
+             xmlns:ios="clr-namespace:Xamarin.Forms.PlatformConfiguration.iOSSpecific;assembly=Xamarin.Forms.Core"
+             ios:FlyoutPage.ApplyShadow="True"
              xmlns:controls="clr-namespace:GWallet.Frontend.XF.Controls"
              x:Class="GWallet.Frontend.XF.BalancesPage">
-    <StackLayout x:Name="mainLayout"
-                 Padding="0,0,0,0"
-                 VerticalOptions="FillAndExpand">
+
+    <!-- Side menu-->
+    <FlyoutPage.Flyout>
+        <ContentPage Title="FlyoutMenu"
+                     ios:Page.UseSafeArea="True" >
+            <StackLayout Spacing="20" Margin="10,10,15,0">
+
+                <Image HeightRequest="80"
+                       WidthRequest="80"
+                       Margin="0,0,0,10"
+                       x:Name="sideMenuImg"/>
+
+                <StackLayout Spacing="15" Orientation="Horizontal">
+                    <Label VerticalOptions="Center" Text="#"/>
+                    <Label x:Name="inMenuLbl1" Text="Check you still remember your payment password"/>
+                    <StackLayout.GestureRecognizers>
+                        <TapGestureRecognizer CommandParameter="{Binding Text, Source={x:Reference inMenuLbl1}}" Tapped="OpenSettingsTapped"/>
+                    </StackLayout.GestureRecognizers>
+                </StackLayout>
+
+                <StackLayout Spacing="15" Orientation="Horizontal">
+                    <Label VerticalOptions="Center" Text="#"/>
+                    <Label x:Name="inMenuLbl2" Text="Check you still remember your secret recovery phrase"/>
+                    <StackLayout.GestureRecognizers>
+                        <TapGestureRecognizer CommandParameter="{Binding Text, Source={x:Reference inMenuLbl2}}" Tapped="OpenSettingsTapped"/>
+                    </StackLayout.GestureRecognizers>
+                </StackLayout>
+
+                <StackLayout Spacing="15" Orientation="Horizontal">
+                    <Label VerticalOptions="Center" Text="#"/>
+                    <Label x:Name="inMenuLbl3" Text="Wipe your current wallet, in order to start from scratch"/>
+                    <StackLayout.GestureRecognizers>
+                        <TapGestureRecognizer CommandParameter="{Binding Text, Source={x:Reference inMenuLbl3}}" Tapped="OpenSettingsTapped"/>
+                    </StackLayout.GestureRecognizers>
+                </StackLayout>
+            </StackLayout>
+        </ContentPage>
+    </FlyoutPage.Flyout>
+
+    <!-- Main page-->
+    <FlyoutPage.Detail>
+    <ContentPage ios:Page.UseSafeArea="True"
+                    Title="Balances">
+        <StackLayout x:Name="mainLayout"
+                    Padding="0,0,0,0"
+                    VerticalOptions="FillAndExpand">
+
+        <!-- Settings icon-->
+        <ImageButton
+                x:Name="settingsImgBtn"
+                BackgroundColor="Transparent"
+                Padding="0"
+                HeightRequest="30"
+                WidthRequest="30"
+                HorizontalOptions="Start"
+                Margin="10,10,0,0"
+                Clicked="OpenFlyoutClicked"/>
+
 
         <StackLayout Orientation="Horizontal"
                      Padding="15, 10"
@@ -82,3 +139,5 @@
                Margin="0,10,0,10" />
     </StackLayout>
 </ContentPage>
+</FlyoutPage.Detail>
+</FlyoutPage>
diff --git a/src/GWallet.Frontend.XF/BalancesPage.xaml.fs b/src/GWallet.Frontend.XF/BalancesPage.xaml.fs
index c08c66769..8ca519d43 100644
--- a/src/GWallet.Frontend.XF/BalancesPage.xaml.fs
+++ b/src/GWallet.Frontend.XF/BalancesPage.xaml.fs
@@ -34,7 +34,7 @@ type BalancesPage(state: FrontendHelpers.IGlobalAppState,
                   currencyImages: Map<Currency*bool,Image>,
                   startWithReadOnlyAccounts: bool)
                       as self =
-    inherit ContentPage()
+    inherit FlyoutPage()
 
     let _ = base.LoadFromXaml(typeof<BalancesPage>)
 
@@ -46,6 +46,8 @@ type BalancesPage(state: FrontendHelpers.IGlobalAppState,
     let contentLayout = base.FindByName<StackLayout> "contentLayout"
     let normalChartView = base.FindByName<CircleChartView> "normalChartView"
     let readonlyChartView = base.FindByName<CircleChartView> "readonlyChartView"
+    let sideMenuImg = base.FindByName<Image> "sideMenuImg"
+    let settingsImgBtn = base.FindByName<ImageButton> "settingsImgBtn"
 
     let standardTimeToRefreshBalances = TimeSpan.FromMinutes 5.0
     let standardTimeToRefreshBalancesWhenThereIsImminentIncomingPaymentOrNotEnoughInfoToKnow = TimeSpan.FromMinutes 1.0
@@ -500,6 +502,8 @@ type BalancesPage(state: FrontendHelpers.IGlobalAppState,
     member private self.Init () =
         normalChartView.DefaultImageSource <- FrontendHelpers.GetSizedImageSource "logo" 512
         readonlyChartView.DefaultImageSource <- FrontendHelpers.GetSizedImageSource "logo" 512
+        sideMenuImg.Source <- FrontendHelpers.GetSizedImageSource "logo" 512
+        settingsImgBtn.Source <- FrontendHelpers.GetSizedImageSource "settings" 80
 
         let tapGestureRecognizer = TapGestureRecognizer()
         tapGestureRecognizer.Tapped.Subscribe(fun _ ->
@@ -535,3 +539,11 @@ type BalancesPage(state: FrontendHelpers.IGlobalAppState,
             self.StopTimer()
             self.CancelBalanceRefreshJobs()
         )
+
+    member self.OpenFlyoutClicked(_sender: obj, _evArgs: EventArgs) =
+        self.IsPresented <- true
+
+    member self.OpenSettingsTapped(_sender: obj, evArgs: EventArgs) =
+        let title = (evArgs :?> TappedEventArgs).Parameter :?> string
+        let settingsPage () = SettingsPage title :> Page
+        FrontendHelpers.SwitchToNewPage self settingsPage true
diff --git a/src/GWallet.Frontend.XF/GWallet.Frontend.XF.fsproj b/src/GWallet.Frontend.XF/GWallet.Frontend.XF.fsproj
index 0cfc7078e..8b1d7f003 100644
--- a/src/GWallet.Frontend.XF/GWallet.Frontend.XF.fsproj
+++ b/src/GWallet.Frontend.XF/GWallet.Frontend.XF.fsproj
@@ -67,6 +67,9 @@
     <EmbeddedResource Include="..\..\img\eth_grey_120x120.png">
       <Link>img\eth_grey_120x120.png</Link>
     </EmbeddedResource>
+    <EmbeddedResource Include="..\..\img\settings_80x80.png">
+      <Link>img\settings_80x80.png</Link>
+    </EmbeddedResource>
     <EmbeddedResource Include="..\..\img\eth_red_60x60.png">
       <Link>img\eth_red_60x60.png</Link>
     </EmbeddedResource>
@@ -103,6 +106,10 @@
       <DependentUpon>SendPage.xaml</DependentUpon>
       <SubType>Code</SubType>
     </Compile>
+    <Compile Include="SettingsPage.xaml.fs">
+      <DependentUpon>SettingsPage.xaml</DependentUpon>
+      <SubType>Code</SubType>
+    </Compile>
     <Compile Include="PairingToPage.xaml.fs">
       <DependentUpon>PairingToPage.xaml</DependentUpon>
       <SubType>Code</SubType>
diff --git a/src/GWallet.Frontend.XF/SettingsPage.xaml b/src/GWallet.Frontend.XF/SettingsPage.xaml
new file mode 100644
index 000000000..e60205ea1
--- /dev/null
+++ b/src/GWallet.Frontend.XF/SettingsPage.xaml
@@ -0,0 +1,129 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<ContentPage
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    x:Class="GWallet.Frontend.XF.SettingsPage">
+
+    <AbsoluteLayout>
+        <StackLayout x:Name="mainLayout"
+                     AbsoluteLayout.LayoutFlags="XProportional,SizeProportional"
+                     AbsoluteLayout.LayoutBounds="0.5,50,0.7,1"
+                     VerticalOptions="FillAndExpand">
+
+            <Label x:Name="titleLabel" Text="" Margin="0,0,0,10" HorizontalTextAlignment="Center" TextTransform="Uppercase"/>
+
+            <!-- Check you still remember your payment password-->
+            <StackLayout Spacing="10"
+                         IsVisible="false">
+                <Entry x:Name="passwordEntry"
+                       IsPassword="true"
+                       Focused="ClearResult"
+                       Text=""
+                       Placeholder="Type your password"/>
+
+                <Button Text="Check my password"
+                        Clicked="OnCheckPasswordButtonClicked"
+                        HorizontalOptions="FillAndExpand">
+                    <Button.Triggers>
+                        <DataTrigger TargetType="Button"
+                                     Binding="{Binding Text.Length, Source={x:Reference passwordEntry}}"
+                                     Value="0">
+                            <Setter Property="IsEnabled" Value="False"/>
+                        </DataTrigger>
+                    </Button.Triggers>
+                </Button>
+                <StackLayout.Triggers>
+                    <DataTrigger TargetType="StackLayout"
+                                 Binding="{Binding Text, Source={x:Reference titleLabel}}"
+                                 Value="Check you still remember your payment password">
+                        <Setter Property="IsVisible" Value="True"/>
+                    </DataTrigger>
+                </StackLayout.Triggers>
+            </StackLayout>
+
+            <!--Check you still remember your secret recovery phrase-->
+            <StackLayout IsVisible="false">
+                <Entry x:Name="phraseEntry"
+                       Focused="ClearResult"
+                       IsPassword="true"
+                       Text=""
+                       Placeholder="Type your recovery phrase"/>
+
+                <Grid>
+                    <DatePicker x:Name="dateOfBirthPicker"
+                                Focused="ClearResult"
+                                HorizontalOptions="FillAndExpand"
+                                TextColor="Transparent"
+                                DateSelected="OnDatePickerDateSelected"/>
+                    <Entry x:Name="dateOfBirthLabel"
+                           Placeholder="Choose your date of birth"
+                           BackgroundColor="Transparent"
+                           VerticalOptions="Center"
+                           InputTransparent="True"
+                           IsEnabled="False"/>
+                </Grid>
+
+                <Entry x:Name="emailEntry"
+                       Focused="ClearResult"
+                       Text=""
+                       Placeholder="Type your email"/>
+
+                <Button Text="Check my secret recovery phrase"
+                        Clicked="OnCheckPasswordButtonClicked"
+                        HorizontalOptions="FillAndExpand">
+                    <Button.Triggers>
+                        <DataTrigger TargetType="Button"
+                                     Binding="{Binding Text.Length, Source={x:Reference emailEntry}}"
+                                     Value="0">
+                            <Setter Property="IsEnabled" Value="False"/>
+                        </DataTrigger>
+                        <DataTrigger TargetType="Button"
+                                     Binding="{Binding Text, Source={x:Reference dateOfBirthLabel}}"
+                                     Value="Choose your date of birth">
+                            <Setter Property="IsEnabled" Value="False"/>
+                        </DataTrigger>
+                        <DataTrigger TargetType="Button"
+                                     Binding="{Binding Text.Length, Source={x:Reference phraseEntry}}"
+                                     Value="0">
+                            <Setter Property="IsEnabled" Value="False"/>
+                        </DataTrigger>
+                    </Button.Triggers>
+                </Button>
+                <StackLayout.Triggers>
+                    <DataTrigger TargetType="StackLayout"
+                                 Binding="{Binding Text, Source={x:Reference titleLabel}}"
+                                 Value="Check you still remember your secret recovery phrase">
+                        <Setter Property="IsVisible" Value="True"/>
+                    </DataTrigger>
+                </StackLayout.Triggers>
+            </StackLayout>
+
+            <!-- Wipe your current wallet, in order to start from scratch-->
+            <StackLayout Spacing="10"
+                         IsVisible="false">
+
+                <Label Text="If you want to remove accounts, the recommended way is to archive them, not wipe the whole wallet."
+                       HorizontalTextAlignment="Center"/>
+
+                <Button Text="I want to do it anyway"
+                        Clicked="OnWipeWalletButtonClicked"
+                        HorizontalOptions="FillAndExpand">
+                </Button>
+                <StackLayout.Triggers>
+                    <DataTrigger TargetType="StackLayout"
+                                 Binding="{Binding Text, Source={x:Reference titleLabel}}"
+                                 Value="Wipe your current wallet, in order to start from scratch">
+                        <Setter Property="IsVisible" Value="True"/>
+                    </DataTrigger>
+                </StackLayout.Triggers>
+            </StackLayout>
+
+            <!-- Loading & Results -->
+            <Grid Margin="0,30,0,0">
+                <ActivityIndicator IsVisible="False" x:Name="loadingIndicator" IsRunning="True"/>
+                <Label x:Name="resultMessage" IsVisible="False" HorizontalTextAlignment="Center" Text="Try again"/>
+            </Grid>
+
+        </StackLayout>
+    </AbsoluteLayout>
+</ContentPage>
\ No newline at end of file
diff --git a/src/GWallet.Frontend.XF/SettingsPage.xaml.fs b/src/GWallet.Frontend.XF/SettingsPage.xaml.fs
new file mode 100644
index 000000000..49ff8578d
--- /dev/null
+++ b/src/GWallet.Frontend.XF/SettingsPage.xaml.fs
@@ -0,0 +1,70 @@
+namespace GWallet.Frontend.XF
+
+open System
+open System.Linq
+
+open Xamarin.Forms
+open Xamarin.Forms.Xaml
+open Fsdk
+
+open GWallet.Backend
+
+type SettingsPage(option: string) as this =
+    inherit ContentPage()
+    let _ = base.LoadFromXaml(typeof<SettingsPage>)
+    let titleLabel = base.FindByName<Label> "titleLabel"
+
+    //check password
+    let passwordEntry = base.FindByName<Entry> "passwordEntry"
+
+    //check passphrase
+    let phraseEntry = base.FindByName<Entry> "phraseEntry"
+    let emailEntry = base.FindByName<Entry> "emailEntry"
+    let dateOfBirthPicker = base.FindByName<DatePicker> "dateOfBirthPicker"
+    let dateOfBirthLabel = base.FindByName<Entry> "dateOfBirthLabel"
+
+    //loading & result
+    let resultMessage = base.FindByName<Label> "resultMessage"
+    let loadingIndicator = base.FindByName<ActivityIndicator> "loadingIndicator"
+
+    do
+        this.Init()
+                    
+    member self.Init () =
+        titleLabel.Text <- option
+
+    member self.OnCheckPasswordButtonClicked(_sender: Object, _args: EventArgs) =
+        this.PerformCheck (Account.CheckValidPassword passwordEntry.Text None)
+
+    member self.OnCheckSeedPassphraseClicked(_sender: Object, _args: EventArgs) =
+        this.PerformCheck (Account.CheckValidSeed phraseEntry.Text dateOfBirthPicker.Date emailEntry.Text)
+        
+    member self.PerformCheck(checkTask: Async<bool>) =
+        async {
+            Device.BeginInvokeOnMainThread(
+                fun () ->
+                    loadingIndicator.IsVisible <- true
+                    resultMessage.IsVisible <- false)
+            let! checkResult = checkTask
+            Device.BeginInvokeOnMainThread(
+                fun () ->
+                    loadingIndicator.IsVisible <- false
+                    resultMessage.IsVisible <- true
+                    resultMessage.Text <- if checkResult then "Success!" else "Try again" )
+        } |> FrontendHelpers.DoubleCheckCompletionAsync true
+
+    member self.OnWipeWalletButtonClicked (_sender: Object, _args: EventArgs) =
+        async {
+           let! result = Application.Current.MainPage.DisplayAlert("Are you sure?", "Are you ABSOLUTELY SURE about this?", "Yes", "No") |> Async.AwaitTask
+           if result then
+                Account.WipeAll()
+                let displayTask = Application.Current.MainPage.DisplayAlert("Success", "You successfully wiped your current wallet", "Ok")
+                do! Async.AwaitTask displayTask
+
+        } |> Async.StartImmediate
+
+    member self.OnDatePickerDateSelected (_sender: obj) (evArgs: DateChangedEventArgs) =
+        dateOfBirthLabel.Text <- evArgs.NewDate.ToString("dd MMMM yyyy")
+
+    member self.ClearResult (_sender: Object, _args: EventArgs) =
+        resultMessage.IsVisible <- false