From d9bf7bf5f348106433a05d50d5bcfdb3bcddf20c Mon Sep 17 00:00:00 2001
From: Alexandre Agostinho <alexandre.agostinho@epita.fr>
Date: Thu, 6 Apr 2023 02:10:48 +0200
Subject: [PATCH] add toolkit community + base of the home view

---
 MCTG/Views/Home.xaml                          | 159 +++++++-----------
 MCTG/Views/MauiProgram.cs                     |   4 +-
 .../Views/Resources/Images/person_default.svg |   1 +
 MCTG/Views/Resources/Styles/Styles.xaml       |  19 +++
 MCTG/Views/Views.csproj                       |   1 +
 5 files changed, 83 insertions(+), 101 deletions(-)
 create mode 100644 MCTG/Views/Resources/Images/person_default.svg

diff --git a/MCTG/Views/Home.xaml b/MCTG/Views/Home.xaml
index d441c66..5b42ef5 100644
--- a/MCTG/Views/Home.xaml
+++ b/MCTG/Views/Home.xaml
@@ -1,115 +1,74 @@
 <?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"
+             xmlns:toolkit="http://schemas.microsoft.com/dotnet/2022/maui/toolkit"
              x:Class="Vue.Home">
 
 
-    <FlexLayout
-        Direction="Row"
-        AlignItems="Stretch"
-        BackgroundColor="Red"
-        FlowDirection="LeftToRight"
-        Wrap="NoWrap">
+    <toolkit:DockLayout
+        HorizontalSpacing="20">
 
-        <BoxView
-            Color="{StaticResource Tertiary}"
-            WidthRequest="300"/>
+        <!-- Aux menu -->
+        <StackLayout toolkit:DockLayout.DockPosition="Left"
+                     WidthRequest="250"
+                     BackgroundColor="{StaticResource Tertiary}">
 
+            <ImageButton Source="person_default.png"
+                         BackgroundColor="{StaticResource Secondary}"
+                         WidthRequest="100" HeightRequest="100"
+                         CornerRadius="50" Margin="0, 40, 0, 0"
+                         HorizontalOptions="Fill"
+                         VerticalOptions="Fill"
+                         IsEnabled="False"/>
+
+            <Button Text="se connecter" TextColor="{StaticResource Black}"
+                    BackgroundColor="{StaticResource Primary}"
+                    CornerRadius="5"
+                    Margin="15, 40"/>
+
+            <Button Text="Recherche" Style="{StaticResource button1}"/>
+
+            <Entry Text="Mot-clés" FontAttributes="Italic"
+                   Margin="10, 0, 10, 30"/>
+
+            <Button Text="Entrées" Style="{StaticResource button1}"/>
+            <Button Text="Plats" Style="{StaticResource button1}"/>
+            <Button Text="Desserts" Style="{StaticResource button1}"/>
+
+        </StackLayout>
+
+        <!-- Master recipes -->
         <ScrollView>
+            <StackLayout>
+                <Label Text="Suggestions" TextColor="{StaticResource Secondary}"
+                       FontSize="32" FontAttributes="Bold" Padding="15"/>
 
-            <FlexLayout
-                Direction="Row"
-                JustifyContent="SpaceEvenly"
-                AlignItems="Center"
-                BackgroundColor="White"
-                Wrap="Wrap">
-
-
-                <BoxView
-                    Color="{StaticResource Secondary}"
-                    WidthRequest="300"
-                    HeightRequest="200"
-                    CornerRadius="10"
-                    Margin="20"/>
-                <BoxView
-                    Color="{StaticResource Secondary}"
-                    WidthRequest="300"
-                    HeightRequest="200"
-                    CornerRadius="10"
-                    Margin="20"/>
-                <BoxView
-                    Color="{StaticResource Secondary}"
-                    WidthRequest="300"
-                    HeightRequest="200"
-                    CornerRadius="10"
-                    Margin="20"/>
-                <BoxView
-                    Color="{StaticResource Secondary}"
-                    WidthRequest="300"
-                    HeightRequest="200"
-                    CornerRadius="10"
-                    Margin="20"/>
-                <BoxView
-                    Color="{StaticResource Secondary}"
-                    WidthRequest="300"
-                    HeightRequest="200"
-                    CornerRadius="10"
-                    Margin="20"/>
-                <BoxView
-                    Color="{StaticResource Secondary}"
-                    WidthRequest="300"
-                    HeightRequest="200"
-                    CornerRadius="10"
-                    Margin="20"/>
-                <BoxView
-                    Color="{StaticResource Secondary}"
-                    WidthRequest="300"
-                    HeightRequest="200"
-                    CornerRadius="10"
-                    Margin="20"/>
-                <BoxView
-                    Color="{StaticResource Secondary}"
-                    WidthRequest="300"
-                    HeightRequest="200"
-                    CornerRadius="10"
-                    Margin="20"/>
-                <BoxView
-                    Color="{StaticResource Secondary}"
-                    WidthRequest="300"
-                    HeightRequest="200"
-                    CornerRadius="10"
-                    Margin="20"/>
-                <BoxView
-                    Color="{StaticResource Secondary}"
-                    WidthRequest="300"
-                    HeightRequest="200"
-                    CornerRadius="10"
-                    Margin="20"/>
-                <BoxView
-                    Color="{StaticResource Secondary}"
-                    WidthRequest="300"
-                    HeightRequest="200"
-                    CornerRadius="10"
-                    Margin="20"/>
-                <BoxView
-                    Color="{StaticResource Secondary}"
-                    WidthRequest="300"
-                    HeightRequest="200"
-                    CornerRadius="10"
-                    Margin="20"/>
-                <BoxView
-                    Color="{StaticResource Secondary}"
-                    WidthRequest="300"
-                    HeightRequest="200"
-                    CornerRadius="10"
-                    Margin="20"/>
-
-
-            </FlexLayout>
-        </ScrollView>
+                <FlexLayout toolkit:DockLayout.DockPosition="None"
+                            Margin="0, 15, 15, 0"
+                            Wrap="Wrap"
+                            JustifyContent="SpaceEvenly"
+                            AlignItems="Center"
+                            AlignContent="SpaceEvenly">
 
