edv/VERAG_Homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Ändeurnge mobilansicht

Browse Source
This commit is contained in:
ja
2021-10-14 14:34:32 +02:00
parent 888ea5150d
commit b148b2784b
6 changed files with 547 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
css/login/ForgotPW.css
View File

@@ -128,4 +128,3 @@
border: 1px gray solid; border: 1px gray solid;
border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;
} }

21
css/login/loginFLEX.css
View File

@@ -1,4 +1,6 @@
body { 
@media (min-width: 558.98px) {
body {
font-family: 'Poppins', sans-serif; font-family: 'Poppins', sans-serif;
background: #fafafa; background: #fafafa;
background-image: url(../../images/road.jpg); background-image: url(../../images/road.jpg);
@@ -9,10 +11,14 @@
background-color: #fff; background-color: #fff;
overflow-y: clip; overflow-y: clip;
} }
#Login1_LoginButton { #Login1_LoginButton {
color: #fff; color: #fff;
background-color: #003680; background-color: #003680;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
} }
#content_container { #content_container {
display: flex; display: flex;
justify-content: center; justify-content: center;
@@ -22,6 +28,7 @@
margin: 0 auto; margin: 0 auto;
margin-top: 0px; margin-top: 0px;
} }
.container-fluid { .container-fluid {
width: 400px; width: 400px;
height: 274px; height: 274px;
@@ -29,6 +36,7 @@
margin: 0 auto; margin: 0 auto;
margin-top: 50%; margin-top: 50%;
} }
#tbl_main { #tbl_main {
font-family: Arial; font-family: Arial;
font-size: 11px; font-size: 11px;
@@ -42,28 +50,39 @@
font-size: 2.55em; font-size: 2.55em;
color: #fff; color: #fff;
} }
#lbl_login {
background-color: #003680;
font-size: 2.55em;
color: #fff;
}
.txt_design { .txt_design {
color: #003680; color: #003680;
font-size: 1.65em; font-size: 1.65em;
} }
.txt_design2 { .txt_design2 {
color: #003680; color: #003680;
font-size: 1.695em; font-size: 1.695em;
margin-right: 1px; margin-right: 1px;
} }
#LoginButton { #LoginButton {
background-color: #003680; background-color: #003680;
color: #fff; color: #fff;
width: 140px; width: 140px;
height: 25px; height: 25px;
} }
#Password { #Password {
margin-right: -20px; margin-right: -20px;
} }
#UserName { #UserName {
font-size: 17px; font-size: 17px;
} }
#CustomerID { #CustomerID {
color: #003680; color: #003680;
font-size: 1.125em; font-size: 1.125em;
} }
}

233
login/ForgotPW.aspx
View File

