Login wurde angepasst und die Designs überarbeitet bzw aneinander angepasst.

This commit is contained in:
ja
2021-10-06 16:02:58 +02:00
parent c5c53c0216
commit d1a4cd5120
8 changed files with 200 additions and 69 deletions

View File

@@ -7,6 +7,7 @@
background-attachment: fixed;
background-size: cover;
background-color: #fff;
overflow-y: clip;
}
#txt_Pw_WH:invalid {
background-color: indianred;
@@ -16,7 +17,17 @@
#txt_Pw_WH:valid {
background-color: lightgreen;
border-color: forestgreen;
color: forestgreen;
color: black;
}
#txt_Pw:invalid {
background-color: indianred;
border-color: red;
color: red;
}
#txt_Pw:valid {
background-color: lightgreen;
border-color: forestgreen;
color: black;
}
#tbl_main {
font-family: Arial;
@@ -30,12 +41,41 @@
width: 1024px;
height: 800px;
margin: 0 auto;
margin-top: auto;
margin-top: 20px;
}
.container-fluid {
width: 262px;
height: 216px;
width: 400px;
height: 379px;
background-color: rgba(255,255,255,0.5);
margin: 0 auto;
margin-top: 40px;
}
#tbl_main {
font-family: Arial;
font-size: 11px;
border: 1px solid gray;
width: 400px;
height: 379px;
}
#lbl_Ueberschrift {
background-color: #003680;
font-size: 2.55em;
color:#fff;
}
.txt_design {
color: #003680;
font-size: 1.45em;
}
#CustomerID {
color: #003680;
font-size: 1.320901320901321em;
}
#lbl_Hinweis {
font-size: 1.188em;
color: dimgrey;
}

View File

@@ -6,7 +6,8 @@
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-color:#fff;
background-color: #fff;
overflow-y: clip;
}
#Login1_LoginButton {
color: #fff;
@@ -19,15 +20,39 @@
width: 1024px;
height: 800px;
margin: 0 auto;
margin-top: auto;
margin-top: 20px;
}
.container-fluid {
width: 262px;
height: 216px;
width: 400px;
height: 379px;
background-color: rgba(255,255,255,0.5);
margin: 0 auto;
margin-top: 40px;
}
#tbl_main {
font-family: Arial;
font-size: 11px;
border: 1px solid gray
border: 1px solid gray;
width: 400px;
height: 379px;
}
#lbl_Ueberschrift {
background-color: #003680;
font-size: 2.55em;
color: #fff;
}
.txt_design {
color: #003680;
font-size: 1.45em;
}
#CustomerID {
color: #003680;
font-size: 1.320901320901321em;
}
#lbl_Hinweis {
font-size: 1.188em;
color: dimgrey;
}

View File

@@ -7,6 +7,7 @@
background-attachment: fixed;
background-size: cover;
background-color: #fff;
overflow-y: clip;
}
#Login1_LoginButton {
color: #fff;
@@ -19,15 +20,34 @@
width: 1024px;
height: 800px;
margin: 0 auto;
margin-top: auto;
margin-top: 20px;
}
.container-fluid {
width: 262px;
height: 248px;
width: 400px;
height: 379px;
background-color: rgba(255,255,255,0.5);
margin: 0 auto;
margin-top: 40px;
}
#tbl_main {
font-family: Arial;
font-size: 11px;
border: 1px solid gray
border: 1px solid gray;
width: 400px;
height: 379px;
}
#lbl_login {
color: #003680;
font-size: 1.320901320901321em;
}
#lbl_Ueberschrift {
background-color: #003680;
font-size: 2.55em;
color: #fff;
}
.txt_design {
color: #003680;
font-size: 1.45em;
}

View File

