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

GUI Änderungen

Browse Source
This commit is contained in:
ja
2021-11-23 15:33:20 +01:00
parent 2e65a873f2
commit e22e52cc4e
7 changed files with 225 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
App_Code/WebService.vb
View File

@@ -5,7 +5,7 @@ Imports System.Web.Services.Protocols
' Wenn der Aufruf dieses Webdiensts aus einem Skript zulässig sein soll, heben Sie mithilfe von ASP.NET AJAX die Kommentarmarkierung für die folgende Zeile auf.
<System.Web.Script.Services.ScriptService()>
<WebService(Namespace:="http://tempuri.org/")> _
<WebService(Namespace:="http://veragserviceswebhub/")>
<WebServiceBinding(ConformsTo:=WsiProfiles.BasicProfile1_1)> _
<Global.Microsoft.VisualBasic.CompilerServices.DesignerGenerated()> _
Public Class WebService

2
Customers/Customers.master
View File

@@ -372,7 +372,7 @@
<ul style="list-style: none;"class="collapse list-unstyled" id="UserSubmenu1">
<span class="navbar-toggler-icon"></span>
<li><button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal" style="text-decoration: none;background-color:#fff;color:#043381;text-align:left;border:none;font-size:16px;white-space: nowrap; height:20px"><img src="../images/Icons/main/gear_blue.png"; style="width:15px; height:15px;color:#043381;background-color:#fff;margin-right:6px;" />Profil bearbeiten</button> </li>
<li style="margin-top:12px"><a type="button" class="btn btn-primary" href="../login/Logout.aspx" style="text-decoration: none;background-color:#fff;color:#043381;text-align:left;border:none;font-size:18px;width:200px;z-index:1032;margin-left:-16px"><img src="../images/Icons/main/Logout.svg.png"; style="width:15px;font-size:18px; height:15px;color:#043381;background-color:#fff; margin-right:6px;"/>Logout</a></li>
<li style="margin-top:12px"><a type="button" class="btn btn-primary" href="../login/Logout.aspx" style="text-decoration: none;background-color:#fff;color:#043381;text-align:left;border:none;font-size:16px;width:200px;z-index:1032;margin-left:-16px"><img src="../images/Icons/main/Logout.svg.png"; style="width:15px;height:15px;color:#043381;background-color:#fff; margin-right:6px;"/>Logout</a></li>
</ul>
</li>
</ul>

172
css/login/loginFLEX.css
View File

@@ -1,5 +1,5 @@

