|
|
@ -98,11 +98,14 @@ |
|
|
|
=============================== --> |
|
|
|
<div class="transaction-title py-2 px-4"> |
|
|
|
<div class="row fw-00"> |
|
|
|
<div class="col-1 col-sm-1">S.N</div> |
|
|
|
<div class="col-2 col-sm-1 text-center"><span class="">Date</span></div> |
|
|
|
<div class="col-3 col-sm-4">Description</div> |
|
|
|
<div class="col-4 col-sm-2">Quick Send </div> |
|
|
|
<div class="col-5 col-sm-2 d-none d-sm-block text-center">Status</div> |
|
|
|
<div class="col-6 col-sm-2 text-end">Amount</div> |
|
|
|
<div class="col-3 col-sm-1">Payment Mode</div> |
|
|
|
<div class="col-4 col-sm-2">Receiver Name</div> |
|
|
|
<div class="col-5 col-sm-2"> Reference Number</div> |
|
|
|
<div class="col-6 col-sm-2 d-none d-sm-block text-center">Status</div> |
|
|
|
<div class="col-7 col-sm-1">Send Amount </div> |
|
|
|
<div class="col-8 col-sm-2">Recieve Amount </div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- Title End --> |
|
|
@ -209,11 +212,12 @@ |
|
|
|
=============================== --> |
|
|
|
<div class="transaction-title py-2 px-4"> |
|
|
|
<div class="row fw-00"> |
|
|
|
<div class="col-1 col-sm-4">Name</div> |
|
|
|
<div class="col-2 col-sm-2">Send Transaction</div> |
|
|
|
<div class="col-3 col-sm-2 d-none d-sm-block text-center">Country</div> |
|
|
|
<div class="col-4 col-sm-2 text-end">Transaction Type</div> |
|
|
|
<div class="col-5 col-sm-2">Actions</div> |
|
|
|
<div class="col-1 col-sm-1">S.N</div> |
|
|
|
<div class="col-2 col-sm-3">Name</div> |
|
|
|
<div class="col-3 col-sm-2">Send Transaction</div> |
|
|
|
<div class="col-4 col-sm-2 d-none d-sm-block text-center">Country</div> |
|
|
|
<div class="col-5 col-sm-2 text-end">Transaction Type</div> |
|
|
|
<div class="col-6 col-sm-2">Actions</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- Title End --> |
|
|
@ -347,6 +351,7 @@ |
|
|
|
function PopulateReceiverData(response) { |
|
|
|
var result = response.receiverModel; |
|
|
|
if (response.responseCode == 0) { |
|
|
|
let i = 1; |
|
|
|
let row = ''; |
|
|
|
$.each(result, function (i, d) { |
|
|
|
// row += '<div class="transaction-item px-4 py-3" data-bs-toggle="modal" data-bs-target="#receiver-detail" onclick="getReceiverDetails(' + d['id'] + ')">'; |
|
|
@ -360,59 +365,98 @@ |
|
|
|
// row += '</div>'; |
|
|
|
row += '<div class="transaction-item px-4 py-3" data-bs-toggle="modal">'; |
|
|
|
row += '<div class="row align-items-center flex-row">'; |
|
|
|
|
|
|
|
row += '<div class="col-2 col-sm-4">'; |
|
|
|
row += `<div class="col-1 col-sm-1">${i + 1}</div>`; |
|
|
|
row += '<div class="col-2 col-sm-3">'; |
|
|
|
row += '<span class="d-block text-1">' + d['name'] + '</span>'; |
|
|
|
row += '<span class="text-muted">' + d['mobile'] + '</span>'; |
|
|
|
row += '</div>'; |
|
|
|
|
|
|
|
row += '<div class="col-2 col-sm-2">'; |
|
|
|
row += '<span class="d-block text-1"><a href="/Transaction/SendMoney">Send Transaction</a></span>'; |
|
|
|
row += '</div>'; |
|
|
|
|
|
|
|
row += '<div class="col-3 col-sm-2 text-center text-1">'; |
|
|
|
row += d['country']; |
|
|
|
row += '</div>'; |
|
|
|
|
|
|
|
row += '<div class="col-3 col-sm-2 text-end text-1">'; |
|
|
|
row += '<span class="text-nowrap">' + d['transactionType'] + '</span>'; |
|
|
|
row += '</div>'; |
|
|
|
|
|
|
|
row += '<div class="col-2 col-sm-2">'; |
|
|
|
row += '<button class="btn btn-link" onclick="editReceiver(' + d['id'] + ')"><i class="fas fa-edit"></i></button>'; |
|
|
|
row += '</div>'; |
|
|
|
|
|
|
|
row += '</div>'; |
|
|
|
row += '</div>'; |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
$('#receiverList').html(row); |
|
|
|
$('#receiverListDiv').hide(); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
// function PopulateTransactionData(response) { |
|
|
|
// debugger; |
|
|
|
// var result = response.customerTransaction; |
|
|
|
|
|
|
|
// // var Id = response.customerTransaction.Id; |
|
|
|
// if (response.responseCode == 0) { |
|
|
|
// let i = 1; |
|
|
|
// let row = ''; |
|
|
|
|
|
|
|
// $.each(result, function (i, d) { |
|
|
|
// debugger; |
|
|
|
// row += '<div class="transaction-item px-4 py-3" data-bs-toggle="modal" data-bs-target="#transaction-detail" onclick="getData(' + d['id'] + ')">'; |
|
|
|
// row += '<div class="row align-items-center flex-row">'; |
|
|
|
// row += '<div class="col-1 col-sm-1" > { i + 1 } </div>'; |
|
|
|
// row += '<div class="col-2 col-sm-1 text-center"> <span class="d-block text-1 fw-300">' + d['transactionDay'] + '</span> <span class="d-block text-1 fw-300 text-uppercase">' + d['transactionMonth'] + '</span> </div>'; |
|
|
|
// row += '<div class="col-3 col-sm-4"> <span class="d-block text-1">' + d['pBankName'] + '</span> <span class="text-muted">' + d['paymentMethod'] + '</span> </div>'; |
|
|
|
// if (d['status'].toLowerCase() == 'paid') { |
|
|
|
// row += '<div class="col-5 col-sm-2 d-none d-sm-block text-center text-1"><span class="text-success" data-bs-toggle="tooltip" title="" data-bs-original-title="Completed"><i class="fas fa-check-circle"></i> Paid</span></div>'; |
|
|
|
// } |
|
|
|
// else if (d['status'].toLowerCase() == 'cancel') { |
|
|
|
// row += '<div class="col-5 col-sm-2 d-none d-sm-block text-center text-1"><span class="text-danger" data-bs-toggle="tooltip" title="" data-bs-original-title="Cancel"><i class="fas fa-times-circle"></i> Cancel</span></div>'; |
|
|
|
// } |
|
|
|
// else if (d['status'].toLowerCase() == 'processing') { |
|
|
|
// row += '<div class="col-5 col-sm-2 d-none d-sm-block text-center text-1"><span class="text-warning" data-bs-toggle="tooltip" title="In Progress"><i class="fas fa-ellipsis-h"></i> Processing</span></div>'; |
|
|
|
// } |
|
|
|
// row += '<div class="col-6 col-sm-2 text-end text-1"> <span class="text-nowrap">-' + d['amount'] + '</span> <span class="text-2 text-uppercase">(' + d['pCurrency'] + ')</span> </div>'; |
|
|
|
// row += '</div>'; |
|
|
|
// row += '</div>'; |
|
|
|
// row += '</div>'; |
|
|
|
// }); |
|
|
|
|
|
|
|
// $('#transactionList').html(row); |
|
|
|
// $('#transactionListDiv').hide(); |
|
|
|
// } |
|
|
|
// } |
|
|
|
|
|
|
|
|
|
|
|
function PopulateTransactionData(response) { |
|
|
|
debugger; |
|
|
|
var result = response.customerTransaction; |
|
|
|
// var Id = response.customerTransaction.Id; |
|
|
|
|
|
|
|
if (response.responseCode == 0) { |
|
|
|
let i = 1; |
|
|
|
let row = ''; |
|
|
|
|
|
|
|
$.each(result, function (i, d) { |
|
|
|
row += '<div class="transaction-item px-4 py-3" data-bs-toggle="modal" data-bs-target="#transaction-detail" onclick="getData(' + d['id'] + ')">'; |
|
|
|
debugger; |
|
|
|
row += `<div class="transaction-item px-4 py-3" data-bs-toggle="modal" data-bs-target="#transaction-detail" onclick="getData(${d['id']})">`; |
|
|
|
row += '<div class="row align-items-center flex-row">'; |
|
|
|
row += '<div class="col-2 col-sm-2 text-center"> <span class="d-block text-1 fw-300">' + d['transactionDay'] + '</span> <span class="d-block text-1 fw-300 text-uppercase">' + d['transactionMonth'] + '</span> </div>'; |
|
|
|
row += '<div class="col-3 col-sm-4"> <span class="d-block text-1">' + d['pBankName'] + '</span> <span class="text-muted">' + d['paymentMethod'] + '</span> </div>'; |
|
|
|
row += `<div class="col-1 col-sm-1">${i + 1}</div>`; |
|
|
|
row += `<div class="col-2 col-sm-1 text-center"><span class="d-block text-1 fw-300">${d['transactionDay']}</span><span class="d-block text-1 fw-300 text-uppercase">${d['transactionMonth']}</span></div>`; |
|
|
|
row += `<div class="col-3 col-sm-1"><span class="d-block text-1">${d['pBankName']}</span><span class="text-muted">${d['paymentMethod']}</span></div>`; |
|
|
|
row += `<div class="col-4 col-sm-2"><span class="text-nowrap">${d['receiverName']}</span></div>`; |
|
|
|
row += `<div class="col-5 col-sm-2"><span class="text-nowrap">${d['controlNo']}</span></div>`; |
|
|
|
|
|
|
|
if (d['status'].toLowerCase() == 'paid') { |
|
|
|
row += '<div class="col-5 col-sm-2 d-none d-sm-block text-center text-1"><span class="text-success" data-bs-toggle="tooltip" title="" data-bs-original-title="Completed"><i class="fas fa-check-circle"></i> Paid</span></div>'; |
|
|
|
row += `<div class="col-6 col-sm-2 d-none d-sm-block text-center text-1"><span class="text-success" data-bs-toggle="tooltip" title="" data-bs-original-title="Completed"><i class="fas fa-check-circle"></i> Paid</span></div>`; |
|
|
|
} else if (d['status'].toLowerCase() == 'cancel') { |
|
|
|
row += `<div class="col-6 col-sm-2 d-none d-sm-block text-center text-1"><span class="text-danger" data-bs-toggle="tooltip" title="" data-bs-original-title="Cancel"><i class="fas fa-times-circle"></i> Cancel</span></div>`; |
|
|
|
} else if (d['status'].toLowerCase() == 'processing') { |
|
|
|
row += `<div class="col-6 col-sm-2 d-none d-sm-block text-center text-1"><span class="text-warning" data-bs-toggle="tooltip" title="In Progress"><i class="fas fa-ellipsis-h"></i> Processing</span></div>`; |
|
|
|
} |
|
|
|
else if (d['status'].toLowerCase() == 'cancel') { |
|
|
|
row += '<div class="col-5 col-sm-2 d-none d-sm-block text-center text-1"><span class="text-danger" data-bs-toggle="tooltip" title="" data-bs-original-title="Cancel"><i class="fas fa-times-circle"></i> Cancel</span></div>'; |
|
|
|
} |
|
|
|
else if (d['status'].toLowerCase() == 'processing') { |
|
|
|
row += '<div class="col-5 col-sm-2 d-none d-sm-block text-center text-1"><span class="text-warning" data-bs-toggle="tooltip" title="In Progress"><i class="fas fa-ellipsis-h"></i> Processing</span></div>'; |
|
|
|
} |
|
|
|
row += '<div class="col-6 col-sm-2 text-end text-1"> <span class="text-nowrap">-' + d['amount'] + '</span> <span class="text-2 text-uppercase">(' + d['pCurrency'] + ')</span> </div>'; |
|
|
|
row += `<div class="col-7 col-sm-1 text-center"><span class="d-block text-1 fw-300">${d['amount']}</span><span class="d-block text-1 fw-300 text-uppercase">(${d['pCurrency']})</span></div>`; |
|
|
|
// row += `<div class="col-7 col-sm-2"><span class="text-nowrap">-${d['amount']}</span><span class="text-2 text-uppercase">(${d['pCurrency']})</span></div>`; |
|
|
|
//row += `<div class="col-8 col-sm-2"><span class="text-nowrap">${d['amount']}</span><span class="text-2 text-uppercase">(${d['pCurrency']})</span></div>`; |
|
|
|
row += `<div class="col-8 col-sm-2 text-center"><span class="d-block text-1 fw-300">${d['amount']}</span><span class="d-block text-1 fw-300 text-uppercase">(${d['pCurrency']})</span></div>`; |
|
|
|
row += '</div>'; |
|
|
|
row += '</div>'; |
|
|
|
row += '</div>'; |
|
|
@ -446,6 +490,8 @@ |
|
|
|
$('#tranId').next().text(data.id); |
|
|
|
$('#paymentMethod').next().text(data.paymentMethod); |
|
|
|
$('#tstatus').next().text(data.status); |
|
|
|
|
|
|
|
|
|
|
|
// var statusIcon = '<i class="fas fa-check-circle"></i>'; |
|
|
|
// if (data.Status.toLowerCase() === 'cancel') { |
|
|
|
// statusIcon = '<i class="fas fa-times-circle"></i>'; |
|
|
@ -498,5 +544,6 @@ |
|
|
|
window.location.href = '/ReceiverInformation/Receiver?id=' + id + '&edit=Y'; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
</script> |
|
|
|
} |