From d9374a43a8da68e962cb8cc4d2f47b4e9442f467 Mon Sep 17 00:00:00 2001
From: Michael Bauer <michael-bauer@posteo.de>
Date: Wed, 15 May 2024 12:25:44 +0200
Subject: [PATCH] Implement StatisticsExtraMarksCard

---
 .../statistics/StatisticsExtraMarksCard.vue   | 20 +++++++++++++++++++
 .../statistics/StatisticsForPersonCard.vue    |  4 +++-
 2 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/aleksis/apps/alsijil/frontend/components/coursebook/statistics/StatisticsExtraMarksCard.vue b/aleksis/apps/alsijil/frontend/components/coursebook/statistics/StatisticsExtraMarksCard.vue
index b05a16d23..b9182bf84 100644
--- a/aleksis/apps/alsijil/frontend/components/coursebook/statistics/StatisticsExtraMarksCard.vue
+++ b/aleksis/apps/alsijil/frontend/components/coursebook/statistics/StatisticsExtraMarksCard.vue
@@ -1,10 +1,30 @@
 <template>
   <v-card>
+    <counter-chip
+      v-for="extraMark in extraMarks"
+      :value="extraMark.extraMark.id"
+      :color="extraMark.extraMark.colourBg"
+      :text-color="extraMark.extraMark.colourFg"
+      :count="extraMark.count"
+    >
+      {{ extraMark.extraMark.name }}
+    </counter-chip>
   </v-card>
 </template>
 
 <script>
+import CounterChip from "aleksis.core/components/generic/chips/CounterChip.vue";
+
 export default {
   name: "StatisticsExtraMarksCard",
+  components: {
+    CounterChip,
+  },
+  props: {
+    extraMarks: {
+      type: Array,
+      required: true,
+    },
+  },
 };
 </script>
diff --git a/aleksis/apps/alsijil/frontend/components/coursebook/statistics/StatisticsForPersonCard.vue b/aleksis/apps/alsijil/frontend/components/coursebook/statistics/StatisticsForPersonCard.vue
index f4a803f86..17cf82321 100644
--- a/aleksis/apps/alsijil/frontend/components/coursebook/statistics/StatisticsForPersonCard.vue
+++ b/aleksis/apps/alsijil/frontend/components/coursebook/statistics/StatisticsForPersonCard.vue
@@ -15,7 +15,9 @@
       :tardiness-sum="statistics.tardinessSum"
       :tardiness-count="statistics.tardinessCount"
     />
-    <statistics-extra-marks-card />
+    <statistics-extra-marks-card
+      :extra-marks="statistics.extraMarks"
+    />
     <statistics-personal-notes-list
       v-if="compact"
     />
-- 
GitLab