From cb7bea579696c3b8dbb3d3138f128f223659529f Mon Sep 17 00:00:00 2001
From: Louwar <loup6378@gmail.com>
Date: Fri, 8 Sep 2023 17:08:17 +0200
Subject: [PATCH] Update (Vu_homePage): vu principale faite juste petit fix sur
 les separateur

---
 src/BookApp/AppShell.xaml                     |   3 +-
 src/BookApp/BookApp.csproj                    |  12 ++
 .../ContentView/ContentCollection.xaml        |  37 ++++
 .../ContentView/ContentCollection.xaml.cs     |  24 +++
 src/BookApp/MainPage.xaml                     | 159 +++++++++++-------
 src/BookApp/MainPage.xaml.cs                  |  12 +-
 src/BookApp/Pages/Tous.xaml                   |   6 +
 src/BookApp/Resources/Styles/Styles.xaml      |   1 +
 8 files changed, 187 insertions(+), 67 deletions(-)
 create mode 100644 src/BookApp/ContentView/ContentCollection.xaml
 create mode 100644 src/BookApp/ContentView/ContentCollection.xaml.cs

diff --git a/src/BookApp/AppShell.xaml b/src/BookApp/AppShell.xaml
index b991a8e..9b032c7 100644
--- a/src/BookApp/AppShell.xaml
+++ b/src/BookApp/AppShell.xaml
@@ -5,8 +5,7 @@
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
     xmlns:local="clr-namespace:BookApp"
     Shell.FlyoutBehavior="Disabled">
-
-   
+    
     <TabBar>
         <Tab Title="My Library"
             Icon="books_vertical_fill.svg">
diff --git a/src/BookApp/BookApp.csproj b/src/BookApp/BookApp.csproj
index 6ec0be8..4b3f268 100644
--- a/src/BookApp/BookApp.csproj
+++ b/src/BookApp/BookApp.csproj
@@ -70,4 +70,16 @@
 		<PackageReference Include="Microsoft.Extensions.Logging.Debug" Version="7.0.0" />
 	</ItemGroup>
 
+	<ItemGroup>
+	  <Compile Update="ContentView\ContentCollection.xaml.cs">
+	    <DependentUpon>ContentCollection.xaml</DependentUpon>
+	  </Compile>
+	</ItemGroup>
+
+	<ItemGroup>
+	  <MauiXaml Update="ContentView\ContentCollection.xaml">
+	    <Generator>MSBuild:Compile</Generator>
+	  </MauiXaml>
+	</ItemGroup>
+
 </Project>
