From 6e88c66e20b1e3263147a4eb2126cf9beed6aee0 Mon Sep 17 00:00:00 2001
From: Matheo HERSAN <mahersan>
Date: Mon, 22 May 2023 11:51:39 +0200
Subject: [PATCH 1/4] Continue DataBinding

---
 .../DataBinding/INotifyPropertyChanged.cs     | 14 +++++++++
 MangaMap/Views/FicheAnime.xaml.cs             | 31 +++++++++++++++----
 MangaMap/Views/ficheAnime.xaml                | 19 ++++++------
 3 files changed, 49 insertions(+), 15 deletions(-)
 create mode 100644 MangaMap/DataBinding/INotifyPropertyChanged.cs

diff --git a/MangaMap/DataBinding/INotifyPropertyChanged.cs b/MangaMap/DataBinding/INotifyPropertyChanged.cs
new file mode 100644
index 0000000..0914cc6
--- /dev/null
+++ b/MangaMap/DataBinding/INotifyPropertyChanged.cs
@@ -0,0 +1,14 @@
+using System;
+using System.Collections.Generic;
+using System.ComponentModel;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace MangaMap.DataBinding
+{
+    public interface INotifyPropertyChanged
+    {
+        public event PropertyChangedEventHandler? PropertyChanged;
+    }
+}
diff --git a/MangaMap/Views/FicheAnime.xaml.cs b/MangaMap/Views/FicheAnime.xaml.cs
index 11c6adc..d4f8e6a 100644
--- a/MangaMap/Views/FicheAnime.xaml.cs
+++ b/MangaMap/Views/FicheAnime.xaml.cs
@@ -1,18 +1,37 @@
 namespace MangaMap.Views;
 using Model;
+using System.ComponentModel;
 
-public partial class ficheAnime : ContentPage
+public partial class ficheAnime : ContentPage, INotifyPropertyChanged
 {
-    public Oeuvre AnimeModel { get; set; }
+    private Oeuvre animeModel;
+    public Oeuvre AnimeModel
+    {
+        get { return animeModel; }
+        set
+        {
+            if (animeModel != value)
+            {
+                animeModel = value;
+                OnPropertyChanged(nameof(AnimeModel));
+            }
+        }
+    }
 
     public ficheAnime()
     {
-        InitializeComponent();
-
-        // Exemple de création d'une instance de la classe Oeuvre
         List<string> genres = new List<string>() { "Action", "Aventure" };
-        AnimeModel = new Oeuvre("Nom de l'oeuvre", genres, "Type de l'oeuvre", "Description de l'oeuvre", 5, 12, "Chemin/vers/l'affiche.png");
+        AnimeModel = new Oeuvre("Evangelion", genres, "Type de l'oeuvre", "Description de l'oeuvre", 5, 12, "Chemin/vers/l'affiche.png");
+
+        InitializeComponent();
 
         this.BindingContext = this;
     }
+
+    public event PropertyChangedEventHandler PropertyChanged;
+
+    protected virtual void OnPropertyChanged(string propertyName)
+    {
+        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
+    }
 }
\ No newline at end of file
diff --git a/MangaMap/Views/ficheAnime.xaml b/MangaMap/Views/ficheAnime.xaml
index 7b60d09..0254262 100644
--- a/MangaMap/Views/ficheAnime.xaml
+++ b/MangaMap/Views/ficheAnime.xaml
@@ -12,14 +12,15 @@
         <VerticalStackLayout Grid.Row="1">
 
             <HorizontalStackLayout>
-                <Rectangle
-                WidthRequest="150"
-                HeightRequest="150"
-                Fill="Red"
-                HorizontalOptions="Start"
-                Margin="50"/>
-
-                <Label Text="Titre" FontSize="Header" VerticalOptions="Center"/>
+                
+                <ImageButton
+                    Style="{StaticResource ImageAnime}"
+                    BackgroundColor="Orange"
+                    Margin="50"
+                    Source="test.jpg"
+                    />
+
+                <Label Text="{Binding AnimeModel.Nom}" FontSize="Header" VerticalOptions="Center" TextColor="{StaticResource Primary}"/>
             </HorizontalStackLayout>
 
             <Grid>
