Modify Component HTML changes

Moved the deploy, save , download, publish, enrich action buttons to
common modify-template component

Issue-ID: CCSDK-1098
Change-Id: I52d4cb1864d90eecbb7b1fcdadfb17d8be84b86d
Signed-off-by: Arundathi Patil <arundpil@in.ibm.com>

2 files changed, 13 insertions, 22 deletions

diff --git a/cds-ui/client/src/app/feature-modules/blueprint/modify-template/editor/editor.component.html b/cds-ui/client/src/app/feature-modules/blueprint/modify-template/editor/editor.component.html
index 53bbc6dfa..64b201d81 100644
--- a/cds-ui/client/src/app/feature-modules/blueprint/modify-template/editor/editor.component.html
+++ b/cds-ui/client/src/app/feature-modules/blueprint/modify-template/editor/editor.component.html
@@ -21,13 +21,10 @@ limitations under the License.
 <div class="container">
     <div class="fileViewContainer">
         <mat-tree [dataSource]="dataSource" [treeControl]="treeControl">
-            <!-- This is the tree node template for leaf nodes -->
             <mat-tree-node *matTreeNodeDef="let node" matTreeNodePadding>
-                <!-- use a disabled button to provide padding for tree leaf -->
                 <button mat-icon-button disabled></button>
                 <button mat-icon-button (click)="selectFileToView(node)">{{node.name}}</button>
             </mat-tree-node>
-            <!-- This is the tree node template for expandable nodes -->
             <mat-tree-node *matTreeNodeDef="let node;when: hasChild" matTreeNodePadding>
                 <button mat-icon-button matTreeNodeToggle [attr.aria-label]="'toggle ' + node.name">
                 <mat-icon class="mat-icon-rtl-mirror">
@@ -39,26 +36,12 @@ limitations under the License.
         </mat-tree>
     </div>
     <div class="editorConatiner">
+        <i class="fa fa-save save-icon" style="font-size:24px" (click)="updateBlueprint()"></i>
         <ace-editor [(text)]="text" [(mode)]="mode" #editor class="aceEditor"></ace-editor>
     </div>
 </div>
-<!-- <div style="position:relative">
-    <button mat-button class="savebtn" (click)="updateBlueprint();SaveToBackend()">Save</button>
-    <button mat-button class="savebtn" style="margin-left: 82px;" (click)="download();">Download</button>
-</div>
-
-<div>
-    <mat-form-field>
-        <select matNativeControl required>
-          <option value="volvo">SDC</option>
-          <option value="saab">CCSDK</option>
-        </select>
-    </mat-form-field>
-    <button  mat-button class="savebtn">Deploy</button>
-    <button  mat-button class="savebtn">Save</button>
-</div> -->
 
-<div style="display: flex;flex-direction: row">
+<!-- <div style="display: flex;flex-direction: row">
     <div style="height: 6em;
     width: 30em;">
 
@@ -102,4 +85,4 @@ limitations under the License.
 
         </div>
     </div>
-</div>
\ No newline at end of file
+</div> -->
\ No newline at end of file
diff --git a/cds-ui/client/src/app/feature-modules/blueprint/modify-template/editor/editor.component.scss b/cds-ui/client/src/app/feature-modules/blueprint/modify-template/editor/editor.component.scss
index 58f0ab85d..136c08bfa 100644
--- a/cds-ui/client/src/app/feature-modules/blueprint/modify-template/editor/editor.component.scss
+++ b/cds-ui/client/src/app/feature-modules/blueprint/modify-template/editor/editor.component.scss
@@ -41,12 +41,20 @@ limitations under the License.
     overflow: hidden;
     height: 100% !important;
     background-color: white !important;
-    border: 1px solid #3f87a6;
-    border-left: 5px solid #3f87a6;
+    border: 1px solid #3f51b5;
+    // border-left: 5px solid #3f51b5;
 }
 .savebtn {
     color: white;
     background-color: #3f51b5;
     position: absolute;
     bottom: 5px;
+}
+.save-icon{
+    position: absolute;
+    left: 59em;
+    color: #3f51b5;
+    font-size: 24px;
+    cursor: pointer;
+    z-index: 1;
 }
\ No newline at end of file