ADD : good book cover, status bar color, emprunts/prets page, collection view disposition

(ToDo : navigation & bookmark for cover)

LivreLand/AppShell.xaml

@@ -17,7 +17,7 @@
                       ContentTemplate="{DataTemplate view:TousView}"
                       Icon="list_bullet.svg"/>
         <ShellContent Title="My Readings"
-                      ContentTemplate="{DataTemplate view:FiltrageAuteurView}"
+                      ContentTemplate="{DataTemplate view:EmpruntsPretsView}"
                       Icon="bookmark_fill"/>
         <ShellContent Title="Search"
                       ContentTemplate="{DataTemplate view:FiltrageDateView}"

LivreLand/LivreLand.csproj

@@ -67,6 +67,9 @@
 	  <MauiXaml Update="View\ContentViews\DetailsLivreButtonView.xaml">
 	    <Generator>MSBuild:Compile</Generator>
 	  </MauiXaml>
+	  <MauiXaml Update="View\ContentViews\EmpruntsPretsButtonView.xaml">
+	    <Generator>MSBuild:Compile</Generator>
+	  </MauiXaml>
 	  <MauiXaml Update="View\ContentViews\HomeButtonView.xaml">
 	    <Generator>MSBuild:Compile</Generator>
 	  </MauiXaml>
@@ -97,6 +100,9 @@
 	  <MauiXaml Update="View\DetailsLivreView.xaml">
 	    <Generator>MSBuild:Compile</Generator>
 	  </MauiXaml>
+	  <MauiXaml Update="View\EmpruntsPretsView.xaml">
+	    <Generator>MSBuild:Compile</Generator>
+	  </MauiXaml>
 	  <MauiXaml Update="View\FiltrageAuteurView.xaml">
 	    <Generator>MSBuild:Compile</Generator>
 	  </MauiXaml>

LivreLand/View/BibliothequeView.xaml

@@ -3,9 +3,17 @@
              xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
              xmlns:view="clr-namespace:LivreLand.View"
              xmlns:contentView="clr-namespace:LivreLand.View.ContentViews"
+             xmlns:toolkit="http://schemas.microsoft.com/dotnet/2022/maui/toolkit"
              x:Class="LivreLand.View.BibliothequeView"
              x:Name="this"
              Title="BibliothequeView">
+    <ContentPage.Behaviors>
+        <toolkit:StatusBarBehavior>
+            <toolkit:StatusBarBehavior.StatusBarColor>
+                <AppThemeBinding Light="{StaticResource Black}" Dark="{StaticResource White}" />
+            </toolkit:StatusBarBehavior.StatusBarColor>
+        </toolkit:StatusBarBehavior>
+    </ContentPage.Behaviors>
 
     <Grid BindingContext="{x:Reference this}">
         <Grid.RowDefinitions>
@@ -44,7 +52,6 @@
                     <contentView:HomeButtonView ButtonTitle="Tous"
                                                 ButtonIcon="tray_2_fill.png"
                                                 ButtonNumber="45"
-                                                ButtonCommand="{Binding FiltreAuteurCommand}"
                                                 ButtonRedIconVisible="False"
                                                 ButtonBlackIconVisible="True"/>
 

LivreLand/View/BibliothequeView.xaml.cs

@@ -4,21 +4,8 @@ namespace LivreLand.View;
 
 public partial class BibliothequeView : ContentPage
 {
-    public ICommand FiltreAuteurCommand { get; private set; }
-
 	public BibliothequeView()
 	{
 		InitializeComponent();
-
-        //Commandes navigation temporaires
-        FiltreAuteurCommand = new Command(
-            execute: () =>
-            {
-                App.Current.MainPage.Navigation.PushAsync(new FiltrageAuteurView());
-            },
-            canExecute: () =>
-            {
-                return true;
-            });
     }
 }

LivreLand/View/ContentViews/EmpruntsPretsButtonView.xaml

