From 6f4a8174961209e1ac26ab9fe73b5801f3339f37 Mon Sep 17 00:00:00 2001
From: V J <Vianney.JOURDY@etu.uca.fr>
Date: Wed, 12 Apr 2023 17:31:52 +0200
Subject: [PATCH] modification de la page liste

---
 MangaMap/Views/listPage.xaml | 132 ++++++++++++++++++++++++-----------
 1 file changed, 90 insertions(+), 42 deletions(-)

diff --git a/MangaMap/Views/listPage.xaml b/MangaMap/Views/listPage.xaml
index 641e4de..6c50c1f 100644
--- a/MangaMap/Views/listPage.xaml
+++ b/MangaMap/Views/listPage.xaml
@@ -3,14 +3,13 @@
     x:Class="MangaMap.Views.listPage"
     BackgroundColor="Black">
 
-
     <Grid>
         <Grid.RowDefinitions>
             <RowDefinition Height="Auto" />
             <RowDefinition Height="*" />
         </Grid.RowDefinitions>
 
-        <Label Text="Watching" TextColor="White" FontSize="Title" Margin="50,0,0,0" Grid.Row="0"/>
+        <Label Text="Watching" TextColor="White" FontSize="Title" Margin="50,10,0,0" Grid.Row="0"/>
 
         <Frame Grid.Row="1" BackgroundColor="Black" Margin="20" BorderColor="Black">
             <Grid BackgroundColor="#333333" >
@@ -19,49 +18,98 @@
                     <RowDefinition Height="*" />
                 </Grid.RowDefinitions>
 
-                <HorizontalStackLayout Spacing="300" Margin="20" Grid.Row="0">
-                        <Label Text="Titre" TextColor="White"  HorizontalOptions="Start"/>
-                        <Label Text="Score" TextColor="White" HorizontalOptions="Center"/>
-                        <Label Text="Progression" TextColor="White" HorizontalOptions="End"/>
-                </HorizontalStackLayout>
+                <Grid Margin="20" Grid.Row="0">
+                    <Grid.ColumnDefinitions>
+                        <ColumnDefinition Width="Auto"/>
+                        <ColumnDefinition Width="*"/>
+                    </Grid.ColumnDefinitions>
+                    
+                    <Label Grid.Column="0"
+                           Text="Titre" FontSize="Large" TextColor="White"
+                           HorizontalOptions="Start" VerticalOptions="Center"/>
+                    <Label Grid.Column="1"
+                           Text="Score" FontSize="Large" TextColor="White"
+                           HorizontalOptions="Center" VerticalOptions="Center"/>
+                    <Label Grid.Column="10"
+                           Text="Progression" FontSize="Large" TextColor="White"
+                           HorizontalOptions="End" VerticalOptions="Center"/>
+                </Grid>
                         
                 <ScrollView Grid.Row="1" VerticalScrollBarVisibility="Always">
                     <VerticalStackLayout Spacing="10">
