File: //home/cafsindia/allyindian_com/backend/application/views/analysis_report/manage.php
<?php $this->load->view("partial/header"); ?>
<link rel="stylesheet" type="text/css" href="dist/data_tables/datatables.min.css"/>
<script type="text/javascript" src="dist/data_tables/datatables.min.js"></script>
<script type="text/javascript">
$(document).ready(function (){
<?php //$this->load->view('partial/daterangepicker'); ?>
//$('#daterangepicker').data('daterangepicker').setStartDate("<?php echo date($this->config->item('dateformat'), mktime(0,0,0,date("m"),1,date("Y"))); ?>");
//var start_date = "<?php echo date('Y-m-d', mktime(0,0,0,date("m"),1,date("Y"))); ?>";
//var end_date = "<?php echo date('Y-m-d', mktime(0,0,0,date("m")+1,1,date("Y"))-1); ?>";
$("#customer_name").autocomplete({
source: '<?php echo site_url($controller_name . "/suggest_customer"); ?>',
minLength: 4,
autoFocus: false,
//delay: 10,
appendTo: "#append",
select: function (e, ui) {
custid = ui.item.custid;
$("#hd_custid").val(custid);
}
});
$('#package_details').hide();
$('#customer_details').hide();
$("#process").change(function(){
process = $("#process").val();
if(process == 1)
{
$('#customer_details').show();
$('#package_details').hide();
}else{
$('#customer_details').hide();
$('#package_details').show();
}
});
$('#search').on('click', function (e){
process = $("#process").val();
package_name = $("#package_name").val();
custid = $("#hd_custid").val();
if((!custid) && (process === "1")){
toastr.warning("Please Select the Customer");
return false;
}
if(process !== ""){
$.ajax({
type: "POST",
url:"<?php echo base_url('index.php/Analysis_report/search'); ?>?",
data: {process:process,package_name:package_name,custid:custid},
success: function(data) {
if(data){
$("#analysis_report").html(data);
$('#analysis_tbl').DataTable({
"paging": true,
"ordering": true,
dom: 'Bfrtip',
buttons: ['excel'],
});
}
$("#process").val('');
$("#package_name").val('');
$("#customer_name").val('');
$("#hd_custid").val('');
}
});
}else{
toastr.warning("Please select process");
}
});
});
function get_customer_info(custid,orderid,doj,otripid){
var frm = "get_customer_info";
$.ajax({
type: "POST",
url: "./dashboard/customer_details.php",
data: {frm:frm,custid:custid,orderid:orderid,doj:doj,otripid:otripid},
success: function(data) {
$('#lead_model_body').html(data);
$('#detail_list').DataTable( {
paging: false,
ordering: false,
dom: 'Bfrtip',
buttons: ['excel'],
});
$('#detail_list_model').modal('show');
},
});
}
</script>
<div id="table_holder" style="padding:0px;">
<div class="analysis_holder">
<h1>Customers Report</h1>
<div class="form-group">
<?php
//echo form_label("Select Date", 'daterangepicker', array('class' => ''));
//echo form_input(array('name' => 'daterangepicker', 'class' => 'form-control input-sm', 'id' => 'daterangepicker'));
?>
</div>
<div class="form-group">
<?php
$process_info =array(""=>'-- Select Type --',"1"=>'Customer',"2"=>'Package');
echo form_label("Select Type", 'process', array('class' => ''));
echo form_dropdown(array(
'name' => 'process',
'id' => 'process',
'class' => 'form-control input-sm'), $process_info);
?>
</div>
<div class="form-group" id="package_details">
<?php
echo form_label("Package Name", 'package_name', array('class' => '')); echo "<br/>";
echo form_multiselect('package_name[]', $package_name, '', array('id' => 'package_name', 'class' => 'selectpicker show-menu-arrow', 'data-none-selected-text' => '-- All Package --', 'data-selected-text-format' => 'count > 1', 'data-style' => 'btn-default btn-sm', 'data-width' => 'fit'));
?>
</div>
<div class="form-group" id="customer_details">
<?php
echo form_input(array('id'=>'hd_custid','class'=>'form-control input-sm','type'=>'hidden','value'=>''));
echo form_label("Customer Name", 'customer_name', array('class' => '')); echo "<br/>";
echo form_input( array( 'name'=>'customer_name', 'id'=>'customer_name', 'class'=>'form-control input-sm', 'value'=>'' ));
?>
</div>
<div id="append" style="position:absolute;height: 300px !important;"></div>
<div class="form-group">
<button class="btn btn-primary btn-sm" id="search" > Search</button>
</div>
</div>
<div id='analysis_report' style='overflow:auto;'>
</div>
</div>
<div class="modal fade" id="detail_list_model" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog modal-lg" style="width: 90%;" role="document">
<div class="modal-content">
<div class="modal-header" style='padding: 5px 15px;'>
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Passenger List</h4>
</div>
<div class="modal-body" id="lead_model_body" style="height:260px;">
</div>
</div>
</div>
</div>
<style>
.cursor{cursor: pointer;}
h1{
margin: 0;
width: auto;
font-size: 25px;
color: #D8343F;
font-weight: bold;
text-transform: initial;
margin-bottom: 15px;
}
.analysis_holder{
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: 8px;
background-color: #EEEEEE;
margin-bottom: 15px;
}
.btn-group, .btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle;
float: right;
}
div.dataTables_wrapper div.dataTables_filter label {
font-weight: normal;
white-space: nowrap;
text-align: left;
float: left;
}
div.dataTables_wrapper div.dataTables_filter input {
margin-left: 0.5em;
display: inline-block;
width: auto;
width: 170px !important;
}
.buttons-html5 , .buttons-print {
color: #ffffff;
background-color: #D8343F;
border: 0px;
padding: 3px 15px;
font-size:12px
}
.pagination>li>a, .pagination>li>span {
position: relative;
float: left;
padding: 8px 15px;
line-height: 1.42857143;
text-decoration: none;
color: #ffffff;
background-color: #D8343F;
border: 1px solid transparent;
margin-left: -1px;
}
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
color: #FFFFFF;
background-color:#D8343F;
border-color: transparent;
cursor: not-allowed;
}
</style>
<?php $this->load->view("partial/footer"); ?>