@media (min-width: 558.98px) {
@media (max-width: 558.98px) {
body {
font-family: 'Poppins', sans-serif;
background: #fafafa;
@@ -9,6 +9,7 @@
background-attachment: fixed;
background-size: cover;
background-color: #fff;
width: 375px;
}
#Login1_LoginButton {
color: #fff;
@@ -26,23 +27,23 @@
margin: 0 auto;
}
.container-fluid {
width: 405px;
width: 375px;
height: 613px;
position:relative;
position: relative;
background-color: rgba(255,255,255,0.5);
}
#tbl_main {
font-family: Arial;
font-size: 11px;
border: 1px solid gray;
width: 400px;
width: 375px;
height: 270px;
/* The magic centering code */
margin: auto;
position: absolute;
top: 0;
top: 2px;
bottom: 0; /* Aligns Vertically - Remove for Horizontal Only */
left: 0;
left: 4px;
right: 0; /* Aligns Horizontally - Remove for Vertical Only */
/* Prevent div from overflowing main window */
max-width: 100%;
@@ -136,3 +137,162 @@
color: red;
}
}
@media (min-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;
width: 475px;
}
#Login1_LoginButton {
color: #fff;
background-color: #003680;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#content_container {
width: 100%;
height: 100%;
position: absolute;
display: 690px;
justify-content: center;
align-items: center;
margin: 0 auto;
}
.container-fluid {
width: 475px;
height: 613px;
position: relative;
background-color: rgba(255,255,255,0.5);
}
#tbl_main {
font-family: Arial;
font-size: 11px;
border: 1px solid gray;
width: 475px;
height: 470px;
/* The magic centering code */
margin: auto;
position: absolute;
top: 2px;
bottom: 0; /* Aligns Vertically - Remove for Horizontal Only */
left: 4px;
right: 0; /* Aligns Horizontally - Remove for Vertical Only */
/* Prevent div from overflowing main window */
max-width: 100%;
max-height: 100%;
overflow: auto;
}
/* IE 7 and Below */
:first-child + html .absoluteCenter,
* html .absoluteCenter {
/* Place code here to override all above values, and add IE friendly centering */
}
#lbl_Ueberschrift {
background-color: #003680;
font-size: 2.55em;
color: #fff;
}
#lbl_login {
background-color: #003680;
font-size: 2.55em;
color: #fff;
}
.txt_design {
color: #003680;
font-size: 1.65em;
}
.txt_design2 {
color: #003680;
font-size: 1.695em;
margin-right: 1px;
}
#LoginButton {
background-color: #003680;
color: #fff;
width: 140px;
height: 25px;
}
#Password {
margin-right: -20px;
border-radius: 5px 5px;
}
#UserName {
font-size: 17px;
border-radius: 5px 5px 5px 5px;
}
#CustomerID {
color: #003680;
font-size: 1.125em;
border-radius: 5px 5px 5px 5px;
}
#CustomerID:invalid {
background-color: indianred;
border-color: red;
color: red;
}
#CustomerID:valid {
background-color: white;
border-color: forestgreen;
color: black;
}
#CustomerID:invalid + span::before {
content: '✖';
color: red;
}
#Password:invalid {
background-color: indianred;
border-color: red;
color: red;
}
#Password:valid {
background-color: white;
border-color: forestgreen;
color: black;
}
#Password:invalid + span::before {
content: '✖';
color: red;
}
#UserName:invalid {
background-color: indianred;
border-color: red;
color: red;
}
#UserName:valid {
background-color: white;
border-color: forestgreen;
color: black;
}
#Password:invalid + span::before {
content: '✖';
color: red;
}
}

18
login/Change_PW.aspx
View File

@@ -79,7 +79,7 @@
background-color: #fff;
overflow-y: clip;
overflow-x: clip;
max-width:390px;
max-width:380px;
}
h1 {
color: #043381;
@@ -93,29 +93,29 @@
display: flex;
justify-content: center;
align-items: center;
width: 390px;
width: 380px;
height: 613px;
margin: 0 auto;
margin-left:10%;
margin-left:7%;
margin-top:9px;
}
.container-fluid {
width: 390px;
width: 380px;
background-color: rgba(255,255,255,0.5);
height:423px;
height:613px;
top:50%;
bottom: -4px;
left: -195px;
right: 520px;
margin: 0 auto;
margin: -1px auto;
}
#tbl_main_M {
font-family: Arial;
font-size: 11px;
border: 1px solid gray;
width: 300px;
height: 613px;
margin-top:80px;
height: 813px;
margin-top:61px;
}
#btn_submitpw_M{
background-color: #003680;

34
login/ForgotPW.aspx
View File

