summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorAhmedeldeeb50 <ahmed.eldeeb.ext@orange.com>2020-09-08 09:52:18 +0200
committerAhmedeldeeb50 <ahmed.eldeeb.ext@orange.com>2020-09-08 09:52:18 +0200
commitf3db787dfbb049e6bb7246db8a618ac5315110e0 (patch)
treeab3ccea2d84e628f0ee33463cc860ed2e633259b
parent57c6cdf3c137da78c9d0d52a4862c1bc6445f923 (diff)
add the new style to all guide steps
Issue-ID: CCSDK-2705 Signed-off-by: Ahmedeldeeb50 <ahmed.eldeeb.ext@orange.com> Change-Id: I9f849934fa17a511dc4e5c2645c549aa699aea66
-rw-r--r--cds-ui/designer-client/src/app/modules/feature-modules/packages/packages-dashboard/guideSteps.ts23
-rw-r--r--cds-ui/designer-client/src/app/modules/feature-modules/packages/packages-dashboard/packages-dashboard.component.ts62
2 files changed, 28 insertions, 57 deletions
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');
+ }
}
});
}