File: //home/cafsindia/.trash/application.1/views/muster_roll_wizard/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));
$prime_id = "prime_muster_transaction_id";
$search_url = site_url($controller_name ."/search");
$view_url = site_url($controller_name ."/view/");
$excel_url = site_url($controller_name ."/generate_excel/");
?>
<div class='row title_content'>
<div class='col-md-4 col-xs-6'>
<h1 class='page_txt'><?php echo $page_name;?></h1>
</div>
<div class='col-md-8 col-xs-6'>
<ol class="breadcrumb">
<li>
<a class='btn btn-xs btn-primary add' data-btn-submit='Submit' title='Add <?php echo $page_name ?>' href='<?php echo $view_url ?>' data_form='<?php echo $controller_name ?>'><span class='fa fa-user-plus'> </span><?php echo " Add ". $page_name; ?>
</a>
</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 class="row" style='margin:0px;overflow:auto;'>
<div class='col-md-12' style='padding:8px;min-height: 400px;'>
<table id="table" class='table table-striped table-hover' style='width:100% !important;'></table>
</div>
</div>
<script type="text/javascript">
$(document).ready(function (){
$('.modal-dialog').draggable({ handle: ".modal-header" });
<?php echo $load_script; ?>
var key = '<?php echo $encKey; ?>';
$table = $('#table').DataTable( {
processing: true,
serverSide: true,
serverMethod: 'post',
lengthMenu: [[10,25,50,100,500,1000,-1],[10,25,50,100,500,1000,"All"]],
scrollX:true,
//fixedHeader: 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>',
},
ajax:{
'url': '<?php echo $search_url; ?>',
'data': function(data){
<?php echo $table_map_list;?>
var encData = encrypt(key,{data});
return { Payload: encData };
},
beforeSend: function(){
$('.dataTables_processing').html('<span style="color:#CC3366;"><i class="fa fa-spinner fa-spin fa-2x fa-fw"></i><br/>Loading...</span>');
},
},
columns: [{
title:'<input type="checkbox" name="select_all" class="select_all">',
data: '<?php echo $prime_id; ?>',
type: 'html',
orderable: false,
className: 'select-checkbox',
searchable:false,
width:'1%',
render:function (value) {
return '<input type="checkbox" value="'+value+'" name="select_one" class="select_one">';
}
},
{
title:'Setting Name',data: 'setting_name',
render:function (value) {
return value;
}
},
{title:'View',
data: '<?php echo $prime_id; ?>',
type: 'html',
render:function (value) {
if (value === null) return '';
//Encryption
var prime = '<?php echo $prime_id; ?>';
var enc = encrypt(key,{prime_id:value});
var value = encodeURIComponent(window.btoa(enc)); // Because of URL url encoded
return '<a class="btn btn-xs btn-edit view" data-btn-submit="Submit" title="Update <?php echo $page_name;?>" href="<?php echo $view_url;?>'+value+'" data_form="<?php echo $controller_name;?>"> <span class="fa fa-pencil-square-o"></span> Edit</a> <a class="btn btn-xs btn-edit view" data-btn-submit="Submit" title="Update <?php echo $page_name;?>" href="<?php echo $excel_url;?>'+value+'" data_form="<?php echo $controller_name;?>"> <span class="fa fa-pencil-square-o"></span> Generate </a>';
}
}
],
});
/* DELETE PROCESS - START*/
var delete_btn = "<button class='btn btn-xs btn-danger fliter disabled' id='delete_btn' style='margin-top:7px'><i class='fa fa-trash' aria-hidden='true'></i> Delete</button>";
$("#table_length").prepend(delete_btn);
$("#table_length").css("display", "-webkit-inline-box");
$('.select-checkbox').on('click', "input[name='select_all']", function(){
if(this.checked) {
$('.select_one').prop('checked', true);
$("#delete_btn").removeClass("disabled");
}else{
$('.select_one').prop('checked', false);
$("#delete_btn").addClass("disabled");
}
});
$table.on('change','.select_one',function(event){
var delete_ids = [];
$.each($("input[name='select_one']:checked"), function(){
delete_ids.push($(this).val());
});
if(delete_ids.length > 0) {
$("#delete_btn").removeClass("disabled");
}else{
$("#delete_btn").addClass("disabled");
}
});
$("#delete_btn").click(function(event){
if(confirm("Are you sure. you want delete select records?")){
var delete_ids = [];
$('input[type=checkbox]').each(function () {
if(this.checked) {
delete_ids.push($(this).val());
}
});
var encData = encrypt(key,{delete_ids:delete_ids});
//do ajax process
if(delete_ids){
$.ajax({
type: "POST",
url: '<?php echo site_url("$controller_name/delete"); ?>',
data:encData,
success: function(data) {
var rslt = JSON.parse(data);
if(rslt.success){
toastr.success(rslt.message);
$('.select_all').prop('checked', false);
$('.select_one').prop('checked', false);
$("#delete_btn").addClass("disabled");
$table.draw();
}else{
toastr.error(rslt.message);
}
}
});
}
}else{
$('.select_all').prop('checked', false);
$('.select_one').prop('checked', false);
$("#delete_btn").addClass("disabled");
}
});
$('input[type=search]').addClass('form-control input-sm');
$("select[name='table_length']" ).addClass('form-control input-sm');
$("a.add").click(function(event){
event.preventDefault();
var action = $(this).attr('data-btn-submit');
var title = $(this).attr('title');
var control = $(this).attr('href');
var form_id = $(this).attr('data_form')+"_form";
$('.modal').modal({backdrop: 'static', keyboard: false});
$('.modal-body').html('<div style="text-align: center;padding:50px;color:#4b6fa2;"><i class="fa fa-spinner fa-spin fa-2x fa-fw"></i><br/>Please wait processing....</div>');
$.ajax({
type: 'POST',
url: control,
dataType: "html",
success: function (response){
$('.modal-title').html('<h4 class="modal-title">'+title+'</h4>');
$('.modal-body').html(response);
var btn_info = '<button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>';
if(action === "Submit"){
btn_info += '<button class="btn btn-primary" id="submit" style="margin-left: 15px;">Submit</button>';
}
btn_info = '<div class="col-md-12" style="background-color:#FFFFFF;padding: 10px 20px; text-align: right; border-top: 1px solid #e5e5e5;">'+btn_info+'</div>';
$('#'+form_id).append(btn_info);
}
});
});
$table.on('click','a.view',function(event){
event.preventDefault();
var action = $(this).attr('data-btn-submit');
var title = $(this).attr('title');
var control = $(this).attr('href');
var form_id = $(this).attr('data_form')+"_form";
view_form_data(action,title,control,form_id);
});
});
function view_form_data(action,title,control,form_id){
$('.modal').modal({backdrop: 'static', keyboard: false});
$('.modal-body').html('<div style="text-align: center;padding:50px;color:#4b6fa2;"><i class="fa fa-spinner fa-spin fa-2x fa-fw"></i><br/>Please wait processing....</div>');
$.ajax({
type: 'POST',
url: control,
dataType: "html",
success: function (response){
$('.modal-title').html('<h4 class="modal-title">'+title+'</h4>');
$('.modal-body').html(response);
var btn_info = '<a class="btn btn-danger" data-dismiss="modal" onclick="close_formfun()">Close</a>';
if(action === "Submit"){
btn_info += '<button class="btn btn-primary" id="submit" style="margin-left: 15px;">Submit</button>';
}
btn_info = '<div class="col-md-12" style="background-color:#FFFFFF;padding: 10px 20px; text-align: right; border-top: 1px solid #e5e5e5;">'+btn_info+'</div>';
$('#'+form_id).append(btn_info);
}
});
}
</script>
<style>
.pull-right.search {
display: none !important;
}
.columns.columns-right.btn-group.pull-right {
display: none !important;
}
span.select2-selection.select2-selection--multiple {
border: 0px;
border-radius: 0px;
border-bottom: 1px solid #CCCCCC;
padding: 0px 5px !important;
min-height: 35px !important;
}
<?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;}";
}
?>
</style>
<?php $this->load->view("partial/footer"); ?>