From 7c241b30ccab0b5867b716c141bec188501e649f Mon Sep 17 00:00:00 2001
From: Corentin LEMAIRE <corentin.lemaire@etu.uca.fr>
Date: Sun, 4 Jun 2023 18:29:00 +0200
Subject: [PATCH] Add overlay to addplaylist and editplaylist image, change
 serialization seperator to ;, fix searchbar binding mistake

---
 Sources/Linaris/AddPlaylistPage.xaml          |  37 ++++++++++++++----
 Sources/Linaris/EditPlaylistPage.xaml         |  37 ++++++++++++++----
 Sources/Linaris/PlaylistPage.xaml             |   2 +-
 .../Resources/Images/change_image_overlay.png | Bin 0 -> 12982 bytes
 Sources/Linaris/SearchBarView.xaml            |  26 ------------
 .../Serialization/LINQ_XML_Serialization.cs   |   4 +-
 6 files changed, 63 insertions(+), 43 deletions(-)
 create mode 100644 Sources/Linaris/Resources/Images/change_image_overlay.png

diff --git a/Sources/Linaris/AddPlaylistPage.xaml b/Sources/Linaris/AddPlaylistPage.xaml
index ac303db..eb74afa 100644
--- a/Sources/Linaris/AddPlaylistPage.xaml
+++ b/Sources/Linaris/AddPlaylistPage.xaml
@@ -4,13 +4,36 @@
              x:Class="Linaris.AddPlaylistPage"
              Title="AddPlaylistPage">
     <VerticalStackLayout BackgroundColor="#404040">
-        <Frame Margin="10" CornerRadius="75" HeightRequest="150" WidthRequest="150" IsClippedToBounds="True" HorizontalOptions="Center" VerticalOptions="Center">
-            <Image Source="{Binding ImageURL}" Aspect="AspectFill" WidthRequest="150" HeightRequest="150" Margin="-20" IsAnimationPlaying="True">
-                <Image.GestureRecognizers>
-                    <TapGestureRecognizer Tapped="ChangeImage"/>
-                </Image.GestureRecognizers>
-            </Image>
-        </Frame>
+        <Grid>
+            <Frame Margin="10" CornerRadius="75" HeightRequest="150" WidthRequest="150" IsClippedToBounds="True" HorizontalOptions="Center" VerticalOptions="Center">
+                <Image Source="{Binding ImageURL}" Aspect="AspectFit" WidthRequest="150" HeightRequest="150" Margin="-20" IsAnimationPlaying="True">
+                    <Image.GestureRecognizers>
+                        <TapGestureRecognizer Tapped="ChangeImage"/>
+                    </Image.GestureRecognizers>
+                </Image>
+            </Frame>
+            <Frame Margin="10" CornerRadius="75" HeightRequest="150" WidthRequest="150" IsClippedToBounds="True" HorizontalOptions="Center" VerticalOptions="Center" BackgroundColor="#36363636">
+                <Image Source="change_image_overlay.png" Aspect="AspectFit" WidthRequest="150" HeightRequest="150" Margin="-20" IsAnimationPlaying="True">
+                    <Image.GestureRecognizers>
+                        <TapGestureRecognizer Tapped="ChangeImage"/>
+                    </Image.GestureRecognizers>
+                </Image>
+                <VisualStateManager.VisualStateGroups>
+                    <VisualStateGroup x:Name="CommonStates">
+                        <VisualState x:Name="Normal">
+                            <VisualState.Setters>
+                                <Setter Property="Opacity" Value="0.6"/>
+                            </VisualState.Setters>
+                        </VisualState>
+                        <VisualState x:Name="PointerOver">
+                            <VisualState.Setters>
+                                <Setter Property="Opacity" Value="1"/>
+                            </VisualState.Setters>
+                        </VisualState>
+                    </VisualStateGroup>
+                </VisualStateManager.VisualStateGroups>
+            </Frame>
+        </Grid>
         <Entry Text="{Binding Name}" WidthRequest="300" Placeholder="Nom de la playlist" TextColor="White" Margin="0,20,0,20" VerticalOptions="Center" HorizontalOptions="Center"/>
         <Entry Text="{Binding Description}" WidthRequest="300" HeightRequest="150" Placeholder="Description de la playlist" VerticalTextAlignment="Start" TextColor="White" Margin="0,20,0,20" VerticalOptions="Center" HorizontalOptions="Center"/>
         <HorizontalStackLayout HorizontalOptions="Center" Margin="10" Spacing="15">
