added the basic functionality of profiles (projects)

InnoLabProjektDektopApp/InnoLabProjektDektopApp/Screens/FirstLaunch/04Settings.xaml

@@ -9,12 +9,66 @@
       Background="{StaticResource BACKGROUND_PRIMARY_BRUSH}">
     <ScrollViewer VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Disabled">
         <Grid VerticalAlignment="Center">
+            <Grid.RowDefinitions>
+                <RowDefinition Height="*"/>
+                <RowDefinition Height="Auto"/>
+            </Grid.RowDefinitions>
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition Width="105*"/>
+                <ColumnDefinition Width="475*"/>
+                <ColumnDefinition Width="132*"/>
+            </Grid.ColumnDefinitions>
+
+            <StackPanel Margin="20,20,20,3" Grid.ColumnSpan="3" Grid.Row="0">
+
+                <!--Project Area-->
+                <TextBlock Style="{StaticResource Header1}" 
+                       Text="Your project with saved settings" 
+                       HorizontalAlignment="Left" />
 
+                <!--Box 1-->
+                <Border Background="{StaticResource BACKGROUND_SECONDARY_BRUSH}" CornerRadius="10" Padding="15" Margin="0,10,0,0">
+                    <!-- Project Pic and Name -->
+                    <StackPanel Orientation="Vertical">
+                        <StackPanel Orientation="Horizontal" VerticalAlignment="Center" Margin="10" HorizontalAlignment="Left">
 
-            <StackPanel Margin="20,20,20,20">
+                            <StackPanel Orientation="Vertical" Margin="10,0,0,0" VerticalAlignment="Center" HorizontalAlignment="Left">
+                                <Border Width="80" Height="80" Background="LightBlue" CornerRadius="40">
+                                    <Image Source="pack://application:,,,/Assets/profileicon.png" Stretch="Uniform" Margin="10"/>
+                                </Border>
+                            </StackPanel>
 
-                <TextBlock Style="{StaticResource Header1}" 
+                            <StackPanel Orientation="Vertical" Margin="10,0,0,0" VerticalAlignment="Center" HorizontalAlignment="Left">
+                                <TextBox x:Name="ProjectNameTextBox" Text="Project Name" Margin="10,0,0,0" BorderThickness="0" Background="Transparent" FontWeight="Bold" Foreground="White" FontSize="14" CaretBrush="White"/>
+                                <Border Height="1" Width="300" Background="White" Margin="10,2,0,0"/>
+                            </StackPanel>
+
+                        </StackPanel>
+                    </StackPanel>
+                </Border>
+
+                <!--Box 2-->
+                <Border Background="{StaticResource BACKGROUND_SECONDARY_BRUSH}" CornerRadius="10" Padding="15" Margin="0,10,0,20">
+                    <StackPanel Orientation="Vertical">
+                        <StackPanel Orientation="Horizontal" VerticalAlignment="Center" Margin="10" HorizontalAlignment="Left">
+
+                            <StackPanel Orientation="Vertical" Margin="10,0,0,0" VerticalAlignment="Center" HorizontalAlignment="Left">
+                                <TextBlock Text="To the distractions saved in your profile" VerticalAlignment="Center" Grid.Column="0" FontSize="14" FontWeight="SemiBold"/>
+                            </StackPanel>
+
+                            <StackPanel Orientation="Vertical" Margin="10,0,0,0" VerticalAlignment="Center" HorizontalAlignment="Left">
+                                <Button Content="➡" Width="30" Height="30" Background="Transparent" BorderThickness="0"/>
+                            </StackPanel>
+
+                        </StackPanel>
+                    </StackPanel>
+                </Border>
+
+
+                <!--Settings Area-->
+                <TextBlock Style="{StaticResource Header2}" 
                        Text="Change the settings as you want" 
+                       FontWeight="Bold"
                        HorizontalAlignment="Left" />
                 <StackPanel Orientation="Horizontal" VerticalAlignment="Center" Margin="0,10,0,0">
 
@@ -299,7 +353,7 @@ Width="70" MouseDown="TogglePopup4">
 
 
             <!-- Pagination -->
-            <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="0,478,0,0" VerticalAlignment="Top">
+            <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="-186,0,0,10" VerticalAlignment="Top" Grid.Column="1" Grid.ColumnSpan="2" Grid.Row="1">
                 <Border Style="{StaticResource RoundedButtonBorder}" MouseDown="PreviousPage_Click" Width="100" Margin="10">
                     <TextBlock Text="Previous" Style="{StaticResource ButtonTextStyle}" />
                 </Border>
@@ -321,7 +375,7 @@ Width="70" MouseDown="TogglePopup4">
             -->
 
                 <Border Style="{StaticResource RoundedButtonBorder}" MouseDown="NextPage_Click" Width="100" Margin="10">
-                    <TextBlock Text="Next" Style="{StaticResource ButtonTextStyle}" />
+                    <TextBlock Text="Save" Style="{StaticResource ButtonTextStyle}" />
                 </Border>
             </StackPanel>