From f262cb9732803d2293d6c3b9abb1e2f0f6c30b92 Mon Sep 17 00:00:00 2001
From: lodufour1 <lodufour1@IUTCLINFA1005>
Date: Wed, 13 Sep 2023 12:56:02 +0200
Subject: [PATCH] Update (Front-End): Detail Page fonctionne cette fois ci

---
 src/BookApp/AppShell.xaml                     |   4 +-
 src/BookApp/MainPage.xaml                     |   1 +
 src/BookApp/Pages/DetailBook.xaml             | 224 ++++++++++--------
 src/BookApp/Pages/Tous.xaml                   |   2 +-
 .../Resources/Images/arrow_up_arrow_down.svg  |   4 +
 5 files changed, 128 insertions(+), 107 deletions(-)
 create mode 100644 src/BookApp/Resources/Images/arrow_up_arrow_down.svg

diff --git a/src/BookApp/AppShell.xaml b/src/BookApp/AppShell.xaml
index fb3d58b..a07b727 100644
--- a/src/BookApp/AppShell.xaml
+++ b/src/BookApp/AppShell.xaml
@@ -8,7 +8,7 @@
 
     
 
-
+    
     <TabBar>
         <Tab Title="My Library"
             Icon="books_vertical_fill.svg">
@@ -26,7 +26,7 @@
         </Tab>
         <Tab Title="Search"
             Icon="magnifyingglass.svg">
-            <ShellContent ContentTemplate="{DataTemplate local:MainPage}" />
+            <ShellContent ContentTemplate="{DataTemplate local:Pages.Filtrage}" />
         </Tab>
     </TabBar>
 
diff --git a/src/BookApp/MainPage.xaml b/src/BookApp/MainPage.xaml
index 53d6fa2..b0ad555 100644
--- a/src/BookApp/MainPage.xaml
+++ b/src/BookApp/MainPage.xaml
@@ -106,6 +106,7 @@
                 </DataTemplate>
             </CollectionView.ItemTemplate>
         </CollectionView>
+        <BoxView HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="EndAndExpand" />
     </StackLayout>
     <!--Pour l'opti on peut préciser le type du bind en aller tout en haut du fichier et faisent x:class ...-->
 </ContentPage>
diff --git a/src/BookApp/Pages/DetailBook.xaml b/src/BookApp/Pages/DetailBook.xaml
index 72b8dff..99a8f49 100644
--- a/src/BookApp/Pages/DetailBook.xaml
+++ b/src/BookApp/Pages/DetailBook.xaml
@@ -1,111 +1,127 @@
 <?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="BookApp.Pages.DetailBook"
-             Title="Détails du livre">
+<ContentPage
+	xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+	xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    x:Class="BookApp.Pages.DetailBook"
+    Title="Détails du livre">
     <ContentPage.Content>
-
-        <StackLayout>
-        <BoxView Margin="25,0,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
-        <Grid>
-            <Image Grid.Column="0" Source="..."/>
+        <ScrollView>
             <StackLayout>
