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 filter_month =$('#filter_month').val();
var filter_year =$('#filter_year').val();
var filter_created_by =$('#filter_created_by').val();
var filter_updated_by =$('#filter_updated_by').val();
var filter_department =$('#filter_department').val();
var filter_designation =$('#filter_designation').val();
var filter_pftype =$('#filter_pftype').val();
var table = $('#StData').DataTable({
'ajax' : {
url: 'data-tables/employee-data-table.php',
data:{filter_pftype:filter_pftype,filter_department:filter_department,filter_designation:filter_designation,search:search_table,filter_month:filter_month,filter_year:filter_year,filter_created_by:filter_created_by,filter_updated_by:filter_updated_by},
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'},
]
});
}
// $('#filter_pftype,#filter_month,#filter_year,#filter_created_by,#filter_updated_by,#filter_department,#filter_designation').change(function() {
// emp_data();
// });
$('#btngetEmployee').click(function() {
emp_data();
});
$('#search_table').keyup(function() {
var search_table =$('#search_table').val();
var filter_month =$('#filter_month').val();
var filter_year =$('#filter_year').val();
var filter_created_by =$('#filter_created_by').val();
var filter_updated_by =$('#filter_updated_by').val();
var filter_department =$('#filter_department').val();
var filter_designation =$('#filter_designation').val();
var filter_pftype =$('#filter_pftype').val();
var table = $('#StData').DataTable({
'ajax' : {
url: 'data-tables/employee-data-table.php',
data:{filter_pftype:filter_pftype,filter_department:filter_department,filter_designation:filter_designation,search:search_table,filter_month:filter_month,filter_year:filter_year,filter_created_by:filter_created_by,filter_updated_by:filter_updated_by},
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 search_table =$('#search_table').val();
var filter_month =$('#filter_month').val();
var filter_year =$('#filter_year').val();
var filter_created_by =$('#filter_created_by').val();
var filter_updated_by =$('#filter_updated_by').val();
var filter_department =$('#filter_department').val();
var filter_designation =$('#filter_designation').val();
var filter_pftype =$('#filter_pftype').val();
var table = $('#StData').DataTable({
'ajax' : {
url: 'data-tables/employee-data-table.php',
data:{filter_pftype:filter_pftype,filter_department:filter_department,filter_designation:filter_designation,search:search_table,filter_month:filter_month,filter_year:filter_year,filter_created_by:filter_created_by,filter_updated_by:filter_updated_by},
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">
<!-- 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_header.php"; ?>
</div>
</div>
<div class="col-md-2 col-sm-2 col-xs-4">
<?php //include "header/buttons-ui.php"; ?>
</div>
</div>
<div class="row" id="filter_section" style="padding-top: 10px;">
</div>
<div style="padding-top: 10px;" id="filter_search">
</div>
<!-- Header Section Endsss Here -->
<!-- Dashboard Counts Starts Here -->
<div class="container" style="padding-top: 10px;">
<div class="row">
<div class="col-md-3 col-sm-6">
<div class="counter">
<div class="counter-content">
<span class="counter-value">1963</span>
<h3>All <br> Cities</h3>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="counter green">
<div class="counter-content">
<span class="counter-value">1854</span>
<h3>Pickup <br> Points</h3>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="counter blue">
<div class="counter-content">
<span class="counter-value">1963</span>
<h3>Drop <br> Points</h3>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="counter purple">
<div class="counter-content">
<span class="counter-value">1854</span>
<h3>All <br> Trips</h3>
</div>
</div>
</div>
</div>
</div>
<!-- Dashboard Counts Endsss Here -->
</section>
<script>
$(document).ready(function() {
$("#filter_department").change(function () {
get_desgination();
});
function get_desgination(){
$('#filter_designation').empty();
var departement_id=$('#filter_department').val();
$.ajax({
url: 'api/get-desgination-api.php',
type: 'post',
dataType: 'json',
data: {type:'get_desgination',departement_id:departement_id},
success: function (response) {
//console.log(response);
var m='<option value="">All</option>';
if(response['error']==false){
for(var n=0;n<response['data'].length;n++){
m+='<option value='+response['data'][n]['id']+'>'+response['data'][n]['desgination']+'</option>';
}
}
$('#filter_designation').append(m);
}
});
}
});
</script>
<?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>
<!-- Counter Style, Script Starts Here -->
<style>
.counter{
color: #000;
font-family: 'Open Sans', sans-serif;
text-align: center;
width: 180px;
height: 220px;
padding: 9px 0 0;
margin: 0 auto;
position: relative;
z-index: 1;
}
.counter:before{
content: "";
background: #e64529;
width: 180px;
height: 180px;
border-radius: 100px 100px 0 100px;
transform: rotate(45deg);
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.counter .counter-content{
background-color: #fff;
height: 160px;
width: 160px;
padding: 20px 15px;
margin: 0 auto;
border-radius: 50%;
box-shadow: 0 0 5px rgba(0,0,0,0.9) inset;
overflow: hidden;
position: relative;
z-index: 1;
}
.counter .counter-content:before{
content: "";
background: repeating-linear-gradient(-45deg,#e64529, #e64529 5px, #cc1023 5px, #cc1023 10px);
width: 100%;
height: 50%;
border-radius: 80% 80% 0 0/150% 150% 0 0;
box-shadow: inset 0 0 10px rgba(0,0,0,0.7);
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.counter .counter-value{
color: #fff;
font-size: 35px;
font-weight: 700;
text-shadow: 0 0 3px rgba(0,0,0,0.5);
margin: 0 0 20px;
display: block;
}
.counter h3{
font-size: 17px;
font-weight: 600;
text-transform: uppercase;
margin: 0;
}
.counter.green:before{ background: #008f35; }
.counter.green .counter-content:before{
background: repeating-linear-gradient(-45deg,#008f35,#008f35 5px, #0a612a 5px, #0a612a 10px);
}
.counter.blue:before{ background: #1b4086; }
.counter.blue .counter-content:before{
background: repeating-linear-gradient(-45deg,#1b4086,#1b4086 5px, #0a2552 5px, #0a2552 10px);
}
.counter.purple:before{ background: #88217c; }
.counter.purple .counter-content:before{
background: repeating-linear-gradient(-45deg,#88217c,#88217c 5px, #520a4a 5px, #520a4a 10px);
}
@media screen and (max-width:990px){
.counter{ margin-bottom: 40px; }
}
</style>
<script>
$(document).ready(function(){
$('.counter-value').each(function(){
$(this).prop('Counter',0).animate({
Counter: $(this).text()
},{
duration: 3500,
easing: 'swing',
step: function (now){
$(this).text(Math.ceil(now));
}
});
});
});
</script>
<!-- Counter Style, Script Endsss Here -->
Zerion Mini Shell 1.0