File undefined issue fix

Import file issue in Select template fix
Change-Id: I6131262ec0818ca20addad007fa600f8c43084da
Issue-ID: CCSDK-703
Signed-off-by: Ezhilarasi <ezhrajam@in.ibm.com>

3 files changed, 16 insertions, 12 deletions

diff --git a/cds-ui/client/src/app/feature-modules/blueprint/select-template/select-template.component.html b/cds-ui/client/src/app/feature-modules/blueprint/select-template/select-template.component.html
index a9c604224..f0a38324b 100644
--- a/cds-ui/client/src/app/feature-modules/blueprint/select-template/select-template.component.html
+++ b/cds-ui/client/src/app/feature-modules/blueprint/select-template/select-template.component.html
@@ -21,25 +21,29 @@ limitations under the License.
 <mat-vertical-stepper linear>
     <mat-step [stepControl]="step1FormGroup">
         <ng-template matStepLabel>Choose CBA Template file</ng-template>
-        <app-template-options></app-template-options>
-        <br>
-        <div>
-            <button mat-button matStepperNext class="matStepNextBtn">Proceed</button>
+        <div class="matStepContent">
+            <app-template-options></app-template-options>
+            <br>
+            <div>
+                <button mat-button matStepperNext class="matStepNextBtn">Proceed</button>
+            </div>
         </div>
     </mat-step>
 
     <mat-step [stepControl]="step2FormGroup">
         <ng-template matStepLabel>Browse CBA Template file</ng-template>
-        <app-search-template (cbaFile)="fileChange($event)"></app-search-template>
-        <br>
-        <div>
-            <button mat-button matStepperNext class="matStepNextBtn">Upload</button>
+        <div class="matStepContent">
+            <app-search-template (cbaFile)="fileChange($event)"></app-search-template>
+           <!-- <div>
+                <button mat-button matStepperNext class="matStepNextBtn">Upload</button>
+            </div>-->
         </div>
     </mat-step>
     <mat-step [stepControl]="step3FormGroup">
         <ng-template matStepLabel>Enter Metadata details</ng-template>
-        <app-metadata (metadataform)="metaDataDetail($event)"></app-metadata>
-        <br>
+        <div class="matStepContent">
+            <app-metadata (metadataform)="metaDataDetail($event)"></app-metadata>
+        </div>
     </mat-step>
 </mat-vertical-stepper>
 <button mat-button matStepperNext class="matStepNextBtn" (click)="saveBlueprintModel()">Next</button>
\ No newline at end of file
diff --git a/cds-ui/client/src/app/feature-modules/blueprint/select-template/select-template.component.scss b/cds-ui/client/src/app/feature-modules/blueprint/select-template/select-template.component.scss
index c0e3dfb99..64c816477 100644
--- a/cds-ui/client/src/app/feature-modules/blueprint/select-template/select-template.component.scss
+++ b/cds-ui/client/src/app/feature-modules/blueprint/select-template/select-template.component.scss
@@ -27,7 +27,7 @@ limitations under the License.
     margin-bottom: 5px;
 }
 
-.matStep {
+.matStepContent {
     margin-top: 15px !important;
     margin-bottom: 20px !important;
 }
diff --git a/cds-ui/client/src/app/feature-modules/blueprint/select-template/select-template.component.ts b/cds-ui/client/src/app/feature-modules/blueprint/select-template/select-template.component.ts
index 091dd35b2..431b734e9 100644
--- a/cds-ui/client/src/app/feature-modules/blueprint/select-template/select-template.component.ts
+++ b/cds-ui/client/src/app/feature-modules/blueprint/select-template/select-template.component.ts
@@ -40,7 +40,7 @@ export class SelectTemplateComponent implements OnInit {
   importModel: IImportModel;
 
   constructor(private store: Store<IBlueprintState>) {
-    this.importModel.file = '';
+    // this.importModel.file = '';
   }
 
   ngOnInit() {