From 2a5df9d81c67e2502247180390460b010a345b2d Mon Sep 17 00:00:00 2001
From: Michael Gordeev <foxgameofficial@gmail.com>
Date: Thu, 3 May 2018 15:30:13 +0300
Subject: [PATCH] Video page

---
 FoxTube/ChannelCard.xaml |  2 +-
 FoxTube/MainPage.xaml.cs |  7 +++++
 FoxTube/Video.xaml       | 64 +++++++++++++++++++++++++++++++++++-----
 3 files changed, 65 insertions(+), 8 deletions(-)

diff --git a/FoxTube/ChannelCard.xaml b/FoxTube/ChannelCard.xaml
index 8c38112..d26e5ab 100644
--- a/FoxTube/ChannelCard.xaml
+++ b/FoxTube/ChannelCard.xaml
@@ -10,7 +10,7 @@
     Height="150">
 
     <Button Padding="0" Background="WhiteSmoke" HorizontalAlignment="Stretch" HorizontalContentAlignment="Left" Margin="2" VerticalAlignment="Stretch" Click="Button_Click">
-        <Grid Grid.Row="1">
+        <Grid>
             <Grid.ColumnDefinitions>
                 <ColumnDefinition Width="125"/>
                 <ColumnDefinition Width="*"/>
diff --git a/FoxTube/MainPage.xaml.cs b/FoxTube/MainPage.xaml.cs
index dbcec21..86d9b16 100644
--- a/FoxTube/MainPage.xaml.cs
+++ b/FoxTube/MainPage.xaml.cs
@@ -212,6 +212,13 @@ namespace FoxTube
                 menu.DisplayMode = SplitViewDisplayMode.CompactInline;
                 menu.IsPaneOpen = true;
             }
+            else if (topHamburger.SelectedIndex == 1)
+            {
+                content.Navigate(typeof(Video));
+                headerText.Text = "Video";
+                menu.DisplayMode = SplitViewDisplayMode.CompactOverlay;
+                menu.IsPaneOpen = false;
+            }
             else if (bottomHaburger.SelectedIndex == 4)
             {
                 content.Navigate(typeof(Settings));
diff --git a/FoxTube/Video.xaml b/FoxTube/Video.xaml
index e787a82..ccc28e2 100644
--- a/FoxTube/Video.xaml
+++ b/FoxTube/Video.xaml
@@ -12,12 +12,62 @@
             <ColumnDefinition Width="3*"/>
             <ColumnDefinition Width="*"/>
         </Grid.ColumnDefinitions>
-        <Grid Grid.Column="0">
-            <Grid.RowDefinitions>
-                <RowDefinition Height="2*"/>
-                <RowDefinition Height="*"/>
-            </Grid.RowDefinitions>
-            <StackPanel Background="Black"/>
-        </Grid>
+        <StackPanel Orientation="Vertical">
+            <StackPanel Height="600" Background="Black"/>
+            <ScrollViewer>
+                <StackPanel Margin="10">
+                    <TextBlock Text="Video title this is very biiiiig title. It's amazingly big. OLOLOLOLOLO!!!!!!)))))). 1234567890. ABCD" FontSize="25" TextWrapping="WrapWholeWords" HorizontalTextAlignment="Start"/>
+                    <Grid>
+                        <Grid.ColumnDefinitions>
+                            <ColumnDefinition/>
+                            <ColumnDefinition/>
+                        </Grid.ColumnDefinitions>
+                        <Button Padding="0" Background="Transparent" Margin="5">
+                            <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="IGP" FontSize="18"/>
+                                    </StackPanel>
+                                    <TextBlock Name="subscribers" Text="120,452 subscribers" Foreground="Gray"/>
+                                    <StackPanel 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" Grid.Column="1">
+                            <StackPanel Orientation="Horizontal">
+                                <TextBlock Text="10,000,000" FontSize="24" Foreground="Gray"/>
+                                <TextBlock Text=" views" FontSize="24" Foreground="Gray"/>
+                            </StackPanel>
+                            <Grid>
+                                <Line Stroke="Green" StrokeThickness="5" X1="0" X2="250" Y1="0" Y2="0"/>
+                                <Line Stroke="Red" StrokeThickness="5" X1="0" X2="100" Y1="0" Y2="0"/>
+                            </Grid>
+                            <Grid>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="45"/>
+                                    <ColumnDefinition/>
+                                    <ColumnDefinition Width="45"/>
+                                </Grid.ColumnDefinitions>
+                                <Button Grid.Column="0" Background="Transparent" Padding="0" Content="&#xE19E;" FontFamily="Segoe MDL2 Assets" Foreground="Gray" FontSize="40"/>
+                                <Button Grid.Column="2" Background="Transparent" Padding="0" Content="&#xE19F;" FontFamily="Segoe MDL2 Assets" Foreground="Gray" FontSize="40"/>
+                            </Grid>
+                            <Grid>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition/>
+                                    <ColumnDefinition/>
+                                </Grid.ColumnDefinitions>
+                                <TextBlock Foreground="Gray" Text="10923"/>
+                                <TextBlock HorizontalAlignment="Right" Grid.Column="1" Foreground="Gray" Text="10923"/>
+                            </Grid>
+                        </StackPanel>
+                    </Grid>
+                    <TextBlock TextWrapping="WrapWholeWords" Text="description"/>
+                </StackPanel>
+            </ScrollViewer>
+        </StackPanel>
     </Grid>
 </Page>