@@ -46,7 +47,7 @@
             Text="Je suis une description. Je suis une description. Je suis une description. Je suis une description. Je suis une description. Je suis une description. Je suis une description. Je suis une description. Je suis une description. Je suis une description."
             Margin="20"/>
 
-            <Label Text="{Binding AnimeModel.Nom}" FontSize="Header" VerticalOptions="Center" TextColor="{StaticResource Primary}"/>
+            
             <Label Text="{Binding AnimeModel.Description}" Margin="20" TextColor="Wheat"/>
 
             <Entry Text="{Binding AnimeModel.Nom}" Placeholder="Entrez le nom"/>

From cbe5a5259b2479be6d6e5af2c5f6cc4f3b1517e6 Mon Sep 17 00:00:00 2001
From: Matheo HERSAN <mahersan>
Date: Mon, 22 May 2023 14:03:18 +0200
Subject: [PATCH 2/4] Enhancement of DataBinding

---
 MangaMap/Views/FicheAnime.xaml.cs | 29 +++++-------
 MangaMap/Views/homePage.xaml      | 74 +++----------------------------
 MangaMap/Views/homePage.xaml.cs   | 18 ++++++--
 3 files changed, 34 insertions(+), 87 deletions(-)

diff --git a/MangaMap/Views/FicheAnime.xaml.cs b/MangaMap/Views/FicheAnime.xaml.cs
index d4f8e6a..294f0b2 100644
--- a/MangaMap/Views/FicheAnime.xaml.cs
+++ b/MangaMap/Views/FicheAnime.xaml.cs
@@ -1,25 +1,17 @@
 namespace MangaMap.Views;
 using Model;
 using System.ComponentModel;
+using System.Xml.Linq;
 
 public partial class ficheAnime : ContentPage, INotifyPropertyChanged
 {
-    private Oeuvre animeModel;
-    public Oeuvre AnimeModel
-    {
-        get { return animeModel; }
-        set
-        {
-            if (animeModel != value)
-            {
-                animeModel = value;
-                OnPropertyChanged(nameof(AnimeModel));
-            }
-        }
-    }
+
+    public Manager DataManager { get; set; }
+    public Oeuvre AnimeModel { get; set; }
 
     public ficheAnime()
     {
+
         List<string> genres = new List<string>() { "Action", "Aventure" };
         AnimeModel = new Oeuvre("Evangelion", genres, "Type de l'oeuvre", "Description de l'oeuvre", 5, 12, "Chemin/vers/l'affiche.png");
 
@@ -28,10 +20,13 @@ public partial class ficheAnime : ContentPage, INotifyPropertyChanged
         this.BindingContext = this;
     }
 
-    public event PropertyChangedEventHandler PropertyChanged;
-
-    protected virtual void OnPropertyChanged(string propertyName)
+    public ficheAnime(Oeuvre anime)
     {
-        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
+        AnimeModel = anime;
+
+        InitializeComponent();
+
+        this.BindingContext = this;
     }
+
 }
\ No newline at end of file
diff --git a/MangaMap/Views/homePage.xaml b/MangaMap/Views/homePage.xaml
index db1070e..6132466 100644
--- a/MangaMap/Views/homePage.xaml
+++ b/MangaMap/Views/homePage.xaml
@@ -29,80 +29,20 @@
                        Margin="30"
                        />
 
-                <ListView x:Name="a2" ItemsSource="{Binding Oeuvres}">
-                    <ListView.ItemTemplate>
-                        <DataTemplate>
-                            <ViewCell>
-                                <ImageButton
+                <HorizontalStackLayout BindableLayout.ItemsSource="{Binding Oeuvres}" Spacing="100" HorizontalOptions="Center">
+                    <BindableLayout.ItemTemplate>
+                        <DataTemplate x:DataType="modeles:Oeuvre">
+                            <ImageButton
                                     Style="{StaticResource ImageAnime}"
                                     BackgroundColor="Red"
                                     Source="{Binding Affiche}"
+                                    Clicked="AnimeImageClicked"
                                 />
-                            </ViewCell>
+                            <!--<views:StyleBouton -->                            
                         </DataTemplate>
