1 import { Component, OnInit } from '@angular/core';
2 import { FormBuilder, FormGroup } from '@angular/forms';
3 import { Router } from '@angular/router';
5 import { UserService } from '../shared';
6 import { FormReactive, USER_USERNAME, USER_PASSWORD } from '../../../shared';
9 selector: 'my-user-add',
10 template: require('./user-add.component.html')
12 export class UserAddComponent extends FormReactive implements OnInit {
20 validationMessages = {
21 'username': USER_USERNAME.MESSAGES,
22 'password': USER_PASSWORD.MESSAGES,
26 private formBuilder: FormBuilder,
27 private router: Router,
28 private userService: UserService
34 this.form = this.formBuilder.group({
35 username: [ '', USER_USERNAME.VALIDATORS ],
36 password: [ '', USER_PASSWORD.VALIDATORS ],
39 this.form.valueChanges.subscribe(data => this.onValueChanged(data));
49 const { username, password } = this.form.value;
51 this.userService.addUser(username, password).subscribe(
52 ok => this.router.navigate([ '/admin/users/list' ]),
54 err => this.error = err.text