Newer
Older
Eliot Berriot
committed
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<template>
<button class="ui button" @click.prevent="show = !show">
<i class="shield icon"></i>
<slot>
<translate translate-context="Content/Moderation/Button.Label">Moderation rules…</translate>
</slot>
<modal :show.sync="show" @show="fetchData">
<div class="header">
<translate :translate-params="{obj: target}" translate-context="Popup/Moderation/Title/Verb">Manage moderation rules for %{ obj }</translate>
</div>
<div class="content">
<div class="description">
<div v-if="isLoading" class="ui active loader"></div>
<instance-policy-card v-else-if="obj && !showForm" :object="obj" @update="showForm = true">
<header class="ui header">
<h3>
<translate translate-context="Content/Moderation/Card.Title">This entity is subject to specific moderation rules</translate>
</h3>
</header>
</instance-policy-card>
<instance-policy-form
v-else
@cancel="showForm = false"
@save="showForm = false; result = {count: 1, results: [$event]}"
@delete="result = {count: 0, results: []}; showForm = false"
:object="obj"
:type="type"
:target="target" />
</div>
<div class="ui hidden divider"></div>
<div class="ui hidden divider"></div>
</div>
<div class="actions">
<div class="ui deny button">
<translate translate-context="*/*/Button.Label/Verb">Close</translate>
</div>
</div>
</modal>
</button>
</template>
<script>
import axios from 'axios'
import InstancePolicyForm from "@/components/manage/moderation/InstancePolicyForm"
import InstancePolicyCard from "@/components/manage/moderation/InstancePolicyCard"
import Modal from '@/components/semantic/Modal'
export default {
props: {
target: {required: true},
type: {required: true},
},
components: {
InstancePolicyForm,
InstancePolicyCard,
Modal,
},
data () {
return {
show: false,
isLoading: false,
errors: [],
showForm: false,
result: null,
}
},
computed: {
obj () {
if (!this.result) {
return null
}
return this.result.results[0]
}
},
methods: {
fetchData () {
let params = {}
if (this.type === 'domain') {
params.target_domain = this.target
}
if (this.type === 'actor') {
let parts = this.target.split('@')
params.target_account_username = parts[0]
params.target_account_domain = parts[1]
}
let self = this
self.isLoading = true
axios.get('/manage/moderation/instance-policies/', {params: params}).then((response) => {
self.result = response.data
self.isLoading = false
}, error => {
self.isLoading = false
self.errors = error.backendErrors
})
}
}
}
</script>