From d18d64787b3ea174f7dc2740c8c8c9555625047e Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Tue, 5 Jun 2018 10:58:45 +0200 Subject: Form validators refractoring --- client/src/app/signup/signup.component.ts | 32 +++++++------------------------ 1 file changed, 7 insertions(+), 25 deletions(-) (limited to 'client/src/app/signup/signup.component.ts') diff --git a/client/src/app/signup/signup.component.ts b/client/src/app/signup/signup.component.ts index eaed2626d..682e592c7 100644 --- a/client/src/app/signup/signup.component.ts +++ b/client/src/app/signup/signup.component.ts @@ -1,5 +1,4 @@ import { Component, OnInit } from '@angular/core' -import { FormBuilder, FormGroup } from '@angular/forms' import { Router } from '@angular/router' import { ServerService } from '@app/core/server' @@ -8,6 +7,7 @@ import { UserCreate } from '../../../../shared' import { FormReactive, USER_EMAIL, USER_PASSWORD, USER_USERNAME, UserService } from '../shared' import { RedirectService } from '@app/core' import { I18n } from '@ngx-translate/i18n-polyfill' +import { FormValidatorService } from '@app/shared/forms/form-validators/form-validator.service' @Component({ selector: 'my-signup', @@ -18,18 +18,6 @@ export class SignupComponent extends FormReactive implements OnInit { error: string = null quotaHelpIndication = '' - form: FormGroup - formErrors = { - 'username': '', - 'email': '', - 'password': '' - } - validationMessages = { - 'username': USER_USERNAME.MESSAGES, - 'email': USER_EMAIL.MESSAGES, - 'password': USER_PASSWORD.MESSAGES - } - private static getApproximateTime (seconds: number) { const hours = Math.floor(seconds / 3600) let pluralSuffix = '' @@ -43,7 +31,7 @@ export class SignupComponent extends FormReactive implements OnInit { } constructor ( - private formBuilder: FormBuilder, + protected formValidatorService: FormValidatorService, private router: Router, private notificationsService: NotificationsService, private userService: UserService, @@ -58,18 +46,12 @@ export class SignupComponent extends FormReactive implements OnInit { return this.serverService.getConfig().user.videoQuota } - buildForm () { - this.form = this.formBuilder.group({ - username: [ '', USER_USERNAME.VALIDATORS ], - email: [ '', USER_EMAIL.VALIDATORS ], - password: [ '', USER_PASSWORD.VALIDATORS ] - }) - - this.form.valueChanges.subscribe(data => this.onValueChanged(data)) - } - ngOnInit () { - this.buildForm() + this.buildForm({ + username: USER_USERNAME, + password: USER_PASSWORD, + email: USER_EMAIL + }) this.serverService.configLoaded .subscribe(() => this.buildQuotaHelpIndication()) -- cgit v1.2.3