From 4bedece70d6f896bad560e595085549db966e814 Mon Sep 17 00:00:00 2001
From: Michael Gordeev <mikhailagord@gmail.com>
Date: Mon, 14 May 2018 20:00:39 +0300
Subject: [PATCH] Channel page 50%

---
 FoxTube/App.xaml                 |   4 +
 FoxTube/Channel.xaml             | 157 ++++++++++++++++++++++++++++---
 FoxTube/Channel.xaml.cs          | 140 ++++++++++++++++++++++++++-
 FoxTube/ChannelCard.xaml.cs      |  23 +----
 FoxTube/ChannelVideos.xaml       |  36 -------
 FoxTube/ChannelVideos.xaml.cs    |  31 ------
 FoxTube/FoxTube.csproj           |  21 -----
 FoxTube/MainFrame.xaml           |  16 ----
 FoxTube/MainFrame.xaml.cs        |  30 ------
 FoxTube/MainPage.xaml            |  72 +-------------
 FoxTube/MainPage.xaml.cs         |   8 ++
 FoxTube/PlaylistCardWide.xaml    |   4 +-
 FoxTube/PlaylistCardWide.xaml.cs |  36 ++++---
 FoxTube/VideoCardWide.xaml       |   4 +-
 FoxTube/VideoCardWide.xaml.cs    |  11 ++-
 FoxTube/VideoList.xaml           |  17 ----
 FoxTube/VideoList.xaml.cs        |  30 ------
 17 files changed, 342 insertions(+), 298 deletions(-)
 delete mode 100644 FoxTube/ChannelVideos.xaml
 delete mode 100644 FoxTube/ChannelVideos.xaml.cs
 delete mode 100644 FoxTube/MainFrame.xaml
 delete mode 100644 FoxTube/MainFrame.xaml.cs
 delete mode 100644 FoxTube/VideoList.xaml
 delete mode 100644 FoxTube/VideoList.xaml.cs

diff --git a/FoxTube/App.xaml b/FoxTube/App.xaml
index 3449269..6115628 100644
--- a/FoxTube/App.xaml
+++ b/FoxTube/App.xaml
@@ -18,6 +18,10 @@
             <Setter Property="Margin" Value="0,2,0,0"/>
         </Style>
 
+        <Style TargetType="HyperlinkButton" x:Key="Pivot">
+            
+        </Style>
+
         <!--<Style x:Key="MenuItemStyle1" TargetType="ListViewItem">
             <Setter Property="Template">
                 <Setter.Value>
diff --git a/FoxTube/Channel.xaml b/FoxTube/Channel.xaml
index befdf9d..ad2768d 100644
--- a/FoxTube/Channel.xaml
+++ b/FoxTube/Channel.xaml
@@ -11,28 +11,161 @@
         <Grid.RowDefinitions>
             <RowDefinition Height="47"/>
             <RowDefinition Height="*"/>
-            <RowDefinition Height="75"/>
         </Grid.RowDefinitions>
-        <Grid Grid.Row="0" Background="Red">
-            <StackPanel Orientation="Horizontal">
-                <HyperlinkButton Content="Videos" Foreground="White" Margin="10,8,10,10"/>
-                <HyperlinkButton Content="Playlists" Foreground="White" Margin="10,8,10,10"/>
-                <HyperlinkButton Content="Community" Foreground="White" Margin="10,8,10,10"/>
-                <HyperlinkButton Content="Channels" Foreground="White" Margin="10,8,10,10"/>
-                <HyperlinkButton Content="About channel" Foreground="White" FontStyle="Normal" Margin="10,8,10,10"/>
+        <Grid Grid.Row="0" Background="Red" Name="navigationPane" Visibility="Visible">
+            <StackPanel Orientation="Horizontal" Margin="10,0,10,0">
+                <HyperlinkButton Name="toVideos" Click="toVideos_Click" Foreground="White" Margin="0,0,10,0">
+                    <TextBlock Text="Videos"/>
+                </HyperlinkButton>
+                <HyperlinkButton Foreground="White" Margin="0,0,10,0" Name="toPlaylists" Click="toPlaylists_Click">
+                    <TextBlock Text="Playlists"/>
+                </HyperlinkButton>
+                <HyperlinkButton Foreground="White" Margin="0,0,10,0" Name="toCommunity" Click="toCommunity_Click">
+                    <TextBlock Text="Community"/>
+                </HyperlinkButton>
+                <HyperlinkButton Foreground="White" Margin="0,0,10,0" Name="toChannels" Click="toChannels_Click">
+                    <TextBlock Text="Channels"/>
+                </HyperlinkButton>
+                <HyperlinkButton Foreground="White" Margin="0,0,10,0" Name="toAbout" Click="toAbout_Click">
+                    <TextBlock Text="About channel"/>
+                </HyperlinkButton>
                 <TextBox Name="searchField" ToolTipService.ToolTip="Search on channel" Margin="4" Width="350" Height="47" Padding="10,10,5,0" PlaceholderText="Search on channel" BorderThickness="0" Background="#7FFFFFFF"/>
-                <Button Name="searchButton" HorizontalAlignment="Right"
+                <Button Name="searchButton" HorizontalAlignment="Right" Click="searchButton_Click"
                         Width="39" Height="39" Margin="0" Padding="1"
                         RelativePanel.AlignRightWithPanel="True" 
                         Background="Transparent"
                         FontFamily="Segoe MDL2 Assets" Content="&#xE11A;" FontSize="20" FocusVisualSecondaryBrush="#66FFFFFF" FocusVisualPrimaryBrush="White" Foreground="White"/>
             </StackPanel>
         </Grid>
