From 6733ddb5443d71faa02551e113295228a52883ba Mon Sep 17 00:00:00 2001
From: lobroda <lou.broda@etu.uca.fr>
Date: Wed, 6 Sep 2023 13:55:49 +0100
Subject: [PATCH] =?UTF-8?q?ADD=20:=20D=C3=A9but=20code=20all=20pages=20:fi?=
 =?UTF-8?q?re:?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 LivreLand/AppShell.xaml                       |  4 +-
 LivreLand/LivreLand.csproj                    | 12 +++
 LivreLand/Resources/Styles/Colors.xaml        |  5 +-
 LivreLand/Resources/Styles/Styles.xaml        | 23 +++++
 LivreLand/View/BibliothequeView.xaml          | 19 ++--
 .../ContentViews/DetailsLivreButtonView.xaml  |  1 +
 .../View/ContentViews/HomeButtonView.xaml     | 11 ++-
 .../View/ContentViews/HomeButtonView.xaml.cs  |  7 ++
 .../ContentViews/PopupHomePlusButtonView.xaml | 68 ++++++++++++++
 .../PopupHomePlusButtonView.xaml.cs           |  9 ++
 .../View/ContentViews/SearchBarView.xaml      | 10 ++
 .../View/ContentViews/SearchBarView.xaml.cs   |  9 ++
 .../SeparatorBigCutStartView.xaml             | 11 +++
 .../SeparatorBigCutStartView.xaml.cs          |  9 ++
 .../ContentViews/SeparatorEntireView.xaml     | 10 ++
 .../ContentViews/SeparatorEntireView.xaml.cs  |  9 ++
 LivreLand/View/DetailsLivreView.xaml          | 36 ++++++--
 LivreLand/View/FiltrageAuteurView.xaml        | 45 +++++++--
 LivreLand/View/FiltrageDateView.xaml          | 44 +++++++--
 LivreLand/View/HeaderHome.xaml                |  2 +-
 LivreLand/View/HeaderPage.xaml                | 91 +++++++++++--------
 LivreLand/View/HeaderPage.xaml.cs             | 39 +++++++-
 22 files changed, 395 insertions(+), 79 deletions(-)
 create mode 100644 LivreLand/View/ContentViews/PopupHomePlusButtonView.xaml
 create mode 100644 LivreLand/View/ContentViews/PopupHomePlusButtonView.xaml.cs
 create mode 100644 LivreLand/View/ContentViews/SearchBarView.xaml
 create mode 100644 LivreLand/View/ContentViews/SearchBarView.xaml.cs
 create mode 100644 LivreLand/View/ContentViews/SeparatorBigCutStartView.xaml
 create mode 100644 LivreLand/View/ContentViews/SeparatorBigCutStartView.xaml.cs
 create mode 100644 LivreLand/View/ContentViews/SeparatorEntireView.xaml
 create mode 100644 LivreLand/View/ContentViews/SeparatorEntireView.xaml.cs

diff --git a/LivreLand/AppShell.xaml b/LivreLand/AppShell.xaml
index 7efe205..993028e 100644
--- a/LivreLand/AppShell.xaml
+++ b/LivreLand/AppShell.xaml
@@ -14,13 +14,13 @@
                       ContentTemplate="{DataTemplate view:BibliothequeView}"
                       Icon="books_vertical_fill.png"/>
         <ShellContent Title="My Lists"
-                      ContentTemplate="{DataTemplate view:TousView}"
+                      ContentTemplate="{DataTemplate view:FiltrageAuteurView}"
                       Icon="list_bullet.svg"/>
         <ShellContent Title="My Readings"
                       ContentTemplate="{DataTemplate view:DetailsLivreView}"
                       Icon="bookmark_fill"/>
         <ShellContent Title="Search"
-                      ContentTemplate="{DataTemplate view:BibliothequeView}"
+                      ContentTemplate="{DataTemplate view:FiltrageDateView}"
                       Icon="magnifying_glass.png"/>
     </TabBar>
 
diff --git a/LivreLand/LivreLand.csproj b/LivreLand/LivreLand.csproj
index afc1c4e..f32cd11 100644
--- a/LivreLand/LivreLand.csproj
+++ b/LivreLand/LivreLand.csproj
@@ -67,9 +67,21 @@
 	  <MauiXaml Update="View\ContentViews\HomeButtonView.xaml">
 	    <Generator>MSBuild:Compile</Generator>
 	  </MauiXaml>
+	  <MauiXaml Update="View\ContentViews\PopupHomePlusButtonView.xaml">
+	    <Generator>MSBuild:Compile</Generator>
+	  </MauiXaml>
+	  <MauiXaml Update="View\ContentViews\SearchBarView.xaml">
+	    <Generator>MSBuild:Compile</Generator>
+	  </MauiXaml>
+	  <MauiXaml Update="View\ContentViews\SeparatorBigCutStartView.xaml">
+	    <Generator>MSBuild:Compile</Generator>
+	  </MauiXaml>
 	  <MauiXaml Update="View\ContentViews\SeparatorCutStartView.xaml">
 	    <Generator>MSBuild:Compile</Generator>
 	  </MauiXaml>