-                <Label Text="La horde du coutrevant"/>
-                <Label Text="ssdqd"/>
-            </StackLayout>
-        </Grid>
-
-        <BoxView Margin="25,0,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
-
-            <Grid>
-                <Label Text="Info en ligne"/>
-                <Button Grid.Column="1"
-        ImageSource="chevron_right.svg"
-        HeightRequest="35"
-        WidthRequest="35"
-        Clicked="OnButtonClicked"
-        HorizontalOptions="End"/>
-            </Grid>
-
-            <BoxView Margin="25,0,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
-            <Label Text="Auteur"/>
-            <Label Text="sqdq"/>
-            <BoxView Margin="25,0,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
-
-            <BoxView Margin="25,0,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
-            <Label Text="Maison d'édition"/>
-            <Label Text="sqdq"/>
-            <BoxView Margin="25,0,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
-
-
-            <BoxView Margin="25,0,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
-            <Label Text="Résumer"/>
-            <Label Text="sqdq"/>
-            <BoxView Margin="25,0,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
-
-            <Label Text="Details"/>
-            <Grid>
-                <Label Text="Nombre de pages"/>
-                <Label Grid.Column="1" Text="500"/>
-            </Grid>
-            <Grid>
-                <Label Text="Langues"/>
-                <Label Grid.Column="1" Text="Français"/>
-            </Grid>
-            <Grid>
-                <Label Text="ISBN"/>
-                <Label Grid.Column="1" Text="48084095208"/>
-            </Grid>
-            <BoxView Margin="25,0,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
-            <Label Text="Status de lecture"/>
-            <Grid>
-                <Label Text="Status"/>
-                <Label Grid.Column="1" Text="non lu"/>
-            </Grid>
-            <BoxView Margin="25,0,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
-            <Label Text="biliothèque"/>
-            <Grid>
-                <Label Text="Ajouter le "/>
-                <Label Grid.Column="1" Text="10 aout 2023"/>
-            </Grid>
-
-            <BoxView Margin="25,0,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
-            <Grid click>
-                <Image Grid.Column="0" Source="..."/>
+                <BoxView HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
+
+                <Grid RowDefinitions="auto">
+                    <Grid.ColumnDefinitions>
+                        <ColumnDefinition Width="*"/>
+                        <ColumnDefinition Width="*"/>
+                    </Grid.ColumnDefinitions>
+                    <Image Grid.Column="0" Source="dotnet_bot"/>
+                    <StackLayout Grid.Column="1">
+                        <Label Text="La horde du coutrevant"/>
+                        <!-- Gestion Star TODO -->
+                    </StackLayout>
+                </Grid>
+                <BoxView Margin="25,10,0,0" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
+
+
+                <Grid>
+                    <Label FontAttributes="Bold" Margin="25,0,0,0" VerticalTextAlignment="Center" Text="Info en ligne"/>
+                    <Button Grid.Column="1"
+                    ImageSource="chevron_right.svg"
+                    HeightRequest="35"
+                    WidthRequest="35"
+                    HorizontalOptions="End"/>
+                </Grid>
+                <BoxView Margin="25,0,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
+
+                <Label FontAttributes="Bold" Margin="25,0,0,0" VerticalTextAlignment="Center"  Text="Auteur"/>
+                <Label Margin="25,0,0,0" VerticalTextAlignment="Center"  Text="Alain Damasio"/>
+
+                <BoxView Margin="25,10,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
+
+                <Label FontAttributes="Bold" Margin="25,0,0,0" VerticalTextAlignment="Center"  Text="Maison d'édition"/>
+                <Label Margin="25,0,0,0" VerticalTextAlignment="Center"  Text="Gallimard (2015)"/>
+
+                <BoxView Margin="25,10,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
+                
+                <Label FontAttributes="Bold" Margin="25,0,0,0" VerticalTextAlignment="Center"   Text="Résumer"/>
+                <Label  Margin="25,0,0,0" VerticalTextAlignment="Center" Text="Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression. Le Lorem Ipsum est le faux texte standard de l'imprimerie depuis les années 1500, quand un imprimeur anonyme assembla ensemble des morceaux de texte pour réaliser un livre spécimen de polices de texte. Il n'a pas fait que survivre cinq siècles, mais s'est aussi adapté à la bureautique informatique, sans que son contenu n'en soit modifié. Il a été popularisé dans les années 1960 grâce à la vente de feuilles Letraset contenant des passages du Lorem Ipsum, et, plus récemment, par son inclusion dans des applications de mise en page de texte, comme Aldus PageMaker."/>
+
+                <BoxView Margin="25,10,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
+
+                <Label FontAttributes="Bold" Margin="25,0,0,0" VerticalTextAlignment="Center" Text="Details"/>
+                
+                <Grid Margin="25,0,20,0">
+                    <Grid.RowDefinitions>
+                        <RowDefinition Height="*"/>
+                        <RowDefinition Height="*"/>
+                        <RowDefinition Height="*"/>
+                    </Grid.RowDefinitions>
+                    <Grid.ColumnDefinitions>
+                        <ColumnDefinition Width="*"/>
+                        <ColumnDefinition Width="*"/>
+                    </Grid.ColumnDefinitions>
+                    <Label Grid.Row="0" Grid.Column="0" Text="Nombre de pages"/>
+                    <Label Grid.Row="0" Grid.Column="1" HorizontalTextAlignment="End" Text="500"/>
+                    
+                    <Label Grid.Row="1" Grid.Column="0" Text="Langue"/>
+                    <Label Grid.Row="1" Grid.Column="1" HorizontalTextAlignment="End" Text="Français"/>
+
+                    <Label Grid.Row="2" Grid.Column="0" Text="ISBN"/>
+                    <Label Grid.Row="2" Grid.Column="1" HorizontalTextAlignment="End" Text="48084095208"/>
+                </Grid>
+
+                <BoxView Margin="25,10,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
+
+                <Label FontAttributes="Bold" Margin="25,0,0,0" VerticalTextAlignment="Center" Text="Status de lecture"/>
+                <Grid RowDefinitions="auto" Margin="25,0,20,0">
+                    <Grid.ColumnDefinitions>
+                        <ColumnDefinition Width="*"/>
+                        <ColumnDefinition Width="*"/>
+                    </Grid.ColumnDefinitions>
+                    <Label Grid.Column="0" Text="Status"/>
+                    <Label Grid.Column="1" HorizontalTextAlignment="End" Text="non lu"/>
+                </Grid>
+                
+                <BoxView Margin="25,10,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
+
+                <Label FontAttributes="Bold" Margin="25,0,0,0" VerticalTextAlignment="Center" Text="biliothèque"/>
+                <Grid RowDefinitions="auto" Margin="25,0,20,0">
+                    <Grid.ColumnDefinitions>
+                        <ColumnDefinition Width="*"/>
+                        <ColumnDefinition Width="*"/>
+                    </Grid.ColumnDefinitions>
+                    <Label Grid.Column="0" Text="Ajouter le"/>
+                    <Label Grid.Column="1" HorizontalTextAlignment="End" Text="10 aout 2023"/>
+                </Grid>
+
+                <BoxView Margin="25,10,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
+                <Grid>
+                    <Image Grid.Column="0" Source="..."/>
                     <Label Text="déplacer le livre"/>
