a5613ebb10
* Begin UI for threads and moderation overhaul * Hide close button on non-report threads * Fix review age coloring * Add project count * Remove action buttons from queue page and add queued date to project page * Hook up to actual data * Remove unused icon * Get up to 1000 projects in queue * prettier * more prettier * Changed all the things * lint * rebuild * Add omorphia * Workaround formatjs bug in ThreadSummary.vue * Fix notifications page on prod * Fix a few notifications and threads bugs * lockfile * Fix duplicate button styles * more fixes and polishing * More fixes * Remove legacy pages * More bugfixes * Add some error catching for reports and notifications * More error handling * fix lint * Add inbox links * Remove loading component and rename member header * Rely on threads always existing * Handle if project update notifs are not grouped * oops * Fix chips on notifications page * Import ModalModeration * finish threads --------- Co-authored-by: triphora <emma@modrinth.com> Co-authored-by: Jai A <jaiagr+gpg@pm.me>
96 lines
3.3 KiB
Vue
96 lines
3.3 KiB
Vue
<template>
|
|
<Chips v-if="false" v-model="viewMode" :items="['open', 'archived']" />
|
|
<ReportInfo
|
|
v-for="report in reports.filter(
|
|
(x) =>
|
|
(moderation || x.reporterUser.id === $auth.user.id) &&
|
|
(viewMode === 'open' ? x.open : !x.open)
|
|
)"
|
|
:key="report.id"
|
|
:report="report"
|
|
:thread="report.thread"
|
|
:moderation="moderation"
|
|
raised
|
|
class="universal-card recessed"
|
|
/>
|
|
</template>
|
|
<script setup>
|
|
import Chips from '~/components/ui/Chips.vue'
|
|
import ReportInfo from '~/components/ui/report/ReportInfo.vue'
|
|
import { addReportMessage } from '~/helpers/threads.js'
|
|
|
|
defineProps({
|
|
moderation: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
})
|
|
|
|
const app = useNuxtApp()
|
|
|
|
const viewMode = ref('open')
|
|
const reports = ref([])
|
|
|
|
let { data: rawReports } = await useAsyncData('report', () =>
|
|
useBaseFetch('report', app.$defaultHeaders())
|
|
)
|
|
|
|
rawReports = rawReports.value.map((report) => {
|
|
report.item_id = report.item_id.replace(/"/g, '')
|
|
return report
|
|
})
|
|
|
|
const reporterUsers = rawReports.map((report) => report.reporter)
|
|
const reportedUsers = rawReports
|
|
.filter((report) => report.item_type === 'user')
|
|
.map((report) => report.item_id)
|
|
const versionReports = rawReports.filter((report) => report.item_type === 'version')
|
|
const versionIds = [...new Set(versionReports.map((report) => report.item_id))]
|
|
const userIds = [...new Set(reporterUsers.concat(reportedUsers))]
|
|
const threadIds = [
|
|
...new Set(rawReports.filter((report) => report.thread_id).map((report) => report.thread_id)),
|
|
]
|
|
|
|
const [{ data: users }, { data: versions }, { data: threads }] = await Promise.all([
|
|
await useAsyncData(`users?ids=${JSON.stringify(userIds)}`, () =>
|
|
useBaseFetch(`users?ids=${JSON.stringify(userIds)}`, app.$defaultHeaders())
|
|
),
|
|
await useAsyncData(`versions?ids=${JSON.stringify(versionIds)}`, () =>
|
|
useBaseFetch(`versions?ids=${JSON.stringify(versionIds)}`, app.$defaultHeaders())
|
|
),
|
|
await useAsyncData(`threads?ids=${JSON.stringify(threadIds)}`, () =>
|
|
useBaseFetch(`threads?ids=${JSON.stringify(threadIds)}`, app.$defaultHeaders())
|
|
),
|
|
])
|
|
|
|
const reportedProjects = rawReports
|
|
.filter((report) => report.item_type === 'project')
|
|
.map((report) => report.item_id)
|
|
const versionProjects = versions.value.map((version) => version.project_id)
|
|
const projectIds = [...new Set(reportedProjects.concat(versionProjects))]
|
|
|
|
const { data: projects } = await useAsyncData(`projects?ids=${JSON.stringify(projectIds)}`, () =>
|
|
useBaseFetch(`projects?ids=${JSON.stringify(projectIds)}`, app.$defaultHeaders())
|
|
)
|
|
|
|
reports.value = rawReports.map((report) => {
|
|
report.reporterUser = users.value.find((user) => user.id === report.reporter)
|
|
if (report.item_type === 'user') {
|
|
report.user = users.value.find((user) => user.id === report.item_id)
|
|
} else if (report.item_type === 'project') {
|
|
report.project = projects.value.find((project) => project.id === report.item_id)
|
|
} else if (report.item_type === 'version') {
|
|
report.version = versions.value.find((version) => version.id === report.item_id)
|
|
report.project = projects.value.find((project) => project.id === report.version.project_id)
|
|
}
|
|
if (report.thread_id) {
|
|
report.thread = addReportMessage(
|
|
threads.value.find((thread) => report.thread_id === thread.id),
|
|
report
|
|
)
|
|
}
|
|
report.open = true
|
|
return report
|
|
})
|
|
</script>
|