diff --git a/src/BookApp/ContentView/ContentCollection.xaml b/src/BookApp/ContentView/ContentCollection.xaml
new file mode 100644
index 0000000..17569dd
--- /dev/null
+++ b/src/BookApp/ContentView/ContentCollection.xaml
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ContentView xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             x:Class="BookApp.ContentCollection">
+    <CollectionView ItemsSource="{Binding ItemsSource, Source={x:Reference this}}"  Margin="25,0,0,0">
+        <CollectionView.ItemTemplate>
+            <DataTemplate>
+                <Grid RowDefinitions="Auto" >
+                    <Grid.ColumnDefinitions>
+                        <ColumnDefinition Width="25" />
+                        <ColumnDefinition Width="*" />
+                        <ColumnDefinition Width="*" />
+                    </Grid.ColumnDefinitions>
+                    <Image Grid.Column="0" Source="{Binding Icone}"
+                      HeightRequest="25"
+                      WidthRequest="25" />
+                    <Label Grid.Column="1" Text="{Binding Name}"
+                      FontAttributes="Bold" Padding="5" VerticalOptions="Center"/>
+                    <Grid Grid.Column="2" >
+                        <Grid.ColumnDefinitions>
+                            <ColumnDefinition Width="*" />
+                            <ColumnDefinition Width="*" />
+                        </Grid.ColumnDefinitions>
+                        <Label Grid.Column="2" Text="{Binding Name}"
+FontAttributes="Bold" Padding="5" VerticalOptions="Center"
+        
+        />
+                        <Button Grid.Column="2" ImageSource="chevron_right.svg"
+                                                   HeightRequest="35"
+                                   WidthRequest="35" BackgroundColor="White" HorizontalOptions="End"/>
+                    </Grid>
+                    <!-- Si veiw cela vaudra peut-être le coup de faire une content view (équiavalent de user control) -->
+                </Grid>
+            </DataTemplate>
+        </CollectionView.ItemTemplate>
+    </CollectionView>
+</ContentView>
diff --git a/src/BookApp/ContentView/ContentCollection.xaml.cs b/src/BookApp/ContentView/ContentCollection.xaml.cs
new file mode 100644
index 0000000..e38ae45
--- /dev/null
+++ b/src/BookApp/ContentView/ContentCollection.xaml.cs
@@ -0,0 +1,24 @@
+using System.Collections.ObjectModel;
+using System.Globalization;
+using static BookApp.MainPage;
+
+namespace BookApp
+{
+    public partial class ContentCollection : ContentView
+    {
+        public static readonly BindableProperty ItemsSourceProperty =
+             BindableProperty.Create(nameof(ItemsSource), typeof(ObservableCollection<ObjetTemp>), typeof(ContentCollection));
+
+        public ObservableCollection<ObjetTemp> ItemsSource
+        {
+            get { return (ObservableCollection<ObjetTemp>)GetValue(ItemsSourceProperty); }
+            set { SetValue(ItemsSourceProperty, value); }
+        }
+
+        public ContentCollection()
+        {
+            InitializeComponent();
+            BindingContext = this;
+        }
+    }
+}
diff --git a/src/BookApp/MainPage.xaml b/src/BookApp/MainPage.xaml
index 40314db..9d5df24 100644
--- a/src/BookApp/MainPage.xaml
+++ b/src/BookApp/MainPage.xaml
@@ -1,66 +1,99 @@
-<?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="BookApp.MainPage">
-
-    <ContentPage.ToolbarItems>
-        <ToolbarItem Command="{Binding SetLowBrightnessCommand}">
-            <ToolbarItem.Text Text="Add" Clicked="Add_Clicked">
-                Addd
-            </ToolbarItem.Text>
-            <ToolbarItem.IconImageSource>
-                <FontImageSource
-                FontFamily="MaterialIconsOutlined-Regular"
-                Glyph="&#xe51c;"/>      
-            </ToolbarItem.IconImageSource>
-        </ToolbarItem>
-    </ContentPage.ToolbarItems>
-
-    <StackLayout>
-        <Label>Mes livres</Label>
-
-        <CollectionView ItemsSource="{Binding MyCollections}">
-            <CollectionView.ItemTemplate>
-                <DataTemplate>
-                    <Border>
-                        <Grid RowDefinitions="Auto">
-                            <Grid.ColumnDefinitions>
-                                <ColumnDefinition Width="*"  />
+<?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="BookApp.MainPage">
+    <Shell.TitleView>
+        <HorizontalStackLayout VerticalOptions="Fill">
+            <Label
+              Text="Modifier"
+              FontFamily="Strande2"
+              TextColor="White"
+              VerticalTextAlignment="Center"
+              VerticalOptions="CenterAndExpand"
+              HeightRequest="50"
+              FontSize="Medium" />
+        </HorizontalStackLayout>
+    </Shell.TitleView>
+    <ContentPage.ToolbarItems>
+        <ToolbarItem IconImageSource="plus_icone.svg"/>
+    </ContentPage.ToolbarItems>
+    <StackLayout>
+        <Label FontSize="35" Padding="10" FontAttributes="Bold" >Mes livres</Label>
+        <BoxView  HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
+        <CollectionView ItemsSource="{Binding MyCollections1}"  Margin="25,0,0,0">
+            <CollectionView.ItemTemplate>
+                <DataTemplate>
+                    <Grid RowDefinitions="Auto" >
+                        <Grid.ColumnDefinitions>
+                            <ColumnDefinition Width="25" />
+                            <ColumnDefinition Width="*" />
+                            <ColumnDefinition Width="*" />
+                        </Grid.ColumnDefinitions>
+                        <Image Grid.Column="0" Source="{Binding Icone}"
+                           HeightRequest="25"
+                           WidthRequest="25" />
+                        <Label Grid.Column="1" Text="{Binding Name}"
+                           FontAttributes="Bold" Padding="5" VerticalOptions="Center"/>
+                        <Grid Grid.Column="2" >
+                            <Grid.ColumnDefinitions>
                                 <ColumnDefinition Width="*" />
                                 <ColumnDefinition Width="*" />
