From 1123f6df01d176d2ca3ef15d21b10d979f9caff4 Mon Sep 17 00:00:00 2001
From: Guillaume REY <gurey2>
Date: Wed, 26 Apr 2023 15:16:29 +0200
Subject: [PATCH] page personnages avec les bidings

---
 Sources/Model/Personnage.cs          |   8 +-
 Sources/Model/Stub/StubPersonnage.cs |  21 ++++
 Sources/Ohara/AppShell.xaml          |   4 +-
 Sources/Ohara/NewPage2.xaml          | 175 ---------------------------
 Sources/Ohara/NewPage2.xaml.cs       |   9 --
 Sources/Ohara/Ohara.csproj           |   5 +-
 Sources/Ohara/PagePersonnage.xaml    | 138 +++++++++++++++++++++
 Sources/Ohara/PagePersonnage.xaml.cs |  17 +++
 8 files changed, 187 insertions(+), 190 deletions(-)
 create mode 100644 Sources/Model/Stub/StubPersonnage.cs
 delete mode 100644 Sources/Ohara/NewPage2.xaml
 delete mode 100644 Sources/Ohara/NewPage2.xaml.cs
 create mode 100644 Sources/Ohara/PagePersonnage.xaml
 create mode 100644 Sources/Ohara/PagePersonnage.xaml.cs

diff --git a/Sources/Model/Personnage.cs b/Sources/Model/Personnage.cs
index 58866af..7358e33 100644
--- a/Sources/Model/Personnage.cs
+++ b/Sources/Model/Personnage.cs
@@ -11,10 +11,11 @@
         public string Citation { get; set; }
         public Equipage? Equipage { get; set; }
         public List<FruitDuDemon> Fruit { get; set; } = new List<FruitDuDemon>();
+        public string? Image { get; set; }
 
 
 
-        public Personnage(string nom, string epithete, int age, double taille, string origine, string biographie, string citation) 
+        public Personnage(string nom, string epithete, int age, double taille, string origine, string biographie, string citation, string image) 
         {
             Nom = nom;
             Epithete = epithete;
@@ -22,10 +23,11 @@
             Taille = taille;
             Origine = origine;
             Biographie = biographie;
-            Citation = citation;         
+            Citation = citation;  
+            Image = image;
             
         }
