84 lines
3.1 KiB
TypeScript
84 lines
3.1 KiB
TypeScript
import {Component, EventEmitter, Input, OnInit, Output} from '@angular/core';
|
|
import {NzMessageService} from 'ng-zorro-antd/message';
|
|
import {LoginReq} from '../../../../class/User';
|
|
import {ActivatedRoute, Router} from '@angular/router';
|
|
import {LoginRegistrationService} from '../../service/login-registration.service';
|
|
import {Title} from '@angular/platform-browser';
|
|
import {GlobalUserService} from '../../../../services/global-user.service';
|
|
import {LocalStorageService} from '../../../../services/local-storage.service';
|
|
|
|
@Component({
|
|
selector: 'c-login',
|
|
templateUrl: './login.component.html',
|
|
styleUrls: ['./login.component.less']
|
|
})
|
|
export class LoginComponent implements OnInit {
|
|
|
|
@Output() loginStatus = new EventEmitter<boolean>();
|
|
@Input() showSendEmail: boolean = true;
|
|
|
|
submitting: boolean = false;
|
|
loginReq: LoginReq = new LoginReq(null, true, null);
|
|
|
|
private url: string;
|
|
|
|
constructor(private nzMessageService: NzMessageService,
|
|
private userService: GlobalUserService,
|
|
private activatedRoute: ActivatedRoute,
|
|
private router: Router,
|
|
private loginRegistrationService: LoginRegistrationService,
|
|
private title: Title,
|
|
private localStorageService: LocalStorageService) {
|
|
this.title.setTitle('小海博客 | 登录 ');
|
|
}
|
|
|
|
ngOnInit() {
|
|
this.url = this.activatedRoute.snapshot.queryParamMap.get('url');
|
|
this.loginReq.email = this.localStorageService.getItem('e');
|
|
this.loginReq.password = this.localStorageService.getItem('p');
|
|
this.localStorageService.removeItem('e');
|
|
this.localStorageService.removeItem('p');
|
|
}
|
|
|
|
doLogin() {
|
|
this.submitting = true;
|
|
const emailReg = /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/;
|
|
const pwdReg = /^[\w_-]{6,16}$/;
|
|
if (!this.loginReq.email || !emailReg.test(this.loginReq.email)) {
|
|
this.submitting = false;
|
|
this.nzMessageService.error('邮箱格式不正确');
|
|
return;
|
|
}
|
|
if (!this.loginReq.password || !pwdReg.test(this.loginReq.password)) {
|
|
this.submitting = false;
|
|
this.nzMessageService.error('密码格式不正确');
|
|
return;
|
|
}
|
|
|
|
this.userService.login(this.loginReq, {
|
|
complete: () => null,
|
|
error: (err) => {
|
|
this.nzMessageService.error(err.msg);
|
|
this.submitting = false;
|
|
this.loginStatus.emit(false);
|
|
},
|
|
next: data => {
|
|
this.submitting = false;
|
|
this.nzMessageService.success('登录成功，欢迎你' + data.result.displayName);
|
|
this.loginStatus.emit(true);
|
|
if (this.url) {
|
|
this.router.navigateByUrl(this.url);
|
|
} else {
|
|
// window.location.href = '/admin/';
|
|
this.router.navigateByUrl('/admin');
|
|
}
|
|
}
|
|
}
|
|
);
|
|
}
|
|
|
|
sendEmail() {
|
|
this.loginRegistrationService.showModal = true;
|
|
}
|
|
}
|