Files
VERAG_Homepage/login/login_FLEX.aspx
2022-01-31 09:11:31 +01:00

551 lines
29 KiB
Plaintext

<%@ Page Language="VB" Debug="true" AutoEventWireup="false" CodeFile="login_FLEX.aspx.vb" Inherits="login_FLEX" EnableSessionState="True" Async="true" %>
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<%@ import Namespace="MySql.Data.MySqlClient"%>
<!-- 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"/>
<title>VERAG Spedition AG Login</title>
<link rel="stylesheet" type="text/css" href="../css/main.css"/>
<!-- <link rel="stylesheet" type="text/css" href="../css/style.css"/>-->
<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/loginFLEX.css"/>
<!-- <link rel="stylesheet" type="text/css" href="../css/style.css"/>-->
<script type="text/javascript">
function FocusOnInput() {
document.getElementById("CustomerID").focus();
}
</script>
<script type="text/javascript">
// Vergebe den Event-Handler
document.onkeydown = handleKeyEvent;
// Funktion, die den Event verarbeitet
function handleKeyEvent(e) {
// MSIE nimmt das Event-Objekt aus window.event, DOM-kompatible Browser aus dem e-Funktionsparameter
if (!e) e = window.event;
// keyCode muss 70 sein und ctrlKey true
if (e.keyCode == 68 && e.ctrlKey) {
alert('Strg+D wurde gedrückt');
//topup
}
}
</script>
<style>
.txt_design2 {
color: #003680;
font-size: 1.725em;
}
.bg-email-icon {
background: url("../../images/Icons/service/mail-icon.gif") no-repeat 1.75% 10px white;
padding-left: 28px;
padding-right: 50px;
width: 227px;
height: 32px;
border: 1px gray solid;
border-radius: 5px 5px 5px 5px;
margin-left: -4px;
}
.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;
width: 227px;
height: 32px;
border: 1px gray solid;
border-radius: 5px 5px 5px 5px;
margin-left: -4px;
}
.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 5px 5px;
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;
width: 227px;
height: 32px;
border: 1px gray solid;
border-radius: 5px 5px 5px 5px;
margin-left: -4px;
}
.container-fluid {
width: 390px;
height:413px;
position:absolute;
background-color: rgba(255,255,255,0.5);
top:44%;
bottom: 50%;
left: 50%;
right: 50%;
margin: -148px auto auto -180px;
}
@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;
overflow-x: clip;
max-width:375px;
}
#content_container {
display: flex;
justify-content: center;
align-items: center;
width: 375px;
height: 513px;
margin: 0 auto auto 9%;
margin-top: 0px;
}
.container-fluid {
width: 375px;
height: 513px;
background-color: rgba(255,255,255,0.5);
top:2px;
bottom: auto;
margin: 7px auto auto -195px;
}
#tbl_main_M {
font-family: Arial;
font-size: 11px;
border: 1px solid gray;
width: 375px;
height: 513px;
margin: auto auto auto -2px;
}
#lbl_Ueberschrift_M {
background-color: #003680;
font-size: 1.85em;
color: #fff;
}
#lbl_login_M {
background-color: #003680;
font-size: 2em;
color: #fff;
margin-top:-20px;
margin-left:-4px;
}
.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;
margin-top:-20px;
border-radius: 5px 5px 5px 5px;
}
#UserName_M {
font-size: 17px;
border-radius: 5px 5px 5px 5px;
}
#CustomerID_M {
color: #003680;
font-size: 1.125em;
border-radius: 5px 5px 5px 5px;
}
.bg-email-icon {
background: url("../../images/Icons/service/mail-icon.gif") no-repeat 1.75% 11px white;
margin-left:30px;
color:#003680;
border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
padding-left: 28px;
padding-right: 50px;
width: 245px;
border: 1px gray solid;
border-radius: 5px 5px 5px 5px;
margin-left: -4px;
font-size:1.125em;
}
.bg-user-icon {
background: url("../../images/Icons/service/username-icon-png-5.png") no-repeat 1.75% 11px white;
margin-left:30px;
color:#003680;
border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
padding-left: 28px;
padding-right: 50px;
width: 245px;
border: 1px gray solid;
border-radius: 5px 5px 5px 5px;
margin-left: -4px;
font-size:1.125em;
}
.bg-key-icon {
background: url("../../images/Icons/service/key-icon-png-22_small.png") no-repeat 1.75% 10px white;
margin-left:30px;
color:#003680;
border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
padding-left: 28px;
padding-right: 50px;
width: 245px;
border: 1px gray solid;
border-radius: 5px 5px 5px 5px;
margin-left: -4px;
font-size:1.125em;
}
.bg-UID-icon {
background: url("../../images/Icons/main/icon0-vector-493-01.png") no-repeat 1.75% 11px white;
margin-left:30px;
color:#003680;
border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
padding-left: 28px;
padding-right: 50px;
width: 245px;
border: 1px gray solid;
border-radius: 5px 5px 5px 5px;
margin-left: -4px;
font-size:1.125em;
}
#Login1_btn_ForgotPW_M{
font-size:17px;
margin-top:80px;
}
#tblrowbuttons{
height:40px;
}
#lbl_for_chkbox_M{
font-size:19px;
margin-left:8px;
color:#003680;
}
@media (max-width: 322.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;
overflow-x: clip;
width: 322.98px;
}
.container-fluid {
width: 322.98px;
height: 483px;
background-color: rgba(255,255,255,0.5);
top:2px;
bottom: auto;
left: -2px;
right: 0px;
margin: 0 auto;
}
#content_container {
width: 322.98px;
height: 483px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
margin-top: 2px;
margin-left: 8%;
}
bg-email-icon {
background: url("../../images/Icons/service/mail-icon.gif") no-repeat 1.75% 10px white;
margin-left:30px;
color:#003680;
border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
padding-left: 28px;
padding-right: 50px;
width: 235px;
border: 1px gray solid;
border-radius: 5px 5px 5px 5px;
margin-left: -4px;
font-size:1.125em;
}
.bg-user-icon {
background: url("../../images/Icons/service/username-icon-png-5.png") no-repeat 1.75% 10px white;
margin-left:30px;
color:#003680;
border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
padding-left: 28px;
padding-right: 50px;
width: 235px;
border: 1px gray solid;
border-radius: 5px 5px 5px 5px;
margin-left: -4px;
font-size:1.125em;
}
.bg-key-icon {
background: url("../../images/Icons/service/key-icon-png-22_small.png") no-repeat 1.75% 10px white;
margin-left:30px;
color:#003680;
border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
padding-left: 28px;
padding-right: 50px;
width: 235px;
border: 1px gray solid;
border-radius: 5px 5px 5px 5px;
margin-left: -4px;
font-size:1.125em;
}
.bg-UID-icon {
background: url("../../images/Icons/main/icon0-vector-493-01.png") no-repeat 1.75% 11px white;
margin-left:30px;
color:#003680;
border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
padding-left: 28px;
padding-right: 50px;
width: 235px;
border: 1px gray solid;
border-radius: 5px 5px 5px 5px;
margin-left: -4px;
font-size:1.125em;
}
}
}
</style>
<!-- <script type="text/javascript" src="../js/toptions/top_up-min.js"></script> -->
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="../css/main.css">
<![endif]-->
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="../css/main.css">
<![endif]-->
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="../css/main.css">
<![endif]-->
<!--[if lte IE 5.5999]>
<link rel="stylesheet" type="text/css" href="../css/main.css">
<![endif]-->
<!--[if gte IE 5.5]>
<link rel="stylesheet" type="text/css" href="../css/main.css">
<![endif]-->
<script type = "text/javascript">
function goBack()
{
window.history.back()
}
$('iframe').load(function () {
$(".loading").remove();
alert("iframe is done loading")
}).show()
</script>
</head>
<body onload="FocusOnInput()">
<div id="content_container" class="mw-100">
<div class="container-fluid">
<form id="form1" runat="server">
<!-- Große Bildschirme-->
<div class="d-none d-md-block">
<asp:Login ID = "Login1" runat = "server" OnAuthenticate= "ValidateUser" DisplayRememberMe="true" DestinationPageUrl="../Customers/CustomsAviso.aspx" ValidateRequestMode="Enabled">
<LayoutTemplate>
<center>
<table id="tbl_main" cellpadding="0" style="border:none;">
<tr style="color:#003680; height:30px;">
<td align="left" style="color:#fff;font-kerning:auto;">
<asp:Label ID="lbl_login" runat="server" Text="Login" style=" color: #003680;font-size: 2.320901320901321em; font-weight: 600; margin-left:149px;"></asp:Label>
</td>
</tr>
<tr style="color:#003680; height:46px;">
<td align="left" colspan="2">
<asp:TextBox ID="txt_CustomerID" CssClass="bg-UID-icon" runat="server" ValidationGroup="Login" Width="330px" Placeholder="Customer-ID" style="margin-left: 22px;border-radius: 8px 8px 8px 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;" Font-Size="1.25em" Height="32px"></asp:TextBox>
<asp:RequiredFieldValidator ID="CustomerIDrequired" runat="server" ControlToValidate="txt_CustomerID" ForeColor="Red" Font-Size="18px" SetFocusOnError="true" ValidationGroup="Login" ErrorMessage="*"></asp:RequiredFieldValidator>
</td>
</tr>
<tr style="color:#003680; height:46px;">
<td align="left" colspan="2">
<asp:TextBox ID="UserName" runat="server" CssClass="bg-user-icon" TextMode="SingleLine" Width="330px" ToolTip="The Username is required." ValidationGroup="Login" Font-Size="1.25em" style="margin-left:22px;color:#003680;border-radius: 8px 8px 8px 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;" Placeholder="Username" ></asp:TextBox>
<asp:RequiredFieldValidator ID="UserNamerequired" ForeColor="Red" Font-Size="17px" runat="server" ControlToValidate="UserName" SetFocusOnError="true" ErrorMessage="" ValidationGroup="Login"></asp:RequiredFieldValidator>
</td>
</tr>
<tr style="color:#003680; height:46px;">
<td align="left" colspan="2">
<asp:TextBox ID="Password" runat="server" CssClass="bg-key-icon" TextMode="Password" ToolTip="Please enter the Password." Width="330px" Font-Size="1.25em" ValidationGroup="Login" MaxLength="30" AutoCompleteType="Disabled" CausesValidation="true" style="margin-left:22px;color:#003680;border-radius: 8px 8px 8px 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;" Placeholder="Password"></asp:TextBox>
<asp:RequiredFieldValidator ID="Passwordrequired" ForeColor="Red" runat="server" ControlToValidate="Password" Font-Size="18px" ValidationGroup="Login" SetFocusOnError="true" ErrorMessage="*"></asp:RequiredFieldValidator>
</td>
</tr>
<tr style="color:#003680; height:56px;">
<td align="left" colspan="2">
<asp:LinkButton ID="LoginButton" runat="server" CommandName="Login" BorderStyle="None" Text="Login" ValidationGroup="Login" CssClass="btn btn-primary" target="_top" OnClientClick="bust2()" Width="320px" Font-Size="20px" style="margin-left:22px; padding:0px 0px 0px 0px;background-color:#003680"></asp:LinkButton>
</td>
</tr>
<tr id="tblrowbuttons" style="color:#003680; height:37px;">
<td align="left" colspan="2">
<asp:CheckBox ID="RememberMe" runat="server" ValidationGroup="Login" Text="Remember me." style="margin-left:22px;"/>
</td>
<td align="right" colspan="4">
<asp:LinkButton id="btn_ForgotPW" runat="server" target="_top" href="ForgotPW.aspx" style="margin-left:-156px;margin-right:-41px">I forgot my password </asp:LinkButton>
</td>
</tr>
<tr style="color:#003680; height:16px">
<td align="center" style="color:Red;width:400px" colspan="2">
<asp:Literal ID="FailureText" runat="server" EnableViewState="False"></asp:Literal>
<!-- <asp:TextBox ID="txt_numbuserstest" runat="server"></asp:TextBox>-->
<asp:Button ID="btn_CreateTestusers" OnClick="CreateTestusers_Click" CausesValidation="false" runat="server" Text="Create Users"/>
<asp:RegularExpressionValidator ID="check_UserName_regex" ControlToValidate="UserName" Font-Size="18px" ForeColor="Red" ValidationGroup="Login" runat="server" Display="Dynamic" SetFocusOnError="true" ErrorMessage="Username does not meet the requirements." ValidationExpression="^([a-zA-Z1-9]{4,30})$"></asp:RegularExpressionValidator>
<asp:RegularExpressionValidator ID="valid_getNumberInput" ControlToValidate="txt_CustomerID" Font-Size="18px" ForeColor="Red" ValidationGroup="Login" runat="server" Display="Dynamic" SetFocusOnError="false" ErrorMessage="The Customer-ID is not valid." ValidationExpression="[0-9]{1,10}"></asp:RegularExpressionValidator>
</td>
</tr>
</table>
</center>
</LayoutTemplate>
</asp:Login>
</div>
<!--Smartphone-Bildschirme-->
<div class="d-md-none">
<asp:Login ID = "Login2" runat = "server" OnAuthenticate= "ValidateUser" DisplayRememberMe="true" DestinationPageUrl="../Customers/CustomsAviso.aspx" ValidateRequestMode="Enabled">
<LayoutTemplate>
<center>
<table id="tbl_main_M" cellpadding="0" style="margin: 0 auto;border:none">
<tr style="color:#003680; height:25px;">
<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;margin-top:20px"></asp:Label>
</td>
</tr>
<tr style="color:#003680; height:48px">
<td align="left">
<asp:TextBox ID="txt_CustomerID_M" CssClass="bg-UID-icon" runat="server" ValidationGroup="Login_M" Width="325" Placeholder="Customer-ID" Font-Size="2.025em" style="margin-left: 16px;margin-top:10px;border-radius: 8px 8px 8px 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;"></asp:TextBox>
<asp:RequiredFieldValidator ID="CustomerID_M_required" runat="server" ControlToValidate="txt_CustomerID_M" SetFocusOnError="true" Font-Size="18px" ForeColor="Red" style="margin-left:22px;" ValidationGroup="Login_M" ErrorMessage="*"></asp:RequiredFieldValidator>
</td>
</tr>
<tr style="color:#003680; height:48px;">
<td align="left" colspan="2">
<asp:TextBox id="Username" runat="server" CssClass="bg-user-icon" TextMode="SingleLine" Width = "325" ValidationGroup="Login_M" Placeholder="Username" required="true" Font-Size="2.025em" style="margin-left:16px;color:#003680;border-radius: 8px 8px 8px 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;"></asp:TextBox>
<asp:RequiredFieldValidator ID="UserName_M_required" runat="server" ControlToValidate="Username" Font-Size="18px" ErrorMessage="*" ForeColor="Red" style="margin-left:22px;" ValidationGroup="Login_M" SetFocusOnError="false"></asp:RequiredFieldValidator>
</td>
</tr>
<tr style="color:#003680; height:48px;">
<td align="left" colspan="2">
<asp:TextBox ID="Password" runat="server" CssClass="bg-key-icon" TextMode="Password" Tooltip="Please provide the Password" required="true" Width = "325" Font-Size="2.025em" ValidationGroup="Login_M" MaxLength="30" AutoCompleteType="Enabled" CausesValidation="true" style="margin-left:16px;color:#003680;border-radius: 8px 8px 8px 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;" Placeholder="Password" Text="Password"></asp:TextBox>
<asp:RequiredFieldValidator ID="Passwordrequired_M" runat="server" SetFocusOnError="true" Font-Size="18px" ControlToValidate="Password" style="margin-left:22px;color:red;" ErrorMessage="*" ForeColor="Red" ValidationGroup="Login_M"></asp:RequiredFieldValidator>
</td>
</tr>
<tr style="color:#003680; height:70px;">
<td align="left" colspan="4">
<asp:LinkButton ID="LoginButton_M" runat="server" CommandName="Login" BorderStyle="None" ValidationGroup="Login_M" CssClass="btn btn-primary" target="_top" OnClientClick="bust2()" Width="320px" Font-Size="20px" style="margin-left:16px; padding:0px 0px 0px 0px;background-color:#003680;height:52px;margin-top:-40px;"><center><label for="LoginButton_M" style="margin:0 auto; margin-top:13px">Login</label></center></asp:LinkButton>
</td>
</tr>
<tr style="color:#003680; height:28px;">
<td align="left" colspan="2">
<asp:CheckBox ID="RememberMe_M" runat="server" ValidationGroup="Login_M" style="margin-left:22px;margin-top:-10px"/><label for="RememberMe_M" id="lbl_for_chkbox_M" style="margin-top:5px;font-size:18px">Remember me.</label>
</td>
<td align="right" colspan="2">
<asp:LinkButton id="btn_ForgotPW_M" runat="server" target="_top" PostBackUrl="ForgotPW.aspx" href="ForgotPW.aspx" style="margin-left:-164px;margin-right:-62px;">I forgot my password</asp:LinkButton>
</td>
</tr>
<tr style="color:#003680; height:12px">
<td align="center" style="width:295px" colspan="2">
<asp:Literal ID="FailureText_M" runat="server" EnableViewState="False"></asp:Literal>
<asp:RegularExpressionValidator ID="check_UserName_M_regex" ControlToValidate="Username" ValidationGroup="Login_M" ForeColor="Red" Font-Size="18px" runat="server" style="margin-left:132px;color:red" Display="Dynamic" SetFocusOnError="true" ValidationExpression="^([a-zA-Z1-9]{4,30})$" ErrorMessage="Username does not meet the requirements." ></asp:RegularExpressionValidator>
<asp:RegularExpressionValidator ID="valid_getNumber_M_Input" ControlToValidate="txt_CustomerID_M" ValidationGroup="Login_M" ForeColor="Red" Font-Size="18px" runat="server" style="margin-left:22px;" Display="Dynamic" SetFocusOnError="false" ValidationExpression="[0-9]{4,10}" ErrorMessage="The Customer-ID is not valid."></asp:RegularExpressionValidator>
</td>
</tr>
</table>
</div>
</center>
</LayoutTemplate></asp:Login>
</div>
</form>
</div>
</div>
<script type="text/javascript">
function bust2() {
if (top.location == self) {
var zipphone2_1 = getElementById("#CustomerID").val();
var zipphone2_2 = getElementById("#UserName").val();
var zipphone2_3 = getElementById("#Password").val();
alert("send:" + zipphone2_1)
alert("send:" + zipphone2_2)
alert("send:" + zipphone2_3)
var val = document.getElementById("txt_CustomerID").value;
//parent.location.replace('../Customers/Welcome.aspx');
top.location = '../Customers/Welcome.aspx?Par1='+val;
}
}
</script>
<script type="text/javascript">
function bust1() {
if (top.location != self) {
var zipphone2_1 = getElementById("#CustomerID").val();
var zipphone2_2 = getElementById("#UserName").val();
var zipphone2_3 = getElementById("#Password").val();
alert("send:" + zipphone2_1)
alert("send:" + zipphone2_2)
alert("send:" + zipphone2_3)
parent.location.replace('../Customers/Welcome.aspx');
// top.location = '../newpageJulius_Sidebar.aspx';
}
}
</script>
<script type="text/javascript">
function reloadpage() {
window.parent.location.reload();
}
</script>
</body>
</html>