From a905a52601546bb02c658d5981a8fe5c0cfec1b1 Mon Sep 17 00:00:00 2001
From: Eliot Berriot <contact@eliotberriot.com>
Date: Thu, 29 Aug 2019 16:05:23 +0200
Subject: [PATCH] See #890: added report detail page
---
front/src/router/index.js | 9 ++++
.../views/admin/moderation/ReportDetail.vue | 46 +++++++++++++++++++
2 files changed, 55 insertions(+)
create mode 100644 front/src/views/admin/moderation/ReportDetail.vue
diff --git a/front/src/router/index.js b/front/src/router/index.js
index 14ad20ab..0aedb20e 100644
--- a/front/src/router/index.js
+++ b/front/src/router/index.js
@@ -462,6 +462,15 @@ export default new Router({
}
}
},
+ {
+ path: "reports/:id",
+ name: "manage.moderation.reports.detail",
+ component: () =>
+ import(
+ /* webpackChunkName: "admin" */ "@/views/admin/moderation/ReportDetail"
+ ),
+ props: true
+ },
]
},
{
diff --git a/front/src/views/admin/moderation/ReportDetail.vue b/front/src/views/admin/moderation/ReportDetail.vue
new file mode 100644
index 00000000..ab2bd3e4
--- /dev/null
+++ b/front/src/views/admin/moderation/ReportDetail.vue
@@ -0,0 +1,46 @@
+<template>
+ <main>
+ <div v-if="isLoading" class="ui vertical segment">
+ <div :class="['ui', 'centered', 'active', 'inline', 'loader']"></div>
+ </div>
+ <template v-if="object">
+
+ <div class="ui vertical stripe segment">
+ <report-card :obj="object"></report-card>
+ </div>
+ </template>
+ </main>
+</template>
+
+<script>
+import axios from "axios"
+
+import ReportCard from "@/components/manage/moderation/ReportCard"
+
+export default {
+ props: ["id"],
+ components: {
+ ReportCard,
+ },
+ data() {
+ return {
+ isLoading: true,
+ object: null,
+ }
+ },
+ created() {
+ this.fetchData()
+ },
+ methods: {
+ fetchData() {
+ var self = this
+ this.isLoading = true
+ let url = `manage/moderation/reports/${this.id}/`
+ axios.get(url).then(response => {
+ self.object = response.data
+ self.isLoading = false
+ })
+ },
+ },
+}
+</script>
--
GitLab