From 097f1aa414744cc9f6946b14a07048f127b4dc1a Mon Sep 17 00:00:00 2001
From: anperederi <antoine.perederii@etu.uca.fr>
Date: Fri, 5 May 2023 22:52:45 +0200
Subject: [PATCH] update of the UI design of Transfer, Rib and Request Pages

---
 src/Banquale/Banquale/AppShell.xaml           |  12 +-
 src/Banquale/Banquale/Views/RequestPage.xaml  |  45 +++++-
 src/Banquale/Banquale/Views/RibPage.xaml      | 139 ++++++++++++++----
 src/Banquale/Banquale/Views/TransferPage.xaml |  45 +++++-
 4 files changed, 200 insertions(+), 41 deletions(-)

diff --git a/src/Banquale/Banquale/AppShell.xaml b/src/Banquale/Banquale/AppShell.xaml
index 368f3d7..57e219f 100644
--- a/src/Banquale/Banquale/AppShell.xaml
+++ b/src/Banquale/Banquale/AppShell.xaml
@@ -23,7 +23,7 @@
 
         </Tab>
 
-        <Tab Title="Aide"
+        <Tab Title="RIB"
              Icon="help_icon.png">
 
             <ShellContent
@@ -31,7 +31,7 @@
 
         </Tab>
         
-        <Tab Title="Déconnexion"
+        <Tab Title="Transfer"
              Icon="swipe_account_icon.png">
 
             <ShellContent
@@ -39,6 +39,14 @@
 
         </Tab>
 
+        <Tab Title="Request"
+             Icon="swipe_account_icon.png">
+
+            <ShellContent
+                ContentTemplate="{DataTemplate local:RequestPage}"/>
+
+        </Tab>
+
     </TabBar>
 
 </Shell>
diff --git a/src/Banquale/Banquale/Views/RequestPage.xaml b/src/Banquale/Banquale/Views/RequestPage.xaml
index 2a348ac..637778a 100644
--- a/src/Banquale/Banquale/Views/RequestPage.xaml
+++ b/src/Banquale/Banquale/Views/RequestPage.xaml
@@ -3,17 +3,50 @@
              xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
              x:Class="Banquale.Views.RequestPage">
 
-    <VerticalStackLayout
-        VerticalOptions="Center">
+    <VerticalStackLayout VerticalOptions="Center">
 
-        <SearchBar Placeholder="Destinataire" />
+        <Frame CornerRadius="10"
+               HeightRequest="40"
+               WidthRequest="300"
+               Margin="0, 5, 0, 5"
+               Padding="3">
 
-        <Entry Placeholder="IBAN" />
+            <Entry Placeholder="Destinataire"
+                   HorizontalOptions="Center"
+                   WidthRequest="280"/>
 
-        <Entry Placeholder="Montant" />
+        </Frame>
+
+        <Frame CornerRadius="10"
+               HeightRequest="40"
+               WidthRequest="300"
+               Margin="0, 5, 0, 5"
+               Padding="3">
+
+            <Entry Placeholder="IBAN"
+                   HorizontalOptions="Center"
+                   WidthRequest="280"/>
+
+        </Frame>
+
+        <Frame CornerRadius="10"
+               HeightRequest="40"
+               WidthRequest="300"
+               Margin="0, 5, 0, 5"
+               Padding="3">
+
+            <Entry Placeholder="Montant"
+                   HorizontalOptions="Center"
+                   WidthRequest="280"/>
+
+        </Frame>
 
         <Button
-            Text="Effectuer le virement" />
+            Text="Envoyer la demande"
+            Margin="0, 75, 0, 0"
+            MinimumHeightRequest="80"
+            WidthRequest="300"
+            MaximumWidthRequest="400"/>
 
     </VerticalStackLayout>
 
diff --git a/src/Banquale/Banquale/Views/RibPage.xaml b/src/Banquale/Banquale/Views/RibPage.xaml
index 1938611..a483622 100644
--- a/src/Banquale/Banquale/Views/RibPage.xaml
+++ b/src/Banquale/Banquale/Views/RibPage.xaml
@@ -5,36 +5,121 @@
 
     <VerticalStackLayout>
 
