Änderunegn und erweiterte icons hinzugefügt und Textfelder designed
This commit is contained in:
323
login/CreateUser.aspx
Normal file
323
login/CreateUser.aspx
Normal file
@@ -0,0 +1,323 @@
|
||||
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="CreateUser.aspx.vb" Inherits="login_CreateUser" %>
|
||||
|
||||
<!DOCTYPE html>
|
||||
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head runat="server">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||||
|
||||
|
||||
|
||||
<%@ import Namespace="MySql.Data.MySqlClient"%>
|
||||
<!-- Bootstrap -->
|
||||
<html lang="en">
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<!-- 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"/>
|
||||
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" ></script>
|
||||
<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 type="text/css" rel="stylesheet" href="../css/login/CreateUser.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>
|
||||
<link rel="stylesheet" type="text/css" href="../stylesheets/style.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="../stylesheets/example.css"/>
|
||||
|
||||
|
||||
<style>
|
||||
|
||||
.txt_design2 {
|
||||
color: #003680;
|
||||
font-size: 1.725em;
|
||||
}
|
||||
.bg-email-icon {
|
||||
background: url("../../images/Icons/service/mail-icon.gif") no-repeat 1.75% 11px white;
|
||||
padding-left: 28px;
|
||||
padding-right: 50px;
|
||||
width: 165px;
|
||||
height: 38px;
|
||||
border: 1px gray solid;
|
||||
border-radius: 5px 5px 5px 5px;
|
||||
}
|
||||
|
||||
.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: 165px;
|
||||
height: 38px;
|
||||
border: 1px gray solid;
|
||||
border-radius: 5px 5px 5px 5px;
|
||||
}
|
||||
|
||||
.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: 165px;
|
||||
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;
|
||||
margin-left: -4px;
|
||||
width: 165px;
|
||||
height: 38px;
|
||||
border: 1px gray solid;
|
||||
border-radius: 5px 5px 5px 5px;
|
||||
}
|
||||
.bg-house-icon {
|
||||
background: url("../../images/Icons/main/hauser.png") no-repeat 1.75% 11px white;
|
||||
padding-left: 28px;
|
||||
padding-right: 50px;
|
||||
margin-left: -4px;
|
||||
width: 165px;
|
||||
height: 38px;
|
||||
border: 1px gray solid;
|
||||
border-radius: 5px 5px 5px 5px;
|
||||
}
|
||||
.bg-city-icon {
|
||||
background: url("../../images/Icons/main/city-buildings-silhouette_icon-icons.com_72809.png") no-repeat 1.75% 9px white;
|
||||
padding-left: 28px;
|
||||
padding-right: 50px;
|
||||
margin-left: -4px;
|
||||
width: 165px;
|
||||
height: 38px;
|
||||
border: 1px gray solid;
|
||||
border-radius: 5px 5px 5px 5px;
|
||||
}
|
||||
.bg-AVISO-icon {
|
||||
background: url("../../images/aviso.png") no-repeat 1.75% 9px white;
|
||||
padding-left: 28px;
|
||||
padding-right: 50px;
|
||||
margin-left: -4px;
|
||||
width: 165px;
|
||||
height: 38px;
|
||||
border: 1px gray solid;
|
||||
border-radius: 5px 5px 5px 5px;
|
||||
}
|
||||
@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;
|
||||
}
|
||||
#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: 613px;
|
||||
background-color: rgba(255,255,255,0.5);
|
||||
top: 50%;
|
||||
bottom: auto;
|
||||
left: -195px;
|
||||
right: 520px;
|
||||
margin: auto;
|
||||
}
|
||||
#tbl_main_M {
|
||||
font-family: Arial;
|
||||
font-size: 11px;
|
||||
border: none;
|
||||
width: 300px;
|
||||
height: 613px;
|
||||
}
|
||||
#lbl_Ueberschrift_M {
|
||||
background-color: #003680;
|
||||
font-size: 1.85em;
|
||||
color: #fff;
|
||||
}
|
||||
.txt_design {
|
||||
color: #003680;
|
||||
font-size: 1.85em;
|
||||
}
|
||||
.txt_design2 {
|
||||
color: #003680;
|
||||
font-size: 1.895em;
|
||||
margin-right: 1px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="content_container">
|
||||
<div class="container-fluid">
|
||||
<form id="form1" runat="server">
|
||||
<center>
|
||||
<!-- Große Bildschirme
|
||||
<div class="d-none d-md-block">-->
|
||||
|
||||
<table id="tbl_main" summary="A table to show the content">
|
||||
<tr style="height:28px">
|
||||
<td colspan="14"><center>
|
||||
<asp:Label ID="lbl_Ueberschrift" runat="server" Enabled="true" style="color:#fff" Font-Size="22px" Text="Edit your Profile:"></asp:Label>
|
||||
</center></td>
|
||||
</tr>
|
||||
<tr style="height:28px">
|
||||
<td colspan="12">
|
||||
<asp:Label ID="lbl_text1" ClientIDMode="AutoID" runat="server" Enabled="true" Font-Size="18px" Width="590px" style="background-color:rgba(255,255,255,0.5);color:#003680;margin-left:-10px;"><center>Profile Picture:</center></asp:Label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr><td colspan="7">
|
||||
<asp:Image ID="Image1" runat="server" style="width:128px;height:128px;background-color:#003680" AlternateText="A place where a photo of your face should be seen." ImageUrl="~/images/samples/default-avatar.jpg"/>
|
||||
</td>
|
||||
<td>
|
||||
<asp:FileUpload ID="FileUpload1" runat="server" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="height:38px">
|
||||
<td colspan="12">
|
||||
<asp:Label ID="lbl_data" ClientIDMode="AutoID" runat="server" Enabled="true" Font-Size="18px" style="background-color:none;color:#003680" Text="Personal Data:"></asp:Label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr><td colspan="12" style="height:45px">
|
||||
<asp:TextBox ID="txt_Username" CssClass="bg-key-icon" Placeholder="Username" runat="server"></asp:TextBox>
|
||||
</td>
|
||||
</tr>
|
||||
<tr><td colspan="7" style="height:45px">
|
||||
<asp:TextBox ID="txt_FirstName" CssClass="bg-user-icon" Placeholder="Fist Name" runat="server" AutoCompleteType="FirstName"></asp:TextBox>
|
||||
</td>
|
||||
<td colspan="5" align="center" style="height:45px">
|
||||
<asp:TextBox ID="txt_LastName" CssClass="bg-user-icon" Placeholder="Last Name" runat="server" AutoCompleteType="LastName"></asp:TextBox>
|
||||
</td></tr>
|
||||
<tr><td colspan="5" align="center" style="height:45px">
|
||||
<asp:TextBox ID="txt_Street" CssClass="bg-house-icon" Placeholder="Street" runat="server" AutoCompleteType="HomeStreetAddress"></asp:TextBox>
|
||||
</td>
|
||||
<td colspan="4" align="center" style="height:45px">
|
||||
<asp:TextBox ID="txt_street2" CssClass="bg-house2-icon" Placeholder="Nr." runat="server" AutoCompleteType="Search" ></asp:TextBox>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="6" align="center" style="height:45px">
|
||||
<asp:TextBox ID="txt_zipcode" CssClass="bg-house-icon" Placeholder="Zip Code" runat="server" AutoCompleteType="HomeZipCode"></asp:TextBox>
|
||||
</td>
|
||||
<td colspan="4" style="height:45px">
|
||||
<asp:TextBox ID="txt_City" CssClass="bg-city-icon" Placeholder="City" runat="server" AutoCompleteType="HomeCity"></asp:TextBox>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="12" align="center" style="height:45px">
|
||||
<asp:TextBox ID="txt_AVISO" CssClass="bg-AVISO-icon" Placeholder="Aviso-ID" runat="server" AutoCompleteType="Search"></asp:TextBox>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="12">
|
||||
<asp:Label ID="lbl_Company" runat="server" cssclass="txt_design2" Text="Company"></asp:Label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="7">
|
||||
<%
|
||||
Dim flagpath = "../images/Logo_small.png"
|
||||
Dim auswahl As String = ""
|
||||
Dim navParent = "CreateUser.aspx"
|
||||
Dim imgPath As String = ""
|
||||
|
||||
|
||||
If auswahl = "Atilla" Then
|
||||
flagpath = "../images/Atilla_sig.png"
|
||||
ElseIf auswahl = "VERAG" Then
|
||||
flagpath = "../images/Logo_small.png"
|
||||
ElseIf auswahl = "H118" Then
|
||||
flagpath = "images/highway118.gif"
|
||||
ElseIf auswahl = "IMEX" Then
|
||||
Else
|
||||
flagpath = ""
|
||||
End If
|
||||
%>
|
||||
|
||||
<div class="dropdown">
|
||||
<div class="dropdown show">
|
||||
<a class="btn btn-primary dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="width:182.217px;background-color:#003680;color:#fff"><center><img id="myImage" src="<%=flagpath%>../images/Logo_small.png" style="border:1px solid #fff;width:102px; justify-items:center;color:#043381;background-color:#fff" alt="Logo Schriftzug: Verag Spedition AG Blaue Schrift: Verag Spedition Graue Schrift: AG" /></center></a>
|
||||
<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
|
||||
<% Dim stringAttilla = "  Attilla"
|
||||
Dim stringVERAG = "  VERAG"
|
||||
Dim stringIMEX = "  IMEX"
|
||||
Dim stringH118 = "  Highway 118"
|
||||
Dim stringVERIMEX = "  VERIMEX"
|
||||
Dim stringVER365 = "  VERAG365"%>
|
||||
<!--<a id="ButtonOesterreichLangPicker" class="btn btn-primary btn-sm" onclick="changeflag(A)" href="<%'= navParent%>?menuID=<%'= curentMenuId %>&lan=de"><img src="<%'= imgPath%>images/flags/flagge_A.gif" <%' If laenderkuerzel = "de" Then Response.Write("style='border:1px solid #000'")%> /> DE</a>-->
|
||||
<a id="ButtonDeutschLangPicker" class="dropdown-item"" href="<%= navParent%>&P1=Atilla" style="color:#043381;background-color:#fff;border:hidden;"><img src="<%= imgPath%>../images/Atilla-Logo.jpg"; width="50"; height="auto"; <% If auswahl = "Atilla" Then Response.Write("style='border:1px solid #000'")%>/><%=stringAttilla%></a>
|
||||
<a id="ButtonTürkeiLangPicker" class="dropdown-item" href="<%= navParent%>&P1=VERAG" style="color:#043381;background-color:#fff;border:hidden;"><img src="<%= imgPath%>../images/Logo_small.png"; width="50"; height="auto"; <% If auswahl = "VERAG" Then Response.Write("style='border:1px solid #000'")%>/><%=stringVERAG%></a>
|
||||
<a id="ButtonEnglischLangPicker" class="dropdown-item" href="<%= navParent%>&P1=IMEX" style="color:#043381;background-color:#fff;border:hidden;"><img src="<%= imgPath%>../images/flags/flagge_GB_big.gif"; width="50" height="auto"; <% If auswahl = "H118" Then Response.Write("style='border:1px solid #000'")%>/><%=stringIMEX%></a>
|
||||
<a id="ButtonSerbischLangPicker" class="dropdown-item" href="<%= navParent%>&P1=H118" style="color:#043381;background-color:#fff;border:hidden;"><img src="<%= imgPath%>../images/highway118.gif"; width="50";height="auto" <% If auswahl = "yu" Then Response.Write("style='border:1px solid #000'")%> /><%=stringH118%></a>
|
||||
<a id="ButtonSerbischZweiLangPicker" class="dropdown-item" href="<%= navParent%>&P1=VERIMEX" style="color:#043381;background-color:#fff;border:hidden;"><img src="<%= imgPath%>../images/flags/flagge_SM_big.gif"; width="50"; height="auto" <% If auswahl = "yu" Then Response.Write("style='border:1px solid #000'")%> /><%=stringVERIMEX%></a>
|
||||
<a id="ButtonBulgariaLangPicker" class="dropdown-item" href="<%= navParent%>&P1=VERAG365" style="color:#043381;background-color:#fff;border:hidden;"><img src="<%= imgPath%>../images/Logo_small.png"; width="50"; height="auto" <% If auswahl = "bg" Then Response.Write("style='border:1px solid #000'")%>/><%=stringVER365%></a>
|
||||
</div>
|
||||
</div> </div>
|
||||
</td>
|
||||
<td colspan="5">
|
||||
<center>
|
||||
<asp:LinkButton ID="btn_Save_Changes" runat="server" BackColor="#043381" BorderStyle="None" CausesValidation="true" CssClass="btn btn-btn-primary"><label style="color:#fff" for="btn_Save_Changes">Save Changes</label></asp:LinkButton>
|
||||
</center>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</center>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript" src="js/toptions/top_up-min.js"></script>
|
||||
<!-- jQuery CDN - Slim version (=without AJAX) -->
|
||||
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
|
||||
<!-- Popper.JS -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
|
||||
<!-- Bootstrap JS -->
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
|
||||
<!-- jQuery Custom Scroller CDN -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.concat.min.js"></script>
|
||||
<script src="bootstrap-5.0.2-dist/js/bootstrap.min.js"></script>
|
||||
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user