import { Component, OnInit } from '@angular/core';

import { SharedServiceService } from '../services/shared-service.service';
import { ActivatedRoute, Router } from '@angular/router';

@Component({
  selector: 'app-wizard-base',
  templateUrl: './wizard-base.component.html',
  styleUrls: ['./wizard-base.component.css']
})
export class WizardBaseComponent implements OnInit {

  title: string;

  constructor(private shared: SharedServiceService, private router: Router, private route: ActivatedRoute) {
    shared.title$.subscribe(title => {
      this.title = title;
    });
    shared.changedTitle('wizard');
  }

  ngOnInit() {

    this.route.params.subscribe(params => {
      console.log('wizard loaded');
    });

  }

  openModal() {
    this.router.navigate(['/wizard', 1]);
  }

}