Änderungen design login pages

This commit is contained in:
ja
2021-10-12 16:24:20 +02:00
parent 8424f43ef7
commit 657b62fb2c
7 changed files with 129 additions and 99 deletions

View File

@@ -1,4 +1,4 @@
<%@ Page Title="Aufträge VERAG" Language="VB" MasterPageFile="~/Customers/Customers.master" AutoEventWireup="false" CodeFile="CustomsAviso.aspx.vb" Inherits="Kundenbereich_Default" UnobtrusiveValidationMode="None"%> <%@ Page Title="Aufträge VERAG" Language="VB" MasterPageFile="~/Customers/Customers.master" AutoEventWireup="false" CodeFile="CustomsAviso.aspx.vb" Inherits="CustomsAviso_Default" UnobtrusiveValidationMode="None"%>
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server"> <asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<!-- Bootstrap --> <!-- Bootstrap -->

View File

@@ -2,7 +2,7 @@
Imports System.Data Imports System.Data
Imports System.Web.UI.HtmlControls Imports System.Web.UI.HtmlControls
Partial Class Kundenbereich_Default Partial Class CustomsAviso_Default
Inherits System.Web.UI.Page Inherits System.Web.UI.Page
Dim datevon As DateTime Dim datevon As DateTime
Dim datebis As DateTime Dim datebis As DateTime

View File

@@ -73,23 +73,46 @@
height: 35px; height: 35px;
} }
.bg-user-icon {
background: url("../../images/Icons/service/username-icon-png-5.png") no-repeat 1.75% 10px white;
padding-left: 28px;
padding-right: 50px;
margin-left: -4px;
width: 207px;
height: 20px;
border: 1px gray solid;
border-radius: 5px 5px 0px 0px;
}
.bg-email-icon { .bg-email-icon {
background: url("../../images/Icons/service/mail-icon.gif") no-repeat 1.75% 10px white; background: url("../../images/Icons/service/mail-icon.gif") no-repeat 1.75% 11px white;
padding-left: 28px; padding-left: 28px;
padding-right: 50px; padding-right: 50px;
margin-left: -4px; margin-left: -4px;
width: 207px; width: 227px;
height: 20px; height: 19px;
border: 1px gray solid; border: 1px gray solid;
border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;
} }
.bg-user-icon {
background: url("../../images/Icons/service/username-icon-png-5.png") no-repeat 1.75% 11px white;
padding-left: 28px;
padding-right: 50px;
width: 227px;
height: 28px;
border: 1px gray solid;
border-radius: 5px 5px 0px 0px;
}
.bg-key-icon {
background: url("../../images/Icons/service/key-icon-png-22_small.png") no-repeat 1.75% 10px white;
padding-left: 28px;
padding-right: 50px;
width: 227px;
height: 28px;
border: 1px gray solid;
border-radius: 5px 5px 0px 0px;
margin-left: -4px;
}
.bg-UID-icon {
background: url("../../images/Icons/main/icon0-vector-493-01.png") no-repeat 1.75% 11px white;
padding-left: 28px;
padding-right: 50px;
margin-left: -4px;
width: 227px;
height: 28px;
border: 1px gray solid;
border-radius: 5px 5px 0px 0px;
}

View File

