From 5b59be8287ef9aaa4dbda37c340a70fd48fd2531 Mon Sep 17 00:00:00 2001
From: Arundathi Patil <arundpil@in.ibm.com>
Date: Thu, 21 Feb 2019 15:58:13 +0530
Subject: Modify component changes

Made changes in modify component so that the user can view file-editor
first once navigating to stepper 2

Issue-ID: CCSDK-1098
Change-Id: Ibcb48d05567d0bb1857bfb467dd8c4ee5e107181
Signed-off-by: Arundathi Patil <arundpil@in.ibm.com>
---
 .../modify-template/modify-template.component.html       | 16 ++++++----------
 1 file changed, 6 insertions(+), 10 deletions(-)

(limited to 'cds-ui/client/src/app/feature-modules/blueprint/modify-template/modify-template.component.html')

diff --git a/cds-ui/client/src/app/feature-modules/blueprint/modify-template/modify-template.component.html b/cds-ui/client/src/app/feature-modules/blueprint/modify-template/modify-template.component.html
index d59597021..8397ae9f6 100644
--- a/cds-ui/client/src/app/feature-modules/blueprint/modify-template/modify-template.component.html
+++ b/cds-ui/client/src/app/feature-modules/blueprint/modify-template/modify-template.component.html
@@ -20,7 +20,7 @@ limitations under the License.
 -->
 
 <div class="modifyTemp">
-  <div class="outerDiv divone">
+  <div *ngIf="designerMode" class="outerDiv divone">
     <mat-accordion>
       <mat-expansion-panel>
         <mat-expansion-panel-header style="background-color: #f1f1f1">
@@ -48,20 +48,16 @@ limitations under the License.
     </mat-accordion>
   </div>
 
+  <button class="enrich-btn">Enrichment</button>
+  <button (click) ="changeView()" class="toggle-view-btn">{{viewText}}</button>
 
-  <div class="outerDiv divtwo" (click)="on = !on" ondrop="dropcalled(event)" ondragover="allowDrop(event)" id="svgDiv">
-    <button style="cursor: pointer; position: absolute;top: 4em;right: 27em; padding: 6px;color: white; background-color:#3f51b5;margin-right: 2em;border-radius: 2em; ">Enrichment</button>
-    <button (click) ="changeView()" style="cursor: pointer; position: absolute;top: 4em;right: 22em; padding: 6px;color: white;background-color:#3f51b5; border-radius: 2em">{{viewText}}</button>
+  <div *ngIf="designerMode" class="outerDiv divtwo" (click)="on = !on" ondrop="dropcalled(event)" ondragover="allowDrop(event)" id="svgDiv">
     <app-designer *ngIf="designerMode" (onNodeSelect)="on = !on; viewNodeDetails($event)"></app-designer>
-    <app-editor *ngIf="editorMode"></app-editor>
   </div>
 
+  <app-editor class="editor-selector" *ngIf="editorMode"></app-editor>
 
-  <div cdkDropList id="list-2" cdkDropListConnectedTo="list-1" (cdkDropListDropped)="drop($event)">
-    <div *ngFor="let item of list" cdkDrag>{{ item }}</div>
-  </div>
-
-  <div *ngIf="on" id="overlay" class="outerDiv divThree">
+  <div *ngIf="designerMode && on" id="overlay" class="outerDiv divThree">
     <mat-accordion style="width: 100%">
 
         <mat-expansion-panel (opened)="panelOpenState = true" (closed)="panelOpenState = false">
-- 
cgit 1.2.3-korg