From ff42ec068612311b684b5ca10299899bc692848c Mon Sep 17 00:00:00 2001
From: "jules.lascret" <jules.lascret@etu.uca.fr>
Date: Wed, 27 Mar 2024 19:23:29 +0100
Subject: [PATCH] Big leaderboard progress but still some refinement to be done

---
 Qwirkle/Qwirkle/Pages/Leaderboard.xaml        | 159 +++++++-----------
 Qwirkle/Qwirkle/Views/LeaderboardLine.xaml    |  46 +++++
 Qwirkle/Qwirkle/Views/LeaderboardLine.xaml.cs |  15 ++
 3 files changed, 125 insertions(+), 95 deletions(-)
 create mode 100644 Qwirkle/Qwirkle/Views/LeaderboardLine.xaml
 create mode 100644 Qwirkle/Qwirkle/Views/LeaderboardLine.xaml.cs

diff --git a/Qwirkle/Qwirkle/Pages/Leaderboard.xaml b/Qwirkle/Qwirkle/Pages/Leaderboard.xaml
index 3eaffe6..acb1b3b 100644
--- a/Qwirkle/Qwirkle/Pages/Leaderboard.xaml
+++ b/Qwirkle/Qwirkle/Pages/Leaderboard.xaml
@@ -2,101 +2,70 @@
 <ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
              xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
              x:Class="Qwirkle.Pages.Leaderboard"
+             xmlns:controls="clr-namespace:Qwirkle.Views"
              Title="Leaderboard">
-    <VerticalStackLayout BackgroundColor="#efca85" Spacing="75">
-        <Label 
-            FontAttributes="Bold"
-            FontFamily="Sitka"
-            FontSize="Header"
-            HorizontalOptions="Center"
-            Padding="5"
-            Text="Leaderboard"
-            TextColor="#261a1a"
-            VerticalOptions="Center" 
-        />
+    <ScrollView>
+        <VerticalStackLayout Spacing="50">
+            <Label
+                Text="Leaderboard"
+                TextColor="DarkSlateGrey"
+                FontSize="Header"
+                HorizontalOptions="Center"/>
             
-        <Grid>
-            <Grid.RowDefinitions>
-                <RowDefinition Height="50" />
-                <RowDefinition Height="Auto" />
-            </Grid.RowDefinitions>
-
-            <Grid.ColumnDefinitions>
-                <ColumnDefinition Width="6*" />
-                <ColumnDefinition Width="3*" />
-                <ColumnDefinition Width="2*" />
-                <ColumnDefinition Width="2*" />
-            </Grid.ColumnDefinitions>
-
-            <Border Stroke="Black" StrokeThickness="0.5"/>
-            <Label Text="Player Tag"
-                    TextColor="#1A2541"
-                    VerticalOptions="Center"
-                    FontAttributes="Bold"
-                    FontSize="Medium"
-                    HorizontalOptions="Center"/>
-
-
-            <Border Stroke="Black" StrokeThickness="0.5" Grid.Column="1"/>
-            <Label Text="Date"
-                    TextColor="#1A2541"
-                    VerticalOptions="Center"
-                    FontAttributes="Bold"
-                    FontSize="Medium"
-                    HorizontalOptions="Center"
-                    Grid.Column="1"/>
-
-            <Border Stroke="Black" StrokeThickness="0.5" Grid.Column="2"/>
-            <Label Text="Points"
-                    TextColor="#1A2541"
-                    VerticalOptions="Center"
-                    FontAttributes="Bold"
-                    FontSize="Medium"
-                    HorizontalOptions="Center"
-                    Grid.Column="2"/>
-
-            <Border Stroke="Black" StrokeThickness="0.5" Grid.Column="3"/>
-            <Label Text="Victories"
-                    TextColor="#1A2541"
-                    VerticalOptions="Center"
-                    FontAttributes="Bold"
-                    FontSize="Medium"
-                    HorizontalOptions="Center"
-                    Grid.Column="3"/>
-
-
-            <Border Stroke="Black" StrokeThickness="0.5" Grid.Row="1"/>
-            <Label Text="Le A"
-                    TextColor="#1A2541"
-                    VerticalOptions="Center"
-                    HorizontalOptions="Center"
-                    Grid.Row="1"/>
-
-
-            <Border Stroke="Black" StrokeThickness="0.5" Grid.Row="1" Grid.Column="1"/>
-            <Label Text="03/25/2024"
-                    TextColor="#1A2541"
-                    VerticalOptions="Center"
-                    HorizontalOptions="Center"
-                    Grid.Row="1"
-                    Grid.Column="1"/>
-
-            <Border Stroke="Black" StrokeThickness="0.5" Grid.Row="1" Grid.Column="2"/>
-            <Label Text="103"
-                    TextColor="#1A2541"
-                    VerticalOptions="Center"
-                    HorizontalOptions="Center"
-                    Grid.Row="1"
-                    Grid.Column="2"/>
-
-            <Border Stroke="Black" StrokeThickness="0.5" Grid.Row="1" Grid.Column="3"/>
-            <Label Text="3"
-                    TextColor="#1A2541"
-                    VerticalOptions="Center"
-                    HorizontalOptions="Center"
-                    Grid.Row="1"
-                    Grid.Column="3"/>
-
-        </Grid>
-    </VerticalStackLayout>
+            <Border Stroke="Black"
+                    StrokeThickness="1.5"
+                    Margin="5">
+                <Border.StrokeShape>
+                    <RoundRectangle CornerRadius="10"/>
+                </Border.StrokeShape>
+                
+                <VerticalStackLayout Padding="10">
+                    <controls:LeaderboardLine></controls:LeaderboardLine>
+                    <Rectangle HeightRequest="2" BackgroundColor="Black"/>
+                    
+                    <controls:LeaderboardLine></controls:LeaderboardLine>
+                    <Rectangle HeightRequest="2" BackgroundColor="Black"/>
+                    
+                    <controls:LeaderboardLine></controls:LeaderboardLine>
+                    <Rectangle HeightRequest="2" BackgroundColor="Black"/>
+                    
+                    <controls:LeaderboardLine></controls:LeaderboardLine>
+                    <Rectangle HeightRequest="2" BackgroundColor="Black"/>
+                    
+                    <controls:LeaderboardLine></controls:LeaderboardLine>
+                    <Rectangle HeightRequest="2" BackgroundColor="Black"/>
+                    
+                    <controls:LeaderboardLine></controls:LeaderboardLine>
+                    <Rectangle HeightRequest="2" BackgroundColor="Black"/>
+                    
+                    <controls:LeaderboardLine></controls:LeaderboardLine>
+                    <Rectangle HeightRequest="2" BackgroundColor="Black"/>
+                    
+                    <controls:LeaderboardLine></controls:LeaderboardLine>
+                    <Rectangle HeightRequest="2" BackgroundColor="Black"/>
+                    
+                    <controls:LeaderboardLine></controls:LeaderboardLine>
+                    <Rectangle HeightRequest="2" BackgroundColor="Black"/>
+                    
+                    <controls:LeaderboardLine></controls:LeaderboardLine>
+                    <Rectangle HeightRequest="2" BackgroundColor="Black"/>
+                    
+                    <controls:LeaderboardLine></controls:LeaderboardLine>
+                    <Rectangle HeightRequest="2" BackgroundColor="Black"/>
+                    
+                    <controls:LeaderboardLine></controls:LeaderboardLine>
+                    <Rectangle HeightRequest="2" BackgroundColor="Black"/>
+                    
+                    <controls:LeaderboardLine></controls:LeaderboardLine>
+                    <Rectangle HeightRequest="2" BackgroundColor="Black"/>
+                    
+                    <controls:LeaderboardLine></controls:LeaderboardLine>
+                    <Rectangle HeightRequest="2" BackgroundColor="Black"/>
+                    
+                    <controls:LeaderboardLine></controls:LeaderboardLine>
+                    <Rectangle HeightRequest="2" BackgroundColor="Black"/>
+                </VerticalStackLayout>
+            </Border>
+        </VerticalStackLayout>
+    </ScrollView>
 </ContentPage>
