Stable (Front-End): Correct

2 years ago · 81b73e3c6d
parent 57f1d9c329
commit 81b73e3c6d
6 changed files with 170 additions and 155 deletions
--- a/src/BookApp/Pages/DetailBook.xaml
+++ b/src/BookApp/Pages/DetailBook.xaml
@ -2,13 +2,25 @@
 <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">
+    x:Class="BookApp.Pages.DetailBook">
+    <Shell.BackButtonBehavior>
+        <BackButtonBehavior 
+            IconOverride="chevron_left.svg"
+            TextOverride="Tous"/>
+    </Shell.BackButtonBehavior>
+    <Shell.TitleView>
+        <Label
+            Text="Détails du livre"
+            TextColor="White"
+            VerticalTextAlignment="Center"
+            HeightRequest="50"
+            FontSize="Medium" 
+            />
+    </Shell.TitleView>
    <ContentPage.Content>
        <ScrollView>
            <StackLayout>
                <BoxView HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
-
                <Grid RowDefinitions="auto">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*"/>
@ -21,8 +33,6 @@
                    </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"
@ -32,24 +42,16 @@
                    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="*"/>
@ -62,16 +64,12 @@
                    </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>
@ -81,9 +79,7 @@
                    <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>
@ -93,7 +89,6 @@
                    <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="..."/>
--- a/src/BookApp/Pages/Filtrage.xaml
+++ b/src/BookApp/Pages/Filtrage.xaml
@ -1,15 +1,14 @@
 <?xml version="1.0" encoding="utf-8" ?>
-<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+<ContentPage
+	xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
 	xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="BookApp.Pages.Filtrage"
             Title="Filtrage">
-
    <Shell.BackButtonBehavior>
        <BackButtonBehavior 
                         IconOverride="chevron_left.svg"
         TextOverride="Tous"/>
    </Shell.BackButtonBehavior>
-
    <Shell.TitleView>
        <Label
         Text="{Binding TitleSection}"
@ -20,17 +19,43 @@
         HeightRequest="50"
         FontSize="Medium" 
         HorizontalTextAlignment="Center"/>
-        
        <!-- Date de publication ou auteur -->
    </Shell.TitleView>
-
    <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.Content>
        <StackLayout>
+            <BoxView HeightRequest="1" BackgroundColor="LightGray"/>
            <SearchBar Placeholder="Search items..." />
+            <BoxView HeightRequest="1" BackgroundColor="LightGray"/>
+            <CollectionView ItemsSource="{Binding BookCollection}">
+                <CollectionView.ItemTemplate>
+                    <DataTemplate>
+                        <StackLayout Padding="5">
+                            <Grid RowDefinitions="auto" Margin="5,0,0,0">
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="30"/>
+                                    <ColumnDefinition Width="*"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Image Grid.Column="0" HeightRequest="30"
+                                    WidthRequest="30" Source="Book.svg"/>
+                                <Label Grid.Column="1" Margin="10,0,0,0"  VerticalTextAlignment="Center" Text="LALALA"/>
+                                <Label Grid.Column="2"  VerticalTextAlignment="Center" Margin="0,0,40,0" HorizontalTextAlignment="End" Text="100"/>
+                                <Button Grid.Column="2"
+                                    ImageSource="chevron_right.svg"
+                                    HeightRequest="35"
+                                    WidthRequest="35"
+                                    VerticalOptions="Center"
+                                    BackgroundColor="White"
+                                    HorizontalOptions="End"/>
+                            </Grid>
+                            <BoxView Margin="45,0,0,0" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
                        </StackLayout>
+                    </DataTemplate>
+                </CollectionView.ItemTemplate>
+            </CollectionView>
+        </StackLayout>
+    </ContentPage.Content>
 </ContentPage>
--- a/src/BookApp/Pages/Tous.xaml
+++ b/src/BookApp/Pages/Tous.xaml
@ -10,7 +10,6 @@
            IconOverride="chevron_left.svg"
            TextOverride="Tous"/>
    </Shell.BackButtonBehavior>
-    
    <Shell.TitleView>
        <Label
            Text="Tous"
@ -22,19 +21,15 @@
            FontSize="Medium" 
            HorizontalTextAlignment="Center"/>
    </Shell.TitleView>
-    
    <ContentPage.ToolbarItems>
-        <ToolbarItem IconImageSource="plus_icone.svg" Priority="1" Order="Primary" />
+        <ToolbarItem IconImageSource="plus_icone.svg" Priority="1" Order="Primary" StyleClass="PlusButton"/>
        <ToolbarItem IconImageSource="arrow_up_arrow_down.svg" Priority="1" Order="Primary" />
    </ContentPage.ToolbarItems>
-    
    <ContentPage.Resources>
        <ResourceDictionary>
            <usecase:RatingToStarImageConverter x:Key="RatingToStarConverter"/>
        </ResourceDictionary>
    </ContentPage.Resources>
-
-
    <ContentPage.Content>
        <CollectionView ItemsSource="{Binding BookCollection}">
            <CollectionView.ItemTemplate>
--- a/symbols/icons8-sorting-arrows-64.png
+++ b/symbols/icons8-sorting-arrows-64.png