Feature: Added Login / Register Feature #3

Merged
igorpropisnov merged 26 commits from feature/register-view into main 2024-05-21 21:24:11 +02:00
1 changed files with 0 additions and 115 deletions
Showing only changes of commit 5d2b868a3d - Show all commits

View File

@ -1,118 +1,3 @@
<!-- <div id="background">
<div class="img-zone">
<div class="img-wrapper">
<h1>Hi, Welcome to Ticket App.</h1>
</div>
</div>
<div class="content-zone">
<h1>
@if (this.isSignupSignal()) {
Anmelden
} @else if (this.isRegisterSignal()) {
Registrieren
} @else {
Erste Schritte
}
</h1>
@if (this.isDisplayButtons()) {
<div class="action">
<button
pButton
type="button"
label="Anmelden"
(click)="toggleAction('signup')"></button>
<button
pButton
type="button"
label="Registrieren"
(click)="toggleAction('register')"></button>
</div>
}
@if (this.isSignupSignal()) {
<div class="register-wrapper">
<form [formGroup]="form" *ngIf="form" (ngSubmit)="onSubmit()">
<div class="e-mail">
<div class="label">
<label for="email">E-Mail</label>
</div>
<input
pInputText
id="email"
formControlName="email"
aria-describedby="e-mail" />
</div>
<div class="password">
<div class="label">
<label for="password">Password</label>
</div>
<p-password
class="custom-p-password"
id="password"
formControlName="password"
aria-describedby="password"
[toggleMask]="true"></p-password>
</div>
<div class="signup">
<button pButton type="submit" label="Anmelden"></button>
</div>
<div class="change-mask">
<a (click)="switchMask()" (keyup.enter)="switchMask()" tabindex="0">
Kein Account? Erstellen Sie jetzt KOSTENFREI einen!
</a>
</div>
</form>
</div>
}
@if (this.isRegisterSignal()) {
<div class="register-wrapper">
<form [formGroup]="form" *ngIf="form" (ngSubmit)="onSubmit()">
<div class="e-mail">
<div class="label">
<label for="email">E-Mail</label>
</div>
<input
pInputText
id="email"
formControlName="email"
aria-describedby="e-mail" />
</div>
<div class="password">
<div class="label">
<label for="password">Password</label>
</div>
<p-password
class="custom-p-password"
id="password"
formControlName="password"
aria-describedby="password"
[toggleMask]="true"></p-password>
</div>
<div class="terms">
<p-checkbox
formControlName="terms"
label="Ich habe die AGB gelesen und stimme zu."
name="terms"
[binary]="true" />
</div>
<div class="signup">
<button
pButton
type="submit"
label="✨ Jetzt KOSTENFREI loslegen ✨"></button>
</div>
<div class="change-mask">
<a (click)="switchMask()" (keyup.enter)="switchMask()" tabindex="0">
Schon einen Account? Hier einloggen
</a>
</div>
</form>
</div>
}
</div>
</div> -->
<div id="background">
<div class="img-zone">
<div class="img-wrapper">