-        <Frame Grid.Row="1" Name="content"/>
-        <CommandBar Grid.Row="2" VerticalAlignment="Bottom">
+        <ScrollViewer Grid.Row="1">
+            <Pivot SelectedIndex="0" Name="content">
+                <PivotItem Margin="0,-48,0,0">
+                    <Grid>
+                        <Grid.RowDefinitions>
+                            <RowDefinition MinHeight="50" MaxHeight="310"/>
+                            <RowDefinition Height="75"/>
+                            <RowDefinition Height="*"/>
+                        </Grid.RowDefinitions>
+                        <Image Grid.Row="0" Name="channelCover" Width="1920"  Source="Assets/ChannelCoverTemplate.png"/>
+                        <Grid Grid.Row="1">
+                            <Grid.ColumnDefinitions>
+                                <ColumnDefinition Width="120"/>
+                                <ColumnDefinition Width="*"/>
+                                <ColumnDefinition Width="250"/>
+                                <ColumnDefinition Width="60"/>
+                            </Grid.ColumnDefinitions>
+                            <PersonPicture Name="avatar" Grid.Column="0" HorizontalAlignment="Left" Margin="10,-40,0,0" ProfilePicture="Assets/LogoAvatar.png"/>
+                            <StackPanel Grid.Column="1" Orientation="Vertical" Margin="10,0,0,0">
+                                <TextBlock Name="title" FontWeight="SemiBold" FontSize="22" Text="Channel name"/>
+                                <TextBlock Name="subscribers" Foreground="Gray" Text="1,000,000 subscribers"/>
+                                <TextBlock Name="videosCount" Foreground="Gray" Text="563,000 videos"/>
+                            </StackPanel>
+                            <ToggleButton Grid.Column="2" Height="50" Width="250" Background="Red" Foreground="White" FontSize="18" FontWeight="SemiBold" Content="Subscirbe"/>
+                            <ToggleButton Grid.Column="3" Height="50" Width="50" FontFamily="Segoe MDL2 Assets" FontSize="18" FontWeight="SemiBold" Content="" Foreground="White" Background="Red"/>
+                            <!--&#xE781;&#xE93E;&#xEDAC;-->
+                        </Grid>
+                        <StackPanel Name="videos">
+                            
+                        </StackPanel>
+                    </Grid>
+                </PivotItem>
+                <PivotItem Margin="0,-48,0,0">
+                    <Grid Padding="10">
+                        <ProgressRing Name="playlistRing" Width="100" Height="100" Foreground="Red" IsActive="True"/>
+                        <StackPanel Visibility="Collapsed" Name="playlistPane">
+                            <TextBlock FontSize="28" Text="Playlists"/>
+                            <StackPanel Name="playlists">
+
+                            </StackPanel>
+                        </StackPanel>
+                    </Grid>
+                </PivotItem>
+                <PivotItem Margin="0,-48,0,0">
+                    <StackPanel Padding="10">
+                        <TextBlock FontSize="28" Text="Community"/>
+                        <StackPanel Name="community">
+
+                        </StackPanel>
+                    </StackPanel>
+                </PivotItem>
+                <PivotItem Margin="0,-48,0,0">
+                    <StackPanel Padding="10">
+                        <TextBlock FontSize="28" Text="Featured channels"/>
+                        <StackPanel Name="channels">
+
+                        </StackPanel>
+                    </StackPanel>
+                </PivotItem>
+                <PivotItem Margin="0,-48,0,0">
+                    <StackPanel Visibility="Visible" Margin="10">
+                        <TextBlock FontSize="28" Text="About this channel"/>
+                        <Grid>
+                            <Grid.ColumnDefinitions>
+                                <ColumnDefinition Width="3*"/>
+                                <ColumnDefinition/>
+                            </Grid.ColumnDefinitions>
+                            <StackPanel Margin="10">
+                                <TextBlock FontSize="24" Text="Description"/>
+                                <Line Stroke="Black" Y1="0" Y2="0" StrokeThickness="2" X2="2000"/>
+                                <TextBlock Name="description" Margin="0,10,0,0" TextWrapping="WrapWholeWords" IsTextSelectionEnabled="True"/>
+                                <!--<TextBlock FontSize="24" Text="Links" Margin="0,10,0,0"/>
+                                    <Line Stroke="Black" Y1="0" Y2="0" StrokeThickness="2" X2="2000"/>
+                                    <StackPanel Name="links">
+                        
+                                    </StackPanel>-->
+                            </StackPanel>
+                            <StackPanel Grid.Column="1" Margin="10">
+                                <TextBlock FontSize="24" Text="Statistics"/>
+                                <Line Stroke="Black" Y1="0" Y2="0" StrokeThickness="2" X2="2000"/>
+
+                                <StackPanel Margin="5">
+                                    <Grid>
+                                        <TextBlock Text="Registration date:"/>
+                                        <TextBlock Name="registration" Text="13-May-18" HorizontalAlignment="Right"/>
+                                    </Grid>
+                                    <Line Stroke="Black" Y1="0" Y2="0" StrokeThickness="2" X2="2000"/>
+                                </StackPanel>
+                                <StackPanel Margin="5">
+                                    <Grid>
+                                        <TextBlock Text="Views"/>
+                                        <TextBlock Name="views" Text="1885510485" HorizontalAlignment="Right"/>
+                                    </Grid>
+                                    <Line Stroke="Black" Y1="0" Y2="0" StrokeThickness="2" X2="2000"/>
+                                </StackPanel>
+
+                                <Button Content="Send a message" Margin="5" HorizontalAlignment="Right"/>
+                            </StackPanel>
+                        </Grid>
+                    </StackPanel>
+                </PivotItem>
+                <PivotItem Margin="0,-48,0,0">
+                    <Grid Padding="10">
+                        <ProgressRing Name="searchRing" HorizontalAlignment="Center" VerticalAlignment="Center" IsActive="True" Foreground="Red" Width="100" Height="100"/>
+                        <StackPanel Orientation="Vertical" Margin="10" Visibility="Visible" Name="displaying">
+                            <StackPanel Orientation="Horizontal">
+                                <TextBlock Text="Search results for: " FontSize="28"/>
+                                <TextBlock Name="searchTerm" Text="[searchTerm]" FontSize="28" Margin="10,0,0,0"/>
+                                <TextBlock Text="from" FontSize="28" Margin="10,0,0,0"/>
+                                <TextBlock Name="searchChannel" Text="[channelName]" FontSize="28" Margin="10,0,0,0"/>
+                            </StackPanel>
+                            <StackPanel Orientation="Horizontal">
+                                <TextBlock Text="Found:" FontSize="14" Foreground="Gray" Margin="0,-5,0,10"/>
+                                <TextBlock Name="resultsCount" Text="[resultsCount]" FontSize="14" Foreground="Gray" Margin="5,-5,0,10"/>
+                                <TextBlock Text="items" FontSize="14" Foreground="Gray" Margin="5,-5,0,10"/>
+                            </StackPanel>
+                            <HyperlinkButton Content="Show filters &#xE71C;" FontFamily="Default, Segoe MDL2 Assets" FontSize="18" Visibility="Collapsed"/>
+                            <StackPanel Name="resultsList" Orientation="Vertical">
+
+                            </StackPanel>
+                        </StackPanel>
+                    </Grid>
+                </PivotItem>
+            </Pivot>
+        </ScrollViewer>
+        <CommandBar Grid.Row="1" VerticalAlignment="Bottom" Name="commandBar">
             <AppBarToggleButton Icon="Favorite" Label="Add to bookmarks"/>
             <AppBarToggleButton Icon="Refresh" Label="Refresh"/>