-    </FlexLayout>
+                    <BoxView Style="{StaticResource boxView1}"/>
+                    <BoxView Style="{StaticResource boxView1}"/>
+                    <BoxView Style="{StaticResource boxView1}"/>
+                    <BoxView Style="{StaticResource boxView1}"/>
+                    <BoxView Style="{StaticResource boxView1}"/>
+                    <BoxView Style="{StaticResource boxView1}"/>
+                    <BoxView Style="{StaticResource boxView1}"/>
+                    <BoxView Style="{StaticResource boxView1}"/>
+                    <BoxView Style="{StaticResource boxView1}"/>
+                    <BoxView Style="{StaticResource boxView1}"/>
+                    <BoxView Style="{StaticResource boxView1}"/>
+                    <BoxView Style="{StaticResource boxView1}"/>
+                    <BoxView Style="{StaticResource boxView1}"/>
+
+                </FlexLayout>
+            </StackLayout>
+        </ScrollView>
 
+    </toolkit:DockLayout>
 
 
 </ContentPage>
diff --git a/MCTG/Views/MauiProgram.cs b/MCTG/Views/MauiProgram.cs
index 2ced47d..80f1513 100644
--- a/MCTG/Views/MauiProgram.cs
+++ b/MCTG/Views/MauiProgram.cs
@@ -1,4 +1,5 @@
-using Microsoft.Extensions.Logging;
+using CommunityToolkit.Maui;
+using Microsoft.Extensions.Logging;
 
 namespace Vue
 {
@@ -9,6 +10,7 @@ namespace Vue
             var builder = MauiApp.CreateBuilder();
             builder
                 .UseMauiApp<App>()
+                .UseMauiCommunityToolkit()
                 .ConfigureFonts(fonts =>
                 {
                     fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
diff --git a/MCTG/Views/Resources/Images/person_default.svg b/MCTG/Views/Resources/Images/person_default.svg
new file mode 100644
index 0000000..23f87b9
--- /dev/null
+++ b/MCTG/Views/Resources/Images/person_default.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 96 960 960" width="48"><path d="M480 575q-66 0-108-42t-42-108q0-66 42-108t108-42q66 0 108 42t42 108q0 66-42 108t-108 42ZM160 896v-94q0-38 19-65t49-41q67-30 128.5-45T480 636q62 0 123 15.5t127.921 44.694q31.301 14.126 50.19 40.966Q800 764 800 802v94H160Zm60-60h520v-34q0-16-9.5-30.5T707 750q-64-31-117-42.5T480 696q-57 0-111 11.5T252 750q-14 7-23 21.5t-9 30.5v34Zm260-321q39 0 64.5-25.5T570 425q0-39-25.5-64.5T480 335q-39 0-64.5 25.5T390 425q0 39 25.5 64.5T480 515Zm0-90Zm0 411Z"/></svg>
\ No newline at end of file
diff --git a/MCTG/Views/Resources/Styles/Styles.xaml b/MCTG/Views/Resources/Styles/Styles.xaml
index dc4a034..7e0b54c 100644
--- a/MCTG/Views/Resources/Styles/Styles.xaml
+++ b/MCTG/Views/Resources/Styles/Styles.xaml
@@ -3,6 +3,25 @@
 <ResourceDictionary 
     xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">
+    
+    <!-- Personal styles -->
+
+    <Style x:Key="boxView1" TargetType="BoxView">
+        <Setter Property="Color" Value="{StaticResource Secondary}"/>
+        <Setter Property="WidthRequest" Value="300"/>
+        <Setter Property="HeightRequest" Value="200"/>
+        <Setter Property="CornerRadius" Value="10"/>
+        <Setter Property="Margin" Value="10"/>
+    </Style>
+
+    <Style x:Key="button1" TargetType="Button">
+        <Setter Property="TextColor" Value="{StaticResource Black}"/>
+        <Setter Property="BackgroundColor" Value="{StaticResource Secondary}"/>
+        <Setter Property="CornerRadius" Value="5"/>
+        <Setter Property="Margin" Value="10, 15"/>
+    </Style>
+
+    <!-- Built-in styles -->
 
     <Style TargetType="ActivityIndicator">
         <Setter Property="Color" Value="{AppThemeBinding Light={StaticResource Primary}, Dark={StaticResource White}}" />
diff --git a/MCTG/Views/Views.csproj b/MCTG/Views/Views.csproj
index d1061d8..512d90f 100644
--- a/MCTG/Views/Views.csproj
+++ b/MCTG/Views/Views.csproj
@@ -49,6 +49,7 @@
 	</ItemGroup>
 
 	<ItemGroup>
+		<PackageReference Include="CommunityToolkit.Maui" Version="5.0.0" />
 		<PackageReference Include="Microsoft.Extensions.Logging.Debug" Version="7.0.0" />
 	</ItemGroup>