File: //home/cafsindia/.trash/application.1/views/leave_wizard/manage.php
<?php
$this->load->view("partial/header");
$page_name = ucwords(str_replace("_"," ",$controller_name));
?>
<div class='row title_content'>
<div class='col-md-2 col-xs-4'>
<h1 class='page_txt'><?php echo $page_name;?></h1>
</div>
<div class="form-inline" style="margin-top:20px;">
<div class="col-md-12" style="margin-bottom:15px;height: 400px;">
<!-- Type of Leave -->
<div class="form-group">
<?php
$type_of_leave_report = array(""=>"---- Select Type ----","1"=>"Opening","2"=>"Balance","3"=>"Used","4"=>"Summary");
echo form_label("Type Of Leave Report", 'type_of_leave_report', array('class' => 'required'));
echo form_dropdown(array("name" =>'type_of_leave_report',"id" =>'type_of_leave_report',"class" =>'form-control input-sm select2'),$type_of_leave_report);
?>
</div>
<div class="form-group">
<?php echo form_label("Category", 'category', array('class' => 'required'));
echo form_dropdown(array('name' => 'category[]','multiple id' =>'category','class' => 'form-control input-sm select2'), $category_list);
echo "<label><input name='category_to_select' id='category_to_select' type='checkbox'> Select All</label>";
?>
</div>
<div class="form-group">
<?php echo form_label("Employee Component [If required]", 'emp_component');
echo form_dropdown(array('name' => 'emp_component[]','multiple id' =>'emp_component','class' => 'form-control input-sm select2'), $emp_component_list);
echo "<label><input name='emp_component_select' id='emp_component_select' type='checkbox'> Select All</label>";
?>
</div>
<!-- Leave Name -->
<div class="form-group">
<?php echo form_label("Leave Name", 'leave_name', array('class' => 'required'));
echo form_dropdown(array('name' => 'leave_name[]','multiple id' =>'leave_name','class' => 'form-control input-sm select2'));
echo "<label><input name='leave_name_to_select' id='leave_name_to_select' type='checkbox'> Select All</label>";
?>
</div>
<div class="form-group">
<?php
echo form_label("From Date", 'datepicker', array('class' => 'required'));
echo form_input(array( 'name' => 'datepicker', 'id' => 'from_date', 'class' => 'datepicker-field form-control input-sm','placeholder' => 'From Date"'));
?>
</div>
<div class="form-group">
<?php
echo form_label("To Date", 'datepicker', array('class' => 'required'));
echo form_input(array( 'name' => 'datepicker', 'id' => 'to_date', 'class' => 'datepicker-field form-control input-sm','placeholder' => 'To date'));
?>
</div>
<div class="form-group">
<?php
echo form_label("Include Inactive Employees", 'termination_status',array("class" => ""));
echo " ";
$checkbox_array = array("name" => "termination_status" ,"id" => "termination_status", "value"=> 1);
echo form_checkbox($checkbox_array);
?>
</div>
<div class="form-group" id = "filter_comp">
<a class="btn btn-sm btn-edit" id="search_filter">
<i class="fa fa-filter" aria-hidden="true"></i> Search filter
<span class="caret"></span>
</a>
<div id="search_filter_div" class='search_filter'>
<div class="col-md-12" style='text-align:left;'>
<div style="max-height:250px;overflow: auto;">
<?php
$filter_cond_array = array('' => '--- Select ---','=' => '=','>' => '>','<' => '<','LIKE' => 'LIKE');
$tr_line = "";
foreach($fliter_list as $fliter){
$label_id = $fliter['label_id'];
$field_isdefault = $fliter['field_isdefault'];
$array_list = $fliter['array_list'];
$field_type = $fliter['field_type'];
$label_name = ucwords(strtolower(str_replace("_"," ",$label_id)));
$fliter_label = form_input(array('type'=>'hidden','name' => 'fliter_label[]', 'class' => 'form-control input-sm','value' => $label_id));
$fliter_type = form_input(array('type'=>'hidden','name' => 'fliter_type[]', 'class' => 'form-control input-sm','value' => $field_isdefault));
$filter_cond = form_dropdown(array('name' => 'filter_cond[]','class' => 'form-control input-sm'), $filter_cond_array);
if($field_type === 4){
$fliter_val = form_input(array( 'name' => 'fliter_val[]', 'class' => 'form-control input-sm datepicker', 'placeholder'=>'Search value','value' => ''));
}else
if(((int)$field_type === 5) || ((int)$field_type === 7)){
$fliter_val = form_dropdown(array('name' => 'fliter_val[]','class' => 'form-control input-sm'), $array_list);
}else{
$fliter_val = form_input(array( 'name' => 'fliter_val[]', 'class' => 'form-control input-sm', 'placeholder'=>'Search value','value' => ''));
}
$tr_line .= "<tr>
<td class='search_td'> $label_name $fliter_label $fliter_type</td>
<td> $filter_cond</td>
<td> $fliter_val </td>
</tr>";
}
echo "<table style='width:100%;'>$tr_line</table>";
?>
</div>
<div style="margin-top:8px;">
<div class="row">
<div class="col-md-6" style='text-align:left;'>
<a class="btn btn-xs btn-danger" id="clear_search"> Clear / Close</a>
</div>
<div class="col-md-6" style='text-align:right;'>
<a class="btn btn-xs btn-primary" id="search_submit"> Done </a>
</div>
</div>
</div>
</div>
</div>
<div class="form-group">
<button class='btn btn-primary btn-sm' id="submit">Submit</button>
</div>
</div>
<a href="javascript:void(0)" id="dlbtn" style="display: none;">
<button type="button" id="mine">Export</button>
</a>
</div>
</div>
</div>
<div id="dvjson"></div>
<script type="text/javascript" src="dist/excelexportjs.js"></script>
<script type="text/javascript">
$(document).ready(function (){
//*CHECK SELECT ALL IN MULTIPICKLIST --*//
$("#category_to_select").click(function(){
if($("#category_to_select").is(':checked') ){
$("#category > option[value != '']").prop("selected","selected");
$("#category").trigger("change");
}else{
$("#category > option").removeAttr("selected");
$("#category").trigger("change");
}
});
$("#emp_component_select").click(function(){
if($("#emp_component_select").is(':checked') ){
$("#emp_component > option").prop("selected","selected");
$("#emp_component").trigger("change");
}else{
$("#emp_component > option").removeAttr("selected");
$("#emp_component").trigger("change");
}
});
//SELECT ALL -> REMOVE "" VALUES
$("#leave_name_to_select").click(function(){
if($("#leave_name_to_select").is(':checked') ){
$("#leave_name > option").prop("selected","selected");
$("#leave_name").trigger("change");
}else{
$("#leave_name > option").removeAttr("selected");
$("#leave_name").trigger("change");
}
$('#leave_name option').filter(function(){
return !this.value || $.trim(this.value).length == 0;
}).remove();
});
$("#from_date,#to_date").datetimepicker({
format: 'DD-MM-YYYY',
});
//ONCHANGE LEAVE REPORT FETCH BASED ON TYPE OF LEAVE
$("#type_of_leave_report").on("change",function(){
var leave_report = $("#type_of_leave_report").val();
//Encryption
var key = '<?php echo $key; ?>';
var data = {leave_report:leave_report};
var encData = encrypt(key,data);
$.ajax({
type: "POST",
url : '<?php echo site_url($controller_name . "/leave_report"); ?>',
data:encData,
contentType: 'text/plain',
success: function(data){
var rslt = JSON.parse(data);
if(rslt.success){
$('#pdf_block_employees_span').empty();
$('.select2').select2({
placeholder: '---- Select ----',
allowClear: true,
//dropdownParent: $('.modal-dialog')
});
$('#leave_name').html(rslt.option);
}else{
toastr.error(rslt.message);
$("#type_of_leave_report").val('');
}
}
});
});
//* SHOW/HIDE TYPE OF LEAVE REPORT FOR USED *//
var type_of_leave_report = $("#type_of_leave_report").val();
menu_type_hide_show(type_of_leave_report);
$("#type_of_leave_report").change(function(){
var type_of_leave_report = $("#type_of_leave_report").val();
menu_type_hide_show(type_of_leave_report);
});
<?php echo $document_load_script; ?>
//*--- FILTER FUNCTION ---*//
$('.select2').select2({placeholder: '---- Select ----',});
$("#search_submit").click(function(){
$("#search_filter_div").toggle()
});
$("#search_filter_div").hide();
$("#search_filter").click(function(){
$("#search_filter_div").toggle();
});
$("#clear_search").click(function(){
$('#search_filter_div').find('input').val('');
$('option').attr('selected', false);
$("#search_filter_div").toggle();
});
$("#submit").on('click', function(e){
e.preventDefault();
var category = $('#category').val();
var emp_component = $('#emp_component').val();
var leave_name = $('#leave_name').val();
var type_of_leave_report = $('#type_of_leave_report').val();
var from_date = $('#from_date').val();
var to_date = $('#to_date').val();
var termination_status = $('input[name="termination_status"]:checked').val();
if(category === "empty" || category === null){
toastr.error('Please choose category?');
return false;
}
if(leave_name === "empty" || leave_name === null){
toastr.error('Please choose leave?');
return false;
}
if(type_of_leave_report.length === 0){
toastr.error('Please choose leave type?');
return false;
}else{
var type_of_leave_report = $("#type_of_leave_report").val();
if(parseInt(type_of_leave_report) === 3){
if(from_date === ""){
toastr.error('Please choose from date?');
return false;
}
if(to_date === ""){
toastr.error('Please choose to date?');
return false;
}
}
}
var send_url = '<?php echo site_url("$controller_name/check_leave_wizard");?>';
var fliter_label = $("input[name='fliter_label[]']").map(function(){return $(this).val();}).get();
var fliter_type = $("input[name='fliter_type[]']").map(function(){return $(this).val();}).get();
var input_field_type = $("input[name='input_field_type[]']").map(function(){return $(this).val();}).get();
var filter_cond = $("select[name='filter_cond[]']").map(function(){return $(this).val();}).get();
var fliter_val = $("input[name='fliter_val[]'],select[name='fliter_val[]']").map(function(){return $(this).val();}).get();
if(category != "empty" && leave_name !="empty" && type_of_leave_report != "empty"){
$("#submit").html("<i class='fa fa-spinner fa-spin'></i> Processing...");
$('#submit').attr('disabled','disabled');
//Encryption
var key = '<?php echo $key; ?>';
var data = {category:category,emp_component:emp_component,type_of_leave_report:type_of_leave_report,leave_name:leave_name,termination_status:termination_status,fliter_label:fliter_label,fliter_type:fliter_type,input_field_type:input_field_type,filter_cond:filter_cond,fliter_val:fliter_val,from_date:from_date,to_date:to_date};
var encData = encrypt(key,data);
$.ajax({
type: 'POST',
url: send_url,
data:encData,
contentType: 'text/plain',
success: function(rslt){
$('#submit').attr('disabled',false);
$("#submit").html("Submit");
setTimeout(function() {
var dlbtn = document.getElementById("dlbtn");
var file = new Blob([rslt], {type: ' application/vnd.Test.xlsx'});
dlbtn.href = URL.createObjectURL(file);
dlbtn.download = 'leave_wizard.xls';
$( "#mine").click();
}, 2000);
}
});
}else{
return false;
}
});
$('.select2').click(function() {
setTimeout(function() {
$('.select2').removeClass( "open" );
}, 10);
});
});
function select_call(){
setTimeout(function(){
$(function(){
$('.select2').select2({
placeholder: '---- Select ----',
allowClear: true,
dropdownParent: $('.modal-dialog'),
maximumInputLength : 15
});
$('.select2-tags').select2({
tags: true,
allowClear: true,
tokenSeparators: [',']
});
});
}, 500);
}
//* SHOW/HIDE TYPE OF LEAVE REPORT FOR USED *//
function menu_type_hide_show(type_of_leave_report){
$("#from_date,#to_date").parent().hide();
$("#from_date,#to_date").addClass('error');
if(parseInt(type_of_leave_report) === 3){
$("#from_date,#to_date").parent().show();
$("#from_date,#to_date").removeClass('error');
}else{
$("#from_date,#to_date").parent().hide();
$("#from_date,#to_date").addClass('error');
$("#from_date").val('');
$("#to_date").val('');
}
}
//* SHOW/HIDE TYPE OF LEAVE REPORT FOR USED *//
</script>
<style>
.btn-info{
background: #3a28ac!important;
}
.select2-selection--multiple{
overflow-y: scroll !important;
height: 100px;
border-radius: 13px;
}
.search_filter {
position: absolute;
width: 450px;
background-color: rgb(26, 36, 47);
border-radius: 2px;
box-shadow: rgb(0 0 0 / 14%) 0px 2px 2px 0px, rgb(0 0 0 / 12%) 0px 3px 1px -2px, rgb(0 0 0 / 20%) 0px 1px 5px 0px;
margin-left: 0;
padding: 8px;
left: 5.5%;
z-index: 666;
/*touch-action:pan-down;*/
}
/* element.style {
margin-bottom: 15px;
height: 400px;
}*/
</style>
<?php $this->load->view("partial/footer"); ?>