frontend/src/app/pages/register-root/register-root.component.html

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

frontend/src/environments/environment.ts

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