louis.dufour
/
PocketBook
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update (Front-End): Detail Page fonctionne cette fois ci

Browse Source
pull/2/head
lodufour1 2 years ago committed by Louis DUFOUR
parent ae738ed108
commit f262cb9732
5 changed files with 128 additions and 107 deletions
Show Stats Download Patch File Download Diff File

4
src/BookApp/AppShell.xaml
Unescape View File

@ -8,7 +8,7 @@
<TabBar> <TabBar>
<Tab Title="My Library" <Tab Title="My Library"
Icon="books_vertical_fill.svg"> Icon="books_vertical_fill.svg">
@ -26,7 +26,7 @@
</Tab> </Tab>
<Tab Title="Search" <Tab Title="Search"
Icon="magnifyingglass.svg"> Icon="magnifyingglass.svg">
<ShellContent ContentTemplate="{DataTemplate local:MainPage}" /> <ShellContent ContentTemplate="{DataTemplate local:Pages.Filtrage}" />
</Tab> </Tab>
</TabBar> </TabBar>

1
src/BookApp/MainPage.xaml
Unescape View File

@ -106,6 +106,7 @@
</DataTemplate> </DataTemplate>
</CollectionView.ItemTemplate> </CollectionView.ItemTemplate>
</CollectionView> </CollectionView>
<BoxView HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="EndAndExpand" />
</StackLayout> </StackLayout>
<!--Pour l'opti on peut préciser le type du bind en aller tout en haut du fichier et faisent x:class ...--> <!--Pour l'opti on peut préciser le type du bind en aller tout en haut du fichier et faisent x:class ...-->
</ContentPage> </ContentPage>

224
src/BookApp/Pages/DetailBook.xaml
Unescape View File

