add Login window

This commit is contained in:
Rene Schwarz
2021-04-01 16:57:38 +02:00
parent b9ea1a438b
commit 1ea42f8660
18 changed files with 92 additions and 81 deletions

Binary file not shown.

View File

@@ -12,6 +12,9 @@
</RadialGradientBrush.GradientStops> </RadialGradientBrush.GradientStops>
</RadialGradientBrush> </RadialGradientBrush>
<BooleanToVisibilityConverter x:Key="UserNameVisibillity" />
<BooleanToVisibilityConverter x:Key="PasswordVisibillity" />
<SolidColorBrush x:Key="Background" Color="#141424"/> <SolidColorBrush x:Key="Background" Color="#141424"/>
<!--A700 Teal--> <!--A700 Teal-->
<SolidColorBrush x:Key="Green" Color="#00BFA5"/> <SolidColorBrush x:Key="Green" Color="#00BFA5"/>
@@ -24,22 +27,6 @@
<!--700 Yellow--> <!--700 Yellow-->
<SolidColorBrush x:Key="PressedYellow" Color="#FBC02D"/> <SolidColorBrush x:Key="PressedYellow" Color="#FBC02D"/>
<Style x:Key="loginButtonStyle" TargetType="Button">
<Setter Property="Background" Value="#25AEA6"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type Button}">
<Border CornerRadius="4" Background="{TemplateBinding Background}">
<ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
</Border>
</ControlTemplate>
</Setter.Value>
</Setter>
<Style.Triggers>
</Style.Triggers>
</Style>
<Style x:Key="LoginViewBorder" TargetType="{x:Type Border}"> <Style x:Key="LoginViewBorder" TargetType="{x:Type Border}">
<Setter Property="BorderBrush" Value="#25AEA6"/> <Setter Property="BorderBrush" Value="#25AEA6"/>
<Setter Property="CornerRadius" Value="4"/> <Setter Property="CornerRadius" Value="4"/>
@@ -56,7 +43,7 @@
<Setter Property="Background" Value="#1B1C20"/> <Setter Property="Background" Value="#1B1C20"/>
</Style> </Style>
<Style x:Name="LoginFormHint" x:Key="LoginFormTooltip" TargetType="{x:Type Label}"> <Style x:Name="HintText" x:Key="LoginFormTooltip" TargetType="{x:Type TextBlock}">
<Setter Property="Foreground" Value="#40AAAAAA"/> <Setter Property="Foreground" Value="#40AAAAAA"/>
<Setter Property="FontFamily" Value="Arial"/> <Setter Property="FontFamily" Value="Arial"/>
<Setter Property="FontSize" Value="20"/> <Setter Property="FontSize" Value="20"/>
@@ -101,25 +88,28 @@
<Style x:Key="LoginFormButton" TargetType="{x:Type Button}"> <Style x:Key="LoginFormButton" TargetType="{x:Type Button}">
<Setter Property="Width" Value="350"/> <Setter Property="Width" Value="350"/>
<Setter Property="Height" Value="60"/> <Setter Property="Height" Value="60"/>
<Setter Property="Background" Value="#25AEA6"/> <Setter Property="Background" Value="#2A2D30"/>
<Setter Property="BorderBrush" Value="Transparent"/> <Setter Property="BorderBrush" Value="#25AEA6"/>
<Setter Property="BorderThickness" Value="0"/> <Setter Property="BorderThickness" Value="2"/>
<Setter Property="Foreground" Value="{StaticResource Background}"/> <Setter Property="Foreground" Value="#25AEA6"/>
<Setter Property="FontSize" Value="25"/> <Setter Property="FontSize" Value="25"/>
<Setter Property="FontFamily" Value="Arial"/> <Setter Property="FontFamily" Value="Arial"/>
<Setter Property="Cursor" Value="Hand"/> <Setter Property="Cursor" Value="Hand"/>
<Setter Property="Template"> <Setter Property="Template">
<Setter.Value> <Setter.Value>
<ControlTemplate TargetType="{x:Type Button}"> <ControlTemplate TargetType="{x:Type Button}">
<Border CornerRadius="4" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}"> <Border x:Name="Border" CornerRadius="4" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}">
<TextBlock TextAlignment="Center" Padding="5" TextWrapping="Wrap" Text="{TemplateBinding Content}" VerticalAlignment="Center" HorizontalAlignment="Center"/> <TextBlock TextAlignment="Center" Padding="0" TextWrapping="Wrap" Text="{TemplateBinding Content}" VerticalAlignment="Center" HorizontalAlignment="Center"/>
</Border> </Border>
<ControlTemplate.Triggers> <ControlTemplate.Triggers>
<Trigger Property="IsMouseOver" Value="True"> <Trigger Property="IsMouseOver" Value="True">
<Setter Property="Background" Value="#35bEb6"/> <Setter Property="BorderBrush" Value="#35bEb6"/>
<Setter Property="Foreground" Value="#35bEb6"/>
</Trigger> </Trigger>
<Trigger Property="IsPressed" Value="True"> <Trigger Property="IsPressed" Value="True">
<Setter Property="Background" Value="#159E96"/> <Setter Property="Background" Value="#25AEA6"/>
<Setter Property="Foreground" Value="#2A2D30"/>
<Setter Property="BorderThickness" Value="0"/>
</Trigger> </Trigger>
</ControlTemplate.Triggers> </ControlTemplate.Triggers>
</ControlTemplate> </ControlTemplate>
@@ -127,5 +117,13 @@
</Setter> </Setter>
</Style> </Style>
<Style x:Key="LoginGreeter" TargetType="{x:Type TextBlock}">
<Setter Property="Foreground" Value="#878787"/>
<Setter Property="VerticalAlignment" Value="Center"/>
<Setter Property="HorizontalAlignment" Value="Center"/>
<Setter Property="FontSize" Value="40"/>
<Setter Property="TextAlignment" Value="Center"/>
</Style>
</Application.Resources> </Application.Resources>
</Application> </Application>