@@ -56,7 +56,7 @@
font-size: 1.725em;
}
.container-fluid {
width: 400px;
width: 390px;
height: 473px;
position:absolute;
background-color: rgba(255,255,255,0.5);
@@ -78,21 +78,21 @@
background-color: #fff;
overflow-y: clip;
overflow-x: clip;
width:380px;
width:375px;
position: absolute;
}
#content_container {
display: flex;
justify-content: center;
align-items: center;
width: 380px;
width: 375px;
height: 613px;
margin: 0 auto;
margin-top: 0px;
margin-left: 5%;
margin-top: 10px;
margin-left: 8%;
}
.container-fluid {
width: 395px;
width: 375px;
height: 613px;
background-color: rgba(255,255,255,0.5);
top:0%;
@@ -105,7 +105,7 @@
font-family: Arial;
font-size: 11px;
border: 1px solid gray;
width: 380px;
width: 375px;
height: 713px;
}
#lbl_Ueberschrift_M {
@@ -144,7 +144,7 @@
width: 325px;
height: 32px;
margin-bottom: -50px;
margin-left:16px;
margin-left:10px;
padding-inline: 2px 2px;
padding: -10px 0px 12px 1px;
border:none;
@@ -311,11 +311,11 @@
<link rel="stylesheet" type="text/css" href="../css/main.css">
<![endif]-->
<script type = "text/javascript">
<!-- <script type = "text/javascript">
function goBack()
{
window.history.back()
}
} -->
</script>
</head>
<body>
@@ -384,32 +384,32 @@
<asp:Button ID="btn_Back_M" runat="server" Text="Back" OnClick="btn_Back_Click" Height="37px"/>
</td>
</tr>
<tr style="color:#003680; height:92px;">
<tr style="color:#003680; height:52px;">
<td align="left" 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:61px;font-size:19px; "></asp:Label>
<asp:Label ID="lbl_PWvergessen_M" Text="Forgot your password?" runat="server" style="color:#003680; margin-left:59px;font-size:19px; "></asp:Label>
</td></tr>
<tr style="color:#003680;height:20px">
<td>
<asp:Label ID="lbl_filldatahere_M" Text="Fill in your data here" runat="server" style="color:#003680;margin-left:67px;font-weight:300" Font-Size="22px"></asp:Label>
<asp:Label ID="lbl_filldatahere_M" Text="Fill in your data here" runat="server" style="color:#003680;margin-left:63px;font-weight:300" Font-Size="22px"></asp:Label>
</td>
</tr>
<tr style="color:#003680;height:40px;">
<td align="left" colspan="2">
<asp:TextBox ID="txt_CustomerID_M" CssClass="bg-UID-icon" runat="server" ValidationGroup="val-mobil" Width="325" Placeholder="Customer-ID" Font-Size="2.025em" style="margin:0 21px auto 22px;border-radius: 8px 8px 8px 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;"></asp:TextBox>
<asp:TextBox ID="txt_CustomerID_M" CssClass="bg-UID-icon" runat="server" ValidationGroup="val-mobil" Width="325" Placeholder="Customer-ID" Font-Size="2.025em" style="margin:5px 21px auto 12px;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" ForeColor="Red" Font-Size="19px" style="margin-left:22px;" ValidationGroup="val-mobil" ErrorMessage="*"></asp:RequiredFieldValidator>
</td></tr>
<tr style="color:#003680; height:40px;">
<td align="left" colspan="2">
<asp:TextBox ID="txtEmail_M" runat="server" Width="325px" ValidationGroup="val-mobil" Font-Size="2.025em" Placeholder="E-Mail" CssClass="bg-email-icon" style="margin-left:25px;color:#003680;margin-bottom:60px;border-radius: 8px 8px 8px 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;"/>
<asp:TextBox ID="txtEmail_M" runat="server" Width="325px" ValidationGroup="val-mobil" Font-Size="2.025em" Placeholder="E-Mail" CssClass="bg-email-icon" style="margin-left:10px;color:#003680;margin-bottom:60px;border-radius: 8px 8px 8px 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;"/>
<asp:RequiredFieldValidator ID="valreqtxtEmail_M" SetFocusOnError="true" ControlToValidate="txtEmail_M" ValidationGroup="val-mobil" runat="server" ForeColor="Red" Font-Size="19px" ErrorMessage="*" ></asp:RequiredFieldValidator>
</td></tr>
<tr style="color:#003680; height:40px;">
<td align="left" colspan="2">
<asp:TextBox ID="txt_Username_M" runat="server" CssClass="bg-user-icon" ValidationGroup="val-mobil" Placeholder="Username" Font-Size="2.025em" Width="325px" style="margin-left:25px;color:#003680;border-radius: 8px 8px 8px 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;" OnClick="this.value='';" />
<asp:TextBox ID="txt_Username_M" runat="server" CssClass="bg-user-icon" ValidationGroup="val-mobil" Placeholder="Username" Font-Size="2.025em" Width="325px" style="margin-left:10px;color:#003680;border-radius: 8px 8px 8px 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;" OnClick="this.value='';" />
<asp:RequiredFieldValidator ID="valreqtxtusername_M" ForeColor="Red" ControlToValidate="txt_Username_M" ValidationGroup="val-mobil" runat="server" Font-Size="19px" ErrorMessage="*" SetFocusOnError="true"></asp:RequiredFieldValidator>
</td></tr>
<tr style="color:#003680; height:40px;"><td>
<asp:Button ID="btn_Send_M" runat="server" Text="Send" Width="325px" Enabled="true" AutoPostBack="True" Font-Size="22px" style="margin-left:22px;border:none" OnClick="btn_Send_M_Click" Height="37px" />
<asp:Button ID="btn_Send_M" runat="server" Text="Send" Width="325px" Enabled="true" AutoPostBack="True" Font-Size="22px" style="margin-left:10px;border:none" OnClick="btn_Send_M_Click" Height="37px" />
</td></tr>
<tr style="color:#003680; height:50px;">
<td align="right" colspan="2" style="width:335px">

