From 9602632ddfc76b8e95de81364ac2c47b06aff343 Mon Sep 17 00:00:00 2001
From: Grzegorz Leoniec <greg@app-interactive.de>
Date: Tue, 15 Jan 2019 10:54:47 +0100
Subject: [PATCH] Improved moderation list

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

diff --git a/pages/moderation/index.vue b/pages/moderation/index.vue
index d412b876f..c9a2feca0 100644
--- a/pages/moderation/index.vue
+++ b/pages/moderation/index.vue
@@ -9,7 +9,7 @@
       condensed
     >
       <template
-        slot="type"
+        slot="name"
         slot-scope="scope"
       >
         <div v-if="scope.row.type === 'contribution'">
@@ -20,7 +20,7 @@
             size="small"
             color="soft"
           >
-            <ds-icon name="bookmark" /> {{ $t('report.contribution.type') }}
+            {{ scope.row.contribution.author.name }}
           </ds-text>
         </div>
         <div v-else-if="scope.row.type === 'comment'">
@@ -31,21 +31,39 @@
             size="small"
             color="soft"
           >
-            <ds-icon name="comments" /> {{ $t('report.comment.type') }}
+            {{ scope.row.comment.author.name }}
           </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><br>
-          <ds-text
-            size="small"
-            color="soft"
-          >
-            <ds-icon name="user" /> {{ $t('report.user.type') }}
-          </ds-text>
+          </nuxt-link>
         </div>
       </template>
+      <template
+        slot="type"
+        slot-scope="scope"
+      >
+        <ds-text
+          color="soft"
+        >
+          <ds-icon
+            v-if="scope.row.type === 'contribution'"
+            v-tooltip="{ content: $t(`report.${scope.row.type}.type`), placement: 'right' }"
+            name="bookmark"
+          />
+          <ds-icon
+            v-else-if="scope.row.type === 'comment'"
+            v-tooltip="{ content: $t(`report.${scope.row.type}.type`), placement: 'right' }"
+            name="comments"
+          />
+          <ds-icon
+            v-else
+            v-tooltip="{ content: $t(`report.${scope.row.type}.type`), placement: 'right' }"
+            name="user"
+          />
+        </ds-text>
+      </template>
       <template
         slot="reporter"
         slot-scope="scope"
@@ -73,9 +91,7 @@
                 <ds-icon name="ellipsis-v" />
               </a>
             </template>
-            <template
-              slot="popover"
-            >
+            <template slot="popover">
               Actions...
             </template>
           </dropdown>
@@ -102,8 +118,9 @@ export default {
     fields() {
       return {
         type: ' ',
-        reporter: this.$t('moderation.reports.reporter'),
-        actions: ' '
+        name: ' ',
+        reporter: this.$t('moderation.reports.reporter')
+        // actions: ' '
       }
     }
   },