ok
Mini Shell
<?php include "header.php";?>
<div class="content-wrapper" style="background:#ecf0f5;">
<div class="col-lg-12 alerts">
<div id="custom-alerts" style="display:none;">
<div class="alert alert-dismissable">
<div class="custom-msg"></div>
</div>
</div>
<?php if ($error) { ?>
<div class="alert alert-danger alert-dismissable">
<button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
<h4><i class="icon fa fa-ban"></i> Error</h4>
<?= $error; ?>
</div>
<?php } if ($warning) { ?>
<div class="alert alert-warning alert-dismissable">
<button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
<h4><i class="icon fa fa-warning"></i> Warning</h4>
<?= $warning; ?>
</div>
<?php } if ($message) { ?>
<div class="alert alert-success alert-dismissable">
<button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
<h4> <i class="icon fa fa-check"></i> Success</h4>
<?= $site_name; ?>
</div>
<?php } ?>
</div>
<div class="clearfix"></div>
<script type="text/javascript">
$(document).ready(function() {
emp_data();
function emp_data(){
var search_table =$('#search_table').val();
var caste_id =$('#caste_id').val();
var table = $('#StData').DataTable({
'ajax' : {
url: 'data-tables/sub-caste-datatable.php',
data:{search:search_table,table:table,caste_id:caste_id},
type: 'POST'},
bFilter: true,
bDestroy: true,
searching: true,pageLength: 10,
"buttons": [
{ extend: 'copyHtml5', 'footer': false, exportOptions: { columns: [ 0, 1, 2, 3, 4, 5 ,6 ] } },
{ extend: 'excelHtml5', 'footer': false, exportOptions: { columns: [ 0, 1, 2, 3, 4, 5 ,6 ] } },
{ extend: 'csvHtml5', 'footer': false, exportOptions: { columns: [ 0, 1, 2, 3, 4, 5 ,6 ] } },
{ extend: 'pdfHtml5', orientation: 'landscape', pageSize: 'A4', 'footer': false,
exportOptions: { columns: [ 0, 1, 2, 3, 4, 5 ,6 ] } },
{ extend: 'colvis', text: 'Columns'},
]
});
}
$('#btngetEmployee').click(function() {
emp_data();
});
$('#caste_id').change(function() {
emp_data();
});
$('#search_table').keyup(function() {
var caste_id =$('#caste_id').val();
var search_table =$('#search_table').val();
var table = $('#StData').DataTable({
'ajax' : {
url: 'data-tables/sub-caste-datatable.php',
data:{search:search_table,table:table,caste_id:caste_id},
type: 'POST'},
bDestroy: true,pageLength: 10,
"buttons": [
{ extend: 'copyHtml5', 'footer': false, exportOptions: { columns: [ 0, 1, 2, 3, 4, 5 ,6 ] } },
{ extend: 'excelHtml5', 'footer': false, exportOptions: { columns: [ 0, 1, 2, 3, 4, 5 ,6 ] } },
{ extend: 'csvHtml5', 'footer': false, exportOptions: { columns: [ 0, 1, 2, 3, 4, 5 ,6 ] } },
{ extend: 'pdfHtml5', orientation: 'landscape', pageSize: 'A4', 'footer': false,
exportOptions: { columns: [ 0, 1, 2, 3, 4, 5 ,6 ] } },
{ extend: 'colvis', text: 'Columns'},
]
});
document.getElementById("search_table").focus();
//table.search(this.value).draw();
});
});
function delete_employee(id){
var result = confirm("Confirm want to delete this Holiday?");
if (result) {
$.ajax({
type: 'POST',
url: 'api/delete.php',
data: {type:'employee_delete',delete_id:id,table_name:'tbl_user'},
success: function(response) {
//console.log(response);
emp_datas();
}
});
}
}
function emp_datas(){
var caste_id =$('#caste_id').val();
var search_table =$('#search_table').val();
var table = $('#StData').DataTable({
'ajax' : {
url: 'data-tables/sub-caste-datatable.php',
data:{search:search_table,table:table,caste_id:caste_id},
type: 'POST'},
bFilter: true,
bDestroy: true,
searching: true,pageLength: 10,
"buttons": [
{ extend: 'copyHtml5', 'footer': false, exportOptions: { columns: [ 0, 1, 2, 3, 4, 5 ,6 ] } },
{ extend: 'excelHtml5', 'footer': false, exportOptions: { columns: [ 0, 1, 2, 3, 4, 5 ,6 ] } },
{ extend: 'csvHtml5', 'footer': false, exportOptions: { columns: [ 0, 1, 2, 3, 4, 5 ,6 ] } },
{ extend: 'pdfHtml5', orientation: 'landscape', pageSize: 'A4', 'footer': false,
exportOptions: { columns: [ 0, 1, 2, 3, 4, 5 ,6 ] } },
{ extend: 'colvis', text: 'Columns'},
]
});
}
</script>
<section class="content">
<center style="font-weight: bolder;font-size: 25px;color: brown;">உட்பிரிவு</center>
<!-- Header Section Starts Here -->
<div class="row" style="">
<div class="col-md-10 col-sm-10 col-xs-8">
<div style="list-style: none; padding-inline-start: 0px; padding: 5px 0px 5px 0px;">
<?php include "header/sub_caste_sub_header.php"; ?>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3">
<div class="form-group">
<label>Choose Caste</label>
<select name="caste_id" class="form-control tip select2" id="caste_id" required>
<option value="">All Subcaste</option>
<?php $statement = $pdo->prepare("SELECT * FROM `caste` GROUP BY caste.name");
$statement->execute();
$results = $statement->fetchAll(PDO::FETCH_ASSOC);
foreach ($results as $result) { ?>
<option value="<?=$result['id']?>"><?=$result['name']?></option>
<?php } ?>
</select>
</div>
</div>
</div>
<div style="padding-top: 10px;" id="filter_search">
<input type="text" name="search_table" id="search_table" placeholder="Search Here" class="form-control tamil" style="background: darkturquoise; width: 100%; padding: 0px 10px 0px 10px; font-size: 16px; height: 30px; font-weight: 700; color: white; -webkit-text-fill-color: white;">
</div>
<!-- Header Section Endsss Here -->
<!-- Data Tables Starts Here -->
<div class="row" style="padding-top: 15px;">
<div class="col-xs-12">
<div class="box box-warning">
<div class="box-body" style="box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;">
<div class="clearfix"></div>
<div class="table-responsive">
<table id="StData" class="table table-striped table-bordered table-condensed table-hover" style="width:100%; margin-bottom:5px;font-size: larger !important;font-weight:bold !important">
<thead>
<tr class="active">
<!-- <th style="min-width:100px;">Actions</th>-->
<th style="min-width:10px;">S.No</th>
<th style="min-width:50px;text-align:left;">ஜாதி</th>
<th style="min-width:50px;text-align:left;">உட்பிரிவு</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="10" class="dataTables_empty"><center> Loading Pls Wait Data</center></td>
</tr>
</tbody>
</table>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
<!-- Data Tables Endsss Here -->
</section>
<?php include "footer.php";?>
<script>
$(document).ready(function(){
$('#filter_section').hide();
$('#show_filter').click(function(){
$("#filter_section").slideToggle();
return false;
});
$('#filter_search').show();
$('#show_search').click(function(){
$("#filter_search").slideToggle();
return false;
});
});
</script>
Zerion Mini Shell 1.0