added translation

src/app/components/board/task/task-empty/task-empty.component.html

@@ -1 +1 @@
-<div class="empty">No tasks</div>
+<div class="empty">{{ "board.emptyTask" | translate }}</div>

src/app/components/board/task/task-empty/task-empty.component.scss

@@ -9,10 +9,12 @@
   border: 1px dashed var(--gray);
   background-color: var(--very-light-gray2);
   box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.16);
-  font-size: 16px;
-  font-weight: 400;
   color: var(--gray);
   margin: 15.5px 0;
+  p {
+    font-size: 18px;
+    font-weight: 400;
+  }
 }
 
 @media screen and (max-width: 667px) {

src/app/components/board/task/task-empty/task-empty.component.ts

@@ -1,12 +1,11 @@
 import { Component } from '@angular/core';
+import { TranslateModule } from '@ngx-translate/core';
 
 @Component({
   selector: 'app-task-empty',
   standalone: true,
-  imports: [],
+  imports: [TranslateModule],
   templateUrl: './task-empty.component.html',
-  styleUrl: './task-empty.component.scss'
+  styleUrl: './task-empty.component.scss',
 })
-export class TaskEmptyComponent {
+export class TaskEmptyComponent {}
-
-}

src/app/components/board/task/task-highlighted/task-highlighted.component.html

@@ -1 +1,3 @@
-<div class="highlighted"><p>Drop here</p></div>
+<div class="highlighted">
+  <p>{{ "board.dropHere" | translate }}</p>
+</div>

src/app/components/board/task/task-highlighted/task-highlighted.component.scss

@@ -9,13 +9,12 @@
   border: 2px dashed var(--light-blue);
   background-color: var(--very-light-gray2);
   box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.16);
-  font-size: 16px;
-  font-weight: 400;
   color: var(--gray);
   margin: 15.5px 0;
   p {
     font-size: 21px;
     font-weight: 500;
+    color: var(--light-blue);
   }
 }
 

src/app/components/board/task/task-highlighted/task-highlighted.component.ts

@@ -1,12 +1,11 @@
 import { Component } from '@angular/core';
+import { TranslateModule } from '@ngx-translate/core';
 
 @Component({
   selector: 'app-task-highlighted',
   standalone: true,
-  imports: [],
+  imports: [TranslateModule],
   templateUrl: './task-highlighted.component.html',
-  styleUrl: './task-highlighted.component.scss'
+  styleUrl: './task-highlighted.component.scss',
 })
-export class TaskHighlightedComponent {
+export class TaskHighlightedComponent {}
-
-}

src/app/components/board/task/task.component.ts

@@ -70,7 +70,7 @@ export class TaskComponent {
     }
   }
 
-  // Dialog
+  // User Dialog
 
   openDialog(userId: any, event: MouseEvent) {
     this.AssignedDialogId = userId;

src/assets/i18n/de.json

@@ -118,7 +118,9 @@
     "done": "Erledigt",
     "addTask": "Neue Aufgabe",
     "findTask": "Aufgabe suchen",
-    "noTasks": "Keine Aufgaben"
+    "noTasks": "Keine Aufgaben",
+    "dropHere": "Hier ablegen",
+    "emptyTask": "Keine Aufgaben"
   },
   "addTask": {
     "headline": "Aufgabe",

src/assets/i18n/en.json

@@ -118,7 +118,9 @@
     "done": "Done",
     "addTask": "Add Task",
     "findTask": "Find Task",
-    "noTasks": "No tasks"
+    "noTasks": "No tasks",
+    "dropHere": "Drop here",
+    "emptyTask": "No tasks"
   },
   "addTask": {
     "headline": "Add Task",