therwi/sunkkoma
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add configuration option to enable click-through content warnings

Browse source
This commit is contained in:
Vivian Lim 2018-06-28 21:39:25 -07:00 • committed by Vivian Lim
parent ab86e87e85
commit b0cf050797
4 changed files with 16 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/components/status/status.js
View file

@ -29,7 +29,7 @@ const Status = {
preview: null,
showPreview: false,
showingTall: false,
showingContentWarningContent: false
showingContentWarningContent: false
}),
computed: {
muteWords () {
@ -93,7 +93,10 @@ const Status = {
return 'small'
}
return 'normal'
}
},
clickThroughContentWarningsEnabled () {
return this.$store.state.config.clickThroughContentWarningsEnabled
},
},
components: {
Attachment,

10
src/components/status/status.vue
View file

@ -76,17 +76,19 @@
<div v-if="status.summary" @click.prevent="linkClicked" class="status-content media-body">
<div class="contentWarningLabel">
<span v-html="status.summary"></span>
<button v-if="showingContentWarningContent" @click.prevent="toggleContentWarningContent">Hide</button>
<button v-else @click.prevent="toggleContentWarningContent">Show</button>
<span v-if="clickThroughContentWarningsEnabled">
<button v-if="showingContentWarningContent" @click.prevent="toggleContentWarningContent">Hide</button>
<button v-else @click.prevent="toggleContentWarningContent">Show</button>
</span>
</div>
<div v-if="showingContentWarningContent" v-html="status.content" class="contentWarnedContent"></div>
<div v-if="showingContentWarningContent || !clickThroughContentWarningsEnabled" v-html="status.content" class="contentWarnedContent"></div>
<div v-else class="hiddenContent" @click.prevent="toggleContentWarningContent">Click to view this post.<span v-if="status.attachments && status.attachments.length > 0"> (has attachments)</span></div>
</div>
<div v-else @click.prevent="linkClicked" class="status-content media-body" v-html="status.statusnet_html"></div>
<a v-if="showingTall" href="#" class="tall-status-unhider" @click.prevent="toggleShowTall">Show less</a>
</div>
<div v-if='status.attachments && (!status.summary || showingContentWarningContent)' class='attachments media-body'>
<div v-if='status.attachments && (!status.summary || showingContentWarningContent || !clickThroughContentWarningsEnabled)' class='attachments media-body'>
<attachment :size="attachmentSize" :status-id="status.id" :nsfw="status.nsfw" :attachment="attachment" v-for="attachment in status.attachments" :key="attachment.id">
</attachment>
</div>