@ -1,111 +1,127 @@
<?xml version="1.0" encoding="utf-8" ?> <?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui" <ContentPage
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
x:Class="BookApp.Pages.DetailBook" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
Title="Détails du livre"> x:Class="BookApp.Pages.DetailBook"
Title="Détails du livre">
<ContentPage.Content> <ContentPage.Content>
<ScrollView>
<StackLayout>
<BoxView Margin="25,0,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
<Grid>
<Image Grid.Column="0" Source="..."/>
<StackLayout> <StackLayout>
<Label Text="La horde du coutrevant"/> <BoxView HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
<Label Text="ssdqd"/>
</StackLayout> <Grid RowDefinitions="auto">
</Grid> <Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<BoxView Margin="25,0,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" /> <ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<Grid> <Image Grid.Column="0" Source="dotnet_bot"/>
<Label Text="Info en ligne"/> <StackLayout Grid.Column="1">
<Button Grid.Column="1" <Label Text="La horde du coutrevant"/>
ImageSource="chevron_right.svg" <!-- Gestion Star TODO -->
HeightRequest="35" </StackLayout>
WidthRequest="35" </Grid>
Clicked="OnButtonClicked" <BoxView Margin="25,10,0,0" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
HorizontalOptions="End"/>
</Grid>
<Grid>
<BoxView Margin="25,0,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" /> <Label FontAttributes="Bold" Margin="25,0,0,0" VerticalTextAlignment="Center" Text="Info en ligne"/>
<Label Text="Auteur"/> <Button Grid.Column="1"
<Label Text="sqdq"/> ImageSource="chevron_right.svg"
<BoxView Margin="25,0,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" /> HeightRequest="35"
WidthRequest="35"
<BoxView Margin="25,0,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" /> HorizontalOptions="End"/>
<Label Text="Maison d'édition"/> </Grid>
<Label Text="sqdq"/> <BoxView Margin="25,0,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
<BoxView Margin="25,0,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
<Label FontAttributes="Bold" Margin="25,0,0,0" VerticalTextAlignment="Center" Text="Auteur"/>
<Label Margin="25,0,0,0" VerticalTextAlignment="Center" Text="Alain Damasio"/>
<BoxView Margin="25,0,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
<Label Text="Résumer"/> <BoxView Margin="25,10,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
<Label Text="sqdq"/>
<BoxView Margin="25,0,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" /> <Label FontAttributes="Bold" Margin="25,0,0,0" VerticalTextAlignment="Center" Text="Maison d'édition"/>
<Label Margin="25,0,0,0" VerticalTextAlignment="Center" Text="Gallimard (2015)"/>
<Label Text="Details"/>
<Grid> <BoxView Margin="25,10,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
<Label Text="Nombre de pages"/>
<Label Grid.Column="1" Text="500"/> <Label FontAttributes="Bold" Margin="25,0,0,0" VerticalTextAlignment="Center" Text="Résumer"/>
</Grid> <Label Margin="25,0,0,0" VerticalTextAlignment="Center" Text="Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression. Le Lorem Ipsum est le faux texte standard de l'imprimerie depuis les années 1500, quand un imprimeur anonyme assembla ensemble des morceaux de texte pour réaliser un livre spécimen de polices de texte. Il n'a pas fait que survivre cinq siècles, mais s'est aussi adapté à la bureautique informatique, sans que son contenu n'en soit modifié. Il a été popularisé dans les années 1960 grâce à la vente de feuilles Letraset contenant des passages du Lorem Ipsum, et, plus récemment, par son inclusion dans des applications de mise en page de texte, comme Aldus PageMaker."/>
<Grid>
<Label Text="Langues"/> <BoxView Margin="25,10,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
<Label Grid.Column="1" Text="Français"/>
</Grid> <Label FontAttributes="Bold" Margin="25,0,0,0" VerticalTextAlignment="Center" Text="Details"/>
<Grid>
<Label Text="ISBN"/> <Grid Margin="25,0,20,0">
<Label Grid.Column="1" Text="48084095208"/> <Grid.RowDefinitions>
</Grid> <RowDefinition Height="*"/>
<BoxView Margin="25,0,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" /> <RowDefinition Height="*"/>
<Label Text="Status de lecture"/> <RowDefinition Height="*"/>
<Grid> </Grid.RowDefinitions>
<Label Text="Status"/> <Grid.ColumnDefinitions>
<Label Grid.Column="1" Text="non lu"/> <ColumnDefinition Width="*"/>
</Grid> <ColumnDefinition Width="*"/>
<BoxView Margin="25,0,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" /> </Grid.ColumnDefinitions>
<Label Text="biliothèque"/> <Label Grid.Row="0" Grid.Column="0" Text="Nombre de pages"/>
<Grid> <Label Grid.Row="0" Grid.Column="1" HorizontalTextAlignment="End" Text="500"/>
<Label Text="Ajouter le "/>
<Label Grid.Column="1" Text="10 aout 2023"/> <Label Grid.Row="1" Grid.Column="0" Text="Langue"/>
</Grid> <Label Grid.Row="1" Grid.Column="1" HorizontalTextAlignment="End" Text="Français"/>
<BoxView Margin="25,0,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" /> <Label Grid.Row="2" Grid.Column="0" Text="ISBN"/>
<Grid click> <Label Grid.Row="2" Grid.Column="1" HorizontalTextAlignment="End" Text="48084095208"/>
<Image Grid.Column="0" Source="..."/> </Grid>
<BoxView Margin="25,10,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
<Label FontAttributes="Bold" Margin="25,0,0,0" VerticalTextAlignment="Center" Text="Status de lecture"/>
<Grid RowDefinitions="auto" Margin="25,0,20,0">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<Label Grid.Column="0" Text="Status"/>
<Label Grid.Column="1" HorizontalTextAlignment="End" Text="non lu"/>
</Grid>
<BoxView Margin="25,10,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
<Label FontAttributes="Bold" Margin="25,0,0,0" VerticalTextAlignment="Center" Text="biliothèque"/>
<Grid RowDefinitions="auto" Margin="25,0,20,0">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<Label Grid.Column="0" Text="Ajouter le"/>
<Label Grid.Column="1" HorizontalTextAlignment="End" Text="10 aout 2023"/>
</Grid>
<BoxView Margin="25,10,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
<Grid>
<Image Grid.Column="0" Source="..."/>
<Label Text="déplacer le livre"/> <Label Text="déplacer le livre"/>
</Grid> </Grid>
<BoxView Margin="25,0,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" /> <BoxView Margin="25,0,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
<Grid>
<Grid click> <Image Grid.Column="0" Source="..."/>
<Image Grid.Column="0" Source="..."/> <Label Text="Ajouter à la liste A lire plus tard"/>
<Label Text="Ajouter à la liste A lire plus tard"/> </Grid>
</Grid> <BoxView Margin="25,0,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
<BoxView Margin="25,0,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" /> <Grid>
<Image Grid.Column="0" Source="..."/>
<Label Text="changer le statu de lecture"/>
<Grid click> </Grid>
<Image Grid.Column="0" Source="..."/> <BoxView Margin="25,0,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
<Label Text="changer le statu de lecture"/> <Grid>
</Grid> <Image Grid.Column="0" Source="..."/>
<BoxView Margin="25,0,0,10" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" /> <Label Text="préter le livre"/>
</Grid>
<Grid click> <!-- Gestion Star TODO -->
<Image Grid.Column="0" Source="..."/> <StackLayout>
<Label Text="préter le livre"/> <StackLayout x:Name="StarLayout" Grid.Column="0" Orientation="Horizontal" HorizontalOptions="CenterAndExpand">
</Grid> <!-- Les étoiles seront ajoutées ici via le code-behind -->
</StackLayout>
<Label x:Name="RatingLabel" Grid.Column="1" FontSize="Medium" HorizontalOptions="CenterAndExpand"/>
</StackLayout>
</StackLayout>
<!-- Gestion Star TODO -->
<StackLayout>
<StackLayout x:Name="StarLayout" Grid.Column="0" Orientation="Horizontal" HorizontalOptions="CenterAndExpand">
<!-- Les étoiles seront ajoutées ici via le code-behind -->
</StackLayout> </StackLayout>
<Label x:Name="RatingLabel" Grid.Column="1" FontSize="Medium" HorizontalOptions="CenterAndExpand"/> </ScrollView>
</StackLayout>
</ContentPage.Content> </ContentPage.Content>
</ContentPage> </ContentPage>