@@ -13,7 +13,7 @@
<LINK REL="SHORTCUT ICON" HREF="../images/Icons/favicon/favicon.ico" />
<!-- <link rel="stylesheet" type="text/css" href="css/edit_main.css"> -->
<script src="js/netzwerk.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="../css/login/ForgotPW.css"/>
<link rel="stylesheet" type="text/css" href="../css/login/ChangePW.css"/>
<link rel="stylesheet" type="text/css" href="../css/example.css"/>
<script type="text/javascript">
@@ -69,52 +69,58 @@
<body>
<div id="content_container">
<div class="container-fluid">
<form id="form1" runat="server">
<form id="form1" runat="server">
<center>
<table id="tbl_main" cellpadding="0">
<tr style="background-color:#fff; color:#003680;height:30px;">
<tr style="color:#003680;height:38px;">
<td>
<asp:Label ID="Label1" runat="server" style="background-color:#003680" ForeColor="White" Text="Passwortwechsel:" Font-Size="Large"></asp:Label>
<asp:Label ID="lbl_Ueberschrift" runat="server" Text="Passwortwechsel:"></asp:Label>
</td>
</tr>
<tr style="background-color:#fff; color:#003680;height:30px;">
<tr style="color:#003680;height:36.67px;">
<td>
<asp:Label ID="lbl_PWEingabe" runat="server" Text="Bitte neues Passwort eingeben:"></asp:Label>
<asp:Label ID="lbl_PWEingabe" CssClass="txt_design" runat="server" Text="Bitte neues Passwort eingeben:"></asp:Label>
</td>
</tr>
<tr style="background-color:#fff; color:#003680;height:30px;">
<td>
<asp:TextBox id="txt_Pw" runat="server" TextMode="Password" Font-Names="Verdana" ></asp:TextBox>
</td>
<tr style="color:#003680;height:36.67px;">
<td colspan="4">
<asp:TextBox id="txt_Pw" runat="server" TextMode="Password" Font-Names="Verdana" OnTextChanged="txt_Pw_TextChanged"></asp:TextBox>
</td>
<tr style="color:#003680;height:36.67px;">
<td colspan="4">
<asp:Label ID="lbl_Hinweis" runat="server" Text="Das Passwort muss über mindestens 4 Stellen, ein Sonderzeichen einen Groß- sowie einen Kleinbuchstaben bei maximal 30 Zeichen verfügen."></asp:Label>
</td>
</tr>
<tr style="background-color:#fff; color:#003680;height:fit-content;">
<tr style="color:#003680;height:min-content;">
<td>
<asp:RequiredFieldValidator ID="reqPassw1txt" runat="server" ErrorMessage="Bitte Passwort eingeben!" ControlToValidate="txt_Pw" Display="Dynamic"></asp:RequiredFieldValidator>
<asp:RegularExpressionValidator ControlToValidate="txt_Pw" runat="server" ID="RegularExpressionValidator1" ValidationGroup="TXT_val" ValidationExpression="[0-9]{7}" Display="Dynamic" ErrorMessage="Falsche Eingabe!" SetFocusOnError="true"></asp:RegularExpressionValidator>
<asp:RequiredFieldValidator ID="reqPassw1txt" runat="server" ErrorMessage="Bitte ein Passwort eingeben!" ControlToValidate="txt_Pw" Display="Dynamic"></asp:RequiredFieldValidator>
<asp:RegularExpressionValidator ControlToValidate="txt_Pw" runat="server" ID="regexval_txt_Pw" ValidationGroup="TXT_val" ValidationExpression="^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[^a-zA-Z\d]).{4,30}$" Display="Dynamic" ErrorMessage="Das Passwort muss mindestens eine Länge von Zeichen, einen Groß- und mindestens einen Kleinbuchstaben sowie ein Sonderzeichen enthalten!" SetFocusOnError="true"></asp:RegularExpressionValidator>
</td>
</tr>
<tr style="background-color:#fff; color:#003680;height:30px;">
<tr style="color:#003680;height:36.67px;">
<td>
<asp:Label ID="lbl_PW_WH_Eingabe" runat="server" Text="Bitte neues Passwort wiederholen:"></asp:Label>
<asp:Label ID="lbl_PW_WH_Eingabe" CssClass="txt_design" runat="server" Text="Bitte neues Passwort wiederholen:"></asp:Label>
</td>
</tr>
<tr style="background-color:#fff; color:#003680;height:30px;">
<tr style="color:#003680;height:36.67px;">
<td>
<asp:TextBox id="txt_Pw_WH" OnTextChanged="txt_Pw_WH_TextChanged" runat="server" TextMode="Password" Font-Names="Verdana"></asp:TextBox>
<asp:TextBox id="txt_Pw_WH" OnTextChanged="txt_Pw_WH_TextChanged" AutoPostBack="true" runat="server" TextMode="Password" Font-Names="Verdana"></asp:TextBox>
</td>
</tr>
<tr style="background-color:#fff; color:#003680;height:fit-content;">
<tr style="color:#003680;height:min-content;">
<td>
<asp:CompareValidator ID="confirmPasswordReq" runat="server" ControlToCompare="txt_Pw" ControlToValidate="txt_Pw_WH" ErrorMessage="Password does not match." Display="Dynamic"></asp:CompareValidator>
<asp:CompareValidator ID="confirmPasswordReq" runat="server" ControlToCompare="txt_Pw" ControlToValidate="txt_Pw_WH" ErrorMessage="Die Passwörter stimmen nicht überein! nochmal versuchen!" Display="Dynamic"></asp:CompareValidator>
<asp:RequiredFieldValidator ID="reqPasswtxt" runat="server" ErrorMessage="Bitte Passwort wiederholen!" ControlToValidate="txt_Pw_WH" Display="Dynamic"></asp:RequiredFieldValidator>
<asp:RegularExpressionValidator ControlToValidate="txt_Pw_WH" runat="server" ID="regexval_txt_KdNrAuftrag" ValidationGroup="TXT_val" ValidationExpression="[0-9]{7}" Display="Dynamic" ErrorMessage="Falsche Eingabe!" SetFocusOnError="true"></asp:RegularExpressionValidator>
<asp:RegularExpressionValidator ControlToValidate="txt_Pw_WH" runat="server" ID="regexval_txt_Pw_WH" ValidationGroup="TXT_val" ValidationExpression="^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[^a-zA-Z\d]).{4,30}$" Display="Dynamic" ErrorMessage="Das Passwort muss mindestens eine Länge von Zeichen, einen Groß- und mindestens einen Kleinbuchstaben sowie ein Sonderzeichen enthalten!" SetFocusOnError="true"></asp:RegularExpressionValidator>
</td>
</tr>
<tr style="background-color:#fff; color:#003680;height:30px;">
<tr style="color:#003680;height:36.67px;">
<td>
<asp:Button ID="btn_submitpw" runat="server" Text="Passwort wechseln" OnClick="btn_submitpw_Click"/>
</td>
</tr>
</table>
</center>
</form>
</div>
</div>

