encrypt/gancio
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

start vuetifing moderation

Browse Source
This commit is contained in:
les
2020-08-05 17:11:06 +02:00
parent fbdbce8bf7
commit f36eaf4bdd
2 changed files with 116 additions and 114 deletions
Download Patch File Download Diff File Expand all files Collapse all files

227
components/admin/Moderation.vue
View File

@@ -1,66 +1,73 @@
<template lang='pug'> <template lang='pug'>
v-container v-container
v-row v-card-title {{$t('common.moderation')}}
v-col(:span='12') v-card-text
//- el-divider {{$t('common.instances')}} v-row
v-text-field(v-model='instancesFilter' :placeholder="$t('admin.filter_instances')") v-col(:span='12')
v-data-table(:data='paginatedInstances' small @row-click='instanceSelected') span {{$t('common.instances')}}
//- el-table-column(label='Domain' width='180') //- v-text-field(v-model='instancesFilter' :placeholder="$t('admin.filter_instances')")
//- template(slot-scope='data') v-data-table(:items='instances'
//- span(slot='reference') {{data.row.domain}} dense :headers='instancesHeader'
//- el-table-column(label='Name' width='100') @click:row='instanceSelected')
//- template(slot-scope='data') //- el-table-column(label='Domain' width='180')
//- span(slot='reference') {{data.row.name}} //- template(slot-scope='data')
//- el-table-column(:label="$t('common.users')" width='70') //- span(slot='reference') {{data.row.domain}}
//- template(slot-scope='data') //- el-table-column(label='Name' width='100')
//- span(slot='reference') {{data.row.users}} //- template(slot-scope='data')
//- el-table-column(:label="$t('common.actions')" width='120') //- span(slot='reference') {{data.row.name}}
//- template(slot-scope='data') //- el-table-column(:label="$t('common.users')" width='70')
//- el-button-group //- template(slot-scope='data')
//- el-button(size='mini' //- span(slot='reference') {{data.row.users}}
//- :type='data.row.blocked?"danger":"warning"' //- el-table-column(:label="$t('common.actions')" width='120')
//- @click='toggleBlock(data.row)') {{data.row.blocked?$t('admin.unblock'):$t('admin.block')}} //- template(slot-scope='data')
//- el-button-group
//- el-button(size='mini'
//- :type='data.row.blocked?"danger":"warning"'
//- @click='toggleBlock(data.row)') {{data.row.blocked?$t('admin.unblock'):$t('admin.block')}}
v-col.float-right(:span='11' align='right') v-col(:span='11' align='right')
//- el-divider {{$t('common.users')}} span {{$t('common.users')}}
v-text-field(v-model='usersFilter' :placeholder="$t('admin.filter_users')") //- v-text-field(v-model='usersFilter' :placeholder="$t('admin.filter_users')")
v-data-table(:data='paginatedSelectedUsers' small) v-data-table(:items='users'
//- el-table-column(:label="$t('common.user')" width='150') dense :headers='usersHeader')
//- template(slot-scope='data') template(v-slot:item.username="{item}")
//- span(slot='reference') a(:href='item.ap_id') {{item.object.preferredUsername}}
//- a(:href='data.row.object.id' target='_blank') {{data.row.object.name}} //- el-table-column(:label="$t('common.user')" width='150')
//- small ({{data.row.object.preferredUsername}}) //- template(slot-scope='data')
//- el-table-column(:label="$t('common.resources')" width='90') //- span(slot='reference')
//- template(slot-scope='data') //- a(:href='data.row.object.id' target='_blank') {{data.row.object.name}}
//- span {{data.row.resources.length}} //- small ({{data.row.object.preferredUsername}})
//- el-table-column(:label="$t('common.actions')" width='200') //- el-table-column(:label="$t('common.resources')" width='90')
//- template(slot-scope='data') //- template(slot-scope='data')
//- el-button-group //- span {{data.row.resources.length}}
//- el-button(size='mini' //- el-table-column(:label="$t('common.actions')" width='200')
//- :type='data.row.blocked?"danger":"warning"' //- template(slot-scope='data')
//- @click='toggleUserBlock(data.row)') {{data.row.blocked?$t('admin.unblock'):$t('admin.block')}} //- el-button-group
//- el-button(size='mini'
//- :type='data.row.blocked?"danger":"warning"'
//- @click='toggleUserBlock(data.row)') {{data.row.blocked?$t('admin.unblock'):$t('admin.block')}}
div div
//- el-divider {{$t('common.resources')}} span {{$t('common.resources')}}
v-data-table(:data='resources') v-data-table(:items='resources')
//- el-table-column(:label="$t('common.event')") //- el-table-column(:label="$t('common.event')")
//- template(slot-scope='data') //- template(slot-scope='data')
//- span {{data.row.event}} //- span {{data.row.event}}
//- el-table-column(:label="$t('common.resources')") //- el-table-column(:label="$t('common.resources')")
//- template(slot-scope='data') //- template(slot-scope='data')
//- span(:class='{disabled: data.row.hidden}' v-html='data.row.data.content') //- span(:class='{disabled: data.row.hidden}' v-html='data.row.data.content')
//- el-table-column(:label="$t('common.user')" width='200') //- el-table-column(:label="$t('common.user')" width='200')
//- template(slot-scope='data') //- template(slot-scope='data')
//- span(:class='{disabled: data.row.hidden}' v-html='data.row.data.actor') //- span(:class='{disabled: data.row.hidden}' v-html='data.row.data.actor')
//- el-table-column(:label="$t('common.actions')" width="150") //- el-table-column(:label="$t('common.actions')" width="150")
//- template(slot-scope='data') //- template(slot-scope='data')
//- el-dropdown //- el-dropdown
//- el-button(type="primary" icon="el-icon-arrow-down" size='mini') {{$t('common.moderation')}} //- el-button(type="primary" icon="el-icon-arrow-down" size='mini') {{$t('common.moderation')}}
//- el-dropdown-menu(slot='dropdown') //- el-dropdown-menu(slot='dropdown')
//- el-dropdown-item(v-if='!data.row.hidden' icon='el-icon-remove' @click.native='hideResource(data.row, true)') {{$t('admin.hide_resource')}} //- el-dropdown-item(v-if='!data.row.hidden' icon='el-icon-remove' @click.native='hideResource(data.row, true)') {{$t('admin.hide_resource')}}
//- el-dropdown-item(v-else icon='el-icon-success' @click.native='hideResource(data.row, false)') {{$t('admin.show_resource')}} //- el-dropdown-item(v-else icon='el-icon-success' @click.native='hideResource(data.row, false)') {{$t('admin.show_resource')}}
//- el-dropdown-item(icon='el-icon-delete' @click.native='deleteResource(data.row)') {{$t('admin.delete_resource')}} //- el-dropdown-item(icon='el-icon-delete' @click.native='deleteResource(data.row)') {{$t('admin.delete_resource')}}
//- el-dropdown-item(icon='el-icon-lock' @click.native='toggleUserBlock(data.row.ap_user)') {{$t('admin.block_user')}} //- el-dropdown-item(icon='el-icon-lock' @click.native='toggleUserBlock(data.row.ap_user)') {{$t('admin.block_user')}}
</template> </template>
<script> <script>
import { mapState, mapActions } from 'vuex' import { mapState, mapActions } from 'vuex'
@@ -69,44 +76,49 @@ export default {
name: 'Moderation', name: 'Moderation',
data () { data () {
return { return {
perPage: 10,
instancePage: 1,
instancesFilter: '',
instances: [], instances: [],
resources: [], resources: [],
resourcePage: 1,
usersFilter: '',
users: [], users: [],
userPage: 1 usersHeader: [
{ value: 'username', text: 'Name' }
],
instancesHeader: [
{ value: 'domain', text: 'Domain' },
{ value: 'name', text: 'Name' },
{ value: 'users', text: 'N' }
],
resourcesHeader: [
{ value: '', text: '' }
]
} }
}, },
computed: { computed: {
...mapState(['settings']), ...mapState(['settings'])
paginatedResources () { // paginatedResources () {
return this.resources.slice((this.resourcePage - 1) * this.perPage, // return this.resources.slice((this.resourcePage - 1) * this.perPage,
this.resourcePage * this.perPage) // this.resourcePage * this.perPage)
}, // },
paginatedInstances () { // paginatedInstances () {
return this.filteredInstances.slice((this.instancePage - 1) * this.perPage, // return this.filteredInstances.slice((this.instancePage - 1) * this.perPage,
this.instancePage * this.perPage) // this.instancePage * this.perPage)
}, // },
filteredUsers () { // filteredUsers () {
if (!this.usersFilter) { return this.users } // if (!this.usersFilter) { return this.users }
const usersFilter = this.usersFilter.toLowerCase() // const usersFilter = this.usersFilter.toLowerCase()
return this.users.filter(user => user.name.includes(usersFilter) || user.preferredName.includes(usersFilter)) // return this.users.filter(user => user.name.includes(usersFilter) || user.preferredName.includes(usersFilter))
}, // },
filteredInstances () { // filteredInstances () {
if (!this.instancesFilter) { return this.instances } // if (!this.instancesFilter) { return this.instances }
const instancesFilter = this.instancesFilter.toLowerCase() // const instancesFilter = this.instancesFilter.toLowerCase()
return this.instances.filter(instance => // return this.instances.filter(instance =>
(instance.name && instance.name.includes(instancesFilter)) || // (instance.name && instance.name.includes(instancesFilter)) ||
(instance.domain && instance.domain.includes(instancesFilter)) // (instance.domain && instance.domain.includes(instancesFilter))
) // )
}, // },
paginatedSelectedUsers () { // paginatedSelectedUsers () {
return this.filteredUsers.slice((this.userPage - 1) * this.perPage, // return this.filteredUsers.slice((this.userPage - 1) * this.perPage,
this.userPage * this.perPage) // this.userPage * this.perPage)
} // }
}, },
async mounted () { async mounted () {
this.instances = await this.$axios.$get('/instances') this.instances = await this.$axios.$get('/instances')
@@ -128,29 +140,18 @@ export default {
resource.hidden = hidden resource.hidden = hidden
}, },
async toggleUserBlock (ap_user) { async toggleUserBlock (ap_user) {
try { if (!ap_user.blocked) {
if (!ap_user.blocked) { const ret = await this.$root.$confirm(this.$t('admin.user_block_confirm'))
await this.$root.$confirm(this.$t('admin.user_block_confirm'), { if (!ret) { return }
confirmButtonText: this.$t('common.ok'), }
cancelButtonText: this.$t('common.cancel'), await this.$axios.post('/instances/toggle_user_block', { ap_id: ap_user.ap_id })
type: 'error' ap_user.blocked = !ap_user.blocked
})
}
await this.$axios.post('/instances/toggle_user_block', { ap_id: ap_user.ap_id })
ap_user.blocked = !ap_user.blocked
} catch (e) { }
}, },
deleteResource (resource) { async deleteResource (resource) {
this.$root.$confirm(this.$t('admin.delete_resource_confirm'), const ret = await this.$root.$confirm(this.$t('admin.delete_resource_confirm'))
this.$t('common.confirm'), { if (!ret) { return }
confirmButtonText: this.$t('common.ok'), await this.$axios.delete(`/resources/${resource.id}`)
cancelButtonText: this.$t('common.cancel'), this.resources = this.resources.filter(r => r.id !== resource.id)
type: 'error'
}
).then(() => {
this.$axios.delete(`/resources/${resource.id}`)
this.resources = this.resources.filter(r => r.id !== resource.id)
})
}, },
async toggleBlock (instance) { async toggleBlock (instance) {
await this.$axios.post('/instances/toggle_block', { instance: instance.domain, blocked: !instance.blocked }) await this.$axios.post('/instances/toggle_block', { instance: instance.domain, blocked: !instance.blocked })

3
components/admin/Settings.vue
View File

@@ -1,7 +1,8 @@
<template lang="pug"> <template lang="pug">
v-card v-container
v-card-title {{$t('common.settings')}} v-card-title {{$t('common.settings')}}
v-card-text v-card-text
//- select timezone //- select timezone
v-autocomplete(v-model='instance_timezone' v-autocomplete(v-model='instance_timezone'
:label="$t('admin.select_instance_timezone')" :label="$t('admin.select_instance_timezone')"