mirror of
https://gitlab.com/PronounsPage/PronounsPage.git
synced 2025-09-28 23:42:58 -04:00
69 lines
2.4 KiB
Vue
69 lines
2.4 KiB
Vue
<template>
|
|
<Page>
|
|
<NotFound v-if="!$isGranted('users') && !$isGranted('community')" />
|
|
<div v-else>
|
|
<p>
|
|
<nuxt-link to="/admin">
|
|
<Icon v="user-cog" />
|
|
<T>admin.header</T>
|
|
</nuxt-link>
|
|
</p>
|
|
<h2>
|
|
<Icon v="ban" />
|
|
Pending bans
|
|
({{ banProposals ? banProposals.length : 0 }})
|
|
</h2>
|
|
|
|
<section>
|
|
<table class="table table-striped">
|
|
<thead>
|
|
<tr>
|
|
<th>User</th>
|
|
<th>Votes</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr v-for="proposal in banProposals">
|
|
<td>
|
|
<a :href="`https://pronouns.page/@${proposal.username}`" target="_blank" rel="noopener">@{{ proposal.username }}</a>
|
|
<ul v-if="proposal.profiles" class="small list-inline">
|
|
<li
|
|
v-for="locale in proposal.profiles.split(',').filter((locale) => allLocales[locale])"
|
|
:key="locale"
|
|
class="list-inline-item"
|
|
>
|
|
<LocaleLink :link="`/@${proposal.username}`" :locale="locale">
|
|
{{ allLocales[locale].name }}
|
|
</LocaleLink>
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td>
|
|
{{ proposal.votes }}
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</section>
|
|
</div>
|
|
</Page>
|
|
</template>
|
|
|
|
<script>
|
|
import { head } from '../src/helpers.ts';
|
|
|
|
export default {
|
|
async asyncData({ app }) {
|
|
return {
|
|
banProposals: await app.$axios.$get('/admin/ban-proposals'),
|
|
allLocales: await app.$axios.$get('/admin/all-locales'),
|
|
};
|
|
},
|
|
head() {
|
|
return head({
|
|
title: `${this.$t('admin.header')} • Pending bans`,
|
|
}, this.$translator);
|
|
},
|
|
};
|
|
</script>
|