From e8591078db3b55a686a2b14b3f4340ceef9c4adb Mon Sep 17 00:00:00 2001
From: Vikram Raj <vikramraj1991@gmail.com>
Date: Wed, 8 Aug 2018 14:08:45 +0530
Subject: [PATCH] fix(mission-runtime-createapp): increase the limit of mission
 and runtime description truncate.

---
 ...mission-runtime-createapp-step.component.html |  8 ++++----
 ...sion-runtime-createapp-step.component.spec.ts | 16 ++++++++--------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/app/launcher/create-app/mission-runtime-createapp-step/mission-runtime-createapp-step.component.html b/src/app/launcher/create-app/mission-runtime-createapp-step/mission-runtime-createapp-step.component.html
index 530bc2ee..ca795f2e 100644
--- a/src/app/launcher/create-app/mission-runtime-createapp-step/mission-runtime-createapp-step.component.html
+++ b/src/app/launcher/create-app/mission-runtime-createapp-step/mission-runtime-createapp-step.component.html
@@ -106,12 +106,12 @@ <h2 class="card-pf-title">
                         </div>
                         <div class="list-group-item-text" *ngIf="mission.description">
                           <span class="description" *ngIf="mission.showMore !== true">
-                            {{mission.description | truncate: 55}}
+                            {{mission.description | truncate: 65}}
                           </span>
                           <span *ngIf="mission.showMore">
                             {{mission.description}}
                           </span>
-                          <span class="description-more" *ngIf="mission.description.length > 55">
+                          <span class="description-more" *ngIf="mission.description.length > 65">
                             <a href="javascript:void(0)"
                                (click)="mission.showMore = !mission.showMore; $event.stopPropagation()">
                               {{(mission.showMore) ? 'Less' : 'More'}}
@@ -223,12 +223,12 @@ <h2 class="card-pf-title">
                         </div>
                         <div class="list-group-item-text" *ngIf="runtime.description">
                           <span class="description" *ngIf="!runtime.showMore">
-                            {{runtime.description | truncate: 55}}
+                            {{runtime.description | truncate: 65}}
                           </span>
                           <span *ngIf="runtime.showMore">
                             {{runtime.description}}
                           </span>
-                          <span class="description-more" *ngIf="runtime.description.length > 55">
+                          <span class="description-more" *ngIf="runtime.description.length > 65">
                             <a class="description-more" href="javascript:void(0)"
                                (click)="runtime.showMore = !runtime.showMore; $event.stopPropagation()">
                               {{(runtime.showMore) ? 'Less' : 'More'}}
diff --git a/src/app/launcher/create-app/mission-runtime-createapp-step/mission-runtime-createapp-step.component.spec.ts b/src/app/launcher/create-app/mission-runtime-createapp-step/mission-runtime-createapp-step.component.spec.ts
index 2a7c21a3..11fbae4f 100644
--- a/src/app/launcher/create-app/mission-runtime-createapp-step/mission-runtime-createapp-step.component.spec.ts
+++ b/src/app/launcher/create-app/mission-runtime-createapp-step/mission-runtime-createapp-step.component.spec.ts
@@ -212,7 +212,7 @@ describe('MissionRuntimeStepComponent', () => {
     }
   });
 
-  it('should have the mission description truncated if the length is beyond 55 characters', fakeAsync(() => {
+  it('should have the mission description truncated if the length is beyond 65 characters', fakeAsync(() => {
     let desc: string = 'this is a very lengthy description just to check the functionality of truncation';
     component.missions[0].description = desc;
     component.missions[1].description = desc;
@@ -222,11 +222,11 @@ describe('MissionRuntimeStepComponent', () => {
     let missionHead = missionsSection.querySelectorAll('.list-group-item-text');
     let missions = component.missions, len = missions.length;
     for (let i = 0; i < len; ++ i) {
-      expect((<HTMLDivElement>missionHead[i].children[0]).innerText.trim()).toBe(desc.substr(0, 55) + '...');
+      expect((<HTMLDivElement>missionHead[i].children[0]).innerText.trim()).toBe(desc.substr(0, 65) + '...');
     }
   }));
 
-  it('should show "Less" if the showMore is true and description length is more then 55 characters - Missions', () => {
+  it('should show "Less" if the showMore is true and description length is more then 65 characters - Missions', () => {
     component.missions[0]['showMore'] = true;
     fixture.detectChanges();
     let missionsSection = element.querySelectorAll('.card-pf-body')[0];
@@ -253,7 +253,7 @@ describe('MissionRuntimeStepComponent', () => {
     }
   });
 
-  it('should show "More" if the showMore is false and description length is more that 55 characters - Missions', () => {
+  it('should show "More" if the showMore is false and description length is more that 65 characters - Missions', () => {
     fixture.detectChanges();
     let missionsSection = element.querySelectorAll('.card-pf-body')[0];
     let descElement = <HTMLSpanElement>missionsSection.querySelectorAll('.list-group-item-text .description')[0];
@@ -351,7 +351,7 @@ describe('MissionRuntimeStepComponent', () => {
     }
   });
 
-  it('should have the runtime description truncated if the length is beyond 55 characters', () => {
+  it('should have the runtime description truncated if the length is beyond 65 characters', () => {
     let desc: string = 'this is a very lengthy description just to check the functionality of truncation';
     component.runtimes[0].description = desc;
     component.runtimes[1].description = desc;
@@ -360,11 +360,11 @@ describe('MissionRuntimeStepComponent', () => {
     let runtimesHead = runtimesSection.querySelectorAll('.list-group-item-text');
     let runtimes = component.runtimes, len = runtimes.length;
     for (let i = 0; i < len; ++ i) {
-      expect((<HTMLDivElement>runtimesHead[i].children[0]).innerText.trim()).toBe(desc.substr(0, 55) + '...');
+      expect((<HTMLDivElement>runtimesHead[i].children[0]).innerText.trim()).toBe(desc.substr(0, 65) + '...');
     }
   });
 
-  it('should show "Less" if the showMore is true and description length is more that 55 characters - Runtimes', () => {
+  it('should show "Less" if the showMore is true and description length is more that 65 characters - Runtimes', () => {
     component.runtimes[0].showMore = true;
     fixture.detectChanges();
     let runtimesSection = element.querySelectorAll('.card-pf-body')[1];
@@ -377,7 +377,7 @@ describe('MissionRuntimeStepComponent', () => {
     }
   });
 
-  it('should show "More" if the showMore is false and description length is more that 55 characters - Runtimes', () => {
+  it('should show "More" if the showMore is false and description length is more that 65 characters - Runtimes', () => {
     fixture.detectChanges();
     let runtimesSection = element.querySelectorAll('.card-pf-body')[1];
     let descElement = <HTMLSpanElement>runtimesSection.querySelectorAll('.list-group-item-text .description')[0];