From 38d127c948c9fd4d34ff78cc8938e0c81777dd9b Mon Sep 17 00:00:00 2001
From: Igor Propisnov <info@igor-propisnov.com>
Date: Mon, 20 May 2024 13:55:17 +0200
Subject: [PATCH] refactored html

---
 .../register-root.component.html              | 117 ++++++++++--------
 frontend/src/environments/environment.ts      |   3 +
 2 files changed, 65 insertions(+), 55 deletions(-)

diff --git a/frontend/src/app/pages/register-root/register-root.component.html b/frontend/src/app/pages/register-root/register-root.component.html
index 148f752..0e3bc6d 100644
--- a/frontend/src/app/pages/register-root/register-root.component.html
+++ b/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,58 +30,65 @@
       </div>
     }
 
-    <div
-      class="register-wrapper"
-      *ngIf="isSignupSignal() || isRegisterSignal()">
-      <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>
-        @if (this.isRegisterSignal()) {
-          <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]="
-              isSignupSignal() ? 'Anmelden' : '✨ Jetzt KOSTENFREI loslegen ✨'
-            "></button>
-        </div>
-        <div class="change-mask">
-          <a (click)="switchMask()" (keyup.enter)="switchMask()" tabindex="0">
-            @if (this.isSignupSignal()) {
-              Kein Account? Erstellen Sie jetzt KOSTENFREI einen!
-            } @else {
-              Schon einen Account? Hier einloggen
+    @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>
+              </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>
+            @if (isRegisterSignal()) {
+              <div class="terms">
+                <p-checkbox
+                  formControlName="terms"
+                  label="Ich habe die AGB gelesen und stimme zu."
+                  name="terms"
+                  [binary]="true"></p-checkbox>
+              </div>
             }
-          </a>
-        </div>
-      </form>
-    </div>
+            <div class="signup">
+              <button
+                pButton
+                type="submit"
+                [label]="
+                  isSignupSignal()
+                    ? 'Anmelden'
+                    : '✨ Jetzt KOSTENFREI loslegen ✨'
+                "></button>
+            </div>
+            <div class="change-mask">
+              <a
+                (click)="switchMask()"
+                (keyup.enter)="switchMask()"
+                tabindex="0">
+                @if (isSignupSignal()) {
+                  Kein Account? Erstellen Sie jetzt KOSTENFREI einen!
+                } @else {
+                  Schon einen Account? Hier einloggen
+                }
+              </a>
+            </div>
+          </form>
+        }
+      </div>
+    }
   </div>
 </div>
diff --git a/frontend/src/environments/environment.ts b/frontend/src/environments/environment.ts
index de4bacf..f1a8c8a 100644
--- a/frontend/src/environments/environment.ts
+++ b/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',