member_webapp/src/packages/member/component/signup/signup.component.ts
2018-04-12 17:06:15 +09:00

111 lines
2.7 KiB
TypeScript

import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { FormGroup, FormBuilder, Validators, AbstractControl, FormControl } from '@angular/forms';
import { Member } from '../../model';
import * as AuthStore from '../../store/signup';
import {Store} from '@ngrx/store';
@Component({
selector: 'of-member-signup',
templateUrl: './signup.component.html',
styleUrls: ['./signup.component.scss']
})
export class SignupComponent implements OnInit {
signupForm: FormGroup;
email: AbstractControl;
password: AbstractControl;
pwConfirm: AbstractControl;
name: AbstractControl;
phone: AbstractControl;
company: AbstractControl;
constructor(
private router: Router,
private formBuilder: FormBuilder,
private store: Store<AuthStore.State>,
) { }
ngOnInit() {
this.initForm();
}
initForm() {
this.signupForm = this.formBuilder.group({
'email': [
'geekhot@hotmail.co.kr',
[
Validators.required,
Validators.email
]
],
'password': [
'!@#$Qwer1234',
[
Validators.required,
Validators.pattern('^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{6,}$'),
Validators.minLength(6),
Validators.maxLength(25),
]
],
'pwConfirm': [
'!@#$Qwer1234',
[
Validators.compose([
Validators.required, this.pwMatchValidator
])
]
],
'name': [
'Park',
[
Validators.required
]
],
'phone': [
'010-3040-0303',
[
Validators.required
]
],
'company': [
'atgame',
[
Validators.required
]
],
});
this.email = this.signupForm.controls['email'];
this.password = this.signupForm.controls['password'];
this.pwConfirm = this.signupForm.controls['pwConfirm'];
this.name = this.signupForm.controls['name'];
this.phone = this.signupForm.controls['phone'];
this.company = this.signupForm.controls['company'];
}
pwMatchValidator(control: FormControl): { [s: string]: boolean } {
let pw;
if (control.parent) {
pw = control.parent.controls['password'].value;
}
if (control.value !== pw) {
return { notMatched: true };
}
}
signup() {
const signupValue = Object.assign({}, this.signupForm.value);
const password = signupValue.password;
const member: Member = {
email: signupValue.email,
password: signupValue.password,
name: signupValue.name,
phone: signupValue.phone,
companyName: signupValue.company,
};
this.store.dispatch(new AuthStore.Signup({member, password}));
console.log(member);
}
}