EVOLUTION-NINJA

Edit File: potential_contact_mapping.php

<?php $this->load->view('includes/admin_header');?>

<li><a href="<?php echo site_url("back-potential-info/$potential_details->potential_id");?>"><i class="fa fa-long-arrow-left fa-2x"></i></a></li>

<li><h4>Contact Roles Mapping</h4></li>

</ul>

</div>

<div>

<thead>

<th>Contact Name</th>

<th>Account Name</th>

<th>Contact Roles</th>

</tr>

</thead>

<tr>

</tr>

</tbody>

</table>

<a href="javascript:void(0);" class="add_new"><b>More Contact</b></a>

</div>

</div>

</div>

</div>

</div>

</div>

<!--[if IE]>

<![endif]--

<!-- <script src="https://code.jquery.com/jquery-1.12.4.js"></script>

<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>

<h4 class="modal-title">Contact Roles Mapping</h4>

</div>

<thead>

<tr>

<th>Contact Name</th>

<th>Account Name</th>

<th>Contact Roles</th>

</tr>

</thead>

<tbody>

<tr>

<td>

<option value="">Select</option>

<option value="">Developer/Evaluator</option>

<option value="">Decision Maker</option>

<option value="">Purchasing</option>

<option value="">Executive Sponsor</option>

<option value="">Engineering Lead</option>

<option value="">Economic Decision Maker</option>

<option value="">Product Management</option>

</select>

</td>

<td class="">More Contact</td>

</tr>

</tbody>

</table>

<table>

<thead>

<tr>

</tr>

</thead>

</table>

</div>

<button type="button" class="btn btn-default btn-sm" data-dismiss="modal">Close</button>

<button type="button" class="btn btn-primary btn-sm">Save changes</button>

</div>

</div>

</div>

</div>

<!-- <select>

<option value="">Related Contacts</option>

<option value="">All Contacts</option>

</select> -->

</div>

</div>

<button class="btn btn-primary btn-sm" style="float:right;" data-toggle="modal" data-target="#test-modal-3">New Contact</button>

</div>

<thead>

<th>Account Name</th>

<th>Phone</th>

<th>Website</th>

<th>Account Owner</th>

</thead>

<?php foreach ($accounts_data as $value) { ?>

<tr>

<td><input type="radio" class="select_name" name="select1" value="<?php echo $value->account_id; ?>"></td>

<td><a><?php echo $value->account_name;?></a></td>

<td><?php echo $value->phone;?></td>

<td><?php echo $value->website;?></td>

</tr>

<?php }?>

</tbody>

</table>

</div>

</div>

<button type="reset" class="btn btn-default btn-sm" data-dismiss="modal">Close</button>

<button type="submit" id="account_select" class="btn btn-primary btn-sm" class="btn btn-default" data-dismiss="modal">Save changes</button>

</div>

</div>

</div>

</div>

<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>

<h4 class="modal-title">Quick Create: Contact</h4>

</div>

<input type="hidden" value="<?php echo $potential_details->potential_id; ?>" name="potential_id">

<input type="hidden" value="<?php echo $potential_details->potential_owner; ?>" name="potential_owner">

<label>First Name</label>

</div>

</div>

</div>

</div>

<label>Account Name</label>

</div>

</div>

</div>

</div>

<label>Phone</label>

</div>

</div>

<button type="reset" class="btn btn-default btn-sm" id="contact_close" data-dismiss="modal">Close</button>

</div>

</div>

</form>

</div>

</div>

<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>

</div>

<thead>

<th>Account Name</th>

<th>Phone</th>

<th>Website</th>

<th>Account Owner</th>

</thead>

<?php foreach ($accounts_data as $value) { ?>

<tr>

<td><a onclick="account(<?php echo $value->account_id; ?>)">

<?php echo $value->account_name;?></a><input type="hidden" value="<?php echo $value->account_id; ?>" class="account_id<?php echo $value->account_id; ?>"></td>

<td><?php echo $value->phone;?></td>

<td><?php echo $value->website;?></td>

</tr>

<?php }?>

</tbody>

</table>

</div>

</div>

</div>

</div>

</body>

</html>

