You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
191 lines
11 KiB
191 lines
11 KiB
<?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"
|
|
xmlns:view="clr-namespace:LivreLand.View"
|
|
xmlns:contentView="clr-namespace:LivreLand.View.ContentViews"
|
|
xmlns:viewModel="clr-namespace:ViewModels;assembly=ViewModels"
|
|
xmlns:toolkit="http://schemas.microsoft.com/dotnet/2022/maui/toolkit"
|
|
x:Class="LivreLand.View.TousView"
|
|
Title="TousView">
|
|
|
|
<ContentPage.Behaviors>
|
|
<toolkit:EventToCommandBehavior Command="{Binding TousVM.Manager.GetBooksFromCollectionCommand}"/>
|
|
</ContentPage.Behaviors>
|
|
|
|
<Grid>
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="auto"/>
|
|
<RowDefinition Height="*"/>
|
|
</Grid.RowDefinitions>
|
|
|
|
<view:HeaderPage HeaderTitle="Tous"
|
|
HeaderBackButtonText="Mes livres"
|
|
HeaderPlusButtonVisible="True"
|
|
HeaderSwitchButtonVisible="True"
|
|
ButtonPlusTappedCommand="{Binding TousVM.Navigator.PopupHomePlusNavigationCommand}"
|
|
ButtonBackTappedCommand="{Binding TousVM.Navigator.PopupBackButtonNavigationCommand}"
|
|
Grid.Row="0"/>
|
|
<ScrollView Grid.Row="1">
|
|
<Grid>
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="40"/>
|
|
<RowDefinition Height="10"/>
|
|
<RowDefinition Height="auto"/>
|
|
<RowDefinition Height="10"/>
|
|
<RowDefinition Height="40"/>
|
|
<RowDefinition Height="10"/>
|
|
<RowDefinition Height="auto"/>
|
|
</Grid.RowDefinitions>
|
|
<CollectionView ItemsSource="{Binding TousVM.Manager.GroupedBooks}"
|
|
SelectedItem="{Binding TousVM.Manager.SelectedBook}"
|
|
SelectionMode="Single"
|
|
SelectionChangedCommand="{Binding TousVM.SelectionChangedCommand}"
|
|
SelectionChangedCommandParameter="{Binding TousVM.Manager.SelectedBook}"
|
|
IsGrouped="True"
|
|
Grid.Row="2">
|
|
<CollectionView.GroupHeaderTemplate>
|
|
<DataTemplate>
|
|
<Grid BackgroundColor="{AppThemeBinding Light={StaticResource HeaderGray}, Dark={StaticResource Gray900}}"
|
|
Grid.Row="0">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="10"/>
|
|
<ColumnDefinition Width="auto"/>
|
|
<ColumnDefinition Width="*"/>
|
|
</Grid.ColumnDefinitions>
|
|
<Label Text="{Binding Key}"
|
|
VerticalOptions="Center"
|
|
Style="{StaticResource HeaderCollectionViewText}"
|
|
Grid.Column="1"/>
|
|
</Grid>
|
|
</DataTemplate>
|
|
</CollectionView.GroupHeaderTemplate>
|
|
<CollectionView.ItemTemplate>
|
|
<DataTemplate x:DataType="viewModel:BookVM">
|
|
<VerticalStackLayout Margin="10"
|
|
Spacing="20">
|
|
<VisualStateManager.VisualStateGroups x:Name="SelectionStates">
|
|
<VisualStateGroup>
|
|
<VisualState x:Name="Selected">
|
|
<VisualState.Setters>
|
|
<Setter Property="BackgroundColor" Value="Transparent" />
|
|
</VisualState.Setters>
|
|
</VisualState>
|
|
</VisualStateGroup>
|
|
</VisualStateManager.VisualStateGroups>
|
|
<Grid>
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="auto"/>
|
|
<ColumnDefinition Width="10"/>
|
|
<ColumnDefinition Width="auto"/>
|
|
</Grid.ColumnDefinitions>
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="auto"/>
|
|
<RowDefinition Height="auto"/>
|
|
<RowDefinition Height="auto"/>
|
|
<RowDefinition Height="*"/>
|
|
<RowDefinition Height="auto"/>
|
|
</Grid.RowDefinitions>
|
|
<Grid Grid.Column="0"
|
|
Grid.RowSpan="5">
|
|
<Border Padding="-5,-5,-5,1"
|
|
Margin="10,0,0,0"
|
|
HeightRequest="100"
|
|
WidthRequest="62"
|
|
HorizontalOptions="Center"
|
|
Stroke="{StaticResource Gray}"
|
|
StrokeShape="RoundRectangle 3"
|
|
StrokeThickness="3">
|
|
<Border HorizontalOptions="Center"
|
|
Stroke="{StaticResource Gray}"
|
|
StrokeShape="RoundRectangle 3"
|
|
StrokeThickness="3">
|
|
<Image Source="{Binding ImageSmall}"
|
|
Aspect="AspectFill"
|
|
Grid.Column="0"
|
|
Grid.RowSpan="5"/>
|
|
</Border>
|
|
</Border>
|
|
<Image Source="bookmark_red.png"
|
|
HeightRequest="10"
|
|
WidthRequest="10"
|
|
Margin="0,97,20,0"
|
|
VerticalOptions="End"/>
|
|
</Grid>
|
|
<Label Text="{Binding Title}"
|
|
Style="{StaticResource MasterTitleBookText}"
|
|
Grid.Column="2"
|
|
Grid.Row="0"/>
|
|
<CollectionView ItemsSource="{Binding Authors}"
|
|
Grid.Column="2"
|
|
Grid.Row="1">
|
|
<CollectionView.ItemsLayout>
|
|
<LinearItemsLayout Orientation="Horizontal" />
|
|
</CollectionView.ItemsLayout>
|
|
<CollectionView.ItemTemplate>
|
|
<DataTemplate x:DataType="viewModel:AuthorVM">
|
|
<Label Text="{Binding Name}"
|
|
Style="{StaticResource MasterAuthorBookText}"
|
|
Margin="0,0,5,0"/>
|
|
</DataTemplate>
|
|
</CollectionView.ItemTemplate>
|
|
</CollectionView>
|
|
<Label Text="{Binding Status}"
|
|
Style="{StaticResource MasterStateBookText}"
|
|
Grid.Column="2"
|
|
Grid.Row="2"/>
|
|
<contentView:StarNotationView Grid.Column="2"
|
|
Grid.Row="4"/>
|
|
</Grid>
|
|
<contentView:SeparatorCutStartView/>
|
|
</VerticalStackLayout>
|
|
</DataTemplate>
|
|
</CollectionView.ItemTemplate>
|
|
</CollectionView>
|
|
<Grid Grid.Row="6">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="*"/>
|
|
<ColumnDefinition Width="auto"/>
|
|
<ColumnDefinition Width="5"/>
|
|
<ColumnDefinition Width="auto"/>
|
|
<ColumnDefinition Width="5"/>
|
|
<ColumnDefinition Width="auto"/>
|
|
<ColumnDefinition Width="*"/>
|
|
</Grid.ColumnDefinitions>
|
|
|
|
<ImageButton Source="chevron_right.png"
|
|
Rotation="180"
|
|
Command="{Binding TousVM.Manager.PreviousCommand}"
|
|
Grid.Column="1">
|
|
<ImageButton.Behaviors>
|
|
<toolkit:IconTintColorBehavior TintColor="{AppThemeBinding Light={StaticResource Black}, Dark={StaticResource White}}"/>
|
|
</ImageButton.Behaviors>
|
|
</ImageButton>
|
|
<Label Style="{StaticResource MasterTitleBookText}"
|
|
VerticalOptions="FillAndExpand"
|
|
Grid.Column="3">
|
|
<Label.FormattedText>
|
|
<FormattedString>
|
|
<Span Text="{Binding TousVM.Manager.IndexPage}"/>
|
|
<Span Text="/"/>
|
|
<Span Text="{Binding TousVM.Manager.NbPages}"/>
|
|
</FormattedString>
|
|
</Label.FormattedText>
|
|
</Label>
|
|
<ImageButton Source="chevron_right.png"
|
|
Command="{Binding TousVM.Manager.NextCommand}"
|
|
Grid.Column="5">
|
|
<ImageButton.Behaviors>
|
|
<toolkit:IconTintColorBehavior TintColor="{AppThemeBinding Light={StaticResource Black}, Dark={StaticResource White}}"/>
|
|
</ImageButton.Behaviors>
|
|
</ImageButton>
|
|
</Grid>
|
|
</Grid>
|
|
</ScrollView>
|
|
<Grid HorizontalOptions="End"
|
|
VerticalOptions="Center"
|
|
Grid.RowSpan="3">
|
|
<contentView:AlphabetVerticalMenuView/>
|
|
</Grid>
|
|
</Grid>
|
|
|
|
</ContentPage> |