|
|
@ -22,63 +22,47 @@ |
|
|
|
</h3> |
|
|
|
<hr class="mb-4 mx-n4"> |
|
|
|
<div class="row gy-4 profile-completeness"> |
|
|
|
<div class="col-sm-6 col-md-3"> |
|
|
|
<div class="border rounded text-center"> |
|
|
|
<a href="/Transaction/SendMoney"> |
|
|
|
<span class="d-block text-10 text-light mt-1 mb-1"><img src= @Url.Content("~/images/menu1.jpg") height="80"></span> |
|
|
|
<p class="text-2 text-strong">Send Money</p> |
|
|
|
</a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="col-sm-6 col-md-3"> |
|
|
|
<div class="border rounded text-center"> |
|
|
|
<a href="/ReceiverInformation/Receiver"> |
|
|
|
<span class="d-block text-10 text-light mt-1 mb-1"><img src=@Url.Content("~/images/menu7.jpg") height="80"></span> |
|
|
|
<p class="text-2 text-strong">Add Receiver</p> |
|
|
|
</a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@* <div class="col-sm-6 col-md-3"> |
|
|
|
<div class="border rounded text-center"> |
|
|
|
<a href="#"> |
|
|
|
<span class="d-block text-10 text-light mt-1 mb-1"><img src="images/menu2.jpg" height="80"></span> |
|
|
|
<p class="text-2 text-strong">Open Bank Account</p> |
|
|
|
</a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="col-sm-6 col-md-3"> |
|
|
|
<div class="border rounded text-center"> |
|
|
|
<a href="#"> |
|
|
|
<span class="d-block text-10 text-light mt-1 mb-1"><img src="images/menu3.jpg" height="80"></span> |
|
|
|
<p class="text-2 text-strong">Open D-Mat Account</p> |
|
|
|
@* <div class="col-sm-6 col-md-3" id="div1"> |
|
|
|
<div class="border rounded text-center" > |
|
|
|
|
|
|
|
|
|
|
|
@* <a href="/Transaction/Calculation"> |
|
|
|
<a onclick="toggleCalculationDiv()"> |
|
|
|
<span class="d-block text-10 text-light mt-1 mb-1"><img src=@Url.Content("~/images/fx.jpeg") height="80"; style="padding:5%;"></span> |
|
|
|
<p class="text-2 text-strong" style=" color: #0d6efd;">Calculation</p> |
|
|
|
</a> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> *@ |
|
|
|
<div class="col-sm-6 col-md-3"> |
|
|
|
<div class="border rounded text-center"> |
|
|
|
<a href="#"> |
|
|
|
<span class="d-block text-10 text-light mt-1 mb-1"><img src="images/menu4.jpg" height="80"></span> |
|
|
|
<p class="text-2 text-strong">Moile Topup</p> |
|
|
|
<div class="border rounded text-center" id="div1"> |
|
|
|
|
|
|
|
<a onclick="toggleCalculationDiv()"> |
|
|
|
<span class="d-block text-10 text-light mt-1 mb-1"><img src=@Url.Content("~/images/fx.jpeg") height="80" ; style="padding:6%;"></span> |
|
|
|
<p class="text-2 text-strong" style=" color: #1397e9;">Calculation</p> |
|
|
|
</a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="col-sm-6 col-md-3"> |
|
|
|
<div class="border rounded text-center"> |
|
|
|
<a href="#"> |
|
|
|
<span class="d-block text-10 text-light mt-1 mb-1"><img src="images/menu5.jpg" height="80"></span> |
|
|
|
<p class="text-2 text-strong">Purchase Share</p> |
|
|
|
|
|
|
|
<a href="/Transaction/SendMoney"> |
|
|
|
<span class="d-block text-10 text-light mt-1 mb-1"><img src= @Url.Content("~/images/menu1.jpg") height="80"></span> |
|
|
|
<p class="text-2 text-strong">Send Money</p> |
|
|
|
</a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="col-sm-6 col-md-3"> |
|
|
|
<div class="border rounded text-center"> |
|
|
|
<a href="#"> |
|
|
|
<span class="d-block text-10 text-light mt-1 mb-1"><img src="images/menu6.jpg" height="80"></span> |
|
|
|
<p class="text-2 text-strong">Voting</p> |
|
|
|
<a href="/ReceiverInformation/Receiver"> |
|
|
|
<span class="d-block text-10 text-light mt-1 mb-1"><img src=@Url.Content("~/images/menu7.jpg") height="80"></span> |
|
|
|
<p class="text-2 text-strong">Add Receiver</p> |
|
|
|
</a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
*@ |
|
|
|
|
|
|
|
<div class="col-sm-6 col-md-3"> |
|
|
|
<div class="border rounded text-center"> |
|
|
|
<a href="/TransactionReport/TranReport"> |
|
|
@ -89,6 +73,166 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="bg-white rounded p-4 mb-4" id="calculationDiv" style="display: none;"> |
|
|
|
@* <h3 class="text-5 fw-400 d-flex align-items-center mb-4"> |
|
|
|
Services |
|
|
|
<span class="border text-success rounded-pill fw-500 text-2 px-3 py-1 ms-2">Daily Offers</span> |
|
|
|
</h3> |
|
|
|
<hr class="mb-4 mx-n4"> *@ |
|
|
|
<div class="container"> |
|
|
|
<div class="row"> |
|
|
|
<!-- Middle Panel --> |
|
|
|
<div class="col-lg-12"> |
|
|
|
|
|
|
|
<div class="card"> |
|
|
|
<div class="card-body p-4"> |
|
|
|
<div class="row mb-4"> |
|
|
|
<div class="col-md-7 border-0 mb-4"> |
|
|
|
<div class=""> |
|
|
|
<form id="DoCalculationForm" novalidate> |
|
|
|
<div class="row"> |
|
|
|
<div class="col-lg-12"> |
|
|
|
<h5 class="mb-4">Enter Transaction Details</h5> |
|
|
|
</div> |
|
|
|
<div class="col-md-5"> |
|
|
|
<div class="mb-3"> |
|
|
|
<div class="form-floating"> |
|
|
|
<select id="ReceivingCountry" asp-items="@CustomerOnlineV2.Helper.HelperClass.GetDropdownData("pCountry", true)" class="form-select" required></select> |
|
|
|
<label for="Nationality">Receiver Country</label> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="col-md-5"> |
|
|
|
<div class="mb-3"> |
|
|
|
<div class="form-floating"> |
|
|
|
<select id="DeliveryMethod" class="form-select" required></select> |
|
|
|
<label class="form-label">Delivery Method</label> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="row"> |
|
|
|
<div class="col-md-10"> |
|
|
|
<div class="mb-3"> |
|
|
|
<div class="form-floating"> |
|
|
|
<select id="SchemeId" asp-items="@CustomerOnlineV2.Helper.HelperClass.GetDropdownData("howToPay", true)" class="form-select" required></select> |
|
|
|
<label class="form-label">How do like to pay? </label> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="row"> |
|
|
|
<div class="col-md-5"> |
|
|
|
<div class="mb-3"> |
|
|
|
<div class="form-floating mb-3"> |
|
|
|
<input type="text" id="CollectAmount" class="form-control" placeholder="00.00"> |
|
|
|
|
|
|
|
<label for="floatingInput">Send Amount GBP</label> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="col-md-5"> |
|
|
|
<div class="mb-3"> |
|
|
|
<div class="form-floating mb-3"> |
|
|
|
<input type="text" id="PayoutAmount" class="form-control" placeholder="00.00"> |
|
|
|
<label for="floatingInput" id="floatingInputPcurr">Receive Amount XXX</label> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="spinner-border text-success loading" id="waitDiv" style="display:none;" role="status"></div> |
|
|
|
</div> |
|
|
|
@* <div class="row"> |
|
|
|
<div class="col-md-5"> |
|
|
|
<div class="mb-3"> |
|
|
|
|
|
|
|
<p id="rewardAmount" class="text mb-2"> |
|
|
|
You have <span class="reward-text" id="rewardValue">0</span> reward amount available |
|
|
|
</p> |
|
|
|
<div class="form-floating mb-3"> |
|
|
|
<input type="text" asp-for="DiscountFee" maxlength="10" class="form-control" placeholder=""> |
|
|
|
<label for="floatingInput" id="lblReward" placeholder=""> Use Reward Amount</label> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> *@ |
|
|
|
<div class="row"> |
|
|
|
<div class="mb-5 mt-2"> |
|
|
|
<button type="submit" id="btnCalculate" class="btn btn-lg btn-primary" style="width: 250px;" @* hidden *@> |
|
|
|
<span class="btnText">Calculate</span> <div class="spinner-border text-success loading" role="status" style="display:none;"></div> <i class="fa fa-calculator p-2 btnText" @* aria-hidden="true" *@></i> |
|
|
|
</button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<input type="hidden" id="hdnCalcBy" /> |
|
|
|
<input type="hidden" id="hdnPayoutPartner" /> |
|
|
|
<input type="hidden" id="hdnPayoutCountryName" /> |
|
|
|
<input type="hidden" id="hdnPayoutCurrency" /> |
|
|
|
<input type="hidden" id="hdnExrateCalcByPartner" /> |
|
|
|
<input type="hidden" id="hdnPayoutCountryCode" /> |
|
|
|
<input type="hidden" id="hdnTransferAmount" /> |
|
|
|
<input type="hidden" id="hdnServiceCharge" /> |
|
|
|
<input type="hidden" id="hdnExRate" /> |
|
|
|
<input type="hidden" id="hdnTPExRate" /> |
|
|
|
<input type="hidden" id="hdnForexSessionId" /> |
|
|
|
<input type="hidden" id="hdnProcessId" /> |
|
|
|
</form> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="col-md-5"> |
|
|
|
<div class="px-4"> |
|
|
|
<div class="col-lg-12"> |
|
|
|
<h5 class="mb-4">Your Transaction Details</h5> |
|
|
|
</div> |
|
|
|
<table class="table"> |
|
|
|
<tr> |
|
|
|
<td>Collected Amount :</td> |
|
|
|
<td> |
|
|
|
<strong><span id="collAmount">0.00 GBP</span></strong> |
|
|
|
</td> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<td>Service Fee :</td> |
|
|
|
<td> |
|
|
|
<strong><span id="sCharge">0.00 GBP</span></strong> |
|
|
|
</td> |
|
|
|
</tr> |
|
|
|
|
|
|
|
<tr> |
|
|
|
<td>Transfer Amount :</td> |
|
|
|
<td> |
|
|
|
<strong><span id="sAmt">0.00 GBP</span></strong> |
|
|
|
</td> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<td>Exchange Rate :</td> |
|
|
|
<td> |
|
|
|
<strong><span id="exRate">0.00</span></strong> |
|
|
|
</td> |
|
|
|
</tr> |
|
|
|
|
|
|
|
<tr> |
|
|
|
<td> Payout Amount :</td> |
|
|
|
<td> |
|
|
|
<strong><span id="payoutAmount">0.00 </span> <label id="pCurrency">XXX</label></strong> |
|
|
|
</td> |
|
|
|
</tr> |
|
|
|
</table> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
<!-- Profile Completeness End --> |
|
|
|
<!-- Recent Activity |
|
|
|
=============================== --> |
|
|
@ -311,7 +455,233 @@ |
|
|
|
$(document).ready(function () { |
|
|
|
GetTransactionList(); |
|
|
|
GetReceiverList(); |
|
|
|
$(document).ajaxStart(function () { |
|
|
|
$('#waitDiv').show(); |
|
|
|
}) |
|
|
|
$(document).ajaxStop(function () { |
|
|
|
$('#waitDiv').hide(); |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
$('#ReceivingCountry').change(function () { |
|
|
|
if ($(this).val() != '') { |
|
|
|
PopulateDDL('DeliveryMethod', 'pMode', $(this).val(), true, ''); |
|
|
|
//PopulateDDL('Receiver', 'receiverList', $(this).val(), true, ''); |
|
|
|
|
|
|
|
} |
|
|
|
else { |
|
|
|
$('#DeliveryMethod').empty(); |
|
|
|
//$('#Receiver').empty(); |
|
|
|
} |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
$('#SchemeId').on('change', function () { |
|
|
|
var collectionAmount = $('#CollectAmount').val(); |
|
|
|
var payoutAmount = $('#PayoutAmount').val(); |
|
|
|
debugger; |
|
|
|
if (isNaN(parseFloat($('#CollectAmount').val()))) |
|
|
|
collectionAmount = 0; |
|
|
|
|
|
|
|
// if (isNaN(parseFloat($('#PayoutAmount').val()))) |
|
|
|
// payoutAmount = 0; |
|
|
|
|
|
|
|
if (collectionAmount > 0 | payoutAmount > 0) { |
|
|
|
$('#hdnCalcBy').val('c'); |
|
|
|
DoCalcualtion(); |
|
|
|
} |
|
|
|
}); |
|
|
|
|
|
|
|
$('#CollectAmount').on('change', function () { |
|
|
|
if (!isNaN(parseFloat($(this).val())) && parseFloat($(this).val()) > 0) { |
|
|
|
$('#hdnCalcBy').val('c'); |
|
|
|
} |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
$("#CollectAmount").blur(function () { |
|
|
|
if (!isNaN(parseFloat($(this).val())) && parseFloat($(this).val()) > 0) { |
|
|
|
$('#hdnCalcBy').val('c'); |
|
|
|
DoCalcualtion(); |
|
|
|
} |
|
|
|
|
|
|
|
}); |
|
|
|
$("#PayoutAmount").blur(function () { |
|
|
|
// checkdata($("#hdnCalcBy").val(), 'c'); |
|
|
|
if (!isNaN(parseFloat($(this).val())) && parseFloat($(this).val()) > 0) { |
|
|
|
$('#hdnCalcBy').val('p'); |
|
|
|
DoCalcualtion(); |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
// $(".bg-white").hide(); |
|
|
|
|
|
|
|
// // Add click event handler to the clickable div |
|
|
|
// $(".col-sm-6.col-md-3").click(function () { |
|
|
|
// // Toggle the visibility of the target div |
|
|
|
// $(".bg-white").toggle(); |
|
|
|
// }); |
|
|
|
|
|
|
|
}); |
|
|
|
function toggleCalculationDiv() { |
|
|
|
var calculationDiv = document.getElementById("calculationDiv"); |
|
|
|
calculationDiv.style.display = (calculationDiv.style.display === "none" || calculationDiv.style.display === "") ? "block" : "none"; |
|
|
|
} |
|
|
|
(function () { |
|
|
|
'use strict' |
|
|
|
// Fetch all the forms we want to apply custom Bootstrap validation styles to |
|
|
|
var forms = document.querySelectorAll('#DoCalculationForm') |
|
|
|
|
|
|
|
// Loop over them and prevent submission |
|
|
|
Array.prototype.slice.call(forms) |
|
|
|
.forEach(function (form) { |
|
|
|
form.addEventListener('submit', function (event) { |
|
|
|
if (!form.checkValidity()) { |
|
|
|
event.preventDefault() |
|
|
|
event.stopPropagation() |
|
|
|
} |
|
|
|
else { |
|
|
|
event.preventDefault(); |
|
|
|
DoCalcualtion(); |
|
|
|
} |
|
|
|
form.classList.add('was-validated') |
|
|
|
}, false) |
|
|
|
}) |
|
|
|
})(); |
|
|
|
|
|
|
|
|
|
|
|
function DoCalcualtion() { |
|
|
|
DisableCalculateButton(); |
|
|
|
|
|
|
|
let receivingCountry = $('#ReceivingCountry').val(); |
|
|
|
let deliveryMethod = $('#DeliveryMethod').val(); |
|
|
|
let collectionAmount = parseFloat($('#CollectAmount').val()); |
|
|
|
let payoutAmount = parseFloat($('#PayoutAmount').val()); |
|
|
|
let promoCode = $('#PromoCode').val(); |
|
|
|
let calcBy = $('#hdnCalcBy').val(); |
|
|
|
// let discount = $('#DiscountFee').val(); |
|
|
|
let schemeId = $('#SchemeId').val(); |
|
|
|
|
|
|
|
if (calcBy == '') { |
|
|
|
ShowAlertMessage(1, 'Invalid param calculate by!'); |
|
|
|
EnableCalculateButton(); |
|
|
|
return false; |
|
|
|
} |
|
|
|
|
|
|
|
if (calcBy != 'c') { |
|
|
|
if (calcBy != 'p') { |
|
|
|
ShowAlertMessage(1, 'Invalid param calculate by!'); |
|
|
|
EnableCalculateButton(); |
|
|
|
return false; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
if (isNaN(parseFloat($('#CollectAmount').val()))) |
|
|
|
collectionAmount = 0; |
|
|
|
|
|
|
|
if (isNaN(parseFloat($('#PayoutAmount').val()))) |
|
|
|
payoutAmount = 0; |
|
|
|
|
|
|
|
if (collectionAmount < 0) { |
|
|
|
ShowAlertMessage(1, 'Invalid Collection Amount!'); |
|
|
|
EnableCalculateButton(); |
|
|
|
return false; |
|
|
|
} |
|
|
|
if (payoutAmount < 0) { |
|
|
|
ShowAlertMessage(1, 'Invalid Collection Amount!'); |
|
|
|
EnableCalculateButton(); |
|
|
|
return false; |
|
|
|
} |
|
|
|
if (payoutAmount == 0 && collectionAmount == 0) { |
|
|
|
ShowAlertMessage(1, 'Both collction amount and payout amount can not be empty!'); |
|
|
|
EnableCalculateButton(); |
|
|
|
return false; |
|
|
|
} |
|
|
|
|
|
|
|
let Data = { |
|
|
|
ReceivingCountry: receivingCountry, |
|
|
|
DeliveryMethod: deliveryMethod, |
|
|
|
CollectAmount: collectionAmount, |
|
|
|
PayoutAmount: payoutAmount, |
|
|
|
PromoCode: promoCode, |
|
|
|
CalcBy: calcBy, |
|
|
|
SchemeId: schemeId |
|
|
|
// DiscountFee: discount |
|
|
|
}; |
|
|
|
|
|
|
|
$.ajax( |
|
|
|
{ |
|
|
|
type: 'POST', |
|
|
|
url: '/Transaction/DoCalculation', |
|
|
|
data: Data, |
|
|
|
processData: true, |
|
|
|
headers: { |
|
|
|
"RequestVerificationToken": |
|
|
|
$('input[name="__RequestVerificationToken"]').val() |
|
|
|
}, |
|
|
|
async: true, |
|
|
|
beforeSend: function (xhr) { |
|
|
|
// $('.is-loading').hide(); |
|
|
|
}, |
|
|
|
success: function (response) { |
|
|
|
|
|
|
|
EnableCalculateButton(); |
|
|
|
if (response.responseCode != 0) { |
|
|
|
ShowAlertMessage(response.responseCode, response.responseMessage); |
|
|
|
return; |
|
|
|
} |
|
|
|
|
|
|
|
if (calcBy == 'c') { |
|
|
|
$('#PayoutAmount').val(response.pAmt); |
|
|
|
} |
|
|
|
if (calcBy == 'p') { |
|
|
|
$('#CollectAmount').val(response.collAmt); |
|
|
|
} |
|
|
|
|
|
|
|
$('#payoutAmount').text(NumberWithCommas(response.pAmt)); |
|
|
|
$('#collAmount').text(NumberWithCommas(response.collAmt) + ' ' + response.collCurr); |
|
|
|
$('#exRate').text(response.exRateDisplay); |
|
|
|
$('#sCharge').text(NumberWithCommas(response.scCharge)); |
|
|
|
$('#sAmt').text(NumberWithCommas(response.sAmt) + ' ' + response.collCurr); |
|
|
|
$('#pCurrency').text(response.pCurr); |
|
|
|
$('#floatingInputPcurr').text("Receiving Amount " + response.pCurr); |
|
|
|
//$('#rewardPoint').text(response.discountedFee); |
|
|
|
//set hiddend fields for send money |
|
|
|
$('#hdnPayoutPartner').val(response.payoutPartner); |
|
|
|
$('#hdnPayoutCurrency').val(response.pCurr); |
|
|
|
$('#hdnTransferAmount').val(response.sAmt); |
|
|
|
$('#hdnServiceCharge').val(response.scCharge); |
|
|
|
$('#hdnExRate').val(response.exRate); |
|
|
|
$('#hdnForexSessionId').val(response.forexSessionId); |
|
|
|
$('#hdnProcessId').val(response.processId); |
|
|
|
$('#hdnTPExRate').val(response.tpExRate); |
|
|
|
|
|
|
|
}, |
|
|
|
error: function () { |
|
|
|
return null; |
|
|
|
} |
|
|
|
}); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function DisableCalculateButton() { |
|
|
|
$('.btnText').hide(); |
|
|
|
$('#btnCalculate').css('cursor', 'not-allowed'); |
|
|
|
$('.loading').show(); |
|
|
|
$('#btnCalculate').prop('disabled', true); |
|
|
|
} |
|
|
|
|
|
|
|
function EnableCalculateButton() { |
|
|
|
$('.btnText').show(); |
|
|
|
$('#btnCalculate').css('cursor', 'pointer'); |
|
|
|
$('.loading').hide(); |
|
|
|
$('#btnCalculate').prop('disabled', false); |
|
|
|
} |
|
|
|
|
|
|
|
function GetTransactionList() { |
|
|
|
$.ajax( |
|
|
|
{ |
|
|
|