IME-LONDON
/
CustomerPortal
8
0
Fork 0
Code Issues Pull Requests 1 Projects Releases Wiki Activity

Compare commits

merge into: IME-LONDON:master
IME-LONDON:Calculation
IME-LONDON:feature/19315_Customer-Registration
IME-LONDON:feature/19315_Customer-Registration-new
IME-LONDON:master
IME-LONDON:feature/Redmine-18711-Receiver_Module_for_Web
IME-LONDON:prod
...
pull from: IME-LONDON:Calculation
IME-LONDON:Calculation
IME-LONDON:feature/19315_Customer-Registration
IME-LONDON:feature/19315_Customer-Registration-new
IME-LONDON:master
IME-LONDON:feature/Redmine-18711-Receiver_Module_for_Web
IME-LONDON:prod

1 Commits
master ... Calculation

Author SHA1 Message Date
Dinesh 7848d309bc fx calculation
9 months ago
2 changed files with 411 additions and 41 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats
  1. 452
      CustomerOnlineV2/CustomerOnlineV2/Views/Home/Index.cshtml
  2. BIN
      CustomerOnlineV2/CustomerOnlineV2/wwwroot/images/fx.jpeg

452
CustomerOnlineV2/CustomerOnlineV2/Views/Home/Index.cshtml
View File

@ -22,63 +22,47 @@
</h3> </h3>
<hr class="mb-4 mx-n4"> <hr class="mb-4 mx-n4">
<div class="row gy-4 profile-completeness"> <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> </a>
</div> </div>
</div>
</div> *@
<div class="col-sm-6 col-md-3"> <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> </a>
</div> </div>
</div> </div>
<div class="col-sm-6 col-md-3"> <div class="col-sm-6 col-md-3">
<div class="border rounded text-center"> <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> </a>
</div> </div>
</div> </div>
<div class="col-sm-6 col-md-3"> <div class="col-sm-6 col-md-3">
<div class="border rounded text-center"> <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> </a>
</div> </div>
</div> </div>
*@
<div class="col-sm-6 col-md-3"> <div class="col-sm-6 col-md-3">
<div class="border rounded text-center"> <div class="border rounded text-center">
<a href="/TransactionReport/TranReport"> <a href="/TransactionReport/TranReport">
@ -89,6 +73,166 @@
</div> </div>
</div> </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>&nbsp;<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>&nbsp;<label id="pCurrency">XXX</label></strong>
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Profile Completeness End --> <!-- Profile Completeness End -->
<!-- Recent Activity <!-- Recent Activity
=============================== --> =============================== -->
@ -311,7 +455,233 @@
$(document).ready(function () { $(document).ready(function () {
GetTransactionList(); GetTransactionList();
GetReceiverList(); 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() { function GetTransactionList() {
$.ajax( $.ajax(
{ {

BIN
CustomerOnlineV2/CustomerOnlineV2/wwwroot/images/fx.jpeg
View File

Side by Side

After

Width: 260  |  Height: 260  |  Size: 8.4 KiB

Write Preview
Loading…
Cancel
Save