Michael Gordeev
165 lines
11 KiB
XML
165 lines
11 KiB
XML
<Page
|
|
x:Class="FoxTube.MainPage"
|
|
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
|
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
|
|
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
|
|
mc:Ignorable="d"
|
|
xmlns:ui="using:Microsoft.UI.Xaml.Controls"
|
|
xmlns:controls="using:FoxTube.Controls">
|
|
|
|
<Grid Name="grid" Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
|
|
<VisualStateManager.VisualStateGroups>
|
|
<VisualStateGroup>
|
|
<VisualState>
|
|
<VisualState.StateTriggers>
|
|
<AdaptiveTrigger MinWindowWidth="{x:Bind nav.CompactModeThresholdWidth}"/>
|
|
</VisualState.StateTriggers>
|
|
<VisualState.Setters>
|
|
<Setter Target="Title.Margin" Value="0"/>
|
|
</VisualState.Setters>
|
|
</VisualState>
|
|
</VisualStateGroup>
|
|
</VisualStateManager.VisualStateGroups>
|
|
|
|
<Border x:Name="AppTitleBar"
|
|
IsHitTestVisible="True"
|
|
VerticalAlignment="Top"
|
|
Background="Transparent"
|
|
Canvas.ZIndex="1">
|
|
|
|
<TextBlock x:Name="AppTitle"
|
|
Text="FoxTube"
|
|
VerticalAlignment="Center"
|
|
Margin="12, 8, 0, 0"
|
|
Style="{StaticResource CaptionTextBlockStyle}" />
|
|
</Border>
|
|
|
|
<ui:NavigationView SelectedItem="toHome" BackRequested="Nav_BackRequested" PaneClosing="Nav_PaneClosing" PaneOpened="Nav_PaneOpened" OpenPaneLength="300" Name="nav" SelectionChanged="Nav_SelectionChanged">
|
|
<ui:NavigationView.Header>
|
|
<Grid>
|
|
<TextBlock Name="Title" Style="{StaticResource TitleTextBlockStyle}"/>
|
|
<StackPanel Orientation="Horizontal" HorizontalAlignment="Right">
|
|
<Button x:Uid="/Main/feedback" Name="feedback" Click="Feedback_Click" Visibility="Collapsed" FontFamily="Segoe MDL2 Assets" Content="" Background="Transparent" Height="41" Width="60" FontSize="15"/>
|
|
<Button x:Uid="/Main/signIn" Name="account" Click="SignIn_Click" Visibility="Collapsed" FontFamily="Segoe MDL2 Assets" Content="" Background="Transparent" Height="41" Width="60" FontSize="15"/>
|
|
<Button Background="Transparent" Visibility="Collapsed" Name="avatar" Height="41" Width="60" FontSize="15" Padding="0">
|
|
<Button.Flyout>
|
|
<Flyout>
|
|
<Grid Margin="-10">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="auto"/>
|
|
<ColumnDefinition/>
|
|
</Grid.ColumnDefinitions>
|
|
<PersonPicture Width="65" Name="avatarFlyout" VerticalAlignment="Top" Visibility="Collapsed"/>
|
|
<StackPanel Grid.Column="1" Margin="5" Visibility="Collapsed">
|
|
<TextBlock Name="myNameFlyout"/>
|
|
<TextBlock Style="{StaticResource CaptionTextBlockStyle}" Name="myEmail"/>
|
|
<HyperlinkButton x:Uid="/Main/signOut" Content="Log out" Click="Logout_Click"/>
|
|
</StackPanel>
|
|
<Grid Width="300">
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="60"/>
|
|
<RowDefinition/>
|
|
</Grid.RowDefinitions>
|
|
|
|
<Image Stretch="UniformToFill" MaxHeight="60" Source="https://yt3.ggpht.com/TckH7MhPH7UcxPnHeEj6R78xe1uOmrlHdUD1Usy7sr36xLDzl86NxAyfmDOIUrxl6kpiBgtKgA=w2276-fcrop64=1,00005a57ffffa5a8-nd-c0xffffffff-rj-k-no"/>
|
|
|
|
<Grid>
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="auto"/>
|
|
<ColumnDefinition/>
|
|
<ColumnDefinition Width="auto"/>
|
|
</Grid.ColumnDefinitions>
|
|
<Grid.Background>
|
|
<SolidColorBrush Color="Black" Opacity=".5"/>
|
|
</Grid.Background>
|
|
<PersonPicture HorizontalAlignment="Left" Margin="5" Height="50"/>
|
|
<StackPanel VerticalAlignment="Center" Grid.Column="1">
|
|
<TextBlock Text="Michael Gordeev" FontWeight="Bold"/>
|
|
<TextBlock Text="michael.xfox@outlook.com" Style="{StaticResource CaptionTextBlockStyle}"/>
|
|
</StackPanel>
|
|
<Button Grid.Column="2" Background="Transparent" Foreground="Red">
|
|
<FontIcon Glyph=""/>
|
|
</Button>
|
|
</Grid>
|
|
|
|
<ui:NavigationViewList Grid.Row="1">
|
|
<ui:NavigationViewItem Content="My channel" Icon="Contact"/>
|
|
<ui:NavigationViewItem Content="Upload a video" Icon="Upload" Tapped="NavigationViewItem_Tapped"/>
|
|
<ui:NavigationViewItemSeparator/>
|
|
<ui:NavigationViewItem>
|
|
<StackPanel Orientation="Horizontal" Padding="5" Margin="-5,0,0,0">
|
|
<PersonPicture Height="20" Margin="-5,0,15,0">
|
|
<PersonPicture.ProfilePicture>
|
|
<BitmapImage UriSource="https://yt3.ggpht.com/a/AGF-l7_hHK5yjEPhlM72Tmk26zoOVkNx88pWoZnFVQ=s240-mo-c-c0xffffffff-rj-k-no" DecodePixelHeight="20" DecodePixelWidth="20"/>
|
|
</PersonPicture.ProfilePicture>
|
|
</PersonPicture>
|
|
<TextBlock FontSize="14" Text="BadComedian"/>
|
|
</StackPanel>
|
|
</ui:NavigationViewItem>
|
|
<ui:NavigationViewItem Content="Add account" Icon="Add"/>
|
|
</ui:NavigationViewList>
|
|
</Grid>
|
|
</Grid>
|
|
</Flyout>
|
|
</Button.Flyout>
|
|
<Ellipse Width="25" Height="25">
|
|
<Ellipse.Fill>
|
|
<ImageBrush ImageSource="/Assets/Icons/profile.png"/>
|
|
</Ellipse.Fill>
|
|
</Ellipse>
|
|
</Button>
|
|
</StackPanel>
|
|
</Grid>
|
|
</ui:NavigationView.Header>
|
|
|
|
<ui:NavigationView.MenuItemTemplate>
|
|
<DataTemplate>
|
|
<StackPanel Orientation="Horizontal" Padding="5" Margin="-5,0,0,0" Tag="{Binding Snippet.ResourceId.ChannelId}">
|
|
<PersonPicture Height="20" Margin="-5,0,15,0">
|
|
<PersonPicture.ProfilePicture>
|
|
<BitmapImage UriSource="{Binding Snippet.Thumbnails.Medium.Url}" DecodePixelHeight="20" DecodePixelWidth="20"/>
|
|
</PersonPicture.ProfilePicture>
|
|
</PersonPicture>
|
|
<TextBlock FontSize="14" Text="{Binding Snippet.Title}"/>
|
|
</StackPanel>
|
|
</DataTemplate>
|
|
</ui:NavigationView.MenuItemTemplate>
|
|
|
|
<ui:NavigationView.MenuItems>
|
|
<ui:NavigationViewItem x:Uid="/Main/home" Icon="Home" Content="Home" Name="toHome"/>
|
|
<ui:NavigationViewItem x:Uid="/Main/myChannel" Icon="Contact" Content="My channel" Name="toChannel" Visibility="Collapsed"/>
|
|
<ui:NavigationViewItem x:Uid="/Main/subscriptions" Icon="People" Content="Subscriptions" Name="toSubscriptions" Visibility="Collapsed"/>
|
|
<ui:NavigationViewItemHeader x:Uid="/Main/myLibrary" FontSize="14" Content="My library" Name="libHeader" Visibility="Collapsed"/>
|
|
<ui:NavigationViewItem x:Uid="/Main/history" Content="History" Name="toHistory" Visibility="Collapsed">
|
|
<ui:NavigationViewItem.Icon>
|
|
<FontIcon Glyph=""/>
|
|
</ui:NavigationViewItem.Icon>
|
|
</ui:NavigationViewItem>
|
|
<ui:NavigationViewItem x:Uid="/Main/liked" Icon="Like" Content="Liked videos" Name="toLiked" Visibility="Collapsed"/>
|
|
<ui:NavigationViewItem x:Uid="/Main/later" Icon="Clock" Content="Watch later" Name="toLater" Visibility="Collapsed"/>
|
|
<ui:NavigationViewItem x:Uid="/Main/downloads" Icon="Download" Content="Downloads" Name="toDownloads"/>
|
|
<ui:NavigationViewItemHeader x:Uid="/Main/subscriptions" FontSize="14" Content="Subscriptions" Name="subsHeader" Visibility="Collapsed"/>
|
|
</ui:NavigationView.MenuItems>
|
|
|
|
<ui:NavigationView.PaneFooter>
|
|
<ui:NavigationViewItem Content="Remove ads" Visibility="Collapsed" Tapped="RemoveAds_Tapped" Name="removeAds">
|
|
<ui:NavigationViewItem.Icon>
|
|
<FontIcon Glyph=""/>
|
|
</ui:NavigationViewItem.Icon>
|
|
</ui:NavigationViewItem>
|
|
</ui:NavigationView.PaneFooter>
|
|
|
|
<ui:NavigationView.AutoSuggestBox>
|
|
<AutoSuggestBox x:Name="search" QueryIcon="Find" QuerySubmitted="Search_QuerySubmitted" TextChanged="Search_TextChanged" x:Uid="/Main/searchPlaceholder" PlaceholderText="Search"/>
|
|
</ui:NavigationView.AutoSuggestBox>
|
|
|
|
<Grid>
|
|
<controls:ContentFrame x:Name="content" Navigated="Content_Navigated"/>
|
|
<controls:ContentFrame x:Name="videoPlaceholder"/>
|
|
</Grid>
|
|
|
|
</ui:NavigationView>
|
|
</Grid>
|
|
</Page>
|