@@ -63,7 +63,16 @@
} }
</script> </script>
<style> <style>
.bg-key-icon {
background: url("../../images/Icons/service/key-icon-png-22_small.png") no-repeat 1.75% 10px white;
padding-left: 28px;
padding-right: 50px;
width: 227px;
height: 28px;
border: 1px gray solid;
border-radius: 5px 5px 0px 0px;
margin-left: -4px;
}
</style> </style>
</head> </head>
<body> <body>
@@ -74,19 +83,14 @@
<table id="tbl_main" cellpadding="0" style="margin: 2px 4px 1px 2px"> <table id="tbl_main" cellpadding="0" style="margin: 2px 4px 1px 2px">
<tr style="color:#003680;height:38px;"> <tr style="color:#003680;height:38px;">
<td> <td>
<asp:Label ID="lbl_Ueberschrift" runat="server" Text="Passwortwechsel:"></asp:Label> <asp:Label ID="lbl_Ueberschrift" runat="server" Text="Passwortwechsel:" style="margin-left:75px"></asp:Label>
</td>
</tr>
<tr style="color:#003680;height:36.67px;">
<td>
<asp:Label ID="lbl_PWEingabe" CssClass="txt_design" ToolTip="Bitte neues Passwort eingeben." runat="server" Text="Neues Passwort"></asp:Label>
</td> </td>
</tr> </tr>
<tr style="color:#003680;height:36.67px;"> <tr style="color:#003680;height:36.67px;">
<td colspan="4"> <td colspan="4">
<asp:TextBox id="txt_Pw" runat="server" TextMode="Password" Font-Names="Verdana" OnTextChanged="txt_Pw_TextChanged" AutoCompleteType="Disabled"></asp:TextBox> <asp:TextBox id="txt_Pw" CssClass="bg-key-icon" runat="server" TextMode="Password" Width="250px" Font-Names="Verdana" OnTextChanged="txt_Pw_TextChanged" AutoCompleteType="Disabled" style="margin-left:22px;color:#003680" OnClick="this.value='';"></asp:TextBox>
<span></span> <span></span>
<asp:Image ID="Image1" runat="server" ImageUrl="~/images/Icons/service/hilfe.png" Height="13px" Width="13px" ToolTip="Das Passwort muss über mindestens 4 Stellen, ein Sonderzeichen, einen Groß- sowie einen Kleinbuchstaben bei maximal 30 Zeichen verfügen."/> <asp:Image ID="Image1" runat="server" ImageUrl="~/images/Icons/service/hilfe.png" Height="13px" Width="13px" style="margin-left:12px" ToolTip="Das Passwort muss über mindestens 4 Stellen, ein Sonderzeichen, einen Groß- sowie einen Kleinbuchstaben bei maximal 30 Zeichen verfügen."/>
</td> </td>
<tr style="color:#003680;height:12px;"> <tr style="color:#003680;height:12px;">
@@ -97,16 +101,12 @@
<asp:RegularExpressionValidator ControlToValidate="txt_Pw" runat="server" ID="regexval_txt_Pw" ValidationGroup="TXT_val" ValidationExpression="<%=veragpwVAL %>" Display="Dynamic" ErrorMessage="Das Passwort muss mindestens den Kriterien des Info-Symbols entsprechen!" SetFocusOnError="true"></asp:RegularExpressionValidator> <asp:RegularExpressionValidator ControlToValidate="txt_Pw" runat="server" ID="regexval_txt_Pw" ValidationGroup="TXT_val" ValidationExpression="<%=veragpwVAL %>" Display="Dynamic" ErrorMessage="Das Passwort muss mindestens den Kriterien des Info-Symbols entsprechen!" SetFocusOnError="true"></asp:RegularExpressionValidator>
</td> </td>
</tr> </tr>
<tr style="color:#003680;height:36.67px;"> <tr style="color:#003680;height:36.67px;">
<td> <td>
<asp:Label ID="lbl_PW_WH_Eingabe" CssClass="txt_design" runat="server" Text="Wiederholung neues Passwort"></asp:Label> <asp:TextBox id="txt_Pw_WH" CssClass="bg-key-icon" Width="250px" OnTextChanged="txt_Pw_WH_TextChanged" runat="server" TextMode="Password" Font-Names="Verdana" AutoCompleteType="Disabled" style="margin-left:22px;color:#003680" OnClick="this.value='';"></asp:TextBox>
</td>
</tr>
<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" AutoCompleteType="Disabled"></asp:TextBox>
<span></span> <span></span>
<asp:Image ID="Image2" runat="server" ImageUrl="~/images/Icons/service/hilfe.png" Height="13px" Width="13px" ToolTip="Das Passwort muss mit dem vorherigen Feld übereinstimmen."/> <asp:Image ID="Image2" runat="server" ImageUrl="~/images/Icons/service/hilfe.png" Height="13px" Width="13px" style="margin-left:12px" ToolTip="Das Passwort muss mit dem vorherigen Feld übereinstimmen."/>
</td> </td>
</tr> </tr>
<tr style="color:#003680;height:12px;"> <tr style="color:#003680;height:12px;">
@@ -119,7 +119,7 @@
<tr style="color:#003680;height:36.67px;"> <tr style="color:#003680;height:36.67px;">
<td> <td>
<asp:Button ID="btn_submitpw" runat="server" Text="Passwort wechseln" OnClick="btn_submitpw_Click"/> <asp:Button ID="btn_submitpw" runat="server" Text="Passwort wechseln" OnClick="btn_submitpw_Click" Width="340px" style="margin-left:27px;border:none"/>
</td> </td>
</tr> </tr>
</table> </table>

