checkpoint

frontend/src/views/BoardUsersView.vue

@@ -1,12 +1,28 @@
 <script setup lang="ts">
 import ItemList from '@/components/ItemList.vue'
 import ItemListElement from '@/components/ItemListElement.vue'
+import IconPlus from '@/components/icons/IconPlusCircle.vue'
+
+import { useBoardStore } from '@/stores/boardStore'
+import { ref } from 'vue'
+
+const store = useBoardStore()
+const users = ref(store.getCurrentBoard().users)
 </script>
 
 <template>
   <ItemList title="Mitglieder">
-    <ItemListElement name="Elias" subtitle="7.07€" subtitle-class="text-green-700" />
-    <ItemListElement name="Max" subtitle="-16.27€" subtitle-class="text-red-700" />
-    <ItemListElement name="Daniel" subtitle="9.20€" subtitle-class="text-green-700" />
+    <ItemListElement
+      v-for="user in users"
+      :key="user.name"
+      :icon="user.getInitials()"
+      :title="user.name"
+      :subtitle="(user.getTotalSpending() / 100).toFixed(2) + '€'"
+      subtitle-class="text-green-700"
+    >
+      <button class="btn btn-square btn-ghost">
+        <IconPlus />
+      </button>
+    </ItemListElement>
   </ItemList>
 </template>