-        public Personnage(string nom, string epithete, int age, double taille, string origine, string biographie, string citation,Equipage equipage,List<FruitDuDemon> fruit) : this(nom,epithete,age,taille,origine,biographie,citation)
+        public Personnage(string nom, string epithete, int age, double taille, string origine, string biographie, string citation,string image ,Equipage equipage,List<FruitDuDemon> fruit) : this(nom,epithete,age,taille,origine,biographie,citation,image)
         {
             Equipage = equipage;
             Fruit = fruit;
diff --git a/Sources/Model/Stub/StubPersonnage.cs b/Sources/Model/Stub/StubPersonnage.cs
new file mode 100644
index 0000000..5f1b1c5
--- /dev/null
+++ b/Sources/Model/Stub/StubPersonnage.cs
@@ -0,0 +1,21 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace Model.Stub
+{
+    public static class StubPersonnage
+    {
+        public static IEnumerable<Personnage> RecupererPersonnage()
+        {
+            List<Personnage> perso = new List<Personnage>()
+            {
+                new Personnage("Luffy", "Luffy au Chapeau de Paille", 19,1.74, "East Blue", "Feu Clé Noir", "Jean Neymar", "luffy.png"),
+                
+            };
+            return perso;
+        }
+    }
+}
\ No newline at end of file
diff --git a/Sources/Ohara/AppShell.xaml b/Sources/Ohara/AppShell.xaml
index 797d050..5637476 100644
--- a/Sources/Ohara/AppShell.xaml
+++ b/Sources/Ohara/AppShell.xaml
@@ -13,8 +13,8 @@
     
     
     <ShellContent
-        ContentTemplate="{DataTemplate local:PageEquipage}"
-        Route="PageEquipage" />   
+        ContentTemplate="{DataTemplate local:PagePersonnage}"
+        Route="PageFDD" />   
             
 
 </Shell>
diff --git a/Sources/Ohara/NewPage2.xaml b/Sources/Ohara/NewPage2.xaml
deleted file mode 100644
index cbb7349..0000000
--- a/Sources/Ohara/NewPage2.xaml
+++ /dev/null
@@ -1,175 +0,0 @@
-<?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="Ohara.NewPage2"
-             BackgroundColor="#e2edf1">
-
-    <Grid>
-
-        <Grid.RowDefinitions>
-            <RowDefinition Height="2*" />
-        </Grid.RowDefinitions>
-        <Grid.ColumnDefinitions>
-            <ColumnDefinition Width="300" />
-            <ColumnDefinition Width="*" />
-        </Grid.ColumnDefinitions>
-        <VerticalStackLayout BackgroundColor="#72a3b3" Grid.Row="0" Grid.Column="0" Spacing="10">
-
-            <Image Source="ohara2.png" HeightRequest="300" HorizontalOptions="Center" >
-                <Image.Clip>
-                    <EllipseGeometry Center="150,90"  RadiusX="80"  RadiusY="80"/>
-                </Image.Clip>
-            </Image>
-
-
-            <Button Style="{StaticResource buttonMenu}" Text="Accueil"/>
-            <Button Style="{StaticResource buttonMenu}" Text="Carte"/>
-            <Button Style="{StaticResource buttonMenu2}" Text="Personnages"/>
-            <Button Style="{StaticResource buttonMenu}" Text="Fruits du démon"/>
-            <Button Style="{StaticResource buttonMenu}" Text="Bateaux"/>
-            <Button Style="{StaticResource buttonMenu}" Text="Îles"/>
-            <Button Style="{StaticResource buttonMenu}" Text="Bestiaire"/>
-            <Button Style="{StaticResource buttonMenu}" Text="Équipages"/>
-        </VerticalStackLayout>
-        <VerticalStackLayout Grid.Row="0" Grid.Column="1" Spacing="40">
-            <Grid BackgroundColor="#72a3b3" Padding="10" ColumnSpacing="50" >
-                <Grid.RowDefinitions>
-                    <RowDefinition Height="10*"/>
-                </Grid.RowDefinitions>
-                <Grid.ColumnDefinitions >
-                    <ColumnDefinition Width="20*"/>
-                    <ColumnDefinition Width="25*"/>
-                    <ColumnDefinition Width="10*"/>
-                    <ColumnDefinition Width="10*"/>
-                </Grid.ColumnDefinitions>
-                <SearchBar Placeholder="Rechercher..." BackgroundColor="#bfe5ef" Grid.Column="0"/>
-                <Frame CornerRadius="20" BackgroundColor="#bfe5ef" BorderColor="#bfe5ef" Grid.Column="2">
-                    <Label Text="Filtrer" HorizontalTextAlignment="Center" />
-                </Frame>
-
-                <Frame CornerRadius="20" BackgroundColor="#bfe5ef" BorderColor="#bfe5ef" Grid.Column="3">
-                    <Label Text="Trier" HorizontalTextAlignment="Center"  />
-                </Frame>
-            </Grid>
-            <ScrollView Orientation="Horizontal" HorizontalScrollBarVisibility="Always">
-                <HorizontalStackLayout Spacing="40" Padding="40">
-
-                    <Grid>
-                        <Grid.RowDefinitions>
-                            <RowDefinition Height="*" />
-                        </Grid.RowDefinitions>
-                        <Grid.ColumnDefinitions>
-                            <ColumnDefinition Width="*" />
-                        </Grid.ColumnDefinitions>
-                        <Image Source="luffy.png" HeightRequest="800" HorizontalOptions="Start" Grid.Row="0"/>
-                        <Frame CornerRadius="20" BorderColor="#72a3b3" BackgroundColor="#72a3b3" Margin="20, 50" Padding="20" WidthRequest="350" HeightRequest="200" Grid.Row="0" VerticalOptions="End">
-                            <Grid>
-                                <Grid.RowDefinitions>
-                                    <RowDefinition Height="*" />
-                                    <RowDefinition Height="*" />
-                                    <RowDefinition Height="*" />
-                                </Grid.RowDefinitions>
-                                <Grid.ColumnDefinitions>
-                                    <ColumnDefinition Width="*" />
-                                </Grid.ColumnDefinitions>
-                                <Label Text="Monkey D. Luffy" FontAttributes="Bold" FontSize="22" TextColor="White" Grid.Row="0" HorizontalOptions="Center" Margin="10"/>
-                                <Label Text="________________________" FontAttributes="Bold" FontSize="20" TextColor="White" Grid.Row="1" HorizontalOptions="Center" Margin="-15"/>
-                                <Label Text="Cliquez ici pour voir en détail" FontAttributes="Bold,Italic" FontSize="15" TextColor="White" Grid.Row="2" TextDecorations="Underline" HorizontalOptions="Center"/>
-                            </Grid>
-                        </Frame>
-                    </Grid>
-
-                    <Grid>
-                        <Grid.RowDefinitions>
-                            <RowDefinition Height="*" />
-                        </Grid.RowDefinitions>
-                        <Grid.ColumnDefinitions>
-                            <ColumnDefinition Width="*" />
-                        </Grid.ColumnDefinitions>
-                        <Image Source="nami.png" HeightRequest="800" HorizontalOptions="Start"/>
-                        <Frame CornerRadius="20" BorderColor="#72a3b3" BackgroundColor="#72a3b3" Margin="20, 50" Padding="20" WidthRequest="350" HeightRequest="200" Grid.Row="0" VerticalOptions="End">
-                            <Grid>
-                                <Grid.RowDefinitions>
-                                    <RowDefinition Height="*" />
-                                    <RowDefinition Height="*" />
-                                    <RowDefinition Height="*" />
-                                </Grid.RowDefinitions>
-                                <Grid.ColumnDefinitions>
-                                    <ColumnDefinition Width="*" />
-                                </Grid.ColumnDefinitions>
-                                <Label Text="Nami" FontAttributes="Bold" FontSize="22" TextColor="White" Grid.Row="0" HorizontalOptions="Center" Margin="10"/>
-                                <Label Text="________________________" FontAttributes="Bold" FontSize="20" TextColor="White" Grid.Row="1" HorizontalOptions="Center" Margin="-15"/>
-                                <Label Text="Cliquez ici pour voir en détail" FontAttributes="Bold,Italic" FontSize="15" TextColor="White" Grid.Row="2" TextDecorations="Underline" HorizontalOptions="Center"/>
-                            </Grid>
-                        </Frame>
-                    </Grid>
-
-                    <Grid>
-                        <Grid.RowDefinitions>
-                            <RowDefinition Height="*" />
-                        </Grid.RowDefinitions>
-                        <Grid.ColumnDefinitions>
-                            <ColumnDefinition Width="*" />
-                        </Grid.ColumnDefinitions>
-                        <Image Source="usopp.png" HeightRequest="800" HorizontalOptions="Start"/>
-                        <Frame CornerRadius="20" BorderColor="#72a3b3" BackgroundColor="#72a3b3" Margin="20, 50" Padding="20" WidthRequest="350" HeightRequest="200" Grid.Row="0" VerticalOptions="End">
-                            <Grid>
-                                <Grid.RowDefinitions>
-                                    <RowDefinition Height="*" />
-                                    <RowDefinition Height="*" />
-                                    <RowDefinition Height="*" />
-                                </Grid.RowDefinitions>
-                                <Grid.ColumnDefinitions>
-                                    <ColumnDefinition Width="*" />
-                                </Grid.ColumnDefinitions>
-                                <Label Text="Usopp" FontAttributes="Bold" FontSize="22" TextColor="White" Grid.Row="0" HorizontalOptions="Center" Margin="10"/>
-                                <Label Text="________________________" FontAttributes="Bold" FontSize="20" TextColor="White" Grid.Row="1" HorizontalOptions="Center" Margin="-15"/>
-                                <Label Text="Cliquez ici pour voir en détail" FontAttributes="Bold,Italic" FontSize="15" TextColor="White" Grid.Row="2" TextDecorations="Underline" HorizontalOptions="Center"/>
-                            </Grid>
-                        </Frame>
-                    </Grid>
-
-                    <Grid>
-                        <Grid.RowDefinitions>
-                            <RowDefinition Height="*" />
-                        </Grid.RowDefinitions>
-                        <Grid.ColumnDefinitions>
-                            <ColumnDefinition Width="*" />
-                        </Grid.ColumnDefinitions>
-                        <Image Source="zoro.png" HeightRequest="800" HorizontalOptions="Start"/>
-                        <Frame CornerRadius="20" BorderColor="#72a3b3" BackgroundColor="#72a3b3" Margin="20, 50" Padding="20" WidthRequest="350" HeightRequest="200" Grid.Row="0" VerticalOptions="End">
-                            <Grid>
-                                <Grid.RowDefinitions>
-                                    <RowDefinition Height="*" />
-                                    <RowDefinition Height="*" />
-                                    <RowDefinition Height="*" />
-                                </Grid.RowDefinitions>
-                                <Grid.ColumnDefinitions>
-                                    <ColumnDefinition Width="*" />
-                                </Grid.ColumnDefinitions>
-                                <Label Text="Zoro" FontAttributes="Bold" FontSize="22" TextColor="White" Grid.Row="0" HorizontalOptions="Center" Margin="10"/>
-                                <Label Text="________________________" FontAttributes="Bold" FontSize="20" TextColor="White" Grid.Row="1" HorizontalOptions="Center" Margin="-15"/>
-                                <Label Text="Cliquez ici pour voir en détail" FontAttributes="Bold,Italic" FontSize="15" TextColor="White" Grid.Row="2" TextDecorations="Underline" HorizontalOptions="Center"/>
-                            </Grid>
-                        </Frame>
-                    </Grid>
-                    
-                </HorizontalStackLayout>
-            </ScrollView>
-        </VerticalStackLayout>
-
-
-
-        <!--<Rectangle WidthRequest="200" HeightRequest="300" HorizontalOptions="Start"   BackgroundColor="#72a3b3">
-            <Rectangle.Fill>
-                <LinearGradientBrush StartPoint="0,0.5" EndPoint="1,0.5">
-                    <GradientStop Color="#cdffd8" Offset="0.0" />-->
-        <!--<GradientStop Color="#94b9ff" Offset="1.0" /></LinearGradientBrush></Rectangle.Fill></Rectangle>-->
-
-
-
-
-    </Grid>
-
-
-</ContentPage>
diff --git a/Sources/Ohara/NewPage2.xaml.cs b/Sources/Ohara/NewPage2.xaml.cs
deleted file mode 100644
index 07d7872..0000000
--- a/Sources/Ohara/NewPage2.xaml.cs
+++ /dev/null
@@ -1,9 +0,0 @@
-namespace Ohara;
-
-public partial class NewPage2 : ContentPage
-{
-	public NewPage2()
-	{
-		InitializeComponent();
-	}
-}
\ No newline at end of file
diff --git a/Sources/Ohara/Ohara.csproj b/Sources/Ohara/Ohara.csproj
index d021c7c..8abe305 100644
--- a/Sources/Ohara/Ohara.csproj
+++ b/Sources/Ohara/Ohara.csproj
@@ -57,6 +57,9 @@
 	</ItemGroup>
 
 	<ItemGroup>
+	  <Compile Update="PagePersonnage.xaml.cs">
+	    <DependentUpon>PagePersonnage.xaml</DependentUpon>
+	  </Compile>
 	  <Compile Update="PageEquipage.xaml.cs">
 	    <DependentUpon>PageEquipage.xaml</DependentUpon>
 	  </Compile>
@@ -69,7 +72,7 @@
 	  <MauiXaml Update="NewPage1.xaml">
 	    <Generator>MSBuild:Compile</Generator>
 	  </MauiXaml>
-	  <MauiXaml Update="NewPage2.xaml">
+	  <MauiXaml Update="PagePersonnage.xaml">
 	    <Generator>MSBuild:Compile</Generator>
 	  </MauiXaml>
 	  <MauiXaml Update="PageFDD.xaml">
diff --git a/Sources/Ohara/PagePersonnage.xaml b/Sources/Ohara/PagePersonnage.xaml
new file mode 100644
index 0000000..f79911b
--- /dev/null
+++ b/Sources/Ohara/PagePersonnage.xaml
@@ -0,0 +1,138 @@
+<?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="Ohara.PagePersonnage"
+             BackgroundColor="#e2edf1">
+
+    <Grid>
+
+        <Grid.RowDefinitions>
+            <RowDefinition Height="2*" />
+        </Grid.RowDefinitions>
+        <Grid.ColumnDefinitions>
+            <ColumnDefinition Width="300" />
+            <ColumnDefinition Width="*" />
+        </Grid.ColumnDefinitions>
+        <VerticalStackLayout BackgroundColor="#72a3b3" Grid.Row="0" Grid.Column="0" Spacing="10">
+
+            <Image Source="ohara2.png" HeightRequest="300" HorizontalOptions="Center" >
+                <Image.Clip>
+                    <EllipseGeometry Center="150,90"  RadiusX="80"  RadiusY="80"/>
+                </Image.Clip>
+            </Image>
+
+
+            <Button Style="{StaticResource buttonMenu}" Text="Accueil"/>
+            <Button Style="{StaticResource buttonMenu}" Text="Carte"/>
+            <Button Style="{StaticResource buttonMenu2}" Text="Personnages"/>
+            <Button Style="{StaticResource buttonMenu}" Text="Fruits du démon"/>
+            <Button Style="{StaticResource buttonMenu}" Text="Bateaux"/>
+            <Button Style="{StaticResource buttonMenu}" Text="Îles"/>
+            <Button Style="{StaticResource buttonMenu}" Text="Bestiaire"/>
+            <Button Style="{StaticResource buttonMenu}" Text="Équipages"/>
+        </VerticalStackLayout>
+
+
+
+
+        <VerticalStackLayout Grid.Row="0" Grid.Column="1" Spacing="40">
+            <Grid BackgroundColor="#72a3b3" Padding="10" ColumnSpacing="50" >
+                <Grid.RowDefinitions>
+                    <RowDefinition Height="10*"/>
+                </Grid.RowDefinitions>
+                <Grid.ColumnDefinitions >
+                    <ColumnDefinition Width="20*"/>
+                    <ColumnDefinition Width="25*"/>
+                    <ColumnDefinition Width="10*"/>
+                    <ColumnDefinition Width="10*"/>
+                </Grid.ColumnDefinitions>
+                <SearchBar Placeholder="Rechercher..." BackgroundColor="#bfe5ef" Grid.Column="0"/>
+                <Frame CornerRadius="20" BackgroundColor="#bfe5ef" BorderColor="#bfe5ef" Grid.Column="2">
+                    <Label Text="Filtrer" HorizontalTextAlignment="Center" />
+                </Frame>
+
+                <Frame CornerRadius="20" BackgroundColor="#bfe5ef" BorderColor="#bfe5ef" Grid.Column="3">
+                    <Label Text="Trier" HorizontalTextAlignment="Center"  />
+                </Frame>
+            </Grid>
+            
+            
+            <CollectionView x:Name="listePerso" ItemsUpdatingScrollMode="KeepScrollOffset" VerticalScrollBarVisibility="Always" >
+                <CollectionView.ItemTemplate>
+                    <DataTemplate>
+                        
+                        <Grid Padding="50" ColumnSpacing="10">
+                            <Grid.ColumnDefinitions>
+                                <ColumnDefinition Width="400"/>
+                            </Grid.ColumnDefinitions>
+                            <Grid.RowDefinitions>
+                                <RowDefinition Height="600"/>
+                            </Grid.RowDefinitions>
+                            
+                            <Image
+                                Source="{Binding Image}"
+                                HeightRequest="800"
+                                WidthRequest="450"
+                                />
+
+                            
+
+                            <Frame CornerRadius="20" 
+                                BorderColor="#72a3b3"
+                                BackgroundColor="#72a3b3"
+                                Margin="20, 50" Padding="20"
+                                WidthRequest="275"
+                                HeightRequest="150"
+                                Grid.Row="0" 
+                                VerticalOptions="End">
+
+
+                                <StackLayout Orientation="Vertical" Spacing="20">
+                                    <Label 
+                                        Text="{Binding Nom}" 
+                                        FontAttributes="Bold" 
+                                        FontSize="22" 
+                                        TextColor="White"  
+                                        HorizontalOptions="Center" 
+                                       
+                                        />
+
+                                    <Label 
+                                        Text="________________________" 
+                                        FontAttributes="Bold" 
+                                        FontSize="20" 
+                                        TextColor="White"
+                                        HorizontalOptions="Center" 
+                                        />
+
+                                    <Label 
+                                        Text="Cliquez ici pour voir en détail"
+                                        FontAttributes="Bold,Italic"
+                                        FontSize="15" 
+                                        TextColor="White"
+                                        TextDecorations="Underline" 
+                                        HorizontalOptions="Center"/>
+
+                                </StackLayout>
+                            </Frame>
+                        </Grid>
+                    </DataTemplate>
+                </CollectionView.ItemTemplate>
+            </CollectionView>   
+        </VerticalStackLayout>
+
+
+
+        <!--<Rectangle WidthRequest="200" HeightRequest="300" HorizontalOptions="Start"   BackgroundColor="#72a3b3">
+            <Rectangle.Fill>
+                <LinearGradientBrush StartPoint="0,0.5" EndPoint="1,0.5">
+                    <GradientStop Color="#cdffd8" Offset="0.0" />-->
+        <!--<GradientStop Color="#94b9ff" Offset="1.0" /></LinearGradientBrush></Rectangle.Fill></Rectangle>-->
+
+
+
+
+    </Grid>
+
+
+</ContentPage>
diff --git a/Sources/Ohara/PagePersonnage.xaml.cs b/Sources/Ohara/PagePersonnage.xaml.cs
new file mode 100644
index 0000000..f7c7b3c
--- /dev/null
+++ b/Sources/Ohara/PagePersonnage.xaml.cs
@@ -0,0 +1,17 @@
+namespace Ohara;
+
+using Model;
+using Model.Stub;
+public partial class PagePersonnage : ContentPage
+{
+
+    public PagePersonnage()
+    {
+
+        InitializeComponent();
+        List<Personnage> perso = StubPersonnage.RecupererPersonnage().ToList();
+
+
+        listePerso.ItemsSource = perso;
+    }
+}
\ No newline at end of file