components sorted
This commit is contained in:
parent
8033cebac2
commit
6ddae1f00c
11 changed files with 9 additions and 9 deletions
|
|
@ -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
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
|
||||||
|
|
@ -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';
|
||||||
|
|
|
||||||
|
|
@ -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({
|
||||||
Loading…
Reference in a new issue