components sorted

This commit is contained in:
Chneemann 2024-08-03 10:55:58 +02:00
parent 8033cebac2
commit 6ddae1f00c
11 changed files with 9 additions and 9 deletions

View file

@ -1,7 +1,7 @@
<section> <section>
<div class="content"> <div class="content">
<div class="headline">Forgot your password?</div> <div class="headline">Forgot your password?</div>
@if (!queryEmail && !sendSuccess && !queryEmailSuccess) { @if (!queryEmail && !sendMailSuccess && !queryEmailSuccess) {
<div class="note"> <div class="note">
<p>We will send you an email with instructions to reset your password.</p> <p>We will send you an email with instructions to reset your password.</p>
</div> </div>
@ -40,7 +40,7 @@
[disabled]="!isUserEmailValid(authData.mail)" [disabled]="!isUserEmailValid(authData.mail)"
></app-btn-large> ></app-btn-large>
</form> </form>
} @else { @if (sendSuccess) { } @else { @if (sendMailSuccess) {
<div class="note"> <div class="note">
<p> <p>
If the email you entered exists on our server, you will receive a If the email you entered exists on our server, you will receive a

View file

@ -2,7 +2,7 @@ import { CommonModule } from '@angular/common';
import { Component } from '@angular/core'; import { Component } from '@angular/core';
import { BtnLargeComponent } from '../../../shared/components/btn-large/btn-large.component'; import { BtnLargeComponent } from '../../../shared/components/btn-large/btn-large.component';
import { FormsModule, NgForm } from '@angular/forms'; import { FormsModule, NgForm } from '@angular/forms';
import { ActivatedRoute, Router, RouterLink } from '@angular/router'; import { ActivatedRoute, RouterLink } from '@angular/router';
@Component({ @Component({
selector: 'app-forgot-password', selector: 'app-forgot-password',
@ -18,11 +18,11 @@ export class ForgotPasswordComponent {
passwordConfirm: '', passwordConfirm: '',
}; };
sendSuccess: boolean = false; sendMailSuccess: boolean = false;
queryEmail: boolean = false; queryEmail: boolean = false;
queryEmailSuccess: boolean = false; queryEmailSuccess: boolean = false;
constructor(private route: ActivatedRoute, private router: Router) {} constructor(private route: ActivatedRoute) {}
ngOnInit(): void { ngOnInit(): void {
this.route.queryParams.subscribe((params) => { this.route.queryParams.subscribe((params) => {
@ -40,7 +40,7 @@ export class ForgotPasswordComponent {
if (ngForm.submitted && ngForm.form.valid) { if (ngForm.submitted && ngForm.form.valid) {
if (mailInput.name === 'mail') { if (mailInput.name === 'mail') {
ngForm.form.reset(); ngForm.form.reset();
this.sendSuccess = true; this.sendMailSuccess = true;
} else if (mailInput.name === 'password') { } else if (mailInput.name === 'password') {
ngForm.form.reset(); ngForm.form.reset();
this.queryEmail = false; this.queryEmail = false;

View file

@ -1,6 +1,6 @@
import { Component, OnInit } from '@angular/core'; import { Component, OnInit } from '@angular/core';
import { HeaderComponent } from './header/header.component'; import { HeaderComponent } from '../../shared/components/header/header.component';
import { FooterComponent } from './footer/footer.component'; import { FooterComponent } from '../../shared/components/footer/footer.component';
import { AuthComponent } from '../auth/auth.component'; import { AuthComponent } from '../auth/auth.component';
import { ActivatedRoute } from '@angular/router'; import { ActivatedRoute } from '@angular/router';
import { RegisterComponent } from '../auth/register/register.component'; import { RegisterComponent } from '../auth/register/register.component';

View file

@ -1,5 +1,5 @@
import { Component } from '@angular/core'; import { Component } from '@angular/core';
import { BtnLargeComponent } from '../../../shared/components/btn-large/btn-large.component'; import { BtnLargeComponent } from '../btn-large/btn-large.component';
import { RouterLink } from '@angular/router'; import { RouterLink } from '@angular/router';
@Component({ @Component({