View File

@@ -4,10 +4,14 @@ Partial Class login_ChangePW
Protected Sub Page_Load(sender As Object, e As EventArgs)
btn_submitpw.Enabled = False
txt_Pw_WH.Enabled = False
regexval_txt_Pw_WH.Enabled = False
End Sub
Protected Sub txt_Pw_WH_TextChanged(sender As Object, e As EventArgs)
If reqPasswtxt.IsValid AndAlso reqPassw1txt.IsValid AndAlso confirmPasswordReq.IsValid Then
regexval_txt_Pw_WH.Validate()
confirmPasswordReq.Validate()
If confirmPasswordReq.IsValid Then
btn_submitpw.Enabled = True
Else
btn_submitpw.Enabled = False
@@ -17,9 +21,25 @@ Partial Class login_ChangePW
Protected Sub btn_submitpw_Click(sender As Object, e As EventArgs)
Dim tempstr As String = ""
If txt_Pw.Text = tempstr Then
End If
End Sub
Protected Sub txt_Pw_TextChanged(sender As Object, e As EventArgs)
regexval_txt_Pw.Validate()
If regexval_txt_Pw.IsValid Then
txt_Pw_WH.ReadOnly = False
txt_Pw_WH.Enabled = True
regexval_txt_Pw_WH.Enabled = True
MsgBox("PW erfolgreich geändert!")
Else
txt_Pw_WH.ReadOnly = True
txt_Pw_WH.Enabled = False
regexval_txt_Pw_WH.Enabled = False
MsgBox("PW nicht erfolgreich geändert!")
End If
End Sub
End Class

View File