View File

@@ -5,7 +5,7 @@
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local="clr-namespace:Server_Dashboard" xmlns:local="clr-namespace:Server_Dashboard"
mc:Ignorable="d" mc:Ignorable="d"
Title="Server Dashboard" Height="600" Width="400"> Title="Server Dashboard" Height="700" Width="500">
<Border Style="{StaticResource LoginViewBorder}"> <Border Style="{StaticResource LoginViewBorder}">
<Grid> <Grid>
<Grid.RowDefinitions> <Grid.RowDefinitions>
@@ -15,7 +15,12 @@
<RowDefinition Height="80"/> <RowDefinition Height="80"/>
<RowDefinition Height=".5*"/> <RowDefinition Height=".5*"/>
</Grid.RowDefinitions> </Grid.RowDefinitions>
<TextBlock Text="Login"/> <Border Grid.Row="0" HorizontalAlignment="Center" VerticalAlignment="Center" BorderBrush="#35bEb6" BorderThickness="0 1 0 1">
<StackPanel VerticalAlignment="Center" Margin="0 0 0 5">
<TextBlock Text="Server Dashboard" Style="{StaticResource LoginGreeter}"/>
<TextBlock Text="Login" FontSize="40" Style="{StaticResource LoginGreeter}"/>
</StackPanel>
</Border>
<Grid Grid.Row="1"> <Grid Grid.Row="1">
<Border Style="{StaticResource LoginFormsBorder}"> <Border Style="{StaticResource LoginFormsBorder}">
<Grid Grid.Column="1"> <Grid Grid.Column="1">
@@ -24,8 +29,9 @@
<ColumnDefinition/> <ColumnDefinition/>
</Grid.ColumnDefinitions> </Grid.ColumnDefinitions>
<Image Grid.Column="0" Height="30" Source="Assets/Images/userlogin.png"/> <Image Grid.Column="0" Height="30" Source="Assets/Images/userlogin.png"/>
<TextBlock Text="Username" Style="{StaticResource LoginFormTooltip}" Visibility="{Binding ElementName=UserName, Path=Text.IsEmpty, Converter={StaticResource UserNameVisibillity}}" Grid.Column="1" IsHitTestVisible="False"/>
<Border Grid.Column="1" Style="{StaticResource LoginFormsInputBorder}"> <Border Grid.Column="1" Style="{StaticResource LoginFormsInputBorder}">
<TextBox Grid.Column="1" Style="{StaticResource LoginFormInput}"/> <TextBox x:Name="UserName" Background="Transparent" Grid.Column="1" Style="{StaticResource LoginFormInput}"/>
</Border> </Border>
</Grid> </Grid>
</Border> </Border>
@@ -38,38 +44,14 @@
<ColumnDefinition/> <ColumnDefinition/>
</Grid.ColumnDefinitions> </Grid.ColumnDefinitions>
<Image Grid.Column="0" Height="30" Source="Assets/Images/userpasswd.png"/> <Image Grid.Column="0" Height="30" Source="Assets/Images/userpasswd.png"/>
<TextBlock Text="Password" Style="{StaticResource LoginFormTooltip}" Visibility="{Binding ElementName=Password, Path=SecurePassword.IsEmpty, Converter={StaticResource PasswordVisibillity}}" Grid.Column="1" IsHitTestVisible="False"/>
<Border Grid.Column="1" Style="{StaticResource LoginFormsInputBorder}"> <Border Grid.Column="1" Style="{StaticResource LoginFormsInputBorder}">
<PasswordBox Grid.Column="1" Style="{StaticResource LoginFormPassword}"/> <PasswordBox x:Name="Password" Grid.Column="1" Style="{StaticResource LoginFormPassword}"/>
</Border> </Border>
</Grid> </Grid>
</Border> </Border>
</Grid> </Grid>
<Grid Grid.Row="3"> <Button Grid.Row="3" Style="{StaticResource LoginFormButton}" Content="Login"/>
<Button Style="{StaticResource LoginFormButton}" Content="Anmelden"/>
</Grid>
<Grid Grid.Row="4">
<Grid.RowDefinitions>
<RowDefinition/>
<RowDefinition/>
</Grid.RowDefinitions>
<Grid Height="20" VerticalAlignment="Top" Grid.Row="0">
<TextBlock Grid.Column="1" HorizontalAlignment="Center" FontSize="14" FontFamily="Arial" Foreground="#878787">
Noch keinen Account? Klicke
<Hyperlink Foreground="#25AEA6" TextDecorations="none" NavigateUri="https://www.youtube.com/watch?v=dQw4w9WgXcQ">
hier
</Hyperlink>
um einen zu erstellen!
</TextBlock>
</Grid>
<Grid VerticalAlignment="Top" Height="20" Grid.Row="2">
<TextBlock HorizontalAlignment="Center" FontSize="14" FontFamily="Arial" Foreground="#878787">
Passwort
<Hyperlink Foreground="#25AEA6" TextDecorations="none" NavigateUri="https://www.youtube.com/watch?v=dQw4w9WgXcQ">
Vergessen?
</Hyperlink>
</TextBlock>
</Grid>
</Grid>
</Grid> </Grid>
</Border> </Border>
</Window> </Window>

