/
var
/
www
/
html
/
stengineers
/
admin
/
Upload FileeE
HOME
<html lang="en"> <?php session_start(); ?> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <link rel="icon" type="image/png" sizes="16x16" href="https://stengineers.com/assets/images/home/favicon.png" /> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content=""> <meta name="author" content=""> <title>admin - Login</title> <!-- Custom fonts for this template--> <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css"> <link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet"> <!-- Custom styles for this template--> <link href="css/sb-admin-2.min.css" rel="stylesheet"> </head> <body> <div class="container" style="margin-top: 150px;"> <!-- Outer Row --> <div class="row justify-content-center"> <div class="col-xl-8 col-lg-12 col-md-9"> <div class="card o-hidden border-0 my-5"> <div class="card-body bg-clr p-0"> <!-- Nested Row within Card Body --> <div class="row"> <div class="col-lg-9 mx-auto"> <div class="p-5"> <div class="text-center"> <h1 class="h4 text-gray-900 mb-4">S&T Engineers</h1> </div> <form class="user" id="login"> <div class="form-group"> <label>Username</label> <input type="text" name="username" class="form-control form-control-user" id="username" aria-describedby="emailHelp"> <div class="audit_error" style="color:red;" id="usernameErr"></div> </div> <div class="form-group"> <label>Password</label> <input type="password" name="password" class="form-control form-control-user" id="password"> <div class="audit_error" style="color:red;" id="passwordErr"></div> </div> <!-- Hidden input to store captcha token --> <div class="form-group mt-3"> <div class="g-recaptcha" data-sitekey="6LeLySAsAAAAABtm9olQoWJEzZ7Lk5TIQGKpOzmN" data-callback="onCaptchaVerified" data-expired-callback="onCaptchaExpired"> </div> <input type="hidden" id="g-recaptcha-response" name="g-recaptcha-response"> <div id="recaptcha-error" style="color:red;"></div> </div> <!-- <div class="form-group"> <div class="custom-control custom-checkbox small"> <input type="checkbox" class="custom-control-input" id="customCheck"> <label class="custom-control-label" for="customCheck">Remember Me</label> </div> </div> --> <button type="button" class="btn btn-primary btn-user btn-block" onclick="validateclientForm()">Login</button> <div class="audit_error" style="color:red;" id="fail-client-alert"></div> <div class="audit_error" style="color:green;" id="succ-client-alert"></div> </form> </div> </div> </div> </div> </div> </div> </div> </div> <!-- reCAPTCHA --> <script src="https://www.google.com/recaptcha/api.js" async defer></script> <script src="vendor/jquery/jquery.min.js"></script> <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script> <script> function onCaptchaVerified(token) { document.getElementById("g-recaptcha-response").value = token; document.getElementById("recaptcha-error").innerHTML = ""; // $("#g-recaptcha-response").val(token); // $("#recaptcha-error").html(""); } function onCaptchaExpired() { document.getElementById("g-recaptcha-response").value = ""; document.getElementById("recaptcha-error").innerHTML = "Captcha expired, please verify again."; // $("#g-recaptcha-response").val(""); // $("#recaptcha-error").html("Captcha expired"); } function printError(id, msg) { $("#" + id).html(msg); } function validateclientForm() { $("#succ-client-alert").html(""); $("#fail-client-alert").html(""); let username = $("#username").val(); let password = $("#password").val(); let captcha = $("#g-recaptcha-response").val(); let usernameErr = passwordErr = true; if (username === "") printError("usernameErr", "Enter Username"); else { printError("usernameErr", ""); usernameErr = false; } if (password === "") printError("passwordErr", "Enter Password"); else { printError("passwordErr", ""); passwordErr = false; } if (captcha === "") { $("#recaptcha-error").html("Please verify captcha"); return false; } if (usernameErr || passwordErr) return false; let captchaToken = $("#g-recaptcha-response").val(); // if (!username) { alert("Enter username"); return; } // if (!password) { alert("Enter password"); return; } // if (!captcha) { alert("Please verify captcha"); return; $.ajax({ url: "login-action.php", type: "POST", data: { username: username, password: password, "g-recaptcha-response": captcha, action: "checklogin", }, success: function(res){ // console.log("RAW RESPONSE:", res); var data = res; // console.log("PARSED:", data); if(data.status === "success"){ $("#succ-client-alert").html("Logged in Successfully"); // FIX sessionStorage.setItem("user_id", data.login_user); setTimeout(()=>window.location.href="products.php",1000); } else { $("#fail-client-alert").html(data.message); } } }); } </script> </body> </html> </body> </html>