lazy load first tab as well (#750)

dockstore · Aug 22, 2019 · 50a15b7 · 50a15b7
1 parent e5770bb
commit 50a15b7
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/app/container/files/files.component.html b/src/app/container/files/files.component.html
@@ -15,8 +15,11 @@
   -->
 
 <mat-tab-group mat-stretch-tabs>
+  <!-- Keep this as lazy loaded -->
   <mat-tab label="Dockerfile">
-    <app-dockerfile [entrypath]="entrypath" [id]="id" [selectedVersion]="selectedVersion" [publicPage]="publicPage"> </app-dockerfile>
+    <ng-template matTabContent>
+      <app-dockerfile [entrypath]="entrypath" [id]="id" [selectedVersion]="selectedVersion" [publicPage]="publicPage"> </app-dockerfile>
+    </ng-template>
   </mat-tab>
 
   <mat-tab label="Descriptor Files">

diff --git a/src/app/workflow/files/files.component.html b/src/app/workflow/files/files.component.html
@@ -15,8 +15,11 @@
   -->
 
 <mat-tab-group mat-stretch-tabs>
+  <!-- Keep this as lazy loaded -->
   <mat-tab label="Descriptor Files">
-    <app-descriptors-workflow [entrypath]="entrypath" [id]="id" [selectedVersion]="selectedVersion"> </app-descriptors-workflow>
+    <ng-template matTabContent>
+      <app-descriptors-workflow [entrypath]="entrypath" [id]="id" [selectedVersion]="selectedVersion"> </app-descriptors-workflow>
+    </ng-template>
   </mat-tab>
   <mat-tab label="Test Parameter Files">
     <ng-template matTabContent>