File: //home/cafsindia/hrms_allyindian_com/application/views/declaration_report/manage.php
<?php
$this->load->view("partial/header");
$access_data = $this->session->userdata('access_data');
$access_add = (int)$access_data[$controller_name]['access_add'];
$access_update = (int)$access_data[$controller_name]['access_update'];
$access_delete = (int)$access_data[$controller_name]['access_delete'];
$access_search = (int)$access_data[$controller_name]['access_search'];
$access_export = (int)$access_data[$controller_name]['access_export'];
$access_import = (int)$access_data[$controller_name]['access_import'];
$page_name = ucwords(str_replace("_"," ",$controller_name));
$uniqueId = "prime_".$controller_name."_id";
?>
<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='col-md-10 col-xs-8'>
<ol class="breadcrumb">
<?php
$quick_link = explode(",",$link_info[0]->quicklink);
$link_li_line = "";
foreach($quick_link as $link){
if($link){
$url = site_url("$link");
$name = ucwords(str_replace("_"," ",$link));
$link_li_line .= "<li><a href='$url'> <i class='fa fa-angle-double-right fa-lg' aria-hidden='true'></i> $name</a></li>";
}
}
if($link_li_line){
echo "<li class='dropdown'>
<a class='btn btn-xs btn-primary dropdown-toggle' type='button' id='dropdownMenu2' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>
<i class='fa fa-plus-circle' aria-hidden='true'></i> Quick Links
</a>
<ul class='dropdown-menu dropdown-menu-left' aria-labelledby='dropdownMenu2'>
$link_li_line
</ul>
</li>";
}
?>
<li><a href="<?php echo site_url()?>#Home">Home</a></li>
<li><a href="<?php echo site_url($controller_name)?>#<?php echo "$controller_name";?>"><?php echo "$page_name";?></a></li>
<li class="active">List</li>
</ol>
</div>
</div>
<div id="table_holder">
<div class='col-md-12'style='margin:15px 0px;border-radius:2px;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);padding:15px 0px;'>
<div class="form-inline">
<div class="form-group">
<?php
$process_type = array(""=>"---- Select Process Type ----","1"=>"Process By Employee","2"=>"Process By Role");
echo form_label("Process Type", 'process_type', array('class' => 'required'));
echo form_dropdown(array("name" =>'process_type',"id" =>'process_type',"class" =>'form-control input-sm select2'),$process_type);
?>
</div>
<div class="form-group" style='display:none;max-height: 50px;!important'>
<?php
echo form_label("Search Employee", 'process_emp_id', array('class' => 'required'));
echo form_input(array('name' =>'process_emp_id','id' =>'process_emp_id','class' => 'form-control input-sm','value'=>'','placeholder'=>"Search by Employee Code"));
?>
<div class='append_div'></div>
</div>
<div class="form-group" style='display:none;'>
<?php
echo form_label("Process Role", 'process_role', array('class' => 'required'));
echo form_dropdown(array("name" =>'process_role[]',"multiple id" =>'process_role',"class" =>'form-control input-sm select2'),$process_role);
echo "<label><input name='role_select' id='role_select' type='checkbox'> Select All</label>";
?>
</div>
<div class="form-group">
<?php
echo form_label('Effective Month', 'effective_month', array('class' => 'required'));
echo form_input(array('name' => 'effective_month', 'id' => 'effective_month', 'class' => 'form-control input-sm datepicker', 'value'=> '', 'placeholder' => 'Select Month'));
?>
</div>
<div class="form-group">
<button class='btn btn-primary btn-sm' id="submit">Submit</button>
</div>
</div>
<div style='padding:8px;overflow: auto !important;' id='declaration_info'>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function (){
select_call();
var start_date = "<?php echo $start_date;?>";
var end_date = "<?php echo $end_date;?>";
var start_date = moment(start_date,'DD-MM-YYYY').format('YYYY-MM');
var end_date = moment(end_date,'DD-MM-YYYY').format('YYYY-MM');
$("#effective_month").datetimepicker({
format: 'MM-YYYY',
minDate: start_date,
maxDate: end_date,
//debug: true
});
$('#process_type').change(function () {
process_type = $("#process_type").val();
$('#process_emp_id,#process_role').parent().hide();
$('#process_emp_id').val("");
$('#process_role').val("");
if(process_type === "1"){
$('#process_emp_id').parent().show();
}else
if(process_type === "2"){
$('#process_role').parent().show();
}else{
$('#process_emp_id,#process_role').parent().hide();
}
});
$('#process_emp_id').autocomplete({
source: function(request, response) {
// Encryption
var key = '<?php echo $key; ?>';
var encData = encrypt(key,{term:request.term});
$.ajax({
url : '<?php echo site_url("$controller_name/emp_suggest");?>',
type: 'POST',
data: encData,
success: function (data) {
var rslt = JSON.parse(data);
response($.map(rslt, function (el) {
if(el.value === '0'){
$('#hidden_id').val('');
}
return {
value: el.value,
label: el.label,
display_name:el.display_name
};
}));
}
});
},
minChars:2,
autoFocus: true,
delay:10,
scroll: true,
appendTo: '.append_div',
select: function(e, ui) {
$('#process_emp_id').val(ui.item.value);
return false;
}
});
$('#submit').click(function (){
var process_type = $("#process_type").val();
var process_emp_id = $("#process_emp_id").val();
var process_role = $("select[name='process_role[]']").map(function(){return $(this).val();}).get();
var effective_month= $("#effective_month").val();
if(process_type.length === 0){
toastr.error('Please choose type?');
return false;
}else
if(parseInt(process_type) === 1){
if(process_emp_id.length === 0){
toastr.error('Please select employee?');
return false;
}
}else
if(parseInt(process_type) === 2){
if(process_role.length === 0){
toastr.error('Please select role?');
return false;
}
}
if(effective_month === ""){
toastr.error('Please select Effective Month?');
}
if(process_type && effective_month){
$("#submit").html("<i class='fa fa-spinner fa-spin'></i> Processing...");
$('#submit').attr('disabled','disabled');
var key = '<?php echo $key; ?>';
var data = {process_type:process_type,process_emp_id:process_emp_id,process_role:process_role,effective_month:effective_month};
var encData = encrypt(key,data);
$.ajax({
type: "POST",
url: '<?php echo site_url($controller_name . "/get_table_data"); ?>',
data:encData,
contentType: 'text/plain',
success: function(data){
var rslt = JSON.parse(data);
$("#process_emp_id,#process_role,#process_type").val('');
if(rslt.success){
$('#declaration_info').html(rslt.message);
var table = $('#role').DataTable( {
scrollX:true,
language:{
lengthMenu:"<span style='margin-top:8px;margin-left:10px;'>Display</span> _MENU_ <span style='margin-top:8px;'>Records</span>",
searchPlaceholder: "Search records",
search: "",
processing: '<div style="text-align: center; padding: 50px;color:#4b6fa2;z-index:999999999;"><i class="fa fa-spinner fa-spin fa-2x fa-fw"></i><br/>Loading...</div>',
},
dom: 'Blfrtip',
buttons:[
{extend: 'collection',text: 'Export',
buttons: [{extend:'excel',exportOptions:{modifier:{order :'index',page: 'all',search:'none'},columns:':visible'}},]}
],
});
$('input[type=search]').addClass('form-control input-sm ');
$("select[name='table_length']" ).addClass('form-control input-sm');
$('#submit').attr('disabled',false);
$("#submit").html("Submit");
}else{
$('#submit').attr('disabled',false);
$("#submit").html("Submit");
toastr.error(rslt.message);
}
select_call();
},
});
}
});
$("#role_select").click(function(){
if($("#role_select").is(':checked') ){
$("#process_role > option").prop("selected","selected");
$("#process_role").trigger("change");
}else{
$("#process_role > option").removeAttr("selected");
$("#process_role").trigger("change");
}
$('#process_role option').filter(function(){
return !this.value || $.trim(this.value).length == 0;
}).remove();
});
});
function select_call(){
$(function(){
$('.select2').select2({
placeholder: '---- Select ----',
allowClear: true,
//dropdownParent: $('.modal-dialog')
});
$('.select2-tags').select2({
tags: true,
tokenSeparators: [',']
});
});
}
</script>
<style>
.pull-right.search {
display: none !important;
}
.columns.columns-right.btn-group.pull-right {
display: none !important;
}
.dt-buttons{
float : right;
margin: 8px;
}
<?php
if($access_search === 1){
echo ".pull-right.search { display: block !important; }";
}
if($access_export === 1){
echo ".columns.columns-right.btn-group.pull-right{display: block !important;}";
}
?>
table.dataTable thead th, table.dataTable thead td {
max-width: 10000px !important;
word-wrap: break-word !important;
}
.select2-selection--multiple{
overflow-y: scroll !important;
height: 60px;
border-radius: 13px;
}
</style>
<?php $this->load->view("partial/footer"); ?>