From f218afa6026f8a7475c225256a6dc2ae48cb7fb7 Mon Sep 17 00:00:00 2001
From: Daniel <d.knudsen@spawntree.de>
Date: Tue, 11 Jun 2024 18:04:18 +0200
Subject: [PATCH] hide completed tasks

---
 .../_views/tasks/task-list/task-list.component.html    |  4 ++--
 .../app/_views/tasks/task-list/task-list.component.ts  | 10 +++++-----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/matsen-tool/src/app/_views/tasks/task-list/task-list.component.html b/matsen-tool/src/app/_views/tasks/task-list/task-list.component.html
index 7af5e9f..26b6bef 100644
--- a/matsen-tool/src/app/_views/tasks/task-list/task-list.component.html
+++ b/matsen-tool/src/app/_views/tasks/task-list/task-list.component.html
@@ -14,11 +14,11 @@
                      [class.taskCompactMode]="taskCompactMode">{{ 'overview.compact-view' | translate }}
                 </div>
                 <div class="taskCompactModeBox ms-3" (click)="switchTaskHideDone()"
-                     [class.taskHideDone]="taskHideDone">{{ 'overview.show-done' | translate }}
+                     [class.taskHideDone]="taskHideCompleted">{{ 'overview.show-done' | translate }}
                 </div>
             </div>
             <div class="tasks pb-1" *ngFor="let task of tasks">
-                <ng-container *ngIf="taskHideDone">
+                <ng-container *ngIf="!taskHideCompleted || !task.completed">
                     <div class="card ps-3 pe-3 pt-3" [ngClass]="{'task-completed': task.completed}" *ngIf="taskCompactMode">
                         <div class="row pb-1">
                             <div class="col-12">
diff --git a/matsen-tool/src/app/_views/tasks/task-list/task-list.component.ts b/matsen-tool/src/app/_views/tasks/task-list/task-list.component.ts
index 10874bf..600990a 100644
--- a/matsen-tool/src/app/_views/tasks/task-list/task-list.component.ts
+++ b/matsen-tool/src/app/_views/tasks/task-list/task-list.component.ts
@@ -34,7 +34,7 @@ export class TaskListComponent implements OnInit, AfterViewInit {
     protected tasks: Array<TaskJsonld>;
     protected dataSource;
     protected taskCompactMode: boolean;
-    protected taskHideDone: boolean;
+    protected taskHideCompleted: boolean;
     protected taskNotes: Map<string, TaskNoteJsonld[]>;
     protected taskSub: Subscription;
 
@@ -60,9 +60,9 @@ export class TaskListComponent implements OnInit, AfterViewInit {
             this.taskCompactMode = false;
         }
         if (localStorage.getItem('taskHideDone') !== null) {
-            this.taskHideDone = localStorage.getItem('taskHideDone') === 'true';
+            this.taskHideCompleted = localStorage.getItem('taskHideDone') === 'true';
         } else {
-            this.taskHideDone = false;
+            this.taskHideCompleted = false;
         }
     }
 
@@ -170,7 +170,7 @@ export class TaskListComponent implements OnInit, AfterViewInit {
     }
 
     switchTaskHideDone() {
-        localStorage.setItem('taskHideDone', this.taskHideDone ? 'false' : 'true');
-        this.taskHideDone = !this.taskHideDone;
+        localStorage.setItem('taskHideCompleted', this.taskHideCompleted ? 'false' : 'true');
+        this.taskHideCompleted = !this.taskHideCompleted;
     }
 }