80 lines
3.8 KiB
XML
80 lines
3.8 KiB
XML
<Page
|
|
x:Class="FoxTube.Pages.PlaylistPage"
|
|
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
|
xmlns:local="using:FoxTube.Pages"
|
|
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
|
|
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
|
|
xmlns:foxtube="using:FoxTube"
|
|
xmlns:ui="using:Microsoft.Advertising.WinRT.UI"
|
|
mc:Ignorable="d"
|
|
Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
|
|
|
|
<Grid Name="grid">
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition/>
|
|
<RowDefinition Height="auto"/>
|
|
</Grid.RowDefinitions>
|
|
<VisualStateManager.VisualStateGroups>
|
|
<VisualStateGroup>
|
|
<VisualState>
|
|
<VisualState.StateTriggers>
|
|
<AdaptiveTrigger MinWindowWidth="800"/>
|
|
</VisualState.StateTriggers>
|
|
|
|
<VisualState.Setters>
|
|
<Setter Target="cover.(Grid.Column)" Value="0"/>
|
|
<Setter Target="cover.(Grid.Row)" Value="1"/>
|
|
<Setter Target="cover.(MaxWidth)" Value="300"/>
|
|
</VisualState.Setters>
|
|
</VisualState>
|
|
</VisualStateGroup>
|
|
</VisualStateManager.VisualStateGroups>
|
|
<ScrollViewer>
|
|
<Grid>
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="auto"/>
|
|
<ColumnDefinition Width="*"/>
|
|
</Grid.ColumnDefinitions>
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="auto"/>
|
|
<RowDefinition/>
|
|
</Grid.RowDefinitions>
|
|
<StackPanel Grid.Row="0" Margin="20" Grid.Column="1" x:Name="cover" HorizontalAlignment="Left">
|
|
<Image Source="/Assets/videoThumbSample.png" Name="thumbnail"/>
|
|
<TextBlock FontSize="20" Text="[Title]" TextWrapping="WrapWholeWords" Name="title"/>
|
|
<TextBlock Foreground="Gray" Text="# videos | # views | Updated at: ##-##-## ##:##:##" TextWrapping="WrapWholeWords" Name="info"/>
|
|
<TextBlock Foreground="Gray" Text="description" TextWrapping="WrapWholeWords" Name="description"/>
|
|
<Button Margin="0,10,0,0" Background="Transparent" Name="toChannel" Click="toChannel_Click">
|
|
<Grid>
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="Auto"/>
|
|
<ColumnDefinition/>
|
|
</Grid.ColumnDefinitions>
|
|
<PersonPicture Height="50" Name="avatar"/>
|
|
<TextBlock Grid.Column="1" Text="Channel name" FontSize="18" VerticalAlignment="Center" Margin="10,0,0,0" TextWrapping="WrapWholeWords" Name="channelName"/>
|
|
</Grid>
|
|
</Button>
|
|
</StackPanel>
|
|
|
|
<local:VideoGrid Grid.Column="1" Grid.Row="1"/>
|
|
</Grid>
|
|
</ScrollViewer>
|
|
|
|
<CommandBar Grid.Row="2" Grid.ColumnSpan="2">
|
|
<AppBarButton Icon="Globe" Label="Open in browser" Name="inBrowser" Click="inBrowser_Click"/>
|
|
<AppBarButton Icon="Add" Label="Add to" IsEnabled="False">
|
|
<AppBarButton.Flyout>
|
|
<MenuFlyout>
|
|
|
|
</MenuFlyout>
|
|
</AppBarButton.Flyout>
|
|
</AppBarButton>
|
|
<AppBarButton Icon="Refresh" Label="Refresh" Name="refresh" Click="refresh_Click"/>
|
|
<AppBarButton Icon="Share" Label="Share" Name="share" Click="share_Click"/>
|
|
</CommandBar>
|
|
|
|
<foxtube:LoadingPage Grid.RowSpan="2" Visibility="Collapsed"/>
|
|
</Grid>
|
|
</Page>
|