diff --git a/Sources/Linaris/EditPlaylistPage.xaml b/Sources/Linaris/EditPlaylistPage.xaml
index 877384e..2944a7b 100644
--- a/Sources/Linaris/EditPlaylistPage.xaml
+++ b/Sources/Linaris/EditPlaylistPage.xaml
@@ -4,13 +4,36 @@
              x:Class="Linaris.EditPlaylistPage"
              Title="EditPlaylistPage">
     <VerticalStackLayout BackgroundColor="#404040">
-        <Frame Margin="10" CornerRadius="75" HeightRequest="150" WidthRequest="150" IsClippedToBounds="True" HorizontalOptions="Center" VerticalOptions="Center">
-            <Image Source="{Binding ImageURL}" Aspect="AspectFill" WidthRequest="150" HeightRequest="150" Margin="-20" IsAnimationPlaying="True">
-                <Image.GestureRecognizers>
-                    <TapGestureRecognizer Tapped="ChangeImage"/>
-                </Image.GestureRecognizers>
-            </Image>
-        </Frame>
+        <Grid>
+            <Frame Margin="10" CornerRadius="75" HeightRequest="150" WidthRequest="150" IsClippedToBounds="True" HorizontalOptions="Center" VerticalOptions="Center">
+                <Image Source="{Binding ImageURL}" Aspect="AspectFit" WidthRequest="150" HeightRequest="150" Margin="-20" IsAnimationPlaying="True">
+                    <Image.GestureRecognizers>
+                        <TapGestureRecognizer Tapped="ChangeImage"/>
+                    </Image.GestureRecognizers>
+                </Image>
+            </Frame>
+            <Frame Margin="10" CornerRadius="75" HeightRequest="150" WidthRequest="150" IsClippedToBounds="True" HorizontalOptions="Center" VerticalOptions="Center" BackgroundColor="#36363636">
+                <Image Source="change_image_overlay.png" Aspect="AspectFit" WidthRequest="150" HeightRequest="150" Margin="-20" IsAnimationPlaying="True">
+                    <Image.GestureRecognizers>
+                        <TapGestureRecognizer Tapped="ChangeImage"/>
+                    </Image.GestureRecognizers>
+                </Image>
+                <VisualStateManager.VisualStateGroups>
+                    <VisualStateGroup x:Name="CommonStates">
+                        <VisualState x:Name="Normal">
+                            <VisualState.Setters>
+                                <Setter Property="Opacity" Value="0.6"/>
+                            </VisualState.Setters>
+                        </VisualState>
+                        <VisualState x:Name="PointerOver">
+                            <VisualState.Setters>
+                                <Setter Property="Opacity" Value="1"/>
+                            </VisualState.Setters>
+                        </VisualState>
+                    </VisualStateGroup>
+                </VisualStateManager.VisualStateGroups>
+            </Frame>
+        </Grid>
         <Entry Text="{Binding Name}" WidthRequest="300" Placeholder="Nom de la playlist" TextColor="White" Margin="0,20,0,20" VerticalOptions="Center" HorizontalOptions="Center"/>
         <Entry Text="{Binding Description}" WidthRequest="300" HeightRequest="150" Placeholder="Description de la playlist" VerticalTextAlignment="Start" TextColor="White" Margin="0,20,0,20" VerticalOptions="Center" HorizontalOptions="Center"/>
         <HorizontalStackLayout HorizontalOptions="Center" Margin="10" Spacing="15">
diff --git a/Sources/Linaris/PlaylistPage.xaml b/Sources/Linaris/PlaylistPage.xaml
index e4384af..f51b4b0 100644
--- a/Sources/Linaris/PlaylistPage.xaml
+++ b/Sources/Linaris/PlaylistPage.xaml
@@ -16,7 +16,7 @@
                 <local:SearchBarView/>
                 
                 <Frame IsClippedToBounds="True" CornerRadius="75" HeightRequest="150" WidthRequest="150" HorizontalOptions="Center" VerticalOptions="Center" BackgroundColor="Transparent">
-                    <Image Source="{Binding ImageURL}" Aspect="AspectFill" WidthRequest="150" HeightRequest="150" Margin="-20" IsAnimationPlaying="True"/>
+                    <Image Source="{Binding ImageURL}" Aspect="AspectFit" WidthRequest="150" HeightRequest="150" Margin="-20" IsAnimationPlaying="True"/>
                 </Frame>
                 <Label Text="{Binding Name}" Style="{StaticResource Titre}"/>
                 <Label Text="{Binding Description}" Style="{StaticResource SousTitre}"/>
