Browse Source

Add css in Dashbord

feature/19315_Customer-Registration-new
Dinesh 11 months ago
parent
commit
645dc30f25
  1. 44
      CustomerOnlineV2/CustomerOnlineV2/Views/Home/Index.cshtml
  2. 10
      CustomerOnlineV2/CustomerOnlineV2/Views/ReceiverInformation/ViewReceiverList.cshtml
  3. 12
      CustomerOnlineV2/CustomerOnlineV2/Views/Transaction/ViewAllTxn.cshtml

44
CustomerOnlineV2/CustomerOnlineV2/Views/Home/Index.cshtml

@ -98,14 +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-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>
<!-- Title End -->
@ -212,12 +212,12 @@
=============================== -->
<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-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>
<!-- 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="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-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') {
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') {
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') {
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
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-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>`;

10
CustomerOnlineV2/CustomerOnlineV2/Views/ReceiverInformation/ViewReceiverList.cshtml

@ -45,11 +45,11 @@
=============================== -->
<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-3">Name</div>
<div class="col-3 col-sm-2">Re-Send </div>
<div class="col-4 col-sm-2">Country</div>
<div class="col-5 col-sm-2 text-end">Transaction Type</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">Re-Send </div>
<div class="col-4 col-sm-2" style="color:white">Country</div>
<div class="col-5 col-sm-2 text-end" style="color:white">Transaction Type</div>
</div>
</div>
<!-- Title End -->

12
CustomerOnlineV2/CustomerOnlineV2/Views/Transaction/ViewAllTxn.cshtml

@ -42,12 +42,12 @@
=============================== -->
<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-3">Receiver Details</div>
<div class="col-3 col-sm-2">Amount </div>
<div class="col-4 col-sm-2">Repeat</div>
<div class="col-5 col-sm-2">Country</div>
<div class="col-6 col-sm-2 text-end">Transaction Type</div>
<div class="col-1 col-sm-1" style="color:white">S.N</div>
<div class="col-2 col-sm-3" style="color:white">Receiver Details</div>
<div class="col-3 col-sm-2" style="color:white">Amount </div>
<div class="col-4 col-sm-2" style="color:white">Repeat</div>
<div class="col-5 col-sm-2" style="color:white">Country</div>
<div class="col-6 col-sm-2 text-end" style="color:white">Transaction Type</div>
</div>
</div>
<!-- Title End -->

Loading…
Cancel
Save