View File

@@ -85,12 +85,12 @@
<table id="tbl_main" cellpadding="0" style="margin:4px 4px 4px 4px; border: none;"> <table id="tbl_main" cellpadding="0" style="margin:4px 4px 4px 4px; border: none;">
<tr style="color:#003680;height:35px;"> <tr style="color:#003680;height:35px;">
<td> <td>
<asp:Button ID="btn_Back" runat="server" Text="Back" PostBackUrl="~/login/login_FLEX.aspx" OnClick="btn_Back_Click"/> <asp:Button ID="btn_Back" runat="server" Text="Back" PostBackUrl="~/login/login_FLEX.aspx" style="margin-left:114px; margin-right:auto;border:none" OnClick="btn_Back_Click"/>
</td> </td>
</tr> </tr>
<tr style="color:#003680; height:30px;font-size:12px"> <tr style="color:#003680; height:32px;font-size:12px">
<td align="center" colspan="2" style="color:#fff;font-kerning:auto;font-weight:700;"> <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="color:#003680; font-size:15px"></asp:Label> <asp:Label ID="lbl_PWvergessen" Text="Haben Sie ihr Passwort vergessen?" runat="server" style="color:#003680; margin-left:58px;font-size:17px;"></asp:Label>
</td></tr> </td></tr>
<!-- <tr style=" background-color:#fff; color:#003680; height:30px;font-size:12px"> <!-- <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;"> <td align="center" colspan="2" style="color:#fff;font-kerning:auto;font-weight:700;">
@@ -98,19 +98,19 @@
</td></tr> --> </td></tr> -->
<tr style="color:#003680; height:30px;"> <tr style="color:#003680; height:30px;">
<td align="right" colspan="2"> <td align="right" colspan="2">
<h1>Passwort vergessen:</h1> <h2 style="margin-left:24px;margin-left:98px;">Daten hier eintragen:</h2>
</td></tr> </td></tr>
<!-- <tr><td> <!-- <tr><td>
<input type="email" runat="server" style="width:150px" placeholder="example@somehost.com" /> <input type="email" runat="server" style="width:150px" placeholder="example@somehost.com" />
</td></tr> --> </td></tr> -->
<tr style="color:#003680; height:30px;"> <tr style="color:#003680; height:30px;">
<td align="left" colspan="2"> <td align="left" colspan="2">
<asp:TextBox ID="txtEmail" runat="server" Width="207px" Font-Size="1.125em" OnTextChanged="txtEmail_TextChanged" Text="E-Mail" CssClass="bg-email-icon" style="margin-left:-4px;color:#003680" OnClick="this.value='';"/> <asp:TextBox ID="txtEmail" runat="server" Width="250px" Font-Size="1.125em" OnTextChanged="txtEmail_TextChanged" Text="E-Mail" CssClass="bg-email-icon" style="margin-left:22px;color:#003680" OnClick="this.value='';"/>
<asp:RegularExpressionValidator ID="regexval_txt_Email" ControlToValidate="txtEmail" runat="server" ValidationExpression="<%=regexemail %>" Display="Dynamic"></asp:RegularExpressionValidator> <asp:RegularExpressionValidator ID="regexval_txt_Email" ControlToValidate="txtEmail" runat="server" ValidationExpression="<%=regexemail %>" Display="Dynamic"></asp:RegularExpressionValidator>
</td></tr> </td></tr>
<tr style="color:#003680; height:30px;"> <tr style="color:#003680; height:30px;">
<td align="left" colspan="2"> <td align="left" colspan="2">
<asp:TextBox ID="txt_Username" runat="server" CssClass="bg-user-icon" Text="Username" Font-Size="1.125em" Width="207px" style="margin-left:-4px;color:#003680" OnClick="this.value='';" /> <asp:TextBox ID="txt_Username" runat="server" CssClass="bg-user-icon" Text="Username" Font-Size="1.125em" Width="250px" style="margin-left:22px;color:#003680" OnClick="this.value='';" />
</td></tr> </td></tr>
<tr style="color:#003680; height:30px;"> <tr style="color:#003680; height:30px;">
<td align="right" colspan="2"> <td align="right" colspan="2">
@@ -118,7 +118,7 @@
</td></tr> </td></tr>
<tr style="color:#003680; height:30px;"><td> <tr style="color:#003680; height:30px;"><td>
<asp:Button ID="btn_Send" Text="Send" runat="server" OnClick="SendEmail" /> <asp:Button ID="btn_Send" Text="Send" runat="server" Width="330px" Font-Size="20px" style="margin-left:22px;border:none" OnClick="btn_Send_Click" />
</td></tr> </td></tr>
<tr><td> <tr><td>
</td></tr> </td></tr>

