From 4c2d3747a8f8d2c94b89ba8979c1d17b4e92d836 Mon Sep 17 00:00:00 2001
From: Gerasimos Alexiou <jerrak0s@gmail.com>
Date: Sat, 30 Mar 2019 17:46:24 +0200
Subject: [PATCH] Visual challenge - login page

commit of login page
---
 .../VisualChallenge/VisualChallenge.csproj    |  9 ++---
 .../VisualChallenge/VisualChallengePage.xaml  | 37 ++++++++++++++++---
 2 files changed, 36 insertions(+), 10 deletions(-)

diff --git a/VisualChallenge/VisualChallenge/VisualChallenge.csproj b/VisualChallenge/VisualChallenge/VisualChallenge.csproj
index 2bf52d9..3402cc5 100644
--- a/VisualChallenge/VisualChallenge/VisualChallenge.csproj
+++ b/VisualChallenge/VisualChallenge/VisualChallenge.csproj
@@ -10,14 +10,13 @@
     <DebugSymbols>true</DebugSymbols>
   </PropertyGroup>
 
-  <ItemGroup>
-    <PackageReference Include="Xamarin.Forms" Version="4.0.1.206893" />
-    <PackageReference Include="Xamarin.Forms.Visual.Material" Version="4.0.1.206893" />  
-  </ItemGroup>
-
   <ItemGroup>
     <Compile Update="VisualChallengePage.xaml.cs">
       <DependentUpon>VisualChallengePage.xaml</DependentUpon>
     </Compile>
   </ItemGroup>
+  <ItemGroup>
+    <PackageReference Include="Xamarin.Forms" Version="4.0.0.293082-pre8" />
+    <PackageReference Include="Xamarin.Forms.Visual.Material" Version="4.0.0.293082-pre8" />
+  </ItemGroup>
 </Project>
\ No newline at end of file
diff --git a/VisualChallenge/VisualChallenge/VisualChallengePage.xaml b/VisualChallenge/VisualChallenge/VisualChallengePage.xaml
index 305cee4..4d500c4 100644
--- a/VisualChallenge/VisualChallenge/VisualChallengePage.xaml
+++ b/VisualChallenge/VisualChallenge/VisualChallengePage.xaml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8" ?>
+<?xml version="1.0" encoding="utf-8" ?>
 <ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
              xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
              xmlns:sys="clr-namespace:System;assembly=mscorlib"
@@ -12,12 +12,39 @@
 		 Currently there's a bug in shell that will set margins wrong if the content is not in a scrollview
 	-->
 	<ScrollView>
-		<FlexLayout Margin="20" Direction="Column" AlignContent="Center" JustifyContent="SpaceAround">
+		
+         <Grid>
+        <Grid.RowDefinitions>
+             <RowDefinition Height="50" />
+            <RowDefinition Height="*" />
+            <RowDefinition Height="80" />
+        </Grid.RowDefinitions>
 
-			<Label Text="Start Here" FontSize="24" HorizontalTextAlignment="Center"/>
 
-			<Button Text="Read More About Visual" Clicked="Button_Clicked" />
+        <StackLayout Orientation="Vertical" Grid.Row="1" >
+            <Label Text="Create a New Account" FontSize="Large" TextColor="Black" HorizontalOptions="Center" Margin="0,10,0,0" />
+            <Entry Text="{Binding Email}" Placeholder="Email" TextColor="Black" PlaceholderColor="Black" Margin="0,5,0,0" />
+            <Entry Text="{Binding UserName}" Placeholder="Username" TextColor="Black" PlaceholderColor="Black" Margin="0,5,0,0" />
+            <Entry Text="{Binding Password}" Placeholder="Password" TextColor="Black" PlaceholderColor="Black" IsPassword="True" Margin="0,5,0,0" />
+            <Entry Text="{Binding ConfirmPassword}" Placeholder="Confirm Password" TextColor="Black" PlaceholderColor="Black" IsPassword="True" Margin="0,5,0,0" />
+            <Button Command="{Binding RegisterCommand}" Text="Register"  TextColor="Black" Margin="0,5,0,0" />
+            <Label Text="{Binding Message,Mode=TwoWay}" TextColor="Black" FontSize="Default" Margin="0,5,0,0" />
+            <ActivityIndicator IsRunning="{Binding IsBusy}" IsVisible="{Binding IsBusy}"  Color="Black" />
+        </StackLayout>
 
-		</FlexLayout>
+        <StackLayout VerticalOptions="End" Orientation="Vertical" Grid.Row="2">
+            <BoxView  HeightRequest="1"  BackgroundColor="Gray" />
+            <StackLayout  Orientation="Horizontal" HorizontalOptions="Center">
+                <StackLayout.GestureRecognizers>
+                    <TapGestureRecognizer Command="{Binding NavigateToLoginPage}" />
+                </StackLayout.GestureRecognizers>
+                <Label Text="Already have an account?"  FontSize="Small" TextColor="Black"  />
+                <Label Text="Log in" FontSize="Small" FontAttributes="Bold" TextColor="Black" />
+            </StackLayout>
+        </StackLayout>
+
+</Grid>
+        
+        
 	</ScrollView>
 </ContentPage>