Enhancement of the Playlist Page

Sources/Connsole/Program.cs

@@ -3,7 +3,7 @@
 
 // See https://aka.ms/new-console-template for more information
 
-Album a = new Album("Adios Bahamas", "album1.jpg", "Népal");
+/*Album a = new Album("Adios Bahamas", "album1.jpg", "Népal");
 Album a1 = new Album("Fenêtre sur Rue", "album3.jpg", "HugoTSR");
 Album a2 = new Album("Dans la Légende", "album8.jpg", "PNL");
 
@@ -18,7 +18,7 @@ foreach (Album album in lst)
     Console.WriteLine($"Artiste : " + album.Artiste);
 
     Console.WriteLine($"-------------------------");
-}
+}*/
 
 
 

Sources/Linaris/AppShell.xaml

@@ -8,8 +8,8 @@
 
     <ShellContent
         Title="Linaris"
-        ContentTemplate="{DataTemplate local:MainPage}"
-        Route="AlbumPage"
+        ContentTemplate="{DataTemplate local:PlaylistPage}"
+        Route="PlaylistPage"
         Shell.NavBarIsVisible="False"/>
 
 </Shell>

Sources/Linaris/Linaris.csproj

@@ -63,6 +63,9 @@
 	  <MauiXaml Update="AlbumPage.xaml">
 	    <Generator>MSBuild:Compile</Generator>
 	  </MauiXaml>
+	  <MauiXaml Update="PlaylistPage.xaml">
+	    <Generator>MSBuild:Compile</Generator>
+	  </MauiXaml>
 	</ItemGroup>
 
 </Project>

Sources/Linaris/MainPage.xaml.cs

@@ -2,7 +2,7 @@
 
 public partial class MainPage : ContentPage
 {
-	int count = 0;
+	// int count = 0;
 
 	public MainPage()
 	{

Sources/Linaris/PlaylistPage.xaml

@@ -0,0 +1,88 @@
+<?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"
+             x:Class="Linaris.PlaylistPage"
+             xmlns:avatarview="clr-namespace:Syncfusion.Maui.Core;assembly=Syncfusion.Maui.Core"
+             Title="PlaylistPage">
+    <Grid>
+        <Grid.ColumnDefinitions>
+            <ColumnDefinition Width="*"/>
+            <ColumnDefinition Width="6*"/>
+        </Grid.ColumnDefinitions>
+        <ContentView Style="{StaticResource FlyoutStyle}" Grid.Column="0"></ContentView>
+        <ScrollView Grid.Column="1"
+                             BackgroundColor="#404040">
+            <VerticalStackLayout>
+
+                <SearchBar Style="{StaticResource SearchBar}"/>
+                <avatarview:SfAvatarView 
+                        Style="{StaticResource pdp}"
+                        ImageSource="playlist.jpg"/>
+                <Label Text="Playlist 2023"
+                            Style="{StaticResource Titre}">
+                </Label>
+                <Label Text="Description"
+                            Style="{StaticResource SousTitre}">
+                </Label>
+                <Grid BackgroundColor="Transparent" MinimumHeightRequest="0">
+                    <FlexLayout Direction="Row" AlignItems="Center" JustifyContent="SpaceEvenly" Wrap="Wrap">
+                        <Button Text="Aléatoire" Style="{StaticResource PlayButton}"/>
+                        <Button Text="Lecture" Style="{StaticResource PlayButton}"/>
+                        <Button Text="Modifier" Style="{StaticResource PlayButton}"/>
+                        <Button Text="Partager" Style="{StaticResource PlayButton}"/>
+                    </FlexLayout>
+                </Grid>
+                
+
+                <Frame Style="{StaticResource Song}">
+                    <Label Text="Morceau 1"
+                                FontSize="20"
+                                TextColor="white"
+                                HorizontalTextAlignment="Center"/>
+                </Frame>
+
+                <Frame Style="{StaticResource Song}">
+                    <Label Text="Morceau 2"
+                                FontSize="20"
+                                TextColor="white"
+                                HorizontalTextAlignment="Center"/>
+                </Frame>
+
+                <Frame Style="{StaticResource Song}">
+                    <Label Text="Morceau 3"
+                                FontSize="20"
+                                TextColor="white"
+                                HorizontalTextAlignment="Center"/>
+                </Frame>
+
+                <Frame Style="{StaticResource Song}">
+                    <Label Text="Morceau 4"
+                                FontSize="20"
+                                TextColor="white"
+                                HorizontalTextAlignment="Center"/>
+                </Frame>
+
+                <Frame Style="{StaticResource Song}">
+                    <Label Text="Morceau 5"
+                                FontSize="20"
+                                TextColor="white"
+                                HorizontalTextAlignment="Center"/>
+                </Frame>
+
+                <Frame Style="{StaticResource Song}">
+                    <Label Text="Morceau 6"
+                                FontSize="20"
+                                TextColor="white"
+                                HorizontalTextAlignment="Center"/>
+                </Frame>
+
+                <Frame Style="{StaticResource Song}">
+                    <Label Text="Morceau 7"
+                                FontSize="20"
+                                TextColor="white"
+                                HorizontalTextAlignment="Center"/>
+                </Frame>
+            </VerticalStackLayout>
+        </ScrollView>
+    </Grid>
+</ContentPage>

Sources/Linaris/PlaylistPage.xaml.cs

@@ -0,0 +1,9 @@
+namespace Linaris;
+
+public partial class PlaylistPage : ContentPage
+{
+	public PlaylistPage()
+	{
+		InitializeComponent();
+	}
+}

Sources/Linaris/Resources/Styles/Styles.xaml

@@ -45,6 +45,10 @@
         <Setter Property="HorizontalOptions" Value="Fill"></Setter>
     </Style>
 
+    <Style x:Key="PlayButton" TargetType="Button">
+        <Setter Property="BackgroundColor" Value="CornflowerBlue"></Setter>
+    </Style>
+
     <Style x:Key="Titre" TargetType="Label">
         <Setter Property="HorizontalOptions" Value="Center"></Setter>
         <Setter Property="FontSize" Value="35"></Setter>