Mini Shell
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>ระบบบุคลากร โรงเรียนเทศบาลวัดชัยชุมพล</title>
<!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.6 -->
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="bootstraptable/bootstrap-table.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="bootstrap/css/font-awesome.min.css">
<!-- Ionicons -->
<link rel="stylesheet" href="bootstrap/css/ionicons.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="dist/css/AdminLTE.min.css">
<link rel="stylesheet" href="dist/css/skins/_all-skins.min.css">
<!-- AdminLTE Skins. We have chosen the skin-blue for this starter
page. However, you can choose any other skin. Make sure you
apply the skin class to the body tag so the changes take effect.
-->
<link rel="stylesheet" href="plugins/iCheck/all.css">
<link rel="stylesheet" href="dist/css/skins/skin-blue.min.css">
<!-- Smoke -->
<link rel="stylesheet" href="bootstrap/css/smoke.min.css">
<link rel="stylesheet" href="bootstrap/css/sweetalert.css" >
<link rel="stylesheet" href="bootstrap/css/select2.min.css" >
<link rel="stylesheet" href="bootstrap/css/bootstrap-datepicker.css">
<link rel="stylesheet" href="bootstrap/css/lity.min.css">
<link rel="stylesheet" href="bootstrap/css/bootstrap-select.min.css">
<link rel="stylesheet" href="bootstrap/css/fonts1.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div style="background-color: #edeff1;" id="nav_master">
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<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="index.php"><strong>ระบบบุคลากร</strong> โรงเรียนเทศบาลวัดชัยชุมพล</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="index.php"><i class="fa fa-home text-primary"></i> หน้าแรก</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="http://www.ccp.ac.th"><i class="fa fa-university text-primary"></i> โรงเรียนเทศบาลวัดชัยชุมพล</a></li>
<!-- <li><a href="http://www.benzneststudios.com/benznestwallet/auth/register">สมัครสมาชิก</a></li> -->
</ul>
</div>
</div>
</nav>
</div>
<br><br><br>
<div class="container-fluid">
<div class="row">
<div class="col-md-6 col-md-offset-3" style="border-color:#edeff1">
<div class="panel panel-default" style="background-color: #edeff1;border-color:#edeff1">
<!-- <div class="panel-heading" style="background-color: #edeff1;color:white">เข้าสู่ระบบ</div> -->
<div class="panel-body" style="background-color:#edeff1;border-color:#edeff1">
<h4><img src="dist/img/logoccp.gif" width="99" height="100"> เข้าสู่ระบบ</h4>
<form class="form-horizontal" id="form1" method="POST" action="login_go.php" novalidate>
<br>
<div class="form-group has-feedback">
<label class="col-md-4 control-label">ชื่อผู้ใช้ </label>
<div class="col-md-6">
<input id="username" type="text" class="form-control" name="username" placeholder="ชื่อผู้ใช้" data-smk-msg="กรุณากรอกชื่อผู้ใช้งาน" required>
<span class="glyphicon glyphicon-user form-control-feedback"></span>
</div>
</div>
<div class="form-group has-feedback">
<label class="col-md-4 control-label">รหัสผ่าน</label>
<div class="col-md-6">
<input id="password" type="password" class="form-control" name="password" placeholder="รหัสผ่าน" data-smk-msg="กรุณากรอกรหัสผ่าน" required>
<span class="glyphicon glyphicon-lock form-control-feedback"></span>
</div>
</div>
<?php
$year=(date("Y")+543);
$year1=(date("Y")+543-1);
$year2=(date("Y")+543-2);
$year3=(date("Y")+543+1);
?>
<div class="form-group has-feedback">
<label class="col-md-4 control-label">ปีการศึกษา</label>
<div class="col-md-6">
<select id="year" name="year" class="form-control" data-smk-msg="กรุณาเลือกปีการศึกษา" required>
<option value="" >--- กรุณาเลือกปีการศึกษา ---</option>
<?php
echo '<option value="'.$year.'" '.$selected.'>'.$year.'</option>'."\n";
echo '<option value="'.$year1.'" '.$selected.'>'.$year1.'</option>'."\n";
echo '<option value="'.$year2.'" '.$selected.'>'.$year2.'</option>'."\n";
echo '<option value="'.$year3.'" '.$selected.'>'.$year3.'</option>'."\n";
?>
</select>
</div>
</div>
<div class="form-group">
<div class="col-md-6 col-md-offset-4">
<div class="checkbox iche">
<label>
<input type="checkbox"> จดจำฉันในระบบ
</label>
</div>
</div>
</div>
<div class="form-group">
<div class="col-md-6 col-md-offset-4">
<button type="submit" class="btn btn-primary"><i class="fa fa-sign-in"></i> เข้าสู่ระบบ</button>
<button type="reset" class="btn btn-default"><i class="fa fa-times"></i> ยกเลิก</button>
</div>
</div>
<div class="form-group">
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<center style="color:#edeff1">รองรับบนอุปกรณ์
<font size="3"> <a href="http://www.ccp.ac.th" style="color:white"> <i class="fa fa-desktop"></i> <i class="fa fa-tablet"></i> <i class="fa fa-mobile"></i>
<i class="fa fa-internet-explorer"></i> <i class="fa fa-chrome"></i> <i class="fa fa-firefox"></i>
</a>
</center>
<center style="color:#edeff1">ไม่รองรับบน browser Internet Explorer 8,7,6
</center>
<center style="color:#edeff1">โรงเรียนเทศบาลวัดชัยชุมพล
<font size="3"> <a href="http://www.ccp.ac.th" style="color:white">Copyright © <?php echo date("Y"); ?> </a>
</center>
<div id="spin"></div>
<script src="plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.6 -->
<script src="bootstrap/js/bootstrap.min.js"></script>
<script src="bootstrap/js/spin.min.js"></script>
<!-- iCheck -->
<script src="plugins/iCheck/icheck.min.js"></script>
<script src="bootstrap/js/smoke.min.js"></script>
<script>
$(function () {
$('input').iCheck({
checkboxClass: 'icheckbox_square-blue',
radioClass: 'iradio_square-blue',
increaseArea: '20%' // optional
});
});
</script>
<script type="text/javascript">
$( document ).ready(function() {
$("body").css("background-color","#1abc9c");
});
</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();
$('#form1').on("submit",function(e) {
if ($('#form1').smkValidate()) {
$.post("login_go.php", $("#form1").serialize() )
.done(function( data ) {
if (data.status === "danger") {
$.smkAlert({text: data.message , type: data.status});
$('#form1').smkClear();
$("#username").focus();
} else {
$(location).attr('href', 'index.php');
}
});
e.preventDefault();
}
e.preventDefault();
});
});
</script>
<!-- -->
<!-- Scripts -->
</body>
</html>
Zerion Mini Shell 1.0