Chneemann/join
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

added login error msg

Browse source
This commit is contained in:
Chneemann 2024-04-28 15:44:02 +02:00
parent f0712fa0c3
commit 24cf13f61e
3 changed files with 9 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/app/components/login/login.component.html
View file

@ -32,6 +32,8 @@
<div class="error-msg"> <div class="error-msg">
@if (!mail.valid && mail.touched) { @if (!mail.valid && mail.touched) {
<p>You must enter a mail.</p> <p>You must enter a mail.</p>
} @if (loginSerivce.errorCode == 'auth/invalid-email') {
<p>This email address does not exist.</p>
} }
</div> </div>
<input <input
@ -52,6 +54,8 @@
<div class="error-msg"> <div class="error-msg">
@if (!password.valid && password.touched) { @if (!password.valid && password.touched) {
<p>You must enter a password.</p> <p>You must enter a password.</p>
} @if (loginSerivce.errorCode == 'auth/invalid-credential') {
<p>The password does not match the email address</p>
} }
</div> </div>
</div> </div>

2
src/app/components/login/login.component.ts
View file

@ -22,7 +22,7 @@ export class LoginComponent {
constructor( constructor(
private firebaseService: FirebaseService, private firebaseService: FirebaseService,
private loginSerivce: LoginService, public loginSerivce: LoginService,
public sharedService: SharedService, public sharedService: SharedService,
private router: Router private router: Router
) {} ) {}

9
src/app/services/login.service.ts
View file

@ -1,13 +1,14 @@
import { Injectable, inject } from '@angular/core'; import { Injectable, inject } from '@angular/core';
import { getAuth, signInWithEmailAndPassword } from 'firebase/auth'; import { getAuth, signInWithEmailAndPassword } from 'firebase/auth';
import { FirebaseService } from './firebase.service'; import { FirebaseService } from './firebase.service';
import { Firestore, collection, query, where } from '@angular/fire/firestore'; import { Firestore } from '@angular/fire/firestore';
import { SharedService } from './shared.service'; import { SharedService } from './shared.service';
@Injectable({ @Injectable({
providedIn: 'root', providedIn: 'root',
}) })
export class LoginService { export class LoginService {
firestore: Firestore = inject(Firestore); firestore: Firestore = inject(Firestore);
errorCode: string = '';
constructor( constructor(
private firebaseService: FirebaseService, private firebaseService: FirebaseService,
@ -15,9 +16,7 @@ export class LoginService {
) {} ) {}
login(loginData: { mail: string; password: string }) { login(loginData: { mail: string; password: string }) {
const auth = getAuth(); signInWithEmailAndPassword(getAuth(), loginData.mail, loginData.password)
signInWithEmailAndPassword(auth, loginData.mail, loginData.password)
.then((userCredential) => { .then((userCredential) => {
const user = userCredential.user; const user = userCredential.user;
if (this.firebaseService.checkUserUID(user.uid).length > 0) { if (this.firebaseService.checkUserUID(user.uid).length > 0) {
@ -32,7 +31,7 @@ export class LoginService {
}) })
.catch((error) => { .catch((error) => {
console.error(error); console.error(error);
alert('Invalid email or password! Please try again.'); this.errorCode = error.code;
this.sharedService.isBtnDisabled = false; this.sharedService.isBtnDisabled = false;
}); });
} }