/** /src/app/auth/register/register.component.ts */

import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { FormGroup, Validators, FormBuilder }  from '@angular/forms';

import { equalValueValidator } from '../../shared/equal-value-validator';

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

  private registrationForm: FormGroup;
  private submitError = false;
  private formErrors = {
    'username': '',
    'password': '',
    'confirmPassword': ''
  };
 
  constructor(private router: Router,
              private fb: FormBuilder) { }

  ngOnInit() {
    this.buildForm();
  }

  buildForm() {
      this.registrationForm = this.fb.group({
        'username': ['', [
          Validators.required
          ]
        ],
        'password': ['', [
          Validators.required,
          Validators.minLength(8)
          ]
        ],
        'confirmPassword': ['', [
          Validators.required,
          Validators.minLength(8)
          ]
        ]
      },
        {validator: equalValueValidator('password', 'confirmPassword')}  // key is to validate on the form group
      );
    }

  register() {
    // do somthing
  }

}