123 lines
4.9 KiB
JavaScript
123 lines
4.9 KiB
JavaScript
/* eslint-env browser */
|
|
import TabSwitcher from '../tab_switcher/tab_switcher.jsx'
|
|
import StyleSwitcher from '../style_switcher/style_switcher.vue'
|
|
import InterfaceLanguageSwitcher from '../interface_language_switcher/interface_language_switcher.vue'
|
|
import { filter, trim } from 'lodash'
|
|
|
|
const settings = {
|
|
data () {
|
|
const user = this.$store.state.config
|
|
const instance = this.$store.state.instance
|
|
|
|
return {
|
|
hideAttachmentsLocal: user.hideAttachments,
|
|
hideAttachmentsInConvLocal: user.hideAttachmentsInConv,
|
|
hideNsfwLocal: user.hideNsfw,
|
|
hidePostStatsLocal: typeof user.hidePostStats === 'undefined'
|
|
? instance.hidePostStats
|
|
: user.hidePostStats,
|
|
hidePostStatsDefault: this.$t('settings.values.' + instance.hidePostStats),
|
|
hideUserStatsLocal: typeof user.hideUserStats === 'undefined'
|
|
? instance.hideUserStats
|
|
: user.hideUserStats,
|
|
hideUserStatsDefault: this.$t('settings.values.' + instance.hideUserStats),
|
|
notificationVisibilityLocal: user.notificationVisibility,
|
|
replyVisibilityLocal: user.replyVisibility,
|
|
loopVideoLocal: user.loopVideo,
|
|
loopVideoSilentOnlyLocal: user.loopVideoSilentOnly,
|
|
muteWordsString: user.muteWords.join('\n'),
|
|
autoLoadLocal: user.autoLoad,
|
|
streamingLocal: user.streaming,
|
|
pauseOnUnfocusedLocal: user.pauseOnUnfocused,
|
|
hoverPreviewLocal: user.hoverPreview,
|
|
collapseMessageWithSubjectLocal: typeof user.collapseMessageWithSubject === 'undefined'
|
|
? instance.collapseMessageWithSubject
|
|
: user.collapseMessageWithSubject,
|
|
collapseMessageWithSubjectDefault: this.$t('settings.values.' + instance.collapseMessageWithSubject),
|
|
stopGifs: user.stopGifs,
|
|
loopSilentAvailable:
|
|
// Firefox
|
|
Object.getOwnPropertyDescriptor(HTMLVideoElement.prototype, 'mozHasAudio') ||
|
|
// Chrome-likes
|
|
Object.getOwnPropertyDescriptor(HTMLMediaElement.prototype, 'webkitAudioDecodedByteCount') ||
|
|
// Future spec, still not supported in Nightly 63 as of 08/2018
|
|
Object.getOwnPropertyDescriptor(HTMLMediaElement.prototype, 'audioTracks')
|
|
}
|
|
},
|
|
components: {
|
|
TabSwitcher,
|
|
StyleSwitcher,
|
|
InterfaceLanguageSwitcher
|
|
},
|
|
computed: {
|
|
user () {
|
|
return this.$store.state.users.currentUser
|
|
},
|
|
currentSaveStateNotice () {
|
|
return this.$store.state.interface.settings.currentSaveStateNotice
|
|
}
|
|
},
|
|
watch: {
|
|
hideAttachmentsLocal (value) {
|
|
this.$store.dispatch('setOption', { name: 'hideAttachments', value })
|
|
},
|
|
hideAttachmentsInConvLocal (value) {
|
|
this.$store.dispatch('setOption', { name: 'hideAttachmentsInConv', value })
|
|
},
|
|
hidePostStatsLocal (value) {
|
|
this.$store.dispatch('setOption', { name: 'hidePostStats', value })
|
|
},
|
|
hideUserStatsLocal (value) {
|
|
this.$store.dispatch('setOption', { name: 'hideUserStats', value })
|
|
},
|
|
hideNsfwLocal (value) {
|
|
this.$store.dispatch('setOption', { name: 'hideNsfw', value })
|
|
},
|
|
'notificationVisibilityLocal.likes' (value) {
|
|
this.$store.dispatch('setOption', { name: 'notificationVisibility', value: this.$store.state.config.notificationVisibility })
|
|
},
|
|
'notificationVisibilityLocal.follows' (value) {
|
|
this.$store.dispatch('setOption', { name: 'notificationVisibility', value: this.$store.state.config.notificationVisibility })
|
|
},
|
|
'notificationVisibilityLocal.repeats' (value) {
|
|
this.$store.dispatch('setOption', { name: 'notificationVisibility', value: this.$store.state.config.notificationVisibility })
|
|
},
|
|
'notificationVisibilityLocal.mentions' (value) {
|
|
this.$store.dispatch('setOption', { name: 'notificationVisibility', value: this.$store.state.config.notificationVisibility })
|
|
},
|
|
replyVisibilityLocal (value) {
|
|
this.$store.dispatch('setOption', { name: 'replyVisibility', value })
|
|
},
|
|
loopVideoLocal (value) {
|
|
this.$store.dispatch('setOption', { name: 'loopVideo', value })
|
|
},
|
|
loopVideoSilentOnlyLocal (value) {
|
|
this.$store.dispatch('setOption', { name: 'loopVideoSilentOnly', value })
|
|
},
|
|
autoLoadLocal (value) {
|
|
this.$store.dispatch('setOption', { name: 'autoLoad', value })
|
|
},
|
|
streamingLocal (value) {
|
|
this.$store.dispatch('setOption', { name: 'streaming', value })
|
|
},
|
|
pauseOnUnfocusedLocal (value) {
|
|
this.$store.dispatch('setOption', { name: 'pauseOnUnfocused', value })
|
|
},
|
|
hoverPreviewLocal (value) {
|
|
this.$store.dispatch('setOption', { name: 'hoverPreview', value })
|
|
},
|
|
muteWordsString (value) {
|
|
value = filter(value.split('\n'), (word) => trim(word).length > 0)
|
|
this.$store.dispatch('setOption', { name: 'muteWords', value })
|
|
},
|
|
collapseMessageWithSubjectLocal (value) {
|
|
this.$store.dispatch('setOption', { name: 'collapseMessageWithSubject', value })
|
|
},
|
|
stopGifs (value) {
|
|
this.$store.dispatch('setOption', { name: 'stopGifs', value })
|
|
}
|
|
}
|
|
}
|
|
|
|
export default settings
|