refactored html

This commit is contained in:
Igor Hrenowitsch Propisnov 2024-05-20 13:55:17 +02:00
parent bdc9ec3ee0
commit 38d127c948
2 changed files with 65 additions and 55 deletions

View File

@ -6,16 +6,16 @@
</div> </div>
<div class="content-zone"> <div class="content-zone">
<h1> <h1>
@if (this.isSignupSignal()) { @if (isSignupSignal()) {
Anmelden Anmelden
} @else if (this.isRegisterSignal()) { } @else if (isRegisterSignal()) {
Registrieren Registrieren
} @else { } @else {
Erste Schritte Erste Schritte
} }
</h1> </h1>
@if (this.isDisplayButtons()) { @if (isDisplayButtons()) {
<div class="action"> <div class="action">
<button <button
pButton pButton
@ -30,10 +30,10 @@
</div> </div>
} }
<div @if (isSignupSignal() || isRegisterSignal()) {
class="register-wrapper" <div class="register-wrapper">
*ngIf="isSignupSignal() || isRegisterSignal()"> @if (form) {
<form [formGroup]="form" *ngIf="form" (ngSubmit)="onSubmit()"> <form [formGroup]="form" (ngSubmit)="onSubmit()">
<div class="e-mail"> <div class="e-mail">
<div class="label"> <div class="label">
<label for="email">E-Mail</label> <label for="email">E-Mail</label>
@ -55,13 +55,13 @@
aria-describedby="password" aria-describedby="password"
[toggleMask]="true"></p-password> [toggleMask]="true"></p-password>
</div> </div>
@if (this.isRegisterSignal()) { @if (isRegisterSignal()) {
<div class="terms"> <div class="terms">
<p-checkbox <p-checkbox
formControlName="terms" formControlName="terms"
label="Ich habe die AGB gelesen und stimme zu." label="Ich habe die AGB gelesen und stimme zu."
name="terms" name="terms"
[binary]="true" /> [binary]="true"></p-checkbox>
</div> </div>
} }
<div class="signup"> <div class="signup">
@ -69,12 +69,17 @@
pButton pButton
type="submit" type="submit"
[label]=" [label]="
isSignupSignal() ? 'Anmelden' : '✨ Jetzt KOSTENFREI loslegen ✨' isSignupSignal()
? 'Anmelden'
: '✨ Jetzt KOSTENFREI loslegen ✨'
"></button> "></button>
</div> </div>
<div class="change-mask"> <div class="change-mask">
<a (click)="switchMask()" (keyup.enter)="switchMask()" tabindex="0"> <a
@if (this.isSignupSignal()) { (click)="switchMask()"
(keyup.enter)="switchMask()"
tabindex="0">
@if (isSignupSignal()) {
Kein Account? Erstellen Sie jetzt KOSTENFREI einen! Kein Account? Erstellen Sie jetzt KOSTENFREI einen!
} @else { } @else {
Schon einen Account? Hier einloggen Schon einen Account? Hier einloggen
@ -82,6 +87,8 @@
</a> </a>
</div> </div>
</form> </form>
</div> }
</div>
}
</div> </div>
</div> </div>

View File

@ -3,6 +3,9 @@ export const environment = {
api: { api: {
base: 'http://localhost:3000', base: 'http://localhost:3000',
}, },
security: {
encryptionKey: 'my-secret',
},
oauth: { oauth: {
clinetId: 'app_FLXnxSBnnaKkXoYCgk3J62iA', clinetId: 'app_FLXnxSBnnaKkXoYCgk3J62iA',
redirectUri: 'https://commonly-hot-airedale.ngrok-free.app/oauth', redirectUri: 'https://commonly-hot-airedale.ngrok-free.app/oauth',