Michael Gordeev
155 lines
9.2 KiB
XML
155 lines
9.2 KiB
XML
<Page
|
|
x:Class="FoxTube.Video"
|
|
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"
|
|
xmlns:pages="using:FoxTube.Pages"
|
|
xmlns:controls="using:Microsoft.Toolkit.Uwp.UI.Controls"
|
|
mc:Ignorable="d">
|
|
|
|
<Grid Name="mainGrid">
|
|
<Grid Name="grid" Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" SizeChanged="grid_SizeChanged">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="*"/>
|
|
<ColumnDefinition Width="400"/>
|
|
</Grid.ColumnDefinitions>
|
|
<ScrollViewer Margin="0,0,0,50" Name="mainScroll">
|
|
<StackPanel Orientation="Vertical" Name="mainContent">
|
|
<StackPanel Name="playerPlaceholder"/>
|
|
<StackPanel Margin="10" Name="descriptionPanel">
|
|
<TextBlock IsTextSelectionEnabled="True" Name="title" Text="[Video title]" FontSize="25" TextWrapping="WrapWholeWords" HorizontalTextAlignment="Start"/>
|
|
<Grid>
|
|
<Button Padding="0" Background="Transparent" Margin="5" Name="gotoChannel" Click="gotoChannel_Click">
|
|
<StackPanel Orientation="Horizontal">
|
|
<PersonPicture Name="channelAvatar" Width="90"/>
|
|
<StackPanel Orientation="Vertical" Grid.Column="1" Padding="5" VerticalAlignment="Center">
|
|
<StackPanel Orientation="Horizontal">
|
|
<TextBlock Name="channelName" Text="[Channel name]" FontSize="18"/>
|
|
</StackPanel>
|
|
<TextBlock Name="subscribers" Text="[subscribers]" Foreground="Gray"/>
|
|
<StackPanel Name="subscribePanel" Orientation="Horizontal" Margin="0,5,0,0">
|
|
<ToggleButton Grid.Column="2" Height="30" Width="150" Background="Red" Foreground="White" FontSize="14" FontWeight="SemiBold" Content="Subscirbe"/>
|
|
<ToggleButton Grid.Column="3" Height="30" Width="30" Padding="0" FontFamily="Segoe MDL2 Assets" FontSize="14" FontWeight="SemiBold" Content="" Foreground="White" Background="Red"/>
|
|
</StackPanel>
|
|
</StackPanel>
|
|
</StackPanel>
|
|
</Button>
|
|
<StackPanel HorizontalAlignment="Right">
|
|
<TextBlock Name="views" Text="[views]" FontSize="24" Foreground="Gray"/>
|
|
<ProgressBar Name="rating" Width="250" Background="Green" Foreground="Red"/>
|
|
<Grid>
|
|
<FontIcon Foreground="Gray"
|
|
HorizontalAlignment="Left"
|
|
FontSize="40"
|
|
Name="dislike" Tapped="dislike_Click"
|
|
Glyph=""/>
|
|
|
|
<FontIcon Foreground="Gray"
|
|
HorizontalAlignment="Right"
|
|
FontSize="40"
|
|
Name="like" Tapped="like_Click"
|
|
Glyph=""/>
|
|
</Grid>
|
|
<Grid>
|
|
<TextBlock Foreground="Gray" Text="[dislikes]" Name="dislikes"/>
|
|
<TextBlock HorizontalAlignment="Right" Foreground="Gray" Text="[likes]" Name="likes"/>
|
|
</Grid>
|
|
</StackPanel>
|
|
</Grid>
|
|
<TextBlock Name="description" Text="[Description]" IsTextSelectionEnabled="True" TextWrapping="WrapWholeWords"/>
|
|
<Grid Margin="0,20,0,0">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="auto"/>
|
|
<ColumnDefinition Width="20"/>
|
|
<ColumnDefinition Width="auto"/>
|
|
</Grid.ColumnDefinitions>
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="auto"/>
|
|
<RowDefinition Height="auto"/>
|
|
<RowDefinition Height="auto"/>
|
|
</Grid.RowDefinitions>
|
|
|
|
<TextBlock Text="Published at: "/>
|
|
<TextBlock Grid.Row="1" Text="Category: "/>
|
|
<TextBlock Grid.Row="2" Text="License: "/>
|
|
|
|
<TextBlock Name="publishedAt" Grid.Column="2" Text="[Publishing date]"/>
|
|
<TextBlock Name="category" Grid.Column="2" Grid.Row="1" Padding="0" Text="[Category]"/>
|
|
<TextBlock Name="license" Grid.Column="2" Grid.Row="2" Text="[License type]"/>
|
|
</Grid>
|
|
</StackPanel>
|
|
</StackPanel>
|
|
</ScrollViewer>
|
|
|
|
|
|
<CommandBar VerticalAlignment="Bottom" Name="commandbar">
|
|
<AppBarButton Name="download" Icon="Download" Label="Download video">
|
|
<AppBarButton.Flyout>
|
|
<MenuFlyout x:Name="downloadSelector">
|
|
<MenuFlyoutItem Text="Select quality:" IsEnabled="False"/>
|
|
<MenuFlyoutSeparator/>
|
|
<MenuFlyoutItem Text="No items are available" IsEnabled="False"/>
|
|
</MenuFlyout>
|
|
</AppBarButton.Flyout>
|
|
</AppBarButton>
|
|
<AppBarToggleButton Name="addLater" Click="addLater_Click" Icon="Clock" Label="Watch later" Visibility="Collapsed"/>
|
|
<AppBarButton Name="refresh" Click="refresh_Click" Icon="Refresh" Label="Refresh page"/>
|
|
<AppBarButton Name="share" Click="share_Click" Icon="Share" Label="Share"/>
|
|
<AppBarButton Name="openBrowser" Click="openBrowser_Click" Icon="Globe" Label="Open in browser"/>
|
|
|
|
<CommandBar.SecondaryCommands>
|
|
<AppBarButton Name="addToPlaylist" Click="addToPlaylist_Click" Icon="Add" Label="Add to playlist" Visibility="Collapsed">
|
|
<AppBarButton.Flyout>
|
|
<MenuFlyout>
|
|
|
|
</MenuFlyout>
|
|
</AppBarButton.Flyout>
|
|
</AppBarButton>
|
|
<AppBarButton Icon="Flag" Label="Report this video" Visibility="Collapsed"/>
|
|
</CommandBar.SecondaryCommands>
|
|
</CommandBar>
|
|
|
|
<Grid Grid.Column="1" Name="tabsPlaceholder">
|
|
<Grid Name="tabs">
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="47"/>
|
|
<RowDefinition/>
|
|
</Grid.RowDefinitions>
|
|
|
|
<Grid Background="Red">
|
|
<StackPanel Orientation="Horizontal" Margin="10,0,10,0">
|
|
<HyperlinkButton Name="toDescription" Click="toDescription_Click" Foreground="White" Margin="0,0,10,0" Visibility="Collapsed">
|
|
<TextBlock Text="Description"/>
|
|
</HyperlinkButton>
|
|
<HyperlinkButton Name="toPlaylist" Click="toPlaylist_Click" Foreground="White" Margin="0,0,10,0" Visibility="Collapsed">
|
|
<TextBlock Text="Playlist"/>
|
|
</HyperlinkButton>
|
|
<HyperlinkButton Name="toSuggestions" Click="toSuggestions_Click" Foreground="White" Margin="0,0,10,0">
|
|
<TextBlock Text="Suggestions"/>
|
|
</HyperlinkButton>
|
|
<HyperlinkButton Name="toComments" Click="toComments_Click" Foreground="White" Margin="0,0,10,0">
|
|
<TextBlock Text="Comments"/>
|
|
</HyperlinkButton>
|
|
</StackPanel>
|
|
</Grid>
|
|
|
|
<Pivot Grid.Row="1" Name="pivot" SelectedIndex="0" SelectionChanged="pivot_SelectionChanged">
|
|
<PivotItem Margin="0,-48,0,0">
|
|
<Grid Name="relatedGrid">
|
|
<ScrollViewer>
|
|
<StackPanel Name="relatedVideos"/>
|
|
</ScrollViewer>
|
|
</Grid>
|
|
</PivotItem>
|
|
<PivotItem Margin="0,-48,0,0" Name="commentsPlaceholder">
|
|
<pages:CommentsPage/>
|
|
</PivotItem>
|
|
</Pivot>
|
|
</Grid>
|
|
</Grid>
|
|
</Grid>
|
|
</Grid>
|
|
</Page>
|