import { Directive } from '@angular/core';
import { NbStepperComponent } from '@nebular/theme';

import { RegistrationComponent } from './registration.component';

@Directive({
    // tslint:disable-next-line: directive-selector
    selector: 'nb-stepper'
})
export class StepJumpDirective {
    constructor(readonly component: RegistrationComponent, readonly stepper: NbStepperComponent) {

        component.jump.subscribe((value: number) => {
            stepper.steps.forEach((step, index) => {
                step.completed = index < value;
            });
            stepper.selectedIndex = value;
        });

    }
}