import { Component, OnInit, ViewChild } from '@angular/core'; import { FormBuilder, FormGroup } from '@angular/forms'; import { MatStepper } from '@angular/material'; import { Router } from '@angular/router/src/router'; import { BaseComponent } from '../../core/common/base/base.component'; import { QuickWizardService } from '../../core/services/quick-wizard/quick-wizard.service'; import { DatasetCreateWizardModel } from './dataset-create-wizard.model'; @Component({ selector: 'dataset-create-wizard.component', templateUrl: 'dataset-create-wizard.component.html', styleUrls: ['./dataset-create-wizard.component.scss'], }) export class DatasetCreateWizard extends BaseComponent implements OnInit { isLinear = false; formGroup: FormGroup; router: Router; datasetCreateWizardModel: DatasetCreateWizardModel; @ViewChild('stepper') stepper: MatStepper; constructor( private formBuilder: FormBuilder, public quickWizardService: QuickWizardService, ) { super(); } ngOnInit() { this.datasetCreateWizardModel = new DatasetCreateWizardModel(); this.formGroup = this.datasetCreateWizardModel.buildForm(); } save() { this.submit(); } submit() { this.quickWizardService.createQuickDatasetWizard(this.formGroup.value) .subscribe(data => { this.router.navigateByUrl('/create-add'); }) } isAvtive(step: string): boolean { switch (step) { case 'step1': return this.stepper.selectedIndex==0; case 'step2': return this.stepper.selectedIndex==1; } } }