hardlounge/client/components/Special/ListBans.vue
2020-01-08 11:11:44 +02:00

36 lines
701 B
Vue

<template>
<table class="ban-list">
<thead>
<tr>
<th class="hostmask">Banned</th>
<th class="banned_by">Banned By</th>
<th class="banned_at">Banned At</th>
</tr>
</thead>
<tbody>
<tr v-for="ban in channel.data" :key="ban.hostmask">
<td class="hostmask">{{ ban.hostmask }}</td>
<td class="banned_by">{{ ban.banned_by }}</td>
<td class="banned_at">{{ localetime(ban.banned_at) }}</td>
</tr>
</tbody>
</table>
</template>
<script>
import localetime from "../../js/helpers/localetime";
export default {
name: "ListBans",
props: {
network: Object,
channel: Object,
},
methods: {
localetime(date) {
return localetime(date);
},
},
};
</script>