refactored html
This commit is contained in:
parent
bdc9ec3ee0
commit
38d127c948
|
@ -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>
|
||||||
|
|
|
@ -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',
|
||||||
|
|
Loading…
Reference in New Issue