|
@ -98,14 +98,14 @@ |
|
|
=============================== --> |
|
|
=============================== --> |
|
|
<div class="transaction-title py-2 px-4"> |
|
|
<div class="transaction-title py-2 px-4"> |
|
|
<div class="row fw-00"> |
|
|
<div class="row fw-00"> |
|
|
<div class="col-1 col-sm-1">S.N</div> |
|
|
|
|
|
<div class="col-1 col-sm-1 text-center"><span class="">Date</span></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-1"> 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-1">Recieve Amount </div> |
|
|
|
|
|
|
|
|
<div class="col-1 col-sm-1" style="width:3%; color:white">S.N</div> |
|
|
|
|
|
<div class="col-1 col-sm-1 text-center" style="color:white"><span class="">Date</span></div> |
|
|
|
|
|
<div class="col-3 col-sm-2" style="color:white">Payment Mode</div> |
|
|
|
|
|
<div class="col-4 col-sm-2" style="width:13%; color:white;">Receiver Name</div> |
|
|
|
|
|
<div class="col-5 col-sm-2" style="color:white"> Reference Number</div> |
|
|
|
|
|
<div class="col-6 col-sm-2 d-none d-sm-block text-center" style=" color:white">Status</div> |
|
|
|
|
|
<div class="col-7 col-sm-1" style="color:white">Send Amount </div> |
|
|
|
|
|
<div class="col-8 col-sm-1" style="color:white">Recieve Amount </div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<!-- Title End --> |
|
|
<!-- Title End --> |
|
@ -212,12 +212,12 @@ |
|
|
=============================== --> |
|
|
=============================== --> |
|
|
<div class="transaction-title py-2 px-4"> |
|
|
<div class="transaction-title py-2 px-4"> |
|
|
<div class="row fw-00"> |
|
|
<div class="row fw-00"> |
|
|
<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 class="col-1 col-sm-1" style="color:white">S.N</div> |
|
|
|
|
|
<div class="col-2 col-sm-3" style="color:white">Name</div> |
|
|
|
|
|
<div class="col-3 col-sm-2" style="color:white">Send Transaction</div> |
|
|
|
|
|
<div class="col-4 col-sm-2 d-none d-sm-block text-center" style="color:white">Country</div> |
|
|
|
|
|
<div class="col-5 col-sm-2 text-end" style="color:white">Transaction Type</div> |
|
|
|
|
|
<div class="col-6 col-sm-2" style="color:white">Actions</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<!-- Title End --> |
|
|
<!-- Title End --> |
|
@ -440,21 +440,21 @@ |
|
|
|
|
|
|
|
|
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="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="row align-items-center flex-row">'; |
|
|
row += `<div class="col-1 col-sm-1">${i + 1}</div>`; |
|
|
|
|
|
|
|
|
row += `<div class="col-1 col-sm-1" style="width: 3%;">${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-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="table-responsive">${d['receiverName']}</span></div>`; |
|
|
|
|
|
row += `<div class="col-5 col-sm-1"><span class="table-responsive">${d['controlNo']}</span></div>`; |
|
|
|
|
|
|
|
|
row += `<div class="col-3 col-sm-2"><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" style="width:13%;"><span class="table-responsive">${d['receiverName']}</span></div>`; |
|
|
|
|
|
row += `<div class="col-5 col-sm-2"><span class="table-responsive">${d['controlNo']}</span></div>`; |
|
|
|
|
|
|
|
|
if (d['status'].toLowerCase() == 'paid') { |
|
|
if (d['status'].toLowerCase() == 'paid') { |
|
|
row += `<div class="col-6 col-sm-2 d-none d-sm-block text-center text-1"><span class="text-success" style={{color: "#514e82"}} 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" style="color:#008000;><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') { |
|
|
} 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>`; |
|
|
|
|
|
|
|
|
row += `<div class="col-6 col-sm-2 d-none d-sm-block text-center text-1" style="color:#FF0000;><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') { |
|
|
} 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" style={{color: "#514e82"}} data-bs-toggle="tooltip" title="In Progress">PROCESSING</span></div>`; |
|
|
|
|
|
|
|
|
row += `<div class="col-6 col-sm-2 d-none d-sm-block text-center text-1" style="color:#AF804F;><span class="text-warning" data-bs-toggle="tooltip" title="In Progress">PROCESSING</span></div>`; |
|
|
} |
|
|
} |
|
|
else |
|
|
else |
|
|
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="Status"> ${d['status']}</span></div>`; |
|
|
|
|
|
|
|
|
row += `<div class="col-6 col-sm-2 d-none d-sm-block text-center text-1" style="color:#514e82;><span class="text-warning" data-bs-toggle="tooltip" title="Status"> ${d['status']}</span></div>`; |
|
|
row += `<div class="col-7 col-sm-1 text-center"><span class="d-block text-1 fw-300">${d['cAmt']}</span><span class="d-block text-1 fw-300 text-uppercase">(${d['collCurr']})</span></div>`; |
|
|
row += `<div class="col-7 col-sm-1 text-center"><span class="d-block text-1 fw-300">${d['cAmt']}</span><span class="d-block text-1 fw-300 text-uppercase">(${d['collCurr']})</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-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"><span class="text-nowrap">${d['amount']}</span><span class="text-2 text-uppercase">(${d['pCurrency']})</span></div>`; |
|
|