@@ -70,13 +70,14 @@
<div id="content_container">
<div class="container-fluid">
<form id="form1" runat="server">
<center>
<table id="tbl_main" cellpadding="0">
<tr style="background-color:#fff; color:#003680;height:30px;">
<td>
<asp:Button ID="btn_Back" runat="server" Text="Back" PostBackUrl="~/login/login_FLEX.aspx" OnClick="btn_Back_Click"/>
</td>
</tr>
<tr style="background-color:#fff; color:#003680; height:30px;font-size:12px">
<tr style="color:#003680; height:30px;font-size:12px">
<td align="center" colspan="2" style="color:#fff;font-kerning:auto;font-weight:700;">
<asp:Label ID="lbl_PWvergessen" Text="Haben Sie ihr Passwort vergessen?" runat="server" style=" background-color:#fff; color:#003680; font-size:12px"></asp:Label>
</td></tr>
@@ -84,29 +85,42 @@
<td align="center" colspan="2" style="color:#fff;font-kerning:auto;font-weight:700;">
<asp:Label ID="Label1" Text="Geben Sie Ihre hinterlegte E-Mail-Adresse ein, um einen Link zum Rücksetzen des Passwortes zu erhalten." runat="server" style=" background-color:#fff; color:#003680; font-size:12px"></asp:Label>
</td></tr> -->
<tr>
<tr style="color:#003680; height:30px;">
<td align="right" colspan="2">
<h1>Passwort vergessen:</h1>
</td></tr>
<!-- <tr><td>
<input type="email" runat="server" style="width:150px" placeholder="example@somehost.com" />
</td></tr> -->
<tr><td>
<asp:Label ID="lbl_Email" runat="server" Text="Email Address:"></asp:Label>
<asp:TextBox ID="txtEmail" runat="server" Width = "250" />
<asp:Label ID="lbl_Username" runat="server" Text="Username:"></asp:Label>
<tr style="color:#003680; height:30px;">
<td align="right" colspan="2">
<asp:Label ID="lbl_Email" runat="server" Text="Email Address:" CssClass="txt_design"></asp:Label>
</td></tr>
<tr style="color:#003680; height:30px;">
<td align="right" colspan="2">
<asp:TextBox ID="txtEmail" runat="server" Width = "250" OnTextChanged="txtEmail_TextChanged"/>
</td></tr>
<tr style="color:#003680; height:30px;">
<td align="right" colspan="4">
<asp:RegularExpressionValidator ID="regexval_txt_Email" ControlToValidate="txtEmail" runat="server" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" Display="Dynamic"></asp:RegularExpressionValidator>
</td></tr>
<tr style="color:#003680; height:30px;">
<td align="right" colspan="2">
<asp:Label ID="lbl_Username" runat="server" Text="Username:" CssClass="txt_design"></asp:Label>
</td></tr>
<tr style="color:#003680; height:30px;">
<td align="right" colspan="2">
<asp:TextBox ID="txt_Username" runat="server" Width = "250" />
<br />
</td></tr>
<tr style="color:#003680; height:30px;">
<td align="right" colspan="2">
<asp:Label ID="lblMessage" runat="server" />
<br />
</td></tr>
<tr style="color:#003680; height:30px;"><td>
<asp:Button Text="Send" runat="server" OnClick="SendEmail" />
</td></tr>
</table>
</center>
</form>
</div>
</div>

View File

@@ -107,4 +107,8 @@ Partial Class login_ForgotPW
End Function
Protected Sub txtEmail_TextChanged(sender As Object, e As EventArgs)
regexval_txt_Email.Validate()
End Sub
End Class

View File

