เข้าสู่ระบบบริหารจัดการโครงการฯ

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>เข้าสู่ระบบบริหารจัดการโครงการฯ</title>  <link href="https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900" rel="stylesheet" type="text/css"> <link href="../../assets/css/icons/icomoon/styles.css" rel="stylesheet" type="text/css"> <link href="../../assets/css/bootstrap.css" rel="stylesheet" type="text/css"> <link href="../../assets/css/core.css" rel="stylesheet" type="text/css"> <link href="../../assets/css/components.css" rel="stylesheet" type="text/css"> <link href="../../assets/css/colors.css" rel="stylesheet" type="text/css">   <link href="../../assets/css/custom_login.css" rel="stylesheet" type="text/css">  <script type="text/javascript" src="../../assets/js/plugins/loaders/pace.min.js"></script> <script type="text/javascript" src="../../assets/js/core/libraries/jquery.min.js"></script> <script type="text/javascript" src="../../assets/js/core/libraries/bootstrap.min.js"></script> <script type="text/javascript" src="../../assets/js/plugins/loaders/blockui.min.js"></script> <script type="text/javascript" src="../../assets/js/plugins/ui/nicescroll.min.js"></script> <script type="text/javascript" src="../../assets/js/plugins/ui/drilldown.js"></script> <script type="text/javascript" src="../../assets/js/plugins/ui/fab.min.js"></script>   <script type="text/javascript" src="../../assets/js/plugins/forms/validation/validate.min.js"></script> <script type="text/javascript" src="../../assets/js/plugins/forms/styling/uniform.min.js"></script> <script type="text/javascript" src="../../assets/js/plugins/forms/styling/switch.min.js"></script> <script type="text/javascript" src="../../assets/js/plugins/forms/selects/bootstrap_multiselect.js"></script> <script type="text/javascript" src="../../assets/js/plugins/forms/inputs/touchspin.min.js"></script> <script type="text/javascript" src="../../assets/js/plugins/forms/selects/select2.min.js"></script> <script type="text/javascript" src="../../assets/js/core/app.js"></script> <script type="text/javascript" src="../../assets/js/pages/login.js"></script> <script type="text/javascript" src="../../assets/js/pages/form_validation.js"></script> <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.15.0/jquery.validate.min.js"></script>  <style> .header-warning-boxed{ background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%); } .navbar-inverse .navbar-nav > li > a{ color: #333333 !important; } </style> </head> <body class="navbar-bottom login-container">  <div class="navbar navbar-inverse bg-warning header-warning-boxed"> <div class="navbar-header"> <a class="navbar-brand" href="../../index.php" style=" padding-top: 7px; padding-bottom: 7px;padding-right: 0px;"><img src="../../assets/images/form_logo_fin.png" alt="" style="margin-top: 0px;height: 36px;"></a> <ul class="nav navbar-nav pull-right visible-xs-block"> <li><a data-toggle="collapse" data-target="#navbar-mobile"><i class="icon-grid3"></i></a></li> </ul> </div> <div class="navbar-collapse collapse" id="navbar-mobile"> <ul class="nav navbar-nav" style="margin-left: 0px;"> <li><a>Food Innovation and Packaging Center</a></li> </ul> </div> </div>   <div class="page-container">  <div class="page-content">  <div class="content-wrapper">  <form class="login-form" id="loginForm" method="post" action="#"> <div class="panel panel-body"> <div class="text-center"> <div class="icon-object border-slate-300 text-slate-300"><i class="icon-reading"></i></div> <h5 class="content-group">กรุณาเข้าสู่ระบบ</h5> </div> <div class="text-center" id="error"> </div> <div class="form-group has-feedback has-feedback-left"> <div class="row"> <div class="col-sm-12"> <div class="form-control-feedback has-feedback-center"> <i class="icon-user text-muted"></i> </div> <input type="text" class="form-control" name="username" id="username" placeholder="username" value=""> </div> </div> </div> <div class="form-group has-feedback has-feedback-left"> <div class="row"> <div class="col-sm-12"> <div class="form-control-feedback"> <i class="icon-lock2 text-muted"></i> </div> <input type="password" class="form-control" name="password" id="password" placeholder="รหัสผ่าน" value=""> </div> </div> </div> <div class="form-group login-options"> <div class="row"> <div class="col-sm-6"> <label class="checkbox-inline"> <input type="checkbox" class="styled" checked="checked"> จดจำไว้ในระบบ </label> </div> <div class="col-sm-6 text-right"> <button type="submit" name="submitButton" class="btn btn-primary">Login</button> </div> </div> </div> <div class="form-group"> </div> </div> </form>  </div>  </div>  </div>   <div class="navbar navbar-default navbar-fixed-bottom footer"> <ul class="nav navbar-nav visible-xs-block"> <li><a class="text-center collapsed" data-toggle="collapse" data-target="#footer"><i class="icon-circle-up2"></i></a></li> </ul> <div class="navbar-collapse collapse" id="footer"> <div class="navbar-text"> © 2017. ระบบบริหารจัดการโครงการ โดย <a href="http://www.fin.cmu.ac.th/" class="navbar-link" target="_blank">ศูนย์นวัตกรรมอาหารและบรรจุภัณฑ์ มหาวิทยาลัยเชียงใหม่</a> </div> <div class="navbar-right"> <ul class="nav navbar-nav"> <li><a href="#">About</a></li> <li><a href="#">Terms</a></li> <li><a href="#">Contact</a></li> </ul> </div> </div> </div>  </body> <script> $(document).ready(function () { $('form').validate({ // other rules and options, submitHandler: function () { if ($("#loginForm").valid()) submitLogin(); } } ); jQuery.validator.addMethod("accept_username", function (value, element, param) { return value.match(new RegExp(param)); }); jQuery.validator.addMethod("accept_password", function (value, element, param) { return value.match(new RegExp(param)); }); function error_messages(input){ return "<label id='with_icon-error' class='validation-error-label'>"+input+"</label>"; } function notification(input){ $("#error").html("<div class='alert alert-warning alert-styled-left'><button type='button' class='close' data-dismiss='alert'><span>×</span><span class='sr-only'>ปิด</span></button><span class='text-semibold'>"+input+"</span></div>"); } $("#username").rules("add", { required: true, rangelength: [3, 60], accept_username: "[a-zA-Z0-9]+", messages: { required: error_messages("กรุณาระบุข้อมูลในช่อง"), rangelength: error_messages("กรุณาระบุระหว่าง 3 - 60 ตัวอักษร"), accept_username: error_messages("กรุณาใช้เฉพาะภาษาอังกฤษหรือตัวเลข") } }); function submitLogin() { var username = $("#username").val(); var password = $("#password").val(); var dataString = 'username=' + username + '&password=' + password; $.ajax({ type: "POST", url: "../../include/ajaxLogin.php", data: dataString, cache: false, beforeSend: function () { $("#login").val('กำลังตรวจสอบ...'); }, success: function (data) { console.debug(data); var obj = jQuery.parseJSON(data); if (obj.status == 200) { notification("เข้าสู่ระบบสำเร็จ"); $(location).attr('href', '../../index.php'); } else if (obj.status == 404) { notification(obj.messages); } }, error: function () { notification("ติดต่อไฟล์ข้อมูลไม่ได้"); } }); return false; } /* function getPhotoProfile() { $.ajax({ type: "POST", url: "../../include/ajaxLoginProfile.php", cache: false, success: function (data) { var obj = jQuery.parseJSON(data); console.log(obj.status); if (obj.status == 200) { notification("เข้าสู่ระบบสำเร็จ"); } else if (obj.status == 404) { notification("เกิดข้อผิดพลาด"); } }, error: function () { notification("ติดต่อไฟล์ข้อมูลไม่ได้"); } }); }*/ }); </script> </html>

CINXE.COM

เข้าสู่ระบบบริหารจัดการโครงการฯ