From 0b6c21521bf67e24971c0f7e765e67319e7d5f57 Mon Sep 17 00:00:00 2001
From: luevard <lucas.evard@etu.uca.fr>
Date: Wed, 6 Sep 2023 12:32:28 +0200
Subject: [PATCH] :lipstick: fin de la page de la main page, debut de
 navigation et de la page Tous

---
 sources/PocketBook/Auteur.xaml                | 14 +++++++++++
 sources/PocketBook/Auteur.xaml.cs             |  9 +++++++
 sources/PocketBook/ContentViewFilter.xaml     |  2 +-
 sources/PocketBook/ContentViewFilter.xaml.cs  |  5 +++-
 sources/PocketBook/MainPage.xaml              | 24 ++++++++++++++++---
 sources/PocketBook/MainPage.xaml.cs           | 11 +++++++--
 sources/PocketBook/PocketBook.csproj          |  6 +++++
 .../PocketBook/Resources/Images/arrows.svg    |  5 ++++
 .../Resources/Images/chevron_left.svg         |  3 +++
 sources/PocketBook/TousPage.xaml              | 19 +++++++++++++++
 sources/PocketBook/TousPage.xaml.cs           | 10 ++++++++
 11 files changed, 101 insertions(+), 7 deletions(-)
 create mode 100644 sources/PocketBook/Auteur.xaml
 create mode 100644 sources/PocketBook/Auteur.xaml.cs
 create mode 100644 sources/PocketBook/Resources/Images/arrows.svg
 create mode 100644 sources/PocketBook/Resources/Images/chevron_left.svg
 create mode 100644 sources/PocketBook/TousPage.xaml
 create mode 100644 sources/PocketBook/TousPage.xaml.cs

diff --git a/sources/PocketBook/Auteur.xaml b/sources/PocketBook/Auteur.xaml
new file mode 100644
index 0000000..e449401
--- /dev/null
+++ b/sources/PocketBook/Auteur.xaml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             x:Class="PocketBook.Auteur"
+             Title="Auteur">
+    <ScrollView>
+        <VerticalStackLayout>
+        <Label 
+            Text="Welcome to .NET MAUI!"
+            VerticalOptions="Center" 
+            HorizontalOptions="Center" />
+        </VerticalStackLayout>
+    </ScrollView>
+</ContentPage>
\ No newline at end of file
diff --git a/sources/PocketBook/Auteur.xaml.cs b/sources/PocketBook/Auteur.xaml.cs
new file mode 100644
index 0000000..093ca89
--- /dev/null
+++ b/sources/PocketBook/Auteur.xaml.cs
@@ -0,0 +1,9 @@
+namespace PocketBook;
+
+public partial class Auteur : ContentPage
+{
+	public Auteur()
+	{
+		InitializeComponent();
+	}
+}
\ No newline at end of file
diff --git a/sources/PocketBook/ContentViewFilter.xaml b/sources/PocketBook/ContentViewFilter.xaml
index f760d1c..57bd611 100644
--- a/sources/PocketBook/ContentViewFilter.xaml
+++ b/sources/PocketBook/ContentViewFilter.xaml
@@ -5,7 +5,7 @@
     <VerticalStackLayout>
         <Border Stroke="#E6E6E6" BackgroundColor="#F8F8F8" Scale="1.1">
             <StackLayout  Orientation="Horizontal" Padding="0,5,0,5">
-                <Image x:Name="filterImage" Margin="30,0,0,0" Scale="0.65"/>
+                <Image WidthRequest="30" HeightRequest="30" x:Name="filterImage" Margin="30,0,0,0" Scale="0.65"/>
                 <Label x:Name="filterNameLabel" Margin="5,0,0,0" VerticalTextAlignment="Center" HorizontalOptions="StartAndExpand"/>
                 <Label x:Name="filterNumLabel" VerticalTextAlignment="Center" TextColor="#AFAFAF"/>
                 <Image Source="chevron_right.svg" Scale="0.5" HorizontalOptions="End" Margin="0,0,20,0"/>
