From f3db787dfbb049e6bb7246db8a618ac5315110e0 Mon Sep 17 00:00:00 2001
From: Ahmedeldeeb50 <ahmed.eldeeb.ext@orange.com>
Date: Tue, 8 Sep 2020 09:52:18 +0200
Subject: add the new style to all guide steps

Issue-ID: CCSDK-2705

Signed-off-by: Ahmedeldeeb50 <ahmed.eldeeb.ext@orange.com>
Change-Id: I9f849934fa17a511dc4e5c2645c549aa699aea66
---
 .../packages/packages-dashboard/guideSteps.ts      | 23 +++-----
 .../packages-dashboard.component.ts                | 62 +++++++---------------
 2 files changed, 28 insertions(+), 57 deletions(-)

(limited to 'cds-ui')

diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/packages/packages-dashboard/guideSteps.ts b/cds-ui/designer-client/src/app/modules/feature-modules/packages/packages-dashboard/guideSteps.ts
index d101d6111..5026980de 100644
--- a/cds-ui/designer-client/src/app/modules/feature-modules/packages/packages-dashboard/guideSteps.ts
+++ b/cds-ui/designer-client/src/app/modules/feature-modules/packages/packages-dashboard/guideSteps.ts
@@ -1,11 +1,11 @@
 
 
 export const steps = [
-    // {
-    //     anchorId: 'allTab',
-    //     content: 'This Tab contain all packages you created before',
-    //     title: 'All Package',
-    // },
+    {
+        anchorId: 'allTab',
+        content: 'Package list is where you get access to your all and most recent CBA packages.',
+        title: 'Managing your CBA packages',
+    },
     // {
     //     anchorId: 'search',
     //     content: 'Search for Package by name, version, tags and type',
@@ -16,22 +16,16 @@ export const steps = [
     //     content: 'Filter Packages by tags',
     //     title: 'Tag Filter',
     // },
-    // {
-    //     anchorId: 'import',
-    //     content: 'Import a package to CDS',
-    //     title: 'Import',
-    // },
     {
         anchorId: 'create',
-        content: 'Create a new Package',
-        title: 'Create',
+        content: 'Start creating a full CBA packages from built-in forms without programming.',
+        title: 'Create new package',
     },
     {
         anchorId: 'metadataTab',
         content: 'Set your package basic information',
         title: 'Metadata Tab',
-        route: 'packages/createPackage',
-        stepId: 'metadataTab'
+        route: 'packages/createPackage'
     },
     {
         anchorId: 'mt-packageName',
@@ -53,7 +47,6 @@ export const steps = [
         content: 'Set your package Tags (Optional)',
         title: 'Package tag',
     },
-    // -------
     // {
     //     anchorId: 'mt-packageKeys',
     //     content: 'Set your package custom keys (Optional)',
diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/packages/packages-dashboard/packages-dashboard.component.ts b/cds-ui/designer-client/src/app/modules/feature-modules/packages/packages-dashboard/packages-dashboard.component.ts
index f863341e0..c6b9c41f6 100644
--- a/cds-ui/designer-client/src/app/modules/feature-modules/packages/packages-dashboard/packages-dashboard.component.ts
+++ b/cds-ui/designer-client/src/app/modules/feature-modules/packages/packages-dashboard/packages-dashboard.component.ts
@@ -40,34 +40,7 @@ export class PackagesDashboardComponent implements OnInit, OnDestroy {
 
         console.log('PackagesDashboardComponent');
 
-        this.tourService.initialize([
-            {
-                anchorId: 'allTab',
-                content: 'Package list is where you get access to your all and most recent CBA packages.',
-                title: 'Managing your CBA packages',
-            },
-            {
-                anchorId: 'search',
-                content: 'Search for Package by name, version, tags and type',
-                title: 'Search',
-            },
-            {
-                anchorId: 'tagFilter',
-                content: 'Filter Packages by tags',
-                title: 'Tag Filter',
-            },
-            {
-                anchorId: 'create',
-                content: 'Start creating a full CBA packages from built-in forms without programming.',
-                title: 'Create new package',
-            },
-            {
-                anchorId: 'metadataTab',
-                content: 'Set your package basic information',
-                title: 'Metadata Tab',
-                route: 'packages/createPackage'
-            },
-        ]);
+        this.tourService.initialize([...steps]);
         this.checkTour();
     }
 
@@ -84,20 +57,25 @@ export class PackagesDashboardComponent implements OnInit, OnDestroy {
         this.tourService.start();
         this.tourService.events$.subscribe(res => {
             console.log(res);
-            if (res.value && res.value.anchorId && res.value.anchorId.includes('mt-')) {
-                $('#nav-metadata-tab').trigger('click');
-            }
-            if (res.value && res.value.anchorId && res.value.anchorId.includes('tm-')) {
-                $('#nav-template-tab').trigger('click');
-            }
-            if (res.value && res.value.anchorId && res.value.anchorId === 'tm-mappingContent') {
-                $('#mappingTab').trigger('click');
-            }
-            if (res.value && res.value.anchorId && res.value.anchorId === 'dslTab') {
-                $('#nav-authentication-tab').trigger('click');
-            }
-            if (res.value && res.value.anchorId && res.value.anchorId.includes('st-')) {
-                $('#nav-scripts-tab').trigger('click');
+            if (res.value && res.value.anchorId) {
+                if (res.value.anchorId.includes('mt-')) {
+                    $('#nav-metadata-tab').trigger('click');
+                }
+                if (res.value.anchorId.includes('tm-')) {
+                    $('#nav-template-tab').trigger('click');
+                }
+                if (res.value.anchorId === 'tm-mappingContent') {
+                    $('#mappingTab').trigger('click');
+                }
+                if (res.value.anchorId === 'tm-templateContent') {
+                    //  $('#templateTab').trigger('click');
+                }
+                if (res.value.anchorId === 'dslTab') {
+                    $('#nav-authentication-tab').trigger('click');
+                }
+                if (res.value.anchorId.includes('st-')) {
+                    $('#nav-scripts-tab').trigger('click');
+                }
             }
         });
     }
-- 
cgit 1.2.3-korg