Added Side Nav menu for search CBA

Added sub menus for controller Blueprint
Change-Id: Ie4d56186655fd62393133c01d36d1d7aecee9b3a
Issue-ID: CCSDK-1269
Signed-off-by: Ezhilarasi <ezhrajam@in.ibm.com>

2 files changed, 36 insertions, 6 deletions

diff --git a/cds-ui/client/src/app/common/shared/components/home/home.component.html b/cds-ui/client/src/app/common/shared/components/home/home.component.html
index f8cfc888e..ef6880d37 100644
--- a/cds-ui/client/src/app/common/shared/components/home/home.component.html
+++ b/cds-ui/client/src/app/common/shared/components/home/home.component.html
@@ -37,7 +37,18 @@ limitations under the License.
     <mat-sidenav #drawer mode="side" [(opened)]="opened" (opened)="events.push('open!')" (closed)="events.push('close!')">
         <mat-toolbar color="" primary>Menu</mat-toolbar>
         <mat-nav-list>
-            <a mat-list-item [routerLink]="['/blueprint']">Controller Blueprint</a>
+            <!-- <a mat-list-item [routerLink]="['/blueprint']">Controller Blueprint</a> -->
+            <nav class="ng-tns-c12-2 ng-star-inserted">
+                <!-- <button class="docs-nav-content-btn" cdkaccordionitem="" expanded="true"
+          aria-label="Form Controls, section toggle" aria-controls="panel-forms" aria-expanded="false">-->
+                <label>Controller Blueprint</label>
+                <!-- <mat-icon class="mat-icon notranslate material-icons mat-icon-no-color" role="img" aria-hidden="true">
+            keyboard_arrow_down</mat-icon></button> -->
+                <ul>
+                    <a mat-list-item [routerLink]="['/blueprint']">Create Blueprint</a>
+                    <a mat-list-item [routerLink]="['/']">Search Blueprint</a>
+                </ul>
+            </nav>
             <a mat-list-item [routerLink]="['/resource-definition']">Resource Definition</a>
         </mat-nav-list>
     </mat-sidenav>
diff --git a/cds-ui/client/src/app/common/shared/components/home/home.component.scss b/cds-ui/client/src/app/common/shared/components/home/home.component.scss
index df9a48de5..be21b750c 100644
--- a/cds-ui/client/src/app/common/shared/components/home/home.component.scss
+++ b/cds-ui/client/src/app/common/shared/components/home/home.component.scss
@@ -26,22 +26,41 @@ limitations under the License.
 //     left: 0;
 //     right: 0;
 //   }
-  
 //   .example-events {
 //     width: 300px;
 //     height: 200px;
 //     overflow: auto;
 //     border: 1px solid #555;
 //   }
-.mat-sidenav-container{
+.mat-sidenav-container {
     height: 652px;
 }
-.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
+
+.mat-button.mat-primary,
+.mat-icon-button.mat-primary,
+.mat-stroked-button.mat-primary {
     color: white !important;
 }
-.menuBar{
+
+.menuBar {
     cursor: pointer;
 }
-.title{
+
+.title {
     margin: 1em;
+}
+
+.docs-component-viewer-nav .docs-component-viewer-nav-content button {
+    padding: 10px 15px;
+    font-weight: 700;
+    line-height: 16px;
+    margin: 0;
+    font-size: 13px;
+    cursor: pointer;
+    position: relative;
+    display: block;
+    width: 100%;
+    text-align: left;
+    background: 0 0;
+    border: none;
 }
\ No newline at end of file