-                    </ListView.ItemTemplate>
-                </ListView>
-
-                <HorizontalStackLayout
-                Spacing="100"
-                HorizontalOptions="Center">
-
-
-                    <views:StyleBouton/>
-
-                    <ImageButton
-                        Style="{StaticResource ImageAnime}"
-                        BackgroundColor="Orange"
-                        Source="test.jpg"
-                    />
-
-                    <views:StyleBouton/>
-
-                    <views:StyleBouton/>
-
+                    </BindableLayout.ItemTemplate>
                 </HorizontalStackLayout>
 
-                <HorizontalStackLayout
-                Spacing="100"
-                HorizontalOptions="Center">
-
-                    <views:StyleBouton/>
-
-                    <views:StyleBouton/>
-
-                    <views:StyleBouton/>
-
-                    <views:StyleBouton/>
-
-                </HorizontalStackLayout>
-
-                <HorizontalStackLayout
-                Spacing="100"
-                HorizontalOptions="Center">
-
-                    <views:StyleBouton/>
-
-                    <views:StyleBouton/>
-                    <views:StyleBouton/>
-
-                    <views:StyleBouton/>
-
-
-                </HorizontalStackLayout>
-
-                <HorizontalStackLayout
-                Spacing="100"
-                HorizontalOptions="Center">
-
-                    <views:StyleBouton/>
-
-                    <views:StyleBouton/>
-
-                    <views:StyleBouton/>
-
-                    <views:StyleBouton/>
-
-                </HorizontalStackLayout>
 
                 <ListView x:Name="a1" ItemsSource="{Binding Utilisateurs}">
                     
diff --git a/MangaMap/Views/homePage.xaml.cs b/MangaMap/Views/homePage.xaml.cs
index e454b1e..3195a98 100644
--- a/MangaMap/Views/homePage.xaml.cs
+++ b/MangaMap/Views/homePage.xaml.cs
@@ -2,15 +2,27 @@ namespace MangaMap.Views;
 
 using MangaMap.Model;
 
+
 public partial class homePage : ContentPage
 {
     public Manager my_manager => (App.Current as App).MyManager;
 
     public homePage()
 	{
-		InitializeComponent();
-		a1.BindingContext = my_manager;
-		a2.BindingContext = my_manager;
+
+        InitializeComponent();
+		BindingContext = my_manager;
+		BindingContext = my_manager;
 	}
+
+    private void AnimeImageClicked(object sender, EventArgs e)
+    {
+        var selectedAnime = (sender as ImageButton)?.BindingContext as Oeuvre;
+        if (selectedAnime != null)
+        {
+            // Naviguez vers la page de la fiche d'anime en passant l'objet sélectionné
+            Navigation.PushAsync(new ficheAnime(selectedAnime));
+        }
+    }
 }
 

From 972ccbf5445725ef5a13d298e2993beffef27ac8 Mon Sep 17 00:00:00 2001
From: Matheo HERSAN <mahersan>
Date: Mon, 22 May 2023 14:46:21 +0200
Subject: [PATCH 3/4] Enhancement of DataBinding

---
 MangaMap/CustomHeader.xaml                        |   2 +-
 MangaMap/DataBinding/INotifyPropertyChanged.cs    |   1 -
 MangaMap/MangaMap.csproj                          |   2 +-
 .../Resources/Images/{test.jpg => evangelion.jpg} | Bin
 .../Resources/Images/{test2.png => oshinoko.png}  | Bin
 MangaMap/Stub/Stub.cs                             |   4 ++--
 MangaMap/Views/ficheAnime.xaml                    |  14 +++++++-------
 MangaMap/Views/homePage.xaml                      |   2 +-
 MangaMap/Views/homePage.xaml.cs                   |   1 -
 9 files changed, 12 insertions(+), 14 deletions(-)
 rename MangaMap/Resources/Images/{test.jpg => evangelion.jpg} (100%)
 rename MangaMap/Resources/Images/{test2.png => oshinoko.png} (100%)

diff --git a/MangaMap/CustomHeader.xaml b/MangaMap/CustomHeader.xaml
index a6ad4de..d736f8f 100644
--- a/MangaMap/CustomHeader.xaml
+++ b/MangaMap/CustomHeader.xaml
@@ -3,7 +3,7 @@
              xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
              x:Class="MangaMap.NewContent1"
              Background="{StaticResource Primary}">
