kopia lustrzana https://dev.funkwhale.audio/funkwhale/funkwhale
73 wiersze
2.5 KiB
Vue
73 wiersze
2.5 KiB
Vue
<template>
|
|
<div>
|
|
<slot></slot>
|
|
<p>
|
|
<i class="clock outline icon"></i><human-date :date="object.creation_date" />
|
|
<i class="user icon"></i>{{ object.actor }}
|
|
<template v-if="object.is_active">
|
|
<i class="play icon"></i>
|
|
<translate translate-context="*/*/*/State of feature">Enabled</translate>
|
|
</template>
|
|
<template v-if="!object.is_active">
|
|
<i class="pause icon"></i>
|
|
<translate translate-context="Content/Moderation/Card.List item">Paused</translate>
|
|
</template>
|
|
</p>
|
|
<div>
|
|
<p><strong><translate translate-context="Content/Moderation/Card.Title/Noun">Rule</translate></strong></p>
|
|
<p v-if="object.block_all">
|
|
<i class="ban icon"></i>
|
|
<translate translate-context="Content/Moderation/*/Verb">Block everything</translate>
|
|
</p>
|
|
<div v-else class="ui list">
|
|
<div class="ui item" v-if="object.silence_activity">
|
|
<i class="feed icon"></i>
|
|
<div class="content"><translate translate-context="Content/Moderation/*/Verb">Mute activity</translate></div>
|
|
</div>
|
|
<div class="ui item" v-if="object.silence_notifications">
|
|
<i class="bell icon"></i>
|
|
<div class="content"><translate translate-context="Content/Moderation/*/Verb">Mute notifications</translate></div>
|
|
</div>
|
|
<div class="ui item" v-if="object.reject_media">
|
|
<i class="file icon"></i>
|
|
<div class="content"><translate translate-context="Content/Moderation/*/Verb">Reject media</translate></div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div v-if="markdown && object.summary">
|
|
<div class="ui hidden divider"></div>
|
|
<p><strong><translate translate-context="Content/Moderation/*/Noun">Reason</translate></strong></p>
|
|
<div v-html="markdown.makeHtml(object.summary)"></div>
|
|
</div>
|
|
<div class="ui hidden divider"></div>
|
|
<button @click="$emit('update')" class="ui right floated labeled icon button">
|
|
<i class="edit icon"></i>
|
|
<translate translate-context="Content/*/Button.Label/Verb">Edit</translate>
|
|
</button>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
|
|
export default {
|
|
props: {
|
|
object: {type: Object, default: null},
|
|
},
|
|
data () {
|
|
return {
|
|
markdown: null
|
|
}
|
|
},
|
|
created () {
|
|
let self = this
|
|
import(/* webpackChunkName: "showdown" */ 'showdown').then(module => {
|
|
self.markdown = new module.default.Converter({simplifiedAutoLink: true, openLinksInNewWindow: true})
|
|
})
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
</style>
|