This repository has been archived on 2022-11-03. You can view files and clone it, but cannot push or open issues or pull requests.
DevOpsOpenHack/MobileApps/MyDriving/MyDriving.UWP/Views/LoginView.xaml
2022-11-03 16:41:13 -04:00

63 lines
3.6 KiB
XML

<Page
x:Class="MyDriving.UWP.Views.LoginView"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">
<Grid Name="LoginGrid" >
<Grid.Background>
<ImageBrush Stretch="Fill" ImageSource="{StaticResource Background}" />
</Grid.Background>
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<Image x:Name="ProfileImage" HorizontalAlignment="Center" VerticalAlignment="Bottom" Width="70" Height="70" Grid.Row ="0" Visibility="Collapsed"/>
<TextBlock x:Name="WelcomeText" HorizontalAlignment="Center" VerticalAlignment="Top" Visibility="Collapsed" Grid.Row="1" Margin="0,10,0,10" />
<Image x:Name="AppLogo" HorizontalAlignment="Center" VerticalAlignment="Bottom" Source="{StaticResource ApplicationLogo}" Stretch="Uniform" Margin="80,0,80,0" MaxWidth="300"/>
<!-- textblock is overlapped on the image -->
<TextBlock x:Name="LogoText" HorizontalAlignment="Center" VerticalAlignment="Bottom" Text="MyDriving" Foreground="White" FontFamily="Assets/Fonts/CorbertRegular/Corbert-regular.otf#Corbert" FontSize="24" />
<StackPanel x:Name="LoginButtons" VerticalAlignment="Center" Grid.Row="1" Visibility="Visible" Margin="50,0,50,0">
<Button x:Name="FaceBookButtonLogin" Command="{x:Bind viewModel.LoginFacebookCommand, Mode=OneWay}" Style="{StaticResource LoginButtonStyle}"
Background="{StaticResource FacebookLoginButtonColor}" Height="40" MaxWidth="300">
<StackPanel Orientation="Horizontal" HorizontalAlignment="Left" Margin="20,0,0,0">
<Image Source="{StaticResource FacebookLogo}" HorizontalAlignment="Left" Height="24" Width="24"/>
<TextBlock Text="Login with Facebook" Style="{StaticResource LoginButtonTextStyle}" />
</StackPanel>
</Button>
<Button x:Name="TwitterButtonLogin" Style="{StaticResource LoginButtonStyle}" Command="{x:Bind viewModel.LoginTwitterCommand, Mode=OneWay}"
Background="{StaticResource TwitterLoginButtonColor}" >
<StackPanel Orientation="Horizontal" HorizontalAlignment="Left" Margin="20,0,0,0">
<Image Source="{StaticResource TwitterLogo}" HorizontalAlignment="Left" Height="24" Width="24"/>
<TextBlock Text="Login with Twitter" Style="{StaticResource LoginButtonTextStyle}" />
</StackPanel>
</Button>
<Button x:Name="MSAButtonLogin" Style="{StaticResource LoginButtonStyle}" Command="{x:Bind viewModel.LoginMicrosoftCommand, Mode=OneWay}"
Background="{StaticResource MSALoginButtonColor}" >
<StackPanel Orientation="Horizontal" HorizontalAlignment="Left" Margin="20,0,0,0">
<Image Name="MSAImage" Source="{StaticResource MicrosoftLogo}" HorizontalAlignment="Left" Height="24" Width="24"/>
<TextBlock Text="Login with Microsoft" Style="{StaticResource LoginButtonTextStyle}" />
</StackPanel>
</Button>
</StackPanel>
<Button x:Name="ContinueButton" HorizontalAlignment="Center" Margin="0,10,0,0" Content="Continue" Click="Continue_Click" Grid.Row="2" VerticalAlignment="Top" Visibility="Collapsed" />
</Grid>
</Page>