Implement StatisticsAbsencesCard

aleksis/apps/alsijil/frontend/components/coursebook/statistics/StatisticsAbsencesCard.vue

 <template>
   <v-card>
+    <absence-reason-chip
+      v-for="absenceReason in absenceReasons"
+      :absenceReason="absenceReason.absenceReason"
+      :count="absenceReason.count"
+    />
   </v-card>
 </template>
 
 <script>
+import AbsenceReasonChip from "aleksis.apps.kolego/components/AbsenceReasonChip.vue";
+
 export default {
   name: "StatisticsAbsencesCard",
+  components: {
+    AbsenceReasonChip
+  },
+  props: {
+    absenceReasons: {
+      type: Array,
+      required: true,
+    },
+  },
 };
 </script>

aleksis/apps/alsijil/frontend/components/coursebook/statistics/StatisticsForPersonCard.vue

@@ -8,7 +8,9 @@
     <v-card-title v-else>
       {{ $t("alsijil.coursebook.statistics.person_page.title") }}
     </v-card-title>
-    <statistics-absences-card />
+    <statistics-absences-card
+      :absence-reasons="statistics.absenceReasons"
+    />
     <statistics-tardiness-card />
     <statistics-extra-marks-card />
     <statistics-personal-notes-list