fix(ui): Prettify event timestamps

Closes #243

Author: TwiN

Diff for: web/app/src/components/Tooltip.vue

@@ -25,23 +25,16 @@
 
 
 <script>
+import {helper} from "@/mixins/helper";
+
 export default {
   name: 'Endpoints',
   props: {
     event: Event,
     result: Object
   },
+  mixins: [helper],
   methods: {
-    prettifyTimestamp(timestamp) {
-      let date = new Date(timestamp);
-      let YYYY = date.getFullYear();
-      let MM = ((date.getMonth() + 1) < 10 ? "0" : "") + "" + (date.getMonth() + 1);
-      let DD = ((date.getDate()) < 10 ? "0" : "") + "" + (date.getDate());
-      let hh = ((date.getHours()) < 10 ? "0" : "") + "" + (date.getHours());
-      let mm = ((date.getMinutes()) < 10 ? "0" : "") + "" + (date.getMinutes());
-      let ss = ((date.getSeconds()) < 10 ? "0" : "") + "" + (date.getSeconds());
-      return YYYY + "-" + MM + "-" + DD + " " + hh + ":" + mm + ":" + ss;
-    },
     htmlEntities(s) {
       return String(s)
           .replace(/&/g, '&amp;')

Diff for: web/app/src/mixins/helper.js

@@ -16,5 +16,15 @@ export const helper = {
 			}
 			return (differenceInMs / 1000).toFixed(0) + " seconds ago";
 		},
+    prettifyTimestamp(timestamp) {
+      let date = new Date(timestamp);
+      let YYYY = date.getFullYear();
+      let MM = ((date.getMonth() + 1) < 10 ? "0" : "") + "" + (date.getMonth() + 1);
+      let DD = ((date.getDate()) < 10 ? "0" : "") + "" + (date.getDate());
+      let hh = ((date.getHours()) < 10 ? "0" : "") + "" + (date.getHours());
+      let mm = ((date.getMinutes()) < 10 ? "0" : "") + "" + (date.getMinutes());
+      let ss = ((date.getSeconds()) < 10 ? "0" : "") + "" + (date.getSeconds());
+      return YYYY + "-" + MM + "-" + DD + " " + hh + ":" + mm + ":" + ss;
+    },
 	}
 }

Diff for: web/app/src/views/Details.vue

@@ -70,7 +70,7 @@
             </h2>
             <div class="flex mt-1 text-sm text-gray-400">
               <div class="flex-1 text-left pl-10">
-                {{ new Date(event.timestamp).toISOString() }}
+                {{ prettifyTimestamp(event.timestamp) }}
               </div>
               <div class="flex-1 text-right">
                 {{ event.fancyTimeAgo }}