+	  <MauiXaml Update="View\ContentViews\SeparatorEntireView.xaml">
+	    <Generator>MSBuild:Compile</Generator>
+	  </MauiXaml>
 	  <MauiXaml Update="View\DetailsLivreView.xaml">
 	    <Generator>MSBuild:Compile</Generator>
 	  </MauiXaml>
diff --git a/LivreLand/Resources/Styles/Colors.xaml b/LivreLand/Resources/Styles/Colors.xaml
index 2740006..e0df97e 100644
--- a/LivreLand/Resources/Styles/Colors.xaml
+++ b/LivreLand/Resources/Styles/Colors.xaml
@@ -5,8 +5,11 @@
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">
 
     <Color x:Key="Gray">#e1e1e1</Color>
+    <Color x:Key="TextGray">#5b5b5b</Color>
     <Color x:Key="LightGray">#f8f8f8</Color>
-    
+    <Color x:Key="HeaderGray">#f2f0f6</Color>
+    <Color x:Key="HeaderSeparatorGray">#c9c9cb</Color>
+
     <Color x:Key="Primary">#512BD4</Color>
     <Color x:Key="Secondary">#DFD8F7</Color>
     <Color x:Key="Tertiary">#2B0B98</Color>
diff --git a/LivreLand/Resources/Styles/Styles.xaml b/LivreLand/Resources/Styles/Styles.xaml
index dc4a034..d4d8f4f 100644
--- a/LivreLand/Resources/Styles/Styles.xaml
+++ b/LivreLand/Resources/Styles/Styles.xaml
@@ -176,6 +176,28 @@
         </Setter>
     </Style>
 
+    <Style TargetType="Label" x:Key="HeaderTitle">
+        <Setter Property="TextColor" Value="{DynamicResource Black}"/>
+        <Setter Property="FontSize" Value="Medium"/>
+        <Setter Property="FontAttributes" Value="Bold"/>
+    </Style>
+    
+    <Style TargetType="Label" x:Key="DetailsLivreTitle">
+        <Setter Property="TextColor" Value="{DynamicResource Black}"/>
+        <Setter Property="FontSize" Value="Small"/>
+        <Setter Property="FontAttributes" Value="Bold"/>
+    </Style>
+
+    <Style TargetType="Label" x:Key="DetailsLivreBody">
+        <Setter Property="TextColor" Value="{DynamicResource TextGray}"/>
+        <Setter Property="FontSize" Value="Body"/>
+    </Style>
+
+    <Style TargetType="Label" x:Key="DetailsButtonBody">
+        <Setter Property="TextColor" Value="{DynamicResource TextGray}"/>
+        <Setter Property="FontSize" Value="Medium"/>
+    </Style>
+    
     <Style TargetType="ListView">
         <Setter Property="SeparatorColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray500}}" />
         <Setter Property="RefreshControlColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource Gray200}}" />
@@ -247,6 +269,7 @@
 
     <Style TargetType="SearchBar">
         <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource White}}" />
+        <Setter Property="Placeholder" Value="Rechercher" />
         <Setter Property="PlaceholderColor" Value="{StaticResource Gray500}" />
         <Setter Property="CancelButtonColor" Value="{StaticResource Gray500}" />
         <Setter Property="BackgroundColor" Value="Transparent" />
diff --git a/LivreLand/View/BibliothequeView.xaml b/LivreLand/View/BibliothequeView.xaml
index cb36a7d..c65bd7c 100644
--- a/LivreLand/View/BibliothequeView.xaml
+++ b/LivreLand/View/BibliothequeView.xaml
@@ -12,6 +12,7 @@
             <RowDefinition Height="10"/>
             <RowDefinition Height="*"/>
         </Grid.RowDefinitions>
+        
         <view:HeaderHome Grid.Row="0"/>
         <ScrollView Grid.Row="2">
             <Grid>
@@ -35,9 +36,7 @@
                 <VerticalStackLayout BackgroundColor="{DynamicResource LightGray}"
                                         Grid.Row="2">
 
-                    <BoxView Color="{DynamicResource Gray}"  
-                             HeightRequest="1"  
-                             HorizontalOptions="Fill"/>
+                    <contentView:SeparatorEntireView/>
 
                     <!--Tous-->
                     <contentView:HomeButtonView ButtonTitle="Tous"
@@ -69,22 +68,18 @@
                     <contentView:HomeButtonView ButtonTitle="Favoris"
                                                 ButtonIcon="heart_fill.png"/>
 