-            </Grid>
-            <BoxView Margin="25,0,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
-
-            <Grid click>
-                <Image Grid.Column="0" Source="..."/>
-                <Label Text="Ajouter à la liste A lire plus tard"/>
-            </Grid>
-            <BoxView Margin="25,0,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
-
-
-            <Grid click>
-                <Image Grid.Column="0" Source="..."/>
-                <Label Text="changer le statu de lecture"/>
-            </Grid>
-            <BoxView Margin="25,0,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
-
-            <Grid click>
-                <Image Grid.Column="0" Source="..."/>
-                <Label Text="préter le livre"/>
-            </Grid>
-
-
-
-
-        </StackLayout>
-    
-
-        <!-- Gestion Star TODO -->
-        <StackLayout>
-            <StackLayout x:Name="StarLayout" Grid.Column="0" Orientation="Horizontal" HorizontalOptions="CenterAndExpand">
-                <!-- Les étoiles seront ajoutées ici via le code-behind -->
+                </Grid>
+                <BoxView Margin="25,0,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
+                <Grid>
+                    <Image Grid.Column="0" Source="..."/>
+                    <Label Text="Ajouter à la liste A lire plus tard"/>
+                </Grid>
+                <BoxView Margin="25,0,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
+                <Grid>
+                    <Image Grid.Column="0" Source="..."/>
+                    <Label Text="changer le statu de lecture"/>
+                </Grid>
+                <BoxView Margin="25,0,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
+                <Grid>
+                    <Image Grid.Column="0" Source="..."/>
+                    <Label Text="préter le livre"/>
+                </Grid>
+                <!-- Gestion Star TODO -->
+                <StackLayout>
+                    <StackLayout x:Name="StarLayout" Grid.Column="0" Orientation="Horizontal" HorizontalOptions="CenterAndExpand">
+                        <!-- Les étoiles seront ajoutées ici via le code-behind -->
+                    </StackLayout>
+                    <Label x:Name="RatingLabel" Grid.Column="1" FontSize="Medium" HorizontalOptions="CenterAndExpand"/>
+                </StackLayout>
             </StackLayout>