-    <Grid ColumnDefinitions="50, *, 30">
+    <Grid ColumnDefinitions="50, *, 40">
         <ImageButton Source="logo.png"
                      MaximumHeightRequest="30"
                      MaximumWidthRequest="30"
diff --git a/MangaMap/DataBinding/INotifyPropertyChanged.cs b/MangaMap/DataBinding/INotifyPropertyChanged.cs
index 0914cc6..e459202 100644
--- a/MangaMap/DataBinding/INotifyPropertyChanged.cs
+++ b/MangaMap/DataBinding/INotifyPropertyChanged.cs
@@ -9,6 +9,5 @@ namespace MangaMap.DataBinding
 {
     public interface INotifyPropertyChanged
     {
-        public event PropertyChangedEventHandler? PropertyChanged;
     }
 }
diff --git a/MangaMap/MangaMap.csproj b/MangaMap/MangaMap.csproj
index cf48188..29b9919 100644
--- a/MangaMap/MangaMap.csproj
+++ b/MangaMap/MangaMap.csproj
@@ -58,9 +58,9 @@
 	</ItemGroup>
 
 	<ItemGroup>
+		<None Remove="Resources\Images\Evangelion.jpg" />
 		<None Remove="Resources\Images\logo.png" />
 		<None Remove="Resources\Images\settings.png" />
-		<None Remove="Resources\Images\test.jpg" />
 	</ItemGroup>
 
 	<ItemGroup>
diff --git a/MangaMap/Resources/Images/test.jpg b/MangaMap/Resources/Images/evangelion.jpg
similarity index 100%
rename from MangaMap/Resources/Images/test.jpg
rename to MangaMap/Resources/Images/evangelion.jpg
diff --git a/MangaMap/Resources/Images/test2.png b/MangaMap/Resources/Images/oshinoko.png
similarity index 100%
rename from MangaMap/Resources/Images/test2.png
rename to MangaMap/Resources/Images/oshinoko.png
diff --git a/MangaMap/Stub/Stub.cs b/MangaMap/Stub/Stub.cs
index cebcf6e..7da9893 100644
--- a/MangaMap/Stub/Stub.cs
+++ b/MangaMap/Stub/Stub.cs
@@ -23,8 +23,8 @@ namespace MangaMap.Stub
             List<string> genres = new List<string>();
             genres.Add("Action");
             genres.Add("Future");
-            Oeuvre o1 = new Oeuvre("test", genres, "TV", "C'est une bonne série", 4, 150, "test.jpg");
-            Oeuvre o2 = new Oeuvre("test2", genres, "DVD", "A la fin il meurt", 2, 24, "test2.png");
+            Oeuvre o1 = new Oeuvre("Evangelion", genres, "TV", "C'est une bonne série", 4, 150, "evangelion.jpg");
+            Oeuvre o2 = new Oeuvre("[Oshi No Ko]", genres, "DVD", "A la fin il meurt", 2, 24, "oshinoko.png");
 
             l1.Add(o1); l1.Add(o2);
             l2.Add(u1); l2.Add(u2); l2.Add(u3);
diff --git a/MangaMap/Views/ficheAnime.xaml b/MangaMap/Views/ficheAnime.xaml
index 0254262..157c2d1 100644
--- a/MangaMap/Views/ficheAnime.xaml
+++ b/MangaMap/Views/ficheAnime.xaml
@@ -17,10 +17,10 @@
                     Style="{StaticResource ImageAnime}"
                     BackgroundColor="Orange"
                     Margin="50"
-                    Source="test.jpg"
+                    Source="{Binding AnimeModel.Affiche}"
                     />
 
-                <Label Text="{Binding AnimeModel.Nom}" FontSize="Header" VerticalOptions="Center" TextColor="{StaticResource Primary}"/>
+                <Label Text="{Binding AnimeModel.Nom}" FontSize="Header" VerticalOptions="Center" TextColor="White"/>
             </HorizontalStackLayout>
 
             <Grid>
@@ -30,11 +30,11 @@
             </Grid>
 
             <HorizontalStackLayout>