-                    <BoxView Color="{DynamicResource Gray}"  
-                             HeightRequest="1"  
-                             HorizontalOptions="Fill"/>
+                    <contentView:SeparatorEntireView/>
                 </VerticalStackLayout>
 
                 <Label Text="Filtres"
                        Margin="10,0,0,0"
-                       FontAttributes="Bold"
+                       Style="{StaticResource HeaderTitle}"
                        Grid.Row="4"/>
 
                 <VerticalStackLayout BackgroundColor="{DynamicResource LightGray}"
                                      Grid.Row="6">
 
-                    <BoxView Color="{DynamicResource Gray}"  
-                             HeightRequest="1"  
-                             HorizontalOptions="Fill"/>
+                    <contentView:SeparatorEntireView/>
 
                     <!--Auteur-->
                     <contentView:HomeButtonView ButtonTitle="Auteur"
@@ -102,9 +97,7 @@
                     <contentView:HomeButtonView ButtonTitle="Note"
                                                 ButtonIcon="sparkles.png"/>
 
-                    <BoxView Color="{DynamicResource Gray}"  
-                             HeightRequest="1"  
-                             HorizontalOptions="Fill"/>
+                    <contentView:SeparatorEntireView/>
                 </VerticalStackLayout>
 
             </Grid>
diff --git a/LivreLand/View/ContentViews/DetailsLivreButtonView.xaml b/LivreLand/View/ContentViews/DetailsLivreButtonView.xaml
index 42cdd80..82dadab 100644
--- a/LivreLand/View/ContentViews/DetailsLivreButtonView.xaml
+++ b/LivreLand/View/ContentViews/DetailsLivreButtonView.xaml
@@ -17,6 +17,7 @@
                MaximumWidthRequest="20"
                Grid.Column="0"/>
         <Label Text="{Binding ButtonTitle}"
+               Style="{StaticResource DetailsButtonBody}"
                TextColor="Red"
                VerticalOptions="Center"
                Grid.Column="2"/>
diff --git a/LivreLand/View/ContentViews/HomeButtonView.xaml b/LivreLand/View/ContentViews/HomeButtonView.xaml
index eb51b8d..4c9d0b7 100644
--- a/LivreLand/View/ContentViews/HomeButtonView.xaml
+++ b/LivreLand/View/ContentViews/HomeButtonView.xaml
@@ -12,7 +12,7 @@
             <ColumnDefinition Width="auto"/>
             <ColumnDefinition Width="*"/>
             <ColumnDefinition Width="auto"/>
-            <ColumnDefinition Width="1"/>
+            <ColumnDefinition Width="5"/>
             <ColumnDefinition Width="auto"/>
             <ColumnDefinition Width="10"/>
         </Grid.ColumnDefinitions>
@@ -27,9 +27,12 @@
                VerticalOptions="Center"
                Grid.Column="4"/>
         <Image Source="chevron_right.png"
-               MaximumHeightRequest="20"
-               MaximumWidthRequest="20"
+               MaximumHeightRequest="15"
+               MaximumWidthRequest="15"
                Grid.Column="6"/>
+        <!--<Grid.GestureRecognizers>
+            <TapGestureRecognizer Command=""/>
+        </Grid.GestureRecognizers>-->
     </Grid>
-    
+
 </ContentView>
diff --git a/LivreLand/View/ContentViews/HomeButtonView.xaml.cs b/LivreLand/View/ContentViews/HomeButtonView.xaml.cs
index cb22418..78cf3e9 100644
--- a/LivreLand/View/ContentViews/HomeButtonView.xaml.cs
+++ b/LivreLand/View/ContentViews/HomeButtonView.xaml.cs
@@ -23,6 +23,13 @@ public partial class HomeButtonView : ContentView
         set => SetValue(HomeButtonView.ButtonNumberProperty, value);
     }
 
