fix(frontend): activate landing page buttons and add forgot-password link

- Landing page: 'Jetzt Ersparnis berechnen' links to /register
- Landing page: 'Mehr erfahren' links to /dashboard
- Landing page: remove empty li element
- Login page: add 'Passwort vergessen?' link to /forgot-password
This commit is contained in:
Bernhard Müller 2026-07-22 07:50:49 +02:00
parent 20787395ab
commit d87f6fe95b
4 changed files with 15 additions and 9 deletions

View File

@ -13,12 +13,12 @@
</p> </p>
<div class="flex flex-col sm:flex-row justify-center gap-4"> <div class="flex flex-col sm:flex-row justify-center gap-4">
<button mat-flat-button color="primary" class="!px-8 !py-6 !text-lg"> <a mat-flat-button color="primary" routerLink="/register" class="!px-8 !py-6 !text-lg">
Jetzt Ersparnis berechnen Jetzt Ersparnis berechnen
</button> </a>
<button mat-stroked-button class="!px-8 !py-6 !text-lg"> <a mat-stroked-button routerLink="/dashboard" class="!px-8 !py-6 !text-lg">
Mehr erfahren Mehr erfahren
</button> </a>
</div> </div>
</div> </div>
</section> </section>
@ -88,7 +88,6 @@
<h4 class="text-white font-semibold mb-4">Kontakt</h4> <h4 class="text-white font-semibold mb-4">Kontakt</h4>
<ul class="space-y-2 text-sm"> <ul class="space-y-2 text-sm">
<li>office&#64;dein-verein.at</li> <li>office&#64;dein-verein.at</li>
<li></li>
</ul> </ul>
</div> </div>

View File

@ -1,11 +1,12 @@
import {Component} from '@angular/core'; import {Component} from '@angular/core';
import {MatButtonModule} from '@angular/material/button'; import {MatButtonModule} from '@angular/material/button';
import {MatIconModule} from '@angular/material/icon'; import {MatIconModule} from '@angular/material/icon';
import {RouterLink} from '@angular/router';
@Component({ @Component({
selector: 'app-landing-page', selector: 'app-landing-page',
standalone: true, standalone: true,
imports: [MatButtonModule, MatIconModule], imports: [MatButtonModule, MatIconModule, RouterLink],
templateUrl: './landing-page.html', templateUrl: './landing-page.html',
styleUrls: ['./landing-page.scss'] styleUrls: ['./landing-page.scss']
}) })

View File

@ -42,6 +42,12 @@
Anmelden Anmelden
</button> </button>
</div> </div>
<div class="text-center">
<a routerLink="/forgot-password" class="text-sm text-emerald-600 hover:text-emerald-500">
Passwort vergessen?
</a>
</div>
</form> </form>
</div> </div>
</div> </div>

View File

@ -1,13 +1,13 @@
import {Component} from '@angular/core'; import {Component} from '@angular/core';
import {Router} from '@angular/router'; import {Router, RouterLink} from '@angular/router';
import {AuthService} from '../../services/auth'; import {AuthService} from '../../services/auth';
import {FormBuilder, FormGroup, ReactiveFormsModule, Validators} from '@angular/forms'; import {FormBuilder, FormGroup, ReactiveFormsModule, Validators} from '@angular/forms';
import {CommonModule} from '@angular/common'; // 1. Hier importieren import {CommonModule} from '@angular/common';
@Component({ @Component({
selector: 'app-login', selector: 'app-login',
standalone: true, standalone: true,
imports: [CommonModule, ReactiveFormsModule], imports: [CommonModule, ReactiveFormsModule, RouterLink],
templateUrl: './login.html' templateUrl: './login.html'
}) })
export class LoginComponent { export class LoginComponent {