Files
Harmony/HarmonyWinUI/Pages/Search.xaml
T

98 lines
2.4 KiB
XML

<?xml version="1.0" encoding="utf-8"?>
<Page
x:Class="HarmonyWinUI.Pages.Search"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:HarmonyWinUI.Pages"
xmlns:models="using:HarmonyWinUI.Models"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">
<Page.Resources>
<local:ImageUrlToImageSourceConverter x:Key="ImageUrlToImageSourceConverter" />
</Page.Resources>
<ScrollViewer>
<StackPanel
Padding="24"
Spacing="24">
<TextBlock Text="Search" FontFamily="Arial"
FontSize="24" TextWrapping="WrapWholeWords"
CharacterSpacing="200" Foreground="LightGray" />
<TextBlock x:Name="TextBlockQuery" Text="Query: " FontFamily="Arial"
FontSize="14" TextWrapping="WrapWholeWords"
CharacterSpacing="100" Foreground="LightGray" />
<!-- Artists -->
<StackPanel Spacing="12">
<TextBlock
Text="Artists"
Style="{StaticResource TitleTextBlockStyle}" />
<ListView
x:Name="ArtistsListView"
ItemsSource="{x:Bind Artists}">
<ListView.ItemTemplate>
<DataTemplate x:DataType="models:MusicBrainzArtist">
<StackPanel
Orientation="Horizontal"
Spacing="12"
Padding="4">
<Grid
Width="48"
Height="48">
<Border
Background="{ThemeResource SystemControlBackgroundBaseMediumBrush}"
CornerRadius="24">
<FontIcon
FontSize="24"
Glyph="&#xE77B;" />
</Border>
<Image
Source="{Binding ImageURL, Converter={StaticResource ImageUrlToImageSourceConverter}}"
Stretch="UniformToFill" />
</Grid>
<TextBlock
Text="{x:Bind Name}"
VerticalAlignment="Center" />
</StackPanel>
</DataTemplate>
</ListView.ItemTemplate>
</ListView>
</StackPanel>
<!-- Albums -->
<StackPanel Spacing="12">
<TextBlock
Text="Albums"
Style="{StaticResource TitleTextBlockStyle}" />
<ListView>
<!-- Albums -->
</ListView>
</StackPanel>
<!-- Tracks -->
<StackPanel Spacing="12">
<TextBlock
Text="Tracks"
Style="{StaticResource TitleTextBlockStyle}" />
<ListView>
<!-- Tracks -->
</ListView>
</StackPanel>
</StackPanel>
</ScrollViewer>
</Page>