aboutsummaryrefslogtreecommitdiffstats
path: root/cds-ui/client/src/app/common/shared
diff options
context:
space:
mode:
Diffstat (limited to 'cds-ui/client/src/app/common/shared')
-rw-r--r--cds-ui/client/src/app/common/shared/components/cbawizard/cbawizard.component.html15
-rw-r--r--cds-ui/client/src/app/common/shared/components/cbawizard/cbawizard.component.scss10
-rw-r--r--cds-ui/client/src/app/common/shared/components/cbawizard/cbawizard.component.ts43
-rw-r--r--cds-ui/client/src/app/common/shared/components/home/home.component.html10
-rw-r--r--cds-ui/client/src/app/common/shared/components/home/home.component.scss9
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()">&#9776;</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