Implement StatisticsTardinessCard

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

@@ -11,7 +11,10 @@
     <statistics-absences-card
       :absence-reasons="statistics.absenceReasons"
     />
-    <statistics-tardiness-card />
+    <statistics-tardiness-card
+      :tardiness-sum="statistics.tardinessSum"
+      :tardiness-count="statistics.tardinessCount"
+    />
     <statistics-extra-marks-card />
     <statistics-personal-notes-list
       v-if="compact"

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

 <template>
-  <v-card>
+<v-card>
+  {{ tardinessCount }}
+  {{ $t("alsijil.tardiness.plural") }}
+  <!-- TODO: Show average tardiness instead of sum like mock-up? -->
+  {{ tardinessSum }}
   </v-card>
 </template>
 
 <script>
 export default {
   name: "StatisticsTardinessCard",
+  props: {
+    tardinessSum: {
+      type: Number,
+      required: true,
+    },
+    tardinessCount: {
+      type: Number,
+      required: true,
+    },
+  },
 };
 </script>

aleksis/apps/alsijil/frontend/messages/de.json

@@ -84,6 +84,9 @@
     },
     "week": {
       "menu_title": "Aktuelle Woche"
+    },
+    "tardiness": {
+      "plural": "Verspätungen"
     }
   }
 }

aleksis/apps/alsijil/frontend/messages/en.json

@@ -31,6 +31,9 @@
     "all_lessons": {
       "menu_title": "All lessons"
     },
+    "tardiness": {
+      "plural": "tardiness"
+    },
     "menu_title": "Class register",
     "coursebook": {
       "menu_title": "Coursebook",