$(document).ready(function() {

$("#account_name").autocomplete({

source: '<?php echo site_url('yaskawa/auto_complete_account_name'); ?>',

});

$('#contact_close').click(function(){

$("input[name='potential_id']").val('');
			$("input[name='potential_owner']").val('');
			$("input[name='first_name']").val('');
			$("input[name='last_name']").val('');
			$("input[name='account_id']").val('');
			$("input[name='account_name']").val('');
			$("input[name='email']").val('');
			$("input[name='phone']").val('');

});

</script>

$('#search').focusout(function(e){

e.preventDefault();

var search=$("input[name='search']").val();

$.ajax({

type:'POST',

data:{'search':search},

url:'<?php echo site_url('yaskawa/potential_search'); ?>',

success:function(response){

var res=jQuery.parseJSON(response);

console.log(response);

var content='';

if(res.result==1)

{

$.each(res.search_data,function(idx,vx)

{

content+='<tr>';

content+='<td><input  type="radio" class="select_name" name="select1" value='+vx.account_id+'></td>';

content+='<td><a>'+vx.account_name+'</a></td>';

content+='<td>'+vx.phone+'</td>';

content+='<td>'+vx.website+'</td>';

content+='<td>'+vx.account_owner+'</td>';

content+='</tr>';

$("#searching_data").html(content);

});

}

else if(res.result==1)

{

$("#searching_data").empty();

}

});

$('#search1').focusout(function(e){

e.preventDefault();

var search1=$("input[name='search1']").val();

$.ajax({

type:'POST',

data:{'search':search1},

url:'<?php echo site_url('yaskawa/potential_search'); ?>',

success:function(response){

var res=jQuery.parseJSON(response);

console.log(response);

var content='';

if(res.result==1)

{

$.each(res.search_data,function(idx,vx)

{

content+='<tr>';

content+='<td><a>'+vx.account_name+'</a></td>';

content+='<td>'+vx.phone+'</td>';

content+='<td>'+vx.website+'</td>';

content+='<td>'+vx.account_owner+'</td>';

content+='</tr>';

});

console.log(content);

$("#searching_data1").html(content);

}

else if(res.result==1)

{

$("#searching_data1").empty();

}

});

$(document).ready(function(){

$('#save').hide();

$("#save").click(function(){

var chk_account_id=$("input[name='chk_account_id']").val();

var contact_roles=$("select[name='contact_roles']").val();

$.ajax({

type:'POST',

data:{'account_id':chk_account_id,'contact_roles':contact_roles},

url:'<?php echo site_url('yaskawa/contact_update'); ?>',

success:function(response){

response=jQuery.parseJSON(response);

console.log(response);

if(response.result == 1){

alert("Update Successfully");

location.reload();

}else{

alert("Date not update");

}

});

$(document).ready(function(){

$("#quick_contact").submit(function(e){

e.preventDefault();

formdata = new FormData($(this)[0]);

$.ajax({

type   : 'post',

url    : '<?php echo site_url("yaskawa/quick_contact")?>',

data   : formdata,

contentType: false,

processData: false,

success:function(response){

response=jQuery.parseJSON(response);

console.log(response);

if(response.result == 1)

{

alert("Added Successfully");

$('input[name=first_name]').val("");

$('input[name=last_name]').val("");

$('input[name=account_id]').val("");

$('input[name=account_name]').val("");

$('input[name=email]').val("");

$('input[name=phone]').val("");

$('#test-modal-3').model('hide');

}

else

{

alert("Something went wrong..Try again");

}

});

</script>

.search1 input[type=text] {

width:95%;

box-sizing: border-box;

border: 2px solid #ccc;

border-radius: 4px;

font-size: 16px;

background-color: white;

background-image: url('img/searchicon.png');

background-position: 10px 10px;

background-repeat: no-repeat;

//padding: 12px 20px 12px 40px;

-webkit-transition: width 0.4s ease-in-out;

transition: width 0.4s ease-in-out;

}

.search1 input[type=text]:focus {

width: 95%;

}

.hoverr:hover .addd {

display:block;

}

.addd{

display:none;

}

.add_more{

padding: 0px 7px !important;

font-size: 12px !important;

}

#block{

display:none;padding-left:10px;

}

.pd-7{

padding-right:7px !important;

padding-left:7px !important;

}

.pd-9{

padding:2px 9px !important;

}

.container{

margin-top:20px;

}

.filter-col{

padding-left:10px;

padding-right:10px;

}

.panel-body{

padding: 10px 0px 10px 2px!important;

}
</style>

function account(key){

var account_id=$('.account_id'+key).val();

$.ajax({

type:'POST',

data:{'account_id':account_id},

url:'<?php echo site_url('yaskawa/mapping_details'); ?>',

success:function(data){

var objData = jQuery.parseJSON(data);

account_id=objData.account_id;

account_name=objData.account_name;

$('input[name=account_id]').val(account_id);

$('input[name=account_name]').val(account_name);

$("#test-modal-4").modal("hide");

}

});

}

$("#account_select").click(function(){

var account_id=$("input[name='select1']:checked").val();

$.ajax({

type:'POST',

data:{'account_id':account_id},

url:'<?php echo site_url('yaskawa/mapping_details'); ?>',

success:function(data){

var objData = jQuery.parseJSON(data);

account_id=objData.account_id;

account_name=objData.account_name;

$('input[name=chk_account_id]').val(account_id);

$('input[name=contact_name]').val(account_name);

$("#test-modal-2").modal("hide");

}

});
			});

</script>

// Insert new row

$(".add_new").click(function (){

var tbody = $(".table tbody");

var content = '';

content += '<tr>';

content += '<td><input type="checkbox" name="chk_account_id"></td>';

content += '<td><input type="text" name="contact_name">&nbsp;&nbsp;&nbsp;<img src="<?php echo base_url('admin_assets/img/phone-book.jpg');?>" style="width:25px;" data-toggle="modal" data-target="#test-modal-2"></td>';

content += '<td><input type="hidden"></td>';

content += '<td><select name="contact_roles"><option value="">Select</option><option value="Developer/Evaluator">Developer/Evaluator</option><option value="Decision Maker">Decision Maker</option><option value="Purchasing">Purchasing</option><option value="Executive Sponsor">Executive Sponsor</option><option value="Engineering Lead">Engineering Lead</option><option value="Economic Decision Maker">Economic Decision Maker</option><option value="Product Management">Product Management</option></select>&nbsp;&nbsp;&nbsp;<a href="javascript:void(0);" class="more_contact">More Contact</a></td>';

content += '<td><a class="remove_amount" href="javascript:void(0);"><i class="fa fa-times" ></i></a></td>';

content += '</tr>';

$("#tbody").append(content);

$('.add_new').hide();

$('#save').show();

$(document).on('click','.more_contact',function(){

if ($.trim($('.table tbody').text())=="") {

$('.add_new').show();

}

var content1 = '';

content1 += '<tr>';

content1 += '<td><input type="checkbox"></td>';

content1 += '<td><input type="text">&nbsp;&nbsp;&nbsp;<img src="<?php echo base_url('admin_assets/img/phone-book.jpg');?>" style="width:25px;" data-toggle="modal" data-target="#test-modal-2"></td>';

content1 += '<td><input type="text" hidden></td>';

content1 += '<td><select id=""><option value="">Select</option><option value="Developer/Evaluator">Developer/Evaluator</option><option value="Decision Maker">Decision Maker</option><option value="Purchasing">Purchasing</option><option value="Executive Sponsor">Executive Sponsor</option><option value="Engineering Lead">Engineering Lead</option><option value="Economic Decision Maker">Economic Decision Maker</option><option value="Product Management">Product Management</option></select>&nbsp;&nbsp;&nbsp;<a href="javascript:void(0);" class="more_contact">More Contact</a></td>';

content1 += '<td><a class="remove_amount" href="javascript:void(0);"><i class="fa fa-times" ></i></a></td>';

content1 += '</tr>';

$("#tbody").append(content1);

});

// Find and remove selected table rows

$(".delete-row").click(function(){

$("table tbody").find('input[name="record"]').each(function(){

if($(this).is(":checked")){

$(this).parents("tr").remove();

}

});

$(document).on('click','.remove_amount',function(){

$(this).closest('tr').remove();

});	
</script>

<?php $this->load->view('includes/admin_footer');?>