FINERACT-1510: Reveasal of transaction (#3477)

Author: logoutdhaval

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);
+} 

app/views/savings/view_saving_account_details.html

@@ -493,7 +493,8 @@ <h3>{{'label.heading.availableBalance' | translate}}: {{savingaccountdetails.cur
                             </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 @@ <h3>{{'label.heading.availableBalance' | translate}}: {{savingaccountdetails.cur
                                 </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>