Share Product and Share Account views updated

src/app/loans/loans-view/general-tab/general-tab.component.html

@@ -200,6 +200,11 @@
           <span fxFlex="50%">{{ loanDetails.principal | currency:currencyCode:'symbol-narrow':'1.2-2' }}</span>
         </div>
 
+        <div fxFlexFill *ngIf="loanDetails.balloonRepaymentAmount > 0">
+          <span fxFlex="50%">{{"labels.inputs.Balloon Repayment Amount" | translate}}:</span>
+          <span fxFlex="50%">{{ loanDetails.balloonRepaymentAmount | currency:currencyCode:'symbol-narrow':'1.2-2' }}</span>
+        </div>
+
         <div fxFlexFill>
           <span fxFlex="50%">{{"labels.inputs.Arrears By" | translate}}:</span>
           <span fxFlex="50%">{{"labels.inputs.Not Provided" | translate}}</span>

src/app/loans/loans-view/general-tab/general-tab.component.scss

@@ -5,6 +5,7 @@
   h3 {
     margin: 1% auto;
   }
+
   .performance-history-container {
     border: 1px solid;
     padding: 1%;
@@ -19,4 +20,4 @@
 
 span {
   margin: 0.5em 0;
-}
+}