-            <AppBarButton Icon="Flag" Label="Report" ToolTipService.ToolTip="Report this channel"/>
+            <AppBarButton Icon="Flag" Label="Report this channel"/>
         </CommandBar>
     </Grid>
 </Page>
diff --git a/FoxTube/Channel.xaml.cs b/FoxTube/Channel.xaml.cs
index d7155dd..caf26c7 100644
--- a/FoxTube/Channel.xaml.cs
+++ b/FoxTube/Channel.xaml.cs
@@ -13,6 +13,11 @@ using Windows.UI.Xaml.Input;
 using Windows.UI.Xaml.Media;
 using Windows.UI.Xaml.Navigation;
 
+using Google.Apis.Services;
+using Google.Apis.YouTube.v3;
+using Google.Apis.YouTube.v3.Data;
+using Windows.UI.Xaml.Media.Imaging;
+
 // The Blank Page item template is documented at https://go.microsoft.com/fwlink/?LinkId=234238
 
 namespace FoxTube
@@ -22,10 +27,143 @@ namespace FoxTube
     /// </summary>
     public sealed partial class Channel : Page
     {
+        public string channelId;
+        public Google.Apis.YouTube.v3.Data.Channel item;
         public Channel()
         {
             this.InitializeComponent();
-            content.Navigate(typeof(ChannelVideos));
+        }
+
+        private void toAbout_Click(object sender, RoutedEventArgs e)
+        {
+            content.SelectedIndex = 4;
+        }
+
+        public async void Initialize(string id)
+        {
+            channelId = id;
+
+            YouTubeService ytService = new YouTubeService(new BaseClientService.Initializer()
+            {
+                ApiKey = "AIzaSyBgHrCnrlzlVmk0cJKL8RqP9Y8x6XSuk_0",
+                ApplicationName = this.GetType().ToString()
+            });
+
+            ChannelsResource.ListRequest request = ytService.Channels.List("snippet,contentDetails,statistics,brandingSettings");
+            request.Id = id;
+            ChannelListResponse response = await request.ExecuteAsync();
+
+            item = response.Items[0];
+
+            title.Text = item.Snippet.Title;
+            subscribers.Text = item.Statistics.SubscriberCount + " subscribers";
+            videosCount.Text = item.Statistics.VideoCount + " videos";
+
+            channelCover.Source = new BitmapImage(new Uri(item.BrandingSettings.Image.BannerImageUrl));
+            avatar.ProfilePicture = new BitmapImage(new Uri(item.Snippet.Thumbnails.Medium.Url));
+
+            description.Text = item.Snippet.Description;
+            views.Text = item.Statistics.ViewCount.ToString();
+            registration.Text = item.Snippet.PublishedAt.ToString();
+        }
+
+        private void toVideos_Click(object sender, RoutedEventArgs e)
+        {
+            content.SelectedIndex = 0;
+        }
+
+        private async void toPlaylists_Click(object sender, RoutedEventArgs e)
+        {
+            content.SelectedIndex = 1;
+
+            if(playlists.Children.Count == 0)
+            {
+                YouTubeService ytService = new YouTubeService(new BaseClientService.Initializer()
+                {
+                    ApiKey = "AIzaSyBgHrCnrlzlVmk0cJKL8RqP9Y8x6XSuk_0",
+                    ApplicationName = this.GetType().ToString()
+                });
+
+                PlaylistsResource.ListRequest request = ytService.Playlists.List("snippet,contentDetails");
+                request.MaxResults = 25;
+                request.ChannelId = channelId;
+                PlaylistListResponse response = await request.ExecuteAsync();
+
+                foreach (Playlist playlist in response.Items)
+                {
+                    PlaylistCardWide playlistCard = new PlaylistCardWide(playlist.Id, true);
+                    playlists.Children.Add(playlistCard);
+                }
+
+                playlistRing.IsActive = false;
+                playlistPane.Visibility = Visibility.Visible;
+            }
+        }
+
+        private void toCommunity_Click(object sender, RoutedEventArgs e)
+        {
+            content.SelectedIndex = 2;
+        }
+
+        private void toChannels_Click(object sender, RoutedEventArgs e)
+        {
+            content.SelectedIndex = 3;
+        }
+
+        private async void searchButton_Click(object sender, RoutedEventArgs e)
+        {
+            content.SelectedIndex = 5;
+
+            YouTubeService ytService = new YouTubeService(new BaseClientService.Initializer()
+            {
+                ApiKey = "AIzaSyBgHrCnrlzlVmk0cJKL8RqP9Y8x6XSuk_0",
+                ApplicationName = this.GetType().ToString()
+            });
+
+            var searchListRequest = ytService.Search.List("snippet");
+            searchListRequest.Q = searchField.Text;
+            searchListRequest.MaxResults = 25;
+
+            var response = await searchListRequest.ExecuteAsync();
+
+            SetResults(searchField.Text, (int)response.PageInfo.TotalResults);
+            foreach (SearchResult result in response.Items)
+                AddItem(result);
+            searchRing.IsActive = false;
+            displaying.Visibility = Visibility.Visible;
+        }
+
+        public void SetResults(string keyword, int count)
+        {
+            searchTerm.Text = keyword;
+            if (count == 1000000)
+                resultsCount.Text = count + "+";
+            else
+                resultsCount.Text = count.ToString();
+        }
+
+        public void AddItem(SearchResult result)
+        {
+            switch (result.Id.Kind)
+            {
+                case "youtube#video":
+                    VideoCardWide vCard = new VideoCardWide(result.Id.VideoId);
+                    resultsList.Children.Add(vCard);
+                    break;
+
+                case "youtube#channel":
+                    ChannelCard cCard = new ChannelCard(result.Id.ChannelId, result.Snippet.LiveBroadcastContent);
+                    resultsList.Children.Add(cCard);
+                    break;
+
+                case "youtube#playlist":
+                    PlaylistCardWide pCard = new PlaylistCardWide(result.Id.PlaylistId);
+                    resultsList.Children.Add(pCard);
+                    break;
+
+                default:
+                    break;
+            }
         }
     }
 }
