Add the Album Page

Sources/Linaris/AlbumPage.xaml

@@ -0,0 +1,114 @@
+<?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.AlbumPage"
+             xmlns:avatarview="clr-namespace:Syncfusion.Maui.Core;assembly=Syncfusion.Maui.Core"
+             Title="Album">
+
+    <Grid>
+        <Grid.ColumnDefinitions>
+            <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>
+
+        <ScrollView Grid.Column="1"
+                             BackgroundColor="#404040">
+            <VerticalStackLayout>
+                
+                <SearchBar Placeholder="Rechercher"
+                   BackgroundColor="White"
+                   HorizontalOptions="Fill"
+                   Margin="10"/>
+
+                <Grid VerticalOptions="Fill">
+                    <Grid.ColumnDefinitions>
+                        <ColumnDefinition Width="6*"/>
+                        <ColumnDefinition Width="*"/>
+                    </Grid.ColumnDefinitions>
+                    <Grid.RowDefinitions>
+                        <RowDefinition Height="*"/>
+                    </Grid.RowDefinitions>
+                    <FlexLayout Direction="Row"
+                        VerticalOptions="Fill"
+                        AlignItems="Start"
+                        JustifyContent="SpaceAround"
+                        Wrap="Wrap"
+                        Grid.Column="0">
+                        <VerticalStackLayout HorizontalOptions="Fill">
+                            <avatarview:SfAvatarView 
+                                ContentType="Custom"
+                                ImageSource="album9.jpg"
+                                VerticalOptions="Start"
+                                HorizontalOptions="Center"   
+                                HeightRequest="150"
+                                WidthRequest="150"
+                                CornerRadius="75"
+                                BackgroundColor="Transparent"
+                                Stroke="Transparent"/>
+                        </VerticalStackLayout>
+                    </FlexLayout>
+                    <ScrollView Grid.Column="1"
+                                VerticalOptions="Fill">
+                        <FlexLayout Direction="Row"
+                            AlignItems="Start"
+                            JustifyContent="SpaceAround"
+                            Wrap="Wrap"
+                            VerticalOptions="Fill">
+                            <VerticalStackLayout HorizontalOptions="Fill">
+                                <Label Text="Informations complémentaires"
+                                       TextColor="White"
+                                       HorizontalOptions="Center">
+                                </Label>
+
+                                <Label
+                                       TextColor="White"
+                                       HorizontalOptions="Center"
+                                       VerticalOptions="End">
+                                    <Label.Text>
+                                        Plein d'informations sur ce bel album, plein de chiffres etc...
+                                    </Label.Text>
+                                </Label>
+                            </VerticalStackLayout>
+                        </FlexLayout>
+                    </ScrollView>
+                </Grid>
+
+            </VerticalStackLayout>
+
+        </ScrollView>
+
+    </Grid>
+
+</ContentPage>

Sources/Linaris/AlbumPage.xaml.cs

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

Sources/Linaris/AppShell.xaml

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

Sources/Linaris/Linaris.csproj

@@ -50,6 +50,19 @@
 
 	<ItemGroup>
 		<PackageReference Include="Microsoft.Extensions.Logging.Debug" Version="7.0.0" />
+		<PackageReference Include="Syncfusion.Maui.Core" Version="21.1.37" />
+	</ItemGroup>
+
+	<ItemGroup>
+	  <Compile Update="AlbumPage.xaml.cs">
+	    <DependentUpon>AlbumPage.xaml</DependentUpon>
+	  </Compile>
+	</ItemGroup>
+
+	<ItemGroup>
+	  <MauiXaml Update="AlbumPage.xaml">
+	    <Generator>MSBuild:Compile</Generator>
+	  </MauiXaml>
 	</ItemGroup>
 
 </Project>

Sources/Linaris/MainPage.xaml

@@ -1,7 +1,8 @@
 <?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.MainPage">
+             x:Class="Linaris.MainPage"
+             Title="Home">
 
 
     <Grid>
@@ -34,6 +35,12 @@
                    HorizontalOptions="Center"
                    VerticalOptions="Start">
             </Label>
+            <Label Text="Log out"
+                   FontSize="30"
+                   TextColor="White"
+                   HorizontalOptions="Center"
+                   VerticalOptions="End">
+            </Label>
         </VerticalStackLayout>
 
         <ScrollView Grid.Column="1"

Sources/Linaris/MauiProgram.cs

@@ -1,4 +1,5 @@
 using Microsoft.Extensions.Logging;
+using Syncfusion.Maui.Core.Hosting;
 
 namespace Linaris;
 
@@ -9,7 +10,8 @@ public static class MauiProgram
 		var builder = MauiApp.CreateBuilder();
 		builder
 			.UseMauiApp<App>()
-			.ConfigureFonts(fonts =>
+            .ConfigureSyncfusionCore()
+            .ConfigureFonts(fonts =>
 			{
 				fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
 				fonts.AddFont("OpenSans-Semibold.ttf", "OpenSansSemibold");