From bde24d7c925118234e35d9baed674da0f195098c Mon Sep 17 00:00:00 2001
From: Corentin LEMAIRE <colemaire>
Date: Sat, 8 Apr 2023 08:53:11 +0200
Subject: [PATCH] Starting to add Styles

---
 Sources/Linaris/AlbumPage.xaml               | 41 +-------------------
 Sources/Linaris/MainPage.xaml                | 33 +---------------
 Sources/Linaris/Resources/Styles/Styles.xaml | 23 +++++++----
 3 files changed, 18 insertions(+), 79 deletions(-)

diff --git a/Sources/Linaris/AlbumPage.xaml b/Sources/Linaris/AlbumPage.xaml
index cad1ead..ca10611 100644
--- a/Sources/Linaris/AlbumPage.xaml
+++ b/Sources/Linaris/AlbumPage.xaml
@@ -12,40 +12,6 @@
             <ColumnDefinition Width="6*"/>
         </Grid.ColumnDefinitions>
         <ContentView Style="{StaticResource FlyoutStyle}" Grid.Column="0"></ContentView>
-        <!--<VerticalStackLayout BackgroundColor="black" Spacing="20" Padding="0,20,0,0">
-            <Button Text="Home"
-                    x:Name="bouton"
-                   FontSize="30"
-                   TextColor="White"
-                   HorizontalOptions="Center"
-                   VerticalOptions="Start"
-                   Clicked="Button_Clicked">
-            </Button>
-            <Button Text="Playlist"
-                   FontSize="30"
-                   TextColor="White"
-                   HorizontalOptions="Center"
-                   VerticalOptions="Start">
-            </Button>
-            <Button Text="Search"
-                   FontSize="30"
-                   TextColor="White"
-                   HorizontalOptions="Center"
-                   VerticalOptions="Start">
-            </Button>
-            <Button Text="Favorites"
-                   FontSize="30"
-                   TextColor="White"
-                   HorizontalOptions="Center"
-                   VerticalOptions="Start">
-            </Button>
-            <Button Text="Log out"
-                   FontSize="30"
-                   TextColor="White"
-                   HorizontalOptions="Center"
-                   VerticalOptions="End">
-            </Button>
-        </VerticalStackLayout>-->
 
         <ScrollView Grid.Column="1"
                              BackgroundColor="#404040">
@@ -159,12 +125,7 @@
                                    HorizontalTextAlignment="Center"/>
                         </Frame>
 
-                        <Frame CornerRadius="10"
-                                   Padding="15"
-                                   Margin="10"
-                                   BorderColor="Transparent"
-                                   BackgroundColor="CornflowerBlue"
-                                   HorizontalOptions="Fill">
+                        <Frame Style="Song">
                             <Label Text="Morceau 7"
                                    FontSize="20"
                                    TextColor="white"
diff --git a/Sources/Linaris/MainPage.xaml b/Sources/Linaris/MainPage.xaml
index 3c16c54..e004afa 100644
--- a/Sources/Linaris/MainPage.xaml
+++ b/Sources/Linaris/MainPage.xaml
@@ -9,38 +9,7 @@
             <ColumnDefinition Width="*"/>
             <ColumnDefinition Width="6*"/>
         </Grid.ColumnDefinitions>
-        <VerticalStackLayout BackgroundColor="black" Spacing="20" Padding="0,20,0,0">
-            <Label Text="Home"
-                   FontSize="30"
-                   TextColor="White"
-                   HorizontalOptions="Center"
-                   VerticalOptions="Start">
-            </Label>
-            <Label Text="Playlist"
-                   FontSize="30"
-                   TextColor="White"
-                   HorizontalOptions="Center"
-                   VerticalOptions="Start">
-            </Label>
-            <Label Text="Search"
-                   FontSize="30"
-                   TextColor="White"
-                   HorizontalOptions="Center"
-                   VerticalOptions="Start">
-            </Label>
-            <Label Text="Favorites"
-                   FontSize="30"
-                   TextColor="White"
-                   HorizontalOptions="Center"
-                   VerticalOptions="Start">
-            </Label>
-            <Label Text="Log out"
-                   FontSize="30"
-                   TextColor="White"
-                   HorizontalOptions="Center"
-                   VerticalOptions="End">
-            </Label>
-        </VerticalStackLayout>
+        <ContentView Style="{StaticResource FlyoutStyle}" Grid.Column="0"></ContentView>
 
         <ScrollView Grid.Column="1"
                              BackgroundColor="#404040">
diff --git a/Sources/Linaris/Resources/Styles/Styles.xaml b/Sources/Linaris/Resources/Styles/Styles.xaml
index e5c76b7..aaf4016 100644
--- a/Sources/Linaris/Resources/Styles/Styles.xaml
+++ b/Sources/Linaris/Resources/Styles/Styles.xaml
@@ -2,7 +2,8 @@
 <?xaml-comp compile="true" ?>
 <ResourceDictionary 
     xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:avatarview="clr-namespace:Syncfusion.Maui.Core;assembly=Syncfusion.Maui.Core">
 
     <ControlTemplate x:Key="flyout">
         <VerticalStackLayout BackgroundColor="black" Spacing="20">
@@ -32,15 +33,23 @@
                    HorizontalOptions="Center"
                    VerticalOptions="Start">
             </Button>
-            <Button Text="Log out"
-                   FontSize="30"
-                   TextColor="White"
-                   HorizontalOptions="Center"
-                   VerticalOptions="End">
-            </Button>
         </VerticalStackLayout>
     </ControlTemplate>
 
+    <ControlTemplate x:Key="songs">
+        <Frame CornerRadius="10"
+                Padding="15"
+                Margin="10"
+                BorderColor="Transparent"
+                BackgroundColor="CornflowerBlue"
+                HorizontalOptions="Fill">
+        </Frame>
+    </ControlTemplate>
+
+    <Style x:Key="Song" TargetType="Frame">
+        <Setter Property="ControlTemplate" Value="{StaticResource songs}"></Setter>
+    </Style>
+
     <Style x:Key="FlyoutStyle" TargetType="ContentView">
         <Setter Property="ControlTemplate" Value="{StaticResource flyout}"></Setter>
     </Style>