From e6fc2ca95504707a63870e9bd7a6981998b54074 Mon Sep 17 00:00:00 2001
From: ja <ja@verag.ag>
Date: Wed, 16 Feb 2022 15:40:55 +0100
Subject: [PATCH] Codedesign

---
 login/login_FLEX.aspx | 230 +++++++++++++++++++++---------------------
 1 file changed, 114 insertions(+), 116 deletions(-)

diff --git a/login/login_FLEX.aspx b/login/login_FLEX.aspx
index 061e150..296ab18 100644
--- a/login/login_FLEX.aspx
+++ b/login/login_FLEX.aspx
@@ -14,7 +14,7 @@
     <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="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" />
 
@@ -23,10 +23,10 @@
     <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"> -->
+    <!-- <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"/>-->
+    <!-- <link rel="stylesheet" type="text/css" href="../css/style.css"/>-->
 
     <script type="text/javascript">
         function FocusOnInput() {
@@ -52,48 +52,48 @@
             color: #003680;
             font-size: 1.725em;
         }
-            .bg-email-icon {
+        .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;
+            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;
-            }
+           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;
+        padding-right: 50px;
+        width: 227px;
+        height: 32px;
+        border: 1px gray solid;
+        border-radius: 5px 5px 5px 5px;
+        margin-left: -4px;
     }
     .container-fluid {
         width: 390px;
@@ -261,86 +261,84 @@
         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;
+    @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;
@@ -488,7 +486,7 @@
                                     </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;margin-left:5px; font-size: 18px">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" style="margin-top: 5px;margin-left: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>
@@ -520,7 +518,7 @@
                 alert("send:" + zipphone2_1)
                 alert("send:" + zipphone2_2)
                 alert("send:" + zipphone2_3)
-                var val = document.getElementById("txt_CustomerID").value;
+                var val = document.getElementById("txt_CustomerID").value;  
                 //parent.location.replace('../Customers/Welcome.aspx');
                 top.location = '../Customers/Welcome.aspx?Par1=' + val;
             }