Update frontend

web/frontend/src/components/AttemptList.vue

@@ -2,12 +2,7 @@
   <div class="attemptlist">
     <h1>Attempt list</h1>
     <p>
-      <b-table
-        striped
-        hover
-        :items="prettiedAttempts"
-        :fields="fields"
-      ></b-table>
+      <b-table striped hover :items="attempts" :fields="fields"></b-table>
     </p>
   </div>
 </template>
@@ -15,8 +10,7 @@
 <script lang="ts">
 import { Component, Prop, Vue } from 'vue-property-decorator';
 import { BvTableFieldArray } from 'bootstrap-vue';
-import ago from 's-ago';
-import { LoginAttempt, fakeAttempt, fakeAttemptStream } from '@/apiary/apiary';
+import { LoginAttempt } from '@/apiary/apiary';
 
 @Component
 export default class AttemptList extends Vue {
@@ -28,7 +22,7 @@ export default class AttemptList extends Vue {
     {
       key: 'date',
       sortable: true,
-      // formatter: (value: string): string => ago(new Date(value)),
+      formatter: (value: string): string => new Date(value).toTimeString(),
       sortByFormatted: false,
     },
     {
@@ -41,6 +35,9 @@ export default class AttemptList extends Vue {
       key: 'remoteIP',
       sortable: true,
     },
+    {
+      key: 'country',
+    },
   ];
 
   constructor() {
@@ -48,18 +45,6 @@ export default class AttemptList extends Vue {
     this.attempts = [];
   }
 
-  prettiedAttempts(): LoginAttempt[] {
-    const prettied = this.attempts.map<LoginAttempt>((value: LoginAttempt) => ({
-      date: ago(new Date(value.date)),
-      remoteIP: value.remoteIP,
-      username: value.username,
-      password: value.password,
-      sshClientVersion: value.sshClientVersion,
-      connectionUUID: value.connectionUUID,
-    }));
-    return prettied;
-  }
-
   mounted(): void {
     /**
     console.log(this);
@@ -74,7 +59,7 @@ export default class AttemptList extends Vue {
     }, 1000);
     */
 
-    const attemptStream = fakeAttemptStream();
+    const attemptStream = new EventSource('/api/stream');
     attemptStream.addEventListener('message', (ev: MessageEvent<string>) => {
       console.log(ev);
       const parsed: LoginAttempt = JSON.parse(ev.data);