diff --git a/FoxTube/ChannelCard.xaml.cs b/FoxTube/ChannelCard.xaml.cs
index 601bc8e..566182b 100644
--- a/FoxTube/ChannelCard.xaml.cs
+++ b/FoxTube/ChannelCard.xaml.cs
@@ -46,6 +46,8 @@ namespace FoxTube
 
             var item = response.Items[0];
 
+            channelId = id;
+
             channelName.Text = item.Snippet.Title;
             subscribers.Text = string.Format("{0} subscribers", item.Statistics.SubscriberCount);
             videoCount.Text = string.Format("{0} videos", item.Statistics.VideoCount);
@@ -55,26 +57,11 @@ namespace FoxTube
                 liveTag.Visibility = Visibility.Visible;
         }
 
-        public void AddInfo(string name, int videos, string avatarUrl, string channelUrl, int subs, Visibility live, bool logged)
-        {
-            channelName.Text = name;
-            videoCount.Text = string.Format("{0} videos", videos);
-            
-            avatar.ProfilePicture = new BitmapImage(new Uri(avatarUrl));
-            
-            subscribers.Text = string.Format("{0} subscribers", subs);
-
-            channelId = channelUrl;
-            liveTag.Visibility = live;
-
-            if (!logged)
-                subscriptionPane.Visibility = Visibility.Collapsed;
-        }
-
         private void Button_Click(object sender, RoutedEventArgs e)
         {
-            /*Debug.WriteLine(channelId);
-            Process.Start(channelId);*/
+            Frame root = Window.Current.Content as Frame;
+            MainPage main = root.Content as MainPage;
+            main.GoToChannel(channelId);
         }
     }
 }
