Mini Shell
<?php
include 'head.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="train.php"><i class="fa fa-dashboard"></i> ข้อมูลประวัติการอบรม/สัมมนา</a></li>
<li class="active">ประวัติการอบรม/สัมมนา</li>
</ol>
</section>
<!-- Main content -->
<section class="content">
<!-- Your Page Content Here -->
<?php
$teacherID = $_GET['teacherID'];
$sql = "SELECT * FROM teacher AS t1 INNER JOIN title_name AS t2 ON (t1.titleID = t2.titleID)
LEFT JOIN train AS t3 ON (t1.teacherID = t3.teachertrID )WHERE (`teacherID`='$teacherID') ";
$result = mysqli_query($link, $sql);
$row = mysqli_fetch_assoc($result)
?>
<div class="box box-primary">
<div class="box-header with-border">
<h3 class="box-title">เพิ่มประวัติการอบรม/สัมมนา <u><?php echo $row['titleName']; ?><?php echo $row['name']; ?> <?php echo $row['lastName']; ?></u></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="box box-solid box-primary">
<div class="box-header">
<h3 class="box-title"><i class="fa fa-handshake-o" aria-hidden="true"></i> รหัสบุคลากร <?php echo $teacherID; ?></h3>
</div><!-- /.box-header -->
<div class="box-body">
<div class="row">
<div class="col-md-12">
<form id="form1" action="insert_train.php" method="post" class="form" enctype="multipart/form-data" novalidate>
<div class="row">
<input type="hidden" name="teachersaID" id="teachersaID" value="<?php echo $teacherID;?>">
<div class="col-md-4">
<div class="form-group">
<label for="traindate">วันที่เริ่มต้น อบรม/สัมมนา</label>
<div class='input-group date' id='traindate'>
<input type='text' id="traindate"class="form-control" name="traindate" placeholder="____/__/__" data-smk-msg="กรอกวัน เดือน ปี" required/>
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
</div>
<div class="col-md-8">
<div class="form-group">
<label for="endtraindate">วันที่สิ้นสุด อบรม/สัมมนา</label>
<div class='input-group date' id='endtraindate'>
<input type='text' id="endtraindate" class="form-control" name="endtraindate" placeholder="____/__/__" data-smk-msg="กรอกวัน เดือน ปี" required/>
<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>
<div class="col-md-8">
<div class="form-group">
<label>เรื่องที่อบรม/สัมมนา</label>
<input id="subjecttrain" name="subjecttrain" type="text" class="form-control" placeholder="เรื่องที่อบรม/สัมมนา" data-smk-msg="กรอกเรื่องที่อบรม/สัมมนา" required>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
</div>
<div class="col-md-8">
<div class="form-group">
<label>สถานที่อบรม/สัมมนา</label>
<input id="placetrain" name="placetrain" type="text" class="form-control" placeholder="สถานที่อบรม/สัมมนา" >
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
</div>
<div class="col-md-4">
<label for="Picture1">ภาพอบรม1</label>
<div class="input-group">
<span class="input-group-btn">
<span class="btn btn-primary" onclick="$(this).parent().find('input[type=file]').click();"><i class="fa fa-folder-open"> </i> เลือกไฟล์... </span>
<input id="Picture1" name="Picture1" onchange="$(this).parent().parent().find('.form-control').html($(this).val().split(/[\\|/]/).pop());" style="display: none;" type="file">
</span>
<span class="form-control"></span>
</div>
<p class="help-block">เลือกไฟล์ภาพนามสกุล .jpg, .png, .gif เท่านั้น</p>
</div>
<div class="col-md-4">
<label for="Picture2"> ภาพอบรม2</label>
<div class="input-group">
<span class="input-group-btn">
<span class="btn btn-primary" onclick="$(this).parent().find('input[type=file]').click();"><i class="fa fa-folder-open"> </i> เลือกไฟล์... </span>
<input id="Picture2" name="Picture2" onchange="$(this).parent().parent().find('.form-control').html($(this).val().split(/[\\|/]/).pop());" style="display: none;" type="file">
</span>
<span class="form-control"></span>
</div>
<p class="help-block">เลือกไฟล์ภาพนามสกุล .jpg, .png, .gif เท่านั้น</p>
</div>
</div>
<p class="text-right"> <a href="train.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> <a href="show_train.php?teacherID=<?php echo $teacherID; ?>" class="btn btn-warning"><i class="fa fa-eye"></i> เรียกดูข้อมูล</a></p>
</form>
</div>
</div><!-- /.box-body -->
<!-- /.box -->
</div>
<div id="spin"></div>
</div>
</div><!-- /.box-body -->
</div><!-- /.box -->
</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="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/bootstrap-datepicker-custom.js"></script>
<script src="bootstrap/js/bootstrap-datepicker.th.min.js" charset="UTF-8"></script>
<script src="bootstraptable/bootstrap-table.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#traindate').datepicker({
format: 'yyyy/mm/dd',
todayBtn: true,
language: 'th', //เปลี่ยน label ต่างของ ปฏิทิน ให้เป็น ภาษาไทย (ต้องใช้ไฟล์ bootstrap-datepicker.th.min.js นี้ด้วย)
thaiyear: true //Set เป็นปี พ.ศ.
}) //กำหนดเป็นวันปัจุบัน
$('#endtraindate').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 () {
$("#traindate").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_train.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});
}
$("#traindate").smkClear();
$("#endtraindate").smkClear();
$("#subjecttrain").smkClear();
$("#placetrain").smkClear();
$("#traindate").focus();
});
e.preventDefault();
}
e.preventDefault();
});
});
</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