bugfixes

frontend/src/app/components/auth/login/login.component.html

@@ -43,7 +43,7 @@
         pattern="[^<>]*"
         minlength="6"
         [class.error-border]="
-          password.invalid && password.touched && authData.password.length > 0
+          password.invalid && password.touched && authData.password.length < 6
         "
         required
       />
@@ -51,13 +51,15 @@
         @if (!password.valid && password.touched && authData.password.length <
         1) {
         <p>Please enter your password</p>
-        } @else { @if (authData.password.length < 6 && password.touched) {
+        } @else { @if (authData.password && authData.password.length < 6 &&
+        password.touched) {
         <p>Password is too short, min 6 characters</p>
         } }
       </div>
       <app-btn-large
         [value]="'Log in'"
         [disabled]="
+          !authData.mail ||
           (!isUserEmailValid(authData.mail) && authData.mail.length > 0) ||
           !password.valid
         "

frontend/src/app/components/auth/login/login.component.scss

@@ -86,6 +86,10 @@ section {
     }
   }
   .error-border {
-    border: 1px solid red;
+    border: 1px solid $red;
+    color: $red;
+    &::placeholder {
+      color: $red;
+    }
   }
 }

frontend/src/app/components/auth/login/login.component.ts

@@ -14,6 +14,7 @@ export class LoginComponent {
   authData = {
     mail: '',
     password: '',
+    send: false,
   };
 
   constructor() {}
@@ -26,8 +27,7 @@ export class LoginComponent {
   onSubmit(ngForm: NgForm) {
     if (ngForm.submitted && ngForm.form.valid) {
       console.log(this.authData);
-      this.authData.mail = '';
-      this.authData.password = '';
+      ngForm.resetForm();
     }
   }
 }

frontend/src/app/components/auth/register/register.component.html

@@ -34,14 +34,20 @@
         [(ngModel)]="authData.password"
         pattern="[^<>]*"
         minlength="6"
-        [class.error-border]="password.invalid && password.touched"
+        [class.error-border]="
+          password.invalid && password.touched && authData.password.length < 6
+        "
         [disabled]="!authData.params"
         required
       />
       <div class="error-msg">
-        @if (authData.password.length < 6 && password.touched) {
+        @if (!password.valid && password.touched && authData.password.length <
+        1) {
+        <p>Please enter a password</p>
+        } @else { @if (authData.password && authData.password.length < 6 &&
+        password.touched) {
         <p>Password is too short, min 6 characters</p>
-        }
+        } }
       </div>
       <input
         type="password"
@@ -70,7 +76,10 @@
         [value]="'Get Started'"
         [disabled]="
           (!isUserEmailValid(authData.mail) && authData.mail.length > 0) ||
-          !authData.params
+          !authData.params ||
+          authData.password !== authData.passwordConfirm ||
+          !authData.password ||
+          !authData.passwordConfirm
         "
       ></app-btn-large>
     </form>

frontend/src/app/components/auth/register/register.component.scss

@@ -86,6 +86,10 @@ section {
     }
   }
   .error-border {
-    border: 1px solid red;
+    border: 1px solid $red;
+    color: $red;
+    &::placeholder {
+      color: $red;
+    }
   }
 }

frontend/src/app/components/auth/register/register.component.ts

@@ -36,8 +36,10 @@ export class RegisterComponent {
 
   onSubmit(ngForm: NgForm) {
     if (ngForm.submitted && ngForm.form.valid) {
-      console.log(this.authData.mail);
-      this.authData.mail = '';
+      let mail = this.authData.mail;
+      console.log(this.authData);
+      ngForm.form.reset();
+      ngForm.form.patchValue({ mail: mail });
     }
   }
 }

frontend/src/assets/style/colors.scss

@@ -3,4 +3,4 @@ $white: #fff;
 $black: #000;
 $gray: #ababab;
 $blue: #2e3edf;
-$red: #ff0000;
+$red: #ff002e;