Michael Gordeev
121 lines
6.0 KiB
XML
121 lines
6.0 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"
|
|
xmlns:toolkit="using:Microsoft.Toolkit.Uwp.UI.Controls"
|
|
xmlns:models="using:FoxTube.Core.Models">
|
|
<Page.Background>
|
|
<AcrylicBrush BackgroundSource="HostBackdrop" TintColor="{ThemeResource SystemAltHighColor}" FallbackColor="{ThemeResource SystemAltHighColor}" TintOpacity=".5"/>
|
|
</Page.Background>
|
|
|
|
<Grid>
|
|
<Border x:Name="AppTitleBar"
|
|
VerticalAlignment="Top"
|
|
Background="Transparent"
|
|
Height="{Binding ElementName=NavigationViewControl, Path=CompactPaneLength}"
|
|
Canvas.ZIndex="1">
|
|
|
|
<TextBlock x:Name="AppTitle"
|
|
Text="FoxTube"
|
|
VerticalAlignment="Center"
|
|
Style="{StaticResource CaptionTextBlockStyle}" />
|
|
</Border>
|
|
|
|
<ui:NavigationView x:Name="NavigationViewControl"
|
|
IsTitleBarAutoPaddingEnabled="False"
|
|
DisplayModeChanged="NavigationView_DisplayModeChanged"
|
|
PaneClosing="NavigationView_PaneClosing"
|
|
PaneOpening="NavigationView_PaneOpening">
|
|
|
|
<ui:NavigationView.AutoSuggestBox>
|
|
<AutoSuggestBox QueryIcon="Find" PlaceholderText="Search YouTube..." TextChanged="AutoSuggestBox_TextChanged" QuerySubmitted="AutoSuggestBox_QuerySubmitted" TextMemberPath="Text">
|
|
<AutoSuggestBox.ItemTemplate>
|
|
<DataTemplate x:DataType="models:SearchSuggestion">
|
|
<Grid ColumnSpacing="10">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="auto"/>
|
|
<ColumnDefinition/>
|
|
</Grid.ColumnDefinitions>
|
|
|
|
<FontIcon Glyph="{Binding Icon}"/>
|
|
<TextBlock Grid.Column="1" TextTrimming="CharacterEllipsis" Text="{Binding Text}"/>
|
|
</Grid>
|
|
</DataTemplate>
|
|
</AutoSuggestBox.ItemTemplate>
|
|
</AutoSuggestBox>
|
|
</ui:NavigationView.AutoSuggestBox>
|
|
|
|
<ui:NavigationView.PaneFooter>
|
|
<ui:NavigationViewList>
|
|
<ui:NavigationViewItemSeparator/>
|
|
<ui:NavigationViewItem Icon="Shop" Content="Get Pro" x:Name="RemoveAds" Tapped="RemoveAds_Tapped"/>
|
|
</ui:NavigationViewList>
|
|
</ui:NavigationView.PaneFooter>
|
|
|
|
<ui:NavigationView.MenuItems>
|
|
<ui:NavigationViewItem Icon="Home" Content="Home"/>
|
|
<ui:NavigationViewItem Content="Subscriptions">
|
|
<ui:NavigationViewItem.Icon>
|
|
<FontIcon Glyph=""/>
|
|
</ui:NavigationViewItem.Icon>
|
|
</ui:NavigationViewItem>
|
|
|
|
<ui:NavigationViewItemHeader Content="Library"/>
|
|
|
|
<ui:NavigationViewItem Content="History">
|
|
<ui:NavigationViewItem.Icon>
|
|
<FontIcon Glyph=""/>
|
|
</ui:NavigationViewItem.Icon>
|
|
</ui:NavigationViewItem>
|
|
<ui:NavigationViewItem Content="Liked videos">
|
|
<ui:NavigationViewItem.Icon>
|
|
<FontIcon Glyph=""/>
|
|
</ui:NavigationViewItem.Icon>
|
|
</ui:NavigationViewItem>
|
|
<ui:NavigationViewItem Icon="Clock" Content="Watch later"/>
|
|
<ui:NavigationViewItem Icon="Download" Content="Downloads"/>
|
|
|
|
<ui:NavigationViewItemHeader Content="Subscriptions"/>
|
|
</ui:NavigationView.MenuItems>
|
|
|
|
<Grid>
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="Auto"/>
|
|
<RowDefinition/>
|
|
</Grid.RowDefinitions>
|
|
<Grid Margin="0,40,0,0" Padding="13,0" x:Name="headerGrid">
|
|
<TextBlock Style="{StaticResource TitleTextBlockStyle}" Text="Home" VerticalAlignment="Center"/>
|
|
<CommandBar HorizontalAlignment="Right" Background="Transparent" DefaultLabelPosition="Right">
|
|
<AppBarButton x:Name="LeaveFeedback" Click="LeaveFeedback_Click">
|
|
<AppBarButton.Icon>
|
|
<FontIcon Glyph="" Margin="0,0,-10,0"/>
|
|
</AppBarButton.Icon>
|
|
</AppBarButton>
|
|
<AppBarButton x:Name="refresh" Click="Refresh_Click" Visibility="Collapsed">
|
|
<AppBarButton.Icon>
|
|
<SymbolIcon Symbol="Refresh" Margin="0,0,-10,0"/>
|
|
</AppBarButton.Icon>
|
|
</AppBarButton>
|
|
<controls:AccountManager x:Name="AccountsSelector"/>
|
|
</CommandBar>
|
|
</Grid>
|
|
|
|
<Frame x:Name="content" Grid.Row="1" Navigated="Content_Navigated"/>
|
|
<Frame x:Name="video" Grid.Row="1" Visibility="Collapsed"/>
|
|
|
|
<toolkit:Loading IsLoading="False" x:Name="loading" VerticalContentAlignment="Center" Grid.RowSpan="2">
|
|
<toolkit:Loading.Background>
|
|
<AcrylicBrush BackgroundSource="HostBackdrop" TintColor="{ThemeResource SystemColorBackgroundColor}" TintOpacity=".5"/>
|
|
</toolkit:Loading.Background>
|
|
<ProgressRing Height="100" Width="100" IsActive="True"/>
|
|
</toolkit:Loading>
|
|
</Grid>
|
|
</ui:NavigationView>
|
|
</Grid>
|
|
</Page>
|