+                            </Grid.ColumnDefinitions>
+                            <Label Grid.Column="2" Text="{Binding Name}"
+     FontAttributes="Bold" Padding="5" VerticalOptions="Center"
+             
+             />
+                            <Button Grid.Column="2" ImageSource="chevron_right.svg"
+                                                        HeightRequest="35"
+                                        WidthRequest="35" BackgroundColor="White" HorizontalOptions="End"/>
+                        </Grid>
+                        <!-- Si veiw cela vaudra peut-être le coup de faire une content view (équiavalent de user control) -->
+                        <BoxView Grid.ColumnSpan="4" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
+                    </Grid>
+                </DataTemplate>
+            </CollectionView.ItemTemplate>
+        </CollectionView>
+        <BoxView  HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
+        <Label FontSize="18" Padding="10" FontAttributes="Bold" >Filtres</Label>
+        <BoxView  HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
+        <CollectionView ItemsSource="{Binding MyCollections2}" Margin="25,0,0,0">
+            <CollectionView.ItemTemplate>
+                <DataTemplate>
+                    <Grid RowDefinitions="Auto" >
+                        <Grid.ColumnDefinitions>
+                            <ColumnDefinition Width="25" />
+                            <ColumnDefinition Width="*" />
+                            <ColumnDefinition Width="*" />
+                        </Grid.ColumnDefinitions>
+                        <Image Grid.Column="0" Source="{Binding Icone}"
+                      HeightRequest="25"
+                      WidthRequest="25" />
+                        <Label Grid.Column="1" Text="{Binding Name}"
+                      FontAttributes="Bold" Padding="5" VerticalOptions="Center"/>
+                        <Grid Grid.Column="2" >
+                            <Grid.ColumnDefinitions>
                                 <ColumnDefinition Width="*" />
-                            </Grid.ColumnDefinitions>
-
-                            <Image Grid.Column="0" Source="{Binding Icone}"
-                           HeightRequest="35"
-                           WidthRequest="35" />
-
-                            <Label Grid.Column="1" Text="{Binding Name}"
-                           FontAttributes="Bold" />
-
-                            <Label Grid.Column="2" Text="{Binding Name}"
-                           FontAttributes="Bold" />
-
-                            <Button Grid.Column="3" ImageSource="chevron_right.svg"
-                           HeightRequest="35"
-                           WidthRequest="35" BackgroundColor="White"/>
-
-
-                            <!-- Si veiw cela vaudra peut-être le coup de faire une content view (équiavalent de user control) -->
-                        
-                        </Grid>
-                    </Border>
-                </DataTemplate>
-            </CollectionView.ItemTemplate>
-        </CollectionView>
-        <Button Text="Click to Rotate Text!"
-            VerticalOptions="Center"
-            HorizontalOptions="Center"
-            Clicked="OnButtonClicked" />
-
-    </StackLayout>
-   
-    
-    <!--Pour l'opti on peut préciser le type du bind en aller tout en haut du fichier et faisent x:class ...-->    
-
-</ContentPage>
+                                <ColumnDefinition Width="*" />
+                            </Grid.ColumnDefinitions>
+                            <Label Grid.Column="2" Text="{Binding Name}"
+FontAttributes="Bold" Padding="5" VerticalOptions="Center"
+        
+        />
+                            <Button Grid.Column="2" ImageSource="chevron_right.svg"
+                                                   HeightRequest="35"
+                                   WidthRequest="35" BackgroundColor="White" HorizontalOptions="End"/>
+                        </Grid>
+                        <!-- Si veiw cela vaudra peut-être le coup de faire une content view (équiavalent de user control) -->
+                    </Grid>
+                </DataTemplate>
+            </CollectionView.ItemTemplate>
+        </CollectionView>
+        <Button Text="Click to Rotate Text!"
+            VerticalOptions="Center"
+            HorizontalOptions="Center"
+            Clicked="OnButtonClicked" />
+        <BoxView   HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="EndAndExpand" />
+    </StackLayout>
+    <!--Pour l'opti on peut préciser le type du bind en aller tout en haut du fichier et faisent x:class ...-->
+</ContentPage>
diff --git a/src/BookApp/MainPage.xaml.cs b/src/BookApp/MainPage.xaml.cs
index 140876e..44a0093 100644
--- a/src/BookApp/MainPage.xaml.cs
+++ b/src/BookApp/MainPage.xaml.cs
@@ -1,4 +1,5 @@
 using System.Collections.ObjectModel;