diff --git a/FoxTube/ChannelVideos.xaml b/FoxTube/ChannelVideos.xaml
deleted file mode 100644
index 6d2d1ee..0000000
--- a/FoxTube/ChannelVideos.xaml
+++ /dev/null
@@ -1,36 +0,0 @@
-<Page
-    x:Class="FoxTube.ChannelVideos"
-    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">
-
-    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
-        <Grid.RowDefinitions>
-            <RowDefinition MinHeight="50" MaxHeight="310"/>
-            <RowDefinition Height="75"/>
-            <RowDefinition Height="*"/>
-        </Grid.RowDefinitions>
-        <Image Grid.Row="0" Name="ChannelCover" Width="1920"  Source="Assets/ChannelCoverTemplate.png"/>
-        <Grid Grid.Row="1">
-            <Grid.ColumnDefinitions>
-                <ColumnDefinition Width="120"/>
-                <ColumnDefinition Width="*"/>
-                <ColumnDefinition Width="250"/>
-                <ColumnDefinition Width="60"/>
-            </Grid.ColumnDefinitions>
-            <PersonPicture Grid.Column="0" HorizontalAlignment="Left" Margin="10,-40,0,0" ProfilePicture="Assets/LogoAvatar.png"/>
-            <StackPanel Grid.Column="1" Orientation="Vertical" Margin="10,0,0,0">
-                <TextBlock FontWeight="SemiBold" FontSize="22" Text="Channel name"/>
-                <TextBlock Foreground="Gray" Text="1,000,000 subscribers"/>
-                <TextBlock Foreground="Gray" Text="563,000 videos"/>
-            </StackPanel>
-            <ToggleButton Grid.Column="2" Height="50" Width="250" Background="Red" Foreground="White" FontSize="18" FontWeight="SemiBold" Content="Subscirbe"/>
-            <ToggleButton Grid.Column="3" Height="50" Width="50" FontFamily="Segoe MDL2 Assets" FontSize="18" FontWeight="SemiBold" Content="" Foreground="White" Background="Red"/>
-            <!--&#xE781;&#xE93E;&#xEDAC;-->
-        </Grid>
-        <Frame Name="content" Grid.Row="2"/>
-    </Grid>
-</Page>
diff --git a/FoxTube/ChannelVideos.xaml.cs b/FoxTube/ChannelVideos.xaml.cs
deleted file mode 100644
index 345b726..0000000
--- a/FoxTube/ChannelVideos.xaml.cs
+++ /dev/null
@@ -1,31 +0,0 @@
-using System;
-using System.Collections.Generic;
-using System.IO;
-using System.Linq;
-using System.Runtime.InteropServices.WindowsRuntime;
-using Windows.Foundation;
-using Windows.Foundation.Collections;
-using Windows.UI.Xaml;
-using Windows.UI.Xaml.Controls;
-using Windows.UI.Xaml.Controls.Primitives;
-using Windows.UI.Xaml.Data;
-using Windows.UI.Xaml.Input;
-using Windows.UI.Xaml.Media;
-using Windows.UI.Xaml.Navigation;
-
-// The Blank Page item template is documented at https://go.microsoft.com/fwlink/?LinkId=234238
-
-namespace FoxTube
-{
-    /// <summary>
-    /// An empty page that can be used on its own or navigated to within a Frame.
-    /// </summary>
-    public sealed partial class ChannelVideos : Page
-    {
-        public ChannelVideos()
-        {
-            this.InitializeComponent();
-            content.Navigate(typeof(VideoGrid));
-        }
-    }
-}
diff --git a/FoxTube/FoxTube.csproj b/FoxTube/FoxTube.csproj
index 9348a4f..a429d15 100644
--- a/FoxTube/FoxTube.csproj
+++ b/FoxTube/FoxTube.csproj
@@ -104,9 +104,6 @@
     <Compile Include="ChannelCard.xaml.cs">
       <DependentUpon>ChannelCard.xaml</DependentUpon>
     </Compile>
-    <Compile Include="ChannelVideos.xaml.cs">
-      <DependentUpon>ChannelVideos.xaml</DependentUpon>
-    </Compile>
     <Compile Include="Feedback.xaml.cs">
       <DependentUpon>Feedback.xaml</DependentUpon>
     </Compile>
@@ -116,9 +113,6 @@
     <Compile Include="Home.xaml.cs">
       <DependentUpon>Home.xaml</DependentUpon>
     </Compile>
-    <Compile Include="MainFrame.xaml.cs">
-      <DependentUpon>MainFrame.xaml</DependentUpon>
-    </Compile>
     <Compile Include="MainPage.xaml.cs">
       <DependentUpon>MainPage.xaml</DependentUpon>
     </Compile>
@@ -148,9 +142,6 @@
     <Compile Include="VideoGrid.xaml.cs">
       <DependentUpon>VideoGrid.xaml</DependentUpon>
     </Compile>
-    <Compile Include="VideoList.xaml.cs">
-      <DependentUpon>VideoList.xaml</DependentUpon>
-    </Compile>
     <Compile Include="VideoPlayer.xaml.cs">
       <DependentUpon>VideoPlayer.xaml</DependentUpon>
     </Compile>
@@ -234,10 +225,6 @@
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
     </Page>
-    <Page Include="ChannelVideos.xaml">
-      <SubType>Designer</SubType>
-      <Generator>MSBuild:Compile</Generator>
-    </Page>
     <Page Include="Feedback.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
@@ -250,10 +237,6 @@
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
     </Page>
-    <Page Include="MainFrame.xaml">
-      <SubType>Designer</SubType>
-      <Generator>MSBuild:Compile</Generator>
-    </Page>
     <Page Include="MainPage.xaml">
       <Generator>MSBuild:Compile</Generator>
       <SubType>Designer</SubType>
@@ -290,10 +273,6 @@
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
     </Page>
-    <Page Include="VideoList.xaml">
-      <SubType>Designer</SubType>
-      <Generator>MSBuild:Compile</Generator>
-    </Page>
     <Page Include="VideoPlayer.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
diff --git a/FoxTube/MainFrame.xaml b/FoxTube/MainFrame.xaml
deleted file mode 100644
index b095f5e..0000000
--- a/FoxTube/MainFrame.xaml
+++ /dev/null
@@ -1,16 +0,0 @@
-<Page
-    x:Class="FoxTube.MainFrame"
-    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">
-
-    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
-        <Grid Height="50" VerticalAlignment="Top" Background="Red">
-            <Button Content="&#xE700;" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Background="#00000000" FontFamily="Segoe MDL2 Assets" FontSize="20" Foreground="White" Margin="0,0,1870,0" RenderTransformOrigin="0,0"/>
-        </Grid>
-
-    </Grid>
-</Page>
diff --git a/FoxTube/MainFrame.xaml.cs b/FoxTube/MainFrame.xaml.cs
deleted file mode 100644
index 88a2dfa..0000000
--- a/FoxTube/MainFrame.xaml.cs
+++ /dev/null
@@ -1,30 +0,0 @@
-using System;
-using System.Collections.Generic;
-using System.IO;
-using System.Linq;
-using System.Runtime.InteropServices.WindowsRuntime;
-using Windows.Foundation;
-using Windows.Foundation.Collections;
-using Windows.UI.Xaml;
-using Windows.UI.Xaml.Controls;
-using Windows.UI.Xaml.Controls.Primitives;
-using Windows.UI.Xaml.Data;
-using Windows.UI.Xaml.Input;
-using Windows.UI.Xaml.Media;
-using Windows.UI.Xaml.Navigation;
-
-// The Blank Page item template is documented at https://go.microsoft.com/fwlink/?LinkId=234238
-
-namespace FoxTube
-{
-    /// <summary>
-    /// An empty page that can be used on its own or navigated to within a Frame.
-    /// </summary>
-    public sealed partial class MainFrame : Page
-    {
-        public MainFrame()
-        {
-            this.InitializeComponent();
-        }
-    }
-}
diff --git a/FoxTube/MainPage.xaml b/FoxTube/MainPage.xaml
index 7ae3e73..02212a4 100644
--- a/FoxTube/MainPage.xaml
+++ b/FoxTube/MainPage.xaml
@@ -107,82 +107,14 @@
                         RelativePanel.AlignRightWithPanel="True" 
                         Background="Transparent"
                         FontFamily="Segoe MDL2 Assets" Content="&#xE11A;" FontSize="20" Foreground="Black"/>
