135 lines
8.7 KiB
XML
135 lines
8.7 KiB
XML
<UserControl
|
|
x:Class="Harmonia.WinUI.Views.PlaylistView"
|
|
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
|
xmlns:local="using:Harmonia.WinUI.Views"
|
|
xmlns:vm="using:Harmonia.WinUI.ViewModels"
|
|
xmlns:playlists="using:Harmonia.Core.Playlists"
|
|
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
|
|
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
|
|
DataContext="{Binding Source={StaticResource Locator}, Path=PlaylistViewModel}"
|
|
d:DataContext="{d:DesignInstance Type=vm:PlaylistViewModel, IsDesignTimeCreatable=True}"
|
|
mc:Ignorable="d">
|
|
<UserControl.Resources>
|
|
<!--<SolidColorBrush x:Key="PlaylistBackground" Color="#393a45"/>-->
|
|
<SolidColorBrush x:Key="PlaylistBackground" Color="#292a35"/>
|
|
<SolidColorBrush x:Key="PlaylistItemHighlightColor" Color="#494a55"/>
|
|
<!--<SolidColorBrush x:Key="PlaylistBackground" Color="#222"/>-->
|
|
<SolidColorBrush x:Key="SongItemTitleBrush" Color="#dddddd"/>
|
|
<SolidColorBrush x:Key="SongItemTitleBrushHighlighted" Color="#A2D2F6"/>
|
|
<SolidColorBrush x:Key="SongItemSubtitleBrush" Color="#aaaaaa"/>
|
|
<!--<SolidColorBrush x:Key="SongItemSubtitleBrushHighlighted" Color="#76b9ed"/>-->
|
|
<SolidColorBrush x:Key="SongItemSubtitleBrushHighlighted" Color="#ddA2D2F6"/>
|
|
|
|
<SolidColorBrush x:Key="SongItemFooterBrush" Color="#888"/>
|
|
<SolidColorBrush x:Key="SongItemFooterBrushHighlighted" Color="#aaA2D2F6"/>
|
|
|
|
<!-- Image Border -->
|
|
<Style x:Key="PlaylistSongImageBorder" TargetType="Border">
|
|
<Setter Property="Width" Value="75"/>
|
|
<Setter Property="Height" Value="75"/>
|
|
<Setter Property="CornerRadius" Value="8"/>
|
|
</Style>
|
|
|
|
<DataTemplate x:Key="SongTemplate" x:DataType="playlists:PlaylistSong">
|
|
<!-- Background was formerly transparent -->
|
|
<Border DoubleTapped="PlaylistListViewItem_DoubleTapped" Background="Transparent">
|
|
<Grid Padding="10">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="Auto"></ColumnDefinition>
|
|
<ColumnDefinition Width="*"></ColumnDefinition>
|
|
</Grid.ColumnDefinitions>
|
|
<Border Grid.Column="0" Style="{StaticResource PlaylistSongImageBorder}">
|
|
<Grid>
|
|
<Image Loaded="Image_Loaded" Unloaded="Image_Unloaded"></Image>
|
|
<Canvas Background="#19000000"></Canvas>
|
|
</Grid>
|
|
</Border>
|
|
<Grid Grid.Column="1" Margin="10 0 0 0" VerticalAlignment="Center">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="*"></ColumnDefinition>
|
|
<ColumnDefinition Width="60"></ColumnDefinition>
|
|
</Grid.ColumnDefinitions>
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition></RowDefinition>
|
|
<RowDefinition></RowDefinition>
|
|
<RowDefinition></RowDefinition>
|
|
</Grid.RowDefinitions>
|
|
<TextBlock Grid.Column="0" Grid.Row="0" Foreground="{StaticResource SongItemTitleBrush}" Text="{x:Bind Song, Converter={StaticResource SongTitle}, Mode=OneWay}" FontSize="15" FontWeight="SemiBold" LineStackingStrategy="BlockLineHeight" VerticalAlignment="Center" TextTrimming="CharacterEllipsis" LineHeight="0">
|
|
</TextBlock>
|
|
<TextBlock Grid.Row="1" Text="{Binding Song.Artists, Converter={StaticResource ArtistsToString}}" Foreground="{StaticResource SongItemSubtitleBrush}" TextTrimming="CharacterEllipsis" LineStackingStrategy="BlockLineHeight" LineHeight="0" FontSize="14" Margin="0 0 0 0">
|
|
</TextBlock>
|
|
<TextBlock Grid.Row="2" Text="{Binding Song.Album}" Foreground="{StaticResource SongItemSubtitleBrush}" TextTrimming="CharacterEllipsis" LineStackingStrategy="BlockLineHeight" LineHeight="0" FontSize="14" Margin="0 0 0 0">
|
|
</TextBlock>
|
|
<TextBlock Grid.Row="0" Grid.Column="1" HorizontalAlignment="Right" VerticalAlignment="Center" TextAlignment="Right" HorizontalTextAlignment="Right" Foreground="{StaticResource SongItemSubtitleBrush}" TextTrimming="CharacterEllipsis" LineStackingStrategy="BlockLineHeight" LineHeight="0" FontSize="13" Text="{Binding Song.Length.TotalSeconds, Converter={StaticResource SecondsToString}}"></TextBlock>
|
|
<TextBlock Grid.Row="1" Grid.Column="1" HorizontalAlignment="Right" VerticalAlignment="Center" Foreground="{StaticResource SongItemFooterBrush}" TextTrimming="CharacterEllipsis" LineStackingStrategy="BlockLineHeight" LineHeight="0" FontSize="12" Text="{Binding Song.FileType}"></TextBlock>
|
|
<TextBlock Grid.Row="2" Grid.Column="1" HorizontalAlignment="Right" VerticalAlignment="Center" Foreground="{StaticResource SongItemFooterBrush}" TextTrimming="CharacterEllipsis" LineStackingStrategy="BlockLineHeight" LineHeight="0" FontSize="12">
|
|
<Run Text="{Binding Song.BitRate}"></Run><Run Text=" kbps"></Run>
|
|
</TextBlock>
|
|
</Grid>
|
|
</Grid>
|
|
</Border>
|
|
</DataTemplate>
|
|
</UserControl.Resources>
|
|
<Grid>
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="Auto"></RowDefinition>
|
|
<RowDefinition Height="*"></RowDefinition>
|
|
</Grid.RowDefinitions>
|
|
<Grid Grid.Row="0" Margin="10">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="*"></ColumnDefinition>
|
|
<ColumnDefinition Width="Auto"></ColumnDefinition>
|
|
</Grid.ColumnDefinitions>
|
|
<TextBox Grid.Column="0" Text="{Binding Filter, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" VerticalAlignment="Center" Margin="10 0" HorizontalAlignment="Stretch" PlaceholderText="Filter"></TextBox>
|
|
<StackPanel Grid.Column="1" Orientation="Horizontal" Spacing="10">
|
|
<Button Style="{StaticResource FlatRoundButton}" Foreground="#7FD184">
|
|
<Button.Content>
|
|
<Path Style="{StaticResource FlatButtonPath}" Fill="#7FD184" Data="{StaticResource AddIcon}"></Path>
|
|
</Button.Content>
|
|
<Button.Flyout>
|
|
<MenuFlyout Placement="Bottom">
|
|
<MenuFlyoutItem Text="Add Files..." Command="{Binding AddFilesCommand}">
|
|
<MenuFlyoutItem.Icon>
|
|
<PathIcon Data="{StaticResource CopyIcon}"></PathIcon>
|
|
</MenuFlyoutItem.Icon>
|
|
</MenuFlyoutItem>
|
|
<MenuFlyoutItem Text="Add Folder..." Command="{Binding AddFolderCommand}">
|
|
<MenuFlyoutItem.Icon>
|
|
<PathIcon Data="{StaticResource CopyIcon}"></PathIcon>
|
|
</MenuFlyoutItem.Icon>
|
|
</MenuFlyoutItem>
|
|
</MenuFlyout>
|
|
</Button.Flyout>
|
|
</Button>
|
|
<Button Style="{StaticResource FlatRoundButton}">
|
|
<Button.Content>
|
|
<Path Style="{StaticResource FlatButtonPath}" Data="{StaticResource MoreIcon}"></Path>
|
|
</Button.Content>
|
|
<Button.Flyout>
|
|
<MenuFlyout Placement="Bottom">
|
|
<MenuFlyoutItem Text="Add Files..." Command="{Binding AddFilesCommand}">
|
|
<MenuFlyoutItem.Icon>
|
|
<PathIcon Data="{StaticResource CopyIcon}"></PathIcon>
|
|
</MenuFlyoutItem.Icon>
|
|
</MenuFlyoutItem>
|
|
<MenuFlyoutItem Text="Add Folder..." Command="{Binding AddFolderCommand}">
|
|
<MenuFlyoutItem.Icon>
|
|
<PathIcon Data="{StaticResource CopyIcon}"></PathIcon>
|
|
</MenuFlyoutItem.Icon>
|
|
</MenuFlyoutItem>
|
|
</MenuFlyout>
|
|
</Button.Flyout>
|
|
</Button>
|
|
</StackPanel>
|
|
</Grid>
|
|
<ListView
|
|
Grid.Row="1"
|
|
Name="PlaylistListView"
|
|
ItemsSource="{Binding FilteredPlaylistSongs}"
|
|
ItemTemplate="{StaticResource SongTemplate}"
|
|
SelectionMode="Extended">
|
|
</ListView>
|
|
</Grid>
|
|
</UserControl>
|