Add complete task functionality (#71)

closes #61
closes #58

Reviewed-on: #71

frontend/allowance-planner-v2/src/app/pages/tasks/tasks.page.ts

@@ -28,9 +28,11 @@ export class TasksPage implements ViewWillEnter {
   }
 
   getTasks() {
-    this.taskService.getTaskList().subscribe(tasks => {
-      this.tasks$.next(tasks);
-    });
+    setTimeout(() => {
+      this.taskService.getTaskList().subscribe(tasks => {
+        this.tasks$.next(tasks);
+      });
+    }, 1)
   }
 
   createTask() {
@@ -40,4 +42,9 @@ export class TasksPage implements ViewWillEnter {
   updateTask(id: number) {
     this.router.navigate(['edit', id], { relativeTo: this.route });
   }
+
+  completeTask(id: number) {
+    this.taskService.completeTask(id);
+    this.getTasks();
+  }
 }