-                <Ellipse Fill="Gold" WidthRequest="50" HeightRequest="50" Margin="10"/>
-                <Ellipse Fill="Gold" WidthRequest="50" HeightRequest="50" Margin="10"/>
-                <Ellipse Fill="Gold" WidthRequest="50" HeightRequest="50" Margin="10"/>
-                <Ellipse Fill="Gold" WidthRequest="50" HeightRequest="50" Margin="10"/>
-                <Ellipse Fill="Gold" WidthRequest="50" HeightRequest="50" Margin="10"/>
+                <Image Source="star.png" WidthRequest="50" HeightRequest="50" Margin="10"/>
+                <Image Source="star.png" WidthRequest="50" HeightRequest="50" Margin="10"/>
+                <Image Source="star.png" WidthRequest="50" HeightRequest="50" Margin="10"/>
+                <Image Source="star.png" WidthRequest="50" HeightRequest="50" Margin="10"/>
+                <Image Source="star.png" WidthRequest="50" HeightRequest="50" Margin="10"/>
 
                 <Button Text="Ajouter à la liste"
                     TextColor="#FFFFFF"
diff --git a/MangaMap/Views/homePage.xaml b/MangaMap/Views/homePage.xaml
index 6132466..25cac50 100644
--- a/MangaMap/Views/homePage.xaml
+++ b/MangaMap/Views/homePage.xaml
@@ -31,7 +31,7 @@
 
                 <HorizontalStackLayout BindableLayout.ItemsSource="{Binding Oeuvres}" Spacing="100" HorizontalOptions="Center">
                     <BindableLayout.ItemTemplate>
-                        <DataTemplate x:DataType="modeles:Oeuvre">
+                        <DataTemplate>
                             <ImageButton
                                     Style="{StaticResource ImageAnime}"
                                     BackgroundColor="Red"
diff --git a/MangaMap/Views/homePage.xaml.cs b/MangaMap/Views/homePage.xaml.cs
index 3195a98..4c5acdd 100644
--- a/MangaMap/Views/homePage.xaml.cs
+++ b/MangaMap/Views/homePage.xaml.cs
@@ -12,7 +12,6 @@ public partial class homePage : ContentPage
 
         InitializeComponent();
 		BindingContext = my_manager;
-		BindingContext = my_manager;
 	}
 
     private void AnimeImageClicked(object sender, EventArgs e)

From f14fce7c02bee75250ff80b3e5fbffa6c1f5ed37 Mon Sep 17 00:00:00 2001
From: Matheo HERSAN <mahersan>
Date: Mon, 22 May 2023 15:26:41 +0200
Subject: [PATCH 4/4] Enhancement of DataBinding and start rating system

---
 MangaMap/Resources/Images/star.png       | Bin 10524 -> 0 bytes
 MangaMap/Resources/Images/star_empty.svg |   3 +++
 MangaMap/Resources/Images/star_full.svg  |   3 +++
 MangaMap/Views/FicheAnime.xaml.cs        |  22 ++++++++++++++++---
 MangaMap/Views/ficheAnime.xaml           |  26 +++++++++++------------
 MangaMap/Views/homePage.xaml.cs          |   5 +++--
 6 files changed, 41 insertions(+), 18 deletions(-)
 delete mode 100644 MangaMap/Resources/Images/star.png
 create mode 100644 MangaMap/Resources/Images/star_empty.svg
 create mode 100644 MangaMap/Resources/Images/star_full.svg

diff --git a/MangaMap/Resources/Images/star.png b/MangaMap/Resources/Images/star.png
deleted file mode 100644
index 49ec51ec6f78ffa5afa286fbe1db2f287faacc00..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 10524
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

