|
|
@ -3,6 +3,11 @@ |
|
|
|
@{ |
|
|
|
Layout = "_Layout2"; |
|
|
|
} |
|
|
|
@{ |
|
|
|
var receiverId = ViewBag.ReceiverId as string; |
|
|
|
var editFlag = ViewBag.EditFlag as string; |
|
|
|
} |
|
|
|
|
|
|
|
<style> |
|
|
|
input::-webkit-outer-spin-button, |
|
|
|
input::-webkit-inner-spin-button { |
|
|
@ -43,7 +48,7 @@ |
|
|
|
<div class="col-md-3"> |
|
|
|
<div class="mb-3"> |
|
|
|
<label class="form-label">First Name</label> |
|
|
|
<input type="text" asp-for="firstName" class="form-control required" placeholder="First name*" required/> |
|
|
|
<input type="text" asp-for="firstName" class="form-control required" placeholder="First name*" required /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="col-md-3"> |
|
|
@ -89,7 +94,7 @@ |
|
|
|
<div class="col-md-3"> |
|
|
|
<div class="mb-3"> |
|
|
|
<label class="form-label">City</label> |
|
|
|
<input type="text" asp-for="State" class="form-control required" placeholder="City/Town*"required /> |
|
|
|
<input type="text" asp-for="State" class="form-control required" placeholder="City/Town*" required /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
@ -148,7 +153,7 @@ |
|
|
|
<div class="col-md-3"> |
|
|
|
<div class="mb-3"> |
|
|
|
<label class="form-label">ID Number</label> |
|
|
|
<input type="datetime" asp-for="idNumber" class="form-control" placeholder="ID Number*"/> |
|
|
|
<input type="datetime" asp-for="idNumber" class="form-control" placeholder="ID Number*" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="col-md-3"> |
|
|
@ -277,6 +282,10 @@ |
|
|
|
<button type="submit" id="btnReceive" class="btn btn-lg btn-primary"> |
|
|
|
<span class="btnTextReceive">Add Receiver</span> <div class="spinner-border text-success loadingSend" role="status" style="display:none;"></div> |
|
|
|
</button> |
|
|
|
|
|
|
|
<button id="btnUpdateReceiver" class="btn btn-lg btn-primary" style="display: none;"> |
|
|
|
<span class="btnTextUpdate">Update Receiver</span> <div class="spinner-border text-success loadingUpdate" role="status" style="display:none;"></div> |
|
|
|
</button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -290,42 +299,7 @@ |
|
|
|
</div> |
|
|
|
|
|
|
|
@section Scripts{ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript"> |
|
|
|
|
|
|
|
|
|
|
|
// $(document).ready(function () { |
|
|
|
|
|
|
|
// // debugger; |
|
|
|
// // $('#Country').change(function () { |
|
|
|
// // if ($(this).val() == '' { |
|
|
|
// // PopulateDDL('paymentMode', 'payoutMethods', $(this).val(), true, ''); |
|
|
|
// // PopulateDDL('bankName', 'bankList', $(this).val(), true, ''); |
|
|
|
// // } |
|
|
|
// // else { |
|
|
|
// // $('#paymentMode').empty(); |
|
|
|
// // $('#bankName').empty(); |
|
|
|
// // } |
|
|
|
// // }); |
|
|
|
|
|
|
|
|
|
|
|
// $('#paymentMode').change(function () { |
|
|
|
|
|
|
|
// if ($(this).val() == '2' { |
|
|
|
// $('#bankName').attr("bankName", "required -control"); |
|
|
|
// } |
|
|
|
|
|
|
|
// }); |
|
|
|
// } |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
(function () { |
|
|
|
'use strict' |
|
|
|
// Fetch all the forms we want to apply custom Bootstrap validation styles to |
|
|
@ -348,16 +322,11 @@ |
|
|
|
}) |
|
|
|
})(); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function Receiver() { |
|
|
|
debugger; |
|
|
|
|
|
|
|
DisableReceiveButton(); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
let country = $('#Country').val(); |
|
|
|
let firstName = $('#firstName').val(); |
|
|
|
let middleName = $('#middleName').val(); |
|
|
@ -377,11 +346,6 @@ |
|
|
|
let receiverAccountNumber = $('#receiverAccountNumber').val(); |
|
|
|
let bankName = $('#bankName').val(); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
let Data = { |
|
|
|
|
|
|
|
Country: country, |
|
|
@ -393,7 +357,7 @@ |
|
|
|
State: State, |
|
|
|
Mobile: Mobile, |
|
|
|
Email: Email, |
|
|
|
zipCode : zipCode, |
|
|
|
zipCode: zipCode, |
|
|
|
idType: idType, |
|
|
|
idNumber: idNumber, |
|
|
|
createdDate: createdDate, |
|
|
@ -402,13 +366,10 @@ |
|
|
|
receiverAccountNumber: receiverAccountNumber, |
|
|
|
bankName: bankName, |
|
|
|
paymentMode: PaymentMode, |
|
|
|
|
|
|
|
|
|
|
|
}; |
|
|
|
|
|
|
|
$.ajax( |
|
|
|
{ |
|
|
|
|
|
|
|
type: 'POST', |
|
|
|
url: '/ReceiverInformation/AddReceiver', |
|
|
|
data: Data, |
|
|
@ -427,7 +388,6 @@ |
|
|
|
return; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
clearFields(); |
|
|
|
|
|
|
|
$('#Country').focus(); |
|
|
@ -435,8 +395,6 @@ |
|
|
|
|
|
|
|
window.location.replace("/home"); |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
error: function () { |
|
|
|
return null; |
|
|
|
} |
|
|
@ -480,6 +438,124 @@ |
|
|
|
$('.loadingSend').hide(); |
|
|
|
$('#btnReceive').prop('disabled', false); |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|
$(document).ready(function () { |
|
|
|
var editFlag = '@editFlag'; |
|
|
|
var receiverId = '@receiverId'; |
|
|
|
editReceiver(editFlag, receiverId); |
|
|
|
}); |
|
|
|
|
|
|
|
function editReceiver(editFlag, receiverId) { |
|
|
|
debugger; |
|
|
|
if (editFlag === 'Y') { |
|
|
|
$('#btnUpdateReceiver').show(); |
|
|
|
$('#btnReceive').hide(); |
|
|
|
|
|
|
|
$.ajax({ |
|
|
|
type: 'POST', |
|
|
|
contentType: 'application/json; charset=utf-8', |
|
|
|
url: '/ReceiverInformation/EditReceiver/' + receiverId, |
|
|
|
|
|
|
|
success: function (data) { |
|
|
|
debugger |
|
|
|
var result = data.receiverInformationModel[0]; |
|
|
|
let mobile = result.mobile; |
|
|
|
const prefix = '+977'; |
|
|
|
if (mobile.startsWith(prefix)) { |
|
|
|
mobileNum = mobile.slice(prefix.length); |
|
|
|
} |
|
|
|
$('#Country option[value="' + result.country + '"]').attr('selected', 'selected'); |
|
|
|
$('#firstName').val(result.firstName); |
|
|
|
$('#middleName').val(result.middleName); |
|
|
|
$('#lastName1').val(result.lastName1); |
|
|
|
$('#Relationship option[value="' + result.relationship + '"]').attr('selected', 'selected'); |
|
|
|
$('#Address').val(result.address); |
|
|
|
$('#State').val(result.state); |
|
|
|
$('#Mobile').val(mobileNum); |
|
|
|
$('#Email').val(result.email); |
|
|
|
$('#zipCode').val(result.zipCode); |
|
|
|
$('#idNumber').val(result.idNumber); |
|
|
|
$('#createdDate').val(result.createdDate); |
|
|
|
$('#idExpairyDate').val(result.idExpairyDate); |
|
|
|
$('#bankLocation').val(result.bankLocation); |
|
|
|
$('#receiverAccountNumber').val(result.receiverAccountNumber); |
|
|
|
$('#bankName').val(result.bankName); |
|
|
|
$('#paymentMode option[value="' + result.paymentMode + '"]').attr('selected', 'selected'); |
|
|
|
$('#idType option[value="' + result.idType + '"]').attr('selected', 'selected'); |
|
|
|
|
|
|
|
console.log('Received data:', data); |
|
|
|
}, |
|
|
|
error: function () { |
|
|
|
console.error('Error retrieving data.'); |
|
|
|
} |
|
|
|
}); |
|
|
|
} |
|
|
|
else { |
|
|
|
$('#btnUpdateReceiver').hide(); |
|
|
|
$('#btnReceive').show(); |
|
|
|
} |
|
|
|
let originalData = { |
|
|
|
country: $('#Country').val(), |
|
|
|
firstName: $('#firstName').val(), |
|
|
|
middleName: $('#middleName').val(), |
|
|
|
lastName1: $('#lastName1').val(), |
|
|
|
relationship: $('#Relationship').val(), |
|
|
|
address: $('#Address').val(), |
|
|
|
state: $('#State').val(), |
|
|
|
mobile: $('#Mobile').val(), |
|
|
|
email: $('#Email').val(), |
|
|
|
zipCode: $('#zipCode').val(), |
|
|
|
idNumber: $('#idNumber').val(), |
|
|
|
createdDate: $('#createdDate').val(), |
|
|
|
idExpairyDate: $('#idExpairyDate').val(), |
|
|
|
bankLocation: $('#bankLocation').val(), |
|
|
|
receiverAccountNumber: $('#receiverAccountNumber').val(), |
|
|
|
bankName: $('#bankName').val(), |
|
|
|
paymentMode: $('#paymentMode').val(), |
|
|
|
idType: $('#idType').val() |
|
|
|
}; |
|
|
|
} |
|
|
|
|
|
|
|
document.getElementById('btnUpdateReceiver').addEventListener('click', function () { |
|
|
|
|
|
|
|
let updatedData = { |
|
|
|
Country: $('#Country').val(), |
|
|
|
firstName: $('#firstName').val(), |
|
|
|
middleName: $('#middleName').val(), |
|
|
|
lastName1: $('#lastName1').val(), |
|
|
|
Relationship: $('#Relationship').val(), |
|
|
|
Address: $('#Address').val(), |
|
|
|
State: $('#State').val(), |
|
|
|
Mobile: $('#Mobile').val(), |
|
|
|
Email: $('#Email').val(), |
|
|
|
zipCode: $('#zipCode').val(), |
|
|
|
idNumber: $('#idNumber').val(), |
|
|
|
createdDate: $('#createdDate').val(), |
|
|
|
idExpairyDate: $('#idExpairyDate').val(), |
|
|
|
bankLocation: $('#bankLocation').val(), |
|
|
|
receiverAccountNumber: $('#receiverAccountNumber').val(), |
|
|
|
bankName: $('#bankName').val(), |
|
|
|
paymentMode: $('#paymentMode').val(), |
|
|
|
idType: $('#idType').val() |
|
|
|
}; |
|
|
|
|
|
|
|
$.ajax({ |
|
|
|
type: 'POST', |
|
|
|
// contentType: 'application/json; charset=utf-8', |
|
|
|
url: '/ReceiverInformation/UpdateReceiver/' + receiverId, |
|
|
|
data: updatedData, |
|
|
|
|
|
|
|
success: function (response) { |
|
|
|
console.log('Customer updated successfully:', response); |
|
|
|
$('#message').text('Customer updated successfully'); |
|
|
|
window.location.replace("/home"); |
|
|
|
}, |
|
|
|
error: function () { |
|
|
|
console.error('Error updating customer.'); |
|
|
|
} |
|
|
|
}); |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
</script> |
|
|
|
} |