2
src/BookApp/Pages/Tous.xaml
Unescape View File

@ -25,7 +25,7 @@
<ContentPage.ToolbarItems> <ContentPage.ToolbarItems>
<ToolbarItem IconImageSource="plus_icone.svg" Priority="1" Order="Primary" /> <ToolbarItem IconImageSource="plus_icone.svg" Priority="1" Order="Primary" />
<ToolbarItem IconImageSource="plus_icone.svg" Priority="1" Order="Primary" /> <ToolbarItem IconImageSource="arrow_up_arrow_down.svg" Priority="1" Order="Primary" />
</ContentPage.ToolbarItems> </ContentPage.ToolbarItems>
<ContentPage.Resources> <ContentPage.Resources>

4
src/BookApp/Resources/Images/arrow_up_arrow_down.svg
Unescape View File

@ -0,0 +1,4 @@
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21.1875 24.687L27.0938 18.6284C27.3047 18.4292 27.4219 18.1245 27.4219 17.855C27.4219 17.2339 27 16.8237 26.3906 16.8237C26.0859 16.8237 25.8633 16.9175 25.6641 17.1167L23.2266 19.6362L21.3398 21.8277L21.4453 19.1206V4.06202C21.4453 3.45264 21.0117 3.00732 20.4023 3.00732C19.7812 3.00732 19.3477 3.45264 19.3477 4.06202V19.1206L19.4648 21.8277L17.5781 19.6362L15.1406 17.1167C14.9414 16.9175 14.707 16.8237 14.4141 16.8237C13.8047 16.8237 13.3711 17.2339 13.3711 17.855C13.3711 18.1245 13.5 18.4292 13.7109 18.6284L19.6172 24.687C20.0508 25.1441 20.7305 25.1558 21.1875 24.687Z" fill="black" fill-opacity="0.85"/>
<path d="M6.24609 3.35888L0.328125 9.39404C0.128906 9.60497 0 9.90966 0 10.1675C0 10.7886 0.421875 11.2104 1.03125 11.2104C1.33594 11.2104 1.57031 11.105 1.76953 10.9058L4.20703 8.38622L6.09375 6.20654L5.97656 8.91357V23.9722C5.97656 24.5933 6.41016 25.0269 7.03125 25.0269C7.64062 25.0269 8.07422 24.5933 8.07422 23.9722V8.91357L7.96875 6.20654L9.84375 8.38622L12.293 10.9058C12.4922 11.105 12.7148 11.2104 13.0195 11.2104C13.6289 11.2104 14.0508 10.7886 14.0508 10.1675C14.0508 9.90966 13.9336 9.60497 13.7227 9.39404L7.81641 3.35888C7.38281 2.90185 6.69141 2.87841 6.24609 3.35888Z" fill="black" fill-opacity="0.85"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

Write Preview
Loading…
Cancel
Save