add UI to show assigned user (#110)

closes #105

Reviewed-on: #110

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

@@ -19,6 +19,7 @@
         <button (click)="completeTask(task.id)">Done</button>
         <div (click)="updateTask(task.id)" class="item">
           <div class="name">{{ task.name }}</div>
+          <div class="assigned">{{ usernames[task.assigned ? task.assigned : 0] }}</div>
           <div
             class="reward"
             [ngClass]="{ 'negative': task.reward < 0 }"

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

@@ -67,4 +67,10 @@ button {
     background-color: var(--ion-color-primary);
     margin-right: 15px;
     width: 75px;
+}
+
+.assigned {
+    color: var(--line-color);
+    margin-left: 3px;
+    font-size: 12px;
 }

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

@@ -14,6 +14,7 @@ import { ViewWillEnter } from '@ionic/angular';
 })
 export class TasksPage implements ViewWillEnter {
   public tasks$: BehaviorSubject<Array<Task>> = new BehaviorSubject<Array<Task>>([]);
+  public usernames = ['', 'See', 'Huffle']
 
   constructor(
     private taskService: TaskService,