-            <Popup Margin="0,50,0,0" Grid.Column="9" Name="searchSuggestions" IsOpen="True" Visibility="Visible">
+            <Popup Margin="0,50,0,0" Grid.Column="9" Name="searchSuggestions" IsOpen="True" Visibility="Collapsed">
                 <StackPanel Background="WhiteSmoke" Width="350">
                     <StackPanel Width="350" Name="searchStandby" Visibility="Visible" Margin="10">
                         <TextBlock Text="Loading results... Please, wait."/>
                         <ProgressBar IsIndeterminate="True"/>
                     </StackPanel>
                     <ListBox Name="searchSuggestionsList" Visibility="Visible" SelectionChanged="searchSuggestionsList_SelectionChanged">
-                        <ListBoxItem Content="Suggestion"/>
-                        <ListBoxItem Content="S1"/>
-                        <ListBoxItem Content="S2"/>
-                        <ListBoxItem Height="35" Padding="0" Visibility="Visible">
-                            <StackPanel Orientation="Horizontal">
-                                <TextBlock Style="{StaticResource ItemIcon}" Text="&#xE728;"/>
-                                <TextBlock Style="{StaticResource MenuItem}"  Text="Suggestion 0" Name="t0"/>
-                            </StackPanel>
-                        </ListBoxItem>
-                        <ListBoxItem Height="35" Padding="0" Visibility="Collapsed">
-                            <StackPanel Orientation="Horizontal">
-                                <TextBlock Style="{StaticResource ItemIcon}" Text="&#xE728;"/>
-                                <TextBlock Style="{StaticResource MenuItem}"  Text="Suggestion 1" Name="t1"/>
-                            </StackPanel>
-                        </ListBoxItem>
-                        <ListBoxItem Height="35" Padding="0" Visibility="Collapsed">
-                            <StackPanel Orientation="Horizontal">
-                                <TextBlock Style="{StaticResource ItemIcon}" Text="&#xE728;"/>
-                                <TextBlock Style="{StaticResource MenuItem}"  Text="Suggestion 2" Name="t2"/>
-                            </StackPanel>
-                        </ListBoxItem>
-                        <ListBoxItem Height="35" Padding="0" Visibility="Collapsed">
-                            <StackPanel Orientation="Horizontal">
-                                <TextBlock Style="{StaticResource ItemIcon}" Text="&#xE728;"/>
-                                <TextBlock Style="{StaticResource MenuItem}"  Text="Suggestion 3" Name="t3"/>
-                            </StackPanel>
-                        </ListBoxItem>
-                        <ListBoxItem Height="35" Padding="0" Visibility="Collapsed">
-                            <StackPanel Orientation="Horizontal">
-                                <TextBlock Style="{StaticResource ItemIcon}" Text="&#xE728;"/>
-                                <TextBlock Style="{StaticResource MenuItem}"  Text="Suggestion 4" Name="t4"/>
-                            </StackPanel>
-                        </ListBoxItem>
-                        <ListBoxItem Padding="0" IsEnabled="False">
-                            <StackPanel Orientation="Horizontal">
-                                <TextBlock Text="Previous requests" Foreground="Gray" FontSize="12" Margin="0" Padding="0, 0, 5, 0"/>
-                                <Line X1="0" Y1="10" X2="250" Y2="10" Stroke="Gray" StrokeThickness="2"/>
-                            </StackPanel>
-                        </ListBoxItem>
-                        <ListBoxItem Height="35" Padding="0" Visibility="Collapsed">
-                            <StackPanel Orientation="Horizontal">
-                                <TextBlock Style="{StaticResource ItemIcon}" Text="&#xE81C;"/>
-                                <TextBlock Style="{StaticResource MenuItem}"  Text="Suggestion 6" Name="t6"/>
-                            </StackPanel>
-                        </ListBoxItem>
-                        <ListBoxItem Height="35" Padding="0" Visibility="Collapsed">
-                            <StackPanel Orientation="Horizontal">
-                                <TextBlock Style="{StaticResource ItemIcon}" Text="&#xE81C;"/>
-                                <TextBlock Style="{StaticResource MenuItem}"  Text="Suggestion 7" Name="t7"/>
-                            </StackPanel>
-                        </ListBoxItem>
-                        <ListBoxItem Height="35" Padding="0" Visibility="Collapsed">
-                            <StackPanel Orientation="Horizontal">
-                                <TextBlock Style="{StaticResource ItemIcon}" Text="&#xE81C;"/>
-                                <TextBlock Style="{StaticResource MenuItem}"  Text="Suggestion 8" Name="t8"/>
-                            </StackPanel>
-                        </ListBoxItem>
-                        <ListBoxItem Height="35" Padding="0" Visibility="Collapsed">
-                            <StackPanel Orientation="Horizontal">
-                                <TextBlock Style="{StaticResource ItemIcon}" Text="&#xE81C;"/>
-                                <TextBlock Style="{StaticResource MenuItem}"  Text="Suggestion 9" Name="t9"/>
-                            </StackPanel>
-                        </ListBoxItem>
-                        <ListBoxItem Height="35" Padding="0" Visibility="Collapsed">
-                            <StackPanel Orientation="Horizontal">
-                                <TextBlock Style="{StaticResource ItemIcon}" Text="&#xE81C;"/>
-                                <TextBlock Style="{StaticResource MenuItem}"  Text="Suggestion 10" Name="t10"/>
-                            </StackPanel>
-                        </ListBoxItem>
+                        
                     </ListBox>
                 </StackPanel>
             </Popup>
