From 75680a7215d2b8cd7b7ca95132df1eb6f90ef588 Mon Sep 17 00:00:00 2001
From: Sarah Abouzainah <sabouzainah.ext@orange.com>
Date: Thu, 16 Jul 2020 17:52:00 +0200
Subject: Add Help link and User profile menu

Issue-ID: CCSDK-2567

Signed-off-by: Sarah Abouzainah <sabouzainah.ext@orange.com>
Change-Id: I55d6cd47910ef72a2015c60cc20d8a19bf5cc10b
---
 .../packages-header/packages-header.component.html | 66 +++++++++++++++++++++-
 1 file changed, 63 insertions(+), 3 deletions(-)

(limited to 'cds-ui/designer-client/src/app/modules/feature-modules/packages/packages-dashboard/packages-header')

diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/packages/packages-dashboard/packages-header/packages-header.component.html b/cds-ui/designer-client/src/app/modules/feature-modules/packages/packages-dashboard/packages-header/packages-header.component.html
index 09dd4187f..5e04b71ac 100644
--- a/cds-ui/designer-client/src/app/modules/feature-modules/packages/packages-dashboard/packages-header/packages-header.component.html
+++ b/cds-ui/designer-client/src/app/modules/feature-modules/packages/packages-dashboard/packages-header/packages-header.component.html
@@ -1,10 +1,70 @@
 <!--Page Title-->
-<header class="page-title">
+<header class="page-title" style="padding-top: 14px;padding-bottom: 13px;">
     <div class="row">
-        <h2 class="col m-0">CBA Packages
+        <h2 class="col m-0" style="line-height: 33px;">CBA Packages
             <span id="numberOfPackages">({{numberOfPackages}} packages)</span>
         </h2>
-        <div class="col">
+        <div class="col profile-help">
+            <nav class="navbar navbar-expand-lg navbar-light">
+                  <ul class="navbar-nav ml-auto">
+                    <li class="nav-item help-btn">
+                      <a class="nav-link mr-2" href="https://wiki.onap.org/display/DW/CDS+Designer+Guide" target="_blank" [delay]="300"
+                      tooltip="Help" placement="bottom"><i class="icon-info" aria-hidden="true"></i></a>
+                    </li>
+                    <div class="nav-item dropdown">
+                        <input class="dropdown-toggle" type="text">
+                        <div class="dropdown-text"><img src="../assets/img/img-user.jpeg" align="right"></div>
+                        <ul class="dropdown-content">
+                          <li>
+                            <a href="#">Username</a>
+                          </li>
+                          <li>
+                            <a href="#">Settings</a>
+                          </li>
+                          <li>
+                            <a href="#">Projects</a>
+                          </li>
+                          <li>
+                            <a href="#">Log out</a>
+                          </li>
+                        </ul>
+                      </div>
+                    <!-- <li class="nav-item dropdown">
+                      <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                        Dropdown
+                      </a>
+                      <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+                        <a class="dropdown-item" href="#">Action</a>
+                        <a class="dropdown-item" href="#">Another action</a>
+                        <div class="dropdown-divider"></div>
+                        <a class="dropdown-item" href="#">Something else here</a>
+                      </div>
+                    </li> -->
+                  </ul>
+              </nav>
+            <!-- <ul class="menu-dropdown userProfile">
+                <li><button type="button" class="btn package-info-btn" data-toggle="modal"
+                  data-target="#exampleModalLong">
+                  <i class="icon-info" aria-hidden="true"></i>
+              </button></li>
+              <li>
+                <div class="dropdown">
+                  <input class="dropdown-toggle" type="text">
+                  <div class="dropdown-text">User name</div>
+                  <ul class="dropdown-content">
+                    <li>
+                      <a href="#">Settings</a>
+                    </li>
+                    <li>
+                      <a href="#">Projects</a>
+                    </li>
+                    <li>
+                      <a href="#">Log out</a>
+                    </li>
+                  </ul>
+                </div>
+              </li>
+            </ul> -->
         </div>
     </div>
 </header>
-- 
cgit 1.2.3-korg