Add new interest pause and list existing interest pause periods of the loan

src/app/shared/external-identifier/external-identifier.component.html

@@ -2,12 +2,12 @@
   <span (click)="copyValue()" *ngIf="displayL && iconVisible"
     ><fa-icon icon="copy" size="sm" title="Copy External Id"></fa-icon
   ></span>
-  <span class="m-l-3" *ngIf="displayL && !completed && iconVisible && isLongValue()"
+  <span class="m-l-3" *ngIf="displayL && !completed && iconVisible && isLongValue()" (click)="showValue()"
     ><fa-icon icon="eye" size="sm" [title]="externalId"></fa-icon
   ></span>
-  <span class="m-l-5" *ngIf="!completed">{{ externalId | externalIdentifier }}</span>
-  <span class="m-l-5" *ngIf="completed">{{ externalId }}</span>
-  <span class="m-l-5" *ngIf="displayR && !completed && iconVisible && isLongValue()"
+  <span class="m-l-5" *ngIf="!completed" (click)="showValue()">{{ externalId | externalIdentifier }}</span>
+  <span class="m-l-5" *ngIf="completed" (click)="showValue()">{{ externalId }}</span>
+  <span class="m-l-5" *ngIf="displayR && !completed && iconVisible && isLongValue()" (click)="showValue()"
     ><fa-icon icon="eye" size="sm" [title]="externalId"></fa-icon
   ></span>
   <span class="m-l-3" (click)="copyValue()" *ngIf="displayR && iconVisible"

src/app/shared/external-identifier/external-identifier.component.ts

@@ -33,6 +33,10 @@ export class ExternalIdentifierComponent implements OnInit {
     return (this.externalId.length > 15);
   }
 
+  showValue() {
+    this.completed = !this.completed;
+  }
+
   copyValue(): void {
     this.clipboard.copy(this.externalId);
     this.alertService.alert({ type: 'Clipboard', message: 'Copied: ' + this.externalId });

src/app/shared/long-text/long-text.component.html

@@ -1,5 +1,5 @@
 <span (mouseenter)="mouseEnter()" (mouseleave)="mouseLeave()" *ngIf="!emptyValue">
-  <span class="m-l-3" *ngIf="isLongValue()"><fa-icon icon="eye" size="sm" [title]="textValue"></fa-icon></span>
-  <span class="m-l-5" *ngIf="isLongValue()">{{ textValue | truncateText: chars }}...</span>
-  <span class="m-l-5" *ngIf="!isLongValue()">{{ textValue }}</span>
+  <span class="m-l-3" *ngIf="isLongValue()" (click)="showValue()"><fa-icon icon="eye" size="sm" [title]="textValue"></fa-icon></span>
+  <span class="m-l-5" *ngIf="isLongValue()" (click)="showValue()">{{ textValue | truncateText: printChars }}...</span>
+  <span class="m-l-5" *ngIf="!isLongValue()" (click)="showValue()">{{ textValue }}</span>
 </span>

src/app/shared/long-text/long-text.component.ts

@@ -14,10 +14,13 @@ export class LongTextComponent implements OnInit {
   displayR = true;
   emptyValue = false;
 
+  printChars = 30;
+
   constructor() { }
 
   ngOnInit(): void {
     this.emptyValue = (!this.textValue || this.textValue === '');
+    this.printChars = this.chars;
   }
 
   isLongValue(): boolean {
@@ -27,6 +30,14 @@ export class LongTextComponent implements OnInit {
     return (this.textValue.length > 25);
   }
 
+  showValue() {
+    if (this.printChars == 30) {
+      this.printChars = 1000;
+    } else {
+      this.printChars = 30;
+    }
+  }
+
   mouseEnter() {
     this.iconVisible = true;
   }

src/app/shared/notifications-tray/notifications-tray.component.ts

@@ -50,7 +50,7 @@ export class NotificationsTrayComponent implements OnInit, OnDestroy {
    * @param {NotificationsService} notificationsService Notifications Service
    */
   constructor(public notificationsService: NotificationsService) {
-    forkJoin([this.notificationsService.getNotifications(true), this.notificationsService.getNotifications(false)])
+    forkJoin([this.notificationsService.getNotifications(true, 9), this.notificationsService.getNotifications(false, 9)])
     .subscribe((response: any[]) => {
       this.readNotifications = response[0].pageItems;
       this.unreadNotifications = response[1].pageItems;
@@ -78,7 +78,7 @@ export class NotificationsTrayComponent implements OnInit, OnDestroy {
    * Recursively fetch unread notifications.
    */
   fetchUnreadNotifications() {
-    this.notificationsService.getNotifications(false).subscribe((response: any) => {
+    this.notificationsService.getNotifications(false, 9).subscribe((response: any) => {
       this.unreadNotifications = this.unreadNotifications.concat(response.pageItems);
       this.setNotifications();
     });