refs #520 Control NSFW in favourite notification
This commit is contained in:
parent
3cefe01ff8
commit
a8ed3ce6be
|
@ -41,6 +41,20 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="content" v-show="isShowContent(message.status)" v-html="status(message.status)" @click.capture.prevent="tootClick"></div>
|
<div class="content" v-show="isShowContent(message.status)" v-html="status(message.status)" @click.capture.prevent="tootClick"></div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="attachments">
|
||||||
|
<el-button v-show="sensitive(message.status) && !isShowAttachments(message.status)" class="show-sensitive" type="info" @click="showAttachments = true">
|
||||||
|
{{ $t('cards.toot.sensitive') }}
|
||||||
|
</el-button>
|
||||||
|
<div v-show="isShowAttachments(message.status)">
|
||||||
|
<el-button v-show="sensitive(message.status) && isShowAttachments(message.status)" class="hide-sensitive" type="text" @click="showAttachments = false">
|
||||||
|
<icon name="eye" class="hide"></icon>
|
||||||
|
</el-button>
|
||||||
|
<div class="media" v-for="media in mediaAttachments(message.status)">
|
||||||
|
<img :src="media.preview_url" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="clearfix"></div>
|
<div class="clearfix"></div>
|
||||||
|
@ -69,7 +83,8 @@ export default {
|
||||||
},
|
},
|
||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
showContent: false
|
showContent: false,
|
||||||
|
showAttachments: false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
@ -116,6 +131,9 @@ export default {
|
||||||
this.$store.dispatch('TimelineSpace/Contents/SideBar/AccountProfile/changeAccount', account)
|
this.$store.dispatch('TimelineSpace/Contents/SideBar/AccountProfile/changeAccount', account)
|
||||||
this.$store.commit('TimelineSpace/Contents/SideBar/changeOpenSideBar', true)
|
this.$store.commit('TimelineSpace/Contents/SideBar/changeOpenSideBar', true)
|
||||||
},
|
},
|
||||||
|
mediaAttachments (message) {
|
||||||
|
return message.media_attachments
|
||||||
|
},
|
||||||
filtered (message) {
|
filtered (message) {
|
||||||
return this.filter.length > 0 && message.status.content.search(this.filter) >= 0
|
return this.filter.length > 0 && message.status.content.search(this.filter) >= 0
|
||||||
},
|
},
|
||||||
|
@ -125,6 +143,12 @@ export default {
|
||||||
isShowContent (message) {
|
isShowContent (message) {
|
||||||
return !this.spoilered(message) || this.showContent
|
return !this.spoilered(message) || this.showContent
|
||||||
},
|
},
|
||||||
|
sensitive (message) {
|
||||||
|
return message.sensitive && this.mediaAttachments(message).length > 0
|
||||||
|
},
|
||||||
|
isShowAttachments (message) {
|
||||||
|
return !this.sensitive(message) || this.showAttachments
|
||||||
|
},
|
||||||
status (message) {
|
status (message) {
|
||||||
return emojify(message.content, message.emojis)
|
return emojify(message.content, message.emojis)
|
||||||
},
|
},
|
||||||
|
@ -221,6 +245,38 @@ export default {
|
||||||
height: 20px;
|
height: 20px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.attachments {
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.show-sensitive {
|
||||||
|
padding: 20px 32px;
|
||||||
|
margin-bottom: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hide-sensitive {
|
||||||
|
position: absolute;
|
||||||
|
top: 2px;
|
||||||
|
left: 2px;
|
||||||
|
background-color: rgba(0, 0, 0, 0.5);
|
||||||
|
padding: 4px;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: rgba(0, 0, 0, 0.9);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.media {
|
||||||
|
float: left;
|
||||||
|
margin-right: 8px;
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-width: 200px;
|
||||||
|
max-height: 200px;
|
||||||
|
border-radius: 8px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue