File: /var/www/html/pmw24/app/application/views/admin/jobhistory/list.php
<style>
.cstm_view{font-size:15px;}
</style>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
<h3>
job History
</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">
<div class="col-xs-8">
<div class="box box-primary">
<div class="box-header with-border">
<div class="admin_tab">
<ul>
<li><a href="javascript:void(0)" id="duser">Delete</a></li>
<li><a href="javascript:void(0)" id="eclient">Edit</a></li>
<li><a href="javascript:void(0)" id="vclient">View</a></li>
<li><a href="javascript:void(0);" onclick="window.history.back();">Back</a></li>
</ul>
<!-- <a href="<?php echo base_url('admin/category/content');?>" class="btn btn-sm btn-primary" style="float:right">Add Category</a> -->
<?php if($this->session->flashdata('error_msg')){?>
<span style="color:red; font-weight:bold"><?php echo $this->session->flashdata('error_msg');?></span>
<?php }?>
<?php if($this->session->flashdata('success_msg')){?>
<span style="color:green; font-weight:bold"><?php echo $this->session->flashdata('success_msg'); ?></span>
<?php }?>
</div>
</div>
<!-- /.box-header -->
<div class="box-body table-responsive">
<table id="example1" class="table table-bordered table-striped">
<thead>
<tr>
<th class="no-sort"><input type="checkbox" id="checkAll"></th>
<th>Category</th>
<th>Job Date</th>
<th>Client Name</th>
<th>Job Address</th>
<th>Job Location</th>
<th>Note</th>
</tr>
</thead>
<tbody>
</tbody>
<tfoot>
</tfoot>
</table>
</div>
<!-- /.box-body -->
</div>
<!-- /.box -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
</section>
<!-- /.content -->
</div>
<!-- Modal -->
<div class="modal" id='myModal'>
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span></button>
<h4 class="modal-title">Message</h4>
</div>
<div class="modal-body" id='modalContent' title="">
<!-- <p>Would you like to continue ?</p>-->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default pull-left" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-primary" data-dismiss="modal" id="cdel">Ok</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<div class="modal" id='myModalinactive'>
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span></button>
<h4 class="modal-title">Message</h4>
</div>
<div class="modal-body" id='modalContentinactive' title="">
<!-- <p>Would you like to continue ?</p>-->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default pull-left" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-primary" data-dismiss="modal" id="inactive">Ok</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- Modal -->
<!-- Modal -->
<div class="modal" id='myModalmdelete'>
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span></button>
<h4 class="modal-title">Message</h4>
</div>
<div class="modal-body" id='modalContentmdelete' title="">
<!-- <p>Would you like to continue ?</p>-->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default pull-left" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-primary" data-dismiss="modal" id="mdel">Ok</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<div class="modal" id='myModal2'>
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span></button>
<h4 class="modal-title">Job Details</h4>
</div>
<div class="modal-body" id='modalContent2' title="" style="height:50%">
<!-- <p>Would you like to continue ?</p>-->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal" id="cdel2">Ok</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<div class="modal" id='myModalnotify'>
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span></button>
<h4 class="modal-title">Message</h4>
</div>
<div class="modal-body" id='modalContentnotify' title="">
<textarea class="form-control" rows="5" id="comment"></textarea>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal" id="send_notify">Send</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<div class="modal" id='myModalshow'>
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span></button>
<h4 class="modal-title">Message</h4>
</div>
<div class="modal-body" id='modalContentshow' title="">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal" >ok</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- Modal -->
<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>
$(document).ready(function() {
//debugger;
table = $('#example1').DataTable({
"pageLength": 100,
"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/jobhistory/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[2]){
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'); ?>');
}
});
}
});
$(document).on( "click",'#delete.cstm_view',function() {
$('#modalContent').html('<p>Would you like to continue ?</p>');
var id=$(this).prop('title');
$('#modalContent').attr('title',id);
$('#myModal').modal('show');
});
$(document).on('click','#cdel',function(){
var id=$('#modalContent').prop('title');
$.ajax({
type: "POST",
url: '<?php echo base_url('admin/job/del')?>',
data: 'job_id='+id,
dataType:'json',
success: function(response){
$('#modalContent').html(response.message);
$('#myModal').modal('show');
setTimeout(function(){
$('#myModal').modal('hide')
},400);
window.location.reload('<?php echo base_url('admin/cms'); ?>');
},
error:function(response){
$('#modalContent').html(response.message);
$('#myModal').modal('show');
setTimeout(function(){
$('#myModal').modal('hide')
},400);
}
});
});
$(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(){
}
});
});
$(document).on( "click",'#notify.cstm_view',function() {
var id=$(this).prop('title');
$('#modalContentnotify').attr('title',id);
$('#myModalnotify').modal('show');
});
$(document).on('click','#send_notify',function(){
var id=$('#modalContentnotify').prop('title');
var comment = $('#comment').val();
$.ajax({
type:'POST',
url :'<?php echo base_url('admin/job/send_special_notification');?>',
data:'job_id='+id+'&comment='+comment,
dataType:'json',
success:function(result){
$('#modalContentshow').html(result.notify_message);
$('#myModalshow').modal('show');
},error:function(){
}
});
});
$(document).on( "click",'#active.cstm_view_status',function() {
var p = $(this);
p.html('---');
p.css("color", "green");
var id=$(this).prop('title');
$.ajax({
type: "POST",
url: '<?php echo base_url('admin/usersetting/inactive')?>',
data: 'user_id='+id,
dataType:'json',
success: function(response){
p.attr("id", "inactive");
p.text('Disapproved');
p.css("color","red");
//window.location.reload('<?php echo base_url('admin/feedback'); ?>');
}
});
});
$(document).on( "click",'#inactive.cstm_view_status',function() {
var pactive = $(this);
pactive.html('---');
pactive.css("color","red");
var id=$(this).prop('title');
$.ajax({
type: "POST",
url: '<?php echo base_url('admin/usersetting/active')?>',
data: 'user_id='+id,
dataType:'json',
success: function(response){
pactive.attr("id", "active");
pactive.text('Approved');
pactive.css("color", "green");
//pactive.html('<a class="cstm_view_status_active" id="active" style="color:green" href="javascript:void(0)" title="'+id+'">Active</a>');
//window.location.reload('<?php echo base_url('admin/feedback'); ?>');
}
});
});
});
$(document).ready(function(){
$("#client_address").html('<option value="">Select</option>');
$("#client_phone").html('<option value="">Select</option>');
$("#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){
}
});
});
$(document).on( "click",'#eclient',function(){
var ids = [];
$('#example1 input[type=checkbox]:checked').each(function () {
ids.push($(this).attr('title'));
});
if(ids.length === 0){
alert('Please Select atleast one Check Box to Edit');
}else if(ids.length === 2)
{
alert('Please Select one Check Box to Edit');
}else{
window.open("<?php echo base_url();?>admin/jobhistory/details/"+ids,"_self")
}
});
$(document).on( "click",'#vclient',function(){
var ids = [];
$('#example1 input[type=checkbox]:checked').each(function () {
ids.push($(this).attr('title'));
});
if(ids.length === 0){
alert('Please Select atleast one Check Box to Edit');
}else if(ids.length === 2)
{
alert('Please Select one Check Box to Edit');
}else{
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='+ids,
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(){
}
});
}
});
});
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();
}
}
$('#job_date').datepicker({
maxDate: '0',
multidate: true,
format: 'yyyy-mm-dd'
});
$(function () {
$(".timepicker").timepicker({
showInputs: false
});
});
$( "#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>