File: /home/cafsindia/allyindian_com/backend/application/views/print_chart/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(){
//Alphabetic and Numbers insert
$("body").on("keypress keyup blur",".number",function (event){
$(this).val($(this).val().replace(/[^\d].+/, ""));
if ((event.which < 48 || event.which > 57)) {
event.preventDefault();
}
});
$("body").on("keydown",".alpha", function(event){
var arr = [8,9,16,17,20,32,35,36,37,38,39,40,45,46];
for(var i = 65; i <= 90; i++){
arr.push(i);
}
if(jQuery.inArray(event.which, arr) === -1){
event.preventDefault();
}
});
$("#package").change(function () {
var package_id = $("#package").val();
$.ajax({
url: "<?php echo base_url('index.php/Print_chart/get_dep_date'); ?>",
type: "POST",
data: {package_id:package_id},
//async: false,
success: function (data) {
var rslt = JSON.parse(data);
var option = "<option value=''>---- Select Date----</option>";
for(i = 0; i < rslt.package_date.length; i++) {
package_id = rslt.package_date[i].package_id;
package_date = rslt.package_date[i].dep_date;
//alert(package_date);
var date = package_date.split(",");
for (var i in date){
dep_date = date[i];
option += "<option value="+dep_date+">"+dep_date+"</option>";
}
}
$("#dep_date").html(option);
var code = "<option value=''>---- Select Trip----</option>";
for(i = 0; i < rslt.package_date.length; i++) {
trip_code = rslt.package_date[i].tripcode;
tripid = rslt.package_date[i].tripid;
code += "<option value="+tripid+">"+trip_code+"</option>";
}
$("#trip_code").html(code);
},
});
});
$('#search').on('click', function(e){
var package_id = $("#package").val();
var dep_date = $("#dep_date").val();
var trip_code = $("#trip_code").val();
var boarding_point = $("#boarding_point").val();
$.ajax({
type: "POST",
url:"<?php echo base_url('index.php/Print_chart/search');?>?",
data: {package_id: package_id,dep_date: dep_date,trip_code:trip_code,boarding_point:boarding_point},
success: function(data){
var rslt = JSON.parse(data);
$('#print_data').html(rslt.print_data);
$('#detail_list').DataTable( {
paging: false,
orderin: false,
searching: false,
destroy: true,
});
}
});
$('#detail_list').DataTable().destroy();
});
});
function get_customer(trippackid,dep_date,tripid){
var frm = "get_customer";
$.ajax({
type: "POST",
url: "./dashboard/chart_call.php",
data: {frm:frm,trippackid:trippackid,dep_date:dep_date,tripid:tripid},
success: function(data) {
$('#lead_model_body').html(data);
// $('#chart_list').DataTable({
// paging: false,
// ordering: false,
// dom: 'Bfrtip',
// buttons: ['excel'],
// });
$('#detail_list_model').modal('show');
},
});
}
function printDiv(){
var divToPrint=document.getElementById('table_list');
$('#print_id').hide();
var newWin=window.open('','Print-Window');
newWin.document.open();
newWin.document.write('<html><body onload="window.print()">'+divToPrint.innerHTML+'</body></html>');
newWin.document.close();
setTimeout(function(){newWin.close();},05);
}
function update_info(tripid){
$.ajax({
type: "POST",
url:"<?php echo base_url('index.php/Print_chart/get_update_info'); ?>",
data: {tripid:tripid},
success: function(data) {
var rslt = JSON.parse(data);
var guruswamy_name = rslt.trip_data[0].guruswamy_name;
var guruswamy_mobile = rslt.trip_data[0].guruswamy_mobile;
var driver_name = rslt.trip_data[0].driver_name;
var driver_mobile = rslt.trip_data[0].driver_mobile;
var cleaner_name = rslt.trip_data[0].cleaner_name;
var cleaner_mobile = rslt.trip_data[0].cleaner_mobile;
var vehicle_no = rslt.trip_data[0].vehicle_no;
if(!guruswamy_name){
guruswamy_name = "";
}
if(!guruswamy_mobile){
guruswamy_mobile = "";
}
if(!driver_name){
driver_name = "";
}
if(!driver_mobile){
driver_mobile = "";
}
if(!cleaner_name){
cleaner_name = "";
}
if(!cleaner_mobile){
cleaner_mobile = "";
}
if(!vehicle_no){
vehicle_no = "";
}
var input_line = "<fieldset><div class='form-group'><label>Guruswamy Name</label><input id='guruswamy_name' class='form-control alpha' value='"+guruswamy_name+"' /></div><div class='form-group'><label>Guruswamy Mobile</label><input id='guruswamy_mobile' class='form-control number' value='"+guruswamy_mobile+"' /></div><div class='form-group'><label>Driver Name</label><input id='driver_name' class='form-control alpha' value='"+driver_name+"' /></div><div class='form-group'><label>Driver Mobile</label><input id='driver_mobile' class='form-control number' value='"+driver_mobile+"' /></div><div class='form-group'><label>Cleaner Name</label><input id='cleaner_name' class='form-control alpha' value='"+cleaner_name+"' /></div><div class='form-group'><label>Cleaner Mobile</label><input id='cleaner_mobile' class='form-control number' value='"+cleaner_mobile+"' /></div><div class='form-group'><label>Vehicle No</label><input id='vehicle_no' class='form-control' value='"+vehicle_no+"' /></div><div class='form-group'><button style='float: right;' class='btn btn-info btn-sm cls' onclick=save_trip_info("+tripid+")>Save</button></div></fieldset>";
$('#lead_model_body').html(input_line);
$('#detail_list_model').modal('show');
},
});
}
function save_trip_info(tripid){
var g_name = $("#guruswamy_name").val();
var g_mobile = $("#guruswamy_mobile").val();
var d_name = $("#driver_name").val();
var d_mobile = $("#driver_mobile").val();
var c_name = $("#cleaner_name").val();
var c_mobile = $("#cleaner_mobile").val();
var c_vehicle_no = $("#vehicle_no").val();
var can_process = true;
if($("#guruswamy_name").val() == "" && $("#guruswamy_name").val().length < 1) {
$("#guruswamy_name").addClass('error');
can_process = false;
} else {
$("#guruswamy_name").removeClass('error');
}
if($("#guruswamy_mobile").val() == "" || $("#guruswamy_mobile").val().length < 10) {
$("#guruswamy_mobile").addClass('error');
can_process = false;
} else {
$("#guruswamy_mobile").removeClass('error');
}
if($("#driver_name").val() == "" && $("#driver_name").val().length < 1) {
$("#driver_name").addClass('error');
can_process = false;
} else {
$("#driver_name").removeClass('error');
}
if($("#driver_mobile").val() == "" || $("#driver_mobile").val().length < 10) {
$("#driver_mobile").addClass('error');
can_process = false;
} else {
$("#driver_mobile").removeClass('error');
}
if($("#cleaner_name").val() == "" && $("#cleaner_name").val().length < 1) {
$("#cleaner_name").addClass('error');
can_process = false;
} else {
$("#cleaner_name").removeClass('error');
}
if($("#cleaner_mobile").val() == "" || $("#cleaner_mobile").val().length < 10) {
$("#cleaner_mobile").addClass('error');
can_process = false;
} else {
$("#cleaner_mobile").removeClass('error');
}
if($("#vehicle_no").val() == "" || $("#vehicle_no").val().length < 1) {
$("#vehicle_no").addClass('error');
can_process = false;
} else {
$("#vehicle_no").removeClass('error');
}
if(can_process){
$.ajax({
type: "POST",
url:"<?php echo base_url('index.php/Print_chart/save_trip_info'); ?>",
data: {tripid:tripid,g_name:g_name,g_mobile:g_mobile,d_name:d_name,d_mobile:d_mobile,c_name:c_name,c_mobile:c_mobile,c_vehicle_no:c_vehicle_no},
success: function(data) {
var rslt = JSON.parse(data);
if(rslt.success){
toastr.success(rslt.message);
}else{
toastr.error(rslt.message);
}
$('#detail_list_model').modal('hide');
},
});
}
}
</script>
<div id="table_holder">
<div id="title_bar" class="btn-toolbar">
<h1>Print Chart</h1>
</div>
<div class="form-group">
<?php echo form_label("Select Package", 'package', array('class' => 'required'));
echo form_dropdown(array('name' => 'package','id' => 'package','class' => 'form-control'), $package_info);
?>
</div>
<div class="form-group" style="width:12%;">
<?php echo form_label("Dep. Date", 'dep_date', array('class' => 'required'));
echo form_dropdown(array(
'name' => 'dep_date',
'id' => 'dep_date',
'class' => 'form-control input-sm'));
?>
</div>
<div class="form-group" style="width:10%;">
<?php echo form_label("Trip Code", 'trip_code', array('class' => 'required'));
echo form_dropdown(array(
'name' => 'trip_code',
'id' => 'trip_code',
'class' => 'form-control input-sm'));
?>
</div>
<div class="form-group" style="width:20%">
<?php echo form_label("Select Boarding", 'boarding_point', array('class' => ''));
echo form_dropdown(array('name' => 'boarding_point','id' => 'boarding_point','class' => 'form-control'), $boarding_point_info);
?>
</div>
<div class="form-group">
<button class="btn btn-primary btn-sm" id="search" > Search</button>
</div>
</div>
<div id="table">
<table id='detail_list' class='table table-hover table-striped col-style'>
<thead>
<tr style='font-weight:bold;text-align:center !important;background:#d84f57;'>
<th style='text-align:left !important;'>Trip Date</th>
<th style='text-align:left !important;'>Trip No</th>
<th style='text-align:left !important;'>Package No</th>
<th style='text-align:left !important;'>Package Name</th>
<th style='text-align:left !important;'>Total Seats</th>
<th style='text-align:left !important;'>Booked Seats</th>
<th style='text-align:left !important;'>Available Seats</th>
<th style='text-align:left !important;'>Show chart</th>
<th style='text-align:left !important;'>Update Info</th>
<th style='text-align:left !important;'>View Seat</th>
</tr>
</thead>
<tbody id="print_data"></tbody>
</table>
</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">Detailed List</h4>
</div>
<div class="modal-body" id="lead_model_body" style="height:260px;">
</div>
</div>
</div>
</div>
<style type="text/css">
#table_holder .fixed-table-body table tr td{
color: #333333 !important;
padding: 8px !important;
line-height: inherit !important;
vertical-align: middle !important;
height: auto;
}
div#holder {
padding: 15px;
background-color: #FFFFFF;
margin: 5px;
border-radius: 4px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
h1 {
margin: 0;
margin-bottom: 4px !important;
width: auto;
font-size: 25px;
color: #1658a0;
font-weight: bold;
text-transform: initial;
}
#table .btn-default {
color: #ffffff !important;
background: #1658a0;
padding: 1px 6px !important;
font-size: 12px !important;
}
#table button{
padding: 1px;
margin: 2px;
}
.form-group {
padding: 2px;
}
.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;
}
#report_model_body .btn-default {
color: #ffffff !important;
background: #1658a0;
padding: 1px 6px !important;
font-size: 12px !important;
}
</style>
<?php $this->load->view("partial/footer"); ?>