diff client/src/components/importoverview/LogEntry.vue @ 3506:e2ed741545e1

import_overview: added country column
author Thomas Junk <thomas.junk@intevation.de>
date Tue, 28 May 2019 13:47:18 +0200
parents e22ad52cc252
children e9d2573329da
line wrap: on
line diff
--- a/client/src/components/importoverview/LogEntry.vue	Tue May 28 12:44:13 2019 +0200
+++ b/client/src/components/importoverview/LogEntry.vue	Tue May 28 13:47:18 2019 +0200
@@ -1,6 +1,6 @@
 <template>
   <div class="row w-100 no-gutters text-left">
-    <div style="width: 79px;" class="table-cell d-flex justify-content-between">
+    <div style="width: 75px;" class="table-cell d-flex justify-content-between">
       <UISpinnerButton
         @click="toggleDetails"
         :loading="loading"
@@ -15,10 +15,13 @@
     <div style="width: 138px;" class="table-cell center">
       {{ entry.enqueued | dateTime }}
     </div>
-    <div style="width: 105px;" class="table-cell truncate">
+    <div style="width: 80px;" class="table-cell truncate">
       {{ entry.user }}
     </div>
-    <div style="width: 105px;" class="table-cell truncate">
+    <div style="width: 55px;" class="table-cell center">
+      {{ userCountries[entry.user] }}
+    </div>
+    <div style="width: 80px;" class="table-cell truncate">
       {{ entry.signer }}
     </div>
     <div style="width: 72px;" :class="stateStyle">
@@ -93,7 +96,7 @@
  * * Thomas Junk <thomas.junk@intevation.de>
  * * Markus Kottländer <markus.kottlaender@intevation.de>
  */
-import { mapState } from "vuex";
+import { mapState, mapGetters } from "vuex";
 import { STATES } from "@/store/imports";
 import { displayError } from "@/lib/errors";
 import { HTTP } from "@/lib/http";
@@ -108,6 +111,7 @@
   },
   computed: {
     ...mapState("imports", ["show"]),
+    ...mapGetters("usermanagement", ["userCountries"]),
     stateStyle() {
       return [
         "table-cell",