+    public static readonly BindableProperty ButtonCommandProperty = BindableProperty.Create(nameof(ButtonCommand), typeof(Command), typeof(HomeButtonView), string.Empty);
+    public Command ButtonCommand
+    {
+        get => (Command)GetValue(HomeButtonView.ButtonCommandProperty);
+        set => SetValue(HomeButtonView.ButtonCommandProperty, value);
+    }
+
     public HomeButtonView()
     {
         InitializeComponent();
diff --git a/LivreLand/View/ContentViews/PopupHomePlusButtonView.xaml b/LivreLand/View/ContentViews/PopupHomePlusButtonView.xaml
new file mode 100644
index 0000000..56869aa
--- /dev/null
+++ b/LivreLand/View/ContentViews/PopupHomePlusButtonView.xaml
@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentView xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             x:Class="LivreLand.View.ContentViews.PopupHomePlusButtonView">
+    <Grid>
+        <Grid.RowDefinitions>
+            <RowDefinition Height="auto"/>
+            <RowDefinition Height="auto"/>
+            <RowDefinition Height="auto"/>
+            <RowDefinition Height="10 "/>
+            <RowDefinition Height="auto"/>
+            <RowDefinition Height="auto"/>
+        </Grid.RowDefinitions>
+
+        <Grid Grid.Row="0">
+            <Label Text="Ajouter un livre"/>
+        </Grid>
+
+        <Grid Grid.Row="1">
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition Width="auto"/>
+                <ColumnDefinition Width="*"/>
+                <ColumnDefinition Width="auto"/>
+            </Grid.ColumnDefinitions>
+
+            <Label Text="Scanner un code-barres"
+                   Grid.Column="0"/>
+        </Grid>
+
+        <Grid Grid.Row="2">
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition Width="auto"/>
+                <ColumnDefinition Width="*"/>
+                <ColumnDefinition Width="auto"/>
+            </Grid.ColumnDefinitions>
+
+            <Label Text="Scanner des codes-barres"
+                   Grid.Column="0"/>
+        </Grid>
+
+        <Grid  BackgroundColor="{DynamicResource HeaderGray}"
+              Grid.Row="3"/>
+
+        <Grid Grid.Row="4">
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition Width="auto"/>
+                <ColumnDefinition Width="*"/>
+                <ColumnDefinition Width="auto"/>
+            </Grid.ColumnDefinitions>
+
+            <Label Text="Rechercher en ligne"
+                   Grid.Column="0"/>
+            <Image Source="magnifying_glass.png"
+                   Grid.Column="2"/>
+        </Grid>
+
+        <Grid Grid.Row="5">
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition Width="auto"/>
+                <ColumnDefinition Width="*"/>
+                <ColumnDefinition Width="auto"/>
+            </Grid.ColumnDefinitions>
+
+            <Label Text="Saisir l'ISBN"
+                   Grid.Column="0"/>
+        </Grid>
+    </Grid>
+</ContentView>
diff --git a/LivreLand/View/ContentViews/PopupHomePlusButtonView.xaml.cs b/LivreLand/View/ContentViews/PopupHomePlusButtonView.xaml.cs
new file mode 100644
index 0000000..05ce0a0
--- /dev/null
+++ b/LivreLand/View/ContentViews/PopupHomePlusButtonView.xaml.cs
@@ -0,0 +1,9 @@
+namespace LivreLand.View.ContentViews;
+
+public partial class PopupHomePlusButtonView : ContentView
+{
+	public PopupHomePlusButtonView()
+	{
+		InitializeComponent();
+	}
+}
\ No newline at end of file
diff --git a/LivreLand/View/ContentViews/SearchBarView.xaml b/LivreLand/View/ContentViews/SearchBarView.xaml
new file mode 100644
index 0000000..e07faef
--- /dev/null
+++ b/LivreLand/View/ContentViews/SearchBarView.xaml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentView xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             x:Class="LivreLand.View.ContentViews.SearchBarView">
+
+    <Grid>
+        <SearchBar/> 
+    </Grid>
+    
+</ContentView>
diff --git a/LivreLand/View/ContentViews/SearchBarView.xaml.cs b/LivreLand/View/ContentViews/SearchBarView.xaml.cs
new file mode 100644
index 0000000..2ed3cf3
--- /dev/null
+++ b/LivreLand/View/ContentViews/SearchBarView.xaml.cs
@@ -0,0 +1,9 @@
+namespace LivreLand.View.ContentViews;
+
+public partial class SearchBarView : ContentView
+{
+	public SearchBarView()
+	{
+		InitializeComponent();
+	}
+}
\ No newline at end of file
diff --git a/LivreLand/View/ContentViews/SeparatorBigCutStartView.xaml b/LivreLand/View/ContentViews/SeparatorBigCutStartView.xaml
new file mode 100644
index 0000000..5c33812
--- /dev/null
+++ b/LivreLand/View/ContentViews/SeparatorBigCutStartView.xaml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentView xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             x:Class="LivreLand.View.ContentViews.SeparatorBigCutStartView">
+    <Grid>
+        <BoxView Color="{DynamicResource Gray}"  
+                 Margin="40,0,0,0"
+                 HeightRequest="1"  
+                 HorizontalOptions="Fill"/>
+    </Grid>
+</ContentView>
diff --git a/LivreLand/View/ContentViews/SeparatorBigCutStartView.xaml.cs b/LivreLand/View/ContentViews/SeparatorBigCutStartView.xaml.cs
new file mode 100644
index 0000000..bb2d591
--- /dev/null
+++ b/LivreLand/View/ContentViews/SeparatorBigCutStartView.xaml.cs
@@ -0,0 +1,9 @@
+namespace LivreLand.View.ContentViews;
+
+public partial class SeparatorBigCutStartView : ContentView
+{
+	public SeparatorBigCutStartView()
+	{
+		InitializeComponent();
+	}
+}
\ No newline at end of file
diff --git a/LivreLand/View/ContentViews/SeparatorEntireView.xaml b/LivreLand/View/ContentViews/SeparatorEntireView.xaml
new file mode 100644
index 0000000..6800295
--- /dev/null
+++ b/LivreLand/View/ContentViews/SeparatorEntireView.xaml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentView xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             x:Class="LivreLand.View.ContentViews.SeparatorEntireView">
+    <Grid>
+        <BoxView Color="{DynamicResource HeaderSeparatorGray}"  
+                 HeightRequest="1"  
+                 HorizontalOptions="Fill"/>
+    </Grid>
+</ContentView>
diff --git a/LivreLand/View/ContentViews/SeparatorEntireView.xaml.cs b/LivreLand/View/ContentViews/SeparatorEntireView.xaml.cs
new file mode 100644
index 0000000..398c898
--- /dev/null
+++ b/LivreLand/View/ContentViews/SeparatorEntireView.xaml.cs
@@ -0,0 +1,9 @@
+namespace LivreLand.View.ContentViews;
+
+public partial class SeparatorEntireView : ContentView
+{
+	public SeparatorEntireView()
+	{
+		InitializeComponent();
+	}
+}
\ No newline at end of file
diff --git a/LivreLand/View/DetailsLivreView.xaml b/LivreLand/View/DetailsLivreView.xaml
index c134a41..7fc9424 100644
--- a/LivreLand/View/DetailsLivreView.xaml
+++ b/LivreLand/View/DetailsLivreView.xaml
@@ -11,7 +11,16 @@
             <RowDefinition Height="10"/>
             <RowDefinition Height="*"/>
         </Grid.RowDefinitions>
-        <view:HeaderPage Grid.Row="0"/>
+
+        <VerticalStackLayout Grid.Row="0">
+            <view:HeaderPage HeaderTitle="Détails du livre"
+                             HeaderBackButtonText="Tous"
+                             HeaderPlusButtonVisible="False"
+                             HeaderSwitchButtonVisible="False"
+                             HeaderColor="{DynamicResource HeaderGray}"/>
+            <contentView:SeparatorEntireView/>
+        </VerticalStackLayout>
+
         <ScrollView Grid.Row="2">
             <Grid>
                 <Grid.RowDefinitions>
@@ -68,9 +77,10 @@
                         </Grid.RowDefinitions>
 
                         <Label Text="Auteur"
-                               FontAttributes="Bold"
+                               Style="{StaticResource DetailsLivreTitle}"
                                Grid.Row="0"/>
                         <Label Text="Alain Damasio"
+                               Style="{StaticResource DetailsLivreBody}"
                                Grid.Row="1"/>
                     </Grid>
 
@@ -84,9 +94,10 @@
                         </Grid.RowDefinitions>
 
                         <Label Text="Maison d'édition"
-                               FontAttributes="Bold"
+                               Style="{StaticResource DetailsLivreTitle}"
                                Grid.Row="0"/>
                         <Label Text="Gallimard (2015)"
+                               Style="{StaticResource DetailsLivreBody}"
                                Grid.Row="1"/>
                     </Grid>
 
@@ -100,9 +111,10 @@
                         </Grid.RowDefinitions>
 
                         <Label Text="Résumé"
-                               FontAttributes="Bold"
+                               Style="{StaticResource DetailsLivreTitle}"
                                Grid.Row="0"/>
                         <Label Text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Et malesuada fames ac turpis egestas integer eget aliquet. Nunc sed id semper risus. Nisl purus in mollis nunc sed id semper risus. Egestas congue quisque egestas diam in arcu cursus euismod. Elementum integer enim neque volutpat ac tincidunt vitae. Amet luctus venenatis lectus magna fringilla urna porttitor rhoncus dolor. Sollicitudin tempor id eu nisl nunc. Eget mauris pharetra et ultrices neque. In vitae turpis massa sed elementum tempus. Posuere ac ut consequat semper viverra nam. Quisque non tellus orci ac auctor augue mauris augue. Cursus in hac habitasse platea dictumst. Pellentesque diam volutpat commodo sed egestas egestas fringilla phasellus faucibus. Vel fringilla est ullamcorper eget nulla facilisi etiam."
+                               Style="{StaticResource DetailsLivreBody}"
                                Grid.Row="1"/>
                     </Grid>
 
@@ -118,7 +130,7 @@
                         </Grid.RowDefinitions>
 
                         <Label Text="Détails"
-                               FontAttributes="Bold"
+                               Style="{StaticResource DetailsLivreTitle}"
                                Grid.Row="0"/>
                         <Grid Grid.Row="1">
                             <Grid.ColumnDefinitions>
@@ -128,8 +140,10 @@
                             </Grid.ColumnDefinitions>
 
                             <Label Text="Nombre de pages"
+                                   Style="{StaticResource DetailsLivreBody}"
                                    Grid.Column="0"/>
                             <Label Text="700"
+                                   Style="{StaticResource DetailsLivreBody}"
                                    Grid.Column="2"/>
                         </Grid>
                         <Grid Grid.Row="2">
@@ -140,8 +154,10 @@
                             </Grid.ColumnDefinitions>
 
                             <Label Text="Langue"
+                                   Style="{StaticResource DetailsLivreBody}"
                                    Grid.Column="0"/>
                             <Label Text="français"
+                                   Style="{StaticResource DetailsLivreBody}"
                                    Grid.Column="2"/>
                         </Grid>
                         <Grid Grid.Row="3">
@@ -152,8 +168,10 @@
                             </Grid.ColumnDefinitions>
 
                             <Label Text="ISBN"
+                                   Style="{StaticResource DetailsLivreBody}"
                                    Grid.Column="0"/>
                             <Label Text="9782070464234"
+                                   Style="{StaticResource DetailsLivreBody}"
                                    Grid.Column="2"/>
                         </Grid>
                     </Grid>
@@ -168,7 +186,7 @@
                         </Grid.RowDefinitions>
 
                         <Label Text="Statut de lecture"
-                               FontAttributes="Bold"
+                               Style="{StaticResource DetailsLivreTitle}"
                                Grid.Row="0"/>
                         <Grid Grid.Row="1">
                             <Grid.ColumnDefinitions>
@@ -178,8 +196,10 @@
                             </Grid.ColumnDefinitions>
 
                             <Label Text="Statut"
+                                   Style="{StaticResource DetailsLivreBody}"
                                    Grid.Column="0"/>
                             <Label Text="Non lu"
+                                   Style="{StaticResource DetailsLivreBody}"
                                    Grid.Column="2"/>
                         </Grid>
                     </Grid>
@@ -194,7 +214,7 @@
                         </Grid.RowDefinitions>
 
                         <Label Text="Bibliothèque"
-                               FontAttributes="Bold"
+                               Style="{StaticResource DetailsLivreTitle}"
                                Grid.Row="0"/>
                         <Grid Grid.Row="1">
                             <Grid.ColumnDefinitions>
@@ -204,8 +224,10 @@
                             </Grid.ColumnDefinitions>
 
                             <Label Text="Ajouté le"
+                                   Style="{StaticResource DetailsLivreBody}"
                                    Grid.Column="0"/>
                             <Label Text="10 août 2023"
+                                   Style="{StaticResource DetailsLivreBody}"
                                    Grid.Column="2"/>
                         </Grid>
                     </Grid>
diff --git a/LivreLand/View/FiltrageAuteurView.xaml b/LivreLand/View/FiltrageAuteurView.xaml
index 3884fec..b19da44 100644
--- a/LivreLand/View/FiltrageAuteurView.xaml
+++ b/LivreLand/View/FiltrageAuteurView.xaml
@@ -1,12 +1,45 @@
 <?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:view="clr-namespace:LivreLand.View"
+             xmlns:contentView="clr-namespace:LivreLand.View.ContentViews"
              x:Class="LivreLand.View.FiltrageAuteurView"
              Title="FiltrageAuteurView">
-    <VerticalStackLayout>
-        <Label 
-            Text="Welcome to .NET MAUI!"
-            VerticalOptions="Center" 
-            HorizontalOptions="Center" />
-    </VerticalStackLayout>
+
+    <Grid>
+        <Grid.RowDefinitions>
+            <RowDefinition Height="auto"/>
+            <RowDefinition Height="10"/>
+            <RowDefinition Height="auto"/>
+            <RowDefinition Height="10"/>
+            <RowDefinition Height="*"/>
+        </Grid.RowDefinitions>
+        
+        <view:HeaderPage Grid.Row="0"
+                         HeaderTitle="Auteur"
+                         HeaderBackButtonText="Mes livres"
+                         HeaderPlusButtonVisible="False"
+                         HeaderSwitchButtonVisible="True"/>
+
+        <VerticalStackLayout BackgroundColor="{DynamicResource Light}"
+                             Grid.Row="2">
+            <contentView:SeparatorEntireView/>
+
+            <contentView:SearchBarView Grid.Row="2"/>
+        </VerticalStackLayout>
+        
+        <ScrollView Grid.Row="4">
+            <VerticalStackLayout Grid.Row="2">
+                <contentView:SeparatorEntireView/>
+
+                <!--Alain Damasio-->
+                <contentView:HomeButtonView ButtonTitle="Alain Damasio"
+                                            ButtonIcon="book_fill.png"
+                                            ButtonNumber="2"/>
+
+                <contentView:SeparatorBigCutStartView/>
+            </VerticalStackLayout>
+        </ScrollView>
+    </Grid>
+    
 </ContentPage>
\ No newline at end of file
diff --git a/LivreLand/View/FiltrageDateView.xaml b/LivreLand/View/FiltrageDateView.xaml
index 9d39913..ed16b02 100644
--- a/LivreLand/View/FiltrageDateView.xaml
+++ b/LivreLand/View/FiltrageDateView.xaml
@@ -1,12 +1,44 @@
 <?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:view="clr-namespace:LivreLand.View"
+             xmlns:contentView="clr-namespace:LivreLand.View.ContentViews"
              x:Class="LivreLand.View.FiltrageDateView"
              Title="FiltrageDateView">
-    <VerticalStackLayout>
-        <Label 
-            Text="Welcome to .NET MAUI!"
-            VerticalOptions="Center" 
-            HorizontalOptions="Center" />
-    </VerticalStackLayout>
+
+    <Grid>
+        <Grid.RowDefinitions>
+            <RowDefinition Height="auto"/>
+            <RowDefinition Height="10"/>
+            <RowDefinition Height="auto"/>
+            <RowDefinition Height="10"/>
+            <RowDefinition Height="*"/>
+        </Grid.RowDefinitions>
+
+        <view:HeaderPage Grid.Row="0"
+                         HeaderTitle="Date de publication"
+                         HeaderPlusButtonVisible="False"
+                         HeaderSwitchButtonVisible="True"/>
+
+        <VerticalStackLayout BackgroundColor="{DynamicResource Light}"
+                             Grid.Row="2">
+            <contentView:SeparatorEntireView/>
+
+            <contentView:SearchBarView Grid.Row="2"/>
+        </VerticalStackLayout>
+
+        <ScrollView Grid.Row="4">
+            <VerticalStackLayout Grid.Row="2">
+                <contentView:SeparatorEntireView/>
+
+                <!--2022-->
+                <contentView:HomeButtonView ButtonTitle="2022"
+                                            ButtonIcon="book_fill.png"
+                                            ButtonNumber="1"/>
+
+                <contentView:SeparatorBigCutStartView/>
+            </VerticalStackLayout>
+        </ScrollView>
+    </Grid>
+    
 </ContentPage>
\ No newline at end of file
diff --git a/LivreLand/View/HeaderHome.xaml b/LivreLand/View/HeaderHome.xaml
index ebd81e4..e709636 100644
--- a/LivreLand/View/HeaderHome.xaml
+++ b/LivreLand/View/HeaderHome.xaml
@@ -9,7 +9,7 @@
             <Label Text="Modifier"
                    VerticalOptions="Center"
                    TextColor="Red"
-                   FontAttributes="Bold"
+                   Style="{StaticResource HeaderTitle}"
                    Grid.Column="0"/>
             <!--<Grid.GestureRecognizers>
                 <TapGestureRecognizer Command=""/>
diff --git a/LivreLand/View/HeaderPage.xaml b/LivreLand/View/HeaderPage.xaml
index 6c7f8cd..f7a0257 100644
--- a/LivreLand/View/HeaderPage.xaml
+++ b/LivreLand/View/HeaderPage.xaml
@@ -1,55 +1,70 @@
 <?xml version="1.0" encoding="utf-8" ?>
 <ContentView xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
              xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-             x:Class="LivreLand.View.HeaderPage">
-
+             x:Class="LivreLand.View.HeaderPage"
+             x:Name="this"
+             BindingContext="{x:Reference this}"
+             BackgroundColor="{Binding HeaderColor}">
+    
     <Grid Margin="5">
-        <Grid.ColumnDefinitions>
-            <ColumnDefinition Width="auto"/>
-            <ColumnDefinition Width="*"/>
-            <ColumnDefinition Width="auto"/>
-            <ColumnDefinition Width="*"/>
-            <ColumnDefinition Width="auto"/>
-            <ColumnDefinition Width="2"/>
-            <ColumnDefinition Width="auto"/>
-        </Grid.ColumnDefinitions>
-        
-        <Grid Grid.Column="0">
+        <Grid>
             <Grid.ColumnDefinitions>
+                <ColumnDefinition Width="auto"/>
+                <ColumnDefinition Width="*"/>
                 <ColumnDefinition Width="auto"/>
                 <ColumnDefinition Width="2"/>
                 <ColumnDefinition Width="auto"/>
             </Grid.ColumnDefinitions>
+
+            <Grid Grid.Column="0">
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition Width="auto"/>
+                    <ColumnDefinition Width="2"/>
+                    <ColumnDefinition Width="auto"/>
+                </Grid.ColumnDefinitions>
+                <Button VerticalOptions="Center"
+                        ImageSource="chevron_right.png"
+                        Rotation="180"
+                        BackgroundColor="Transparent"
+                        MaximumHeightRequest="20"
+                        MaximumWidthRequest="20"
+                        Grid.Column="0"/>
+                <Label Text="{Binding HeaderBackButtonText}"
+                       VerticalOptions="Center"
+                       TextColor="Red"
+                       Style="{StaticResource HeaderTitle}"
+                       Grid.Column="2"/>
+                <!--<Grid.GestureRecognizers>
+                    <TapGestureRecognizer Command=""/>
+                </Grid.GestureRecognizers>-->
+            </Grid>
+            <Button VerticalOptions="Center"
+                    ImageSource="plus.png"
+                    BackgroundColor="Transparent"
+                    MaximumHeightRequest="20"
+                    MaximumWidthRequest="20"
+                    IsVisible="{Binding HeaderPlusButtonVisible}"
+                    Grid.Column="2"/>
             <Button VerticalOptions="Center"
-                    ImageSource="chevron_right.png"
-                    Rotation="180"
+                    ImageSource="plus.png"
                     BackgroundColor="Transparent"
                     MaximumHeightRequest="20"
                     MaximumWidthRequest="20"
-                    Grid.Column="0"/>
-            <Label Text="Mes livres"
-                   VerticalOptions="Center"
-                   TextColor="Red"
-                   Grid.Column="2"/>
-            <!--<Grid.GestureRecognizers>
-                <TapGestureRecognizer Command=""/>
-            </Grid.GestureRecognizers>-->
+                    IsVisible="{Binding HeaderSwitchButtonVisible}"
+                    Grid.Column="4"/>
         </Grid>
-        <Label Text="Tous"
-               FontAttributes="Bold"
-               Grid.Column="2"/>
-        <Button VerticalOptions="Center"
-                ImageSource="plus.png"
-                BackgroundColor="Transparent"
-                MaximumHeightRequest="20"
-                MaximumWidthRequest="20"
-                Grid.Column="4"/>
-        <Button VerticalOptions="Center"
-                ImageSource="plus.png"
-                BackgroundColor="Transparent"
-                MaximumHeightRequest="20"
-                MaximumWidthRequest="20"
-                Grid.Column="6"/>
+
+        <Grid>
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition Width="*"/>
+                <ColumnDefinition Width="auto"/>
+                <ColumnDefinition Width="*"/>
+            </Grid.ColumnDefinitions>
+            <Label Text="{Binding HeaderTitle}"
+                   Style="{StaticResource HeaderTitle}"
+                   Grid.Column="1"/>
+        </Grid>
+
     </Grid>
     
 </ContentView>
diff --git a/LivreLand/View/HeaderPage.xaml.cs b/LivreLand/View/HeaderPage.xaml.cs
index 12c76eb..3a3e27f 100644
--- a/LivreLand/View/HeaderPage.xaml.cs
+++ b/LivreLand/View/HeaderPage.xaml.cs
@@ -1,8 +1,45 @@
+using Microsoft.Maui.Graphics;
+
 namespace LivreLand.View;
 
 public partial class HeaderPage : ContentView
 {
-	public HeaderPage()
+    public static readonly BindableProperty HeaderTitleProperty = BindableProperty.Create(nameof(HeaderTitle), typeof(string), typeof(HeaderPage), string.Empty);
+    public string HeaderTitle
+    {
+        get => (string)GetValue(HeaderPage.HeaderTitleProperty);
+        set => SetValue(HeaderPage.HeaderTitleProperty, value);
+    }
+
+    public static readonly BindableProperty HeaderBackButtonTextProperty = BindableProperty.Create(nameof(HeaderBackButtonText), typeof(string), typeof(HeaderPage), string.Empty);
+    public string HeaderBackButtonText
+    {
+        get => (string)GetValue(HeaderPage.HeaderBackButtonTextProperty);
+        set => SetValue(HeaderPage.HeaderBackButtonTextProperty, value);
+    }
+
+    public static readonly BindableProperty HeaderPlusButtonVisibleProperty = BindableProperty.Create(nameof(HeaderPlusButtonVisible), typeof(bool), typeof(HeaderPage), true);
+    public bool HeaderPlusButtonVisible
+    {
+        get => (bool)GetValue(HeaderPage.HeaderPlusButtonVisibleProperty);
+        set => SetValue(HeaderPage.HeaderPlusButtonVisibleProperty, value);
+    }
+
+    public static readonly BindableProperty HeaderSwitchButtonVisibleProperty = BindableProperty.Create(nameof(HeaderSwitchButtonVisible), typeof(bool), typeof(HeaderPage), true);
+    public bool HeaderSwitchButtonVisible
+    {
+        get => (bool)GetValue(HeaderPage.HeaderSwitchButtonVisibleProperty);
+        set => SetValue(HeaderPage.HeaderSwitchButtonVisibleProperty, value);
+    }
+
+    public static readonly BindableProperty HeaderColorProperty = BindableProperty.Create(nameof(HeaderColor), typeof(Color), typeof(HeaderPage), Colors.White);
+    public Color HeaderColor
+    {
+        get => (Color)GetValue(HeaderPage.HeaderColorProperty);
+        set => SetValue(HeaderPage.HeaderColorProperty, value);
+    }
+
+    public HeaderPage()
 	{
 		InitializeComponent();
 	}