|
|
@ -8,6 +8,7 @@ |
|
|
|
<meta charset="UTF-8" /> |
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, shrink-to-fit=no" /> |
|
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-..." crossorigin="anonymous" referrerpolicy="no-referrer" /> |
|
|
|
|
|
|
|
</head> |
|
|
|
<body> |
|
|
@ -37,8 +38,10 @@ |
|
|
|
=============================== --> |
|
|
|
<div class="transaction-title py-2 px-4"> |
|
|
|
<div class="row fw-00"> |
|
|
|
<div class="col-1 col-sm-4">Title</div> |
|
|
|
<div class="col-2 col-sm-2">Message </div> |
|
|
|
@* <div class="col-1 col-sm-1">S.N.</div> *@ |
|
|
|
<div class="col-1 col-sm-1">Category</div> |
|
|
|
<div class="col-1 col-sm-3">Title</div> |
|
|
|
<div class="col-2 col-sm-4">Message </div> |
|
|
|
<div class="col-2 col-sm-2">Date </div> |
|
|
|
@* <div class="col-3 col-sm-2 d-none d-sm-block text-center">Date</div> |
|
|
|
<div class="col-4 col-sm-2 text-end">Transaction Type</div> *@ |
|
|
@ -48,15 +51,16 @@ |
|
|
|
<!-- My Receiver List |
|
|
|
=============================== --> |
|
|
|
<div class="transaction-list"> |
|
|
|
<div class="transaction-item px-4 py-3" data-bs-toggle="modal" data-bs-target="#transaction-detail"> |
|
|
|
<div class="transaction-item px-4 py-2" data-bs-toggle="modal" data-bs-target="#transaction-detail"> |
|
|
|
<div class="row align-items-center flex-row"> |
|
|
|
<div class="col-1 col-sm-4"> <span class="d-block text-1" id="title"></span></div> |
|
|
|
<div class="col-2 col-sm-2"> <span class="d-block text-1" id="body"></span></div> |
|
|
|
<div class="col-2 col-sm-2"> <span class="d-block text-1" id="date"></span></div> |
|
|
|
@* <div class="col-3 col-sm-2 d-none d-sm-block text-center text-1" id="pCountry"></div> |
|
|
|
<div class="col-4 col-sm-2 text-end text-1" id="paymentMethod"> <span class="text-nowrap"></span></div> *@ |
|
|
|
@* <div class="col-1 col-sm-1"><span class="d-block text-1" id="sn">${sn}</span></div> *@ |
|
|
|
<div class="col-3 col-sm-3"><span class="d-block text-1" id="iconHtml">${iconHtml}</span></div> |
|
|
|
<div class="col-3 col-sm-3"><span class="d-block text-1" id="title">${d.title}</span></div> |
|
|
|
<div class="col-3 col-sm-4"><span class="d-block text-1" id="body">${d.body}</span></div> |
|
|
|
<div class="col-2 col-sm-2"><span class="d-block text-1" id="date">${d.date}</span></div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
<!-- My Receiver List End --> |
|
|
|
|
|
|
@ -127,7 +131,6 @@ |
|
|
|
}, |
|
|
|
async: false, |
|
|
|
success: function (response) { |
|
|
|
debugger; |
|
|
|
// if (response.responsecode != 0) { |
|
|
|
// showalertmessage(response.responsecode, response.responsemessage); |
|
|
|
// } |
|
|
@ -149,13 +152,38 @@ |
|
|
|
transactionList.empty(); |
|
|
|
|
|
|
|
$.each(result, function (i, d) { |
|
|
|
|
|
|
|
var iconHtml; |
|
|
|
if (d.category === 'SUCCESS') { |
|
|
|
iconHtml = d.isRead ? |
|
|
|
// '<i class="fa-solid fa-circle-check" style="color: #27a03f;"></i>' : |
|
|
|
// '<i class="fa-solid fa-circle-check" style="color: #757575;"></i>'; |
|
|
|
'<i class="fas fa-check-circle" style = "color: #17ad14;" > </i>': |
|
|
|
'< i class="fas fa-check-circle" style = "color: #8b8d8b;" > </i>'; |
|
|
|
|
|
|
|
} else if (d.category === 'INFO') { |
|
|
|
iconHtml = d.isRead ? |
|
|
|
// '<i class="fa-solid fa-comment-exclamation" style="color: #327af5;"></i>' : |
|
|
|
// '<i class="fa-solid fa-comment-exclamation" style="color: #96989c;"></i>'; |
|
|
|
// ' <i class="fas fa-circle-info" style="color: #3e83f9;"></i>': |
|
|
|
// '<i class="fas fa-circle-info" style="color: #878787;"></i>'; |
|
|
|
'<i class="fa-info-circle" style = "color: #3e83f9;" > </i>' : |
|
|
|
'< i class="fa-info-circle" style = "color: #8b8d8b;" > </i>'; |
|
|
|
} else if (d.category === 'ERROR') { |
|
|
|
iconHtml = d.isRead ? |
|
|
|
// '<i class="fa-solid fa-triangle-exclamation" style="color: #de2121;"></i>' : |
|
|
|
// '<i class="fa-solid fa-triangle-exclamation" style="color: #7c7979;"></i>'; |
|
|
|
' <i class="fa-solid fa-triangle-exclamation" style="color: #e0350b;"></i>' : |
|
|
|
'<i class="fa-solid fa-triangle-exclamation" style="color: #878382;"></i>'; |
|
|
|
} |
|
|
|
|
|
|
|
var row = ` |
|
|
|
<div class="transaction-item px-4 py-2" data-bs-toggle="modal" data-bs-target="#transaction-detail"> |
|
|
|
<div class="row align-items-center flex-row"> |
|
|
|
<div class="col-1 col-sm-1">${iconHtml}</div> |
|
|
|
<div class="col-1 col-sm-3"><span class="d-block text-1">${d.title}</span></div> |
|
|
|
<div class="col-1 col-sm-3"><span class="d-block text-1">${d.body}</span></div> |
|
|
|
<div class="col-1 col-sm-3"><span class="d-block text-1">${d.date}</span></div> |
|
|
|
|
|
|
|
<div class="col-1 col-sm-4"><span class="d-block text-1">${d.body}</span></div> |
|
|
|
<div class="col-1 col-sm-2"><span class="d-block text-1">${d.date}</span></div> |
|
|
|
</div> |
|
|
|
</div>`; |
|
|
|
|
|
|
@ -164,5 +192,6 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
</script> |
|
|
|
} |