diff --git a/Sources/Linaris/Resources/Images/change_image_overlay.png b/Sources/Linaris/Resources/Images/change_image_overlay.png
new file mode 100644
index 0000000000000000000000000000000000000000..9ee11141981159f1878111d92fed6a3e8676483c
GIT binary patch
literal 12982
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
RV3Zg>d)oR`$v2mO_%9Ka25kTU

literal 0
HcmV?d00001

diff --git a/Sources/Linaris/SearchBarView.xaml b/Sources/Linaris/SearchBarView.xaml
index 9ff20a8..93b95b4 100644
--- a/Sources/Linaris/SearchBarView.xaml
+++ b/Sources/Linaris/SearchBarView.xaml
@@ -22,19 +22,6 @@
                 </BindableLayout.ItemTemplate>
             </FlexLayout>
 
-            <FlexLayout Direction="Column" BindableLayout.ItemsSource="{Binding Artists}">
-                <BindableLayout.ItemTemplate>
-                    <DataTemplate>
-                        <Frame Padding="10" BackgroundColor="white" BorderColor="black" HeightRequest="40">
-                            <Label Text="{Binding Name}" TextColor="black"/>
-                            <Frame.GestureRecognizers>
-                                <TapGestureRecognizer Tapped="SearchResult_Tapped" />
-                            </Frame.GestureRecognizers>
-                        </Frame>
-                    </DataTemplate>
-                </BindableLayout.ItemTemplate>
-            </FlexLayout>
-
             <FlexLayout Direction="Column" BindableLayout.ItemsSource="{Binding InfoTitles}">
                 <BindableLayout.ItemTemplate>
                     <DataTemplate>
@@ -48,19 +35,6 @@
                 </BindableLayout.ItemTemplate>
             </FlexLayout>
 
-            <FlexLayout Direction="Column" BindableLayout.ItemsSource="{Binding CustomTitles}">
-                <BindableLayout.ItemTemplate>
-                    <DataTemplate>
-                        <Frame Padding="10" BackgroundColor="white" BorderColor="black" HeightRequest="40">
-                            <Label Text="{Binding Name}" TextColor="black"/>
-                            <Frame.GestureRecognizers>
-                                <TapGestureRecognizer Tapped="SearchResult_Tapped" />
-                            </Frame.GestureRecognizers>
-                        </Frame>
-                    </DataTemplate>
-                </BindableLayout.ItemTemplate>
-            </FlexLayout>
-
             <FlexLayout Direction="Column" BindableLayout.ItemsSource="{Binding Playlists}">
                 <BindableLayout.ItemTemplate>
                     <DataTemplate>
diff --git a/Sources/Model/Serialization/LINQ_XML_Serialization.cs b/Sources/Model/Serialization/LINQ_XML_Serialization.cs
index fe19dfc..f9dcabd 100644
--- a/Sources/Model/Serialization/LINQ_XML_Serialization.cs
+++ b/Sources/Model/Serialization/LINQ_XML_Serialization.cs
@@ -228,7 +228,7 @@ public class LinqXmlSerialization : IDataManager
                 continue;
             }
 
-            char[] separator = new char[] { ' ' };
+            char[] separator = new char[] { ';' };
             string[] customArray = allCustoms.Split(separator, StringSplitOptions.RemoveEmptyEntries);
             List<string> customsList = customArray.ToList();
 
@@ -254,7 +254,7 @@ public class LinqXmlSerialization : IDataManager
                                                     new XAttribute("Name", playlist.Name),
                                                     new XElement("Description", playlist.Description),
                                                     new XElement("ImageURL", playlist.ImageURL),
-                                                    new XElement("Titles", playlist.Titles.Any() ? playlist.Titles.Select(p => p.Path).Aggregate((playlistName, nextPlaylist) => playlistName + " " + nextPlaylist) : "")
+                                                    new XElement("Titles", playlist.Titles.Any() ? playlist.Titles.Select(p => p.Path).Aggregate((playlistName, nextPlaylist) => playlistName + ";" + nextPlaylist) : "")
                                                     ));
         PlaylistsFichier.Add(new XElement("Playlists", playlist));