diff options
author | 2019-03-20 13:20:33 +0530 | |
---|---|---|
committer | 2019-03-20 13:20:41 +0530 | |
commit | ef0eaafee012b1b041988dcdb21b1236e5bd6781 (patch) | |
tree | 680cc981c3dd2cfe4d1262fab9664ed0d119dd2f /cds-ui/client/src/app/feature-modules/blueprint/modify-template/editor/editor.component.html | |
parent | cfd5cf0ed7dec66165a217833c7d7ce243f3c3a1 (diff) |
Editor Component Changes
Implemented code to highlight file o select.
Issue-ID: CCSDK-1098
Change-Id: I1daa4d86b77ebb5de72f425b536ba64e18b04dfd
Signed-off-by: Arundathi Patil <arundpil@in.ibm.com>
Diffstat (limited to 'cds-ui/client/src/app/feature-modules/blueprint/modify-template/editor/editor.component.html')
-rw-r--r-- | cds-ui/client/src/app/feature-modules/blueprint/modify-template/editor/editor.component.html | 54 |
1 files changed, 4 insertions, 50 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 64b201d81..308f9cc1f 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 @@ -20,8 +20,8 @@ limitations under the License. <div class="container"> <div class="fileViewContainer"> - <mat-tree [dataSource]="dataSource" [treeControl]="treeControl"> - <mat-tree-node *matTreeNodeDef="let node" matTreeNodePadding> + <mat-tree [dataSource]="dataSource" [treeControl]="treeControl" style="background-color: #ebebeb"> + <mat-tree-node *matTreeNodeDef="let node" matTreeNodePadding (click)="selectFileToView(node);activeNode = node" [ngClass]="{ 'background-highlight': activeNode === node }"> <button mat-icon-button disabled></button> <button mat-icon-button (click)="selectFileToView(node)">{{node.name}}</button> </mat-tree-node> @@ -31,7 +31,7 @@ limitations under the License. {{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}} </mat-icon> </button> - <button mat-icon-button (click)="selectFileToView(node)">{{node.name}}</button> + <button mat-icon-button>{{node.name}}</button> </mat-tree-node> </mat-tree> </div> @@ -39,50 +39,4 @@ limitations under the License. <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="display: flex;flex-direction: row"> - <div style="height: 6em; - width: 30em;"> - - </div> - <div style="height: 6em; - width: 16em"> - <button style="margin: 0.5em; - background-color: #3f51b5; - color: white; - border-radius: 2em; - padding: 0.5em; - min-width: 6em;" (click)="updateBlueprint()">Save Changes</button> - </div> - <div style="height: 6em; - width: 100%;"> - <div style="margin-left: 38em"> - <mat-form-field> - <select matNativeControl required> - <option value="volvo">SDC</option> - <option value="saab">CCSDK</option> - </select> - </mat-form-field> - <button style="margin: 0.5em; - background-color: #3f51b5; - color: white; - border-radius: 2em; - padding: 0.5em; - min-width: 6em;">Deploy</button> - <button style="margin: 0.5em; - background-color: #3f51b5; - color: white; - border-radius: 2em; - padding: 0.5em; - min-width: 6em;">Save</button> - <button style="margin: 0.5em; - background-color: #3f51b5; - color: white; - border-radius: 2em; - padding: 0.5em; - min-width: 6em;" (click)="download()">Download</button> - - </div> - </div> -</div> -->
\ No newline at end of file +</div>
\ No newline at end of file |