hide completed tasks

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

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;
     }
 }