diff --git a/sources/PocketBook/ContentViewFilter.xaml.cs b/sources/PocketBook/ContentViewFilter.xaml.cs
index 9205aed..08c89f3 100644
--- a/sources/PocketBook/ContentViewFilter.xaml.cs
+++ b/sources/PocketBook/ContentViewFilter.xaml.cs
@@ -28,6 +28,9 @@ public partial class ContentViewFilter : ContentView
     public ContentViewFilter()
     {
         InitializeComponent();
-    
+
+        filterImage.SetBinding(Image.SourceProperty, new Binding(nameof(FilterImageName), source: this));
+        filterNameLabel.SetBinding(Label.TextProperty, new Binding(nameof(FilterName), source: this));
+        filterNumLabel.SetBinding(Label.TextProperty, new Binding(nameof(FilterNum), source: this));
     }
 }
\ No newline at end of file
diff --git a/sources/PocketBook/MainPage.xaml b/sources/PocketBook/MainPage.xaml
index 7a0d37a..ced66f1 100644
--- a/sources/PocketBook/MainPage.xaml
+++ b/sources/PocketBook/MainPage.xaml
@@ -13,13 +13,31 @@
             <Label Padding="15,0,0,0" Text="Mes Livres" FontSize="38" FontAttributes="Bold" Margin="0,0,0,10"/>
             <local:ContentViewFilter FilterImageName="tray_second_fill.svg"
                          FilterName="Tous"
-                         FilterNum="41" />
+                         FilterNum="45">
+                <local:ContentViewFilter.GestureRecognizers>
+                    <TapGestureRecognizer Tapped="OnContentViewFilterTappedTous"/>
+                </local:ContentViewFilter.GestureRecognizers>
+            </local:ContentViewFilter>
             <local:ContentViewFilter FilterImageName="person_badge_clock_fill.svg"
                          FilterName="En prêt"
                          FilterNum="1"/>
             <local:ContentViewFilter FilterImageName="arrow_forward.svg"
-                         FilterName="En prêt"
-                         FilterNum="1"/>
+                         FilterName="A lire plus tard"/>
+            <local:ContentViewFilter FilterImageName="eyeglasses.svg"
+                         FilterName="Statut de lecture"/>
+            <local:ContentViewFilter FilterImageName="heart_fill.svg"
+                         FilterName="Favoris"/>
+            <Label Text="Filtres" FontSize="20" Margin="20,20,0,20" FontAttributes="Bold"/>
+            <local:ContentViewFilter FilterImageName="person_fill.svg"
+                         FilterName="Auteur">
+                <local:ContentViewFilter.GestureRecognizers>
+                    <TapGestureRecognizer Tapped="OnContentViewFilterTappedAuteur"/>
+                </local:ContentViewFilter.GestureRecognizers>
+            </local:ContentViewFilter>
+            <local:ContentViewFilter FilterImageName="calendar.svg"
+                         FilterName="Date de publication"/>
+            <local:ContentViewFilter FilterImageName="sparkles.svg"
+                         FilterName="Note"/>
         </VerticalStackLayout>
     </ScrollView>
 
diff --git a/sources/PocketBook/MainPage.xaml.cs b/sources/PocketBook/MainPage.xaml.cs
index b970a6b..afcad9d 100644
--- a/sources/PocketBook/MainPage.xaml.cs
+++ b/sources/PocketBook/MainPage.xaml.cs
@@ -2,11 +2,18 @@
 
 public partial class MainPage : ContentPage
 {
-	int count = 0;
-
 	public MainPage()
 	{
         InitializeComponent();
 	}
+
+    private async void OnContentViewFilterTappedTous(object sender, EventArgs e)
+    {
+        await Navigation.PushAsync(new TousPage());
+    }
+    private async void OnContentViewFilterTappedAuteur(object sender, EventArgs e)
+    {
+        await Navigation.PushAsync(new Auteur());
+    }
 }
 
diff --git a/sources/PocketBook/PocketBook.csproj b/sources/PocketBook/PocketBook.csproj
index 6195046..7c83ab2 100644
--- a/sources/PocketBook/PocketBook.csproj
+++ b/sources/PocketBook/PocketBook.csproj
@@ -53,12 +53,18 @@
 	</ItemGroup>
 
 	<ItemGroup>
+	  <MauiXaml Update="Auteur.xaml">
+	    <Generator>MSBuild:Compile</Generator>
+	  </MauiXaml>
 	  <MauiXaml Update="ContentViewFilter.xaml">
 	    <Generator>MSBuild:Compile</Generator>
 	  </MauiXaml>
 	  <MauiXaml Update="NewContent1.xaml">
 	    <Generator>MSBuild:Compile</Generator>
 	  </MauiXaml>
