diff --git a/src/app/components/login/footer/footer.component.html b/src/app/components/login/footer/footer.component.html index 5331f36..edc4fd1 100644 --- a/src/app/components/login/footer/footer.component.html +++ b/src/app/components/login/footer/footer.component.html @@ -1,6 +1,6 @@ diff --git a/src/app/components/login/footer/footer.component.scss b/src/app/components/login/footer/footer.component.scss index d7ffdf9..ec71d87 100644 --- a/src/app/components/login/footer/footer.component.scss +++ b/src/app/components/login/footer/footer.component.scss @@ -13,7 +13,7 @@ color: var(--gray); padding: 8px; cursor: pointer; - width: 110px; + width: fit-content; height: 19px; text-decoration: none; cursor: pointer; diff --git a/src/app/components/login/header/header.component.html b/src/app/components/login/header/header.component.html index 4521ae4..d28552b 100644 --- a/src/app/components/login/header/header.component.html +++ b/src/app/components/login/header/header.component.html @@ -5,3 +5,14 @@ } +
+ +
diff --git a/src/app/components/login/header/header.component.scss b/src/app/components/login/header/header.component.scss index 5d54a5c..82d8edc 100644 --- a/src/app/components/login/header/header.component.scss +++ b/src/app/components/login/header/header.component.scss @@ -25,8 +25,8 @@ align-items: center; background-color: var(--dark-blue); color: var(--white); - width: 91px; - height: 49px; + width: fit-content; + padding: 14px 18px; border-radius: 8px; font-size: 16px; font-weight: 700; @@ -40,6 +40,17 @@ } } +.language { + position: absolute; + top: 12px; + right: 12px; + cursor: pointer; + &:hover { + filter: brightness(0) saturate(100%) invert(56%) sepia(64%) saturate(570%) + hue-rotate(154deg) brightness(92%) contrast(92%); + } +} + /*------------- RESPONSIVE -------------*/ @media (max-height: 700px) { diff --git a/src/app/components/login/header/header.component.ts b/src/app/components/login/header/header.component.ts index f5632f8..c59d766 100644 --- a/src/app/components/login/header/header.component.ts +++ b/src/app/components/login/header/header.component.ts @@ -1,6 +1,7 @@ import { Component, Input } from '@angular/core'; import { RouterModule } from '@angular/router'; import { TranslateModule } from '@ngx-translate/core'; +import { LanguageService } from '../../../services/language.service'; @Component({ selector: 'app-header', @@ -11,4 +12,6 @@ import { TranslateModule } from '@ngx-translate/core'; }) export class HeaderComponent { @Input() signUpBtn: boolean = false; + + constructor(public languageService: LanguageService) {} } diff --git a/src/app/components/login/register/register.component.html b/src/app/components/login/register/register.component.html index 8025470..16d5e50 100644 --- a/src/app/components/login/register/register.component.html +++ b/src/app/components/login/register/register.component.html @@ -9,7 +9,7 @@
-

Sign up

+

{{ "register.signup" | translate }}

@@ -20,7 +20,7 @@ id="name" name="name" #name="ngModel" - placeholder="Name" + placeholder="{{ 'register.name' | translate }}" class="custom-input" autocomplete="name" [(ngModel)]="registerData.name" @@ -37,7 +37,7 @@ }
@if (!name.valid && name.touched) { -

You must enter a name.

+

{{ "register.errorName" | translate }}

}
}
- @if (!mail.valid && mail.touched) { -

You must enter a mail.

+ @if(!mail.valid && mail.touched && + !checkIfUserEmailIsValid(registerData.mail)) { +

{{ "register.errorMail0" | translate }}

+ } @else { @if (mail.touched && + !checkIfUserEmailIsValid(registerData.mail)) { +

{{ "register.errorMail1" | translate }}

} @else { @if (existEmailonServer(registerData.mail).length > 0) { -

This email already exists.

- } } +

{{ "register.errorMail2" | translate }}

+ } } }
@if (!password.valid && password.touched) { -

You must enter a password.

+

{{ "register.errorPassword0" | translate }}

} @else { @if (registerData.password.length < 6 && password.touched) { -

The password must consist of at least 6 characters

+

{{ "register.errorPassword1" | translate }}

} }
@if (!passwordConfirm.valid && passwordConfirm.touched) { -

You must enter a password.

+

{{ "register.errorPassword0" | translate }}

} @if (registerData.password !== registerData.passwordConfirm && registerData.password !== "" && registerData.passwordConfirm !== "") { -

The passwords don't match!

+

{{ "register.errorPassword2" | translate }}

}
@@ -143,14 +147,16 @@ />

- I accept the - Privacy policy + {{ "register.privacyPolicy0" | translate }} + {{ + "register.privacyPolicy1" | translate + }}

@if (!checkbox.valid && checkbox.touched) { -

You must accept the privacy policy!

+

{{ "register.privacyPolicyError" | translate }}

}
@@ -158,7 +164,7 @@