From f5ba7a159264f64eb7ff69fb6b20e0769e4d326b Mon Sep 17 00:00:00 2001
From: V J <Vianney.JOURDY@etu.uca.fr>
Date: Fri, 7 Apr 2023 20:39:55 +0200
Subject: [PATCH] page liste qui fonctionne

---
 MangaMap/Views/listPage.xaml | 57 +++++++++++++++++++++++++++++-------
 1 file changed, 47 insertions(+), 10 deletions(-)

diff --git a/MangaMap/Views/listPage.xaml b/MangaMap/Views/listPage.xaml
index 1e8f4c5..641e4de 100644
--- a/MangaMap/Views/listPage.xaml
+++ b/MangaMap/Views/listPage.xaml
@@ -10,9 +10,7 @@
             <RowDefinition Height="*" />
         </Grid.RowDefinitions>
 
-            <Frame Grid.Row="0" BackgroundColor="Black" Margin="20" BorderColor="Black">
-                <Label Text="Watching" TextColor="White" FontSize="Title" />
-            </Frame>
+        <Label Text="Watching" TextColor="White" FontSize="Title" Margin="50,0,0,0" Grid.Row="0"/>
 
         <Frame Grid.Row="1" BackgroundColor="Black" Margin="20" BorderColor="Black">
             <Grid BackgroundColor="#333333" >
@@ -21,14 +19,53 @@
                     <RowDefinition Height="*" />
                 </Grid.RowDefinitions>
 
-                <Frame Grid.Row="1" BackgroundColor="#333333" Margin="20" BorderColor="#333333">
-                    <StackLayout Orientation="Horizontal" Spacing="20">
-                        <Label Text="Titre" TextColor="White"/>
-                        <Label Text="Score" TextColor="White"/>
-                        <Label Text="Progression" TextColor="White"/>
-                    </StackLayout>
-                </Frame>
+                <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>
+                        
+                <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>
+                    </VerticalStackLayout>
+                </ScrollView>
             </Grid>
+
         </Frame>
     </Grid>