added translate

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>

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',

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"
   },

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"
   },