update task functionality

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

@@ -45,8 +45,8 @@ export class EditTaskPage implements OnInit {
         this.form.setValue({
           name: task.name,
           reward: task.reward,
-          assigned: task.assigned
+          assigned: task.assigned !== null ? task.assigned : 0
-        })
+        });
       });
     }
   }
@@ -66,7 +66,9 @@ export class EditTaskPage implements OnInit {
 
     if (this.isAddMode) {
       this.taskService.createTask(task);
-    } else {}
+    } else {
+      this.taskService.updateTask(this.id, task);
+    }
 
     this.router.navigate(['/tabs/tasks']);
   }

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

@@ -15,7 +15,7 @@
       <mat-icon>filter_alt</mat-icon>
     </div>
     <div class="list">
-      <div class="task" *ngFor="let task of tasks$ | async">
+      <div class="task" (click)="updateTask(task.id)" *ngFor="let task of tasks$ | async">
         <button>Done</button>
         <div class="name">{{ task.name }}</div>
         <div

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

@@ -36,4 +36,8 @@ export class TasksPage implements ViewWillEnter {
   createTask() {
     this.router.navigate(['add'], { relativeTo: this.route });
   }
+
+  updateTask(id: number) {
+    this.router.navigate(['edit', id], { relativeTo: this.route });
+  }
 }

frontend/allowance-planner-v2/src/app/services/task.service.ts

@@ -22,4 +22,8 @@ export class TaskService {
     createTask(task: Partial<Task>) {
         this.http.post(`${this.url}/tasks`, task).subscribe();
     }
+
+    updateTask(id: number, task: Partial<Task>) {
+        this.http.put(`${this.url}/task/${id}`, task).subscribe();
+    }
 }