From b43193cfbb84d458b13686242bd7d0d788ba5682 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torjus=20H=C3=A5kestad?= <torjus.hakestad@usit.uio.no>
Date: Sat, 10 Apr 2021 13:46:53 +0200
Subject: [PATCH] Fix time formatting

---
 web/frontend/src/components/AttemptList.vue | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/web/frontend/src/components/AttemptList.vue b/web/frontend/src/components/AttemptList.vue
index bd9a707..db99049 100644
--- a/web/frontend/src/components/AttemptList.vue
+++ b/web/frontend/src/components/AttemptList.vue
@@ -9,23 +9,24 @@
 
 <script lang="ts">
 import { Component, Prop, Vue } from 'vue-property-decorator';
-import { BvTableFieldArray } from 'bootstrap-vue';
+import { BvTableFieldArray, BvTableFormatterCallback } from 'bootstrap-vue';
 import { LoginAttempt } from '@/apiary/apiary';
 
+const timeFormatter: BvTableFormatterCallback = (value: string) => {
+  const d = new Date(value);
+  return `${d.getUTCHours}:${d.getUTCMinutes}:${d.getUTCSeconds}`;
+};
+
 @Component
 export default class AttemptList extends Vue {
   @Prop() private items!: LoginAttempt[];
 
   attempts: LoginAttempt[];
-
   fields: BvTableFieldArray = [
     {
       key: 'date',
       sortable: true,
-      formatter: (value: string): string => {
-        const d = new Date(value);
-        return `${d.getUTCHours}:${d.getUTCMinutes}:${d.getUTCSeconds}`;
-      },
+      formatter: timeFormatter,
       sortByFormatted: false,
     },
     {