interactive-mining/interactive-mining-angular-.../src/app/stepsnvabar/stepsnvabar.component.ts

37 lines
857 B
TypeScript

import { Component, OnInit } from '@angular/core';
import {NavigationEnd, Router} from '@angular/router';
@Component({
selector: 'app-stepsnvabar',
templateUrl: './stepsnvabar.component.html',
styleUrls: ['./stepsnvabar.component.css']
})
export class StepsnvabarComponent implements OnInit {
private proccessStep = 0;
constructor(private router: Router) {
router.events.subscribe((val) => {
// see also
if (val instanceof NavigationEnd) {
this.changeStep(val.urlAfterRedirects);
}
});
}
ngOnInit() {}
changeStep(url: string): void {
if (url === '/upload-content') {
this.proccessStep = 1;
} else if (url === '/configure-profile') {
this.proccessStep = 2;
} else if (url === '/save-profile') {
this.proccessStep = 3;
} else {
this.proccessStep = 0;
}
}
}