+using System.Globalization;
 
 namespace BookApp
 {
@@ -16,12 +17,14 @@ namespace BookApp
             }
         }
 
-        public ObservableCollection<ObjetTemp> MyCollections { get; set; }
+        public ObservableCollection<ObjetTemp> MyCollections1 { get; set; }
+        public ObservableCollection<ObjetTemp> MyCollections2 { get; set; }
+
 
         public MainPage()
         {
             InitializeComponent();
-            MyCollections = new ObservableCollection<ObjetTemp>()
+            MyCollections1 = new ObservableCollection<ObjetTemp>()
             {
                 new ObjetTemp("Item1", "./Reources/Images/tray_2_fill.svg"),
                 new ObjetTemp("Item1", "./Reources/Images/person_badge_clock_fill.svg"),
@@ -29,6 +32,11 @@ namespace BookApp
                 new ObjetTemp("Item1", "./Reources/Images/eyeglasses.svg"),
                 new ObjetTemp("Item1", "./Reources/Images/heart_fill.svg"),
                 new ObjetTemp("Item1", "./Reources/Images/tag_fill.svg"),
+
+            };
+            MyCollections2 = new ObservableCollection<ObjetTemp>()
+            {
+
                 new ObjetTemp("Item1", "./Reources/Images/person_fill.svg"),
                 new ObjetTemp("Item1", "./Reources/Images/calendar.svg"),
                 new ObjetTemp("Item1", "./Reources/Images/sparkles.svg"),
diff --git a/src/BookApp/Pages/Tous.xaml b/src/BookApp/Pages/Tous.xaml
index 4aa52a0..8e7d1fd 100644
--- a/src/BookApp/Pages/Tous.xaml
+++ b/src/BookApp/Pages/Tous.xaml
@@ -3,7 +3,13 @@
              xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
              x:Class="BookApp.Tous"
              Title="Tous">
+      <ContentPage.ToolbarItems>
+      
+      <ToolbarItem Text="Modifier" Priority="0" Order="Primary" />
+      <ToolbarItem IconImageSource="dotnet_bot.svg" Priority="1" Order="Primary" />
+  </ContentPage.ToolbarItems>
     <ContentPage.Content>
+      
         <StackLayout>
             <Label Text="Welcome to Xamarin.Forms!"
                 VerticalOptions="CenterAndExpand" 
diff --git a/src/BookApp/Resources/Styles/Styles.xaml b/src/BookApp/Resources/Styles/Styles.xaml
index dc4a034..69db007 100644
--- a/src/BookApp/Resources/Styles/Styles.xaml
+++ b/src/BookApp/Resources/Styles/Styles.xaml
@@ -402,4 +402,5 @@
         <Setter Property="SelectedTabColor" Value="{AppThemeBinding Light={StaticResource Gray950}, Dark={StaticResource Gray200}}" />
     </Style>
 
+
 </ResourceDictionary>