View File

@@ -1,4 +1,4 @@
#pragma checksum "..\..\..\App.xaml" "{ff1816ec-aa5e-4d10-87f7-6f4963833460}" "CFAEA69073E0A9617DE983A1C17F812E8D11C797" #pragma checksum "..\..\..\App.xaml" "{ff1816ec-aa5e-4d10-87f7-6f4963833460}" "D03A8BE38EE5AEEDA00BB5AE30E41B585091E1F0"
//------------------------------------------------------------------------------ //------------------------------------------------------------------------------
// <auto-generated> // <auto-generated>
// Dieser Code wurde von einem Tool generiert. // Dieser Code wurde von einem Tool generiert.

View File

@@ -1,4 +1,4 @@
#pragma checksum "..\..\..\App.xaml" "{ff1816ec-aa5e-4d10-87f7-6f4963833460}" "CFAEA69073E0A9617DE983A1C17F812E8D11C797" #pragma checksum "..\..\..\App.xaml" "{ff1816ec-aa5e-4d10-87f7-6f4963833460}" "D03A8BE38EE5AEEDA00BB5AE30E41B585091E1F0"
//------------------------------------------------------------------------------ //------------------------------------------------------------------------------
// <auto-generated> // <auto-generated>
// Dieser Code wurde von einem Tool generiert. // Dieser Code wurde von einem Tool generiert.

View File

