Add Wizard link in Help menu

Issue-ID: CCSDK-2705

Signed-off-by: Sarah Abouzainah <sabouzainah.ext@orange.com>
Change-Id: I9826b3676fff3f558b63e54dd2f3d0d05a5f07c2

4 files changed, 38 insertions, 3 deletions

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 879b9b94a..fafe76fd6 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
@@ -23,16 +23,26 @@
                                 <input class="dropdown-toggle" type="text">
                                 <div class="dropdown-text"><i class="icon-info" aria-hidden="true"></i></div>
                                 <ul class="dropdown-content">
-                                    <!-- <li>
+                                    <li>
                                       <i class="icon-get_started" aria-hidden="true"></i>
                                       <p>
-                                        <input id="clicker3" [checked]="startTour" type="checkbox" />
+                                        <input id="clicker3" type="checkbox" />
                                         <label for="clicker">
                                           Getting Started
                                           <span>Quick steps to help you get started</span>
                                         </label>
                                       </p>
-                                    </li> -->
+                                    </li>
+                                    <!-- <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>
diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/package-creation.component.html b/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/package-creation.component.html
index 03bbc72f4..e42304ad6 100644
--- a/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/package-creation.component.html
+++ b/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/package-creation.component.html
@@ -19,6 +19,16 @@
                 <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" type="checkbox" />
+                      <label for="clicker">
+                        Getting Started
+                        <span>Quick steps to help you get started</span>
+                      </label>
+                    </p>
+                  </li>
                   <!-- <li>
                     <i class="icon-get_started" aria-hidden="true"></i>
                     <p>
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 936c2da8d..17955ec4e 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
@@ -23,6 +23,16 @@
                 </p>
               </li> -->
               <li>
+                <i class="icon-get_started" aria-hidden="true"></i>
+                <p>
+                  <input id="clicker3" 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>
diff --git a/cds-ui/designer-client/src/styles.css b/cds-ui/designer-client/src/styles.css
index fb200dead..56ffbdf8b 100644
--- a/cds-ui/designer-client/src/styles.css
+++ b/cds-ui/designer-client/src/styles.css
@@ -974,6 +974,11 @@ height: 40px;
   text-indent: unset;
   text-align: center;
 }
+.helpMenu li:hover,
+.helpMenu li:hover i,
+.helpMenu li:hover p{
+  cursor: pointer;
+}
 .helpMenu li:not(:last-child){
   margin-bottom: 9px;
 }