From 305566c9112307875c2ffcc22ddc54c9b5682758 Mon Sep 17 00:00:00 2001
From: Huffle <knaepen.selina@gmail.com>
Date: Tue, 27 May 2025 18:48:03 +0200
Subject: [PATCH] add UI to show assigned user (#110)
closes #105
Reviewed-on: https://gitea.seeseepuff.be/seeseemelk/allowance_planner_2000/pulls/110
---
.../src/app/pages/tasks/tasks.page.html | 1 +
.../src/app/pages/tasks/tasks.page.scss | 6 ++++++
.../allowance-planner-v2/src/app/pages/tasks/tasks.page.ts | 1 +
3 files changed, 8 insertions(+)
diff --git a/frontend/allowance-planner-v2/src/app/pages/tasks/tasks.page.html b/frontend/allowance-planner-v2/src/app/pages/tasks/tasks.page.html
index 60c0808..beac10a 100644
--- a/frontend/allowance-planner-v2/src/app/pages/tasks/tasks.page.html
+++ b/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 }"
diff --git a/frontend/allowance-planner-v2/src/app/pages/tasks/tasks.page.scss b/frontend/allowance-planner-v2/src/app/pages/tasks/tasks.page.scss
index 40ff5dc..b7413ef 100644
--- a/frontend/allowance-planner-v2/src/app/pages/tasks/tasks.page.scss
+++ b/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;
}
\ No newline at end of file
diff --git a/frontend/allowance-planner-v2/src/app/pages/tasks/tasks.page.ts b/frontend/allowance-planner-v2/src/app/pages/tasks/tasks.page.ts
index cabba3f..a1eab25 100644
--- a/frontend/allowance-planner-v2/src/app/pages/tasks/tasks.page.ts
+++ b/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,