From 35a56c0a3fcf54aa8862b157bb6732522661fc80 Mon Sep 17 00:00:00 2001 From: ezhil Date: Wed, 30 Jan 2019 20:14:08 +0530 Subject: CBA wizard stepper form Change-Id: I1df4882bafe581a3d0f7cc7c31de228166fa5312 Issue-ID: CCSDK-703 Signed-off-by: ezhil --- .../src/app/common/constants/app-constants.ts | 74 ++++++++++++++++++++-- .../components/cbawizard/cbawizard.component.html | 21 +++++- .../components/cbawizard/cbawizard.component.ts | 66 +++++++++++-------- 3 files changed, 125 insertions(+), 36 deletions(-) (limited to 'cds-ui/client/src/app') diff --git a/cds-ui/client/src/app/common/constants/app-constants.ts b/cds-ui/client/src/app/common/constants/app-constants.ts index a00e25f4b..0efabebf5 100644 --- a/cds-ui/client/src/app/common/constants/app-constants.ts +++ b/cds-ui/client/src/app/common/constants/app-constants.ts @@ -22,13 +22,73 @@ export const GlobalContants = { endpoints: { }, + // cbawizard: { + // stepsRequired: {stepCount: 3, + // steps: [{name:'CBA Metadata', componentURL:'/controllerBlueprint/selectTemplate'}, + // {name:'Controller Blueprint Designer', componentURL:'/controllerBlueprint/modifyTemplate'}, + // {name:'Test', componentURL:'/controllerBlueprint/testTemplate'}, + // {name:'Deploy', componentURL:'/controllerBlueprint/deployTemplate'}] + // } + // } cbawizard: { - stepsRequired: {stepCount: 3, - steps: [{name:'CBA Metadata', componentURL:'/controllerBlueprint/selectTemplate'}, - {name:'Controller Blueprint Designer', componentURL:'/controllerBlueprint/modifyTemplate'}, - {name:'Test', componentURL:'/controllerBlueprint/testTemplate'}, - {name:'Deploy', componentURL:'/controllerBlueprint/deployTemplate'}] - } - } + stepsRequired: + { + stepCount: 4, + steps: [{ + name: 'CBA Metadata', + componentURL: '/controllerBlueprint/selectTemplate', + label: 'CBA Metadata', + link: '/blueprint/selectTemplate', + index: 0, + component: 'SelectTemplateComponent' + }, + { + name: 'Controller Blueprint Designer', + componentURL: '/controllerBlueprint/modifyTemplate', + label: 'Controller Blueprint Designer', + link: '/blueprint/modifyTemplate', + index: 1, + component: 'ModifyTemplateComponent' + }, + { + name: 'Test', + componentURL: '/controllerBlueprint/testTemplate', + label: 'Test', + link: '/blueprint/testTemplate', + index: 2, + component: 'TestTemplateComponent' + }, + { + name: 'Deploy', + componentURL: '/controllerBlueprint/deployTemplate', + label: 'Deploy', + link: '/blueprint/deployTemplate', + index: 3, + component: 'DeployTemplateComponent' + }] + } + }, + datadictionary: { + stepsRequired: + { + stepCount: 3, + steps: [{ + name: 'Resource Creation', componentURL: '/dataDictionary/selectTemplate', + label: 'Resource Creation', + component: 'ResourceCreationComponent' + }, + { + name: 'Edit/Validate', componentURL: '/dataDictionary/modifyTemplate', + label: 'Edit/Validate', + component: 'ResourceEditComponent' + }, + { + name: 'Save', componentURL: '/dataDictionary/saveTemplate', + label: 'Save Resource', + component: 'SaveResourceComponent' + }] + } + + } }; \ No newline at end of file diff --git a/cds-ui/client/src/app/common/shared/components/cbawizard/cbawizard.component.html b/cds-ui/client/src/app/common/shared/components/cbawizard/cbawizard.component.html index a925b4534..b7c59b25e 100644 --- a/cds-ui/client/src/app/common/shared/components/cbawizard/cbawizard.component.html +++ b/cds-ui/client/src/app/common/shared/components/cbawizard/cbawizard.component.html @@ -31,7 +31,7 @@ limitations under the License. --> - + + + + + + + + + {{routeLink.label}} + + + +
+ +
+ + + \ No newline at end of file diff --git a/cds-ui/client/src/app/common/shared/components/cbawizard/cbawizard.component.ts b/cds-ui/client/src/app/common/shared/components/cbawizard/cbawizard.component.ts index 9373fac7f..fc284b3a6 100644 --- a/cds-ui/client/src/app/common/shared/components/cbawizard/cbawizard.component.ts +++ b/cds-ui/client/src/app/common/shared/components/cbawizard/cbawizard.component.ts @@ -30,34 +30,36 @@ import { GlobalContants } from '../../../constants/app-constants'; styleUrls: ['./cbawizard.component.scss'] }) export class CBAWizardComponent implements OnInit { - @Input() stepsRequired: any[]; + // @Input() stepsRequired: any[]; + @Input() appName: any; @ViewChild('stepper') stepper: MatStepper; @Output() stepChanged = new EventEmitter(); public stepDetails = GlobalContants.cbawizard.stepsRequired.steps; private routeLinks : any[]; activeLinkIndex = -1; - - + stepsRequired: any; + steps: any[]; + constructor(private router: Router) { - this.routeLinks = [ - { - label: 'CBA Metadata', - link: '/blueprint/selectTemplate', - index: 0 - }, { - label: 'Controller Blueprint Designer', - link: '/blueprint/modifyTemplate', - index: 1 - }, { - label: 'Test', - link: '/blueprint/testTemplate', - index: 2 - }, { - label: 'Deploy', - link: '/blueprint/deployTemplate', - index: 3 - } - ]; + // this.routeLinks = [ + // { + // label: 'CBA Metadata', + // link: '/blueprint/selectTemplate', + // index: 0 + // }, { + // label: 'Controller Blueprint Designer', + // link: '/blueprint/modifyTemplate', + // index: 1 + // }, { + // label: 'Test', + // link: '/blueprint/testTemplate', + // index: 2 + // }, { + // label: 'Deploy', + // link: '/blueprint/deployTemplate', + // index: 3 + // } + // ]; } @@ -66,11 +68,21 @@ export class CBAWizardComponent implements OnInit { // this.activeLinkIndex = this.routeLinks.indexOf(this.routeLinks.find(tab => tab.link === this.router.url)); // this.stepper.selectedIndex = this.activeLinkIndex; // }); - this.stepsRequired.forEach((step, index)=>{ - if(step.link == this.router.url) { - this.stepper.selectedIndex = step.index - } - }); + // this.stepsRequired.forEach((step, index)=>{ + // if(step.link == this.router.url) { + // this.stepper.selectedIndex = step.index + // } + // }); + if (this.appName == "cba") { + this.stepsRequired = GlobalContants.cbawizard.stepsRequired.stepCount; + this.steps = GlobalContants.cbawizard.stepsRequired.steps; + // this.createComponent(); + } + if (this.appName == "datadict") { + this.stepsRequired = GlobalContants.datadictionary.stepsRequired.stepCount; + this.steps = GlobalContants.datadictionary.stepsRequired.steps; + // this.createComponent(); + } } changeRoute(event){ -- cgit 1.2.3-korg