Translate file tasks types in footer

src-ui/src/app/components/manage/tasks/tasks.component.html

@@ -100,7 +100,7 @@
   </table>
 
   <div class="pb-3 d-sm-flex justify-content-between align-items-center">
-    <div class="pb-2 pb-sm-0" i18n *ngIf="tasks.length > 0">{tasks.length, plural, =1 {One {{this.activeTab}} task} other {{{tasks.length || 0}} total {{this.activeTab}} tasks}}</div>
+    <div class="pb-2 pb-sm-0" i18n *ngIf="tasks.length > 0">{tasks.length, plural, =1 {One {{this.activeTabLocalized}} task} other {{{tasks.length || 0}} total {{this.activeTabLocalized}} tasks}}</div>
     <ngb-pagination *ngIf="tasks.length > pageSize" [(page)]="page" [pageSize]="pageSize" [collectionSize]="tasks.length" maxSize="8" size="sm"></ngb-pagination>
   </div>
 </ng-template>

src-ui/src/app/components/manage/tasks/tasks.component.ts

@@ -124,4 +124,17 @@ export class TasksComponent
   duringTabChange(navID: number) {
     this.page = 1
   }
+
+  get activeTabLocalized(): string {
+    switch (this.activeTab) {
+      case 'queued':
+        return $localize`queued`
+      case 'started':
+        return $localize`started`
+      case 'completed':
+        return $localize`completed`
+      case 'failed':
+        return $localize`failed`
+    }
+  }
 }