diff --git a/FoxTube/MainPage.xaml.cs b/FoxTube/MainPage.xaml.cs
index 78d6aab..00f6e08 100644
--- a/FoxTube/MainPage.xaml.cs
+++ b/FoxTube/MainPage.xaml.cs
@@ -563,5 +563,13 @@ namespace FoxTube
                 searchButton_Click(this, null);
             }
         }
+
+        public void GoToChannel(string id)
+        {
+            headerText.Text = "Channel overview";
+            content.Navigate(typeof(Channel));
+            Channel page = content.Content as Channel;
+            page.Initialize(id);
+        }
     }
 }
diff --git a/FoxTube/PlaylistCardWide.xaml b/FoxTube/PlaylistCardWide.xaml
index 1b9b78a..04b0647 100644
--- a/FoxTube/PlaylistCardWide.xaml
+++ b/FoxTube/PlaylistCardWide.xaml
@@ -33,7 +33,7 @@
                     <TextBlock Name="title" TextWrapping="WrapWholeWords" Text="Subnautica - SAY GOODBYE TO SUBNAUTICA! We're Back Home! - Subnautica Ending (Full Release Gameplay)" FontSize="20" MaxLines="2"/>
                     <TextBlock Name="info" Text="09-May-18 18:31 | 30 videos" Foreground="Gray"/>
                  </StackPanel>
-                <Grid Grid.Row="1">
+                <Grid Grid.Row="1" Name="authorData">
                     <Grid.ColumnDefinitions>
                         <ColumnDefinition Width="75"/>
                         <ColumnDefinition Width="*"/>
@@ -42,7 +42,7 @@
                     <StackPanel Orientation="Vertical" Grid.Column="1" Padding="10,5,5,5" VerticalAlignment="Center">
                         <TextBlock Name="channelName" Text="IGP" FontSize="18"/>
                         <TextBlock Name="channelSubs" Text="120,452 subscribers" Foreground="Gray"/>
-                        <HyperlinkButton Name="channelLink" Content="Go to channel" Padding="0"/>
+                        <HyperlinkButton Name="channelLink" Content="Go to channel" Padding="0" Click="channelLink_Click"/>
                     </StackPanel>
                 </Grid>
             </Grid>
