From 663e41d4d8a167cf307a385a5c750f7424205012 Mon Sep 17 00:00:00 2001
From: Sarah Abouzainah <sabouzainah.ext@orange.com>
Date: Sun, 6 Sep 2020 21:02:08 +0200
Subject: Add Help menu and Update Wizard style

Issue-ID: CCSDK-2705
Issue-ID: CCSDK-2709

Signed-off-by: Sarah Abouzainah <sabouzainah.ext@orange.com>
Change-Id: I7526e5056c50f2e090d06ad6a6f0d7ca729d8340
---
 .../configuration-dashboard.component.html         | 86 ++++++++++------------
 1 file changed, 40 insertions(+), 46 deletions(-)

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

diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/packages/configuration-dashboard/configuration-dashboard.component.html b/cds-ui/designer-client/src/app/modules/feature-modules/packages/configuration-dashboard/configuration-dashboard.component.html
index f79657af8..772923283 100644
--- a/cds-ui/designer-client/src/app/modules/feature-modules/packages/configuration-dashboard/configuration-dashboard.component.html
+++ b/cds-ui/designer-client/src/app/modules/feature-modules/packages/configuration-dashboard/configuration-dashboard.component.html
@@ -2,7 +2,7 @@
 
 <div class="new-wrapper">
     <div class="container-fluid main-container">
-        <header class="page-title" style="padding: 18px 30px 10px;">
+        <header class="page-title" style="padding: 16px 30px 12px;">
             <div class="row">
                 <h2 class="col m-0">
                     <ul class="breadcrumb-header">
@@ -13,52 +13,45 @@
                 </h2>
                 <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>
+                      <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> -->
+                        <!--Help Menu-->
+                        <div class="nav-item dropdown helpMenu">
+                          <input class="dropdown-toggle" type="text">
+                          <div class="dropdown-text"><i class="icon-info" aria-hidden="true"></i></div>
+                          <ul class="dropdown-content">
+                            <!-- <li>
+                              <i class="icon-get_started" aria-hidden="true"></i>
+                              <p>
+                                <input id="clicker3" [checked]="startTour" type="checkbox" />
+                                <label for="clicker">
+                                  Getting Started
+                                  <span>Quick steps to help you get started</span>
+                                </label>
+                              </p>
                             </li> -->
+                            <li>
+                              <a href="https://wiki.onap.org/display/DW/CDS+Designer+Guide" target="_blank">
+                                <i class="icon-user_guide" aria-hidden="true"></i>
+                                <p>
+                                  Tutorials
+                                  <span>CDS Designer's User Guide</span>
+                                </p>
+                              </a>
+                            </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">
+                        </div>
+                        <!--User Menu-->
+                        <div class="nav-item dropdown userMenu">
                           <input class="dropdown-toggle" type="text">
-                          <div class="dropdown-text">User name</div>
+                          <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>
@@ -70,9 +63,10 @@
                             </li>
                           </ul>
                         </div>
-                      </li>
-                    </ul> -->
-                </div>
+
+                      </ul>
+                    </nav>
+                  </div>
             </div>
         </header>
 
-- 
cgit 1.2.3-korg