83 lines
2.4 KiB
TypeScript
83 lines
2.4 KiB
TypeScript
|
import { IAuthResponse, TRoles } from '@/core';
|
||
|
|
import { ToastService } from '@/core/services/toast.service';
|
||
|
|
import { Component, EventEmitter, inject, Input, Output, signal } from '@angular/core';
|
||
|
|
import { Router } from '@angular/router';
|
||
|
|
import images from 'src/assets/images';
|
||
|
|
import { LoginComponent } from './login/login.component';
|
||
|
|
import { ModifyLoginInfoComponent } from './modifyLoginInfo/modify-login-info.component';
|
||
|
|
import { OTPComponent } from './otp/otp.component';
|
||
|
|
import { SignupComponent } from './signup/signup.component';
|
||
|
|
|
||
|
|
type TSteps = 'login' | 'otp' | 'modifyLoginInfo' | 'signup';
|
||
|
|
|
||
|
|
@Component({
|
||
|
|
selector: 'app-auth',
|
||
|
|
templateUrl: './auth.component.html',
|
||
|
|
imports: [LoginComponent, OTPComponent, ModifyLoginInfoComponent, SignupComponent],
|
||
|
|
})
|
||
|
|
export class AuthComponent {
|
||
|
|
@Input() redirectUrl!: string;
|
||
|
|
@Input() loginApiUrl!: string;
|
||
|
|
@Input() role?: TRoles;
|
||
|
|
@Input() defaultStep: TSteps = 'login';
|
||
|
|
|
||
|
|
@Output() submit = new EventEmitter<Promise<boolean>>();
|
||
|
|
|
||
|
|
private readonly toastService = inject(ToastService);
|
||
|
|
private readonly router = inject(Router);
|
||
|
|
|
||
|
|
readonly logo = images.logo;
|
||
|
|
readonly authVector = images.login;
|
||
|
|
|
||
|
|
activeStep = signal<TSteps>(this.defaultStep);
|
||
|
|
|
||
|
|
selectedRole = signal<TRoles | undefined>(this.role);
|
||
|
|
|
||
|
|
toSignUp = () => {
|
||
|
|
this.activeStep.set('signup');
|
||
|
|
};
|
||
|
|
|
||
|
|
onLoggedIn = (data: IAuthResponse) => {
|
||
|
|
this.toastService.success({ text: 'شما با موفقیت وارد شدید.' });
|
||
|
|
this.selectedRole.set(data.role.toUpperCase() as TRoles);
|
||
|
|
if (data.mustChangePassword) {
|
||
|
|
this.activeStep.set('modifyLoginInfo');
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (this.submit.observed) {
|
||
|
|
return this.submit.emit(Promise.resolve(true));
|
||
|
|
}
|
||
|
|
this.redirectToDashboard();
|
||
|
|
};
|
||
|
|
|
||
|
|
onModifyLoginInfo = () => {
|
||
|
|
if (this.submit.observed) {
|
||
|
|
return this.submit.emit(Promise.resolve(true));
|
||
|
|
}
|
||
|
|
this.redirectToDashboard();
|
||
|
|
};
|
||
|
|
|
||
|
|
private redirectToDashboard() {
|
||
|
|
let redirectUrl = this.redirectUrl;
|
||
|
|
|
||
|
|
if (!redirectUrl) {
|
||
|
|
switch (this.selectedRole()) {
|
||
|
|
case 'SCHOOL':
|
||
|
|
redirectUrl = '/schools';
|
||
|
|
break;
|
||
|
|
case 'ADMIN':
|
||
|
|
redirectUrl = '/admin';
|
||
|
|
break;
|
||
|
|
case 'TEACHER':
|
||
|
|
redirectUrl = '/teachers';
|
||
|
|
break;
|
||
|
|
case 'STUDENTS':
|
||
|
|
redirectUrl = '/students';
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
this.router.navigateByUrl(redirectUrl);
|
||
|
|
}
|
||
|
|
}
|