From 1c8385120cb03b58b2e8a001d6aa92e0b15a66c8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Fri, 11 Oct 2019 16:36:37 +0200
Subject: [PATCH] Add date-time to the moderators report list

---
 webapp/locales/de.json            |  1 +
 webapp/locales/en.json            |  1 +
 webapp/pages/moderation/index.vue | 17 ++++++++++++++---
 3 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/webapp/locales/de.json b/webapp/locales/de.json
index e54fcfcb0..1277b5737 100644
--- a/webapp/locales/de.json
+++ b/webapp/locales/de.json
@@ -431,6 +431,7 @@
       "name": "Meldungen",
       "reasonCategory": "Kategorie",
       "reasonDescription": "Beschreibung",
+      "createdAt": "Datum",
       "submitter": "Gemeldet von",
       "disabledBy": "Deaktiviert von"
     }
diff --git a/webapp/locales/en.json b/webapp/locales/en.json
index aa59a3732..7d08aa638 100644
--- a/webapp/locales/en.json
+++ b/webapp/locales/en.json
@@ -432,6 +432,7 @@
       "name": "Reports",
       "reasonCategory": "Category",
       "reasonDescription": "Description",
+      "createdAt": "Date",
       "submitter": "Reported by",
       "disabledBy": "Disabled by"
     }
diff --git a/webapp/pages/moderation/index.vue b/webapp/pages/moderation/index.vue
index 1f05c93ab..535b2613c 100644
--- a/webapp/pages/moderation/index.vue
+++ b/webapp/pages/moderation/index.vue
@@ -1,7 +1,7 @@
 <template>
   <ds-card space="small">
     <ds-heading tag="h3">{{ $t('moderation.reports.name') }}</ds-heading>
-    <ds-table v-if="Report && Report.length" :data="Report" :fields="fields" condensed>
+    <ds-table v-if="reports && reports.length" :data="reports" :fields="fields" condensed>
       <!-- Icon -->
       <template slot="type" slot-scope="scope">
         <ds-text color="soft">
@@ -82,6 +82,14 @@
           {{ scope.row.submitter.name }}
         </nuxt-link>
       </template>
+      <!-- createdAt -->
+      <template slot="createdAt" slot-scope="scope">
+        <ds-text size="small">
+          <client-only>
+            <hc-relative-date-time :date-time="scope.row.createdAt" />
+          </client-only>
+        </ds-text>
+      </template>
       <!-- disabledBy -->
       <template slot="disabledBy" slot-scope="scope">
         <nuxt-link
@@ -123,15 +131,17 @@
 
 <script>
 import HcEmpty from '~/components/Empty.vue'
+import HcRelativeDateTime from '~/components/RelativeDateTime'
 import { reportListQuery } from '~/graphql/Moderation.js'
 
 export default {
   components: {
     HcEmpty,
+    HcRelativeDateTime,
   },
   data() {
     return {
-      Report: [],
+      reports: [],
     }
   },
   computed: {
@@ -142,13 +152,14 @@ export default {
         reasonCategory: this.$t('moderation.reports.reasonCategory'),
         reasonDescription: this.$t('moderation.reports.reasonDescription'),
         submitter: this.$t('moderation.reports.submitter'),
+        createdAt: this.$t('moderation.reports.createdAt'),
         disabledBy: this.$t('moderation.reports.disabledBy'),
         // actions: ' '
       }
     },
   },
   apollo: {
-    Report: {
+    reports: {
       query: reportListQuery(),
       fetchPolicy: 'cache-and-network',
     },