aboutsummaryrefslogtreecommitdiffstats
path: root/cds-ui/client/src/app/feature-modules/blueprint/modify-template/editor
diff options
context:
space:
mode:
authorArundathi Patil <arundpil@in.ibm.com>2019-03-18 17:50:14 +0530
committerIBM602-PC0F1E3C\Arundathi <arundpil@in.ibm.com>2019-03-18 17:50:25 +0530
commitcc3532626edbeee463d661b5721ca5ddc3f69e44 (patch)
tree3122fd5bd3fd07b0e2c5e84cdeff03b3a7a9dbc9 /cds-ui/client/src/app/feature-modules/blueprint/modify-template/editor
parent093cdee0c8745aee5e93bcb577e03eb45cd1f46e (diff)
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>
Diffstat (limited to 'cds-ui/client/src/app/feature-modules/blueprint/modify-template/editor')
-rw-r--r--cds-ui/client/src/app/feature-modules/blueprint/modify-template/editor/editor.component.html23
-rw-r--r--cds-ui/client/src/app/feature-modules/blueprint/modify-template/editor/editor.component.scss12
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