@@ -6,6 +6,21 @@
<head> <head>
<%@ import Namespace="MySql.Data.MySqlClient"%> <%@ import Namespace="MySql.Data.MySqlClient"%>
<%'Dim url As String = Session.Keys.Item("urltochangepw")%> <%'Dim url As String = Session.Keys.Item("urltochangepw")%>
<!-- Bootstrap -->
<html lang="en"></html>
<!-- Required meta tags -->
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1" title="Verag Spedition AG AvisoTV Flex"/>
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"/>
<link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.18.3/dist/bootstrap-table.min.css"/>
<!-- Bootstrap CSS -->
<!--<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">-->
<link href="bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"/>
<link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.18.3/dist/bootstrap-table.min.css"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>VERAG Spedition AG Passwort vergessen</title> <title>VERAG Spedition AG Passwort vergessen</title>
<link rel="stylesheet" type="text/css" href="../css/main.css"/> <link rel="stylesheet" type="text/css" href="../css/main.css"/>
@@ -39,6 +54,158 @@
.txt_design2 { .txt_design2 {
color: #003680; color: #003680;
font-size: 1.725em; font-size: 1.725em;
}
@media (max-width: 558.98px) {
body {
font-family: 'Poppins', sans-serif;
background: #fafafa;
background-image: url(../../images/road.jpg);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-color: #fff;
overflow-y: clip;
}
#content_container {
display: flex;
justify-content: center;
align-items: center;
width: 400px;
height: 613px;
margin: 0 auto;
margin-top: 0px;
}
.container-fluid {
width: 400px;
height: 713px;
background-color: rgba(255,255,255,0.5);
margin: 0 auto;
margin-top: 150%;
}
#tbl_main_M {
font-family: Arial;
font-size: 11px;
border: 1px solid gray;
width: 300px;
height: 713px;
}
#lbl_Ueberschrift_M {
background-color: #003680;
font-size: 1.85em;
color: #fff;
}
#lbl_login_M {
background-color: #003680;
font-size: 2em;
color: #fff;
}
.txt_design {
color: #003680;
font-size: 1.85em;
}
.txt_design2 {
color: #003680;
font-size: 1.895em;
margin-right: 1px;
}
#btn_Send_M {
background-color: #003680;
color: #fff;
width: 325px;
height: 32px;
margin-bottom: 0px;
margin-left:-4px;
padding-inline: 2px 2px;
padding: -10px 0px 10px 1px;
font-weight:600;
}
#btn_Back_M {
background-color: #003680;
color: #fff;
width: 325px;
height: 32px;
margin-bottom: -70px;
margin-left:16px;
padding-inline: 2px 2px;
padding: -10px 0px 12px 1px;
border:none;
font-size:18px;
font-weight: 600;
}
#UserName_M {
font-size: 17px;
width: 325px;
}
#CustomerID_M {
color: #003680;
font-size: 1.125em;
}
.bg-email-icon {
background: url("../../images/Icons/service/mail-icon.gif") no-repeat 1.75% 11px white;
padding-left: 28px;
padding-right: 50px;
width: 227px;
height: 32px;
border: 1px gray solid;
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: 32px;
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: 32px;
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: 207px;
height: 32px;
border: 1px gray solid;
border-radius: 5px 5px 0px 0px;
}
#RememberMe_M {
font-size: 20px;
}
#txtEmail_M{
margin-top:40px;
}
#txt_Username{
margin-top:40px;
}
#lblMessage_M{
font-size:19px;
}
} }
</style> </style>
<!-- <script type="text/javascript" src="../js/toptions/top_up-min.js"></script> --> <!-- <script type="text/javascript" src="../js/toptions/top_up-min.js"></script> -->
@@ -78,15 +245,17 @@
<div class="container-fluid"> <div class="container-fluid">
<form id="form1" runat="server"> <form id="form1" runat="server">
<center> <center>
<!-- Große Bildschirme-->
<div class="d-none d-md-block">
<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" Width="265" Text="Back" PostBackUrl="~/login/login_FLEX.aspx" OnClick="btn_Back_Click" style="margin-left:49px;"/>
</td> </td>
</tr> </tr>
<tr style="color:#003680; height:32px;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="Forgot your password?" runat="server" style="color:#003680; margin-left:92px;font-size:17px;"></asp:Label> <asp:Label ID="lbl_PWvergessen" Text="Forgot your password?" runat="server" style="color:#003680; margin-left:82px;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;">
@@ -94,33 +263,79 @@
</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">
<h2 style="margin-left:104px; margin-top:-4px">Fill in your data here:</h2> <h2 style="margin-left:94px; margin-top:-4px">Fill in your data here:</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:40px;">
<td align="left" colspan="2"> <td align="left" colspan="2">
<asp:TextBox ID="txtEmail" runat="server" Width="250px" ValidationGroup="Valtxtemail" Font-Size="1.125em" Text="E-Mail" CssClass="bg-email-icon" style="margin-left:25px;color:#003680" OnClick="this.value='';"/> <asp:TextBox ID="txtEmail" runat="server" Width="265" ValidationGroup="Valtxtemail" Font-Size="1.125em" Text="E-Mail" CssClass="bg-email-icon" style="margin-left:45px;color:#003680" OnClick="this.value='';"/>
<asp:RequiredFieldValidator ID="valreqtxtEmail" ControlToValidate="txtEmail" ValidationGroup="Valtxtemail" runat="server" Text="Require E-Mail Address" ></asp:RequiredFieldValidator> <asp:RequiredFieldValidator ID="valreqtxtEmail" ControlToValidate="txtEmail" ValidationGroup="Valtxtemail" runat="server" Text="Require E-Mail Address" ></asp:RequiredFieldValidator>
<asp:RegularExpressionValidator ControlToValidate="txtEmail" runat="server" ID="regexval_txt_Email" ValidationGroup="Valtxtemail" ValidationExpression="[\w\.]+\@(\bverag.ag\b)" Display="Dynamic" ErrorMessage="The E-Mail has not the correct domain!" SetFocusOnError="true"></asp:RegularExpressionValidator> <asp:RegularExpressionValidator ControlToValidate="txtEmail" runat="server" ID="regexval_txt_Email" ValidationGroup="Valtxtemail" ValidationExpression="[\w\.]+\@(\bverag.ag\b)" Display="Dynamic" ErrorMessage="The E-Mail has not the correct domain!" SetFocusOnError="true"></asp:RegularExpressionValidator>
<asp:RegularExpressionValidator ControlToValidate="txtEmail" runat="server" ID="regexval_txt_Email_2" ValidationGroup="Valtxtemail" ValidationExpression="[\w\.]+\@[\w]+(?:\.[\w]{3}|\.[\w]{2}\.[\w]{2}|\.[\w]{2})\b" Display="Dynamic" ErrorMessage="The E-Mail has not the correct domain!" SetFocusOnError="true"></asp:RegularExpressionValidator> <asp:RegularExpressionValidator ControlToValidate="txtEmail_2" runat="server" ID="regexval_txt_Email_2" ValidationGroup="Valtxtemail" ValidationExpression="[\w\.]+\@[\w]+(?:\.[\w]{3}|\.[\w]{2}\.[\w]{2}|\.[\w]{2})\b" Display="Dynamic" ErrorMessage="The E-Mail has not the correct domain!" SetFocusOnError="true"></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" ValidationGroup="Valtxtusername" Text="Username" Font-Size="1.125em" Width="250px" style="margin-left:25px;color:#003680" OnClick="this.value='';" /> <asp:TextBox ID="txt_Username" runat="server" CssClass="bg-user-icon" ValidationGroup="Valtxtusername" Text="Username" Font-Size="1.125em" Width="265" style="margin-left:45px;color:#003680" OnClick="this.value='';" />
<asp:RegularExpressionValidator ID="check_UserName_regex" ErrorMessage="<%=Environment.NewLine %>The Username don't meet the rquirements. Try again." ControlToValidate="txt_Username" ValidationGroup="Valtxtusername" runat="server" Display="Dynamic" SetFocusOnError="true" ValidationExpression="^([a-zA-Z1-9]{4,30})$"></asp:RegularExpressionValidator> <asp:RegularExpressionValidator ID="check_UserName_regex" ErrorMessage="The Username don't meet the rquirements. Try again." ControlToValidate="txt_Username" ValidationGroup="Valtxtusername" runat="server" Display="Dynamic" SetFocusOnError="true" ValidationExpression="^([a-zA-Z1-9]{4,30})$"></asp:RegularExpressionValidator>
</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">
<asp:Label ID="lblMessage" runat="server" /> <asp:Label ID="lblMessage" runat="server" />
</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" Width="330px" Enabled="true" Font-Size="20px" style="margin-left:22px;border:none" OnClick="btn_Send_Click" /> <asp:Button ID="btn_Send" Text="Send" runat="server" Width="265" Enabled="true" Font-Size="20px" style="margin-left:46px;border:none" OnClick="btn_Send_Click" />
</td></tr> </td></tr>
<tr><td> <tr><td>
</td></tr> </td></tr>
</table> </table>
</div>
<!--Smartphone-Bildschirme-->
<div class="d-md-none">
<table id="tbl_main_M" cellpadding="0" style="margin:8px 8px 8px 8px; border: none;">
<tr style="color:#003680;height:55px;margin-top:-50px">
<td>
<asp:Button ID="btn_Back_M" runat="server" Text="Back" PostBackUrl="~/login/login_FLEX.aspx" OnClick="btn_Back_Click"/>
</td>
</tr>
<tr style="color:#003680; height:32px;font-size:60px;">
<td align="center" colspan="2" style="color:#fff;font-kerning:auto;font-weight:700;">
<asp:Label ID="lbl_PWvergessen_M" Text="Forgot your password?" runat="server" style="color:#003680; margin-left:67px;font-size:20px;"></asp:Label>
</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;">
<tr style="color:#003680; height:30px;">
<td align="right" colspan="2">
<h2 style="margin-left:104px; margin-top:-4px">Fill in your data here:</h2>
</td></tr>
<!-- <tr><td>
<input type="email" runat="server" style="width:150px" placeholder="example@somehost.com" />
</td></tr> -->
<tr style="color:#003680; height:190px;">
<td align="left" colspan="2">
<asp:TextBox ID="txtEmail_M" runat="server" Width="325px" ValidationGroup="Valtxtemail_M" Font-Size="2.025em" Text="E-Mail" CssClass="bg-email-icon" style="margin-left:25px;color:#003680;" OnClick="this.value='';"/>
<asp:RequiredFieldValidator ID="valreqtxtEmail_M" ControlToValidate="txtEmail" ValidationGroup="Valtxtemail_M" runat="server" Text="Require E-Mail Address" ></asp:RequiredFieldValidator>
<asp:RegularExpressionValidator ControlToValidate="txtEmail_M" Font-Size="24px" runat="server" ID="regexval_txt_Email_M" ValidationGroup="Valtxtemail_M" ValidationExpression="[\w\.]+\@(\bverag.ag\b)" Display="Dynamic" ErrorMessage="The E-Mail has not the correct domain!" SetFocusOnError="true"></asp:RegularExpressionValidator>
<asp:RegularExpressionValidator ControlToValidate="txtEmail_M" Font-Size="24px" runat="server" ID="regexval_2_txt_Email" ValidationGroup="Valtxtemail_M" ValidationExpression="[\w\.]+\@[\w]+(?:\.[\w]{3}|\.[\w]{2}\.[\w]{2}|\.[\w]{2})\b" Display="Dynamic" ErrorMessage="The E-Mail has not the correct domain!" SetFocusOnError="true"></asp:RegularExpressionValidator>
</td></tr>
<tr style="color:#003680; height:80px;">
<td align="left" colspan="2">
<asp:TextBox ID="txt_Username_M" runat="server" CssClass="bg-user-icon" ValidationGroup="Valtxtusername" Text="Username" Font-Size="2.025em" Width="325px" style="margin-left:25px;color:#003680" OnClick="this.value='';" />
<asp:RegularExpressionValidator ID="check_UserName_regex_M" Font-Size="24px" ErrorMessage="The Username don't meet the rquirements. Try again." ControlToValidate="txt_Username_M" ValidationGroup="Valtxtusername" runat="server" Display="Dynamic" SetFocusOnError="true" ValidationExpression="^([a-zA-Z1-9]{4,30})$"></asp:RegularExpressionValidator>
</td></tr>
<tr style="color:#003680; height:30px;">
<td align="right" colspan="2">
<asp:Label ID="lblMessage_M" Font-Size="24px" runat="server" />
</td></tr>
<tr style="color:#003680; height:30px;"><td>
<asp:Button ID="btn_Send_M" Text="Send" runat="server" Width="325px" Enabled="true" Font-Size="22px" style="margin-left:22px;border:none" OnClick="btn_Send_Click" />
</td></tr>
<tr><td>
</td></tr>
</table>
</div>
</center> </center>
</form> </form>
</div> </div>

