PocketBook_MVVM/MVVM/MVVM/Pages/MyLibraryPage.xaml

<?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="MVVM.Pages.MyLibraryPage"
             xmlns:local="clr-namespace:MVVM.Pages"
             x:DataType="local:MyLibraryPage">

    <!-- Mettre un style-->
    <Shell.TitleView>
        <HorizontalStackLayout VerticalOptions="Fill"> 
            <Label
          Text="Modifier"
          FontFamily="Strande2"
          TextColor="RED"
          VerticalTextAlignment="Center"
          VerticalOptions="CenterAndExpand"
          HeightRequest="50"
          FontSize="Medium" 
          FontAttributes="Bold"/>  
        </HorizontalStackLayout>
    </Shell.TitleView>

    <ContentPage.ToolbarItems>
        <ToolbarItem IconImageSource="plus"/>
    </ContentPage.ToolbarItems>
    
    <!-- Remplacer border par line-->

    <ScrollView>

        <Grid RowDefinitions="Auto,Auto,Auto,Auto">

            <Label Text="Mes Livres" Style="{StaticResource TitleBibliotheque}" Grid.Row="0"/>


            <Grid Grid.Row="1" RowDefinitions="Auto,Auto,Auto,Auto,Auto,Auto,Auto,Auto,Auto,Auto,Auto,Auto,Auto">

                <Line Grid.Row="0" X2="500"/>

                <Grid Grid.Row="1" ColumnDefinitions="Auto,Auto,*,Auto,Auto">
                    <Grid.GestureRecognizers>
                        <TapGestureRecognizer Command="{Binding BooksNavigateAndLoad.CommandNavigationAndLoadBooks}" CommandParameter="{Binding BooksNavigateAndLoad.DataViewModel.BooksAllDataCommand}"/>
                    </Grid.GestureRecognizers>

                    <Image Style="{StaticResource IconBibliotheque}" Source="tray_fill" Grid.Column="0"/>
                    <Label Style="{StaticResource TexteBibliotheque}" Text="Tous" Grid.Column="1" />
                    <Label x:Name="NbBookXAML" Style="{StaticResource NombreBibliotheque}" Text="{Binding MyLibraryViewModel.NbBooks}" Grid.Column="3"/>
                    <Image Style="{StaticResource ChevronBibliotheque}" Source="chevron_right" Grid.Column="4" />
                    
                </Grid>

                <Line Grid.Row="2"  X1="20" X2="500"/>

                <Grid Grid.Row="3" ColumnDefinitions="Auto,Auto,*,Auto,Auto">
                    <Grid.GestureRecognizers>
                        <TapGestureRecognizer Command="{Binding BooksNavigateAndLoad.CommandNavigationAndLoadBooks}" CommandParameter="{Binding BooksNavigateAndLoad.DataViewModel.BooksLoanDataCommand}"/>
                    </Grid.GestureRecognizers>


                    <Image Style="{StaticResource IconBibliotheque}" Source="person_badge_clock_fill" Grid.Column="0"/>
                    <Label Style="{StaticResource TexteBibliotheque}" Text="En prêt" Grid.Column="1"/>
                    <Label Style="{StaticResource NombreBibliotheque}" Text="{Binding MyLibraryViewModel.NbLoans}" Grid.Column="3"/>
                    <Image Style="{StaticResource ChevronBibliotheque}" Source="chevron_right" Grid.Column="4"/>
                </Grid>

                <Line Grid.Row="4"  X1="20" X2="500"/>

                <Grid Grid.Row="5" ColumnDefinitions="Auto,Auto,*,Auto,Auto" >
                    <Grid.GestureRecognizers>
                        <TapGestureRecognizer Command="{Binding BooksNavigateAndLoad.CommandNavigationAndLoadBooks}" CommandParameter="{Binding BooksNavigateAndLoad.DataViewModel.BooksToBeReadDataCommand}"/>
                    </Grid.GestureRecognizers>

                    <Image Style="{StaticResource IconBibliotheque}" Source="arrow_forward" Grid.Column="0"/>
                    <Label Style="{StaticResource TexteBibliotheque}" Text="A lire plus tard" Grid.Column="1"/>
                    <Label Style="{StaticResource NombreBibliotheque}" Text="{Binding MyLibraryViewModel.NbToBeRead}" Grid.Column="3"/>
                    <Image Style="{StaticResource ChevronBibliotheque}" Source="chevron_right" Grid.Column="4"/>
                </Grid>

                <Line Grid.Row="6" X1="20" X2="500"/>

                <Grid Grid.Row="7" ColumnDefinitions="Auto,Auto,*,Auto,Auto">
                    <Image Style="{StaticResource IconBibliotheque}" Source="eyeglasses" Grid.Column="0"/>
                    <Label Style="{StaticResource TexteBibliotheque}" Text="Statut de lecture" Grid.Column="1"/>
                    <Label Style="{StaticResource NombreBibliotheque}" Text="" Grid.Column="3"/>
                    <Image Style="{StaticResource ChevronBibliotheque}" Source="chevron_right" Grid.Column="4"/>
                </Grid>

                <Line Grid.Row="8" X1="20" X2="500"/>


                <Grid Grid.Row="9" ColumnDefinitions="Auto,Auto,*,Auto,Auto" >
                    <Grid.GestureRecognizers>
                        <TapGestureRecognizer Command="{Binding BooksNavigateAndLoad.CommandNavigationAndLoadBooks}" CommandParameter="{Binding BooksNavigateAndLoad.DataViewModel.BooksFavoriteDataCommand}"/>
                    </Grid.GestureRecognizers>


                    <Image Style="{StaticResource IconBibliotheque}" Source="heart_fill" Grid.Column="0"/>
                    <Label Style="{StaticResource TexteBibliotheque}" Text="Favoris" Grid.Column="1"/>
                    <Label Style="{StaticResource NombreBibliotheque}" Text="{Binding MyLibraryViewModel.NbFavorite}" Grid.Column="3"/>
                    <Image Style="{StaticResource ChevronBibliotheque}" Source="chevron_right" Grid.Column="4"/>
                </Grid>
                
                <Line Grid.Row="10"  X1="20" X2="500"/>


                <Grid Grid.Row="11" ColumnDefinitions="Auto,Auto,*,Auto,Auto">
                    <Image Style="{StaticResource IconBibliotheque}" Source="tag_fill" Grid.Column="0"/>
                    <Label Style="{StaticResource TexteBibliotheque}" Text="Etiquettes" Grid.Column="1"/>
                    <Label Style="{StaticResource NombreBibliotheque}" Text="" Grid.Column="3"/>
                    <Image Style="{StaticResource ChevronBibliotheque}" Source="chevron_right" Grid.Column="4"/>
                </Grid>

                <Line Grid.Row="12" X2="500"/>

            </Grid>



            <Label Text="Filtres" Style="{StaticResource Title2Bibliotheque}" Grid.Row="2"/>


            <Grid Grid.Row="3" RowDefinitions="Auto,Auto,Auto,Auto,Auto,Auto,Auto">

                <Line Grid.Row="0" X2="500"/>

                <Grid Grid.Row="1" ColumnDefinitions="Auto,Auto,*,Auto,Auto"  >

                    <Grid.GestureRecognizers>
                        <TapGestureRecognizer Command="{Binding BooksNavigateAndLoad.CommandNavigationFilterAndLoadData}" CommandParameter="{Binding BooksNavigateAndLoad.DataViewModel.FilterAuthorDataCommand}"/>
                    </Grid.GestureRecognizers>


                    <Image Style="{StaticResource IconBibliotheque}" Source="person_fill" Grid.Column="0"/>
                    <Label Style="{StaticResource TexteBibliotheque}" Text="Auteur" Grid.Column="1"/>
                    <Label Style="{StaticResource NombreBibliotheque}" Text="" Grid.Column="3"/>
                    <Image Style="{StaticResource ChevronBibliotheque}" Source="chevron_right" Grid.Column="4"/>
                </Grid>

                <Line Grid.Row="2" X1="20" X2="500"/>

                <Grid Grid.Row="3" ColumnDefinitions="Auto,Auto,*,Auto,Auto" >
                    <Image Style="{StaticResource IconBibliotheque}" Source="calendar_badge_clock" Grid.Column="0"/>
                    <Label Style="{StaticResource TexteBibliotheque}" Text="Date de publication" Grid.Column="1"/>
                    <Label Style="{StaticResource NombreBibliotheque}" Text="" Grid.Column="3"/>
                    <Image Style="{StaticResource ChevronBibliotheque}" Source="chevron_right" Grid.Column="4"/>
                </Grid>

                <Line Grid.Row="4" X1="20" X2="500"/>

                <Grid Grid.Row="5" ColumnDefinitions="Auto,Auto,*,Auto,Auto">
                    <Image Style="{StaticResource IconBibliotheque}" Source="sparkles" Grid.Column="0"/>
                    <Label Style="{StaticResource TexteBibliotheque}" Text="Note" Grid.Column="1"/>
                    <Label Style="{StaticResource NombreBibliotheque}" Text="" Grid.Column="3"/>
                    <Image Style="{StaticResource ChevronBibliotheque}" Source="chevron_right" Grid.Column="4"/>
                </Grid>

                <Line Grid.Row="6" X2="500"/>
            </Grid>

            
        </Grid>
    </ScrollView>
</ContentPage>