\ No newline at end of file
diff --git a/Qwirkle/Qwirkle/Views/LeaderboardLine.xaml b/Qwirkle/Qwirkle/Views/LeaderboardLine.xaml
new file mode 100644
index 0000000..6b00533
--- /dev/null
+++ b/Qwirkle/Qwirkle/Views/LeaderboardLine.xaml
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<ContentView xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             x:Class="Qwirkle.Views.LeaderboardLine">
+    <Grid ColumnDefinitions="4*, 2*, 2*, 2*"
+          RowDefinitions="50">
+                        
+        <Label
+            Grid.Row="0"
+            Grid.Column="0"
+            FontSize="Medium"
+            FontAttributes="Bold"
+            Text="Player Tag"
+            TextColor="DarkSlateGrey"
+            VerticalOptions="Center"/>
+                        
+        <Label
+            Grid.Row="0"
+            Grid.Column="1"
+            FontSize="Medium"
+            FontAttributes="Bold"
+            Text="Date"
+            TextColor="DarkSlateGrey"
+            VerticalOptions="Center"/>
+                        
+        <Label
+            Grid.Row="0"
+            Grid.Column="2"
+            FontSize="Medium"
+            FontAttributes="Bold"
+            Text="Points"
+            TextColor="DarkSlateGrey"
+            VerticalOptions="Center"/>
+                        
+        <Label
+            Grid.Row="0"
+            Grid.Column="3"
+            FontSize="Medium"
+            FontAttributes="Bold"
+            Text="Victories"
+            TextColor="DarkSlateGrey"
+            VerticalOptions="Center"/>
+                        
+    </Grid>
+</ContentView>
\ No newline at end of file
diff --git a/Qwirkle/Qwirkle/Views/LeaderboardLine.xaml.cs b/Qwirkle/Qwirkle/Views/LeaderboardLine.xaml.cs
new file mode 100644
index 0000000..33d7acb
--- /dev/null
+++ b/Qwirkle/Qwirkle/Views/LeaderboardLine.xaml.cs
@@ -0,0 +1,15 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace Qwirkle.Views;
+
+public partial class LeaderboardLine : ContentView
+{
+    public LeaderboardLine()
+    {
+        InitializeComponent();
+    }
+}
\ No newline at end of file