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
---
 .../packages-dashboard.component.html              | 28 +++++++++++++---------
 1 file changed, 17 insertions(+), 11 deletions(-)

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

diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/packages/packages-dashboard/packages-dashboard.component.html b/cds-ui/designer-client/src/app/modules/feature-modules/packages/packages-dashboard/packages-dashboard.component.html
index 8391530d6..f81b02643 100644
--- a/cds-ui/designer-client/src/app/modules/feature-modules/packages/packages-dashboard/packages-dashboard.component.html
+++ b/cds-ui/designer-client/src/app/modules/feature-modules/packages/packages-dashboard/packages-dashboard.component.html
@@ -9,25 +9,31 @@
             <input id="clicker" [checked]="startTour" type="checkbox" />
             <label class="ml-1" for="clicker">Start the tour</label>
 
-            <div class="panel-wrap">
+            <div class="panel-wrap packageWizard">
                 <div class="panel">
                     <button id="clicker1" class="close" type="button" (click)="stopTour()">
-                        <label for="clicker">&times;</label>
+                        <label for="clicker"><img src="assets/img/icon-close.svg" /></label>
+                    </button>
+                    <br />
+                    <h3>Welcome to CDS Designer UI</h3>
+                    <p>CDS has new look and new way of delivering a reusable and simplified self-service experience.</p>
+                    <!-- <span>Tab through these quick steps to help you get started.</span>
+                    <br /> -->
+                    <button id="clicker2" class="closeWizard mr-2" type="button" (click)="stopTour()">
+                        <label for="clicker">No Thanks</label>
+                    </button>
+                    <button type="button" class="startTour float">
+                        <label (click)="start()" for="clicker" class="m-0">Start Tour</label>
                     </button>
-
-                    <h3>Welcome to CDS</h3>
-                    <p>Want a tour? Our helpful guide will introduce you to new CDS Designer UI.</p>
-                    <button type="button" class="btn" style="background-color: #fff;margin:0">
-                        <label style="margin: 0;" (click)="start()" for="clicker">Let's get started</label></button>
                 </div>
             </div>
             <!---->
-            <nav class="row">
+            <nav class="row" tourAnchor="allTab">
                 <!--Nav Tabs-->
                 <div class="col pr-0">
                     <div class="nav nav-tabs " id="nav-tab" role="tablist">
-                        <a tourAnchor="allTab" class="nav-item nav-link active" id="nav-home-tab" data-toggle="tab"
-                            href="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true">All</a>
+                        <a class="nav-item nav-link active" id="nav-home-tab" data-toggle="tab" href="#nav-home"
+                            role="tab" aria-controls="nav-home" aria-selected="true">All</a>
                         <a class="nav-item nav-link" id="nav-profile-tab" data-toggle="tab" href="#nav-profile"
                             role="tab" aria-controls="nav-profile" aria-selected="false">Deployed</a>
                         <a tourAnchor="test3" class="nav-item nav-link" id="nav-contact-tab" data-toggle="tab"
@@ -53,4 +59,4 @@
             <app-sort-packages></app-sort-packages>
         </div>
     </div>
-</div>
\ No newline at end of file
+</div>
-- 
cgit 1.2.3-korg