From bffcb97fbaf1c9b72d128f47af0252f6c546586e Mon Sep 17 00:00:00 2001
From: ndsboy <bastian_wittke@protonmail.com>
Date: Wed, 26 Feb 2025 21:28:14 +0000
Subject: [PATCH] feat: add icons

---
 src/tasks/index.ts   | 2 +-
 src/tasks/layout.vue | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/tasks/index.ts b/src/tasks/index.ts
index c32ce67..36831cd 100644
--- a/src/tasks/index.ts
+++ b/src/tasks/index.ts
@@ -22,7 +22,7 @@ export default defineLayout({
 		const { items, loading, error } = useItems(collection, {
 			sort: ref(['date_due', 'date_created']),
 			limit: ref(-1),
-			fields: ref(['*', '*.*']),
+			fields: ref(['*', '*.directus_users_id.*']),
 			page: ref(null),
 			filter,
 			search,
diff --git a/src/tasks/layout.vue b/src/tasks/layout.vue
index 95d5a17..a1af375 100644
--- a/src/tasks/layout.vue
+++ b/src/tasks/layout.vue
@@ -13,12 +13,15 @@
 				<VListItemIcon>
 					<VIcon
 						:name="fields.find(f => f.field == 'category')?.meta?.options?.choices.find((c: any) => c.value == item.category).icon"
-						:color="item.priority == 'high' ? 'orange' : item.priority == 'low' ? 'dimgrey' : ''" />
+						:color="item.priority == 'high' ? 'orange' : item.priority == 'normal' ? 'var(--theme--primary)' : 'grey'" />
 				</VListItemIcon>
 				<VListItemContent>
 					{{ item.title }}
 				</VListItemContent>
 
+				<VAvatar v-for="r in item.responsibles" :key="r.directus_users_id.id" xSmall>
+					<img :src="`/assets/` + r.directus_users_id.avatar" />
+				</VAvatar>
 				<VIcon v-if="item.responsibles.length == 0" name="person_search" color="green" />
 				<VIcon v-if="item.responsibles.find(x => x.directus_users_id == me)" name="person_pin_circle" color="blue" />
 				<VChip v-if="item.date_due" small>
@@ -58,6 +61,7 @@ type Task = {
 	responsibles: {
 		directus_users_id: {
 			id: string
+			avatar: string
 		}
 	}[]
 }