AuthorizationPage.axaml 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
  1. <UserControl xmlns="https://github.com/avaloniaui"
  2. xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  3. xmlns:vm="using:FinancialManagement.ViewModels"
  4. xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  5. xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  6. mc:Ignorable="d" d:DesignWidth="1600" d:DesignHeight="1080"
  7. x:Class="FinancialManagement.Views.AuthorizationPage"
  8. x:DataType="vm:MainWindowViewModel">
  9. <UserControl.Styles>
  10. <Style Selector="TextBox">
  11. <Setter Property="FontFamily" Value="{StaticResource Nunito}" />
  12. <Setter Property="Foreground" Value="#7471E8" />
  13. <Setter Property="CornerRadius" Value="6" />
  14. <Setter Property="BorderThickness" Value="0" />
  15. </Style>
  16. <Style Selector="TextBlock">
  17. <Setter Property="FontFamily" Value="{StaticResource NunitoBold}" />
  18. </Style>
  19. <Style Selector="Button">
  20. <Setter Property="FontFamily" Value="{StaticResource NunitoBold}" />
  21. </Style>
  22. </UserControl.Styles>
  23. <Grid Background="#7471E8" RowDefinitions="*" ColumnDefinitions="*">
  24. <StackPanel Orientation="Horizontal">
  25. <Image
  26. Source="avares://FinancialManagement/Assets/BackroundFon.png"
  27. Stretch="Fill"
  28. HorizontalAlignment="Center"
  29. VerticalAlignment="Center"
  30. Width="1550"/>
  31. </StackPanel>
  32. <StackPanel
  33. HorizontalAlignment="Center"
  34. Orientation="Vertical"
  35. VerticalAlignment="Center">
  36. <Border
  37. HorizontalAlignment="Center"
  38. VerticalAlignment="Center"
  39. Grid.Row="0" Grid.Column="1"
  40. Background="#E3E6FF"
  41. CornerRadius="10"
  42. Padding="0 0 0 0"
  43. Width="616"
  44. Height="530">
  45. <StackPanel
  46. Orientation="Vertical"
  47. VerticalAlignment="Center"
  48. Width="480">
  49. <TextBlock
  50. FontSize="64"
  51. Foreground="#000000"
  52. HorizontalAlignment="Center"
  53. Padding="0 0 0 0"
  54. Margin="30 0 30 40"
  55. Text="Вход"/>
  56. <TextBox
  57. FontSize="24"
  58. Watermark="Логин"
  59. Padding="10 20 0 20"
  60. Margin="0 -20 0 30"
  61. Text="{Binding AuthorizationPageVM.Login}"/>
  62. <StackPanel HorizontalAlignment="Right">
  63. <Button
  64. Background="Transparent"
  65. FontSize="18"
  66. Foreground="#7471E8"
  67. Content="Показать пароль"
  68. Margin="0 -10 0 -5"
  69. Command="{Binding ShowHidePasswordAuthorization}">
  70. <Button.Styles>
  71. <Style Selector="Button:pointerover /template/ ContentPresenter">
  72. <Setter Property="Background" Value="Transparent"></Setter>
  73. <Setter Property="Foreground" Value="#30DD6B"></Setter>
  74. </Style>
  75. </Button.Styles>
  76. </Button>
  77. </StackPanel>
  78. <TextBox
  79. FontSize="24"
  80. Watermark="Пароль"
  81. PasswordChar="{Binding AuthorizationPageVM.PasswordChar}"
  82. Padding="10 20 0 20"
  83. Margin="0 0 0 30"
  84. Text="{Binding AuthorizationPageVM.Password}"/>
  85. <StackPanel
  86. Orientation="Horizontal"
  87. HorizontalAlignment="Center"
  88. VerticalAlignment="Center">
  89. <TextBlock
  90. FontSize="24"
  91. HorizontalAlignment="Center"
  92. VerticalAlignment="Center"
  93. Foreground="#000000"
  94. Text="Нет аккаунта?"/>
  95. <Button
  96. FontSize="24"
  97. Foreground="#7471E8"
  98. Content="Зарегистрируйтесь"
  99. Background="Transparent"
  100. Command="{Binding ToRegistrationPage}">
  101. <Button.Styles>
  102. <Style Selector="Button:pointerover /template/ ContentPresenter">
  103. <Setter Property="Background" Value="Transparent"></Setter>
  104. <Setter Property="Foreground" Value="#30DD6B"></Setter>
  105. </Style>
  106. </Button.Styles>
  107. </Button>
  108. </StackPanel>
  109. <TextBlock
  110. FontSize="24"
  111. Foreground="Red"
  112. HorizontalAlignment="Center"
  113. Margin="0 10 0 10"
  114. Text="{Binding AuthorizationPageVM.Message}"/>
  115. <Button
  116. CornerRadius="10"
  117. Content="Войти"
  118. Background="#7471E8"
  119. Foreground="White"
  120. FontSize="40"
  121. Padding="20 10 20 10"
  122. HorizontalAlignment="Stretch"
  123. HorizontalContentAlignment="Center"
  124. Margin="0 0 0 30"
  125. Command="{Binding LodedToProgram}">
  126. <Button.Styles>
  127. <Style Selector="Button:pointerover /template/ ContentPresenter">
  128. <Setter Property="Background" Value="#A3A0FB"></Setter>
  129. <Setter Property="Foreground" Value="White"></Setter>
  130. </Style>
  131. </Button.Styles>
  132. </Button>
  133. </StackPanel>
  134. </Border>
  135. </StackPanel>
  136. </Grid>
  137. </UserControl>