@@ -69,68 +69,70 @@
<div class="container-fluid">
<form id="form1" runat="server">
<asp:Login ID = "Login1" runat = "server" OnAuthenticate= "ValidateUser" ClientIDMode="AutoID" DestinationPageUrl="../Customers/CustomsAviso.aspx" >
<LayoutTemplate>
<table cellpadding="0" style="font-family:Arial;font-size:11px;border:1px solid gray">
<LayoutTemplate>
<center>
<table cellpadding="0" style="font-size:12px">
<!-- <tr style=" background-image: linear-gradient(to right, #003680 , #0055cc);color:#fff;height:30px;font-size:12px">
<td align="center" colspan="2" style="color:#fff;font-kerning:auto;font-weight:700;">Bitte melden Sie sich an:</td>
</tr> -->
<tr style=" background-color:#fff; color:#003680; height:30px;font-size:12px">
<td align="center" colspan="2" style="color:#fff;font-kerning:auto;font-weight:700;">
<asp:Label ID="Label1" runat="server" Text="Login" style="color:#003680;font-size:1.320901320901321vh"></asp:Label></td>
<tr style="color:#003680; height:50px;">
<td align="center" colspan="2" style="color:#003680;font-kerning:auto;font-weight:700;">
<asp:Label ID="lbl_login" runat="server" Text="Login" CssClass="txt_design" ></asp:Label></td>
</tr>
<tr>
<tr style="color:#003680; height:50px;">
<td align="right">
<asp:Label ID="CustomerIDLabel" runat="server" AssociatedControlID="CustomerID" required="true">Kundennummer:</asp:Label>
<asp:Label ID="CustomerIDLabel" runat="server" AssociatedControlID="CustomerID" CssClass="txt_design">Kundennummer:</asp:Label>
</td>
<td>
<asp:TextBox ID="CustomerID" runat="server" TextMode="Number"></asp:TextBox>
<asp:TextBox ID="CustomerID" runat="server" TextMode="Number" required="true"></asp:TextBox>
<asp:RequiredFieldValidator ID="CustomerIDrequired" runat="server" ControlToValidate="CustomerID" ErrorMessage="Die Kundennummer ist erforderlich." ToolTip="Die Kundennummer ist erforderlich." ValidationGroup="Login1">*</asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<tr style="color:#003680; height:50px;">
<td align="right">
<asp:Label ID="UserNameLabel" runat="server" AssociatedControlID="UserName" required="true">Benutzername:</asp:Label>
<asp:Label ID="UserNameLabel" runat="server" AssociatedControlID="UserName" CssClass="txt_design">Benutzername:</asp:Label>
</td>
<td>
<asp:TextBox ID="UserName" runat="server" TextMode="SingleLine"></asp:TextBox>
<asp:TextBox ID="UserName" runat="server" TextMode="SingleLine" required="true"></asp:TextBox>
<asp:RequiredFieldValidator ID="UserNamerequired" runat="server" ControlToValidate="UserName" ErrorMessage="Der Benutzername ist erforderlich." ToolTip="Der Benutzername ist erforderlich." ValidationGroup="Login1">*</asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<tr style="color:#003680; height:50px;">
<td align="right">
<asp:Label ID="PasswordLabel" runat="server" AssociatedControlID="Password" required="true">Kennwort:</asp:Label>
<asp:Label ID="PasswordLabel" runat="server" AssociatedControlID="Password" CssClass="txt_design">Kennwort:</asp:Label>
</td>
<td>
<asp:TextBox ID="Password" runat="server" TextMode="Password"></asp:TextBox>
<asp:TextBox ID="Password" runat="server" TextMode="Password" required="true"></asp:TextBox>
<asp:RequiredFieldValidator ID="Passwordrequired" runat="server" ControlToValidate="Password" ErrorMessage="Das Kennwort ist erforderlich." ToolTip="Das Kennwort ist erforderlich." ValidationGroup="Login1">*</asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<tr style="color:#003680; height:50px;">
<td>
<asp:CheckBox ID="RememberMe" runat="server" Text="Anmeldedaten speichern." />
</td>
</tr>
<tr>
<tr style="color:#003680; height:fit-content;">
<td align="center" colspan="2" style="color:Red;">
<asp:Literal ID="FailureText" runat="server" EnableViewState="False"></asp:Literal>
</td>
</tr>
<tr>
<tr style="color:#003680; height:50px;">
<td align="left" colspan="2">
<br/> <asp:Button ID="LoginButton" runat="server" CommandName="Login" Text="Login" ValidationGroup="Login1" target="_top" OnClientClick="bust2()"/>
</td>
<tr>
<tr style="color:#003680; height:50px;">
<td align="middle" colspan="2">
<asp:LinkButton ID="LinkButton1" runat="server" target="_top" OnClientClick="bust2()">Admin-Login</asp:LinkButton>
</td>
</tr>
<tr>
<tr style="color:#003680; height:50px;">
<td align="left" colspan="2">
<a ID="LinkButton2" runat="server" target="_top" href="ForgotPW.aspx">Passwort Vergessen</a>
</td>
</td>
</tr>
</table>
</table>
</center>
</LayoutTemplate>
</asp:Login>
</form>