-            <Label x:Name="RatingLabel" Grid.Column="1" FontSize="Medium" HorizontalOptions="CenterAndExpand"/>
-        </StackLayout>
+        </ScrollView>
     </ContentPage.Content>
 </ContentPage>
\ No newline at end of file
diff --git a/src/BookApp/Pages/Tous.xaml b/src/BookApp/Pages/Tous.xaml
index dad0dc2..5fa122c 100644
--- a/src/BookApp/Pages/Tous.xaml
+++ b/src/BookApp/Pages/Tous.xaml
@@ -25,7 +25,7 @@
     
     <ContentPage.ToolbarItems>
         <ToolbarItem IconImageSource="plus_icone.svg" Priority="1" Order="Primary" />
-        <ToolbarItem IconImageSource="plus_icone.svg" Priority="1" Order="Primary" />
+        <ToolbarItem IconImageSource="arrow_up_arrow_down.svg" Priority="1" Order="Primary" />
     </ContentPage.ToolbarItems>
     
     <ContentPage.Resources>
diff --git a/src/BookApp/Resources/Images/arrow_up_arrow_down.svg b/src/BookApp/Resources/Images/arrow_up_arrow_down.svg
new file mode 100644
index 0000000..65d5982
--- /dev/null
+++ b/src/BookApp/Resources/Images/arrow_up_arrow_down.svg
@@ -0,0 +1,4 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.1875 24.687L27.0938 18.6284C27.3047 18.4292 27.4219 18.1245 27.4219 17.855C27.4219 17.2339 27 16.8237 26.3906 16.8237C26.0859 16.8237 25.8633 16.9175 25.6641 17.1167L23.2266 19.6362L21.3398 21.8277L21.4453 19.1206V4.06202C21.4453 3.45264 21.0117 3.00732 20.4023 3.00732C19.7812 3.00732 19.3477 3.45264 19.3477 4.06202V19.1206L19.4648 21.8277L17.5781 19.6362L15.1406 17.1167C14.9414 16.9175 14.707 16.8237 14.4141 16.8237C13.8047 16.8237 13.3711 17.2339 13.3711 17.855C13.3711 18.1245 13.5 18.4292 13.7109 18.6284L19.6172 24.687C20.0508 25.1441 20.7305 25.1558 21.1875 24.687Z" fill="black" fill-opacity="0.85"/>
+<path d="M6.24609 3.35888L0.328125 9.39404C0.128906 9.60497 0 9.90966 0 10.1675C0 10.7886 0.421875 11.2104 1.03125 11.2104C1.33594 11.2104 1.57031 11.105 1.76953 10.9058L4.20703 8.38622L6.09375 6.20654L5.97656 8.91357V23.9722C5.97656 24.5933 6.41016 25.0269 7.03125 25.0269C7.64062 25.0269 8.07422 24.5933 8.07422 23.9722V8.91357L7.96875 6.20654L9.84375 8.38622L12.293 10.9058C12.4922 11.105 12.7148 11.2104 13.0195 11.2104C13.6289 11.2104 14.0508 10.7886 14.0508 10.1675C14.0508 9.90966 13.9336 9.60497 13.7227 9.39404L7.81641 3.35888C7.38281 2.90185 6.69141 2.87841 6.24609 3.35888Z" fill="black" fill-opacity="0.85"/>
+</svg>