From 879ec5a40c3b38bad3cce62b0ddc616941883cd4 Mon Sep 17 00:00:00 2001
From: Grzegorz Leoniec <greg@app-interactive.de>
Date: Tue, 15 Jan 2019 09:39:36 +0100
Subject: [PATCH] Improved moderation list

---
 pages/moderation/index.vue | 47 +++++++++++++++++++++++++-------------
 1 file changed, 31 insertions(+), 16 deletions(-)

diff --git a/pages/moderation/index.vue b/pages/moderation/index.vue
index 62c5c4648..d412b876f 100644
--- a/pages/moderation/index.vue
+++ b/pages/moderation/index.vue
@@ -12,27 +12,39 @@
         slot="type"
         slot-scope="scope"
       >
-        <template v-if="scope.row.type === 'contribution'">
+        <div v-if="scope.row.type === 'contribution'">
           <nuxt-link :to="{ name: 'post-slug', params: { slug: scope.row.contribution.slug } }">
             <b>{{ scope.row.contribution.title | truncate(50) }}</b>
-          </nuxt-link>
-        </template>
-        <template v-else-if="scope.row.type === 'comment'">
-          <nuxt-link :to="{ name: 'post-slug', params: { slug: scope.row.comment.contribution.slug } }">
+          </nuxt-link><br>
+          <ds-text
+            size="small"
+            color="soft"
+          >
+            <ds-icon name="bookmark" /> {{ $t('report.contribution.type') }}
+          </ds-text>
+        </div>
+        <div v-else-if="scope.row.type === 'comment'">
+          <nuxt-link :to="{ name: 'post-slug', params: { slug: scope.row.comment.post.slug } }">
             <b>{{ scope.row.comment.contentExcerpt | truncate(50) }}</b>
-          </nuxt-link>
-        </template>
-        <template v-else>
+          </nuxt-link><br>
+          <ds-text
+            size="small"
+            color="soft"
+          >
+            <ds-icon name="comments" /> {{ $t('report.comment.type') }}
+          </ds-text>
+        </div>
+        <div v-else>
           <nuxt-link :to="{ name: 'profile-slug', params: { slug: scope.row.user.slug } }">
             <b>{{ scope.row.user.name | truncate(50) }}</b>
-          </nuxt-link>
-        </template><br>
-        <ds-text
-          size="small"
-          color="soft"
-        >
-          {{ scope.row.type }}
-        </ds-text>
+          </nuxt-link><br>
+          <ds-text
+            size="small"
+            color="soft"
+          >
+            <ds-icon name="user" /> {{ $t('report.user.type') }}
+          </ds-text>
+        </div>
       </template>
       <template
         slot="reporter"
@@ -95,6 +107,9 @@ export default {
       }
     }
   },
+  mounted() {
+    this.$apollo.queries.Report.startPolling(5000)
+  },
   apollo: {
     Report: {
       query: gql(`