mirror of
https://gitlab.com/CIEFWorldwideSdnBhd/izyim-api.git
synced 2026-08-24 23:14:02 +00:00
Aqeeb Imtiaz Harun
261 lines
11 KiB
HTML
261 lines
11 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>AzureUI - CONTACT</title>
|
|
<link href="https://fonts.googleapis.com/css?family=Nunito:400,600,700,900" rel="stylesheet">
|
|
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
|
|
<link rel="stylesheet" type="text/css" href="css/global.style.css">
|
|
<style>
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<!-- Wrapper Content Start Here -->
|
|
<div class="wrapper">
|
|
<!-- Wrapper Inline Start Here -->
|
|
<div class="wrapper-inline">
|
|
<header style="background-color: #FFF">
|
|
<a class="go-back-link" href="javascript:history.back();"><i class="fa fa-arrow-left"></i></a>
|
|
<h1 id="HT" class="page-title" style="color: #000">Contacts</h1>
|
|
<div class="navi-menu-button" onclick="sideMenu()">
|
|
<em></em>
|
|
<em></em>
|
|
<em></em>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Page Content Start Here -->
|
|
<main class="fix-top-menu">
|
|
<section class="container">
|
|
<div class="list-box">
|
|
<div id="all-contacts">
|
|
<div class="form-divider-2"></div>
|
|
<a href="search-contact.html" class="list-item">
|
|
<i class="fa fa-user-plus"></i>
|
|
<em class="seperate"></em>
|
|
<span class="list-item-title">Add Contact</span>
|
|
</a>
|
|
|
|
<a>Contacts: </a>
|
|
<div class="form-divider-2"></div>
|
|
|
|
<div id="sent-req"></div>
|
|
|
|
</div>
|
|
<div class="form-divider"></div>
|
|
<div class="form-divider"></div>
|
|
<!-- Content List Spawner End Here-->
|
|
</div>
|
|
<div class="form-fixed"></div>
|
|
|
|
</section>
|
|
</main>
|
|
<!-- Page Content End Here -->
|
|
|
|
</div>
|
|
<!-- Wrapper Inline End Here -->
|
|
|
|
</div>
|
|
<!-- Wrapper Content End Here -->
|
|
|
|
<div class="popup-overlay" id="contactPopup" style="display: none">
|
|
<!-- if you dont want overlay add class .no-overlay -->
|
|
<div class="popup-container">
|
|
<div class="popup-header">
|
|
<h3 class="popup-title">Request Pending</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">
|
|
<span style="color: #667f97;">Company Name: </span>
|
|
<label id="companyname" style="color: #667f97"></label>
|
|
</div>
|
|
</div>
|
|
<div class="form-divider"></div>
|
|
|
|
<div class="form-row no-padding">
|
|
<div class="form-element-title">
|
|
<span style="color: #667f97;">Telephone number: </span>
|
|
<label id="telno" style="color: #667f97"></label>
|
|
</div>
|
|
</div>
|
|
<div class="form-divider"></div>
|
|
|
|
<div class="form-row no-padding">
|
|
<div class="form-element-title">
|
|
<span style="color: #667f97;">Contact Person: </span>
|
|
<label id="contactpers" style="color: #667f97"></label>
|
|
</div>
|
|
</div>
|
|
<div class="form-divider"></div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="popup-footer">
|
|
<button class="button blue" id="accept-req" data-dismiss="true">Approve</button>
|
|
<button class="button red" id="rej-req" data-dismiss="true">Reject</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--POPUP HTML CONTENT START -->
|
|
<div class="popup-overlay" id="friendDetails">
|
|
<!-- if you dont want overlay add class .no-overlay -->
|
|
<div class="popup-container">
|
|
<div class="popup-header">
|
|
<h1 style="color: black">Contact Details</h1>
|
|
<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">
|
|
<span style="color: #667f97;">Company Name: </span>
|
|
<label id="approved-companyname" style="color: #667f97"></label>
|
|
</div>
|
|
</div>
|
|
<div class="form-divider"></div>
|
|
|
|
<div class="form-row no-padding">
|
|
<div class="form-element-title">
|
|
<span style="color: #667f97;">Telephone number: </span>
|
|
<label id="approved-telno" style="color: #667f97"></label>
|
|
</div>
|
|
</div>
|
|
<div class="form-divider"></div>
|
|
|
|
<div class="form-row no-padding">
|
|
<div class="form-element-title">
|
|
<span style="color: #667f97;">Contact Person: </span>
|
|
<label id="approved-contactpers" style="color: #667f97"></label>
|
|
</div>
|
|
</div>
|
|
<div class="form-divider"></div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="popup-footer">
|
|
<div class="txt-center">
|
|
<button id="del-contact" class="button red" data-dismiss="true">Delete Contact</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--POPUP HTML CONTENT END -->
|
|
|
|
<!-- 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>
|
|
<!-- Required For All Pages, Otherwise Ugly Others Function Won't Work -->
|
|
|
|
<script type="text/javascript">
|
|
//$(document).ready(function() {
|
|
function displayContacts(){
|
|
$.ajax({
|
|
type: "GET",
|
|
url: "api/contacts/display",
|
|
headers: {"Authorization": 'Bearer' + localStorage.getItem('token')},
|
|
|
|
success:function(data){
|
|
console.log(data);
|
|
data.forEach(function(entry) {
|
|
console.log(entry.status);
|
|
//console.log(entry.company_name);
|
|
if(entry.status === 0)
|
|
{
|
|
if(entry.is_me === 0){
|
|
f
|
|
}
|
|
$('#sent-req').append('<a href="#" class="list-item" onclick="displaydetails(' + "'" + entry.sender_company_name + "'" + ',' + "'" + entry.sender_tel_no + "'" + ',' + "'" + entry.sender_contact_pers + "'" + ',' + "'" + entry.contact_id + "'" + ')"><i class="fa fa-user"></i> <em class="seperate-contact"></em> <span class="list-item-title-contact" style="color:#667f97">' + entry.sender_company_name + '</span> <br /> <span class="list-item-title-contact" style="margin-top:-23px; color:#069"> Request sent </span> <span class="list-item-title-role" style="margin-top:-23px; color:#667f97">'+ entry.sender_contact_pers + '<br /> ' + entry.sender_tel_no+ '</span></a>')
|
|
|
|
}
|
|
else
|
|
{
|
|
$('#sent-req').append('<a href="#" class="list-item" onclick="displayApproved(' + "'" + entry.sender_company_name + "'" + ',' + "'" + entry.sender_tel_no + "'" + ',' + "'" + entry.sender_contact_pers + "'" + ',' + "'" + entry.contact_id + "'" + ')"><i class="fa fa-user"></i> <em class="seperate-contact"></em> <span class="list-item-title-contact" style="color:#667f97">' + entry.sender_company_name + '</span> <br /> <span class="list-item-title-contact" style="margin-top:-23px; color:#069"> Friend </span> <span class="list-item-title-role" style="margin-top:-23px; color:#667f97">'+ entry.sender_contact_pers + '<br /> ' + entry.sender_tel_no+ '</span></a>')
|
|
}
|
|
|
|
});
|
|
},
|
|
error:function(data){
|
|
console.log(data);
|
|
}
|
|
});
|
|
}
|
|
//})
|
|
window.onload = displayContacts;
|
|
function sideMenu()
|
|
{
|
|
console.log('success');
|
|
}
|
|
|
|
function displaydetails(sender_company_name, sender_tel_no, sender_contact_pers, contact_id){
|
|
$('#companyname').text(sender_company_name);
|
|
$('#telno').text(sender_tel_no);
|
|
$('#contactpers').text(sender_contact_pers);
|
|
|
|
$('#contactPopup').show();
|
|
|
|
$('#accept-req').click(function() {
|
|
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "api/contacts/accept",
|
|
headers: {"Authorization": 'Bearer' + localStorage.getItem('token')},
|
|
data: {
|
|
id: contact_id,
|
|
},
|
|
success: function(data) {
|
|
console.log(data);
|
|
location.reload();
|
|
}
|
|
})
|
|
});
|
|
|
|
$('#rej-req').click(function() {
|
|
$.ajax({
|
|
type: "DELETE",
|
|
url: "api/contacts/reject",
|
|
headers: {"Authorization": 'Bearer' + localStorage.getItem('token')},
|
|
data: {
|
|
id: contact_id,
|
|
},
|
|
success: function(data) {
|
|
console.log(data);
|
|
location.reload();
|
|
}
|
|
})
|
|
})
|
|
}
|
|
|
|
function displayApproved(sender_company_name, sender_tel_no, sender_contact_pers, contact_id){
|
|
$('#approved-companyname').text(sender_company_name);
|
|
$('#approved-telno').text(sender_tel_no);
|
|
$('#approved-contactpers').text(sender_contact_pers);
|
|
|
|
$('#friendDetails').show();
|
|
|
|
$('#del-contact').click(function() {
|
|
$.ajax({
|
|
type: "DELETE",
|
|
url: "api/contacts/reject",
|
|
headers: {"Authorization": 'Bearer' + localStorage.getItem('token')},
|
|
data: {
|
|
id: contact_id,
|
|
},
|
|
success: function(data) {
|
|
console.log(data);
|
|
location.reload();
|
|
}
|
|
})
|
|
})
|
|
}
|
|
</script>
|
|
</body>
|
|
</html> |