Display who disabled a resource

graphql/ModerationListQuery.js

@@ -15,6 +15,10 @@ export default app => {
         user {
           name
           slug
+          disabledBy {
+            slug
+            name
+          }
         }
         comment {
           contentExcerpt
@@ -26,6 +30,10 @@ export default app => {
             title
             slug
           }
+          disabledBy {
+            slug
+            name
+          }
         }
         post {
           title
@@ -34,6 +42,10 @@ export default app => {
             name
             slug
           }
+          disabledBy {
+            slug
+            name
+          }
         }
       }
     }

locales/de.json

@@ -105,7 +105,8 @@
     "reports": {
       "empty": "Glückwunsch, es gibt nichts zu moderieren.",
       "name": "Meldungen",
-      "submitter": "gemeldet von"
+      "submitter": "gemeldet von",
+      "disabledBy": "deaktiviert von"
     }
   },
   "contribution": {

locales/en.json

@@ -105,7 +105,8 @@
     "reports": {
       "empty": "Congratulations, nothing to moderate.",
       "name": "Reports",
-      "submitter": "reported by"
+      "submitter": "reported by",
+      "disabledBy": "reported by"
     }
   },
   "contribution": {

pages/moderation/index.vue

@@ -73,6 +73,20 @@
           {{ scope.row.submitter.name }}
         </nuxt-link>
       </template>
+      <template
+        slot="disabledBy"
+        slot-scope="scope"
+      >
+      <nuxt-link v-if="scope.row.type === 'Post' && scope.row.post.disabledBy" :to="{ name: 'profile-slug', params: { slug: scope.row.post.disabledBy.slug } }">
+        <b>{{ scope.row.post.disabledBy.name | truncate(50) }}</b>
+      </nuxt-link>
+      <nuxt-link v-else-if="scope.row.type === 'Comment' && scope.row.comment.disabledBy" :to="{ name: 'profile-slug', params: { slug: scope.row.comment.disabledBy.slug } }">
+        <b>{{ scope.row.comment.disabledBy.name | truncate(50) }}</b>
+      </nuxt-link>
+      <nuxt-link v-else-if="scope.row.type === 'User' && scope.row.user.disabledBy" :to="{ name: 'profile-slug', params: { slug: scope.row.user.disabledBy.slug } }">
+        <b>{{ scope.row.user.disabledBy.name | truncate(50) }}</b>
+      </nuxt-link>
+      </template>
     </ds-table>
     <hc-empty
       v-else
@@ -101,7 +115,8 @@ export default {
       return {
         type: ' ',
         name: ' ',
-        submitter: this.$t('moderation.reports.submitter')
+        submitter: this.$t('moderation.reports.submitter'),
+        disabledBy: this.$t('moderation.reports.disabledBy')
         // actions: ' '
       }
     }