Added search function and frontend of add contacts

This commit is contained in:
Aqeeb Imtiaz Harun
2018-06-12 13:45:51 +08:00
parent 3c1f2c522d
commit eee806bd6d
2 changed files with 48 additions and 10 deletions
+2 -9
View File
@@ -23,15 +23,8 @@ class CompanyController extends Controller
{
foreach ($matchedTerms as $key => $matchedTerm)
{
array_push($output,
'<li style="display: show;">
<a href="#">
<i class="fa fa-user"></i>' . $matchedTerm->company_name .
'<span class="list-item-title-role" style="margin-top:-10px">' . $matchedTerm->tel_no . '</span>
<br>
<span class="list-item-title-role" style="margin-top:-10px">' . $matchedTerm->contact_person . '</span>
</a>
</li> <br>');
array_push($output, ['company_name' => $matchedTerm->company_name, 'tel_no' => $matchedTerm->tel_no,
'contact_person'=>$matchedTerm->contact_person ]);
}
return response($output);
+46 -1
View File
@@ -84,6 +84,45 @@
</div>
<!-- Wrapper Content End Here -->
<div class="popup-overlay" id="formPopup5" style="display: none">
<!-- if you dont want overlay add class .no-overlay -->
<div class="popup-container">
<div class="popup-header">
<h3 class="popup-title" >Add a Contact</h3>
<span class="popup-close" data-dismiss="true"><i class="fa fa-times"></i></span>
</div>
<div class="popup-content">
<div class="form-row-group with-icons-no-padding">
<div class="form-row no-padding">
<div class="form-element-title">
<label style="color: #000">Company Name</label>
</div>
</div>
<div class="form-divider"></div>
<div class="form-row no-padding">
<div class="form-element-title">
<label style="color: #000">Telephone number</label>
</div>
</div>
<div class="form-divider"></div>
<div class="form-row no-padding">
<div class="form-element-title">
<label style="color: #000">Contact Person</label>
</div>
</div>
<div class="form-divider"></div>
</div>
</div>
<div class="popup-footer">
<button class="button blue" id="addContact" data-dismiss="true">Add Contact</button>
</div>
</div>
</div>
<!-- Required For All Pages, Otherwise Ugly Others Function Won't Work -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="js/global.script.js"></script>
@@ -100,8 +139,9 @@
data: {search: $('#search').val()},
success:function(data){
console.log(data);
for(i=0; i<data.length; i++){
$('#AddCompany').append(data[i] + "<br/>");
$('#AddCompany').append('<li style="display: show;"> <a href="#" onclick="displayCompany()"> <i class="fa fa-user"></i>' + data[i].company_name + '<span class="list-item-title-role" style="margin-top:-10px">' + data[i].tel_no + '</span> <br> <span class="list-item-title-role" style="margin-top:-10px">'+ data[i].contact_person);
}
//$('#AddCompany').show();
},
@@ -111,6 +151,11 @@
});
})
function displayCompany(){
$('#formPopup5').show();
}
// function CSearch() {
// // Declare variables
// var input, filter, ul, li, a, i;