diff options
Diffstat (limited to 'cds-ui/client/src/app/common/shared')
5 files changed, 76 insertions, 11 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 c76be7691..1bff1aba1 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 @@ -18,7 +18,7 @@ See the License for the specific language governing permissions and limitations under the License. ============LICENSE_END============================================ --> -<mat-card class="CBAform"> +<!-- <mat-card class="CBAform"> <mat-card-content> <mat-horizontal-stepper [linear]=true #stepper (selectionChange)="changeRoute($event)"> <div *ngFor="let step of stepDetails"> @@ -29,4 +29,17 @@ limitations under the License. </div> </mat-horizontal-stepper> </mat-card-content> +</mat-card> --> + +<mat-card class="CBAform"> + <mat-card-content> + <mat-horizontal-stepper [linear]=true #stepper (selectionChange)="changeRoute($event)"> + <a *ngFor="let routeLink of routeLinks; let i = index;"> + <mat-step> + <ng-template matStepLabel>{{routeLink.label}} + </ng-template> + </mat-step> + </a> + </mat-horizontal-stepper> + </mat-card-content> </mat-card> diff --git a/cds-ui/client/src/app/common/shared/components/cbawizard/cbawizard.component.scss b/cds-ui/client/src/app/common/shared/components/cbawizard/cbawizard.component.scss index f3c33e823..119a7d796 100644 --- a/cds-ui/client/src/app/common/shared/components/cbawizard/cbawizard.component.scss +++ b/cds-ui/client/src/app/common/shared/components/cbawizard/cbawizard.component.scss @@ -18,6 +18,14 @@ See the License for the specific language governing permissions and limitations under the License. ============LICENSE_END============================================ */ -.mat-horizontal-content-container{ +// .mat-horizontal-content-container { +// display: none !important; +// } + +.mat-card { + padding: 0px !important; +} + +mat-horizontal-stepper .mat-horizontal-content-container { display: none !important; }
\ 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 bbfc11970..fed75d75f 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 @@ -18,8 +18,9 @@ See the License for the specific language governing permissions and limitations under the License. ============LICENSE_END============================================ */ -import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core'; +import { Component, OnInit, Input, Output, EventEmitter, ViewChild } from '@angular/core'; import { Router } from '@angular/router'; +import { MatStepper } from '@angular/material'; import { GlobalContants } from '../../../constants/app-constants'; @@ -30,18 +31,52 @@ import { GlobalContants } from '../../../constants/app-constants'; }) export class CBAWizardComponent implements OnInit { @Input() stepsRequired: any; + @ViewChild('stepper') stepper: MatStepper; @Output() stepChanged = new EventEmitter(); public stepDetails = GlobalContants.cbawizard.stepsRequired.steps; + private routeLinks : any[]; + activeLinkIndex = -1; - constructor(private router: Router) { } + + 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 + } + ]; + + } ngOnInit() { + // this.router.events.subscribe((res) => { + // this.activeLinkIndex = this.routeLinks.indexOf(this.routeLinks.find(tab => tab.link === this.router.url)); + // this.stepper.selectedIndex = this.activeLinkIndex; + // }); + this.routeLinks.forEach((step, index)=>{ + if(step.link == this.router.url) { + this.stepper.selectedIndex = step.index + } + }); } changeRoute(event){ - this.stepDetails.forEach((step, index)=>{ + this.routeLinks.forEach((step, index)=>{ if(index == event.selectedIndex) { - this.router.navigate([step.componentURL]); + this.router.navigate([step.link]); } }); } diff --git a/cds-ui/client/src/app/common/shared/components/home/home.component.html b/cds-ui/client/src/app/common/shared/components/home/home.component.html index fc763be47..1945338b6 100644 --- a/cds-ui/client/src/app/common/shared/components/home/home.component.html +++ b/cds-ui/client/src/app/common/shared/components/home/home.component.html @@ -30,10 +30,10 @@ limitations under the License. </mat-toolbar> --> <mat-toolbar color="primary"> <mat-toolbar-row> - <button type="button" aria-label="Toggle sidenav" mat-icon-button (click)="drawer.toggle()" color="primary"> - <mat-icon aria-label="Side nav toggle icon">menu</mat-icon> - </button> - <span>Controller Blueprint Design Studio</span> + <!-- <button type="button" aria-label="Toggle sidenav" mat-icon-button (click)="drawer.toggle()" color="primary"> --> + <a class="menuBar" (click)="drawer.toggle()">☰</a> + <!-- </button> --> + <span class="title">Controller Blueprint Design Studio</span> </mat-toolbar-row> </mat-toolbar> <mat-sidenav-container class="example-container"> @@ -41,8 +41,8 @@ limitations under the License. (closed)="events.push('close!')"> <mat-toolbar color=""primary>Menu</mat-toolbar> <mat-nav-list> + <a mat-list-item [routerLink]="['/blueprint']">Controlled Blueprint</a> <a mat-list-item>Data dictionory</a> - <a mat-list-item [routerLink]="['/controllerBlueprint']">Controlled Blueprint</a> </mat-nav-list> </mat-sidenav> diff --git a/cds-ui/client/src/app/common/shared/components/home/home.component.scss b/cds-ui/client/src/app/common/shared/components/home/home.component.scss index ca503e591..df9a48de5 100644 --- a/cds-ui/client/src/app/common/shared/components/home/home.component.scss +++ b/cds-ui/client/src/app/common/shared/components/home/home.component.scss @@ -35,4 +35,13 @@ limitations under the License. // } .mat-sidenav-container{ height: 652px; +} +.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary { + color: white !important; +} +.menuBar{ + cursor: pointer; +} +.title{ + margin: 1em; }
\ No newline at end of file |