aboutsummaryrefslogtreecommitdiffstats
path: root/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/designer.component.html
diff options
context:
space:
mode:
authorRupinder <rupinsi1@in.ibm.com>2020-05-20 18:26:45 +0530
committerRupinderjeet Singh <rupinsi1@in.ibm.com>2020-05-20 13:50:06 +0000
commitece9a75262670dba3e622cea8452957925ce036d (patch)
treec6dae13b366d7801b26d233467c5a814c5294238 /cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/designer.component.html
parent2f467eb7afcaad363ea08246ec473094a5346c9e (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.html63
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">&#xf101;</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 -->