View File

@@ -7,17 +7,25 @@ Imports System.Data
Partial Class login_ForgotPW Partial Class login_ForgotPW
Inherits System.Web.UI.Page Inherits System.Web.UI.Page
Protected Sub Page_Load(sender As Object, e As EventArgs)
End Sub
Protected Sub btn_Back_Click(sender As Object, e As EventArgs) Protected Sub btn_Back_Click(sender As Object, e As EventArgs)
Response.Redirect("login/login_FLEX.aspx") Response.Redirect("login/login_FLEX.aspx")
End Sub End Sub
Protected Sub SendEmail(sender As Object, e As EventArgs) Protected Sub btn_Send_Click(sender As Object, e As EventArgs)
Dim username As String = txt_Username.Text Dim username As String
Dim password As String = String.Empty Dim password As String
Dim email As String = txtEmail.Text Dim email As String
Dim tokenname As String = "" Dim tokenname As String
Try
username = txt_Username.Text
password = String.Empty
email = txtEmail.Text
tokenname = ""
Catch Excep As MissingFieldException
MsgBox("Error05: " + Excep.Message)
End Try
'cDBFunctions.GetNewOpenConnection() 'cDBFunctions.GetNewOpenConnection()
Dim ConnectionString = String.Empty Dim ConnectionString = String.Empty
If HttpContext.Current.Request.ServerVariables("SERVER_NAME") = "localhost" Then If HttpContext.Current.Request.ServerVariables("SERVER_NAME") = "localhost" Then
@@ -182,6 +190,6 @@ Partial Class login_ForgotPW
End Function End Function
Protected Sub txtEmail_TextChanged(sender As Object, e As EventArgs) Protected Sub txtEmail_TextChanged(sender As Object, e As EventArgs)
regexval_txt_Email.Validate() regexval_txt_Email.ValidateRequestMode = UI.ValidateRequestMode.Enabled
End Sub End Sub
End Class End Class

View File

@@ -41,22 +41,21 @@
font-size: 1.725em; font-size: 1.725em;
} }
.bg-email-icon { .bg-email-icon {
background: url("../../images/Icons/service/mail-icon.gif") no-repeat 1.75% 10px white; background: url("../../images/Icons/service/mail-icon.gif") no-repeat 1.75% 11px white;
padding-left: 28px; padding-left: 28px;
padding-right: 50px; padding-right: 50px;
margin-left: -4px; width: 227px;
width: 207px; height: 28px;
height: 20px;
border: 1px gray solid; border: 1px gray solid;
border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;
} }
.bg-user-icon { .bg-user-icon {
background: url("../../images/Icons/service/username-icon-png-5.png") no-repeat 1.75% 10px white; background: url("../../images/Icons/service/username-icon-png-5.png") no-repeat 1.75% 11px white;
padding-left: 28px; padding-left: 28px;
padding-right: 50px; padding-right: 50px;
width: 207px; width: 227px;
height: 20px; height: 28px;
border: 1px gray solid; border: 1px gray solid;
border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;
} }
@@ -65,20 +64,20 @@
background: url("../../images/Icons/service/key-icon-png-22_small.png") no-repeat 1.75% 10px white; background: url("../../images/Icons/service/key-icon-png-22_small.png") no-repeat 1.75% 10px white;
padding-left: 28px; padding-left: 28px;
padding-right: 50px; padding-right: 50px;
width: 207px; width: 227px;
height: 20px; height: 28px;
border: 1px gray solid; border: 1px gray solid;
border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;
margin-left: -4px; margin-left: -4px;
} }
.bg-UID-icon { .bg-UID-icon {
background: url("../../images/Icons/main/icon0-vector-493-01.png") no-repeat 1.75% 10px white; background: url("../../images/Icons/main/icon0-vector-493-01.png") no-repeat 1.75% 11px white;
padding-left: 28px; padding-left: 28px;
padding-right: 50px; padding-right: 50px;
margin-left: -4px; margin-left: -4px;
width: 207px; width: 207px;
height: 20px; height: 28px;
border: 1px gray solid; border: 1px gray solid;
border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;
} }
@@ -129,27 +128,27 @@
</tr> </tr>
<tr style="color:#003680; height:46px;"> <tr style="color:#003680; height:46px;">
<td align="left"> <td align="left">
<asp:TextBox ID="CustomerID" CssClass="bg-UID-icon" runat="server" required="true" Width = "207" ValidationGroup="txt_checkUID" OnTextChanged="CustomerID_TextChanged" Text="User-ID / E-Mail" Font-Size="1.125em" style="margin-left:-4px;color:#003680" OnClick="this.value='';"></asp:TextBox> <asp:TextBox ID="CustomerID" CssClass="bg-UID-icon" runat="server" required="true" Width = "250" ValidationGroup="txt_checkUID" OnTextChanged="CustomerID_TextChanged" Text="User-ID / E-Mail" Font-Size="1.125em" style="margin-left:22px;color:#003680" OnClick="this.value='';"></asp:TextBox>
<asp:RequiredFieldValidator ID="CustomerIDrequired" runat="server" ControlToValidate="CustomerID" SetFocusOnError="true" ValidationGroup="txt_checkUID" ErrorMessage="Die Kundennummer ist erforderlich"></asp:RequiredFieldValidator> <asp:RequiredFieldValidator ID="CustomerIDrequired" runat="server" ControlToValidate="CustomerID" SetFocusOnError="true" ValidationGroup="txt_checkUID" ErrorMessage="Die Kundennummer ist erforderlich"></asp:RequiredFieldValidator>
<asp:RegularExpressionValidator ID="valid_getNumberInput" ControlToValidate="CustomerID" ValidationGroup="txt_checkUID" runat="server" Display="Dynamic" SetFocusOnError="true" ValidationExpression="<%=regexUID %>"></asp:RegularExpressionValidator> <asp:RegularExpressionValidator ID="valid_getNumberInput" ControlToValidate="CustomerID" ValidationGroup="txt_checkUID" runat="server" Display="Dynamic" SetFocusOnError="true" ValidationExpression="<%=regexUID %>"></asp:RegularExpressionValidator>
</td> </td>
</tr> </tr>
<tr style="color:#003680; height:46px;"> <tr style="color:#003680; height:46px;">
<td align="left" colspan="2"> <td align="left" colspan="2">
<asp:TextBox ID="UserName" runat="server" CssClass="bg-user-icon" TextMode="SingleLine" Width = "207" ValidationGroup="txt_Username" required="true" Font-Size="1.125em" style="margin-left:-4px;color:#003680" OnClick="this.value='';" Text="Username"></asp:TextBox> <asp:TextBox ID="UserName" runat="server" CssClass="bg-user-icon" TextMode="SingleLine" Width = "250" ValidationGroup="txt_Username" required="true" Font-Size="1.125em" style="margin-left:22px;color:#003680" OnClick="this.value='';" Text="Username"></asp:TextBox>
<asp:RequiredFieldValidator ID="UserNamerequired" runat="server" ControlToValidate="UserName" ErrorMessage="Der Benutzername ist erforderlich." ToolTip="Der Benutzername ist erforderlich." ValidationGroup="txt_Username"></asp:RequiredFieldValidator> <asp:RequiredFieldValidator ID="UserNamerequired" runat="server" ControlToValidate="UserName" ErrorMessage="Der Benutzername ist erforderlich." ToolTip="Der Benutzername ist erforderlich." ValidationGroup="txt_Username"></asp:RequiredFieldValidator>
</td> </td>
</tr> </tr>
<tr style="color:#003680; height:46px;"> <tr style="color:#003680; height:46px;">
<td align="left" colspan="2"> <td align="left" colspan="2">
<asp:TextBox ID="Password" runat="server" CssClass="bg-key-icon" TextMode="Password" required="true" Width = "207" Font-Size="1.125em" ValidationGroup="chk_PWField" MaxLength="30" AutoCompleteType="Enabled" CausesValidation="true" style="margin-left:-4px;color:#003680" OnClick="this.value='';" Text="Kennwort"></asp:TextBox> <asp:TextBox ID="Password" runat="server" CssClass="bg-key-icon" TextMode="Password" required="true" Width = "250" Font-Size="1.125em" ValidationGroup="chk_PWField" MaxLength="30" AutoCompleteType="Enabled" CausesValidation="true" style="margin-left:22px;color:#003680" OnClick="this.value='';" Text="Kennwort"></asp:TextBox>
<asp:RequiredFieldValidator ID="Passwordrequired" runat="server" ControlToValidate="Password" ErrorMessage="Bitte Passwort angeben" ToolTip="Das Kennwort ist erforderlich." ValidationGroup="chk_PWField"></asp:RequiredFieldValidator> <asp:RequiredFieldValidator ID="Passwordrequired" runat="server" ControlToValidate="Password" ErrorMessage="Bitte Passwort angeben" ToolTip="Das Kennwort ist erforderlich." ValidationGroup="chk_PWField"></asp:RequiredFieldValidator>
<asp:RegularExpressionValidator ID="checkpwdREGEX" ControlToValidate="Password" ValidationGroup="chk_PWField" runat="server" Display="Dynamic" SetFocusOnError="true" ValidationExpression="<%=regexPWVal %>"></asp:RegularExpressionValidator> <asp:RegularExpressionValidator ID="checkpwdREGEX" ControlToValidate="Password" ValidationGroup="chk_PWField" runat="server" Display="Dynamic" SetFocusOnError="true" ValidationExpression="<%=regexPWVal %>"></asp:RegularExpressionValidator>
</td> </td>
</tr> </tr>
<tr style="color:#003680; height:23px;"> <tr style="color:#003680; height:23px;">
<td align="left" colspan="2"> <td align="left" colspan="2">
<asp:Button ID="LoginButton" runat="server" CommandName="Login" Text="Login" ValidationGroup="Login1" target="_top" OnClientClick="bust2()" Width="97px" Font-Size="18px"/> <asp:Button ID="LoginButton" runat="server" CommandName="Login" Text="Login" ValidationGroup="Login1" target="_top" OnClientClick="bust2()" Width="330px" Font-Size="20px" style="margin-left:22px;"/>
</td> </td>
</tr> </tr>
<tr style="color:#003680; height:23px;"> <tr style="color:#003680; height:23px;">