-                        <HorizontalStackLayout HorizontalOptions="Fill">
-                            <Rectangle Fill="#FFFFFF" WidthRequest="100" HeightRequest="100"/>
-                            <Label Text="Test" VerticalOptions="Center" Margin="15" FontSize="Large"/>
-                            <Label Text="10/85" HorizontalOptions="End" VerticalOptions="Center"/>
-                        </HorizontalStackLayout>
-
-                        <HorizontalStackLayout>
-                            <Rectangle Fill="blue" WidthRequest="100" HeightRequest="100"/>
-                            <Label Text="Test-test" VerticalOptions="Center" Margin="15" FontSize="Large"/>
-                            <Label Text="100/100" HorizontalOptions="End" VerticalOptions="Center"/>
-                        </HorizontalStackLayout>
-
-                        <HorizontalStackLayout>
-                            <Rectangle Fill="Red" WidthRequest="100" HeightRequest="100"/>
-                            <Label Text="Test-test-tests" VerticalOptions="Center" Margin="15" FontSize="Large"/>
-                            <Label Text="12/24" HorizontalOptions="End" VerticalOptions="Center"/>
-                        </HorizontalStackLayout>
-
-                        <HorizontalStackLayout HorizontalOptions="Fill">
-                            <Rectangle Fill="#FFFFFF" WidthRequest="100" HeightRequest="100"/>
-                            <Label Text="Test" VerticalOptions="Center" Margin="15" FontSize="Large"/>
-                            <Label Text="10/85" HorizontalOptions="End" VerticalOptions="Center"/>
-                        </HorizontalStackLayout>
-
-                        <HorizontalStackLayout>
-                            <Rectangle Fill="blue" WidthRequest="100" HeightRequest="100"/>
-                            <Label Text="Test-test" VerticalOptions="Center" Margin="15" FontSize="Large"/>
-                            <Label Text="100/100" HorizontalOptions="End" VerticalOptions="Center"/>
-                        </HorizontalStackLayout>
-
-                        <HorizontalStackLayout>
-                            <Rectangle Fill="Red" WidthRequest="100" HeightRequest="100"/>
-                            <Label Text="Test-test-tests" VerticalOptions="Center" Margin="15" FontSize="Large"/>
-                            <Label Text="12/24" HorizontalOptions="End" VerticalOptions="Center"/>
-                        </HorizontalStackLayout>
+                        
+                        <Grid Margin="20,0,20,0">
+                            <Grid.ColumnDefinitions>
+                                <ColumnDefinition Width="Auto"/>
+                                <ColumnDefinition Width="*"/>
+                            </Grid.ColumnDefinitions>
+
+                            <Rectangle Grid.Column="0" Fill="#FFFFFF" WidthRequest="100" HeightRequest="100"/>
+                            <Label Grid.Column="1" Text="Test Titre" FontSize="Medium" VerticalOptions="Center" Margin="15"/>
+                            <Label Grid.Column="2" Text="4/5" VerticalOptions="Center" HorizontalOptions="Center"/>
+                            <Label Grid.Column="3" Text="10/85" VerticalOptions="Center" HorizontalOptions="End"/>
+                        </Grid>
+
+                        <Grid Margin="20,0,20,0">
+                            <Grid.ColumnDefinitions>
+                                <ColumnDefinition Width="Auto"/>
+                                <ColumnDefinition Width="*"/>
+                            </Grid.ColumnDefinitions>
+
+                            <Rectangle Grid.Column="0" Fill="Blue" WidthRequest="100" HeightRequest="100"/>
+                            <Label Grid.Column="1" Text="Test Titre" FontSize="Medium" VerticalOptions="Center" Margin="15"/>
+                            <Label Grid.Column="2" Text="4/5" VerticalOptions="Center" HorizontalOptions="Center"/>
+                            <Label Grid.Column="3" Text="10/85" VerticalOptions="Center" HorizontalOptions="End"/>
+                        </Grid>
+
+                        <Grid Margin="20,0,20,0">
+                            <Grid.ColumnDefinitions>
+                                <ColumnDefinition Width="Auto"/>
+                                <ColumnDefinition Width="*"/>
+                            </Grid.ColumnDefinitions>
+
+                            <Rectangle Grid.Column="0" Fill="Red" WidthRequest="100" HeightRequest="100"/>
+                            <Label Grid.Column="1" Text="Test Titre" FontSize="Medium" VerticalOptions="Center" Margin="15"/>
+                            <Label Grid.Column="2" Text="4/5" VerticalOptions="Center" HorizontalOptions="Center"/>
+                            <Label Grid.Column="3" Text="10/85" VerticalOptions="Center" HorizontalOptions="End"/>
+                        </Grid>
+
+                        <Grid Margin="20,0,20,0">
+                            <Grid.ColumnDefinitions>
+                                <ColumnDefinition Width="Auto"/>
+                                <ColumnDefinition Width="*"/>
+                            </Grid.ColumnDefinitions>
+
+                            <Rectangle Grid.Column="0" Fill="#FFFFFF" WidthRequest="100" HeightRequest="100"/>
+                            <Label Grid.Column="1" Text="Test Titre" FontSize="Medium" VerticalOptions="Center" Margin="15"/>
+                            <Label Grid.Column="2" Text="4/5" VerticalOptions="Center" HorizontalOptions="Center"/>
+                            <Label Grid.Column="3" Text="10/85" VerticalOptions="Center" HorizontalOptions="End"/>
+                        </Grid>
+
+                        <Grid Margin="20,0,20,0">
+                            <Grid.ColumnDefinitions>
+                                <ColumnDefinition Width="Auto"/>
+                                <ColumnDefinition Width="*"/>
+                            </Grid.ColumnDefinitions>
+
+                            <Rectangle Grid.Column="0" Fill="Blue" WidthRequest="100" HeightRequest="100"/>
+                            <Label Grid.Column="1" Text="Test Titre" FontSize="Medium" VerticalOptions="Center" Margin="15"/>
+                            <Label Grid.Column="2" Text="4/5" VerticalOptions="Center" HorizontalOptions="Center"/>
+                            <Label Grid.Column="3" Text="10/85" VerticalOptions="Center" HorizontalOptions="End"/>
+                        </Grid>
+
+                        <Grid Margin="20,0,20,0">
+                            <Grid.ColumnDefinitions>
+                                <ColumnDefinition Width="Auto"/>
+                                <ColumnDefinition Width="*"/>
+                            </Grid.ColumnDefinitions>
+
+                            <Rectangle Grid.Column="0" Fill="Red" WidthRequest="100" HeightRequest="100"/>
+                            <Label Grid.Column="1" Text="Test Titre" FontSize="Medium" VerticalOptions="Center" Margin="15"/>
+                            <Label Grid.Column="2" Text="4/5" VerticalOptions="Center" HorizontalOptions="Center"/>
+                            <Label Grid.Column="3" Text="10/85" VerticalOptions="Center" HorizontalOptions="End"/>
+                        </Grid>
+                        
                     </VerticalStackLayout>
                 </ScrollView>
             </Grid>