Michael Gordeev
54 lines
3.2 KiB
XML
54 lines
3.2 KiB
XML
<UserControl
|
|
x:Class="FoxTube.VideoCard"
|
|
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
|
xmlns:local="using:FoxTube"
|
|
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
|
|
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
|
|
mc:Ignorable="d"
|
|
HorizontalAlignment="Stretch"
|
|
VerticalAlignment="Top"
|
|
SizeChanged="UserControl_SizeChanged"
|
|
d:DesignHeight="290"
|
|
d:DesignWidth="384">
|
|
|
|
<Button Padding="0" Background="Transparent" VerticalAlignment="Top" Click="Button_Click">
|
|
<Grid Background="WhiteSmoke" BorderBrush="LightGray" BorderThickness="1">
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="*"/>
|
|
<RowDefinition Height="75"/>
|
|
</Grid.RowDefinitions>
|
|
<Grid Grid.Row="0" Background="Black">
|
|
<Image Name="thumbnail" Source="Assets/videoThumbSample.png" Stretch="Fill"/>
|
|
<StackPanel Margin="0,0,5,5" Background="WhiteSmoke" VerticalAlignment="Bottom" HorizontalAlignment="Right" Padding="5,2,5,0" Height="20">
|
|
<TextBlock Name="info" Text="[Duration] | [Published at]" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="Gray" FontSize="12"/>
|
|
</StackPanel>
|
|
<StackPanel Name="liveTag" Margin="0,0,5,30" Background="Red" BorderBrush="White" BorderThickness="1" VerticalAlignment="Bottom" HorizontalAlignment="Right" Padding="5,0,5,0" Height="20" Orientation="Horizontal" Visibility="Collapsed">
|
|
<TextBlock Text=" " VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White" FontSize="12" FontFamily="Segoe MDL2 Assets" Margin="0,1,0,0" FontWeight="Black"/>
|
|
<TextBlock Name="liveContent" Text="LIVE" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White" FontSize="12" FontWeight="Bold"/>
|
|
</StackPanel>
|
|
</Grid>
|
|
<Grid Grid.Row="1">
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="2*"/>
|
|
<RowDefinition Height="5*"/>
|
|
</Grid.RowDefinitions>
|
|
<Grid Grid.Row="0">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="60"/>
|
|
<ColumnDefinition Width="*"/>
|
|
</Grid.ColumnDefinitions>
|
|
<Ellipse Grid.Column="0" Height="50" Width="50" Margin="5,-30,5,10" Fill="WhiteSmoke"/>
|
|
<PersonPicture Name="avatar" Grid.Column="0" Height="46" Margin="5,-30,5,0" BorderBrush="White" BorderThickness="10"/>
|
|
|
|
<TextBlock Name="channelName" Grid.Column="1" Text="[Channel name]" Foreground="Gray" Margin="0,2,0,0" FontSize="12"/>
|
|
<TextBlock Grid.Column="1" Name="views" Text="[Views]" HorizontalAlignment="Right" Foreground="Gray" Margin="0,2,2,0" FontSize="12"/>
|
|
</Grid>
|
|
<StackPanel Grid.Row="1">
|
|
<TextBlock Name="title" Text="[Title]" TextWrapping="WrapWholeWords" Margin="5" FontSize="14" MaxLines="2"/>
|
|
</StackPanel>
|
|
</Grid>
|
|
</Grid>
|
|
</Button>
|
|
</UserControl>
|