File: /home/cafsindia/allyindian_com/backend/application/views/package_ticket/view_passengers.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 (){
$('#search').on('click', function (e){
view_passenger_data();
});
//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();
}
});
});
function view_passenger_data(){
var search_by = $("#search_by").val();
var search_text = $("#search_text").val();
$.ajax({
type: "POST",
url:"<?php echo base_url('index.php/Package_ticket/view_passengers_data'); ?>",
data: {search_by:search_by,search_text:search_text},
success: function(data){
$('#table').html(data);
$('#detail_list').DataTable({
"paging": false,
"ordering": false,
dom: 'Bfrtip',
buttons: ['copy','csv','excel','pdf','print'],
destroy: true,
});
},
});
$('#detail_list').DataTable().destroy();
}
function edit_passenger(passid,passname,gender,passage,mobile,packid,boarding,orderid){
var male = "";
var female = "";
var trans = "";
if(gender === "Male"){
male = "selected";
}else
if(gender === "Female"){
female = "selected";
}else
if(gender === "Transgender"){
trans = "selected";
}
var passname = passname.replace(/_/g," ");
$.ajax({
type: "POST",
url:"<?php echo base_url('index.php/Package_ticket/get_boarding_data'); ?>",
data: {packid:packid,boarding:boarding},
success: function(data){
var rslt = JSON.parse(data);
var input_line = "<table class='table table-striped'><tbody><tr><td><label>Name</label><input id='pass_name' class='form-control alpha' value='"+passname+"'></td><td><label>Mobile</label><input id='pass_mobile' class='form-control number' value='"+mobile+"'></td><td><label>Age</label><input id='pass_age' class='form-control number' value='"+passage+"'></td><td><label>Gender</label><Select id='pass_gender' class='form-control'><option value=''>-- Gender --</option><option value='Male' "+male+">Male</option><option value='Female' "+female+">Female</option><option value='Transgender' "+trans+">Transgender</option></select></td><td><label>Boarding</label><Select id='boarding' class='form-control'>"+rslt.option+"</select></td><td><button style='float: right;margin-top: 20px;' class='btn btn-info btn-sm cls' id='update' onclick=update_passenger("+passid+","+orderid+")>Update</button></td><tr></tbody></table>";
$('#lead_model_body').html(input_line);
$('#detail_list_model').modal('show');
},
});
}
function update_passenger(passid,orderid){
var pass_name = $("#pass_name").val();
var pass_mobile = $("#pass_mobile").val();
var pass_age = $("#pass_age").val();
var pass_gender = $("#pass_gender").val();
var boarding = $("#boarding").val();
var can_process = true;
if($("#pass_name").val() == "" && $("#pass_name").val().length < 1) {
$("#pass_name").addClass('error');
can_process = false;
}else{
$("#pass_name").removeClass('pass_name');
}
if($("#pass_mobile").val() == "" && $("#pass_mobile").val().length < 1) {
$("#pass_mobile").addClass('error');
can_process = false;
} else {
$("#pass_mobile").removeClass('error');
}
if($("#pass_age").val() == "" && $("#pass_age").val().length < 1) {
$("#pass_age").addClass('error');
can_process = false;
} else {
$("#pass_age").removeClass('error');
}
if($("#pass_gender").val() == "" && $("#pass_gender").val().length < 1) {
$("#pass_gender").addClass('error');
can_process = false;
} else {
$("#pass_gender").removeClass('error');
}
if($("#boarding").val() == "" && $("#boarding").val().length < 1) {
$("#boarding").addClass('error');
can_process = false;
} else {
$("#boarding").removeClass('error');
}
if(can_process){
$.ajax({
type: "POST",
url:"<?php echo base_url('index.php/Package_ticket/update_passenger'); ?>",
data: {passid:passid,pass_name:pass_name,pass_mobile:pass_mobile,pass_age:pass_age,pass_gender:pass_gender,orderid:orderid,boarding:boarding},
success: function(data){
var rslt = JSON.parse(data);
if(rslt.success){
toastr.success(rslt.message);
$('#detail_list_model').modal('hide');
view_passenger_data();
}else{
toastr.error(rslt.message);
}
},
});
}
}
</script>
<div id="table_holder">
<div id="title_bar" class="btn-toolbar">
<h1> Passengers </h1>
</div>
<div class="form-group">
<?php echo form_label("Search By", 'search_by', array('class' => 'required'));
$search_by = array('' => '--Select Search By--', '1' =>'PNR No', '2' => 'Ticket No');
echo form_dropdown(array('name' => 'search_by','id' => 'search_by','class' => 'form-control'), $search_by, '');
?>
</div>
<div class="form-group" id="search_text_div">
<?php echo form_label("Search No", 'search_text', array('class' => 'required'));
echo form_input(array(
'name' => 'search_text',
'id' => 'search_text',
'placeholder' => 'ENTER No',
'class' => 'form-control input-sm number',
'value' => $package_info->pnr)
);
?>
</div>
<div class="form-group">
<button class="btn btn-info btn-sm" id="search">Search</button>
</div>
<div id="table">
</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 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: #D8343F;
font-weight: bold;
text-transform: initial;
}
#table .btn-default {
color: #ffffff !important;
background: #D8343F;
padding: 1px 6px !important;
font-size: 12px !important;
border: none;
}
#table button{
padding: 1px;
margin: 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: #D8343F;
padding: 1px 6px !important;
font-size: 12px !important;
border: none;
}
</style>
<?php $this->load->view("partial/footer"); ?>