55
login/login_FLEX.aspx
View File

@@ -1,4 +1,4 @@
<%@ Page Language="VB" Debug="true" AutoEventWireup="false" CodeFile="login_FLEX.aspx.vb" Inherits="login_FLEX"%>
<%@ Page Language="VB" Debug="true" AutoEventWireup="false" CodeFile="login_FLEX.aspx.vb" Inherits="login_FLEX" EnableSessionState="True" %>
<!DOCTYPE html>
@@ -97,7 +97,7 @@
margin-left: -4px;
}
.container-fluid {
width: 395px;
width: 390px;
height:413px;
position:absolute;
background-color: rgba(255,255,255,0.5);
@@ -119,34 +119,32 @@
background-color: #fff;
overflow-y: clip;
overflow-x: clip;
max-width:390px;
max-width:375px;
}
#content_container {
display: flex;
justify-content: center;
align-items: center;
width: 395px;
width: 375px;
height: 613px;
margin: 0 auto auto 9%;
margin-top: 0px;
}
.container-fluid {
width: 395px;
width: 375px;
height: 613px;
background-color: rgba(255,255,255,0.5);
top:50%;
top:2px;
bottom: auto;
left: -192px;
right: 520px;
margin: auto auto auto -2px;
margin: 7px auto auto -195px;
}
#tbl_main_M {
font-family: Arial;
font-size: 11px;
border: 1px solid gray;
width: 295px;
width: 375px;
height: 613px;
margin: auto auto auto -2px;
}
@@ -160,6 +158,7 @@
font-size: 2em;
color: #fff;
margin-top:-20px;
margin-left:-4px;
}
.txt_design {
color: #003680;
@@ -265,7 +264,7 @@
margin-left:8px;
color:#003680;
}
@media (max-width: 323px) {
@media (max-width: 322.98px) {
body {
font-family: 'Poppins', sans-serif;
background: #fafafa;
@@ -277,29 +276,29 @@
background-color: #fff;
overflow-y: clip;
overflow-x: clip;
max-width: 323px;
width: 322.98px;
}
.container-fluid {
width: 395px;
width: 322.98px;
height: 613px;
background-color: rgba(255,255,255,0.5);
top:0%;
top:2px;
bottom: auto;
left: -2px;
right: 2020px;
margin: auto;
right: 0px;
margin: 0 auto;
}
#content_container {
width: 325px;
width: 322.98px;
height: 613px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
margin-top: 0px;
margin-left: 5%;
margin-top: 2px;
margin-left: 8%;
}
bg-email-icon {
background: url("../../images/Icons/service/mail-icon.gif") no-repeat 1.75% 10px white;
@@ -457,37 +456,37 @@
<LayoutTemplate>
<center>
<table id="tbl_main_M" cellpadding="0" style="margin: 0 auto;border:none">
<tr style="color:#003680; height:30px;">
<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:86px">
<tr style="color:#003680; height:57px">
<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: 22px;margin-top:20px;border-radius: 8px 8px 8px 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;"></asp:TextBox>
<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: 22px;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:86px;">
<tr style="color:#003680; height:57px;">
<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:22px;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:86px;">
<tr style="color:#003680; height:57px;">
<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:22px;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:143px;">
<tr style="color:#003680; height:80px;">
<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:22px; padding:0px 0px 0px 0px;background-color:#003680;height:52px"><center><label for="LoginButton_M" style="margin:0 auto; margin-top:13px">Login</label></center></asp:LinkButton>
<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:24px; 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:46px;">
<tr style="color:#003680; height:34px;">
<td align="left" colspan="2">
<asp:CheckBox ID="RememberMe_M" runat="server" ValidationGroup="Login_M" style="margin-left:22px;"/><label for="RememberMe_M" id="lbl_for_chkbox_M">Remember me.</label>
<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">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>