Final feedback UI

FoxTube/Feedback.xaml

@@ -8,19 +8,39 @@
     mc:Ignorable="d">
 
     <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
+        <Grid.ColumnDefinitions>
+            <ColumnDefinition Width="*" MaxWidth="1000"/>
+        </Grid.ColumnDefinitions>
         <StackPanel Orientation="Vertical" Margin="10">
             <TextBlock Text="Feedback Hub" FontSize="28"/>
             <TextBlock Text="What kind of feedback is it?" FontSize="18" Margin="0,10,0,0"/>
             <StackPanel Orientation="Horizontal">
-                <RadioButton Content="Suggestion"/>
+                <RadioButton Name="suggestionRadio" Content="Suggestion" IsChecked="True"/>
-                <RadioButton Content="Problem"/>
+                <RadioButton Name="promblemRadio" Content="Problem"/>
             </StackPanel>
             <TextBlock Text="Tell us about it" FontSize="18" Margin="0,10,0,0"/>
             <TextBlock Text="Summarize your issue" Margin="0,10,0,0"/>
-            <TextBox Width="1000" MaxWidth="1000" HorizontalAlignment="Left"/>
+            <Grid>
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition Width="*"/>
+                    <ColumnDefinition Width="30"/>
+                </Grid.ColumnDefinitions>
+                <TextBox Name="subject" Grid.Column="0" HorizontalAlignment="Stretch"/>
+                <TextBlock Name="subjectMissed" Grid.Column="1" FontFamily="Segoe MDL2 Assets" Text="&#xE814;" Foreground="Red" FontSize="30" Visibility="Collapsed"/>
+            </Grid>
             <TextBlock Text="Give us more detail (optional)" Margin="0,10,0,0"/>
-            <TextBox Width="1000" HorizontalAlignment="Left" Height="200"/>
+            <TextBox Name="details" HorizontalAlignment="Stretch" Height="200" AcceptsReturn="True" Margin="0,0,30,0"/>
-            <Button Content="Submit feedback"  Margin="0,10,0,0"/>
+            <StackPanel Orientation="Horizontal" BorderBrush="Green" BorderThickness="5" Margin="0,10,30,0" Visibility="Collapsed" Name="greenResult">
+                <TextBlock FontFamily="Segoe MDL2 Assets" Text="&#xE76E;" FontSize="40" Foreground="Green" Margin="5"/>
+                <StackPanel>
+                    <TextBlock Text="Your feedback has been sent!" Foreground="Green" FontWeight="Bold" FontSize="20"/>
+                    <TextBlock Text="Thank you! It's very imortant for us. Thank your for helping us making the app better" Foreground="Green"/>
+                </StackPanel>
+            </StackPanel>
+            <StackPanel Orientation="Horizontal">
+                <Button Content="Submit feedback" Name="submit" Margin="0,10,10,10"/>
+                <ProgressRing VerticalAlignment="Center" Name="ring" Foreground="Red"/>
+            </StackPanel>
         </StackPanel>
     </Grid>
 </Page>

FoxTube/Feedback.xaml.cs

@@ -12,6 +12,7 @@ using Windows.UI.Xaml.Data;
 using Windows.UI.Xaml.Input;
 using Windows.UI.Xaml.Media;
 using Windows.UI.Xaml.Navigation;
+using Windows.Storage;
 
 // The Blank Page item template is documented at https://go.microsoft.com/fwlink/?LinkId=234238
 
@@ -22,9 +23,11 @@ namespace FoxTube
     /// </summary>
     public sealed partial class Feedback : Page
     {
+        ApplicationDataContainer settings = ApplicationData.Current.LocalSettings;
         public Feedback()
         {
             this.InitializeComponent();
+            settings.Values["feedbackRecord"] = null;
         }
     }
 }

FoxTube/MainPage.xaml.cs

@@ -204,6 +204,10 @@ namespace FoxTube
             }
             else if (bottomHaburger.SelectedIndex == 2)
             {
+                switch(content.SourcePageType)
+                {
+
+                }
                 topHamburger.SelectedIndex = 0;
             }
         }