36 lines
701 B
Vue
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>
|