22
login/ForgotPW.aspx.vb
View File

@@ -17,6 +17,8 @@ Partial Class login_ForgotPW
Dim password As String = String.Empty Dim password As String = String.Empty
Dim email As String = String.Empty Dim email As String = String.Empty
Dim tokenname As String = String.Empty Dim tokenname As String = String.Empty
If txtEmail_M.Text = String.Empty And txt_Username_M.Text = String.Empty Then
valreqtxtEmail_M.Enabled = False
valreqtxtEmail.Validate() valreqtxtEmail.Validate()
check_UserName_regex.Validate() check_UserName_regex.Validate()
If valreqtxtEmail.IsValid = True AndAlso check_UserName_regex.IsValid = True Then If valreqtxtEmail.IsValid = True AndAlso check_UserName_regex.IsValid = True Then
@@ -32,7 +34,25 @@ Partial Class login_ForgotPW
check_UserName_regex.IsValid = True check_UserName_regex.IsValid = True
End If End If
End If End If
Else
valreqtxtEmail_M.Enabled = True
valreqtxtEmail.Enabled = False
valreqtxtEmail_M.Validate()
check_UserName_regex_M.Validate()
If valreqtxtEmail_M.IsValid = True AndAlso check_UserName_regex_M.IsValid = True Then
email = txtEmail_M.Text
username = txt_Username_M.Text
ElseIf valreqtxtEmail_M.IsValid = False Then
valreqtxtEmail_M.ErrorMessage = "Annotation: The given Domain is not the company domain."
regexval_txt_Email_M.Validate()
valreqtxtEmail_M.IsValid = True
If check_UserName_regex_M.IsValid = False Then
check_UserName_regex_M.ErrorMessage = "Annotation: The Username does not match the requirements."
Else
check_UserName_regex_M.IsValid = True
End If
End If
End If
If String.IsNullOrEmpty(email) = False AndAlso String.IsNullOrEmpty(tokenname) = True AndAlso String.IsNullOrEmpty(password) = True AndAlso String.IsNullOrEmpty(username) = False Then If String.IsNullOrEmpty(email) = False AndAlso String.IsNullOrEmpty(tokenname) = True AndAlso String.IsNullOrEmpty(password) = True AndAlso String.IsNullOrEmpty(username) = False Then
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

