ui: limit shown chart versions to latest 5

src/ui/src/app/chart-details/chart-details-versions/chart-details-versions.component.html

@@ -1,12 +1,15 @@
 <div class="versions">
   <h1>Chart Versions</h1>
-  <div class="version" *ngFor="let version of versions">
+  <div class="version" *ngFor="let version of shownVersions(versions)">
     <span class='number' [class.selected]="isSelected(version)">
       <a [href]="goToVersionUrl(version)" [routerLink]="goToVersionUrl(version)">
         {{ version.attributes.version }}</a>
     </span> -
     <span class='creation-date'>{{ version.attributes.created | date: 'MMM d, y' }}</span>
   </div>
+  <div class="more-link" *ngIf="showMoreLink()">
+    <a (click)="setShowAllVersions()">show all...</a>
+  </div>
 </div>
 <div class="app-version" *ngIf="currentVersion && currentVersion.attributes.app_version">
   <h1>Application Version</h1>

src/ui/src/app/chart-details/chart-details-versions/chart-details-versions.component.scss

@@ -3,6 +3,9 @@
   h1 {
     margin-top: 0;
   }
+  .more-link {
+    margin-top: .5em;
+  }
 }
 
 .version {

src/ui/src/app/chart-details/chart-details-versions/chart-details-versions.component.ts

@@ -10,6 +10,7 @@ import { ChartAttributes } from '../../shared/models/chart';
 export class ChartDetailsVersionsComponent implements OnInit {
   @Input() versions: ChartVersion[]
   @Input() currentVersion: ChartVersion
+  showAllVersions: boolean
   constructor() { }
 
   ngOnInit() { }
@@ -22,4 +23,19 @@ export class ChartDetailsVersionsComponent implements OnInit {
   isSelected(version: ChartVersion): boolean {
     return version.attributes.version == this.currentVersion.attributes.version;
   }
+
+  showMoreLink(): boolean {
+    return this.versions && this.versions.length > 5 && !this.showAllVersions;
+  }
+
+  setShowAllVersions() {
+    this.showAllVersions = true;
+  }
+
+  shownVersions(versions: ChartVersion[]): ChartVersion[] {
+    if (this.versions) {
+      return this.showAllVersions ? this.versions : this.versions.slice(0, 5);
+    }
+    return [];
+  }
 }