+	  <MauiXaml Update="TousPage.xaml">
+	    <Generator>MSBuild:Compile</Generator>
+	  </MauiXaml>
 	</ItemGroup>
 
 </Project>
diff --git a/sources/PocketBook/Resources/Images/arrows.svg b/sources/PocketBook/Resources/Images/arrows.svg
new file mode 100644
index 0000000..7562729
--- /dev/null
+++ b/sources/PocketBook/Resources/Images/arrows.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18 3.99997C18 3.44769 17.5523 2.99998 17 2.99998C16.4477 2.99999 16 3.44771 16 4L16.0002 17.586L13.7071 15.2929C13.3166 14.9024 12.6834 14.9024 12.2929 15.2929C11.9024 15.6834 11.9024 16.3166 12.2929 16.7071L16.2929 20.7071C16.4163 20.8305 16.5639 20.9149 16.7204 20.9603C16.7777 20.977 16.837 20.9886 16.898 20.9948C16.9316 20.9982 16.9657 21 17.0002 21C17.018 21 17.0357 20.9995 17.0533 20.9986C17.3143 20.985 17.5488 20.8712 17.7192 20.695L21.7071 16.7071C22.0976 16.3166 22.0976 15.6834 21.7071 15.2929C21.3166 14.9024 20.6834 14.9024 20.2929 15.2929L18.0002 17.5856L18 3.99997Z" fill="#000000"/>
+<path d="M8 20L8 6.41421L10.2929 8.7071C10.6834 9.09763 11.3166 9.09763 11.7071 8.7071C12.0976 8.31658 12.0976 7.68341 11.7071 7.29289L7.70711 3.29289C7.31658 2.90237 6.68342 2.90237 6.29289 3.29289L2.29289 7.29289C1.90237 7.68341 1.90237 8.31658 2.29289 8.7071C2.68342 9.09763 3.31658 9.09763 3.70711 8.7071L6 6.41421L6 20C6 20.5523 6.44772 21 7 21C7.55229 21 8 20.5523 8 20Z" fill="#000000"/>
+</svg>
\ No newline at end of file
diff --git a/sources/PocketBook/Resources/Images/chevron_left.svg b/sources/PocketBook/Resources/Images/chevron_left.svg
new file mode 100644
index 0000000..018f8b6
--- /dev/null
+++ b/sources/PocketBook/Resources/Images/chevron_left.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-left" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/>
+</svg>
\ No newline at end of file
diff --git a/sources/PocketBook/TousPage.xaml b/sources/PocketBook/TousPage.xaml
new file mode 100644
index 0000000..e6e4c37
--- /dev/null
+++ b/sources/PocketBook/TousPage.xaml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             xmlns:local="clr-namespace:PocketBook"
+             x:Class="PocketBook.TousPage">
+    <ScrollView>
+        <VerticalStackLayout>
+            <StackLayout Orientation="Horizontal" Padding="5,0">
+                <Image Source="chevron_left.svg"/>
+                <Label VerticalTextAlignment="Center" Text="Mes livres" FontAttributes="Bold" HorizontalOptions="StartAndExpand" TextColor="{StaticResource Primary}" FontSize="15" Margin="5,0,0,0"/>
+                <Label Text="Tous" FontAttributes="Bold" FontSize="18" VerticalTextAlignment="Center" HorizontalOptions="Center"/>
+                <StackLayout HorizontalOptions="EndAndExpand" Orientation="Horizontal">
+                    <Label VerticalTextAlignment="Center" Text="+" TextColor="{StaticResource Primary}" FontSize="30" />
+                    <Image Margin="15,0,0,0" x:Name="imageArrows" WidthRequest="25" HeightRequest="25" Source="arrows.svg"/>
+                </StackLayout>
+            </StackLayout>
+        </VerticalStackLayout>
+    </ScrollView>
+</ContentPage>
diff --git a/sources/PocketBook/TousPage.xaml.cs b/sources/PocketBook/TousPage.xaml.cs
new file mode 100644
index 0000000..36bba43
--- /dev/null
+++ b/sources/PocketBook/TousPage.xaml.cs
@@ -0,0 +1,10 @@
+namespace PocketBook;
+
+public partial class TousPage : ContentPage
+{
+    public TousPage()
+    {
+        InitializeComponent();
+    }
+
+}
\ No newline at end of file