CINXE.COM
CompuSystems Login
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/> <meta http-equiv="Pragma" content="no-cache"/> <meta http-equiv="Expires" content="-1"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>CompuSystems Login</title> <!-- Favicon--> <link rel="shortcut icon" type="image/png" href="/jsp/ClientServicesV2/assets/images/favicon.ico?v=1"> <link rel="stylesheet" href="/jsp/ClientServicesV2/assets/vendor/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="/jsp/ClientServicesV2/assets/vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.css"> <link rel="stylesheet" href="/jsp/ClientServicesV2/assets/css/jquery-ui.min.css"> <link rel="stylesheet" type="text/css" href="/jsp/ClientServicesV2/assets/css/build.css"/> <!-- theme stylesheet--> <link rel="stylesheet" href="/jsp/ClientServicesV2/assets/css/style.default.premium.css" id="theme-stylesheet"> <!-- select picker stylesheet--> <link rel="stylesheet" href="/jsp/ClientServicesV2/assets/css/bootstrap-select.min.css"> <!-- Custom stylesheet - for your changes--> <link rel="stylesheet" href="/jsp/ClientServicesV2/assets/css/custom.css"> <!--[if IE]> <style type="text/css" media="all">.borderitem {border-style: solid;}</style> <![endif]--> </head> <body> <div class="page login-page"> <div class="container"> <div class="form-outer text-center align-items-center"> <div class="form-inner"> <div class="logo"> <img src="/jsp/Login/images/logo_compusystems.png" width="194" height="55" /> </div> <p>Client Login</p> <hr class="mt-0" /> <form method="POST" name="Login" class="text-left form-validate" action="/servlet/CSILoginServlet" autocomplete="off"> <div class="form-group-material"> <input id="input_login" type="text" name="login" required data-msg="Please enter your username" class="input-material" autocomplete="off" /> <label for="input_login" class="label-material">Username</label> </div> <div class="form-group-material"> <input id="input_password" type="password" name="password" required data-msg="Please enter your password" class="input-material" autocomplete="off" /> <label for="input_password" class="label-material">Password</label> </div> <div class="form-group text-center"> <button id="btn_login" type="button" class="btn btn-primary">Login</button> <!-- This should be submit button but I replaced it with <a> for demo purposes--> </div> <input type="hidden" name="changePassword" value="" /> <input type="hidden" name="action" value="login" /> <input type="hidden" name="a" value="null" /> <input type="hidden" name="t" value="null" /> <input type="hidden" name="p" value="null" /> <input type="hidden" id="coming_from" name="request_coming_from" value="null" /> </form> <a href="#" id="btn_forgot_password" class="forgot-pass">Forgot Password?</a> </div> <!-- end of form-inner div --> <div class="copyrights text-center"> <p> © 2024 <a href="https://www.compusystems.com" class="external">CompuSystems Inc.</a> </p> </div> </div> </div> </div> <script type="text/javascript" src="/jsp/common/jQuery/jquery.min.js"></script> <script type="text/javascript" src="/jsp/ClientServicesV2/assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> <script type="text/javascript" src="/jsp/ClientServicesV2/assets/vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min.js"></script> <script type="text/javascript" src="/jsp/ClientServicesV2/assets/vendor/jquery.cookie/jquery.cookie.js"></script> <script type="text/javascript" src="/jsp/ClientServicesV2/assets/vendor/jquery-validation/jquery.validate.min.js"></script> <script type="text/javascript" src="/jsp/ClientServicesV2/assets/js/main.js"></script> <script type="text/javascript" src="/jsp/ClientServicesV2/assets/js/custom.js"></script> <script type="text/javascript"> $(document).ready(function() { //Center the Error Message $("#input_login").focus(); }); $(document).keypress(function(event){ checkSubmit(event); }); var loginSubmitted = false; $("#btn_login").click(function() { if (!loginSubmitted) { submitLogin(); } }); function retrievePassword() { window.location.href = "/jsp/Login/retrievePassword.jsp"; } $("#btn_reset_password,#btn_forgot_password").click(function() { retrievePassword(); }); function submitLogin() { $('#Error1').hide(); var p1 = document.getElementById("input_login").value; var p2 = document.getElementById("input_password").value; noOutLine("input_login"); noOutLine("input_password"); $('#Error1').hide(); if (p1 == '') { redOutLine("input_login"); $('#Error1').show().html("Missing required fields!"); } else if (p2 == '') { redOutLine("input_password"); $('#Error1').show().html("Missing required fields!"); } else { $("#btn_login").attr('disabled', true); loginSubmitted = true; document.Login.version = "2"; document.Login.redirect = "SELECT_SHOW"; //document.Login.action = "/servlet/CSILoginServlet"; document.Login.submit(); } } $("#btn_yes").click(function() { document.Login.changePassword.value = "yes"; $("input[name='action']").val("changePassword"); document.Login.submit(); }); $("#btn_no").click(function() { document.Login.changePassword.value = "no"; $("input[name='action']").val("changePassword"); document.Login.submit(); }); function redOutLine(id) { $("#"+id).css("border-bottom", "1px solid red"); } function noOutLine(id) { $("#"+id).css("border-bottom", "1px solid #cecece"); } function checkSubmit(e) { var keycode = (e.keyCode ? e.keyCode : e.which); if(keycode == '13'){ submitLogin(); } } </script> </body> </html>