diff --git a/MangaMap/Resources/Images/star_empty.svg b/MangaMap/Resources/Images/star_empty.svg
new file mode 100644
index 0000000..2ee298f
--- /dev/null
+++ b/MangaMap/Resources/Images/star_empty.svg
@@ -0,0 +1,3 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M51.5995 80.3367L50 79.3286L48.4005 80.3367L22.2873 96.7941L22.2659 96.8076L22.2446 96.8215C21.9992 96.9821 21.8349 97.0077 21.6743 96.9984C21.3995 96.9824 21.2189 96.9085 21.0502 96.7824C20.8413 96.6262 20.6768 96.4268 20.5477 96.1179C20.486 95.9704 20.4227 95.7098 20.5093 95.2285L27.3779 64.1254L27.7519 62.4318L26.4707 61.2626L3.45013 40.2535C3.44969 40.2531 3.44925 40.2527 3.44882 40.2523C3.09118 39.9244 3.05657 39.7374 3.0485 39.6896C2.97181 39.2347 2.98924 38.8339 3.07836 38.4608C3.1053 38.348 3.15083 38.2442 3.32949 38.0972C3.4795 37.9739 3.69984 37.8554 4.10721 37.8104L34.5497 35.0206L36.3769 34.8532L37.0602 33.1504L48.8398 3.79549C48.9872 3.45789 49.1405 3.3261 49.2757 3.24647C49.6382 3.03307 49.8673 3 50 3C50.1327 3 50.3618 3.03307 50.7243 3.24647C50.8595 3.32611 51.0128 3.45791 51.1602 3.79559L62.9398 33.1504L63.6231 34.8532L65.4502 35.0206L95.8928 37.8104C96.3002 37.8554 96.5205 37.9739 96.6705 38.0972C96.8492 38.2442 96.8947 38.348 96.9216 38.4608C97.0108 38.8339 97.0282 39.2347 96.9515 39.6896C96.9434 39.7375 96.9088 39.9248 96.5502 40.2533C96.5501 40.2533 96.55 40.2534 96.5499 40.2535L73.5293 61.2626L72.2481 62.4318L72.6221 64.1254L79.4907 95.2285C79.5774 95.7098 79.514 95.9704 79.4523 96.1179C79.3232 96.4268 79.1587 96.6262 78.9498 96.7824C78.7811 96.9085 78.6005 96.9824 78.3257 96.9984C78.1651 97.0077 78.0008 96.9821 77.7554 96.8215L77.7341 96.8076L77.7127 96.7941L51.5995 80.3367Z" stroke="#FFD600" stroke-width="6"/>
+</svg>
diff --git a/MangaMap/Resources/Images/star_full.svg b/MangaMap/Resources/Images/star_full.svg
new file mode 100644
index 0000000..58bea28
--- /dev/null
+++ b/MangaMap/Resources/Images/star_full.svg
@@ -0,0 +1,3 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M50 82.8747L23.8869 99.3321C23.1381 99.8219 22.3426 100.042 21.5002 99.9933C20.6578 99.9443 19.9091 99.6749 19.2539 99.1851C18.5987 98.6953 18.1074 98.0586 17.7798 97.2749C17.4522 96.4912 17.382 95.6096 17.5692 94.63L24.4485 63.4785L1.42399 42.4659C0.675224 41.7802 0.230646 41.021 0.0902527 40.1883C-0.0501404 39.3557 -0.0267415 38.5475 0.160449 37.7638C0.34764 36.9801 0.768819 36.3189 1.42399 35.7801C2.07916 35.2413 2.87472 34.923 3.81067 34.825L34.276 32.0331L46.069 2.64494C46.4434 1.76329 47.0049 1.10206 47.7537 0.661234C48.5025 0.220411 49.2512 0 50 0C50.7488 0 51.4975 0.220411 52.2463 0.661234C52.9951 1.10206 53.5566 1.76329 53.931 2.64494L65.724 32.0331L96.1893 34.825C97.1253 34.923 97.9209 35.2413 98.576 35.7801C99.2312 36.3189 99.6524 36.9801 99.8396 37.7638C100.027 38.5475 100.05 39.3557 99.9098 40.1883C99.7694 41.021 99.3248 41.7802 98.576 42.4659L75.5516 63.4785L82.4308 94.63C82.618 95.6096 82.5478 96.4912 82.2202 97.2749C81.8926 98.0586 81.4013 98.6953 80.7461 99.1851C80.0909 99.6749 79.3422 99.9443 78.4998 99.9933C77.6574 100.042 76.8619 99.8219 76.1131 99.3321L50 82.8747Z" fill="#FFD600"/>
+</svg>
diff --git a/MangaMap/Views/FicheAnime.xaml.cs b/MangaMap/Views/FicheAnime.xaml.cs
index 294f0b2..98090ee 100644
--- a/MangaMap/Views/FicheAnime.xaml.cs
+++ b/MangaMap/Views/FicheAnime.xaml.cs
@@ -12,9 +12,7 @@ public partial class ficheAnime : ContentPage, INotifyPropertyChanged
     public ficheAnime()
     {
 
-        List<string> genres = new List<string>() { "Action", "Aventure" };
-        AnimeModel = new Oeuvre("Evangelion", genres, "Type de l'oeuvre", "Description de l'oeuvre", 5, 12, "Chemin/vers/l'affiche.png");
-
+   
         InitializeComponent();
 
         this.BindingContext = this;
@@ -29,4 +27,22 @@ public partial class ficheAnime : ContentPage, INotifyPropertyChanged
         this.BindingContext = this;
     }
 
