Ocelot-Social/components/ReportModal.vue
2019-01-11 15:24:31 +01:00

33 lines
681 B
Vue

<template>
<ds-modal
:title="title"
:is-open="isOpen"
:confirm-label="$t('report.submit')"
:cancel-label="$t('report.cancel')"
@close="close"
>
<p>Are you sure that you want to report the {{ data.context }} "<b>{{ data.name | truncate(30) }}</b>"?</p>
</ds-modal>
</template>
<script>
export default {
computed: {
data() {
return this.$store.getters['modal/data'] || {}
},
title() {
return this.$t(`report.${this.data.context}.title`)
},
isOpen() {
return this.$store.getters['modal/open'] === 'report'
}
},
methods: {
close() {
this.$store.commit('modal/SET_OPEN', {})
}
}
}
</script>