custom action name

Issue-ID: CCSDK-2269
Change-Id: I16efe1d6bae9ef13f4c70525db4e37d35154479a
Signed-off-by: Rupinder <rupinsi1@in.ibm.com>

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 -->