Mini Shell
<?php
include 'head.php';
if ($s_status_user == 3) {
header("Location: login.php");
}
?>
<!DOCTYPE html>
<!--
This is a starter template page. Use this page to start your new project from
scratch. This page gets rid of all links and provides the needed markup only.
-->
<html>
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">
<!-- Main Header -->
<?php include 'header.php'; ?>
<!-- Left side column. contains the logo and sidebar -->
<?php include 'leftside.php'; ?>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
<h1>
เพิ่มประวัติบุคลากร
<small>จัดการข้อมูลประวัติบุคลากร</small>
</h1>
<ol class="breadcrumb">
<li><a href="teacher.php"><i class="fa fa-dashboard"></i> รายการประวัติบุคลากร</a></li>
<li class="active">ประวัติบุคลากร</li>
</ol>
</section>
<!-- Main content -->
<section class="content">
<!-- Your Page Content Here -->
<div class="box box-primary">
<div class="box-header with-border">
<h3 class="box-title"><i class="fa fa-user-plus" ></i> เพิ่มประวัติบุคลากร</h3>
<div class="box-tools pull-right">
<!-- Here is a label for example -->
</div><!-- /.box-tools -->
</div><!-- /.box-header -->
<div class="box-body">
<div class="row">
<div class="col-md-12">
<form id="form1" action="insert_teacher.php" method="post" class="form" enctype="multipart/form-data" novalidate>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="teacherID">รหัสบุคลากร</label>
<input type="text" class="form-control" name="teacherID" id="teacherID" placeholder="กรอกรหัสบุคลากร" minlength="5" maxlength="5" data-smk-msg="กรุณากรอกรหัสบุคลากรจำนวน 5 ตัวอักษร" required>
</div>
</div>
</div>
<div class="row">
<div class="col-md-8">
<div class="form-group">
<label class="radio-inline">
<input type="radio" name="sex" id="sex_0" class="flat-red" value="0" data-smk-msg="กรุณาเลือก" required><strong> ชาย </strong>
</label>
<label class="radio-inline">
<input type="radio" name="sex" id="sex_0" class="flat-red" value="1" data-smk-msg="กรุณาเลือก"required><strong> หญิง </strong>
</label>
</div>
</div>
</div>
<?php
$sql = "SELECT * FROM title_name";
$result = mysqli_query($link, $sql);
?>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label for="titleID">คำนำหน้าชื่อ</label>
<select name="titleID" id="titleID" class="form-control select2" style="width: 100%;" data-smk-msg="กรุณาเลือกคำนำหน้าชื่อ" required>
<option selected="selected" value="">--- กรุณาเลือกคำนำหน้าชื่อ ---</option>
<?php
while ($row = mysqli_fetch_array($result,MYSQLI_NUM)){
echo "<option value='$row[0]'>$row[1]</option>";
}
mysqli_close($dbcon);
?>
</select>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="name">ชื่อ</label>
<input type="text" class="form-control" name="name" id="name" placeholder="ชื่อ" data-smk-msg="กรุณากรอกชื่อ" required>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="lastName">นามสกุล</label>
<input type="text" class="form-control" name="lastName" id="lastName" placeholder="นามสกุล" data-smk-msg="กรุณากรอกนามสกุล" required>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label for="noPosition">เลขที่ตำแหน่ง</label>
<input type="text" class="form-control" name="noPosition" id="noPosition" placeholder="____-_">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="licenseNumber">เลขที่ใบอนุญาตประกอบวิชาชีพ</label>
<input type="text" class="form-control" name="licenseNumber" id="licenseNumber" placeholder="เลขที่ใบอนุญาตประกอบวิชาชีพ" minlength="14" maxlength="14" data-smk-msg="กรอกเลขที่ใบอนุญาตประกอบวิชาชีพจำนวน 14 ตัวอักษร" >
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="licenseDate">วัน เดือน ปี ใบประกอบวิชาชีพ</label>
<div class='input-group date' id='licenseDate'>
<input type='text' class="form-control" id="licenseDate" name="licenseDate" placeholder="____/__/__" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label for="idCard">เลขบัตรประชาชน</label>
<input type="text" class="form-control" id="idCard" name="idCard" placeholder="เลขบัตรประชาชน" minlength="13" maxlength="13" data-smk-msg="กรุณากรอกเลขบัตรประชาชนจำนวน 13 ตัวอักษร" required>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="birthDate">วัน เดือน ปี เกิด</label>
<div class='input-group date' id='birthDate'>
<input type='text' class="form-control" id="birthDate" name="birthDate" placeholder="____/__/__" data-smk-msg="กรุณาเลือกวัน เดือน ปี เกิด" required/>
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="bloodGroup">หมู่โลหิต</label>
<select id="bloodGroup" name="bloodGroup" class="form-control" data-smk-msg="กรุณาเลือกกรุปเลือด" required>
<option value="" >--- กรุณาเลือกกรุปเลือด ---</option>
<option value="A">กรุ๊ปเอ</option>
<option value="B">กรุ๊ปบี</option>
<option value="O">กรุ๊ปโอ</option>
<option value="AB">กรุ๊ปเอบี</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="status">สถานภาพ</label>
<select id="status" name="status" class="form-control" data-smk-msg="กรุณาเลือกสถานภาพ" required>
<option value="" >--- กรุณาเลือกสถานภาพ ---</option>
<option>โสด</option>
<option>สมรส</option>
<option>หย่าร้าง</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="telephone">หมายเลขโทรศัพท์มือถือ</label>
<input type="text" class="form-control" id="telephone" name="telephone" placeholder="หมายเลขโทรศัพท์มือถือ" minlength="10" maxlength="10" data-smk-msg="กรุณากรอกหมายเลขโทรศัพท์มือถือจำนวน 10 ตัวอักษร">
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label for="dateGovernment">วันที่เริ่มรับราชการ</label>
<div class='input-group date' id='dateGovernment'>
<input type='text' class="form-control" id="dateGovernment" name="dateGovernment" placeholder="____/__/__" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="dateGovernmentPresent">วันที่ดำรงตำแหน่งปัจจุบัน</label>
<div class='input-group date' id='dateGovernmentPresent'>
<input type='text' class="form-control" id="dateGovernmentPresent" name="dateGovernmentPresent" placeholder="____/__/__" data-smk-msg="กรุณาเลือกวันที่" required/>
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="salary">ขั้นเงินเดือน (บาท)</label>
<input type="text" class="form-control" id="salary" name="salary" placeholder="ขั้นเงินเดือน" data-smk-msg="กรุณากรอกขั้นเงินเดือน" required>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label for="salaryPosition">เงินวิทยฐานะ (บาท)</label>
<input type="text" class="form-control" id="salaryPosition" name="salaryPosition" placeholder="เงินวิทยฐานะ">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="salaryCost">เงินเพิ่มการครองชีพชั่วคราว (บาท)</label>
<input type="text" class="form-control" id="salaryCost" name="salaryCost" placeholder="เงินเพิ่มการครองชีพชั่วคราว">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="salaryCompensation">เงินค่าตอบแทนพิเศษ (บาท)</label>
<input type="text" class="form-control" id="salaryCompensation" name="salaryCompensation" placeholder="เงินค่าตอบแทนพิเศษ">
</div>
</div>
</div>
<?php
$Query = mysqli_query($link,'SELECT * FROM tbl_type') or die('Error query #12');
?>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label for="position">สายงาน</label>
<select id="position" name="position" class="form-control" data-smk-msg="กรุณาเลือกสายงาน" required>
<option value="">--- กรุณาเลือกสายงาน ---</option>
<?php
while ($Result = mysqli_fetch_array($Query)) {
?>
<option value="<?php echo $Result['type_id']; ?>">
<?php echo $Result['type_name']; ?>
</option>
<?php
}
?>
</select>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="positionManage">ประเภทงาน</label>
<select id="positionManage" name="positionManage" class="form-control" data-smk-msg="กรุณาเลือกประเภทงาน" required>
<option value=""> --- กรุณาเลือกประเภทงาน --- </option>
</select>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="class">สายชั้นที่สอน</label>
<select id="class" name="class" class="form-control">
<option value="" >--- กรุณาเลือกสายชั้นที่สอน ---</option>
<option value="1">ประถมศึกษาปีที่ 1</option>
<option value="2">ประถมศึกษาปีที่ 2</option>
<option value="3">ประถมศึกษาปีที่ 3</option>
<option value="4">ประถมศึกษาปีที่ 4</option>
<option value="5">ประถมศึกษาปีที่ 5</option>
<option value="6">ประถมศึกษาปีที่ 6</option>
</select>
</div>
</div>
</div>
<?php
$sql = "SELECT * FROM academic";
$result = mysqli_query($link, $sql);
?>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label for="academic">วิทยฐานะ</label>
<select id="academic" name="academic" class="form-control">
<option value="">--- กรุณาเลือกวิทยฐานะ ---</option>
<?php
while ($row = mysqli_fetch_array($result,MYSQLI_NUM)){
echo "<option value='$row[0]'>$row[1]</option>";
}
mysqli_close($dbcon);
?>
</select>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="rating">อันดับ</label>
<select id="rating" name="rating" class="form-control">
<option value="" >--- กรุณาเลือกอันดับ ---</option>
<option>คศ.1</option>
<option>คศ.2</option>
<option>คศ.3</option>
<option>คศ.4</option>
<option>คศ.5</option>
</select>
</div>
</div>
<?php
$sql = "SELECT * FROM type_personnel";
$result = mysqli_query($link, $sql);
?>
<div class="col-md-4">
<div class="form-group">
<label for="typeID">ประเภทบุคลากร</label>
<select id="typeID" name="typeID" class="form-control" data-smk-msg="กรุณาเลือกประเภทบุคลากร" required>
<option value="" >--- กรุณาเลือกประเภทบุคลากร ---</option>
<?php
while ($row = mysqli_fetch_array($result,MYSQLI_NUM)){
echo "<option value='$row[0]'>$row[1]</option>";
}
mysqli_close($dbcon);
?>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="username">ชื่อผู้ใช้</label>
<div class='input-group date' id='username'>
<input id="username" type="text" class="form-control" name="username" placeholder="ชื่อผู้ใช้" data-smk-msg="กรุณากรอกชื่อผู้ใช้งาน" required>
<span class="input-group-addon">
<span class="glyphicon glyphicon-user"></span>
</span>
</div>
</div>
<div class="form-group">
<label for="password">รหัสผ่าน</label>
<div class='input-group date' id='username'>
<input id="password" type="password" class="form-control my-password" name="password" placeholder="รหัสผ่าน" data-smk-msg="กรุณากรอกรหัสผ่าน" required>
<span class="input-group-addon">
<span class="glyphicon glyphicon-lock"></span>
</span>
</div>
</div>
<input type="checkbox" class="showpassword" /> แสดงรหัสผ่าน</div>
</div>
<?php
if ($s_status_user == 1) {
?>
<br>
<div class="row">
<div class="col-md-8">
<div class="form-group">
<label class="radio-inline">
<input type="radio" name="status_user" id="status_user" class="flat-red" value="3" data-smk-msg="กรุณาเลือก" required><strong> ผู้ใช้ทั่วไป</strong>
</label>
<label class="radio-inline">
<input type="radio" name="status_user" id="status_user" class="flat-red" value="2" data-smk-msg="กรุณาเลือก"required><strong> เจ้าหน้าที่</strong>
</label>
<label class="radio-inline">
<input type="radio" name="status_user" id="status_user" class="flat-red" value="1" data-smk-msg="กรุณาเลือก"required><strong> ผุ้ดูแลระบบ</strong>
</label>
</div>
</div>
</div>
<?php }else { ?>
<input type="hidden" name="status_user" id="status_user" value="3">
<?php } ?>
<div class="row">
<div class="col-xs-6">
<div class="form-group">
<label for="userPicture">ภาพประจำตัว</label>
<input id="userPicture" type="file" name="userPicture">
<p class="help-block">เลือกไฟล์ภาพนามสกุล .jpg, .png, .gif เท่านั้น *ขนาดรูปสี่เหลี่ยมจตุรัส</p>
</div>
</div>
</div>
<a href="teacher.php" class="btn btn-info"><i class="fa fa-reply"></i> กลับ</a> <button id="btn1" type="submit" class="btn btn-primary"><i class="fa fa-floppy-o" ></i> บันทึก</button>
</div>
</form>
</div>
</div><!-- /.box-body -->
</div><!-- /.box -->
<div id="spin"></div>
</section>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->
<!-- Main Footer -->
<?php include 'footer.php'; ?>
</div>
<!-- ./wrapper -->
<!-- REQUIRED JS SCRIPTS -->
<!--<script src="bootstrap/js/bootstrap-datepicker-th.min.js"></script>
<script src="bootstrap/js/bootstrap-datepicker.th.min.js"></script> -->
<!-- jQuery 2.2.3 -->
<script src="plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.6 -->
<script src="bootstrap/js/bootstrap.min.js"></script>
<!-- AdminLTE App -->
<script src="dist/js/app.min.js"></script>
<script src="plugins/select2/select2.full.min.js"></script>
<script src="plugins/iCheck/icheck.min.js"></script>
<script src="bootstrap/js/smoke.min.js"></script>
<script src="bootstrap/js/spin.min.js"></script>
<script src="bootstrap/js/moment.js"></script>
<script src="bootstrap/js/sweetalert.min.js"></script>
<script src="bootstrap/js/bootstrap-datepicker-custom.js"></script>
<script src="bootstrap/js/bootstrap-datepicker.th.min.js" charset="UTF-8"></script>
<script type="text/javascript">
//iCheck for checkbox and radio inputs
$('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({
checkboxClass: 'icheckbox_minimal-blue',
radioClass: 'iradio_minimal-blue'
});
//Red color scheme for iCheck
$('input[type="checkbox"].minimal-red, input[type="radio"].minimal-red').iCheck({
checkboxClass: 'icheckbox_minimal-red',
radioClass: 'iradio_minimal-red'
});
//Flat red color scheme for iCheck
$('input[type="checkbox"].flat-red, input[type="radio"].flat-red').iCheck({
checkboxClass: 'icheckbox_flat-green',
radioClass: 'iradio_flat-green'
});
</script>
<script type="text/javascript">
$(function () {
//Initialize Select2 Elements
$(".select2").select2();
</script>
<script type="text/javascript">
$(document).ready(function() {
$('#position').change(function() {
$.ajax({
type: 'POST',
data: {position: $(this).val()},
url: 'select_type.php',
success: function(data) {
$('#positionManage').html(data);
}
});
return false;
});
});
</script>
<script>
$(document).ready(function () {
$('#licenseDate').datepicker({
format: 'yyyy/mm/dd',
todayBtn: true,
language: 'th', //เปลี่ยน label ต่างของ ปฏิทิน ให้เป็น ภาษาไทย (ต้องใช้ไฟล์ bootstrap-datepicker.th.min.js นี้ด้วย)
thaiyear: true //Set เป็นปี พ.ศ.
}) //กำหนดเป็นวันปัจุบัน
$('#birthDate').datepicker({
format: 'yyyy/mm/dd',
todayBtn: true,
language: 'th', //เปลี่ยน label ต่างของ ปฏิทิน ให้เป็น ภาษาไทย (ต้องใช้ไฟล์ bootstrap-datepicker.th.min.js นี้ด้วย)
thaiyear: true //Set เป็นปี พ.ศ.
}) //กำหนดเป็นวันปัจุบัน
$('#dateGovernment').datepicker({
format: 'yyyy/mm/dd',
todayBtn: true,
language: 'th', //เปลี่ยน label ต่างของ ปฏิทิน ให้เป็น ภาษาไทย (ต้องใช้ไฟล์ bootstrap-datepicker.th.min.js นี้ด้วย)
thaiyear: true //Set เป็นปี พ.ศ.
}) //กำหนดเป็นวันปัจุบัน
$('#dateGovernmentPresent').datepicker({
format: 'yyyy/mm/dd',
todayBtn: true,
language: 'th', //เปลี่ยน label ต่างของ ปฏิทิน ให้เป็น ภาษาไทย (ต้องใช้ไฟล์ bootstrap-datepicker.th.min.js นี้ด้วย)
thaiyear: true //Set เป็นปี พ.ศ.
}) //กำหนดเป็นวันปัจุบัน
});
</script>
<script>
$(document).ajaxStart(function () {
$("#spin").show();
}).ajaxStop(function () {
$("#spin").hide();
});
$(document).ready(function () {
$("#teacherID").focus();
//select2
var spinner = new Spinner().spin();
$("#spin").append(spinner.el);
$("#spin").hide();
$('#form1').on("submit", function (e) {
if ($('#form1').smkValidate()) {
//upload file via ajax setting
$.ajax({
url: 'insert_teacher.php',
type: 'POST',
data: new FormData(this),
processData: false,
contentType: false,
dataType: 'json'
}).done(function (data) {
if (data.status === "success") {
$.smkAlert({text: data.message, type: data.status});
} else {
$.smkAlert({text: data.message, type: data.status});
}
$('#form1')[0].reset();
$("#teacherID").focus();
});
e.preventDefault();
}
e.preventDefault();
});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
//*** Function (Start)
function inputNumberFunction(ctrl) {
$(ctrl).keydown(function (event) {
// Allow: delete, tab, enter and . - , f5
if ($.inArray(event.keyCode, [8, 9, 27, 13, 46, 109, 110, 190, 189, 116]) !== -1 ||
// Allow: Ctrl+A
(event.keyCode == 65 && event.ctrlKey === true) ||
// Allow: home, end, left, right
(event.keyCode >= 35 && event.keyCode <= 39)) {
// let it happen, don't do anything
return;
}
else {
// Ensure that it is a number and stop the keypress
if (event.shiftKey || (event.keyCode < 48 || event.keyCode > 57) && (event.keyCode < 96 || event.keyCode > 105)) {
event.preventDefault();
}
}
});
$(ctrl).change(function () {
var value = $(this).val();
if (isNaN(value)) {
$(this).val('0');
swal('เกิดข้อผิดพลาด!...','กรุณากรอกเฉพาะตัวเลขเท่านั้น!...','error');
$(this).focus();
}
});
}
//*** Function (End)
inputNumberFunction("#teacherID");
inputNumberFunction("#licenseNumber");
inputNumberFunction("#idCard");
inputNumberFunction("#telephone");
inputNumberFunction("#salary");
inputNumberFunction("#salaryPosition");
inputNumberFunction("#salaryCost");
inputNumberFunction("#salaryCompensation");
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$('.showpassword').on('change',function(){
var isChecked = $(this).prop('checked');
if (isChecked) {
$('.my-password').attr('type','text');
} else {
$('.my-password').attr('type','Password');
}
});
});
</script>
<!-- Optionally, you can add Slimscroll and FastClick plugins.
Both of these plugins are recommended to enhance the
user experience. Slimscroll is required when using the
fixed layout. -->
</body>
</html>
Zerion Mini Shell 1.0