105 lines
3.6 KiB
TypeScript
105 lines
3.6 KiB
TypeScript
import {Component, EventEmitter, OnInit, Output} from '@angular/core';
|
|
import {environment} from '../../../../../environments/environment';
|
|
import {ApiService} from '../../../../api/api.service';
|
|
import {NzMessageService} from 'ng-zorro-antd/message';
|
|
import {Router} from '@angular/router';
|
|
import {RequestObj} from '../../../../class/HttpReqAndResp';
|
|
import {LoginReq} from '../../../../class/User';
|
|
import {Title} from '@angular/platform-browser';
|
|
import {LocalStorageService} from '../../../../services/local-storage.service';
|
|
|
|
@Component({
|
|
selector: 'c-registration',
|
|
templateUrl: './registration.component.html',
|
|
styleUrls: ['./registration.component.less'],
|
|
providers: [ApiService]
|
|
})
|
|
export class RegistrationComponent implements OnInit {
|
|
|
|
@Output() regStatus = new EventEmitter<boolean>();
|
|
@Output() regAccount = new EventEmitter<LoginReq>();
|
|
|
|
imgCodeUrl: string;
|
|
|
|
imgCode: string;
|
|
email: string;
|
|
|
|
pwd: string;
|
|
submitting: boolean;
|
|
|
|
constructor(private apiService: ApiService,
|
|
private nzMessageService: NzMessageService,
|
|
private router: Router,
|
|
private title: Title,
|
|
private localStorageService: LocalStorageService) {
|
|
this.title.setTitle('小海博客 | 注册');
|
|
}
|
|
|
|
ngOnInit() {
|
|
this.imgCodeUrl = environment.host + '/imgCode';
|
|
this.submitting = false;
|
|
}
|
|
|
|
changeImg() {
|
|
this.imgCode = '';
|
|
this.imgCodeUrl = environment.host + '/imgCode?t=' + new Date().valueOf();
|
|
}
|
|
|
|
// 提交注册
|
|
doRegistration() {
|
|
this.submitting = true;
|
|
// 数据验证
|
|
if (!this.email || !this.pwd) {
|
|
this.nzMessageService.error('邮箱账号和密码不可为空');
|
|
|
|
this.submitting = false;
|
|
return;
|
|
}
|
|
const emailReg = /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/;
|
|
if (!emailReg.test(this.email)) {
|
|
this.nzMessageService.error('邮箱格式不正确');
|
|
this.submitting = false;
|
|
return;
|
|
}
|
|
const pwdReg = /^[\w_-]{6,16}$/;
|
|
if (!pwdReg.test(this.pwd)) {
|
|
this.nzMessageService.error('密码格式不正确');
|
|
this.submitting = false;
|
|
return;
|
|
}
|
|
if (!this.imgCode || this.imgCode.length !== 4) {
|
|
this.nzMessageService.error('验证码不正确');
|
|
this.submitting = false;
|
|
return;
|
|
}
|
|
// 验证验证码
|
|
this.apiService.verifyImgCode(this.imgCode).subscribe(data => {
|
|
// 验证成功 注册
|
|
this.apiService.registration(this.email, this.pwd).subscribe(regData => {
|
|
this.localStorageService.setItem('e', this.email);
|
|
this.localStorageService.setItem('p', this.pwd);
|
|
this.email = '';
|
|
this.pwd = '';
|
|
this.imgCode = '';
|
|
this.submitting = false;
|
|
this.nzMessageService.success('注册成功，三秒后跳转登录页面');
|
|
this.regStatus.emit(true);
|
|
this.regAccount.emit(new LoginReq(this.email, true, this.pwd));
|
|
setTimeout(() => {
|
|
if (this.router) {
|
|
this.router.navigateByUrl('/user/login');
|
|
}
|
|
}, 3000);
|
|
}
|
|
);
|
|
},
|
|
);
|
|
|
|
}
|
|
|
|
errHandler(code: number, msg: string, request?: RequestObj): void {
|
|
this.nzMessageService.error('reg' + msg);
|
|
this.regStatus.emit(false);
|
|
}
|
|
}
|