diff options
Diffstat (limited to 'cds-ui/client/src/app/common/shared')
| -rw-r--r-- | cds-ui/client/src/app/common/shared/components/cbawizard/cbawizard.component.html | 21 | ||||
| -rw-r--r-- | cds-ui/client/src/app/common/shared/components/cbawizard/cbawizard.component.ts | 66 |
2 files changed, 58 insertions, 29 deletions
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. </mat-card-content> </mat-card> --> -<mat-card class="CBAform"> +<!-- <mat-card class="CBAform"> <mat-card-content> <mat-horizontal-stepper [linear]=true #stepper (selectionChange)="changeRoute($event)"> <a *ngFor="let routeLink of stepsRequired; let i = index;"> @@ -42,4 +42,21 @@ limitations under the License. </a> </mat-horizontal-stepper> </mat-card-content> -</mat-card> +</mat-card> --> + +<mat-card class="CBAform"> + <!-- <label>{{appName}}</label> --> + <mat-card-content> + <mat-horizontal-stepper [linear]=true #stepper > + <!-- <mat-step style="display: none;" *ngFor="let routeLink of stepsRequired; let i = index;"> --> + <mat-step style="display: none;" *ngFor="let routeLink of steps"> + <ng-template matStepLabel>{{routeLink.label}}</ng-template> + <!-- {{appToLoad.component}} --> + <template #steppercontainer> </template> + </mat-step> + <div style="position:relative"> + <button mat-button matStepperNext style="color:white;background:gray; right: 20px; position: absolute;bottom:5px; ">Next</button> + </div> + </mat-horizontal-stepper> + </mat-card-content> +</mat-card>
\ 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){ |