client/src/app/+signup/+register/custom-stepper.component.ts

   1 import { CdkStep, CdkStepper } from '@angular/cdk/stepper'
   2 import { Component } from '@angular/core'
   3
   4 @Component({
   5   selector: 'my-custom-stepper',
   6   templateUrl: './custom-stepper.component.html',
   7   styleUrls: [ './custom-stepper.component.scss' ],
   8   providers: [ { provide: CdkStepper, useExisting: CustomStepperComponent } ]
   9 })
  10 export class CustomStepperComponent extends CdkStepper {
  11
  12   onClick (index: number): void {
  13     this.selectedIndex = index
  14   }
  15
  16   isCompleted (step: CdkStep) {
  17     return step.completed
  18   }
  19
  20   isAccessible (step: CdkStep) {
  21     return step.editable && step.completed
  22   }
  23 }