From 93a675181a453b32ccd1502d8e8b271582e32185 Mon Sep 17 00:00:00 2001
From: logoutdhaval <100835289+logoutdhaval@users.noreply.github.com>
Date: Mon, 23 May 2022 22:11:36 +0530
Subject: [PATCH] FINERACT-1510: Reveasal of transaction (#3477)

---
 app/styles/styles.css                              |  7 +++++++
 app/views/savings/view_saving_account_details.html | 11 +++++++----
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/app/styles/styles.css b/app/styles/styles.css
index cf49993d..b80ceac3 100644
--- a/app/styles/styles.css
+++ b/app/styles/styles.css
@@ -22401,3 +22401,10 @@ Interactive Layer
     transform: rotate(360deg);
   }
 }
+.strike-grey{
+  text-decoration: line-through;
+  color: rgb(202 140 45);
+}
+.amber{
+  color: rgb(202 140 45);
+} 
\ No newline at end of file
diff --git a/app/views/savings/view_saving_account_details.html b/app/views/savings/view_saving_account_details.html
index 2718f6c4..b9a10174 100755
--- a/app/views/savings/view_saving_account_details.html
+++ b/app/views/savings/view_saving_account_details.html
@@ -493,7 +493,8 @@
                             </tr>
                             </thead>
                             <tbody>
-                            <tr class="pointer-main" ng-hide="transaction.reversed"
+                            <tr class="pointer-main" ng-class="{'pointer-main strike-grey' : transaction.reversed, 'pointer-main amber' : transaction.isReversal, 
+                            'pointer-main': !(transaction.reversed || transaction.isReversal)}"
                                 ng-repeat="transaction in savingaccountdetails.transactions | orderBy:transactionSort.column[2]:transactionSort.ascending">
                                 <td class="pointer"
                                     data-ng-click="routeTo(transaction.accountId,transaction.id,transaction.transfer,transaction.transfer.id)">
@@ -505,17 +506,19 @@
                                 </td>
                                 <td class="pointer"
                                     data-ng-click="routeTo(transaction.accountId,transaction.id,transaction.transfer,transaction.transfer.id)">
-                                    {{transaction.transactionType.value}}
+                                    {{transaction.transactionType.value}}<span ng-if=" transaction.isReversal">(R)</span>
                                 </td>
                                 <td class="pointer"
                                     data-ng-click="routeTo(transaction.accountId,transaction.id,transaction.transfer,transaction.transfer.id)">
-                                    <div ng-show="isDebit(transaction.transactionType)">
+                                    <div ng-show="(isDebit(transaction.transactionType)&&!transaction.isReversal)||
+                                    (!isDebit(transaction.transactionType)&&transaction.isReversal)">
                                         {{transaction.amount| number}}
                                     </div>
                                 </td>
                                 <td class="pointer"
                                     data-ng-click="routeTo(transaction.accountId,transaction.id,transaction.transfer,transaction.transfer.id)">
-                                    <div ng-show="!isDebit(transaction.transactionType)">
+                                    <div ng-show="(!isDebit(transaction.transactionType)&&!transaction.isReversal)||
+                                    (isDebit(transaction.transactionType)&&transaction.isReversal)">
                                         {{transaction.amount| number}}
                                     </div>
                                 </td>