tesses-cms/Tesses.CMS.Avalonia/Tesses.CMS.Avalonia/Views/LoginView.axaml

24 lines
1.3 KiB
XML

<UserControl xmlns="https://github.com/avaloniaui"
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"
xmlns:vm="clr-namespace:Tesses.CMS.Avalonia.ViewModels"
xmlns:v="clr-namespace:Tesses.CMS.Avalonia.Views"
mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
x:Class="Tesses.CMS.Avalonia.Views.LoginView"
x:DataType="vm:LoginViewModel">
<Design.DataContext>
<!-- This only sets the DataContext for the previewer in an IDE,
to set the actual DataContext for runtime, set the DataContext property in code (look at App.axaml.cs) -->
<vm:LoginViewModel />
</Design.DataContext>
<StackPanel Margin="20">
<TextBlock Background="Red" IsVisible="{Binding Failed}">The Email or Password was incorrect, please try again.</TextBlock>
<TextBlock Margin="0 5" >Email:</TextBlock>
<TextBox Text="{Binding Email}" Watermark="Enter your email"/>
<TextBlock Margin="0 5" >Password:</TextBlock>
<TextBox Text="{Binding Password}" PasswordChar="*" Watermark="Enter your password"/>
<Button Command="{Binding LoginCommand}">Login</Button>
</StackPanel>
</UserControl>