diff options
author | 2020-05-20 18:26:45 +0530 | |
---|---|---|
committer | 2020-05-20 13:50:06 +0000 | |
commit | ece9a75262670dba3e622cea8452957925ce036d (patch) | |
tree | c6dae13b366d7801b26d233467c5a814c5294238 /cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/designer.component.html | |
parent | 2f467eb7afcaad363ea08246ec473094a5346c9e (diff) |
custom action name
Issue-ID: CCSDK-2269
Change-Id: I16efe1d6bae9ef13f4c70525db4e37d35154479a
Signed-off-by: Rupinder <rupinsi1@in.ibm.com>
Diffstat (limited to 'cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/designer.component.html')
-rw-r--r-- | cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/designer.component.html | 63 |
1 files changed, 23 insertions, 40 deletions
diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/designer.component.html b/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/designer.component.html index 3e3528c00..6904d5781 100644 --- a/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/designer.component.html +++ b/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/designer.component.html @@ -100,12 +100,17 @@ </div> </header> <div class="source-button editBar"> + <div class="btn-group viewBtns" role="group"> + <button (click)="_toggleSidebar1()" class="topologySource active"> + <i style="font-size:24px" class="fa"></i> + </button> <button type="button" class="btn btn-secondary topologySource active">Designer</button> <button [routerLink]="['/designer/source', viewedPackage.id]" type="button" class="btn btn-secondary topologyView">Scripting</button> </div> </div> + <ng-sidebar-container class="sidebar-container"> <!-- Controller SideBar --> <ng-sidebar [(opened)]="controllerSideBar" [sidebarClass]="'demo-sidebar controllerSidebar container-fluid'" @@ -122,21 +127,33 @@ href="#nav-function" role="tab" aria-controls="nav-function" aria-selected="false">Functions</a> </div> </div> - </nav> + </nav> - <div class="row mt-2"> - <div class="col"> + <div class="row mt-2"> + <div class="col-12"> <div class="tab-content" id="nav-tabContent"> <div class="tab-pane fade show active" id="nav-action" role="tabpanel" aria-labelledby="nav-action-tab"> + <!--Action Search Box--> + <div> + <h1>Search</h1> + </div> + <div class="btn-group actionBtns col-8" role="group"> <button (click)="insertCustomActionIntoBoard()" type="button" class="btn insert-custom"> - Insert Custom + + New Action </button> - <!-- <button type="button" class="btn import-action"><i class="icon-import-blue" aria-hidden="true"></i>Import Action</button> --> </div> + + <div> + <div *ngIf="showAction" class="custom-control"> + <label><span><i class="fa fa-file-o" aria-hidden="true" style="margin-right: 20px;"></i></span> + {{customActionName}} </label> + </div> + </div> </div> + <div class="tab-pane fade" id="nav-function" role="tabpanel" aria-labelledby="nav-function-tab"> <div class="col-12 text-center p-0"> @@ -148,41 +165,7 @@ </div> </div> - <!-- <div class="col-12 actionsList"> - <b>Select from other packages:</b> - <div class="actions-scroll"> - <div class="custom-control custom-checkbox"> - <input type="checkbox" class="custom-control-input" id="customCheck1"> - <label class="custom-control-label" for="customCheck1">Action name - <p class="m-0">Toplogy name</p> - </label> - </div> - <div class="custom-control custom-checkbox"> - <input type="checkbox" class="custom-control-input" id="customCheck2"> - <label class="custom-control-label" for="customCheck2">Action name - <p class="m-0">Toplogy name</p> - </label> - </div> - <div class="custom-control custom-checkbox"> - <input type="checkbox" class="custom-control-input" id="customCheck3"> - <label class="custom-control-label" for="customCheck3">Action name - <p class="m-0">Toplogy name</p> - </label> - </div> - <div class="custom-control custom-checkbox"> - <input type="checkbox" class="custom-control-input" id="customCheck4"> - <label class="custom-control-label" for="customCheck4">Action name - <p class="m-0">Toplogy name</p> - </label> - </div> - </div> - <div class="btn-group inserActionBtns" role="group" aria-label="Basic example"> - <button type="button" class="btn btn-secondary mr-3">Insert</button> - <button type="button" class="btn btn-secondary">Cancel</button> - </div> - </div> --> - - + </ng-sidebar> <!-- Page content --> |