File: /var/www/html/pmw24/app/application/views/admin/jobhistory/detail.php
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/css/bootstrap-datepicker3.css"/>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-timepicker/0.5.2/js/bootstrap-timepicker.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-timepicker/0.5.2/css/bootstrap-timepicker.css"/>
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> -->
<script src="<?php echo base_url()?>/public/validation/js/jquery.validate.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
<h3>
Job Settings
</h3>
<!--<ol class="breadcrumb">
<li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
<li class="active">Dashboard</li>
</ol>-->
</section>
<!-- Main content -->
<section class="content">
<div class="row">
<!-- general form elements -->
<div class="col-md-12">
<div class="admin-tab-wrapper">
<div class="admin_tab">
<ul>
<li><a href="<?php echo base_url('admin/jobhistory');?>">Back</a></li>
</ul>
</div>
</div>
<div class="box box-primary">
<div class="box-header with-border">
<h3 class="box-title"></h3>
<?php if($this->session->flashdata('error_msg')){?>
<div class="alert alert-warning alert-dismissible hite" style="height:60px;">
<button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
<h4><i class="icon fa fa-warning"></i><?php echo $this->session->flashdata('error_msg'); ?></h4>
</div>
<?php }?>
<?php if($this->session->flashdata('success_msg')){?>
<div class="alert alert-success alert-dismissible hite" style="height:60px;">
<button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
<h4><i class="icon fa fa-warning"></i><?php echo $this->session->flashdata('success_msg'); ?></h4>
</div>
<?php }?>
</div>
<!-- /.box-header -->
<!-- form start -->
<form role="form" id="categoryform" class="mtbresize" method="post" action="<?php echo base_url('admin/jobhistory/contenta');?>" enctype="multipart/form-data" autocomplete="off">
<div class="box-body">
<?php if(!empty($client_list)){?>
<div class="form-group">
<label>Client Name<sup class="superr">*</sup></label>
<select class="form-control" id="select_client_name" name="client_name">
<option value="">Select</option>
<?php foreach($client_list as $client){?>
<option value="<?php echo $client['client_name'];?>" <?php if($client['client_name'] == $cms['client_name']){echo "selected";}?> title="<?php echo $client['client_name'];?>"><?php echo $client['client_name'];?></option>
<?php } ?>
</select>
<?php echo form_error('client_name','<span class="error">', '</span>'); ?>
</div>
<?php }?>
<div class="form-group">
<label for="client_address">Client Address<sup class="superr">*</sup></label>
<select class="form-control" id="client_address" name="client_address" >
<?php foreach($address_list as $address){ ?>
<option value="<?php echo $address['client_address'];?>" <?php if($address['client_address'] == $cms['job_address']){echo "selected";} ?>><?php echo $address['client_address'];?></option>
<?php } ?>
</select>
<?php echo form_error('client_address','<span class="error">', '</span>'); ?>
</div>
<div class="form-group">
<label>Location<sup class="superr">*</sup></label>
<select class="form-control" required="required" name="city_id">
<option value="">Select</option>
<?php foreach($city_list as $city){?>
<option value="<?php echo $city['city_id']; ?>" title="<?php echo $city['name'];?>" <?php if($cms['city_id'] == $city['city_id']){echo "selected";}?> ><?php echo $city['name'];?></option>
<?php } ?>
</select>
<?php echo form_error('city_id','<span class="error">', '</span>'); ?>
</div>
<div class="form-group">
<label for="category">Category<sup class="superr">*</sup></label>
<select class="form-control" id="select_sub_category" required="required" name="category_id">
<option value="">Select</option>
<?php foreach($parent_categories as $parent_category){?>
<option value="<?php echo $parent_category['category_id']; ?>" title="<?php echo $parent_category['category_name'];?>" <?php if($parent_category['category_id'] == $cms['cat_id']){echo "selected";}?>><?php echo $parent_category['category_name'];?></option>
<?php } ?>
</select>
<?php echo form_error('category_id','<span class="error">', '</span>'); ?>
</div>
<div class="form-group">
<label for="sub_category">Sub Category<sup class="superr">*</sup></label>
<select class="form-control" id="sub_category" name="sub_category_id" required="required">
<?php foreach($sub_categories as $sub_categories_p){ ?>
<option value="<?php echo $sub_categories_p['category_id'];?>" <?php if($sub_categories_p['category_id'] == $cms['sub_cat_id']){echo "selected";} ?>><?php echo $sub_categories_p['category_name'];?></option>
<?php } ?>
</select>
</div>
<?php echo form_error('sub_category_id','<span class="error">', '</span>'); ?>
<div class="form-group">
<label for="job_date">Job Date<sup class="superr">*</sup></label>
<div class='input-group date'>
<input type='text' class="form-control" placeholder="Job Date" id="job_date" value="<?php echo date("d/m/y");?>" name="job_date"/>
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
<div class="form-group">
<label>Start Time<sup class="superr">*</sup></label>
<div class="input-group">
<input type="text" name="job_start_time" id="job_start_time" placeholder="Job Start Time" value="<?php echo $cms['job_start_time'];?>" class="form-control timepicker">
<div class="input-group-addon">
<i class="fa fa-clock-o"></i>
</div>
</div>
<?php echo form_error('job_start_time','<span class="error">', '</span>'); ?>
</div>
<div class="form-group">
<label>End Time<sup class="superr">*</sup></label>
<div class="input-group">
<input type="text" name="job_end_time" id="job_end_time" placeholder="Job End Time" value="<?php echo $cms['job_end_time'];?>" class="form-control timepicker">
<div class="input-group-addon">
<i class="fa fa-clock-o"></i>
</div>
</div>
<?php echo form_error('job_end_time','<span class="error">', '</span>'); ?>
</div>
<!-- /.box-body -->
<div class="box-footer">
<!-- <input type="hidden" name="job_id" value="<?php echo $cms['job_id']; ?>" /> -->
<button type="submit" class="btn btn-sm btn-primary">Submit</button>
</div>
</form>
</div>
<!-- /.box -->
</div><!-- /.row -->
</section><!-- /.content -->
</div><!-- /.content-wrapper -->
<script src="<?php echo base_url()?>public/admin_assets/plugins/datatables/jquery.dataTables.min.js"></script>
<script src="<?php echo base_url()?>public/admin_assets/plugins/datatables/dataTables.bootstrap.min.js"></script>
<script>
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$('#blah').attr('src', e.target.result);
}
reader.readAsDataURL(input.files[0]);
}
}
$("#imgInp").change(function(){
readURL(this);
});
$(document).ready(function(){
table = $('#example1').DataTable({
"processing": true, //Feature control the processing indicator.
"serverSide": true, //Feature control DataTables' server-side processing mode.
"order": [], //Initial no order.
// Load data for the table's content from an Ajax source
"ajax": {
"url": "<?php echo site_url('admin/job/all_content_list')?>",
"type": "POST"
},
//Set column definition initialisation properties.
"columnDefs": [
{
"targets": 'no-sort', //1st and last column
"orderable": false, //set not orderable
},
],
"fnRowCallback": function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) {
switch(aData[3]){
case 'Nursing':
$(nRow).css('color', 'red')
break;
case 'Hospitality':
$(nRow).css('color', 'green')
break;
case 'Catering':
$(nRow).css('color', 'blue')
break;
case 'Others':
$(nRow).css('color', 'Violet')
break;
}
}
});
var dtable = $("#example1").dataTable().api();
$(".dataTables_filter input")
.unbind() // Unbind previous default bindings
.bind("input", function(e) { // Bind our desired behavior
// If the length is 3 or more characters, or the user pressed ENTER, search
if(this.value.length >= 3 || e.keyCode == 13) {
// Call the API search function
dtable.search(this.value).draw();
}
// Ensure we clear the search if they backspace far enough
if(this.value == "") {
dtable.search("").draw();
}
return;
});
$(document).on( "click",'#duser',function(){
$('#modalContentmdelete').html('<p>Would you like to continue ?</p>');
var id=$(this).prop('title');
$('#modalContentmdelete').attr('title',id);
$('#myModalmdelete').modal('show');
});
$("#checkAll").change(function () {
$("#example1 input[type=checkbox]").prop('checked', $(this).prop("checked"));
});
$(document).on('click','#mdel',function(){
var ids = [];
$('#example1 input[type=checkbox]:checked').each(function () {
ids.push($(this).attr('title'));
});
if(ids.length === 0){
alert('Please Select Check Box to Delete');
}else{
$.ajax({
type: "POST",
url: '<?php echo base_url('admin/job/multiple_del')?>',
data: 'job_ids='+ids,
dataType:'json',
success: function(response){
$('#modalContentmdelete').html(response.message);
$('#myModalmdelete').modal('show');
setTimeout(function(){
$('#myModalmdelete').modal('hide')
},400);
window.location.reload('<?php echo base_url('admin/usersetting'); ?>');
}
});
}
});
$("#cline_name_text_div").hide();
$("#cline_address_text_div").hide();
$("#cline_phone_text_div").hide();
//$("#sub_category").html('<option value="">Select</option>');
$("#select_sub_category").change(function(){
var content ='<option value="">Select</option>';
var selectedCategoryID = $("#select_sub_category option:selected").val();
$("#sub_category_div").show();
$.ajax({
type: "POST",
url: '<?php echo base_url('admin/usersetting/get_sub_category')?>',
data: 'category_id='+selectedCategoryID,
dataType:'json',
success: function(result){
if(result.sub_category.length > 0){
$.each( result.sub_category, function( key, value ) {
content+='<option value="'+value.category_id+'">'+value.category_name+'</option>';
$("#sub_category").html(content);
});
}else{
content+='<option value="">Select</option>';
$("#sub_category").html(content);
}
},
error:function(result){
}
});
});
$('#select_client_name').change(function(){
var content ='<option value="">Select</option>';
var contentp ='<option value="">Select</option>';
var selectedClientName = $("#select_client_name option:selected").attr('title');
$.ajax({
type: "POST",
url: '<?php echo base_url('admin/job/get_client_address')?>',
data: 'client_name='+selectedClientName,
dataType:'json',
success: function(result){
if(result.client_addresss.length > 0){
$.each( result.client_addresss, function( key, value ) {
content+='<option value="'+value.client_address+'">'+value.client_address+'</option>';
contentp+='<option value="'+value.client_phone_no+'">'+value.client_phone_no+'</option>';
$("#client_address").html(content);
//alert(content);
$("#client_phone").html(contentp);
});
}else{
content+='<option value="">Select</option>';
contentp+='<option value="">Select</option>';
$("#client_address").html(content);
$("#client_phone").html(contentp);
}
},
error:function(result){
}
});
});
});
function checkclientname()
{
var checkbox = document.getElementById('fluency');
if (checkbox.checked == true)
{
$("#cline_name_text_div").show();
}else{
$("#cline_name_text_div").hide();
}
}
function checkclientaddress()
{
var checkbox = document.getElementById('address');
if (checkbox.checked == true)
{
$("#cline_address_text_div").show();
}else{
$("#cline_address_text_div").hide();
}
}
function checkclientphone()
{
var checkbox = document.getElementById('phone');
if (checkbox.checked == true)
{
$("#cline_phone_text_div").show();
}else{
$("#cline_phone_text_div").hide();
}
}
var nowDate = new Date();
var today = new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), 0, 0, 0, 0);
$('#job_date').datepicker({
startDate: today,
format: 'dd/mm/yyyy'
});
$(function () {
$(".timepicker").timepicker({
showInputs: false
});
});
$(document).on( "click",'#view.cstm_view',function() {
var id=$(this).prop('title');
var content='<div class="box-body"><table class="table table-bordered">';
$.ajax({
type:'POST',
url :'<?php echo base_url('admin/job/all_details');?>',
data:'job_id='+id,
dataType:'json',
success:function(result){
content+='<tr><td>Job Title</td> <td>'+result.job_title+'</td></tr>';
content+='<tr><td>Job Description</td> <td>'+result.job_description+'</td></tr>';
content+='<tr><td>Category Name</td> <td>'+result.parent_category.category_name+'</td></tr>';
content+='<tr><td>Sub Category Name</td> <td>'+result.category.category_name+'</td></tr>';
content+='<tr><td>Job Date</td> <td>'+result.job_date+'</td></tr>';
content+='<tr><td>Job Start Time</td> <td>'+result.job_start_time+'</td></tr>';
content+='<tr><td>Job End Time</td> <td>'+result.job_end_time+'</td></tr>';
content+='<tr><td>Client Name</td> <td>'+result.client_name+'</td></tr>';
content+='<tr><td>Client Phone No</td> <td>'+result.client_phoneno+'</td></tr>';
content+='<tr><td>Client Address</td> <td>'+result.job_address+'</td></tr>';
content+='<tr><td>Location</td> <td>'+result.location.name+'</td></tr>';
content+='</table></div>';
$('#modalContent2').html(content);
$('#myModal2').modal('show');
},error:function(){
}
});
});
$( "#signupForm" ).validate( {
rules: {
job_title: "required",
category_id: "required",
job_date : "required",
//client_phone_no : "requierd",
type_of_work : "requierd"
},
messages: {
job_title: "Job Title field is required",
job_date: "Job Date field is requierd",
category_id: "Category field is required",
//client_phone_no : "Client Phone No field is required",
type_of_work : "Type Of Work Field is requierd"
},
errorElement: "em",
/*errorPlacement: function ( error, element ) {
// Add the `help-block` class to the error element
error.addClass( "help-block" );
if ( element.prop( "type" ) === "checkbox" ) {
error.insertAfter( element.parent( "label" ) );
} else {
error.insertAfter( element );
}
},*/
highlight: function ( element, errorClass, validClass ) {
$( element ).parents( ".form-control" ).addClass( "has-error" ).removeClass( "has-success" );
},
unhighlight: function (element, errorClass, validClass) {
$( element ).parents( ".form-control" ).addClass( "has-success" ).removeClass( "has-error" );
}
} );
</script>