@@ -0,0 +1,43 @@
+<?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.EmpruntsPretsButtonView">
+
+    <Grid>
+        <Grid.ColumnDefinitions>
+            <ColumnDefinition Width="1*"/>
+            <ColumnDefinition Width="4*"/>
+            <ColumnDefinition Width="1*"/>
+        </Grid.ColumnDefinitions>
+        <Border Grid.Column="1">
+            <Grid BackgroundColor="{StaticResource Gray}"
+                  Grid.Column="1">
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition Width="1*"/>
+                    <ColumnDefinition Width="1*"/>
+                </Grid.ColumnDefinitions>
+        
+                <Button x:Name="pretsClicked"
+                        Text="Prêts"
+                        TextColor="{AppThemeBinding Light={StaticResource Black}, Dark={StaticResource White}}"
+                        BackgroundColor="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource Black}}"
+                        Clicked="OnPretsClicked"
+                        Margin="2"
+                        Grid.Column="0"/>
+                <Button x:Name="empruntsButton"
+                        Text="Emprunts"
+                        TextColor="{AppThemeBinding Light={StaticResource Black}, Dark={StaticResource White}}"
+                        BackgroundColor="Transparent"
+                        Clicked="OnEmpruntsClicked"
+                        Margin="2"
+                        Grid.Column="1"/>        
+            </Grid>
+            <Border.StrokeShape>
+                <RoundRectangle CornerRadius="10" />
+            </Border.StrokeShape>
+        </Border>
+       
+    </Grid>
+
+    
+</ContentView>

LivreLand/View/ContentViews/EmpruntsPretsButtonView.xaml.cs

@@ -0,0 +1,25 @@
+namespace LivreLand.View.ContentViews;
+
+public partial class EmpruntsPretsButtonView : ContentView
+{
+	public EmpruntsPretsButtonView()
+	{
+		InitializeComponent();
+	}
+
+	public void OnPretsClicked(object sender, EventArgs e)
+	{
+		pretsClicked.BackgroundColor = Colors.Transparent;
+		pretsClicked.IsEnabled = false;
+		empruntsButton.BackgroundColor = Colors.White;
+		empruntsButton.IsEnabled = true;
+	}
+
+    public void OnEmpruntsClicked(object sender, EventArgs e)
+    {
+        pretsClicked.BackgroundColor = Colors.White;
+        pretsClicked.IsEnabled = true;
+        empruntsButton.BackgroundColor = Colors.Transparent;
+        empruntsButton.IsEnabled = false;
+    }
+}

LivreLand/View/ContentViews/HomeButtonView.xaml

@@ -51,10 +51,6 @@
                 <toolkit:IconTintColorBehavior TintColor="{AppThemeBinding Light={StaticResource Black}, Dark={StaticResource White}}"/>
             </Image.Behaviors>
         </Image>
-
-        <Grid.GestureRecognizers>
-            <TapGestureRecognizer Command="{Binding ButtonCommand}"/>
-        </Grid.GestureRecognizers>
     </Grid>
 
 </ContentView>

LivreLand/View/ContentViews/HomeButtonView.xaml.cs

@@ -39,13 +39,6 @@ public partial class HomeButtonView : ContentView
         set => SetValue(HomeButtonView.ButtonBlackIconVisibleProperty, value);
     }
 
