From 65a445a2afd3ca2d1022d2e7c7fc71ec12698e87 Mon Sep 17 00:00:00 2001
From: Sarah Abouzainah <sabouzainah.ext@orange.com>
Date: Thu, 27 Aug 2020 21:38:23 +0200
Subject: CDS Tour

Issue-ID: CCSDK-2705

Signed-off-by: Sarah Abouzainah <sabouzainah.ext@orange.com>
Change-Id: I7968420980cfb0b20c76f66cd640fd9a655372ee
---
 .../packages-dashboard.component.html              | 28 +++++++++++++++-------
 1 file changed, 19 insertions(+), 9 deletions(-)

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

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 7928f2d91..a632568c8 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
@@ -4,22 +4,32 @@
     <div class="container-fluid main-container">
         <app-packages-header></app-packages-header>
         <div class="container-fluid body-container">
+            <!--Tour Starter-->
+            <input id="clicker" type="checkbox" />
+            <label for="clicker">Start the tour</label>
+
+            <div class="panel-wrap">
+                <div class="panel">
+                    <button id="clicker1" type="button"><label for="clicker">Dismiss</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;">Let's get started</button>
+                </div>
+            </div>
+            <!---->
             <nav class="row">
                 <!--Nav Tabs-->
                 <div class="col pr-0">
                     <div class="nav nav-tabs " id="nav-tab" role="tablist">
                         <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>
+                            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>
+                            role="tab" aria-controls="nav-profile" aria-selected="false">Deployed</a>
                         <a class="nav-item nav-link" id="nav-contact-tab" data-toggle="tab" href="#nav-contact"
-                           role="tab" aria-controls="nav-contact"
-                           aria-selected="false">Under Construction</a>
+                            role="tab" aria-controls="nav-contact" aria-selected="false">Under Construction</a>
                         <a class="nav-item nav-link" id="nav-contact1-tab" data-toggle="tab" href="#nav-contact1"
-                           role="tab" aria-controls="nav-contact1"
-                           aria-selected="false">Archived</a>
+                            role="tab" aria-controls="nav-contact1" aria-selected="false">Archived</a>
                     </div>
                 </div>
                 <!--Nav Search & Filter-->
@@ -38,4 +48,4 @@
             <app-sort-packages></app-sort-packages>
         </div>
     </div>
-</div>
+</div>
\ No newline at end of file
-- 
cgit 1.2.3-korg