-        <Label 
-            Text="RIB"
-            VerticalOptions="Center" 
-            HorizontalOptions="Center" />
-
-        <Label
-            Text="FR 5466 4654 4554 433"
-            VerticalOptions="Center"
-            HorizontalOptions="Center" />
-
-        <Grid
-            RowDefinitions="auto, auto"
-            ColumnDefinitions="auto, auto">
-
-            <Label
-                Text="Nom"/>
-            <Label
-                Text="Prenom"
-                Grid.Column="1"/>
-
-            <Label
-                Text="Carinne"
-                Grid.Row="1"
-                Grid.Column="1"/>
-            <Label
-                Text="Perotte"
-                Grid.Row="1"/>
+        <Grid RowDefinitions="auto, auto"
+              ColumnDefinitions="*, *">
+
+            <Label Text="Code Banque" />
+
+            <Label Text="Code agence"
+                   Grid.Column="1" />
+            <Label Text="102 330"
+                   Grid.Row="1" />
+            <Label Text="01 009"
+                   Grid.Column="1"
+                   Grid.Row="1" />
+
+        </Grid>
+
+        <Grid RowDefinitions="auto, auto, auto"
+              ColumnDefinitions="*, *, auto" >
+
+            <Label Text="N° de Compte" />
+
+            <Label Text="0000545090"
+                   Grid.Row="1" />
+
+            <Label Text="Clé RIB"
+                   Grid.Column="1" />
+
+            <Label Text="55"
+                   Grid.Column="1"
+                   Grid.Row="1" />
+
+            <Image Source="dotnet_bot.png"
+                   Grid.Column="2"
+                   Grid.RowSpan="2"
+                   MaximumHeightRequest="45"/>
+
+            <BoxView Color="Gray"
+                     Grid.ColumnSpan="3"
+                     Grid.Row="2"
+                     WidthRequest="400"
+                     HeightRequest="1.5"/>
+
+        </Grid>
+
+        <Grid RowDefinitions="auto, auto, auto"
+              ColumnDefinitions="*, auto" >
+
+            <Label Text="RIB" />
+
+            <Label Text="FR56 9989 9900 7723 7732 7324 048"
+                   Grid.Row="1" />
+
+            <Image Source="dotnet_bot.png"
+                   Grid.Column="1"
+                   Grid.RowSpan="2"
+                   MaximumHeightRequest="50" />
+
+            <BoxView Color="Gray"
+                     Grid.ColumnSpan="2"
+                     Grid.Row="2"
+                     WidthRequest="400"
+                     HeightRequest="1.5" />
 
         </Grid>
 
+        <Grid RowDefinitions="auto, auto, auto"
+              ColumnDefinitions="*, auto" >
+
+            <Label Text="RIB" />
+
+            <Label Text="FR56 9989 9900 7723 7732 7324 048"
+                   Grid.Row="1" />
+
+            <Image Source="dotnet_bot.png"
+                   Grid.Column="1"
+                   Grid.RowSpan="2"
+                   MaximumHeightRequest="50" />
+
+            <BoxView Color="Gray"
+                     Grid.ColumnSpan="2"
+                     Grid.Row="2"
+                     WidthRequest="400"
+                     HeightRequest="1.5" />
+
+        </Grid>
+
+        <Grid RowDefinitions="auto, auto, auto"
+              ColumnDefinitions="*, auto" >
+
+            <Label Text="RIB" />
+
+            <Label Text="FR56 9989 9900 7723 7732 7324 048"
+                   Grid.Row="1" />
+
+            <Image Source="dotnet_bot.png"
+                   Grid.Column="1"
+                   Grid.RowSpan="2"
+                   MaximumHeightRequest="50" />
+
+            <BoxView Color="Gray"
+                     Grid.ColumnSpan="2"
+                     Grid.Row="2"
+                     WidthRequest="400"
+                     HeightRequest="1.5" />
+
+        </Grid>
+
+        <Label 
+            Text="Titulaire du compte" />
+
+        <Label Text="M BOURAUD DESCHAMPS" />
+
+        <Button Text="Télécharger le RIB"
+                HeightRequest="150"
+                WidthRequest="300" />
+
     </VerticalStackLayout>
 
 </ContentPage>
diff --git a/src/Banquale/Banquale/Views/TransferPage.xaml b/src/Banquale/Banquale/Views/TransferPage.xaml
index 38a59e6..e3987d4 100644
--- a/src/Banquale/Banquale/Views/TransferPage.xaml
+++ b/src/Banquale/Banquale/Views/TransferPage.xaml
@@ -3,17 +3,50 @@
              xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
              x:Class="Banquale.Views.TransferPage">
 
-    <VerticalStackLayout
-        VerticalOptions="Center">
+    <VerticalStackLayout VerticalOptions="Center">
 
-        <SearchBar Placeholder="Destinataire" />
+        <Frame CornerRadius="10"
+               HeightRequest="40"
+               WidthRequest="300"
+               Margin="0, 5, 0, 5"
+               Padding="3">
 
-        <Entry Placeholder="IBAN" />
+            <Entry Placeholder="Destinataire"
+                   HorizontalOptions="Center"
+                   WidthRequest="280"/>
 
-        <Entry Placeholder="Montant" />
+        </Frame>
+
+        <Frame CornerRadius="10"
+               HeightRequest="40"
+               WidthRequest="300"
+               Margin="0, 5, 0, 5"
+               Padding="3">
+
+            <Entry Placeholder="IBAN"
+                   HorizontalOptions="Center"
+                   WidthRequest="280"/>
+
+        </Frame>
+
+        <Frame CornerRadius="10"
+               HeightRequest="40"
+               WidthRequest="300"
+               Margin="0, 5, 0, 5"
+               Padding="3">
+
+            <Entry Placeholder="Montant"
+                   HorizontalOptions="Center"
+                   WidthRequest="280"/>
+
+        </Frame>
 
         <Button
-            Text="Effectuer le virement" />
+            Text="Effectuer le virement"
+            Margin="0, 75, 0, 0"
+            MinimumHeightRequest="80"
+            WidthRequest="300"
+            MaximumWidthRequest="400"/>
 
     </VerticalStackLayout>