Mini Shell
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="apple-touch-icon" sizes="76x76" href="assets/img/logo1.gif" />
<link rel="icon" type="image/png" href="icon1.ico" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>ระบบตรวจสอบปุ๋ยผสม</title>
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
<meta name="viewport" content="width=device-width" />
<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
<link href="assets/css/material-dashboard.css" rel="stylesheet" />
<link href="assets/css/demo.css" rel="stylesheet" />
<link href="assets/css/font-awesome.css" rel="stylesheet" />
<link href="assets/css/google-roboto-300-700.css" rel="stylesheet" />
<link href="assets/css/fonts1.css" rel="stylesheet"/>
<link href="assets/smoke/css/smoke.min.css" rel="stylesheet"/>
<link href="assets/css/sweetalert.css" rel="stylesheet"/>
<link href="assets/css/all.min.css" rel="stylesheet" />
</head>
<body>
<nav class="navbar navbar-primary navbar-transparent navbar-absolute">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navigation-example-2">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">ระบบตรวจสอบปุ๋ยผสม</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li class=" active ">
<a href="login.php">
<i class="material-icons"><i class="fas fa-fingerprint"></i></i> เข้าสู่ระบบเพื่อเข้าใช้งาน
</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="wrapper wrapper-full-page">
<div class="full-page login-page" filter-color="black" data-image="assets/img/login1.jpg">
<div class="content">
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-6 col-md-offset-4 col-sm-offset-3">
<form id="form_login" method="POST" novalidate>
<div class="card card-login card-hidden">
<div class="card-header text-center" data-background-color="rose">
<img class="mr-3 mt-3 rounded-circle" src="assets/img/logo1.png" style="width:60px;" >
<h4 class="card-title"> เข้าสู่ระบบ</h4>
</div>
<p class="category text-center">
กรุณาล็อกอินเข้าสู่ระบบ เพื่อเข้าใช้งาน
</p>
<div class="card-content">
<div class="input-group">
<span class="input-group-addon">
<i class="material-icons"><i class="far fa-user"></i></i>
</span>
<div class="form-group label-floating">
<label class="control-label">ชื่อผู้ใช้งาน</label>
<input id="username" name="username" type="text" class="form-control" data-smk-msg="กรุณากรอกชื่อผู้ใช้งาน" required>
</div>
</div>
<div class="input-group">
<span class="input-group-addon">
<i class="material-icons"><i class="fas fa-unlock-alt"></i></i>
</span>
<div class="form-group label-floating">
<label class="control-label">รหัสผ่าน</label>
<input id="password" name="password" type="password" class="form-control" data-smk-msg="กรุณากรอกรหัสผ่าน" required>
</div>
</div>
</div>
<div class="footer text-center">
<button type="submit" class="btn btn-rose" id="btnLogin">เข้าสู่ระบบ</button>
</div>
<p class="category text-center">
ติดต่อสำนักงานตรวจบัญชีสหกรณ์ที่ 8 เพื่อขอใช้งานระบบ
</p>
<p class="category text-center" style="margin: 15px 0; font-size: 14px;">
<strong>หรือ</strong>
</p>
<div class="footer text-center">
<a href="register.php" class="btn btn-success btn-sm" style="padding: 8px 20px; font-size: 12px;">ลงทะเบียน</a>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div id="spin"></div>
<footer class="footer">
<div class="container">
<nav class="pull-left">
<ul>
<li><a href="http://region8.cad.go.th/">เว็บไซต์สำนักงานตรวจบัญชีสหกรณ์ที่ 8</a></li>
</ul>
</nav>
<p class="copyright pull-right">
© <script>document.write(new Date().getFullYear())</script>
<a href="http://region8.cad.go.th/">กลุ่มเทคโนโลยีสารสนเทศ</a>, by Taveesak Tohlee.
</p>
</div>
</footer>
</div>
</div>
<script src="assets/js/jquery-3.1.1.min.js" type="text/javascript"></script>
<script>
// กำหนด base path สำหรับ AJAX requests
var BASE_PATH = window.location.pathname.substring(0, window.location.pathname.lastIndexOf('/') + 1);
</script>
<script src="assets/js/bootstrap.min.js" type="text/javascript"></script>
<script src="assets/js/material.min.js" type="text/javascript"></script>
<script src="assets/js/perfect-scrollbar.jquery.min.js" type="text/javascript"></script>
<script src="assets/js/jquery.validate.min.js"></script>
<script src="assets/js/moment.min.js"></script>
<script src="assets/js/chartist.min.js"></script>
<script src="assets/js/jquery.bootstrap-wizard.js"></script>
<script src="assets/js/bootstrap-notify.js"></script>
<script src="assets/js/jquery.sharrre.js"></script>
<script src="assets/js/bootstrap-datetimepicker.js"></script>
<script src="assets/js/jquery-jvectormap.js"></script>
<script src="assets/js/nouislider.min.js"></script>
<script src="assets/js/jquery.select-bootstrap.js"></script>
<script src="assets/js/jquery.datatables.js"></script>
<script src="assets/js/sweetalert.min.js"></script>
<script src="assets/js/jasny-bootstrap.min.js"></script>
<script src="assets/js/fullcalendar.min.js"></script>
<script src="assets/js/jquery.tagsinput.js"></script>
<script src="assets/js/material-dashboard.js"></script>
<script src="assets/js/demo.js"></script>
<script src="assets/smoke/js/smoke.min.js" ></script>
<script src="assets/js/spin.min.js" type="text/javascript"></script>
<script src="assets/js/all.min.js"></script>
<script type="text/javascript">
$().ready(function() {
demo.checkFullPageBackgroundImage();
setTimeout(function() {
$('.card').removeClass('card-hidden');
}, 700)
});
</script>
<script>
$(document).ajaxStart(function () {
$("#spin").show();
}).ajaxStop(function () {
$("#spin").hide();
});
$(document).ready(function(){
$("#username").focus();
var spinner = new Spinner().spin();
$("#spin").append(spinner.el);
$("#spin").hide();
$('#form_login').on("submit", function(e) {
e.preventDefault(); // หยุดการโหลดหน้า
// ปิดการใช้ Smoke.js ที่มีปัญหากับ Autofill แล้วดึงค่ามาเช็คเอง
var user = $("#username").val();
var pass = $("#password").val();
if(user === "" || pass === "") {
swal("แจ้งเตือน!", "กรุณากรอก Username และ Password ให้ครบถ้วน", "warning");
return false;
}
$.ajax({
url: BASE_PATH + "login_go.php",
type: "POST",
data: $("#form_login").serialize(),
dataType: "json",
beforeSend: function() {
$('#btnLogin').prop('disabled', true).text('กำลังตรวจสอบ...');
},
success: function(data) {
$('#btnLogin').prop('disabled', false).text('เข้าสู่ระบบ');
if (data.status === "danger") {
// แสดงแจ้งเตือนถ้าล็อกอินผิด
swal("เข้าสู่ระบบไม่สำเร็จ!", data.message, "error");
// ล้างช่องรหัสผ่านให้พิมพ์ใหม่
$("#password").val('').focus();
} else if (data.status === "success") {
// ล็อกอินผ่าน เด้งไปหน้า home
window.location.href = BASE_PATH + 'home.php';
}
},
error: function(xhr) {
$('#btnLogin').prop('disabled', false).text('เข้าสู่ระบบ');
swal("ระบบขัดข้อง!", "เกิดข้อผิดพลาดในการเชื่อมต่อเซิร์ฟเวอร์", "error");
}
});
});
});
</script>
</body>
</html>
Zerion Mini Shell 1.0