From 97fa4b32c2242482586de783d712a2c2ee4ac8d9 Mon Sep 17 00:00:00 2001
From: Chneemann <Andre-Ke@gmx.de>
Date: Wed, 15 May 2024 15:40:37 +0200
Subject: [PATCH] added translate

---
 src/app/components/login/login.component.html | 12 ++++++------
 src/app/components/login/login.component.ts   |  2 ++
 src/assets/i18n/de.json                       | 11 +++++++++++
 src/assets/i18n/en.json                       | 11 +++++++++++
 4 files changed, 30 insertions(+), 6 deletions(-)

diff --git a/src/app/components/login/login.component.html b/src/app/components/login/login.component.html
index dfa65a7..5fdccef 100644
--- a/src/app/components/login/login.component.html
+++ b/src/app/components/login/login.component.html
@@ -7,7 +7,7 @@
     onsubmit="return false"
   >
     <div class="content">
-      <p>Log in</p>
+      <p>{{ "login.login" | translate }}</p>
       <img src="./../../../assets/img/login/blue-line.svg" alt="" />
       <div class="input-fields">
         <input
@@ -15,7 +15,7 @@
           id="mail"
           name="mail"
           #mail="ngModel"
-          placeholder="Email"
+          placeholder="{{ 'login.email' | translate }}"
           class="custom-input"
           autocomplete="email"
           [(ngModel)]="loginData.mail"
@@ -43,7 +43,7 @@
           name="password"
           #password="ngModel"
           [type]="loginSerivce.passwordFieldType"
-          placeholder="Password"
+          placeholder="{{ 'login.password' | translate }}"
           class="custom-input"
           autocomplete="current-password"
           [(ngModel)]="loginData.password"
@@ -75,7 +75,7 @@
         <app-form-btn
           [class]="'btn-google'"
           [type]="'button'"
-          [value]="'Sign in with Google'"
+          [value]="'login.google' | translate"
           [disabled]="sharedService.isBtnDisabled"
           (click)="googleLogin()"
         ></app-form-btn>
@@ -84,7 +84,7 @@
         <app-form-btn
           [class]="'btn-login'"
           [type]="'submit'"
-          [value]="'Log in'"
+          [value]="'login.login' | translate"
           [disabled]="
             mail.invalid ||
             !loginData.mail ||
@@ -97,7 +97,7 @@
         <app-form-btn
           [class]="'btn-guest-login'"
           [type]="'button'"
-          [value]="'Guest Log in'"
+          [value]="'login.guest' | translate"
           [disabled]="sharedService.isBtnDisabled"
           (click)="guestLogin()"
         ></app-form-btn>
diff --git a/src/app/components/login/login.component.ts b/src/app/components/login/login.component.ts
index 43f7c2c..8aa1bfa 100644
--- a/src/app/components/login/login.component.ts
+++ b/src/app/components/login/login.component.ts
@@ -8,6 +8,7 @@ import { LoginService } from '../../services/login.service';
 import { SharedService } from '../../services/shared.service';
 import { FooterComponent } from './footer/footer.component';
 import { HeaderComponent } from './header/header.component';
+import { TranslateModule } from '@ngx-translate/core';
 
 @Component({
   selector: 'app-login',
@@ -18,6 +19,7 @@ import { HeaderComponent } from './header/header.component';
     FormBtnComponent,
     FooterComponent,
     HeaderComponent,
+    TranslateModule,
   ],
   templateUrl: './login.component.html',
   styleUrl: './login.component.scss',
diff --git a/src/assets/i18n/de.json b/src/assets/i18n/de.json
index 0c51821..c193898 100644
--- a/src/assets/i18n/de.json
+++ b/src/assets/i18n/de.json
@@ -1,4 +1,15 @@
 {
+  "login": {
+    "login": "Einloggen",
+    "email": "Email",
+    "password": "Passwort",
+    "google": "Einloggen mit Google",
+    "guest": "Gastzugang"
+  },
+  "loginHeader": {
+    "notAUser": "Kein Join Nutzer?",
+    "signup": "Registrieren"
+  },
   "header": {
     "headline": "Kanban Projektmanagement Werkzeug"
   },
diff --git a/src/assets/i18n/en.json b/src/assets/i18n/en.json
index 47ea8d8..c12813e 100644
--- a/src/assets/i18n/en.json
+++ b/src/assets/i18n/en.json
@@ -1,4 +1,15 @@
 {
+  "login": {
+    "login": "Log in",
+    "email": "Email",
+    "password": "Password",
+    "google": "Sign in with Google",
+    "guest": "Guest Log in"
+  },
+  "loginHeader": {
+    "notAUser": "Not a Join user?",
+    "signup": "Sign up"
+  },
   "header": {
     "headline": "Kanban Project Management Tool"
   },