added comments, minor changes on forms
This commit is contained in:
parent
c9f8f1f0aa
commit
6c9f7f07e2
|
@ -21,8 +21,10 @@
|
||||||
<div class="mainContainer">
|
<div class="mainContainer">
|
||||||
<div class="section form-container">
|
<div class="section form-container">
|
||||||
<?php
|
<?php
|
||||||
|
//gets the pass parameter kycID and assigned to local variable $IDkyc
|
||||||
$IDkyc = isset($_GET['kycID']) ? $_GET['kycID'] : '';
|
$IDkyc = isset($_GET['kycID']) ? $_GET['kycID'] : '';
|
||||||
include '../functions-test.php';
|
include '../functions-test.php';
|
||||||
|
//calls the get_kyc_info function insdie the functions-test.php that retrieves all the kyc data
|
||||||
$response = get_kyc_info($IDkyc);
|
$response = get_kyc_info($IDkyc);
|
||||||
$array = json_decode($response, true);
|
$array = json_decode($response, true);
|
||||||
|
|
||||||
|
@ -45,12 +47,13 @@
|
||||||
<img class="modal-content" id="img01" style="max-width: 100%; max-height: 80vh; width: auto; height: auto; margin: auto; display: block;">
|
<img class="modal-content" id="img01" style="max-width: 100%; max-height: 80vh; width: auto; height: auto; margin: auto; display: block;">
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
<!-- Displays all the information retrieved by get_kyc_info() related to userInfo -->
|
||||||
<h3>User Information</h3>
|
<h3>User Information</h3>
|
||||||
<div class="form-container">
|
<div class="form-container">
|
||||||
<fieldset disabled>
|
<fieldset disabled>
|
||||||
<form>
|
<form>
|
||||||
<label for="IdUser">USER ID:</label>
|
<label for="IdUser">USER ID:</label>
|
||||||
<input class="form-control" type="text" id="IdUser" name="kycID" value="<?php echo $array['userRef']['_id']; ?>" readonly>
|
<input class="form-control" type="text" id="IdUser" name="UserID" value="<?php echo $array['userRef']['_id']; ?>" readonly>
|
||||||
|
|
||||||
<label for="fullName">Full Name:</label>
|
<label for="fullName">Full Name:</label>
|
||||||
<input class="form-control" type="text" id="fullName" name="fullName" value="<?php echo $array['userRef']['fName'] . ' ' . $array['userRef']['lName']; ?>" readonly>
|
<input class="form-control" type="text" id="fullName" name="fullName" value="<?php echo $array['userRef']['fName'] . ' ' . $array['userRef']['lName']; ?>" readonly>
|
||||||
|
@ -69,7 +72,7 @@
|
||||||
}
|
}
|
||||||
?>
|
?>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- Displays all the information related to kycInfo -->
|
||||||
<div class="section form-container">
|
<div class="section form-container">
|
||||||
<h2>Images</h2>
|
<h2>Images</h2>
|
||||||
<div class="image-container">
|
<div class="image-container">
|
||||||
|
@ -77,8 +80,8 @@
|
||||||
if (!empty($array['images'])) {
|
if (!empty($array['images'])) {
|
||||||
foreach ($array['images'] as $image) {
|
foreach ($array['images'] as $image) {
|
||||||
|
|
||||||
$img = $image['link'] ;
|
$img = $image['link'];
|
||||||
echo '<img src="' . $img . '" alt="KYC Image" id="'. $img . '" class="kycImg" onclick="trigger(\''. $img . '\', \'KYC Image\');">';
|
echo '<img src="' . $img . '" alt="KYC Image" id="' . $img . '" class="kycImg" onclick="trigger(\'' . $img . '\', \'KYC Image\');">';
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
echo '<p>No images available.</p>';
|
echo '<p>No images available.</p>';
|
||||||
|
@ -110,7 +113,7 @@
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- Display section for confirmation or validation of information via checkbox -->
|
||||||
<div class="section form-container">
|
<div class="section form-container">
|
||||||
<h2>Confirm KYC Details</h2>
|
<h2>Confirm KYC Details</h2>
|
||||||
<div class="checkboxFormContainer">
|
<div class="checkboxFormContainer">
|
||||||
|
@ -148,7 +151,7 @@
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- Scripts for modal boxes and image hovering -->
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
function handleCheckboxChange() {
|
function handleCheckboxChange() {
|
||||||
// Check the status of checkboxes and enable/disable the "Accept" button
|
// Check the status of checkboxes and enable/disable the "Accept" button
|
||||||
|
@ -190,26 +193,27 @@
|
||||||
// User entered an empty reason
|
// User entered an empty reason
|
||||||
alert("Please provide a valid reason for rejection.");
|
alert("Please provide a valid reason for rejection.");
|
||||||
}
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
var modal = document.getElementById("myModal");
|
||||||
|
|
||||||
|
|
||||||
|
function trigger(var1, caption) {
|
||||||
|
var modalImg = document.getElementById("img01");
|
||||||
|
|
||||||
|
modal.style.display = "block";
|
||||||
|
modalImg.src = document.getElementById(var1).src;
|
||||||
|
captionText.innerHTML = caption;
|
||||||
}
|
}
|
||||||
|
|
||||||
var modal = document.getElementById("myModal");
|
// Close the modal when clicking outside the image
|
||||||
|
window.onclick = function(event) {
|
||||||
|
if (event.target == modal) {
|
||||||
function trigger(var1, caption) {
|
modal.style.display = "none";
|
||||||
var modalImg = document.getElementById("img01");
|
}
|
||||||
|
|
||||||
modal.style.display = "block";
|
|
||||||
modalImg.src = document.getElementById(var1).src;
|
|
||||||
captionText.innerHTML = caption;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Close the modal when clicking outside the image
|
|
||||||
window.onclick = function(event) {
|
|
||||||
if (event.target == modal) {
|
|
||||||
modal.style.display = "none";
|
|
||||||
}
|
}
|
||||||
}
|
|
||||||
</script>
|
</script>
|
||||||
|
<!-- Creating a modal dialog box using Bootstrap framework in HTML. -->
|
||||||
<div class="modal fade" id="rejectModal" tabindex="-1" role="dialog" aria-labelledby="rejectModalLabel" aria-hidden="true">
|
<div class="modal fade" id="rejectModal" tabindex="-1" role="dialog" aria-labelledby="rejectModalLabel" aria-hidden="true">
|
||||||
<div class="modal-dialog" role="document">
|
<div class="modal-dialog" role="document">
|
||||||
<div class="modal-content">
|
<div class="modal-content">
|
||||||
|
|
Loading…
Reference in New Issue