+    private void SetNote(float note)
+    {
+        note = (int)note; // Tronquer à un entier car nous ne gérons actuellement pas les demi-étoiles
+        var starImages = star.Children.OfType<Image>().Reverse().ToList();
+        foreach (var img in starImages)
+        {
+            if (note > 0)
+            {
+                img.Opacity = 1;
+                note--;
+            }
+            else
+            {
+                img.Opacity = 0;
+            }
+        }
+    }
+
 }
\ No newline at end of file
diff --git a/MangaMap/Views/ficheAnime.xaml b/MangaMap/Views/ficheAnime.xaml
index 157c2d1..a7e4538 100644
--- a/MangaMap/Views/ficheAnime.xaml
+++ b/MangaMap/Views/ficheAnime.xaml
@@ -29,19 +29,20 @@
                 <Label Text="test" BackgroundColor="{StaticResource Primary}"/>
             </Grid>
 
-            <HorizontalStackLayout>
-                <Image Source="star.png" WidthRequest="50" HeightRequest="50" Margin="10"/>
-                <Image Source="star.png" WidthRequest="50" HeightRequest="50" Margin="10"/>
-                <Image Source="star.png" WidthRequest="50" HeightRequest="50" Margin="10"/>
-                <Image Source="star.png" WidthRequest="50" HeightRequest="50" Margin="10"/>
-                <Image Source="star.png" WidthRequest="50" HeightRequest="50" Margin="10"/>
+            <HorizontalStackLayout x:Name="star">
+                <Image Source="star_full.png" WidthRequest="50" HeightRequest="50" Margin="10"/>
+                <Image Source="star_full.png" WidthRequest="50" HeightRequest="50" Margin="10"/>
+                <Image Source="star_full.png" WidthRequest="50" HeightRequest="50" Margin="10"/>
+                <Image Source="star_full.png" WidthRequest="50" HeightRequest="50" Margin="10"/>
+                <Image Source="star_full.png" WidthRequest="50" HeightRequest="50" Margin="10"/>
+
+                <Button Text="Ajouter à la liste"
+                        TextColor="#FFFFFF"
+                        HorizontalOptions="Start"
+                        Margin="20"
+                        BackgroundColor="{StaticResource Primary}"/>    
+            </HorizontalStackLayout>
 
-                <Button Text="Ajouter à la liste"
-                    TextColor="#FFFFFF"
-                HorizontalOptions="Start"
-                Margin="20"
-                BackgroundColor="{StaticResource Primary}"/>
-            </HorizontalStackLayout>
 
             <Label
             Text="Je suis une description. Je suis une description. Je suis une description. Je suis une description. Je suis une description. Je suis une description. Je suis une description. Je suis une description. Je suis une description. Je suis une description."
@@ -58,7 +59,6 @@
         </VerticalStackLayout>
 
         
-
     </Grid>
 
 </ContentPage>
\ No newline at end of file
diff --git a/MangaMap/Views/homePage.xaml.cs b/MangaMap/Views/homePage.xaml.cs
index 4c5acdd..c90a508 100644
--- a/MangaMap/Views/homePage.xaml.cs
+++ b/MangaMap/Views/homePage.xaml.cs
@@ -12,15 +12,16 @@ public partial class homePage : ContentPage
 
         InitializeComponent();
 		BindingContext = my_manager;
+
 	}
 
-    private void AnimeImageClicked(object sender, EventArgs e)
+    private async void AnimeImageClicked(object sender, EventArgs e)
     {
         var selectedAnime = (sender as ImageButton)?.BindingContext as Oeuvre;
         if (selectedAnime != null)
         {
             // Naviguez vers la page de la fiche d'anime en passant l'objet sélectionné
-            Navigation.PushAsync(new ficheAnime(selectedAnime));
+            await Navigation.PushAsync(new ficheAnime(selectedAnime));
         }
     }
 }