-    public static readonly BindableProperty ButtonCommandProperty = BindableProperty.Create(nameof(ButtonCommand), typeof(Command), typeof(HomeButtonView));
-    public Command ButtonCommand
-    {
-        get => (Command)GetValue(HomeButtonView.ButtonCommandProperty);
-        set => SetValue(HomeButtonView.ButtonCommandProperty, value);
-    }
-
     public HomeButtonView()
     {
         InitializeComponent();

LivreLand/View/ContentViews/SearchBarView.xaml

@@ -13,7 +13,7 @@
         </Grid.ColumnDefinitions>
         <Frame CornerRadius="10"
                BorderColor="Transparent"
-               BackgroundColor="{DynamicResource Gray}"
+               BackgroundColor="{StaticResource Gray}"
                HeightRequest="40"
                Grid.Column="1">
             <SearchBar WidthRequest="200"

LivreLand/View/DetailsLivreView.xaml

@@ -43,11 +43,25 @@
                             <RowDefinition Height="auto"/>
                         </Grid.RowDefinitions>
 
-                        <Image Source="book_cover.png"
+                        <Border Padding="-5,-5,-5,1"
-                                   WidthRequest="100"
                                             HeightRequest="100"
+                                            WidthRequest="62"
+                                            HorizontalOptions="Center"
+                                            Stroke="{StaticResource Gray}"
+                                            StrokeShape="RoundRectangle 3"
+                                            StrokeThickness="3"
                                             Grid.Column="0"
-                                   Grid.RowSpan="3"/>
+                                            Grid.RowSpan="3">
+                            <Border HorizontalOptions="Center"
+                                                Stroke="{StaticResource Gray}"
+                                                StrokeShape="RoundRectangle 3"
+                                                StrokeThickness="3">
+                                <Image Source="couverture_la_horde_du_contrevent.png"
+                                                   Aspect="AspectFill"
+                                                   Grid.Column="0"
+                                                   Grid.RowSpan="5"/>
+                            </Border>
+                        </Border>
                         <Label Text="La horde du contrevent"
                                Grid.Column="2"
                                Grid.Row="0"/>

LivreLand/View/EmpruntsPretsView.xaml

@@ -0,0 +1,205 @@
+<?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.EmpruntsPretsView"
+             Title="EmpruntsPretsView">
+
+    <Grid>
+        <Grid.RowDefinitions>
+            <RowDefinition Height="auto"/>
+            <RowDefinition Height="10"/>
+            <RowDefinition Height="auto"/>
+            <RowDefinition Height="10"/>
+            <RowDefinition Height="*"/>
+        </Grid.RowDefinitions>
+
+        <view:HeaderPage HeaderTitle="Tous"
+                         HeaderBackButtonText="Mes livres"
+                         HeaderPlusButtonVisible="True"
+                         HeaderSwitchButtonVisible="True"
+                         Grid.Row="0"/>
+        <contentView:EmpruntsPretsButtonView Grid.Row="2"/>
+        <ScrollView Grid.Row="4">
+            <Grid>
+                <Grid.RowDefinitions>
+                    <RowDefinition Height="40"/>
+                    <RowDefinition Height="10"/>
+                    <RowDefinition Height="auto"/>
+                    <RowDefinition Height="10"/>
+                    <RowDefinition Height="40"/>
+                    <RowDefinition Height="10"/>
+                    <RowDefinition Height="auto"/>
+                </Grid.RowDefinitions>
+                <Grid BackgroundColor="{AppThemeBinding Light={StaticResource HeaderGray}, Dark={StaticResource Gray900}}"
+                      Grid.Row="0">
+                    <Grid.ColumnDefinitions>
+                        <ColumnDefinition Width="10"/>
+                        <ColumnDefinition Width="auto"/>
+                        <ColumnDefinition Width="*"/>
+                    </Grid.ColumnDefinitions>
+
+                    <Label Text="Antoine"
+                           VerticalOptions="Center"
+                           Style="{StaticResource HeaderCollectionViewText}"
+                           Grid.Column="1"/>
+                </Grid>
+                <CollectionView ItemsSource="{Binding AntoineBooks}"
+                                SelectionMode="Single"
+                                SelectionChanged="OnSelectionChanged"
+                                Grid.Row="2">
+                    <CollectionView.ItemTemplate>
+                        <DataTemplate>
+                            <VerticalStackLayout Margin="10"
+                                                 Spacing="20">
+                                <VisualStateManager.VisualStateGroups x:Name="SelectionStates">
+                                    <VisualStateGroup>
+                                        <VisualState x:Name="Selected">
+                                            <VisualState.Setters>
+                                                <Setter Property="BackgroundColor" Value="Transparent" />
+                                            </VisualState.Setters>
+                                        </VisualState>
+                                    </VisualStateGroup>
+                                </VisualStateManager.VisualStateGroups>
+                                <Grid>
+                                    <Grid.ColumnDefinitions>
+                                        <ColumnDefinition Width="auto"/>
+                                        <ColumnDefinition Width="10"/>
+                                        <ColumnDefinition Width="auto"/>
+                                    </Grid.ColumnDefinitions>
+                                    <Grid.RowDefinitions>
+                                        <RowDefinition Height="auto"/>
+                                        <RowDefinition Height="auto"/>
+                                        <RowDefinition Height="auto"/>
+                                        <RowDefinition Height="*"/>
+                                        <RowDefinition Height="auto"/>
+                                    </Grid.RowDefinitions>
+                                    <Border Padding="-5,-5,-5,1"
+                                            Margin="10,0,0,0"
+                                            HeightRequest="100"
+                                            WidthRequest="62"
+                                            HorizontalOptions="Center"
+                                            Stroke="{StaticResource Gray}"
+                                            StrokeShape="RoundRectangle 3"
+                                            StrokeThickness="3"
+                                            Grid.Column="0"
+                                            Grid.RowSpan="5">
+                                        <Border HorizontalOptions="Center"
+                                                Stroke="{StaticResource Gray}"
+                                                StrokeShape="RoundRectangle 3"
+                                                StrokeThickness="3">
+                                            <Image Source="couverture_la_horde_du_contrevent.png"
+                                                   Aspect="AspectFill"
+                                                   Grid.Column="0"
+                                                   Grid.RowSpan="5"/>
+                                        </Border>
+                                    </Border>
+                                    <Label Text="{Binding Title}"
+                                           Style="{StaticResource MasterTitleBookText}"
+                                           Grid.Column="2"
+                                           Grid.Row="0"/>
+                                    <Label Text="{Binding Author}"
+                                           Style="{StaticResource MasterAuthorBookText}"
+                                           Grid.Column="2"
+                                           Grid.Row="1"/>
+                                    <Label Text="{Binding State}"
+                                           Style="{StaticResource MasterStateBookText}"                                   
+                                           Grid.Column="2"
+                                           Grid.Row="2"/>
+                                    <contentView:StarNotationView Grid.Column="2"
+                                                                  Grid.Row="4"/>
+                                </Grid>
+                                <contentView:SeparatorCutStartView/>
+                            </VerticalStackLayout>
+                        </DataTemplate>
+                    </CollectionView.ItemTemplate>
+                </CollectionView>
+                <Grid BackgroundColor="{AppThemeBinding Light={StaticResource HeaderGray}, Dark={StaticResource Gray900}}"
+                      Grid.Row="4">
+                    <Grid.ColumnDefinitions>
+                        <ColumnDefinition Width="10"/>
+                        <ColumnDefinition Width="auto"/>
+                        <ColumnDefinition Width="*"/>
+                    </Grid.ColumnDefinitions>
+
+                    <Label Text="Audrey Pouclet"
+                           VerticalOptions="Center"
+                           Style="{StaticResource HeaderCollectionViewText}"
+                           Grid.Column="1"/>
+                </Grid>
+                <CollectionView ItemsSource="{Binding AudreyPoucletBooks}"
+                                SelectionMode="Single"
+                                SelectionChanged="OnSelectionChanged"
+                                Grid.Row="6">
+                    <CollectionView.ItemTemplate>
+                        <DataTemplate>
+                            <VerticalStackLayout Margin="10"
+                                                 Spacing="20">
+                                <VisualStateManager.VisualStateGroups x:Name="SelectionStates">
+                                    <VisualStateGroup>
+                                        <VisualState x:Name="Selected">
+                                            <VisualState.Setters>
+                                                <Setter Property="BackgroundColor" Value="Transparent" />
+                                            </VisualState.Setters>
+                                        </VisualState>
+                                    </VisualStateGroup>
+                                </VisualStateManager.VisualStateGroups>
+                                <Grid>
+                                    <Grid.ColumnDefinitions>
+                                        <ColumnDefinition Width="auto"/>
+                                        <ColumnDefinition Width="10"/>
+                                        <ColumnDefinition Width="auto"/>
+                                    </Grid.ColumnDefinitions>
+                                    <Grid.RowDefinitions>
+                                        <RowDefinition Height="auto"/>
+                                        <RowDefinition Height="auto"/>
+                                        <RowDefinition Height="auto"/>
+                                        <RowDefinition Height="*"/>
+                                        <RowDefinition Height="auto"/>
+                                    </Grid.RowDefinitions>
+                                    <Border Padding="-5,-5,-5,1"
+                                            Margin="10,0,0,0"
+                                            HeightRequest="100"
+                                            WidthRequest="62"
+                                            HorizontalOptions="Center"
+                                            Stroke="{StaticResource Gray}"
+                                            StrokeShape="RoundRectangle 3"
+                                            StrokeThickness="3"
+                                            Grid.Column="0"
+                                            Grid.RowSpan="5">
+                                        <Border HorizontalOptions="Center"
+                                                Stroke="{StaticResource Gray}"
+                                                StrokeShape="RoundRectangle 3"
+                                                StrokeThickness="3">
+                                            <Image Source="couverture_la_horde_du_contrevent.png"
+                                                   Aspect="AspectFill"
+                                                   Grid.Column="0"
+                                                   Grid.RowSpan="5"/>
+                                        </Border>
+                                    </Border>
+                                    <Label Text="{Binding Title}"
+                                           Style="{StaticResource MasterTitleBookText}"
+                                           Grid.Column="2"
+                                           Grid.Row="0"/>
+                                    <Label Text="{Binding Author}"
+                                           Style="{StaticResource MasterAuthorBookText}"
+                                           Grid.Column="2"
+                                           Grid.Row="1"/>
+                                    <Label Text="{Binding State}"
+                                           Style="{StaticResource MasterStateBookText}"                                   
+                                           Grid.Column="2"
+                                           Grid.Row="2"/>
+                                    <contentView:StarNotationView Grid.Column="2"
+                                                                  Grid.Row="4"/>
+                                </Grid>
+                                <contentView:SeparatorCutStartView/>
+                            </VerticalStackLayout>
+                        </DataTemplate>
+                    </CollectionView.ItemTemplate>
+                </CollectionView>
+            </Grid>
+        </ScrollView>
+    </Grid>
+    
+</ContentPage>

LivreLand/View/EmpruntsPretsView.xaml.cs

@@ -0,0 +1,27 @@
+using LivreLand.Model;
+
+namespace LivreLand.View;
+
+public partial class EmpruntsPretsView : ContentPage
+{
+    public List<BookModel> AntoineBooks { get; set; } = new List<BookModel>()
+    {
+        new BookModel("The Wake","Scott Snyder","Terminé", 0),
+    };
+
+    public List<BookModel> AudreyPoucletBooks { get; set; } = new List<BookModel>()
+    {
+        new BookModel("Les feux de Cibola","James S. A. Corey","Terminé", 0),
+    };
+
+    public EmpruntsPretsView()
+	{
+        BindingContext = this;
+        InitializeComponent();
+	}
+
+    void OnSelectionChanged(object sender, SelectionChangedEventArgs e)
+    {
+        App.Current.MainPage.Navigation.PushAsync(new DetailsLivreView());
+    }
+}

LivreLand/View/TousView.xaml

@@ -18,12 +18,16 @@
                          HeaderPlusButtonVisible="True"
                          HeaderSwitchButtonVisible="True"
                          Grid.Row="0"/>
-        <ScrollView Grid.Row="2" Style="{StaticResource Key=test}">
+        <ScrollView Grid.Row="2">
             <Grid>
                 <Grid.RowDefinitions>
                     <RowDefinition Height="40"/>
                     <RowDefinition Height="10"/>
                     <RowDefinition Height="auto"/>
+                    <RowDefinition Height="10"/>
+                    <RowDefinition Height="40"/>
+                    <RowDefinition Height="10"/>
+                    <RowDefinition Height="auto"/>
                 </Grid.RowDefinitions>
                 <Grid BackgroundColor="{AppThemeBinding Light={StaticResource HeaderGray}, Dark={StaticResource Gray900}}"
                       Grid.Row="0">
@@ -38,7 +42,7 @@
                            Style="{StaticResource HeaderCollectionViewText}"
                            Grid.Column="1"/>
                 </Grid>
-                <CollectionView ItemsSource="{Binding AllBooks}"
+                <CollectionView ItemsSource="{Binding DamasioBooks}"
                                 SelectionMode="Single"
                                 SelectionChanged="OnSelectionChanged"
                                 Grid.Row="2">
@@ -68,16 +72,109 @@
                                         <RowDefinition Height="*"/>
                                         <RowDefinition Height="auto"/>
                                     </Grid.RowDefinitions>
-                                    <Image Source="book_cover.png"
+                                    <Border Padding="-5,-5,-5,1"
-                                           WidthRequest="100"
+                                            Margin="10,0,0,0"
                                             HeightRequest="100"
+                                            WidthRequest="62"
+                                            HorizontalOptions="Center"
+                                            Stroke="{StaticResource Gray}"
+                                            StrokeShape="RoundRectangle 3"
+                                            StrokeThickness="3"
+                                            Grid.Column="0"
+                                            Grid.RowSpan="5">
+                                        <Border HorizontalOptions="Center"
+                                                Stroke="{StaticResource Gray}"
+                                                StrokeShape="RoundRectangle 3"
+                                                StrokeThickness="3">
+                                            <Image Source="couverture_la_horde_du_contrevent.png"
+                                                   Aspect="AspectFill"
                                                    Grid.Column="0"
                                                    Grid.RowSpan="5"/>
+                                        </Border>
+                                    </Border>
+                                    <Label Text="{Binding Title}"
+                                           Style="{StaticResource MasterTitleBookText}"
+                                           Grid.Column="2"
+                                           Grid.Row="0"/>
+                                    <Label Text="{Binding Author}"
+                                           Style="{StaticResource MasterAuthorBookText}"
+                                           Grid.Column="2"
+                                           Grid.Row="1"/>
+                                    <Label Text="{Binding State}"
+                                           Style="{StaticResource MasterStateBookText}"                                   
+                                           Grid.Column="2"
+                                           Grid.Row="2"/>
+                                    <contentView:StarNotationView Grid.Column="2"
+                                                                  Grid.Row="4"/>
+                                </Grid>
+                                <contentView:SeparatorCutStartView/>
+                            </VerticalStackLayout>
+                        </DataTemplate>
+                    </CollectionView.ItemTemplate>
+                </CollectionView>
+                <Grid BackgroundColor="{AppThemeBinding Light={StaticResource HeaderGray}, Dark={StaticResource Gray900}}"
+                      Grid.Row="4">
+                    <Grid.ColumnDefinitions>
+                        <ColumnDefinition Width="10"/>
+                        <ColumnDefinition Width="auto"/>
+                        <ColumnDefinition Width="*"/>
+                    </Grid.ColumnDefinitions>
+
+                    <Label Text="Cixin Liu"
+                           VerticalOptions="Center"
+                           Style="{StaticResource HeaderCollectionViewText}"
+                           Grid.Column="1"/>
+                </Grid>
+                <CollectionView ItemsSource="{Binding LiuBooks}"
+                                SelectionMode="Single"
+                                SelectionChanged="OnSelectionChanged"
+                                Grid.Row="6">
+                    <CollectionView.ItemTemplate>
+                        <DataTemplate>
+                            <VerticalStackLayout Margin="10"
+                                                 Spacing="20">
+                                <VisualStateManager.VisualStateGroups x:Name="SelectionStates">
+                                    <VisualStateGroup>
+                                        <VisualState x:Name="Selected">
+                                            <VisualState.Setters>
+                                                <Setter Property="BackgroundColor" Value="Transparent" />
+                                            </VisualState.Setters>
+                                        </VisualState>
+                                    </VisualStateGroup>
+                                </VisualStateManager.VisualStateGroups>
+                                <Grid>
+                                    <Grid.ColumnDefinitions>
+                                        <ColumnDefinition Width="auto"/>
+                                        <ColumnDefinition Width="10"/>
+                                        <ColumnDefinition Width="auto"/>
+                                    </Grid.ColumnDefinitions>
+                                    <Grid.RowDefinitions>
+                                        <RowDefinition Height="auto"/>
+                                        <RowDefinition Height="auto"/>
+                                        <RowDefinition Height="auto"/>
+                                        <RowDefinition Height="*"/>
+                                        <RowDefinition Height="auto"/>
+                                    </Grid.RowDefinitions>
+                                    <Border Padding="-5,-5,-5,1"
+                                            Margin="10,0,0,0"
+                                            HeightRequest="100"
+                                            WidthRequest="62"
+                                            HorizontalOptions="Center"
+                                            Stroke="{StaticResource Gray}"
+                                            StrokeShape="RoundRectangle 3"
+                                            StrokeThickness="3"
+                                            Grid.Column="0"
+                                            Grid.RowSpan="5">
+                                        <Border HorizontalOptions="Center"
+                                                Stroke="{StaticResource Gray}"
+                                                StrokeShape="RoundRectangle 3"
+                                                StrokeThickness="3">
                                             <Image Source="couverture_la_horde_du_contrevent.png"
-                                           WidthRequest="90"
+                                                   Aspect="AspectFill"
-                                           HeightRequest="90"
                                                    Grid.Column="0"
                                                    Grid.RowSpan="5"/>
+                                        </Border>
+                                    </Border>
                                     <Label Text="{Binding Title}"
                                            Style="{StaticResource MasterTitleBookText}"
                                            Grid.Column="2"
@@ -106,4 +203,5 @@
             <contentView:AlphabetVerticalMenuView/>
         </Grid>
     </Grid>
+    
 </ContentPage>

LivreLand/View/TousView.xaml.cs

@@ -4,11 +4,17 @@ namespace LivreLand.View;
 
 public partial class TousView : ContentPage
 {
-	public List<BookModel> AllBooks { get; set; } = new List<BookModel>()
+	public List<BookModel> DamasioBooks { get; set; } = new List<BookModel>()
 	{
 		new BookModel("La horde du contrevent","Alain Damasio","Non lu", 0),
 		new BookModel("La zone du dehors","Alain Damasio","Terminé", 0),
-		new BookModel("L'équateur d'Einstein","Cixin Liu","Non lu", 0)
+    };
+
+    public List<BookModel> LiuBooks { get; set; } = new List<BookModel>()
+    {
+        new BookModel("L'équateur d'Einstein","Cixin Liu","Terminé", 0),
+        new BookModel("La forêt sombre","Cixin Liu","Terminé", 0),
+        new BookModel("Le problème à trois corps","Cixin Liu","Terminé", 0)
     };
 
     public TousView()