@@ -1,4 +1,4 @@
#pragma checksum "..\..\..\MainWindow.xaml" "{ff1816ec-aa5e-4d10-87f7-6f4963833460}" "9936019F8F4F36AA14CB7E4E5EF102427D7DACAB" #pragma checksum "..\..\..\MainWindow.xaml" "{ff1816ec-aa5e-4d10-87f7-6f4963833460}" "3C90DD8C14A9C472B0C23B4B4C5ADAF4EB5BB2A0"
//------------------------------------------------------------------------------ //------------------------------------------------------------------------------
// <auto-generated> // <auto-generated>
// Dieser Code wurde von einem Tool generiert. // Dieser Code wurde von einem Tool generiert.
@@ -42,9 +42,17 @@ namespace Server_Dashboard {
public partial class MainWindow : System.Windows.Window, System.Windows.Markup.IComponentConnector { public partial class MainWindow : System.Windows.Window, System.Windows.Markup.IComponentConnector {
#line 74 "..\..\..\MainWindow.xaml" #line 34 "..\..\..\MainWindow.xaml"
[System.Diagnostics.CodeAnalysis.SuppressMessageAttribute("Microsoft.Performance", "CA1823:AvoidUnusedPrivateFields")] [System.Diagnostics.CodeAnalysis.SuppressMessageAttribute("Microsoft.Performance", "CA1823:AvoidUnusedPrivateFields")]
internal System.Windows.Controls.TextBlock LoginErrorText; internal System.Windows.Controls.TextBox UserName;
#line default
#line hidden
#line 49 "..\..\..\MainWindow.xaml"
[System.Diagnostics.CodeAnalysis.SuppressMessageAttribute("Microsoft.Performance", "CA1823:AvoidUnusedPrivateFields")]
internal System.Windows.Controls.PasswordBox Password;
#line default #line default
#line hidden #line hidden
@@ -80,7 +88,10 @@ namespace Server_Dashboard {
switch (connectionId) switch (connectionId)
{ {
case 1: case 1:
this.LoginErrorText = ((System.Windows.Controls.TextBlock)(target)); this.UserName = ((System.Windows.Controls.TextBox)(target));
return;
case 2:
this.Password = ((System.Windows.Controls.PasswordBox)(target));
return; return;
} }
this._contentLoaded = true; this._contentLoaded = true;

View File

@@ -1,5 +1,4 @@
// Updated by XamlIntelliSenseFileGenerator 01.04.2021 15:13:25 #pragma checksum "..\..\..\MainWindow.xaml" "{ff1816ec-aa5e-4d10-87f7-6f4963833460}" "3C90DD8C14A9C472B0C23B4B4C5ADAF4EB5BB2A0"
#pragma checksum "..\..\..\MainWindow.xaml" "{ff1816ec-aa5e-4d10-87f7-6f4963833460}" "9936019F8F4F36AA14CB7E4E5EF102427D7DACAB"
//------------------------------------------------------------------------------ //------------------------------------------------------------------------------
// <auto-generated> // <auto-generated>
// Dieser Code wurde von einem Tool generiert. // Dieser Code wurde von einem Tool generiert.
@@ -42,8 +41,21 @@ namespace Server_Dashboard {
/// </summary> /// </summary>
public partial class MainWindow : System.Windows.Window, System.Windows.Markup.IComponentConnector { public partial class MainWindow : System.Windows.Window, System.Windows.Markup.IComponentConnector {
#line default
#line hidden #line 34 "..\..\..\MainWindow.xaml"
[System.Diagnostics.CodeAnalysis.SuppressMessageAttribute("Microsoft.Performance", "CA1823:AvoidUnusedPrivateFields")]
internal System.Windows.Controls.TextBox UserName;
#line default
#line hidden
#line 49 "..\..\..\MainWindow.xaml"
[System.Diagnostics.CodeAnalysis.SuppressMessageAttribute("Microsoft.Performance", "CA1823:AvoidUnusedPrivateFields")]
internal System.Windows.Controls.PasswordBox Password;
#line default
#line hidden
private bool _contentLoaded; private bool _contentLoaded;
@@ -59,11 +71,11 @@ namespace Server_Dashboard {
_contentLoaded = true; _contentLoaded = true;
System.Uri resourceLocater = new System.Uri("/Server Dashboard;component/mainwindow.xaml", System.UriKind.Relative); System.Uri resourceLocater = new System.Uri("/Server Dashboard;component/mainwindow.xaml", System.UriKind.Relative);
#line 1 "..\..\..\MainWindow.xaml" #line 1 "..\..\..\MainWindow.xaml"
System.Windows.Application.LoadComponent(this, resourceLocater); System.Windows.Application.LoadComponent(this, resourceLocater);
#line default #line default
#line hidden #line hidden
} }
[System.Diagnostics.DebuggerNonUserCodeAttribute()] [System.Diagnostics.DebuggerNonUserCodeAttribute()]
@@ -73,9 +85,13 @@ namespace Server_Dashboard {
[System.Diagnostics.CodeAnalysis.SuppressMessageAttribute("Microsoft.Maintainability", "CA1502:AvoidExcessiveComplexity")] [System.Diagnostics.CodeAnalysis.SuppressMessageAttribute("Microsoft.Maintainability", "CA1502:AvoidExcessiveComplexity")]
[System.Diagnostics.CodeAnalysis.SuppressMessageAttribute("Microsoft.Performance", "CA1800:DoNotCastUnnecessarily")] [System.Diagnostics.CodeAnalysis.SuppressMessageAttribute("Microsoft.Performance", "CA1800:DoNotCastUnnecessarily")]
void System.Windows.Markup.IComponentConnector.Connect(int connectionId, object target) { void System.Windows.Markup.IComponentConnector.Connect(int connectionId, object target) {
switch (connectionId) { switch (connectionId)
{
case 1: case 1:
this.LoginErrorText = ((System.Windows.Controls.TextBlock)(target)); this.UserName = ((System.Windows.Controls.TextBox)(target));
return;
case 2:
this.Password = ((System.Windows.Controls.PasswordBox)(target));
return; return;
} }
this._contentLoaded = true; this._contentLoaded = true;

View File

@@ -16,5 +16,5 @@ C:\Users\Crylia\Documents\Git\Server Dashboard\Server Dashboard\App.xaml
193-833620683 193-833620683
MainWindow.xaml; MainWindow.xaml;
False True

View File

@@ -0,0 +1,4 @@
FC:\Users\Crylia\Documents\Git\Server Dashboard\Server Dashboard\App.xaml;;
FC:\Users\Crylia\Documents\Git\Server Dashboard\Server Dashboard\MainWindow.xaml;;