197 lines
12 KiB
XML
197 lines
12 KiB
XML
<UserControl xmlns="https://github.com/avaloniaui"
|
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
|
xmlns:vm="using:LANCommander.Launcher.ViewModels"
|
|
xmlns:vmComponents="using:LANCommander.Launcher.ViewModels.Components"
|
|
xmlns:components="using:LANCommander.Launcher.Views.Components"
|
|
xmlns:controls="using:LANCommander.Launcher.Controls"
|
|
xmlns:converters="using:LANCommander.Launcher.Converters"
|
|
xmlns:local="using:LANCommander.Launcher.Views"
|
|
x:Class="LANCommander.Launcher.Views.LibraryRowView"
|
|
x:DataType="vm:LibraryViewModel">
|
|
|
|
<UserControl.Resources>
|
|
<converters:FilePathToBitmapConverter x:Key="FilePathToBitmapConverter" />
|
|
</UserControl.Resources>
|
|
|
|
<UserControl.Styles>
|
|
<Style Selector="ListBox.CompactGamesList">
|
|
<Setter Property="Background" Value="Transparent" />
|
|
<Setter Property="BorderThickness" Value="0" />
|
|
<Setter Property="Padding" Value="0" />
|
|
</Style>
|
|
<Style Selector="ListBox.CompactGamesList ListBoxItem">
|
|
<Setter Property="Padding" Value="0" />
|
|
<Setter Property="Margin" Value="0" />
|
|
<Setter Property="Background" Value="Transparent" />
|
|
<Setter Property="Cursor" Value="Hand" />
|
|
<Setter Property="HorizontalAlignment" Value="Stretch" />
|
|
<Setter Property="HorizontalContentAlignment" Value="Stretch" />
|
|
<Setter Property="controls:GameContextMenu.IsEnabled" Value="True" />
|
|
<Setter Property="Template">
|
|
<ControlTemplate>
|
|
<ContentPresenter Name="PART_ContentPresenter"
|
|
Content="{TemplateBinding Content}"
|
|
ContentTemplate="{TemplateBinding ContentTemplate}"
|
|
HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
|
|
VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"
|
|
Padding="{TemplateBinding Padding}" />
|
|
</ControlTemplate>
|
|
</Setter>
|
|
</Style>
|
|
<Style Selector="ListBox.CompactGamesList Border.CompactListRow">
|
|
<Setter Property="Background" Value="Transparent" />
|
|
</Style>
|
|
<Style Selector="ListBox.CompactGamesList ListBoxItem:pointerover Border.CompactListRow">
|
|
<Setter Property="Background" Value="{DynamicResource SystemControlBackgroundChromeMediumBrush}" />
|
|
</Style>
|
|
<Style Selector="ListBox.CompactGamesList ListBoxItem:selected Border.CompactListRow">
|
|
<Setter Property="Background" Value="{DynamicResource SystemControlBackgroundChromeMediumBrush}" />
|
|
<Setter Property="BorderBrush" Value="{DynamicResource SystemAccentColor}" />
|
|
<Setter Property="BorderThickness" Value="2,0,0,0" />
|
|
</Style>
|
|
</UserControl.Styles>
|
|
|
|
<Grid ColumnDefinitions="250,*">
|
|
|
|
<!-- ═══ LEFT PANEL: Compact Game List ═══ -->
|
|
<Border Grid.Column="0"
|
|
BorderBrush="{DynamicResource SystemControlForegroundBaseLowBrush}"
|
|
BorderThickness="0,0,1,0"
|
|
Margin="0,48,0,0">
|
|
<ListBox x:Name="GameListBox"
|
|
Classes="CompactGamesList"
|
|
ItemsSource="{Binding Games}"
|
|
SelectedItem="{Binding SelectedGame}"
|
|
ScrollViewer.HorizontalScrollBarVisibility="Disabled"
|
|
ScrollViewer.VerticalScrollBarVisibility="Auto"
|
|
Tapped="GameList_Tapped"
|
|
KeyDown="GameList_KeyDown">
|
|
<ListBox.ItemsPanel>
|
|
<ItemsPanelTemplate>
|
|
<VirtualizingStackPanel />
|
|
</ItemsPanelTemplate>
|
|
</ListBox.ItemsPanel>
|
|
<ListBox.ItemTemplate>
|
|
<DataTemplate DataType="vmComponents:GameItemViewModel">
|
|
<Border Classes="CompactListRow" Padding="8,4" CornerRadius="0">
|
|
<DockPanel>
|
|
<Image Source="{Binding IconPath, Converter={StaticResource FilePathToBitmapConverter}}"
|
|
Width="24" Height="24"
|
|
Stretch="Uniform"
|
|
Margin="0,0,8,0"
|
|
VerticalAlignment="Center" />
|
|
<StackPanel VerticalAlignment="Center" MinWidth="0">
|
|
<TextBlock Text="{Binding Title}"
|
|
FontSize="13"
|
|
TextTrimming="CharacterEllipsis"
|
|
Opacity="{Binding IsInstalled, Converter={x:Static converters:BoolToDoubleConverter.Instance}}" />
|
|
<TextBlock Text="Update Available"
|
|
FontSize="10"
|
|
Foreground="{DynamicResource SystemAccentColor}"
|
|
IsVisible="{Binding IsUpdateAvailable}" />
|
|
</StackPanel>
|
|
</DockPanel>
|
|
</Border>
|
|
</DataTemplate>
|
|
</ListBox.ItemTemplate>
|
|
</ListBox>
|
|
</Border>
|
|
|
|
<!-- ═══ RIGHT PANEL: Carousels + Grid ═══ -->
|
|
<ScrollViewer x:Name="RightPanelScrollViewer"
|
|
Classes="TitlebarOffset"
|
|
Grid.Column="1"
|
|
HorizontalScrollBarVisibility="Disabled"
|
|
VerticalScrollBarVisibility="Auto"
|
|
SizeChanged="RightPanelScrollViewer_SizeChanged">
|
|
<StackPanel Margin="10,48,10,24" Spacing="32" Grid.IsSharedSizeScope="True">
|
|
|
|
<!-- ══ RECENTLY PLAYED ═══════════════════════════════════════════════ -->
|
|
<CarouselControl x:Name="RecentlyPlayedCarousel"
|
|
Title="Recently Played"
|
|
ItemsSource="{Binding RecentlyPlayedGames}"
|
|
ItemWidth="160"
|
|
VisibleItems="5"
|
|
Gap="16"
|
|
ItemOverflow="14">
|
|
<CarouselControl.IsVisible>
|
|
<MultiBinding Converter="{x:Static BoolConverters.And}">
|
|
<Binding Path="HasRecentlyPlayed" />
|
|
<Binding Path="!IsCollectionFiltered" />
|
|
</MultiBinding>
|
|
</CarouselControl.IsVisible>
|
|
<CarouselControl.ItemTemplate>
|
|
<DataTemplate x:DataType="vmComponents:GameItemViewModel">
|
|
<components:CoverButton Width="160" Height="240"
|
|
controls:GameContextMenu.IsEnabled="True"
|
|
Command="{Binding $parent[local:LibraryRowView].((vm:LibraryViewModel)DataContext).ViewGameDetailsCommand}"
|
|
CommandParameter="{Binding}" />
|
|
</DataTemplate>
|
|
</CarouselControl.ItemTemplate>
|
|
</CarouselControl>
|
|
|
|
<!-- ══ COLLECTIONS ═══════════════════════════════════════════════════ -->
|
|
<CarouselControl x:Name="CollectionsCarousel"
|
|
Title="Collections"
|
|
WrapItems="True"
|
|
ItemsSource="{Binding LibraryCollections}"
|
|
ItemWidth="200"
|
|
VisibleItems="4">
|
|
<CarouselControl.IsVisible>
|
|
<MultiBinding Converter="{x:Static BoolConverters.And}">
|
|
<Binding Path="HasCollections" />
|
|
<Binding Path="!IsCollectionFiltered" />
|
|
</MultiBinding>
|
|
</CarouselControl.IsVisible>
|
|
<CarouselControl.ItemTemplate>
|
|
<DataTemplate x:DataType="vmComponents:GenreCarouselButtomViewModel">
|
|
<components:GenreCarouselButton Width="200" Height="150"
|
|
Command="{Binding $parent[local:LibraryRowView].((vm:LibraryViewModel)DataContext).FilterByCollectionCommand}"
|
|
CommandParameter="{Binding Name}" />
|
|
</DataTemplate>
|
|
</CarouselControl.ItemTemplate>
|
|
</CarouselControl>
|
|
|
|
<!-- ══ ALL GAMES GRID (75% size) ═════════════════════════════════════ -->
|
|
<StackPanel Margin="32,0,32,0" Spacing="4">
|
|
<DockPanel>
|
|
<Button DockPanel.Dock="Right"
|
|
Command="{Binding ClearCollectionFilterCommand}"
|
|
Content="✕"
|
|
Classes="Text Error"
|
|
Padding="8,4"
|
|
Focusable="False"
|
|
IsVisible="{Binding IsCollectionFiltered}" />
|
|
<TextBlock Text="All Games" FontSize="18" FontWeight="SemiBold"
|
|
IsVisible="{Binding !IsCollectionFiltered}" />
|
|
<TextBlock Text="{Binding FilteredCollectionName}" FontSize="18" FontWeight="SemiBold"
|
|
IsVisible="{Binding IsCollectionFiltered}" />
|
|
</DockPanel>
|
|
<ItemsRepeater x:Name="LibraryGridItemsRepeater"
|
|
ItemsSource="{Binding Games}"
|
|
ClipToBounds="False"
|
|
controls:DirectionalNavigation.IsEnabled="True">
|
|
<ItemsRepeater.Layout>
|
|
<UniformGridLayout MinItemWidth="105" MinItemHeight="158"
|
|
MinColumnSpacing="12" MinRowSpacing="12"
|
|
ItemsStretch="None"
|
|
ItemsJustification="Start" />
|
|
</ItemsRepeater.Layout>
|
|
<ItemsRepeater.ItemTemplate>
|
|
<DataTemplate DataType="vmComponents:GameItemViewModel">
|
|
<components:CoverButton
|
|
Width="{Binding $parent[local:LibraryRowView].SmallCoverWidth}"
|
|
Height="{Binding $parent[local:LibraryRowView].SmallCoverHeight}"
|
|
controls:GameContextMenu.IsEnabled="True"
|
|
Command="{Binding $parent[ItemsRepeater].((vm:LibraryViewModel)DataContext).ViewGameDetailsCommand}"
|
|
CommandParameter="{Binding}" />
|
|
</DataTemplate>
|
|
</ItemsRepeater.ItemTemplate>
|
|
</ItemsRepeater>
|
|
</StackPanel>
|
|
|
|
</StackPanel>
|
|
</ScrollViewer>
|
|
|
|
</Grid>
|
|
</UserControl>
|