2016-10-28 16:08:03 +00:00
|
|
|
import nsfwImage from '../../assets/nsfw.jpg'
|
|
|
|
|
|
|
|
const Attachment = {
|
|
|
|
props: [
|
|
|
|
'attachment',
|
2016-10-28 23:38:41 +00:00
|
|
|
'nsfw',
|
|
|
|
'statusId'
|
2016-10-28 16:08:03 +00:00
|
|
|
],
|
|
|
|
data: () => ({ nsfwImage }),
|
|
|
|
computed: {
|
|
|
|
type () {
|
2016-10-28 23:38:41 +00:00
|
|
|
let type = 'unknown'
|
|
|
|
|
|
|
|
if(this.attachment.mimetype.match(/text\/html/)) {
|
|
|
|
type = 'html';
|
|
|
|
}
|
|
|
|
|
|
|
|
if(this.attachment.mimetype.match(/image/)) {
|
|
|
|
type = 'image';
|
|
|
|
}
|
|
|
|
|
2016-11-06 16:43:31 +00:00
|
|
|
if(this.attachment.mimetype.match(/video\/(webm|mp4)/)) {
|
|
|
|
type = 'video';
|
2016-10-28 23:38:41 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
return type
|
2016-10-28 16:08:03 +00:00
|
|
|
}
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
showNsfw () {
|
2016-10-28 23:38:41 +00:00
|
|
|
this.$store.commit('setNsfw', { id: this.statusId, nsfw: false })
|
2016-10-28 16:08:03 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
export default Attachment
|