203
login/login_FLEX.aspx
View File

@@ -5,6 +5,19 @@
<html xmlns="http://www.w3.org/1999/xhtml"> <html xmlns="http://www.w3.org/1999/xhtml">
<head> <head>
<%@ import Namespace="MySql.Data.MySqlClient"%> <%@ import Namespace="MySql.Data.MySqlClient"%>
<!-- Bootstrap -->
<html lang="en"></html>
<!-- Required meta tags -->
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1" title="Verag Spedition AG AvisoTV Flex"/>
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"/>
<link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.18.3/dist/bootstrap-table.min.css"/>
<!-- Bootstrap CSS -->
<!--<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">-->
<link href="bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"/>
<link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.18.3/dist/bootstrap-table.min.css"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>VERAG Spedition AG Login</title> <title>VERAG Spedition AG Login</title>
@@ -80,6 +93,132 @@
height: 28px; height: 28px;
border: 1px gray solid; border: 1px gray solid;
border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;
}
@media (max-width: 558.98px) {
body {
font-family: 'Poppins', sans-serif;
background: #fafafa;
background-image: url(../../images/road.jpg);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-color: #fff;
overflow-y: clip;
}
#content_container {
display: flex;
justify-content: center;
align-items: center;
width: 400px;
height: 613px;
margin: 0 auto;
margin-top: 0px;
}
.container-fluid {
width: 400px;
height: 713px;
background-color: rgba(255,255,255,0.5);
margin: 0 auto;
margin-top: 150%;
}
#tbl_main_M {
font-family: Arial;
font-size: 11px;
border: 1px solid gray;
width: 300px;
height: 713px;
}
#lbl_Ueberschrift_M {
background-color: #003680;
font-size: 1.85em;
color: #fff;
}
#lbl_login_M {
background-color: #003680;
font-size: 2em;
color: #fff;
}
.txt_design {
color: #003680;
font-size: 1.85em;
}
.txt_design2 {
color: #003680;
font-size: 1.895em;
margin-right: 1px;
}
#Login1_LoginButton_M {
background-color: #003680;
color: #fff;
width: 140px;
height: 26px;
margin-bottom:-30px;
padding-inline: 2px 2px;
padding: 12px 1px 0px 1px;
}
#Password_M {
margin-right: -20px;
}
#UserName_M {
font-size: 17px;
}
#CustomerID_M {
color: #003680;
font-size: 1.125em;
}
.bg-email-icon {
background: url("../../images/Icons/service/mail-icon.gif") no-repeat 1.75% 11px white;
padding-left: 28px;
padding-right: 50px;
width: 227px;
height: 38px;
border: 1px gray solid;
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: 38px;
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: 38px;
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: 207px;
height: 38px;
border: 1px gray solid;
border-radius: 5px 5px 0px 0px;
}
#Login1_btn_ForgotPW_M{
font-size:17px;
}
} }
</style> </style>
<!-- <script type="text/javascript" src="../js/toptions/top_up-min.js"></script> --> <!-- <script type="text/javascript" src="../js/toptions/top_up-min.js"></script> -->
@@ -118,7 +257,9 @@
<asp:Login ID = "Login1" runat = "server" OnAuthenticate= "ValidateUser" DestinationPageUrl="../Customers/CustomsAviso.aspx" > <asp:Login ID = "Login1" runat = "server" OnAuthenticate= "ValidateUser" DestinationPageUrl="../Customers/CustomsAviso.aspx" >
<LayoutTemplate> <LayoutTemplate>
<center> <center>
<table cellpadding="0" style="margin: 6px 0px 6px 6px;"> <!-- Große Bildschirme-->
<div class="d-none d-md-block">
<table id="tbl_main" cellpadding="0" style="margin: 6px 0px 6px 6px; border:none">
<tr style="color:#003680; height:30px;"> <tr style="color:#003680; height:30px;">
<td align="left" style="color:#fff;font-kerning:auto;"> <td align="left" style="color:#fff;font-kerning:auto;">
<asp:Label ID="lbl_login" runat="server" Text="Login" style=" color: #003680;font-size: 1.320901320901321em; font-weight: 600; margin-left:162px"></asp:Label> <asp:Label ID="lbl_login" runat="server" Text="Login" style=" color: #003680;font-size: 1.320901320901321em; font-weight: 600; margin-left:162px"></asp:Label>
@@ -126,28 +267,28 @@
</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" ValidationGroup="txt_checkUID" OnTextChanged="CustomerID_TextChanged" Width="250" Text="User-ID / E-Mail" OnClick="this.value='';" style="margin-left: 22px;"></asp:TextBox> <asp:TextBox ID="CustomerID" CssClass="bg-UID-icon" runat="server" required="true" ValidationGroup="txt_checkUID" OnTextChanged="CustomerID_TextChanged" Width="320" Text="User-ID / E-Mail" OnClick="this.value='';" style="margin-left: 22px" Font-Size="1.25em"></asp:TextBox>
<asp:RequiredFieldValidator ID="CustomerIDrequired" runat="server" ControlToValidate="CustomerID" SetFocusOnError="true" ValidationGroup="txt_checkUID" ErrorMessage="Please enter the User-ID."></asp:RequiredFieldValidator> <asp:RequiredFieldValidator ID="CustomerIDrequired" runat="server" ControlToValidate="CustomerID" SetFocusOnError="true" ValidationGroup="txt_checkUID" ErrorMessage="Please enter the User-ID."></asp:RequiredFieldValidator>
<asp:RegularExpressionValidator ID="valid_getNumberInput" ControlToValidate="CustomerID" ValidationGroup="txt_checkUID" runat="server" Display="Dynamic" SetFocusOnError="true" ValidationExpression="[0-9]{4,10}"></asp:RegularExpressionValidator> <asp:RegularExpressionValidator ID="valid_getNumberInput" ControlToValidate="CustomerID" ValidationGroup="txt_checkUID" runat="server" Display="Dynamic" SetFocusOnError="true" ValidationExpression="[0-9]{4,10}"></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 = "250" ValidationGroup="txt_Username" required="true" Font-Size="1.125em" style="margin-left:22px;color:#003680" OnClick="this.value='';" Text="Username"></asp:TextBox> <asp:TextBox ID="UserName" runat="server" CssClass="bg-user-icon" TextMode="SingleLine" Width = "320" ValidationGroup="txt_Username" required="true" Font-Size="1.25em" style="margin-left:22px;color:#003680" OnClick="this.value='';" Text="Username" ></asp:TextBox>
<asp:RequiredFieldValidator ID="UserNamerequired" runat="server" ControlToValidate="UserName" ErrorMessage="Please enter the Username." ToolTip="The Username is required." ValidationGroup="txt_Username"></asp:RequiredFieldValidator> <asp:RequiredFieldValidator ID="UserNamerequired" runat="server" ControlToValidate="UserName" ErrorMessage="Please enter the Username." ToolTip="The Username is required." ValidationGroup="txt_Username"></asp:RequiredFieldValidator>
<asp:RegularExpressionValidator ID="check_UserName_regex" ControlToValidate="UserName" ValidationGroup="txt_check_username" runat="server" Display="Dynamic" SetFocusOnError="true" ValidationExpression="^([a-zA-Z]{4,30})$"></asp:RegularExpressionValidator> <asp:RegularExpressionValidator ID="check_UserName_regex" ControlToValidate="UserName" ValidationGroup="txt_check_username" runat="server" Display="Dynamic" SetFocusOnError="true" ValidationExpression="^([a-zA-Z]{4,30})$"></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="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="Password"></asp:TextBox> <asp:TextBox ID="Password" runat="server" CssClass="bg-key-icon" TextMode="Password" required="true" Width = "320" Font-Size="1.25em" ValidationGroup="chk_PWField" MaxLength="30" AutoCompleteType="Enabled" CausesValidation="true" style="margin-left:22px;color:#003680" OnClick="this.value='';" Text="Password"></asp:TextBox>
<asp:RequiredFieldValidator ID="Passwordrequired" runat="server" ControlToValidate="Password" ErrorMessage="Password is needed to authenticate." ToolTip="Please enter the Password." ValidationGroup="chk_PWField"></asp:RequiredFieldValidator> <asp:RequiredFieldValidator ID="Passwordrequired" runat="server" ControlToValidate="Password" ErrorMessage="Password is needed to authenticate." ToolTip="Please enter the Password." ValidationGroup="chk_PWField"></asp:RequiredFieldValidator>
<asp:RegularExpressionValidator ID="checkpwdREGEX" ControlToValidate="Password" ValidationGroup="chk_PWField" runat="server" Display="Dynamic" SetFocusOnError="true" ValidationExpression="^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[^a-zA-Z\d]){4,35}$"></asp:RegularExpressionValidator> <asp:RegularExpressionValidator ID="checkpwdREGEX" ControlToValidate="Password" ValidationGroup="chk_PWField" runat="server" Display="Dynamic" SetFocusOnError="true" ValidationExpression="^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[^a-zA-Z\d]){4,35}$"></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="330px" Font-Size="20px" style="margin-left:22px;"/> <asp:Button ID="LoginButton" runat="server" CommandName="Login" BorderStyle="None" Text="Login" ValidationGroup="Login1" target="_top" OnClientClick="bust2()" Width="330px" Font-Size="20px" style="margin-left:22px; padding:0px 0px 0px 0px"/>
</td> </td>
</tr> </tr>
<tr style="color:#003680; height:23px;"> <tr style="color:#003680; height:23px;">
@@ -166,6 +307,58 @@
</tr> </tr>
</table> </table>
</div>
<!--Smartphone-Bildschirme-->
<div class="d-md-none">
<table id="tbl_main_M" cellpadding="0" style="margin: 4px 0px 4px 4px;border:none">
<tr style="color:#003680; height:30px;">
<td align="left" style="color:#fff;font-kerning:auto;">
<asp:Label ID="lbl_login_M" runat="server" Text="Login" style=" color: #003680;font-size: 2.320901320901321em; font-weight: 800; margin-left:132px"></asp:Label>
</td>
</tr>
<tr style="color:#003680; height:46px;">
<td align="left">
<asp:TextBox ID="CustomerID_M" CssClass="bg-UID-icon" runat="server" required="true" ValidationGroup="txt_checkUID_M" OnTextChanged="CustomerID_TextChanged" Width="325" Text="User-ID / E-Mail" Font-Size="2.025em" OnClick="this.value='';" style="margin-left: 22px;"></asp:TextBox>
<asp:RequiredFieldValidator ID="CustomerID_M_required" runat="server" ControlToValidate="CustomerID_M" SetFocusOnError="true" ValidationGroup="txt_checkUID_M" ErrorMessage="Please enter the User-ID."></asp:RequiredFieldValidator>
<asp:RegularExpressionValidator ID="valid_getNumber_M_Input" ControlToValidate="CustomerID_M" ValidationGroup="txt_checkUID_M" runat="server" Display="Dynamic" SetFocusOnError="true" ValidationExpression="[0-9]{4,10}"></asp:RegularExpressionValidator>
</td>
</tr>
<tr style="color:#003680; height:46px;">
<td align="left" colspan="2">
<asp:TextBox ID="UserName_M" runat="server" CssClass="bg-user-icon" TextMode="SingleLine" Width = "325" ValidationGroup="txt_Username" required="true" Font-Size="2.025em" style="margin-left:22px;color:#003680" OnClick="this.value='';" Text="Username"></asp:TextBox>
<asp:RequiredFieldValidator ID="UserName_M_required" runat="server" ControlToValidate="UserName_M" ErrorMessage="Please enter the Username." ToolTip="The Username is required." ValidationGroup="txt_Username"></asp:RequiredFieldValidator>
<asp:RegularExpressionValidator ID="check_UserName_M_regex" ControlToValidate="UserName_M" ValidationGroup="txt_check_username" runat="server" Display="Dynamic" SetFocusOnError="true" ValidationExpression="^([a-zA-Z]{4,30})$"></asp:RegularExpressionValidator>
</td>
</tr>
<tr style="color:#003680; height:46px;">
<td align="left" colspan="2">
<asp:TextBox ID="Password_M" runat="server" CssClass="bg-key-icon" TextMode="Password" required="true" Width = "325" Font-Size="2.025em" ValidationGroup="chk_PWField" MaxLength="30" AutoCompleteType="Enabled" CausesValidation="true" style="margin-left:22px;color:#003680" OnClick="this.value='';" Text="Password"></asp:TextBox>
<asp:RequiredFieldValidator ID="Passwordrequired_M" runat="server" ControlToValidate="Password_M" ErrorMessage="Password is needed to authenticate." ToolTip="Please enter the Password." ValidationGroup="chk_PWField"></asp:RequiredFieldValidator>
<asp:RegularExpressionValidator ID="checkpwd_M_REGEX" ControlToValidate="Password_M" ValidationGroup="chk_PWField_M" runat="server" Display="Dynamic" SetFocusOnError="true" ValidationExpression="^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[^a-zA-Z\d]){4,35}$"></asp:RegularExpressionValidator>
</td>
</tr>
<tr style="color:#003680; height:23px;">
<td align="left" colspan="2">
<asp:Button ID="LoginButton_M" runat="server" CommandName="Login" BorderStyle="None" Text="Login" ValidationGroup="Login1" target="_top" OnClientClick="bust2()" Width="330px" Font-Size="20px" style="margin-left:22px; padding:0px 0px 0px 0px"/>
</td>
</tr>
<tr style="color:#003680; height:23px;">
<td align="left" colspan="2">
<asp:CheckBox ID="RememberMe_M" runat="server" Text="Remember me." Font-Size="17px" style="margin-left:22px;" />
</td>
<td align="right" colspan="4">
<a ID="btn_ForgotPW_M" runat="server" target="_top" href="ForgotPW.aspx" style="margin-left:-164px;margin-right:-62px"> I forgot my password!</a>
</td>
</tr>
<tr style="color:#003680; height:23px">
<td align="center" style="color:Red;" colspan="2">
<asp:Literal ID="FailureText_M" runat="server" EnableViewState="False"></asp:Literal>
</td>
</tr>
</table>
</div>
</center> </center>
</LayoutTemplate> </LayoutTemplate>
</asp:Login> </asp:Login>

7
login/login_FLEX.aspx.vb
View File

@@ -66,11 +66,6 @@ Partial Class login_login_TEST
Protected Sub CustomerID_TextChanged(sender As Object, e As EventArgs) Protected Sub CustomerID_TextChanged(sender As Object, e As EventArgs)
' valid_getNumberInput.Validate() ' valid_getNumberInput.Validate()
Dim var As TextBox = sender
If var.Text.Contains("@verag.ag") = True Then
var.CssClass = "bg-email-icon"
Else
var.CssClass = "bg-UID-icon"
End If
End Sub End Sub
End Class End Class