diff --git a/FoxTube/PlaylistCardWide.xaml.cs b/FoxTube/PlaylistCardWide.xaml.cs
index 74f42a5..f96b800 100644
--- a/FoxTube/PlaylistCardWide.xaml.cs
+++ b/FoxTube/PlaylistCardWide.xaml.cs
@@ -27,13 +27,14 @@ namespace FoxTube
 {
     public sealed partial class PlaylistCardWide : UserControl
     {
-        public PlaylistCardWide(string id)
+        public string channelId;
+        public PlaylistCardWide(string id, bool hideAuthor = false)
         {
             this.InitializeComponent();
-            Initialize(id);
+            Initialize(id, hideAuthor);
         }
 
-        public async void Initialize(string id)
+        public async void Initialize(string id, bool hideAuthor)
         {
             YouTubeService ytService = new YouTubeService(new BaseClientService.Initializer()
             {
@@ -46,22 +47,35 @@ namespace FoxTube
             PlaylistListResponse response = await request.ExecuteAsync();
 
             var item = response.Items[0];
+
+            channelId = id;
             
             title.Text = item.Snippet.Title;
             info.Text = string.Format("{0} | {1} videos", item.Snippet.PublishedAt, item.ContentDetails.ItemCount);
             thumbCount.Text = item.ContentDetails.ItemCount.ToString();
             thumbnail.Source = new BitmapImage(new Uri(item.Snippet.Thumbnails.Medium.Url));
 
-            var request1 = ytService.Channels.List("snippet,contentDetails,statistics");
-            request1.Id = item.Snippet.ChannelId;
-            ChannelListResponse response1 = await request1.ExecuteAsync();
+            if (hideAuthor)
+                authorData.Visibility = Visibility.Collapsed;
+            else
+            {
+                var request1 = ytService.Channels.List("snippet,contentDetails,statistics");
+                request1.Id = item.Snippet.ChannelId;
+                ChannelListResponse response1 = await request1.ExecuteAsync();
 
-            var item1 = response1.Items[0];
+                var item1 = response1.Items[0];
 
-            avatar.ProfilePicture = new BitmapImage(new Uri(item1.Snippet.Thumbnails.Medium.Url));
-            channelName.Text = item1.Snippet.Title;
-            channelSubs.Text = string.Format("{0} subscribers", item1.Statistics.SubscriberCount);
-            channelLink.NavigateUri = new Uri("https://www.youtube.com/channel/" + item.Snippet.ChannelId);
+                avatar.ProfilePicture = new BitmapImage(new Uri(item1.Snippet.Thumbnails.Medium.Url));
+                channelName.Text = item1.Snippet.Title;
+                channelSubs.Text = string.Format("{0} subscribers", item1.Statistics.SubscriberCount);
+                channelLink.NavigateUri = new Uri("https://www.youtube.com/channel/" + item.Snippet.ChannelId);
+            }
+        }
+
+        private void channelLink_Click(object sender, RoutedEventArgs e)
+        {
+            MainPage root = Window.Current.Content as MainPage;
+            root.GoToChannel(channelId);
         }
     }
 }
diff --git a/FoxTube/VideoCardWide.xaml b/FoxTube/VideoCardWide.xaml
index be10db2..04dea04 100644
--- a/FoxTube/VideoCardWide.xaml
+++ b/FoxTube/VideoCardWide.xaml
@@ -28,7 +28,7 @@
                     </StackPanel>
                     <!--<TextBlock MaxLines="4" Foreground="Gray" Margin="0,5,0,0" Text="Bendy and the Ink Machine: Chapter 4 Gameplay Part 1 - The Most Horrific Thing Yet! Bertrum Boss Fight! - Welcome back to Bendy and the Ink Machine! Today in Bendy and the Ink Machine, we check out Chapter 4, the latest and most terrifying chapter yet! We discover new secrets and find a man alive...kind of. Let's play Bendy and the Ink Machine Chapter 4!"/>-->
                 </StackPanel>
-                <Grid Grid.Row="1">
+                <Grid Grid.Row="1" Name="authorData">
                     <Grid.ColumnDefinitions>
                         <ColumnDefinition Width="75"/>
                         <ColumnDefinition Width="*"/>
@@ -37,7 +37,7 @@
                     <StackPanel Orientation="Vertical" Grid.Column="1" Padding="10,5,5,5" VerticalAlignment="Center">
                         <TextBlock Name="channelName" Text="IGP" FontSize="18"/>
                         <TextBlock Name="channelSubs" Text="120,452 subscribers" Foreground="Gray"/>
-                        <HyperlinkButton Name="channelLink" Content="Go to channel" Padding="0"/>
+                        <HyperlinkButton Name="channelLink" Content="Go to channel" Padding="0" Click="channelLink_Click"/>
                     </StackPanel>
                 </Grid>
             </Grid>
diff --git a/FoxTube/VideoCardWide.xaml.cs b/FoxTube/VideoCardWide.xaml.cs
index 50ecdf5..db9f516 100644
--- a/FoxTube/VideoCardWide.xaml.cs
+++ b/FoxTube/VideoCardWide.xaml.cs
@@ -27,6 +27,7 @@ namespace FoxTube
 {
     public sealed partial class VideoCardWide : UserControl
     {
+        public string channeId;
         public VideoCardWide(string id)
         {
             this.InitializeComponent();
@@ -46,7 +47,9 @@ namespace FoxTube
             VideoListResponse response = await request.ExecuteAsync();
 
             var item = response.Items[0];
-            
+
+            channeId = id;
+
             title.Text = item.Snippet.Title;
             info.Text = string.Format("{0} | {1} | {2} views", item.ContentDetails.Duration, item.Snippet.PublishedAt, item.Statistics.ViewCount);
             thumbnail.Source = new BitmapImage(new Uri(item.Snippet.Thumbnails.Medium.Url));
@@ -64,5 +67,11 @@ namespace FoxTube
             channelSubs.Text = string.Format("{0} subscribers", item1.Statistics.SubscriberCount);
             channelLink.NavigateUri = new Uri("https://www.youtube.com/channel/" + item.Snippet.ChannelId);
         }
+
+        private void channelLink_Click(object sender, RoutedEventArgs e)
+        {
+            MainPage root = Window.Current.Content as MainPage;
+            root.GoToChannel(channeId);
+        }
     }
 }
diff --git a/FoxTube/VideoList.xaml b/FoxTube/VideoList.xaml
deleted file mode 100644
index 7cf9438..0000000
--- a/FoxTube/VideoList.xaml
+++ /dev/null
@@ -1,17 +0,0 @@
-<Page
-    x:Class="FoxTube.VideoList"
-    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">
-
-    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
-        <ScrollViewer>
-            <StackPanel Orientation="Vertical">
-                
-            </StackPanel>
-        </ScrollViewer>
-    </Grid>
-</Page>
diff --git a/FoxTube/VideoList.xaml.cs b/FoxTube/VideoList.xaml.cs
deleted file mode 100644
index 62cee54..0000000
--- a/FoxTube/VideoList.xaml.cs
+++ /dev/null
@@ -1,30 +0,0 @@
-using System;
-using System.Collections.Generic;
-using System.IO;
-using System.Linq;
-using System.Runtime.InteropServices.WindowsRuntime;
-using Windows.Foundation;
-using Windows.Foundation.Collections;
-using Windows.UI.Xaml;
-using Windows.UI.Xaml.Controls;
-using Windows.UI.Xaml.Controls.Primitives;
-using Windows.UI.Xaml.Data;
-using Windows.UI.Xaml.Input;
-using Windows.UI.Xaml.Media;
-using Windows.UI.Xaml.Navigation;
-
-// The Blank Page item template is documented at https://go.microsoft.com/fwlink/?LinkId=234238
-
-namespace FoxTube
-{
-    /// <summary>
-    /// An empty page that can be used on its own or navigated to within a Frame.
-    /// </summary>
-    public sealed partial class VideoList : Page
-    {
-        public VideoList()
-        {
-            this.InitializeComponent();
-        }
-    }
-}