File: /home/cafsindia/cpaqua.cafsinfotech.in/application/views/utilities_settings/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'];
$page_name = ucwords(str_replace("_"," ",$controller_name));
$search_url = site_url($controller_name ."/search");
$view_url = site_url($controller_name ."/view/");
$import_url = site_url($controller_name ."/import/");
$prime_id = "module_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">
<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" });
var prime_id = "<?php echo $prime_id; ?>";
var key = '<?php echo $encKey; ?>';
// DYNAMIC DATATABLE FOR (8.3)
$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,
language:{
lengthMenu:"<span style='margin-top:8px;margin-left:10px;'>Display</span> _MENU_ <span style='margin-top:8px;'>Records</span>",
searchPlaceholder: "Search records",
search: "",
},
ajax:{
'url': '<?php echo $search_url; ?>',
'data': function(data){
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">';
}
},
<?php
foreach($table_head as $table){
$label_name = $table->label_name;
$view_name = str_replace("_", " ", $label_name);
echo "{title:'$view_name',data:'$label_name',visible:true,},\n";
}
?>
{title:'View',
data: '<?php echo $prime_id; ?>',
type: 'html',
render:function (value) {
var prime = '<?php echo $prime_id; ?>';
var enc = encrypt(key,{prime_id:value});
var value = encodeURIComponent(window.btoa(enc));
if (value === null) return '';
<?php
if($access_update === 1){
?>
return '<a class="btn btn-xs btn-edit view" 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>';
<?php
}else{
?>
return '<a class="btn btn-xs btn-edit view" title="View <?php echo $page_name;?>" href="<?php echo $view_url;?>'+value+'" data_form="<?php echo $controller_name;?>"> <span class="fa fa-eye"></span> View</a>';
<?php
}
?>
}
}
],
});
$("<?php echo $input_ids;?>").bind('keyup change', function(e) {
$table.draw();
});
$("<?php echo $date_ids;?>").on("dp.hide",function (e) {
$table.draw();
});
var table_option = "<table><tr><td id='filters' style='padding:8px 2px;'></td><td id='export' style='padding:8px 2px;'></td></tr></table>";
$("#table_filter").append(table_option);
<?php
if($access_export === 1){
?>
var buttons = new $.fn.dataTable.Buttons(table, {
buttons: [{
extend: 'collection',
text: 'Export',
buttons: [
{extend:'copy',exportOptions:{modifier :{order:'index',page:'all',search:'none'},columns:':visible'}},
{extend:'csv',exportOptions:{modifier:{order:'index',page:'all',search:'none'},columns:':visible'}},
{extend:'excel',exportOptions:{modifier:{order :'index',page: 'all',search:'none'},columns:':visible'}},
{extend:'pdf',exportOptions:{modifier:{order :'index',page:'all',search:'none'},columns:':visible'}},
{extend:'print',exportOptions:{modifier:{order :'index',page:'all',search:'none'},columns:':visible',}},
]
}]
}).container().appendTo($('#export'));
<?php
}else{
?>
var buttons = "";
<?php
}
?>
$(".buttons-collection").addClass("btn btn-xs btn-edit");
$('input[type=search]').addClass('form-control input-sm');
$("select[name='table_length']" ).addClass('form-control input-sm');
$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);
});
});
// VIEW THE FORM FIELD _ARN
function view_form_data(action, title, control, form_id) {
const $modal = $('.modal');
const $body = $modal.find('.modal-body');
$modal.modal({ backdrop: 'static', keyboard: false });
$body.html('<div class="text-center p-5" style="color:#4b6fa2;">' +
'<i class="fa fa-spinner fa-spin fa-2x"></i><br/>Please wait…</div>');
$.ajax({
type: 'POST',
url: control,
dataType: 'html',
success: function (response) {
$modal.find('.modal-title').html('<h4 class="modal-title">' + title + '</h4>');
$body.html(response);
// Remove any previously injected footer
$modal.find('.modal-content .modal-footer').remove();
// Construct dynamic footer HTML
let footerHtml = `<div class="modal-footer">
<a class="btn btn-danger" data-dismiss="modal" onclick="close_formfun()">Close</a>`;
if (action === "Submit") {
footerHtml += '<button id="submit" class="btn btn-primary ms-2">Submit</button>';
}
footerHtml += '</div>';
$body.after(footerHtml); // Append footer right after .modal-body inside .modal-content
},
error: function () {
$body.html('<p class="text-danger">Failed to load form. Try again later.</p>');
}
});
}
function close_formfun(){
$table.draw();
$('.select2').select2({placeholder: '---- Select ----',});
}
</script>
<!-- STYLE REMOVED FOR (8.3) THIS PLACE -->
<?php $this->load->view("partial/footer"); ?>