69 lines
1.6 KiB
Vue
69 lines
1.6 KiB
Vue
<template lang="pug">
|
|
#banlist
|
|
h3 Bans ({{pagination.total}})
|
|
.message.error(v-if='error') {{ error }}
|
|
.entry(v-else)
|
|
pagination(:page="pagination.page" :pages="pagination.pages" v-on:page="getBans")
|
|
.list.bans
|
|
ban(v-for='ban in bans' v-bind="ban" :key="ban.id")
|
|
</template>
|
|
|
|
<script type="text/javascript">
|
|
import Pagination from './Pagination.vue'
|
|
import Ban from './Ban.vue'
|
|
const csrfToken = document.querySelector('meta[name="csrf-token"]').content
|
|
|
|
export default {
|
|
data: function () {
|
|
return {
|
|
pagination: {
|
|
offset: 0,
|
|
page: 1,
|
|
pages: 1,
|
|
perPage: 6,
|
|
total: 0
|
|
},
|
|
error: '',
|
|
bans: []
|
|
}
|
|
},
|
|
components: {
|
|
Pagination, Ban
|
|
},
|
|
methods: {
|
|
getBans: function (page) {
|
|
this.error = ''
|
|
this.pagination.total = 0
|
|
this.$http.get('/admin/api/bans?page=' + page).then(data => {
|
|
if (data.body && data.body.error) {
|
|
this.error = data.body.error
|
|
return
|
|
}
|
|
|
|
this.pagination = data.body.page
|
|
this.bans = data.body.bans
|
|
})
|
|
},
|
|
pardon: function (id) {
|
|
this.$http.post('/admin/api/ban/pardon', {
|
|
id: id,
|
|
csrf: csrfToken
|
|
}).then(data => {
|
|
this.getBans(1)
|
|
})
|
|
}
|
|
},
|
|
mounted: function () {
|
|
this.getBans(1)
|
|
|
|
this.$root.$on('reload_bans', () => {
|
|
this.getBans(this.pagination.page)
|
|
})
|
|
|
|
this.$on('pardon', (id) => {
|
|
this.pardon(id)
|
|
})
|
|
}
|
|
}
|
|
</script>
|