mirror of
https://github.com/Ocelot-Social-Community/Ocelot-Social.git
synced 2025-12-13 07:46:06 +00:00
45 lines
1.2 KiB
Vue
45 lines
1.2 KiB
Vue
<template>
|
|
<ds-table :data="filed" :fields="reportFields" condensed>
|
|
<template #submitter="scope">
|
|
<ds-space margin-bottom="x-large">
|
|
<client-only>
|
|
<hc-user
|
|
:user="scope.row.submitter"
|
|
:showAvatar="false"
|
|
:trunc="30"
|
|
:date-time="scope.row.createdAt"
|
|
:positionDatetime="'below'"
|
|
/>
|
|
</client-only>
|
|
</ds-space>
|
|
</template>
|
|
<template #reasonCategory="scope">
|
|
{{ $t('report.reason.category.options.' + scope.row.reasonCategory) }}
|
|
</template>
|
|
<template #reasonDescription="scope">
|
|
{{ scope.row.reasonDescription.length ? scope.row.reasonDescription : '—' }}
|
|
</template>
|
|
</ds-table>
|
|
</template>
|
|
<script>
|
|
import HcUser from '~/components/User/User'
|
|
|
|
export default {
|
|
components: {
|
|
HcUser,
|
|
},
|
|
props: {
|
|
filed: { type: Array, default: () => [] },
|
|
},
|
|
computed: {
|
|
reportFields() {
|
|
return {
|
|
submitter: this.$t('moderation.reports.submitter'),
|
|
reasonCategory: this.$t('moderation.reports.reasonCategory'),
|
|
reasonDescription: this.$t('moderation.reports.reasonDescription'),
|
|
}
|
|
},
|
|
},
|
|
}
|
|
</script>
|