Merged PR 1409: #3419 TK Überfällige Aufgaben nur anzeigen, wenn vorhanden

#3419 TK Überfällige Aufgaben nur anzeigen, wenn vorhanden

Related work items: #3419

apps/page/task-calendar/src/lib/components/task-list/task-list.component.html

@@ -1,6 +1,6 @@
 <!-- <div class="task-list overdue-list" *ngIf="items | filterType: ['Task'] | filterStatus: ['Overdue']; let overdieItems"> -->
 <ui-scroll-container [loading]="fetching$ | async" [useLoadAnimation]="false">
-  <ng-container *ngIf="isToday$ | async">
+  <ng-container *ngIf="showOverdueItems$ | async">
     <div class="task-list overdue-list" *ngIf="overdueItems$ | async; let overdieItems">
       <div class="head-row">
         <div class="head-row-title">

apps/page/task-calendar/src/lib/components/task-list/task-list.component.ts

@@ -81,6 +81,11 @@ export class TaskListComponent {
     map((list) => list.sort((a, b) => this.domainTaskCalendarService.moveRemovedToEnd(a, b)))
   );
 
+  showOverdueItems$ = this.overdueItems$.pipe(
+    withLatestFrom(this.isToday$),
+    map(([items, today]) => today && items?.length > 0)
+  );
+
   ongoingItems$ = combineLatest([this.items$, this.selected$]).pipe(
     map(([items, selectedDate]) =>
       // Filter Aufgaben die vor dem aktuellen Tag gestartet sind und nicht überfällig oder abgeschlossen sind